/* 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
*/
@keyframes button-rigth-slidein {
  0% {
    transform: translateX(0);
  }
  49% {
    transform: translateX(125%);
  }
  50% {
    transform: translateX(-110%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes button-fadeOut {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
/* 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;
}

img{
 max-width: 100%;
}

/* 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));
    }
  
}


.il-wrapper{
 max-width: 1300px;
 margin: 0 auto;
}
.il-inner-wrapper{
 max-width: 830px;
 margin: 0 auto;
}
.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;
}

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

/* Elements
Base HMTL 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;
}

@media (max-width: 1280px){
 body,
 body h1,
 body h2,
 body h3,
 body h4,
 body h5{
  hyphens: auto;
  -webkit-hyphens: auto;
  word-wrap: break-word;
  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;
}


/* Lists */

ul,
ol {
 margin: 0 0 1.4rem;
}

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;
}



.heading.two-lines {
 position: relative;
 text-align: right; /* Aligns text to the right */
 max-width: fit-content;
 margin-left: auto;
 z-index: 99;
}

.heading.two-lines .line1,
.heading.two-lines .line2 {
 display: block;
}

.heading.two-lines .line1 {
 text-align: center;
}

.heading.two-lines .line2 {
 text-align: right;
}
.heading.text-align-center {
 text-align: center;
}
.heading.text-align-left {
 text-align: left;
}
.heading.text-align-right {
 text-align: right;
}
@media (min-width: 1280px){
 .heading.two-lines .line1 {
  padding-right: 150px;
 }
 .heading.two-lines .line2 { 
  padding-left: 150px;
 }
}
@media (max-width: 1280px){
 .heading.two-lines .line1,
 .heading.two-lines .line2 {
  padding: 0!important;
  text-align: left;	
  display: inline;
 }
 .heading.two-lines .line1{
  margin-right: 8px;
 }
 .heading.two-lines {
  margin-right: auto;
  margin-left: 0;
  text-align: left;
 }
}

.t-large{
 font-size: var(--t-large-font-size);
 line-height: var(--t-large-line-height);
}
.t-medium{
 font-size: var(--t-medium-font-size);
 line-height: var(--t-medium-line-height);
}
.p-default{
 font-size: var(--p-default-font-size);
 line-height: var(--p-default-line-height);
}

.sec-font-family{
 font-family: var(--theme-global-secondary-font--family);
}
.object-fit {
 object-fit: cover;
 width: 100%;
 height: 100%;
 display: block;
}
.ss09 {
 font-feature-settings: "ss09" 1;
}
.ss08 {
 font-feature-settings: "ss08" 1;
}
.ss07 {
 font-feature-settings: "ss07" 1;
}
.ss06 {
 font-feature-settings: "ss06" 1;
}

/*
--------------------

* 
* 
* hero titles - h1
* 
* font-size: 95px
* line-height: 105px
* 

Banner Titles ( Two cols view h2 )
* font-size: 80px
* line-height: 90px

*  .cards-cm__card-title {
font-size: 30px;
line-height: 40px;
}

@media(min-width: 1280px){
.cards-cm__card-title {
font-size: 35px;
line-height: 45px;
}
* 
* 
* 
*  .pricing-cards-cm__title-subtitle {
font-size: 25px;
line-height: 35px;
margin-bottom: 5px;
}
* 
* 
* /
* 
* 
*
button,
.button,
.hs-button {
 cursor: pointer;
 display: inline-block;
 text-align: center;
 transition: all 0.15s linear;
 white-space: normal;
}

button:disabled,
.button:disabled,
.hs-button:disabled {
 background-color: #D0D0D0;
 border-color: #D0D0D0;
 color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
 background: none;
 border: none;
 border-radius: 0;
 color: initial;
 font-family: inherit;
 font-size: inherit;
 font-style: inherit;
 font-weight: inherit;
 letter-spacing: inherit;
 line-height: inherit;
 margin-bottom: 0;

 text-align: left;
 text-decoration: none;
 transition: none;
}

a.btn,
body form input.hs-button[type=submit]{
 font-size: 16px;
 line-height: 20px;
 font-weight: 500;
 padding: 10px 15px;
 color: var(--primary-black);
 text-transform: uppercase;
 text-decoration: none;
 font-family: var(--theme-global-secondary-font--family);
 letter-spacing: 1.5px;
 border-radius: 0;
 outline: none;
 transition: all 300ms ease-out;
}
a.btn:hover {
 color: var(--primary-black);
 transform: scale(1.1);
}


a.btn.btn--primary.btn--light {
 background-color: var(--primary-white); 
}
a.btn.btn--primary.btn--light:hover {
 background-color: var(--primary-white); 
}


body form .hs-button,
a.btn.btn--primary.btn--dark {
 background-color: var(--primary-black); 
 color: var(--primary-white);
}
body form input.hs-button[type=submit],
a.btn.btn--primary.btn--dark:hover {
 background-color: var(--primary-black); 
 color: var(--primary-white);
}



a.btn.btn--primary.btn--dark-b{
 border: 1px solid var(--primary-black); 
 position: relative;
}
a.btn.btn--primary.btn--dark-b:hover{
 transform: none;
}
a.btn.btn--primary.btn--dark-b:before {
 border: 2px solid;
 content: "";
 display: block;
 height: calc(100% + 4px);
 left: -2px;
 opacity: 0;
 position: absolute;
 top: -2px;
 transition: all .3s ease-out;
 width: calc(100% + 4px);
}
a.btn.btn--primary.btn--dark-b:hover:before {
 opacity: 1;
}

a.btn.btn--primary.btn--green {
 background-color: var(--primary-green); 
 color: var(--primary-white);
}
a.btn.btn--primary.btn--green:hover {
 background-color: var(--primary-green); 
 color: var(--primary-white);
}

a.btn.btn--primary.btn--link_style {
 border-bottom: 1px solid var(--primary-black);
 padding: 0;
}
.content-card__parent__cta, 
.content-card__parent__cta > div{
 display: inline-flex;
}
.content-card__parent__cta-wrapper {
 display: flex;
 flex-direction: column;
 gap: 20px;
}
.content-card__parent__cta-wrapper[data-alignment="center"] {
 justify-content: center;
 align-items: center;
}
.content-card__parent__cta-wrapper[data-alignment="right"] {
 justify-content: flex-end;
 align-items: flex-end;
}

@media (min-width: 1280px){
 .content-card__parent__cta-wrapper { 
  flex-direction: row; 
 }
}
/* Fields */

.hs-form-field {
 margin-bottom: 18px;
}

/* Labels */

form label {
 display: block;
 font-size: 19px;
 margin-bottom: 0.15rem;
}

/* Form Title */
.form-title {
 margin-bottom: 0;
}

/* Help text */

form legend {
 font-size: 19px;
 margin-bottom: 12px;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
 display: inline-block;
 font-size: 19px;
 padding: 0.7rem;
 width: 100%;
}

form textarea {
 resize: vertical;
}

form fieldset {
 max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
 margin: 0;
 padding: 0;
 list-style: none;
}

form .inputs-list > li {
 display: block;
 margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
 vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
 cursor: pointer;
 margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
 position: relative;
}

.hs-dateinput:before {
 content:'\01F4C5';
 position: absolute;
 right: 10%;
 top: 50%;
 transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
 color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
 border-radius: 0;
 box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
 border-radius: 0 !important;
 color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
 background-color: transparent;
 border: initial;
 padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
 font-size: 0.875rem;
 margin: 0 0 1.4rem;
}

form .hs-richtext img {
 max-width: 100% !important;
}

/* GDPR */
.legal-consent-container .hs-form-booleancheckbox-display {
 display: flex;
 align-items: center;
 margin-bottom: 24px;
}

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
 font-size: 19px;
 margin-left: 0.5rem !important;

}
.custom-form .legal-consent-container .hs-form-booleancheckbox-display input[type=checkbox] {
 position: relative;
 width: 24px;
 height: 0;
}
.custom-form .legal-consent-container .hs-form-booleancheckbox-display input[type=checkbox]:before {
 position: absolute;
 width: 24px;
 height: 24px;
 content: '';
 border-radius: 50%;
 background-color: #59358C;
 left: 0;
 top: -12px;
}
.custom-form .legal-consent-container .hs-form-booleancheckbox-display input[type=checkbox]:checked:after {
 position: absolute;
 width: 24px;
 height: 24px;
 content: '✓';
 border-radius: 50%;
 color: white;
 left: 0;
 top: -10px;
 text-align: center;
}

.custom-form form input[type=email],
.custom-form form input[type=file],
.custom-form form input[type=number],
.custom-form form input[type=password],
.custom-form form input[type=search],
.custom-form form input[type=tel],
.custom-form form input[type=text],
.custom-form form select,
.custom-form form textarea {
 border-left: 0;
 border-right: 0;
 border-top: 0;
 padding-top: 0.35rem;
 padding-bottom: 0.35rem;
}
/* Validation */

.hs-form-required {
 color: #10E7DA;
}

.hs-input.invalid.error {
 border-color: #10E7DA;
}

.hs-error-msg {
 color: #10E7DA;
 margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button,
.custom-form form input[type=submit],
.custom-form form .hs-button {
 cursor: pointer;
 display: inline-block;
 text-align: center;
 transition: all 0.15s linear;
 white-space: normal;
 font-weight: 500;
}

/* Captcha */

.grecaptcha-badge {
 margin: 0 auto;
}


/* Search button input field and suggestions */
.body-container-wrapper .hs-search-field__button {
 padding: 15px;
}

.body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
 margin-left: 6px;
 margin-bottom: 0;
}

.body-container-wrapper .hs-search-field__button svg {
 height: 15px;
 fill: #fff;
}

.body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
 padding: 10px;
}

.body-container-wrapper .hs-search-field__suggestions li a {
 color: #494A52;
 padding: 0.35rem 0.7rem;
 text-decoration: none;
 transition: background-color 0.3s;
}


@media (max-width: 1023px) {

 form label {
  font-size: 16px;
 }
 form legend {
  font-size: 16px;
  margin-bottom: 12px;
 }
 form input[type=text],
 form input[type=search],
 form input[type=email],
 form input[type=password],
 form input[type=tel],
 form input[type=number],
 form input[type=file],
 form select,
 form textarea {
  font-size: 16px;
 }

 .legal-consent-container .hs-form-booleancheckbox-display > span,
 .legal-consent-container .hs-form-booleancheckbox-display > span p {
  font-size: 16px;
 }
 .custom-form form fieldset.form-columns-2 .hs-form-field {
  width: 100%;
  margin-bottom: 12px;
 }

 .dnd-module form.hs-form {
  padding: 0 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 DND sections */
.header {
 position: fixed;
 transition: color .5s cubic-bezier(.25,.46,.45,.94);
 top: 0;
 width: 100%;
 z-index: 9999;
 right: 0 !important;
}
body {
 overflow-x: hidden;
}

.header .dnd-section {
 padding: 0;
}
body.scrolled header.header {
 position: fixed;
 transform: translateY(0);
 transition: right .5s cubic-bezier(.25,.46,.45,.94), transform .1s linear;
}

header.header * {
 transition: all 0.3s ease;
}

/* Header container */

.header__container {
 display: flex;
 justify-content: space-between;
 padding: 5px 20px;
 padding-top: 0;
 align-items: center;
 position: relative;
 background-color: transparent; /* Default background color */
 transition: background-color 0.3s ease!important; /* Smooth transition for background color change */
}
body.scrolled .header__container,
body.scrolled-down .header__container{
 background-color: #fff;
}
@media (min-width: 1280px) {
 .header__container {
  padding: 20px 30px;  
 }
 body.scrolled .header__container {

 }
}
.header__container .header__logo {
 position: absolute;
 left: 50%;
 top: 50%;
 height: 100%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 z-index: 999;
}
.header__container .header__logo img {
 width: 90px !important;
}
@media (min-width: 1280px) {
 .header__container .header__logo img {
  width: 130px !important;
 }
}

.header__row-1 {
 padding-top: 1rem;
}

.header__row-1,
.header__row-2 {
 align-items: center;
 display: flex;
 justify-content: flex-end;
 width: 100%;
}


.header__column {
 position: relative;
}

.header__row-1 {
 padding-top: 0;
}
.header__row-2 {
 justify-content: center;
 padding: 0 0;
}
@media (min-width: 1280px) {
 .header__row-2 {
  padding: 0 0.3rem;
 }

}

/* Navigation skipper */

.header__skip {
 height: 1px;
 left: -1000px;
 overflow: hidden;
 position: absolute;
 text-align: left;
 top: -1000px;
 width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
 height: auto;
 left: 0;
 overflow: visible;
 top: 0;
 width: auto;
}

/* Logo */

.header__logo {
 align-items: center;
 display: flex;
 height: auto;
 margin-right: auto;
 max-width: 240px;
 overflow: hidden;
}

.header__logo img {
 max-width: 100%;
}

.header__logo .logo-company-name {
 font-size: 1.167rem;
 margin-top: 0.7rem;
}

.header__logo--main {
 padding: 0;
}
.header__logo--main .dark{
 display: none;
}
/* Search bar */

.header__search {
 width: auto;
 position: relative;
 margin-right: 40px;
}



.hs-search-field__form {
 position: relative;
}

.header__search .hs-search-field__label {
 flex-basis: auto;
}



.header__search .hs-search-field__input {
 
 height: 45px;
 padding: 0 0.7rem;
}



.header__search .hs-search-field__button {
 padding: 0;
 fill: #000;
 background-color: transparent;
 border: none;
 padding: 10px;
 position: absolute;
 top: 0;
 right: 0;
}

.header__search .hs-search-field__button svg {
 height: 25px;
}


.header__search .hs-search-field--open .hs-search-field__input {
 border-bottom: none;
 border-radius: 6px 6px 0 0;
 max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
 background-color: #FFF;
 border-radius: 0 0 6px 6px;
 border-top-width: 1px;
 position: absolute;
 width: 100%;
 z-index: 4100;
}

.header__search .hs-search-field__suggestions li {
 border-top: 1px solid #D1D6DC;
 font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
 color: #494A52;
 padding: 0.35rem 0.7rem;
 text-decoration: none;
 transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
 display: none;
}

.header__search form {
 align-items: center;
 display: flex;
 flex-direction: row;
 background: transparent;
}

.header__search label {
 margin: 0 1rem 0 0;
}

.header__search .hs-search-field__input {
 width: 0px;
 padding: 0;
 padding: 0 20px 0 40px;
 background: transparent;
 border-width: 0px;
 transition: width 0.5s, background 0.5s;
}
.header__search .search-icon {
 position: absolute;
 left: 12px;
 z-index: 4030;
 cursor: pointer;
}
.header__search.open .search-icon svg path{
 stroke: #000000;
}
.header__search .search-icon .hs-search-field__label {
 margin-left: 10px;
 color: #fff;
 font-family: var(--theme-global-secondary-font--family);
}

body[data-nav-skin="dark"] .nav-cta a,
body[data-nav-skin="dark"] .header__search .search-icon .hs-search-field__label,
body[data-nav-skin="dark"] .header__navigation--toggle:before,
body[data-nav-skin="dark"] .header__language-switcher--label-current{
 color: #272554;
}

body:not(.menu-opened)[data-nav-skin=dark] .nav-cta.cta-primary:last-child a {
    background-color: #272554;
}

.header__search.open .hs-search-field__input {
 width: 200px;
 border-width: 1px;
 background: #fff;
 transition: width 0.5s, background 0.5s;
}


/* Language switcher */

.header__language-switcher {
 cursor: pointer;
 padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
 position: static;
}

.header__language-switcher .lang_list_class {
 border: 2px solid;
 display: block;
 left: calc(100% - 24px);
 opacity: 0;
 min-width: 100px;
 padding-top: 0;
 text-align: left;
 top: 100%;
 transition: opacity 0.3s;
 visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
 opacity: 1;
 transition: opacity 0.3s;
 visibility: visible;
}

.header__language-switcher .lang_list_class:before {
 left: 70%;
 top: -25px;
}

.header__language-switcher .lang_list_class:after {
 left: 70%;
 top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
 top: -22px;
 transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
 border: none;
 font-size: 18px;
 padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
 border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
 border-bottom: none;
}

.header__language-switcher .lang_list_class li:hover {
 transition: background-color 0.3s;
}

.header__language-switcher--label {
 display: flex;
 position: relative;
}

.header__language-switcher--label-current {
 align-items: center;
 display: flex;
 font-size: 0.75rem;
 margin-bottom: 0.175rem;
 margin-left: 10px;
 color: #fff;
 text-transform: uppercase;
 font-family: var(--theme-global-secondary-font--family);
}
@media (min-width: 1280px) {
 .header__language-switcher--label-current {
  margin-left: 40px;
  margin-bottom: 0;
  padding-bottom: 20px;
 }
}
.header__language-switcher--label-current:after {
 content: "";
 display: block;
 margin-left: 0.4rem;
 margin-top: 0.175rem;
 width: 0px;
 background: url(/hubfs/4124730/assets-24/navigation/arrow.svg);
 width: 10px;
 height: 8px;
 background-size: cover;
 background-position: center;
}
body[data-nav-skin="dark"] .header__language-switcher--label-current:after{
 background: url(/hubfs/4124730/24%20-%20dips-drops/icons/arrow.svg);
 content: "";
 display: block;
 margin-left: 0.4rem;
 margin-top: 0.175rem;
 width: 0px; 
 width: 10px;
 height: 8px;
 background-size: cover;
 background-position: center;
}

.header__language-switcher {
 padding-left: 1.05rem;
 padding-right: 0;
}

.header__language-switcher .lang_list_class {
 border: none;
 box-shadow: unset;
 display: block;
 left: 30px;
 opacity: 1;
 padding: 0;
 top: 0;
 visibility: visible;
}

.header__language-switcher .lang_list_class li {
 background-color: inherit;
 font-size: 0.917rem;
}

.header__language-switcher .globe_class {
 background-image: none;
}

.header__language-switcher .lang_list_class li:hover{
 background-color: inherit;
}

.header__language-switcher .lang_list_class:before,
.header__language-switcher .lang_list_class:after {
 content: none;
}

.header__language-switcher .lang_list_class li a {
 color: #fff !important;  
}
.header__language-switcher .lang_list_class li:hover,
.header__language-switcher .lang_list_class li:active {


}
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li:active a{
 color: #fff !important;    
}/* Navigation */

#nav-toggle {
 display: none;
}

/* Mobile toggles */

.header__navigation {
 width: 100vw;
 position: absolute;
 left: -20px;
 top: 0;
 background-color: #FFFFFF;
 display: block;
 transition: all 0.5s;
 overflow: hidden;
}
@media (min-width: 1280px) {
 .header__navigation {
  left: -30px;
  top: -35px;
 }
}
.header__navigation .menu {
 position: absolute;
 width: 100%;
 left: -100%;
 top: 0;
 opacity: 0;
 transition: width 0.5s;
 height: 100%;
}
@media (max-width: 1280px) {
 .header__navigation .menu {
  overflow: hidden;
 }
}
.header__navigation.open .menu {
 left: 0;
 opacity: 1;
 transition: all 0.5s;
 overflow: hidden;
}
.header__navigation .menu > ul {
 position: relative;
 padding: 120px 0px 160px 30px;
 height: 100%;
 background-color: #868C67;
}
@media(min-width: 1280px){
 .header__navigation .menu > ul {
  padding: 160px 0px 160px 100px;
 }
}

.header__language-switcher {
 display: none;
 width: 100%;
}
.header__search{
 z-index: 999999;
}
.header__search.open {
 display: block;
 z-index: 4000;
}
.header__language-switcher.open {
 display: block;
 left: 0px;
 height: 100%;
 position: absolute;
 right: 0;
 top: 28px;
 z-index: 4000;
}
@media(min-width: 1280px){
 .header--toggle.header__language-switcher--toggle:hover .header__language-switcher {
  display: block;
  left: 0px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 28px;
  z-index: 4000;
 }
}
.header__navigation.open {
 min-height: calc(100vh + 55px);
 transition: all 0.5s;
 overflow: hidden;
}

.header__navigation--toggle,
.header__search--toggle,
.header__language-switcher--toggle,
.header__close--toggle {
 margin: 0 0;
 position: relative;
 z-index: 4001;
 margin-right: 0px;
}
@media(min-width: 1280px){
 .header__navigation--toggle,
 .header__close--toggle{
  margin-right: 70px;
 }
 .header__search--toggle,
 .header__language-switcher--toggle {
  margin-right: 40px;
 }
}

.header__navigation--toggle.hide,
.header__search--toggle.hide,
.header__language-switcher--toggle.hide {
 display: none;
}

.header__navigation--toggle.open,
.header__search--toggle.open,
.header__language-switcher--toggle.open {
 display: block;
 margin-left: 0;
}

.header__navigation--toggle:after,
.header__search--toggle:after,
.header__language-switcher--toggle:after {
 display: none;
 font-size: 1.083rem;
 font-weight: 600;
 position: absolute;
 left: 40px;
 text-transform: uppercase;
 top: -10px;
}

.header__navigation--toggle.open:after,
.header__search--toggle.open:after,
.header__language-switcher--toggle.open:after {
 display: block;
 word-break: normal;
}

.header__navigation--toggle {
 /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);*/
 background-size: cover;
 height: 37px;
 width: 37px;
 padding: 8px;
 display: flex;
 flex-direction: column;
 justify-content: space-evenly;
 border-radius: 50%;
 background-color: var(--primary-green);
}
@media(min-width: 1280px){
 .header__close--toggle,
 .header__navigation--toggle {
  height: 49px;
  width: 49px;
  padding: 13px;
 }
}
.header__navigation--toggle span {
 width: 100%;
 height: 1px;
 background-color: #fff;
 display: block;
 transition: all 0.3s;
}
@media(min-width: 1280px){
 .header__navigation--toggle span {
  height: 2px;
 }
}
.header__navigation--toggle:after {
 content: "Menu";
}

.header__language-switcher--toggle {
 height: 25px;
}

.header__search--toggle {
 background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
 background-size: cover;
 height: 25px;
 width: 25px;
}

.header__close--toggle {
 background-color: var(--primary-green);
 border-radius: 50%;
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACWSURBVHgBzZZLCsAgDERDT9Ib1ht7lFRbuxGM+QyhARcK857ELCRqxcxXWyeBqzM7+9sUfqsiZUNSB7vMBxDZkomUbVkImZoRkZmzHpn7gpZguOUaADNoiCQQTCIB4RJBhpcsZGbJQX+qlNalDEPKeGtAYZkF4JZ5guZMpBXqLAMed8tASLYspESUcdZ3axwWpGSSPZIbwCQqhEZuKhYAAAAASUVORK5CYII=);
 background-repeat: no-repeat;
 background-size: 50%;
 background-position: center;
 display: none;
 height: 49px;
 width: 49px;
 z-index: 9999999;
}

.header__close--toggle.show {
 display: block;
}

.nav-cta-section {
 margin: 18px 0;
 padding: 22px 8px;
 display: flex;
 
 z-index: 1;
 position: relative;

 display: flex;
 flex-direction: column;
 gap: 10px;
 align-items: flex-end;
}
.open .nav-cta-section{
 z-index: 9999;
}
.header__logo.header__logo--main {
 z-index: 999999;
}
@media(min-width: 1280px){
 .nav-cta-section {
  padding: 22px 32px;
  margin: 24px 0;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
 }
 .header__close--toggle { 
  height: 49px;
  width: 49px;
 }
}

.nav-cta-section .nav-cta {
 margin-right: 10px;
}
.nav-cta-section .nav-cta:last-child a{
 background-color: #272554;
}
.nav-cta-section .nav-cta.dynamic-cta {
 display: none;
}
.menu--mobile .nav-cta.dynamic-cta {
 display: block;
}
@media(min-width: 1280px){
 .nav-cta-section .nav-cta.dynamic-cta {
  display: block;
 }
 .menu--mobile .nav-cta.dynamic-cta {
  display: none;
 }
}

@media (max-width: 1280px){
 .nav-cta-section{
  margin-top: 2px;
 }
}
.nav-cta a {
 font-size: 12px;
 font-weight: 500;
 line-height: 15px;
 letter-spacing: 0.1em;
 text-align: center;
 padding: 7px 8px;
 color: #fff;
 text-decoration: none;
 font-family: var(--theme-global-secondary-font--family);
}
.nav-cta a:hover{
 color: #fff;
 text-decoration: none;
}

body:not(.menu-opened)[data-nav-skin="dark"] .nav-cta a,
body:not(.menu-opened)[data-nav-skin="dark"] .header__search .search-icon .hs-search-field__label,
body:not(.menu-opened)[data-nav-skin="dark"] .header__navigation--toggle:before,
body:not(.menu-opened)[data-nav-skin="dark"] .header__language-switcher--label-current{
 color: #272554;
}
body:not(.menu-opened)[data-nav-skin="dark"] .header__language-switcher .lang_list_class li a{
 color: #272554!important;
}

body:not(.menu-opened)[data-nav-skin="dark"] .nav-cta.cta-primary a{
 color: #fff;
}
body:not(.menu-opened)[data-nav-skin="dark"] span.search-icon svg path {
 stroke: #000;
}
body:not(.menu-opened)[data-nav-skin="dark"] .header__logo--main .dark{
 display: block;
}
body[data-nav-skin="dark"] .header__logo--main .default{
 display: none;
}

body[data-nav-skin="dark"] .header__language-switcher--label-current:after{
 
}

@media(min-width: 1280px){
 .nav-cta a {
  padding: 19px 30px;
  font-size: 16px;
  line-height: 19.52px;
  color: #fff;
 } 
}
.nav-cta.cta-primary a {
 background-color: var(--primary-green);
}
.nav-cta.cta-secondary a {
 padding: 18px 0;
}
.nav-cta.cta-secondary {
 margin-right: 40px;  
}

.header__navigation .no-button, 
.header__navigation .no-button:hover, 
.header__navigation .no-button:focus, 
.header__navigation .no-button:active {
 width: 15%;
}
@media(min-width: 1280px){
 .header__navigation .no-button, 
 .header__navigation .no-button:hover, 
 .header__navigation .no-button:focus, 
 .header__navigation .no-button:active {
  width: 100%;
 } 
 .header__navigation .menu__item .menu__child-toggle-icon {
  background: none;
 }
 .menu__item.menu__item--open:before{
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: -20px;
  top: calc(50% - 18px);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEfSURBVHgBtZaLEYIwDIYjE7CBjMAGjsC5gRvQDcBJcAUm6LmBG+AGukFMpZwlBCgtfnfxtE3z+IUAwAKImJJVZJqswx8vu6bIMtiKOWQD+NJ4JyLH0la4FXNGrQWvMJ5qqXIJjUxr+p6TXXD8v7goSXMuy3rL/Vk1czZznRrBIQdPbEc8iXarX27RL4kS4qTSRgeB4PTSrhNaL5jfFcJp2e8TCNp5a88R5O4O5tN1OhAQAY+XwJ8xCZ4wruAIgQjyvicJiDOEwxM8TII7WywgHD6H2mHm73GjSbMsGzY129hjVDSuQ8ywK3Ft2FlHaZZ8bxbsR3POClI4/9RTc9XUGE+91rI0333wktSV4LYhuMaIt4tBa7erzq4ZSdOlGB+mVMWBWpxhzgAAAABJRU5ErkJggg==) no-repeat center;
  background-size: cover;
 }
 .menu__submenu .menu__link:before{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEfSURBVHgBtZaLEYIwDIYjE7CBjMAGjsC5gRvQDcBJcAUm6LmBG+AGukFMpZwlBCgtfnfxtE3z+IUAwAKImJJVZJqswx8vu6bIMtiKOWQD+NJ4JyLH0la4FXNGrQWvMJ5qqXIJjUxr+p6TXXD8v7goSXMuy3rL/Vk1czZznRrBIQdPbEc8iXarX27RL4kS4qTSRgeB4PTSrhNaL5jfFcJp2e8TCNp5a88R5O4O5tN1OhAQAY+XwJ8xCZ4wruAIgQjyvicJiDOEwxM8TII7WywgHD6H2mHm73GjSbMsGzY129hjVDSuQ8ywK3Ft2FlHaZZ8bxbsR3POClI4/9RTc9XUGE+91rI0333wktSV4LYhuMaIt4tBa7erzq4ZSdOlGB+mVMWBWpxhzgAAAABJRU5ErkJggg==) no-repeat 50%;
  background-size: cover;
  content: "";
  height: 8px;
  left: -6px;
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
  opacity: 0;
 }
 .menu__submenu .menu__link:hover:before{
  opacity: 1;
 }
}
.header__search.desktop_view {
 display: none;
}
.header__search.mobile_view {
 display: block;
}
@media(min-width: 1280px){
 .header__search.desktop_view {
  display: block;
 }
 .header__search.mobile_view {
  display: none;
 }
}
body.menu-opened {
 height: 100vh;
 overflow-y: hidden;
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.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;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.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;
  }
}

/* CTA, logo, and rich text images */

.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;
  }
}