/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HTML elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */
body {line-height: 1.4;overflow-wrap: break-word;}
/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */
html[lang^="ja"] body,html[lang^="zh"] body,html[lang^="ko"] body {line-break: strict;overflow-wrap: normal;word-break: break-all;}
/* Paragraphs */
p {margin: 0rem;}
p > * { padding }
/* Anchors */
a {cursor: pointer;}
/* Headings */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {margin: 0 0 1rem;}
/* Lists */
ul,ol {margin: 0 0 1rem;}
ul ul,ol ul,ul ol,ol ol {margin: 0;}
ul.no-list {list-style: none; margin: 0;padding-left: 0;}
/* Code blocks */
pre {overflow: auto;}
code {vertical-align: bottom;}
/* Blockquotes */
blockquote {border-left: 2px solid;margin: 0 0 1.4rem;padding-left: 0.7rem;}
/* Horizontal rules */
hr {border: none;border-bottom: 1px solid #CCC;}
/* Image alt text */
img {font-size: 0.583rem;word-break: normal;display: inline-block;vertical-align:middle;height:auto;max-width: 100%;}
.button a, a.button{padding:6px 18px;font-family: Montserrat, sans-serif;;font-size:18px;font-weight:700;line-height:1.72;text-align:center;text-transform:uppercase;letter-spacing:1px;display:inline-block;text-decoration:none; background-color:#009444;border:1px solid #009444;color:#fff;transition:all ease .3s;border-radius:25px;}
.button a:hover, a.button:hover{background-color:#000000;border-color:#000000}

.button.v1 a, a.button.v1{background-color:#000000;color:#fff;border-color:#000000;}
.button.v1 a:hover, a.button.v1:hover{background-color:#009444;border-color:#009444;}
form .input { margin-right:0 !important;margin-top:0; }
form fieldset { max-width:inherit !important; margin:0 -15px !important;  }
form fieldset.form-columns-1 .field { width:100% !important; }
form fieldset.form-columns-2 .field { width:50% !important; }
form fieldset.form-columns-3 .field { width:33.33% !important; }
form .field { padding:0 0 30px; }
form fieldset .field { padding-left:15px; padding-right:15px; }
form ul.multi-container {padding-left: 0;margin: 0;list-style: none;}
form ul.multi-container li { margin:5px 0; }  
textarea, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], select, input[type="password"] { background-color: #eee; border: none;outline:none;  border-radius: 0;
    color: #3e3e3e; display: block; font-family: inherit; font-size: 16px; line-height: 1; margin: 0; outline: none;  padding: 16px;  width: 100%!important; font-weight: 400;  }
form label {font-size: 16px;line-height: 1.8;font-weight: 600;color: #fff;}
form ul li.hs-form-checkbox label {font-size: 16px;line-height: 1.6;font-weight: 500;color: #fff;}
textarea { min-height:110px; }
form input[type="radio"]+span, form input[type="checkbox"]+span { position: relative; display:block;  padding-left: 23px;  cursor:pointer;}
form input[type="radio"]+span:before, form input[type="checkbox"]+span:before { content: '';  position:absolute;  font-size:0;
  width: 17px;height: 17px;top: 50%;transform: translateY(-50%);left: 0;border: 0;background-color: #fff;border-radius: 0;
  display:block;   transition:all ease .3s;  -webkit-transition:all ease .3s;  text-align:center; background-position: center center; background-repeat: no-repeat; background-size: auto; }
form input[type="radio"]:checked+span:before { background: #09072e; border-color:#09072e;}
form input[type="checkbox"]:checked+span:before {background-color: #fff;
 background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 8.5L7 12L13.5 5.5' stroke='%232ea3f2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
input[type="checkbox"] { display: none;}
.subscription-section form input[type="radio"], .subscription-section form input[type="checkbox"] {  position: absolute;   width: 100%;   height: 100%;   left: 0;    top: 0;
  opacity: 0;    z-index: 1; }

form fieldset label > .hs-form-required {color: #f44336;font-weight: 400;padding-left: 5px;}

select {font-weight: 500;}

::placeholder {font-family: inherit;color:#757575;}

input[type="submit"] {outline: none;background-color: #000000;text-transform: uppercase;border: 2px solid #028712;border-radius: 150px;color: var(--white);font-family: inherit;font-size: 18px;cursor:pointer;font-weight: 700; line-height: 1.72;  overflow: hidden;  padding: 5px 18px;  position: relative;  text-decoration: none;  -webkit-transition:all ease 0.3s;  -moz-transition:all ease 0.3s; transition:all ease 0.3s;}
input[type="submit"]:hover {background-color: #000000;border-color:#000000;}
.hs_error_rollup {display: none;}
.hs-error-msgs{padding-top: 5px; font-weight: 500;}
.hs-error-msg{font-size: 14px; line-height: 1.3; color: #f25767; }

.submitted-message {text-align: center;font-weight:500;color: #fff;}



@media(max-width:767px){
  form fieldset.form-columns-2 .field {width: 100% !important;}
	form fieldset .field{padding:0 0 25px;}
/*   input[type=submit]{padding: 18px 30px;} */
}
/* Table */
table {border-collapse: collapse;margin-bottom: 1.4rem;overflow-wrap: break-word;}
/* Table cells */
td,th {vertical-align: top;}
/* Table header */
thead th {vertical-align: bottom;}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

.header-section {position: fixed;top: 0;left: 0;height: auto;width: 100%;z-index: 999;}

/* topbar */
.header-top-row {background-color: var(--primary);padding: 0 30px;}
.top-two-col {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 20px;}
.top-left ul {margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: center;gap: 25px;}
.top-left ul li {display: flex;flex-wrap: wrap;align-items: center;gap: 5px;padding: 10px 0;}
.top-left ul li span:first-child {line-height: 0;}
.top-left ul li span {display: inline-block;vertical-align: middle;}
.top-left ul li, .top-left ul li a {font-size: 14px;line-height: 1.11;color: var(--white);font-weight: 600;text-transform: uppercase;}
.top-left ul li span svg {height: 14px;width: 14px;}
.top-right ul {padding: 0;margin: 0;list-style: none;}
.arrw-ic {line-height: 0;}
.arrw-ic svg {transition: all ease .3s;}
.top-right>ul>li:hover .arrw-ic svg{ transform: rotate(180deg); }
.top-right>ul>li>a {font-size: 14px;line-height: 1.28;font-weight: 600;color: var(--white);display: inline-flex;align-items: center;gap: 5px;text-transform: uppercase;}
.top-right>ul>li>a>svg {transition: all ease .3s; }
.top-right>ul>li {position: relative;}

/* 	drodowmn menu */
.hs-item-has-children{position: relative;}
.hs-item-has-children>a>span>svg {transition: all ease .3s;}
.hs-item-has-children:hover>a>span>svg{transform: rotate(180deg);}
.hs-item-has-children>a>span>svg path {fill: rgb(0 0 0 / 60%);}
.hs-item-has-children>.hs-menu-children-wrapper {position: absolute;top: 100%;min-width: 240px;background-color: var(--white);left: 0;border-top: 3px solid var(--primary);padding: 20px;opacity: 0;visibility: hidden;transition: all ease .3s;}
.hs-item-has-children:hover>.hs-menu-children-wrapper{opacity: 1;visibility: visible;}
.hs-item-has-children>.hs-menu-children-wrapper>li>a {padding: 6px 20px;width: 100%;display: block;font-size: 14px;font-weight: 700;line-height: 1.7;text-transform: uppercase;}
.hs-item-has-children>.hs-menu-children-wrapper>li>a:hover{background-color: rgba(0, 0, 0, .03);opacity: .7;}

/* navigation bar */
.header-bottom-row {padding: 0 30px 0 34px;background-color: var(--white);box-shadow: 0 1px 0 rgba(0,0,0,.1);}
.header-two-col {display: flex;flex-wrap: wrap;align-items: center;}
.header-left {width: 273px;transition: all ease .3s;}
.header-logo span {display: block;line-height: 0;}
.header-right {width: calc(100% - 273px);padding-left: 30px;transition: all ease .3s;}
.right-two-col {display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;position: relative;}
.r-right {width: 20px;}
.r-left {width: calc(100% - 20px);padding-right: 18px;}
.r-left>.hs_cos_wrapper>.hs-menu-wrapper>ul {display: flex;flex-wrap: wrap;justify-content: flex-end;width: 100%;gap: 22px;}

.r-left>.hs_cos_wrapper>.hs-menu-wrapper>ul>li>a {font-size: 14px;line-height: 1;font-weight: 700;color: rgb(0 0 0 / 60%);transition: all ease .3s; padding: 57px 0 45px; text-transform: uppercase;}
.r-left>.hs_cos_wrapper>.hs-menu-wrapper>ul>li>a:hover {opacity: .7;}
.r-left>.hs_cos_wrapper>.hs-menu-wrapper>ul>li:last-child>a {padding: 10px;border-radius: 50px;color: var(--white);background-color: var(--primary);border: 2px solid var(--primary);margin: 42px 0 35px;transition: all ease .3s;}
.r-left>.hs_cos_wrapper>.hs-menu-wrapper>ul>li.active>a:hover {color: var(--primary);}
.search-icon {display: block;line-height: 0;cursor: pointer;padding-top:5px;}
.search-icon svg {transform: rotateY(180deg);height: auto;width: 100%;}
.search-icon svg path{ transition: all ease .3s;}
.search-icon:hover svg path{ fill: var(--primary); }

/* search bar */
.form-s {position: absolute;max-width: 965px;display: flex;flex-wrap: wrap;align-items: center;right: 0;top: 0;width: 100%;height: 100%;pointer-events: none;transform: translateY(0);opacity: 0; }
.form-s.active {pointer-events: auto; }

.close-ic {width: 30px;line-height: 0;cursor: pointer;background-color: var(--white);}
.form-s form {width: calc(100% - 30px);padding-right: 12px;}
.form-s form input[type="text"] {border: none;color:rgb(0 0 0 / 60%);font-size: 14px;line-height: 1;font-weight: 700;background-color:var(--white);}

/* search and menu animation for search open close */
.header-section.search-close .r-left > .hs_cos_wrapper > .hs-menu-wrapper > ul, .header-section.search-close .search-icon {
	opacity: 1;
	-webkit-animation: fadeInBottom 1s cubic-bezier(.77, 0, .175, 1) 1 both;
	animation: fadeInBottom 1s cubic-bezier(.77, 0, .175, 1) 1 both;
}

.header-section.search-open .r-left > .hs_cos_wrapper > .hs-menu-wrapper > ul, .header-section.search-open .search-icon {
	opacity: 0;
	-webkit-animation: fadeOutBottom 1s cubic-bezier(.77, 0, .175, 1) 1 both;
	animation: fadeOutBottom 1s cubic-bezier(.77, 0, .175, 1) 1 both;
}

.header-section.search-close .form-s {
	opacity: 0;
	-webkit-animation: fadeOutTop 1s cubic-bezier(.77, 0, .175, 1) 1 both;
	animation: fadeOutTop 1s cubic-bezier(.77, 0, .175, 1) 1 both;
}

.header-section.search-open .form-s {
	opacity: 1;
	-webkit-animation: fadeInTop 1s cubic-bezier(.77, 0, .175, 1) 1 both;
	animation: fadeInTop 1s cubic-bezier(.77, 0, .175, 1) 1 both;
}


/* Menu: comes up from bottom */
@-webkit-keyframes fadeInBottom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInBottom {
	0% {
		opacity: 0;
		transform: translateY(40px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


/* Menu: moves down */
@-webkit-keyframes fadeOutBottom {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
	}
}

@keyframes fadeOutBottom {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(40px);
	}
}


/* Search form: comes down from top */
@-webkit-keyframes fadeInTop {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInTop {
	0% {
		opacity: 0;
		transform: translateY(-40px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


/* Search form: moves up */
@-webkit-keyframes fadeOutTop {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}
}

@keyframes fadeOutTop {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-40px);
	}
}



@media(min-width: 1080px){
	.header-section .content-wrapper { padding:0; max-width:100%;}
	.expanmenu, .mobile-menu {display:none;}

	/* 	drodowmn menu */
	.hs-item-has-children>a {display: flex;align-items: center;gap: 5px;}

	/* when header scrolled */
	.scrolled .header-left {width: 155px;}
	.scrolled .header-right {width: calc(100% - 155px);}
	.scrolled .r-left>.hs_cos_wrapper>.hs-menu-wrapper>ul>li>a {padding: 26px 0;}
	.scrolled .r-left>.hs_cos_wrapper>.hs-menu-wrapper>ul>li:last-child>a {margin: 13px 0px;padding: 10px;}
	.scrolled .search-icon{ padding-top:0; }

	/* 	country submenu */
	.sub-menu {position: absolute;top: 100%;right: 0;min-width: 220px;z-index: 9999;background-color: var(--primary);padding: 14px 0;opacity: 0;visibility: hidden;transition: all ease .3s;}
	.top-right>ul>li:hover>.sub-menu {opacity: 1;visibility: visible;}
	.sub-menu>li>a {padding: 14px;display: block;width: 100%;color: var(--white);font-weight: 600;text-align: right;font-size: 14px;line-height: 1;}
	.sub-menu>li>a:hover {background-color: rgb(0 0 0 / 3%);}
}

@media(max-width: 1400px){
	/* 	navigation bar */
	.header-left {width: 190px;}
	.header-right {width: calc(100% - 190px);}
	.r-left {padding-right: 12px;}
	.header-right{ padding-left:15px;}
}

@media(max-width: 1230px){
	/* 	navigation bar */
	.r-left>.hs_cos_wrapper>.hs-menu-wrapper>ul {gap: 10px;}
	.r-left>.hs_cos_wrapper>.hs-menu-wrapper>ul>li>a{ font-size: 12px;}
}

@media(max-width: 1080px){
	/* topbar */
	.header-top-row { padding:0; }
	.header-bottom-row{ padding: 24px 0;overflow:hidden;}
	.top-right {display: none;}
	.r-left>.hs_cos_wrapper {display: none;}
	.right-two-col {flex-direction: row-reverse;position: static;}
	.r-left {width: 27px;padding-right:0;}
	.r-right {width: calc(100% - 27px);padding-right:16px;text-align: right;}
	.search-icon{ padding-top:0; }
	.search-icon svg { height: 24px; width: 24px;}

	/* 	mobile menu */
	.mobile-menu {height: 0;overflow: hidden;transition: height 0.3s ease;}
	.mobile-menu.active {position: absolute;top:100%;}
	.header-two-col {position: relative;}
	.mobile-menu {position: absolute;top:100%;width: 100%;left: 50%;transform: translateX(-50%);max-width: calc(100% - 30px);}
	.mob-menuinr{background-color: var(--white);border-top: 3px solid var(--primary);padding: 30px;max-height: calc(100vh - 107px);overflow: auto;}
	.mob-nav ul>li , .mob-lang ul>li {width: 100%;display: block;}
	.mob-nav ul>li>a , .mob-lang ul>li>a {padding: 10px 20px;color: #666;font-weight: 600;font-size: 14px;line-height: 1.4;border-bottom: 1px solid rgba(0,0,0,.03);width: 100%;}
	.mob-nav ul>li>a:hover , .mob-lang ul>li>a:hover{background-color: rgba(0,0,0,.03);opacity: 0.7;}
	.mob-lang ul {margin: 0;padding: 0;list-style: none;}
	.mob-lang ul>li.menu-item-has-children>a, .mob-nav ul>li.menu-item-has-children>a, 	.hs-item-has-children>a {background-color: rgba(0,0,0,.03); font-weight:700;text-transform: capitalize;}
	.menu-item-has-children>ul>li , .hs-item-has-children>.hs-menu-children-wrapper>li {padding-left: 30px;}
	.mob-nav>.hs_cos_wrapper>.hs-menu-wrapper>ul>li:last-child>a {padding: 10px;border-radius: 50px;color: var(--white);background-color: var(--primary);border: 2px solid var(--primary);margin: 10px 0;transition: all ease .3s;width: auto;margin-left: 30px;}

	/* 	expan icon */
	.expanmenu {display: flex;height: 21px;padding: 0;width: 27px;flex-wrap: wrap;align-items: center;flex-direction: column;justify-content: space-between;cursor: pointer;justify-self: flex-end;}
	.expanmenu i {width: 100%;height: 3px;display: block;background-color: var(--primary);transition: all ease .3s;border-radius: 2px;}
	.expanmenu.active i:nth-child(2) {opacity: 0;}
	.expanmenu.active i:first-child {position: relative;transform: rotate(45deg);top: 7px;}
	.expanmenu.active i:last-child {position: relative;transform: rotate(-45deg);top: -11px;}

	.form-s {height: 44px;top: -50%;}

	.arrw-ic {display: none;}
	.hs-item-has-children>.hs-menu-children-wrapper {position: static;height: auto;min-width: 100%;opacity: 1;visibility: visible;border: none;padding: 0;}
	.hs-item-has-children>.hs-menu-children-wrapper>li>a {font-weight: 600;text-transform: capitalize;}

	.header-section.search-close .expanmenu , .header-section.search-close .search-icon {
		opacity: 1;
		-webkit-animation: fadeInBottom 1s cubic-bezier(.77, 0, .175, 1) 1 both;
		animation: fadeInBottom 1s cubic-bezier(.77, 0, .175, 1) 1 both;
	}

	.header-section.search-open .expanmenu, .header-section.search-open .search-icon {
		opacity: 0;
		-webkit-animation: fadeOutBottom 1s cubic-bezier(.77, 0, .175, 1) 1 both;
		animation: fadeOutBottom 1s cubic-bezier(.77, 0, .175, 1) 1 both;
	}
}

@media(max-width: 575px){
	.header-left {width: 150px;}
	.header-right {width: calc(100% - 150px);}
	.mob-nav>.hs_cos_wrapper>.hs-menu-wrapper>ul>li:last-child>a {margin-left: 0;}
	.menu-item-has-children>ul>li , .hs-item-has-children>.hs-menu-children-wrapper>li {padding-left: 16px; }
	.menu-item-has-children>ul>li>a , .hs-item-has-children>.hs-menu-children-wrapper>li>a { padding: 6px 20px;}
	.mob-menuinr {padding: 22px;}
}
.hs-menu-wrapper ul {display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding-left: 0;}
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {flex-direction: column;}
@media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-horizontal ul {flex-direction: column;} }
.hs-menu-wrapper.hs-menu-flow-vertical ul {flex-direction: column;}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {display: inline-flex;}
@media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-vertical ul {display: flex;} }
.hs-menu-wrapper.flyouts .hs-item-has-children {position: relative;}
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper { left: -9999px;opacity: 0;position: absolute;}
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {display: block;white-space: nowrap;}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {left: 0;opacity: 1;top: 100%;}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {left: 100%;opacity: 1;top: 0;}
@media (max-width: 767px) { .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {left: 0;opacity: 1;position: relative;top: auto; } }
.hs_cos_wrapper_type_cta img,.hs_cos_wrapper_type_logo img,.hs_cos_wrapper_type_rich_text img { height: auto;max-width: 100%;}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
/* ========================================================================== ET Animations — reusable scroll-triggered animation library Just add: class="et-anim" data-et-animate="fade" (etc.) to any element. ========================================================================== */
.et-anim { --et-duration: 1000ms; --et-delay: 0ms; --et-easing: ease-in-out;opacity: 0; will-change: transform, opacity; }
.et-anim.et-in-view {	animation-duration: var(--et-duration); animation-delay: var(--et-delay); animation-timing-function: var(--et-easing); animation-fill-mode: forwards; }
.et-anim[data-et-animate="fade"].et-in-view { animation-name: et-fade; }
.et-anim[data-et-animate="zoom"].et-in-view { animation-name: et-zoom; }
.et-anim[data-et-animate="zoom-small"].et-in-view { animation-name: et-zoom-small; }
.et-anim[data-et-animate="slideTop"].et-in-view { animation-name: et-slideTop; }
.et-anim[data-et-animate="slideBottom"].et-in-view { animation-name: et-slideBottom; }
.et-anim[data-et-animate="slideLeft"].et-in-view { animation-name: et-slideLeft; }
.et-anim[data-et-animate="slideRight"].et-in-view { animation-name: et-slideRight; }
/* ----- Keyframes ----- */ 
@keyframes et-fade { from { opacity: 0; }
to { opacity: 1; }
 }
@keyframes et-zoom { from { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); }
to { opacity: 1; transform: scale3d(1, 1, 1); }
 }
@keyframes et-zoom-small { from { opacity: 0; transform: scale3d(0.96, 0.96, 0.96); }
to { opacity: 1; transform: scale3d(1, 1, 1); }
 }
@keyframes et-slideTop { from { opacity: 1; transform: translateY(calc(-8%)); }
to { opacity: 1; transform: translateY(0); }
 }
@keyframes et-slideBottom { from { opacity: 0; transform: translateY(4%); }
to { opacity: 1; transform: translateY(0); }
 }
@keyframes et-slideLeft { from { opacity: 0; transform: translateX(calc(-8%)); }
to { opacity: 1; transform: translateX(0); }
 }
@keyframes et-slideRight { from { opacity: 0; transform: translateX(40%); }
to { opacity: 1; transform: translateX(0); }
 }
/* Respect users who prefer reduced motion */ @media (prefers-reduced-motion: reduce) { .et-anim { animation: none !important; opacity: 1 !important; transform: none !important; }
 }