/* 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 HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

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

* + p {

  padding-top: 15px;

}

/* 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 style css -----------  */

/* primary sky blue Button css */
.button a, a.button {background-color: var(--sky);border: 1px solid var(--sky);border-radius: 150px;color: var(--navy);font-size: 16px;font-weight: 700;line-height: 1.375;padding: 15px 30px;position: relative;text-align: center;display: inline-flex;align-items: center;font-family: var(--body-text);transition: all ease .3s;-webkit-transition: all ease .3s;-moz-transition: all ease .3s;}
.button a span, a.button span {line-height: 0;display: inline-block;vertical-align: middle;padding-left: 10px;}
.button a span svg, a.button span svg {width: 19px;height: auto;}
.button a span svg path, a.button span svg path {transition: all ease .3s;-webkit-transition: all ease .3s;-moz-transition: all ease .3s;fill: var(--navy);}
.button a:hover, a.button:hover {background-color: #CCEBFF;border-color: #CCEBFF;color: var(--navy);}


/* primary navy blue  Button css */
.button.v1 a, a.button.v1 {background-color: var(--navy);color: var(--warm-grey);border: 1px solid var(--navy);}
.button.v1 a span svg path, a.button.v1 span svg path {fill: var(--warm-grey);}
.button.v1 a span, a.button.v1 span {padding-left: 16px;}
.button.v1 a:hover, a:hover.button.v1 {color: var(--sky);}
.button.v1 a:hover span svg path, a:hover.button.v1 span svg path {fill: var(--sky);}


/* Secondary border light grey Button css */
.button.v2 a, a.button.v2 {background-color:transparent;color: var(--navy);border: 2px solid var(--warm-grey);}
.button.v2 a span svg path, a.button.v2 span svg path {fill: var(--navy);}
.button.v2 a:hover, a:hover.button.v2 {color: var(--aqua);border-color:var(--aqua);}
.button.v2 a:hover span svg path, a:hover.button.v2 span svg path {fill: var(--aqua);}

/* Secondary border light grey Button css */
.button.v3 a, a.button.v3 {background-color:transparent;color: var(--warm-grey);border: 2px solid var(--sky);}
.button.v3 a span svg path, a.button.v3 span svg path {fill: var(--warm-grey);}
.button.v3 a:hover, a:hover.button.v3 {color: var(--aqua);border-color:var(--aqua);}
.button.v3 a:hover span svg path, a:hover.button.v3 span svg path {fill: var(--aqua);}


/* Link Only  */
.button.v4 a, a.button.v4 {background-color:transparent;padding:0;color: var(--warm-grey);border:none;}
.button.v4 a span svg path, a.button.v4 span svg path {fill: var(--warm-grey);}
.button.v4 a:hover, a:hover.button.v4 {color: var(--aqua);border-color:var(--aqua);}
.button.v4 a:hover span svg path, a:hover.button.v4 span svg path {fill: var(--aqua);}
/*---------------------    chdeckbox  setup ---------------*/



form .input {margin-right: 0 !important;}
form fieldset {max-width: inherit !important;margin: 0 -10px;}
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 39px;}
form fieldset .field {padding-left: 10px;padding-right: 10px;}
form ul.multi-container {padding-top: 10px;}
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: transparent;border: 2px solid #DDD9D7;border-radius: 10px;color: #DDD9D7;display: block;font-size: 24px;line-height: 1.3;margin: 0;outline: none;padding: 13px 22px 13px;width: 100%!important;font-family: Kollektif;font-weight: 600;margin-top: 7px;position: relative;z-index: 3;}
textarea {min-height: 130px;}
input[type="submit"] {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_9318_3489)'%3E%3Cpath d='M10 14L21 3' stroke='%23061D3D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.9996 3L14.4996 21C14.4557 21.0957 14.3853 21.1769 14.2966 21.2338C14.208 21.2906 14.1049 21.3209 13.9996 21.3209C13.8943 21.3209 13.7912 21.2906 13.7025 21.2338C13.6139 21.1769 13.5435 21.0957 13.4996 21L9.99958 14L2.99958 10.5C2.90384 10.4561 2.82271 10.3857 2.76583 10.2971C2.70895 10.2084 2.67871 10.1053 2.67871 10C2.67871 9.89468 2.70895 9.79158 2.76583 9.70295C2.82271 9.61431 2.90384 9.54387 2.99958 9.5L20.9996 3Z' stroke='%23061D3D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9318_3489'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-color: #8AD0FF;border: 2px solid #8AD0FF;border-radius: 54.6032px;color: #061D3D;cursor: pointer;font-family: var(--body-text);font-size: 16px;font-weight: 600;background-position: calc(100% - 25px) center;background-size: auto;background-repeat: no-repeat;line-height: 1.4;outline: none;padding: 15px 62px 15px 30px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;letter-spacing: 0.273016px;}

form input[type="radio"]+span,form input[type="checkbox"]+span {position: relative;display: block;padding-left: 47px;cursor: pointer;}
form input[type="radio"]+span:before,form input[type="checkbox"]+span:before {content: '';color: #6b1631;position: absolute;left: 4px;top: -4px;font-size: 0;width: 32px;height: 32px;background-size: inherit;display: block;border: 2px solid #DDD9D7;transition: all ease .3s;-webkit-transition: all ease .3s;text-align: center;line-height: 14px;border-radius: 3px;background-position: center center;background-repeat: no-repeat;background-size: auto;}
form input[type="radio"]:checked+span:before {background: #6b1631;border-color: #6b1631;}
form input[type="checkbox"]:checked+span:before {font-size: 12px;;color: #fff;letter-spacing: inherit;background-color: var(--aqua);    border-color: var(--aqua);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='16' viewBox='0 0 21 16' fill='none'%3E%3Cpath d='M1.25 8L7.5 14.25L20 1.75' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.no-list.hs-error-msgs.inputs-list {padding-top: 5px;}
span.hs-form-required {color: #1CB5FF;}
input[type="checkbox"] {display: none;}
/* input[type="submit"]:hover {background-color: var(--purple); border-color: var(--purple);} */
.hs_error_rollup {display: none;}
form label span {color: #DDD9D7;font-family: Kollektif;font-size: 20px;line-height: 1.3;font-weight: 700;}
form ul.inputs-list {margin: 0;padding: 0;list-style: none;}
form label.hs-error-msg {color: #8AD0FF;font-size: 16px;font-weight: 400;line-height: 1.4;}
form input[type=checkbox]+span, form input[type=radio]+span {font-size: 16px;line-height: 1.4;font-weight: 400;font-family: var(--body-text);}
form .hs-input.add-border-blue {border-color: #1992FC;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cg clip-path='url(%23clip0_965_13295)'%3E%3Cpath d='M28 14C28 17.713 26.525 21.274 23.8995 23.8995C21.274 26.525 17.713 28 14 28C10.287 28 6.72601 26.525 4.10051 23.8995C1.475 21.274 0 17.713 0 14C0 10.287 1.475 6.72601 4.10051 4.10051C6.72601 1.475 10.287 0 14 0C17.713 0 21.274 1.475 23.8995 4.10051C26.525 6.72601 28 10.287 28 14ZM21.0525 8.6975C20.9275 8.57293 20.7787 8.47485 20.6149 8.40913C20.4511 8.3434 20.2758 8.31138 20.0993 8.31497C19.9229 8.31857 19.749 8.3577 19.588 8.43004C19.427 8.50239 19.2823 8.60645 19.1625 8.736L13.0848 16.4797L9.422 12.8153C9.17319 12.5834 8.84411 12.4572 8.50409 12.4632C8.16406 12.4692 7.83963 12.6069 7.59916 12.8474C7.35869 13.0879 7.22094 13.4123 7.21494 13.7523C7.20894 14.0924 7.33516 14.4214 7.567 14.6703L12.1975 19.3025C12.3222 19.427 12.4708 19.5251 12.6343 19.591C12.7978 19.6569 12.9728 19.6891 13.1491 19.6859C13.3253 19.6826 13.499 19.6439 13.66 19.572C13.8209 19.5001 13.9657 19.3966 14.0857 19.2675L21.0718 10.535C21.3099 10.2874 21.4415 9.95623 21.4382 9.61268C21.4349 9.26912 21.2971 8.94055 21.0543 8.6975H21.0525Z' fill='%231992FC'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_965_13295'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position: calc(100% - 10px);background-repeat: no-repeat;background-size: auto;color: #DDD9D7}
.actions {display: inline-block;vertical-align: middle;position: relative;}
form .hs-input.invalid.error.add-border-blue {background-image: none !important;border-color: var(--purple);}
form .hs-input.invalid.error {border-color: #1CB5FF;}
input[type="file"] {background-image: none !important ;border: none !important;}
form [type=file] + label {background-color: #DDD9D7;border: 2px solid #DDD9D7;border-radius: 100px;color: #061D3D;cursor: pointer;display: inline-block;font-size: 16px;font-weight: 600;line-height: 1.4;margin: 14px 17px 13px 16px;outline: none;position: relative;transition: all 0.3s;vertical-align: middle;padding: 14px 61px 14px 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='19' viewBox='0 0 21 19' fill='none'%3E%3Cpath d='M1.10059 9.38477L19.1006 9.38477' stroke='%23061D3D' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M11.707 1.60645L19.4852 9.38462' stroke='%23061D3D' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M11.707 17.1628L19.4852 9.38467' stroke='%23061D3D' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;background-position: calc(100% - 25px) center;background-size: auto;}
label.prepend {width: 100px;background-color: #000 !important;position: absolute;top: 0;left: 0;}

form span.border-s:before {border: 2px solid #000;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
form span.border-s {background-color: transparent;width: 100%;height: 100%;position: absolute;z-index: -1;border: 2px solid #DDD9D7;border-radius: 10px;}
form .input {position: relative;}
form label#label-TICKET\.hs_file_upload-74fb521d-9ff7-4283-81b0-47ee82960780_1138 {position: relative;bottom: 10px;}
select {appearance: none;background-position: calc(100% - 25px) center;background-repeat: no-repeat;background-size: auto;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M13 1L7 7L1 0.999999' stroke='%23CACACA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
input[type="submit"]:hover {background-color: transparent;color: #8AD0FF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_9318_3489)'%3E%3Cpath d='M10 14L21 3' stroke='%238AD0FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.9996 3L14.4996 21C14.4557 21.0957 14.3853 21.1769 14.2966 21.2338C14.208 21.2906 14.1049 21.3209 13.9996 21.3209C13.8943 21.3209 13.7912 21.2906 13.7025 21.2338C13.6139 21.1769 13.5435 21.0957 13.4996 21L9.99958 14L2.99958 10.5C2.90384 10.4561 2.82271 10.3857 2.76583 10.2971C2.70895 10.2084 2.67871 10.1053 2.67871 10C2.67871 9.89468 2.70895 9.79158 2.76583 9.70295C2.82271 9.61431 2.90384 9.54387 2.99958 9.5L20.9996 3Z' stroke='%238AD0FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9318_3489'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}




@media (max-width: 767px) {


  .submitted-message {color: var(--aqua);font-size: 20px;font-weight: 400;}
  form label span {font-size: 20px;line-height: 1.35;font-weight: 600;letter-spacing: 0.2px;  }
  input[type=email], input[type=number], input[type=tel], input[type=text], select, textarea {padding: 12px 19px;font-size: 20px;line-height: 1.3;}
  form input[type=checkbox]+span:before, form input[type=radio]+span:before {width: 25px;height: 25px;}
  form input[type=checkbox]+span, form input[type=radio]+span {line-height: 1.42;padding-left: 40px;font-size: 14px;font-weight: 500;}
  form input[type="radio"]+span:before,form input[type="checkbox"]+span:before { top:1px; }

}
/* 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 css -----  */

.header-three-col {display: flex;flex-wrap: wrap;align-items: center; justify-content: space-between;;}
/* .header-first-col {width: 160px;position: relative;z-index: 9;} */
.join-two-col-s {  display: flex;  flex-wrap: nowrap; justify-content: flex-end;  align-items: center; }
border-radius: 54px;z-index: 3;}
.join-right {  padding-left: 18px;}
.headernavigationinr>.hs_cos_wrapper>.hs-menu-wrapper > ul {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.headernavigationinr>.hs_cos_wrapper>.hs-menu-wrapper > ul > li>a {font-size: 16px;line-height: 1.4;letter-spacing: 0.2px;color: var(--white);font-weight: 500;font-family:var(--body-text);    padding: 35px 0;  display: block;}
.headernavigationinr>.hs_cos_wrapper>.hs-menu-wrapper > ul > li>a:hover{color:var(--aqua);}
.header-rht {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;}
.headernavigationinr .hs-menu-wrapper > ul > li {margin-right: 32px;}
.join-right {padding-left: 26px;}
.join-left {position: relative;z-index: 9;}
.dropdown-trigger span svg {
  transition: transform 0.3s;
}
.dropdown-trigger.menu__link--active-link  span svg {
  transform: rotate(180deg);
}

.join-two-col-s .button a { padding: 12px 24px; font-size: 14px; }

.headernavigationinr .hs-menu-wrapper > ul > li { margin-right: 25px; }
.join-right { padding-left: 20px; }

header.header {position: relative;z-index: 50;}
/* .headernavigationinr .hs-menu-wrapper>ul>li>a:hover {color: var(--pink);} */

span.nav-arrow {line-height: 0;display: inline-block;vertical-align: middle;padding-left: 8px;}
.headernavigationinr>.hs_cos_wrapper>.hs-menu-wrapper>ul>li:hover>a {color: var(--aqua);}
.headernavigationinr>.hs_cos_wrapper>.hs-menu-wrapper>ul>li:hover>a span.nav-arrow svg path{stroke: var(--aqua);}
.nav-arrow svg path, .nav-arrow svg{transition: all ease .3s;}
.mega-list-parent.openMenu span.nav-arrow svg {transform: rotate(180deg);}
.header-logo a {display: inline-block;line-height: 0;}
.header-logo {line-height: 0;}
.header-section {position: absolute;top: 0;left: 0;width: 100%;z-index: 99;}

/*-------- megamenu -----  */

.megamenu-items {display: none;}
.megamenu-group {position: absolute;top: 0;left: 0;width: 100%;padding: 107px 0 70px 0;display: none;z-index:-1;background-color:var(--navy)}
.build-cl-box {max-width: 269px;}
.build-column-group {column-gap: 30px;}
.team-title-s h4 a{font-size: 24px;line-height: 1.3;font-weight: 700;margin-bottom: 0;display:block;font-family:Kollektif;}
.team-content-s {padding-top: 13px;font-size: 16px;color: var(--warm-grey);line-height:1.4;font-weight:400;}
.first-top-s {padding-top: 13px;}
.build-bttn {padding-top: 13px;}
.team-title-s h4 {margin: 0;}
.header-section.active .headernavigationinr .hs-menu-wrapper>ul>li>a {color: var(--aqua);}
.join-button a span, .contact-button a span {display: none;}

.capabi-box {max-width: 271px;padding-right:19px;}
.capabi-title h4 {margin: 0;line-height: 0;}
.capabi-title h4 a {font-size: 32px;font-weight: 700;line-height: normal;}
.capabi-content {padding-top: 16px;}
.capbi-btn {padding-top: 16px;}
.capabi-boxinr:before {content: '';position: absolute;right: 0;top: 50%;width: 3px;height: calc(100% + 20px);background-color: var(--aqua);transform: translateY(-50%);}
.capabi-boxinr {position: relative;padding-right: 20px;height:100%;}

/*--  --*/
.hs-web-interactive {
  outline: 1px red;
}
.capabi-title h4 * {font-family: Kollektif;font-weight: 700;}
.build-bottom-s {display: flex;flex-direction: column;justify-content: space-between;flex-wrap: wrap;height: 100%;width: 100%;}
.build-two-col {height: 100%;}
.capabi-boxinr {display: flex;justify-content: space-between;flex-direction: column;}
@media (min-width: 1081px) {
  .close-icon , a.expandMenu , .header-mobile-logo , .mobile-menu { display: none; }
  .headernavigationinr>.hs_cos_wrapper>.hs-menu-wrapper > ul > li>a {position: relative;}
  .headernavigationinr>.hs_cos_wrapper>.hs-menu-wrapper > ul > li>a:before {width: 5px;height: 5px;position: absolute;content: '';background-color: transparent;bottom: 20px;left: 50%;transform: translateX(-50%);border-radius: 150px;transition: all ease .3s;}
  .headernavigationinr>.hs_cos_wrapper>.hs-menu-wrapper > ul > li.active-branch>a:before  {background-color: var(--aqua);}
  .header-navigation { display: block !important; }


}

@media(max-width:1230px){
  .capabi-box {width: 25%;max-width: none;}
  .build-column-group {gap: 0;}
  .build-cl-box {width: 25%;padding: 0 10px;}
  .build-team-sec .content-wrapper {max-width: 100%;}
  .team-title-s h4 a {font-size: 22px;}
  .build-bttn a, .capbi-btn a {padding: 12px 24px;}
  .capabi-title h4 a {font-size: 28px;}
  .headernavigationinr>.hs_cos_wrapper>.hs-menu-wrapper > ul > li>a { font-size: 15px; }
  .header-section .content-wrapper { max-width: 100%; }
  .header-logo svg { max-width: 100%; height: auto; }
  .header-logo { max-width: 140px; }
  .headernavigationinr .hs-menu-wrapper > ul > li { margin-right: 22px; }
  .join-two-col-s .button a { padding: 10px 20px; }
  .join-right { padding-left: 15px; }
  span.nav-arrow { padding-left: 5px; }
  span.nav-arrow svg { width: 12px; height: auto; }
}



@media (max-width: 1080px) {
  .header-section .content-wrapper {max-width: 100%;padding-left:31px;padding-right:22px;}

}

@media (max-width: 1080px) {


  /*-=-=-=-= Mobile menu JS USE  MENU ICON as '<a class="expandMenu"><i></i><i></i><i></i></a>' -=-=-=*/

  a.expandMenu { cursor: pointer; height: auto;line-height: 0;padding: 0;position: absolute;right: 20px;text-align: right;    top: 50%;z-index: 2;transform: translateY(-50%); }
  a.expandMenu i { background: var(--dark-gray);display: block;height: 3px;left: 5px;margin: 6px 0;opacity: 1;position: relative;transition: all .3s ease;-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;width: 24px;border-radius: 50px; }
  a.expandMenu i:nth-child(2) {width: 30px;right: 0;left: -5px;}
  a.expandMenu i:first-child {  margin-top: 0;}
  a.expandMenu.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 10px; position: relative; }
  a.expandMenu.active i:nth-child(2) { position:relative; left:-46px; opacity:0; }
  a.expandMenu.active i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -6px; position: relative; }
  /*-=-=-=-= Mobile Submenu JS USE  SUBMENU ICON as '<a class="childExpand"><i></i><i></i></a>' -=-=-=*/
  .childExpand { position: absolute; top: 10px; right: 10px; width: 24px; text-align: center; height: 24px; margin: 0; padding:5px; cursor:pointer; }
  .childExpand i { position:relative; width: 15px; left:0; height: 1px; opacity:1; display: block; background:#fff; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
  .childExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top:-7px; }
  .childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
  .childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); }

  .header-section {padding: 20px 0;}
  .header-last-col {display: none;}
  a.expandMenu svg {width: 38px;height: 38px;}
  .header-navigation {background-color:var(--navy);
    display: none;height: 100vh;overflow: auto;padding: 20px 30px;position: fixed;right: 0;top: 0;transition: none;width: 100%; background-position: center center;background-repeat: no-repeat;
    background-size: cover;z-index: 9;}
  .headernavigationinr .hs-menu-wrapper>ul>li>a {color: var(--white);padding: 8px;display: block;}
  .headernavigationinr .hs-menu-wrapper>ul {display: block;padding: 0;}
  .close-icon, .header-logo-s {line-height: 0;}
  .close-icon {height: 38px;width: 38px;top: 24px;display: flex;align-items: center;justify-content: center;right: 20px;position: absolute;cursor: pointer;z-index: 2;}
  .headernavigationinr .hs-menu-wrapper>ul>li+li {margin: 0;}
  .mobile-menu {text-align: left;padding-top: 31px;}
  .join-two-col-s {display: flex;flex-wrap: wrap;justify-content: left;gap: 15px;;}
  .headernavigationinr {padding: 20px 10px 0;}
  .join-right {padding-left: 0;}
 .header-logo { max-width: 100%; }



  /*-------  mobile megamenu css ------------*/

  .build-column-group {margin: 0;}
  .build-cl-box {width: 100%;padding: 0;max-width: 100%;}
  .team-title-s {display: block;}
  .team-content-s  , .build-bttn {display: none;}
  .team-title-s h4 a{font-size: 16px;line-height: 1.2;padding: 20px 8px;font-weight: 400;padding-left:60px;}
  .build-bottom-s {position: relative;}
  .build-icon {position: absolute;top: 50%;transform: translateY(-50%);left: 16px;}
  .build-icon img {width: 32px;top: 50%;left: 16px;}
  .build-cl-box {border-top: 1px solid rgb(255 255 255 / 25%);}
  .capabi-box {width: 100%;padding: 20px;border-top: 2px solid rgb(255 255 255 / 25%);}
  .capabi-boxinr:before {display: none;}
  .capabi-boxinr {padding: 0;}
  .capabi-title h4 a {font-size: 20px;font-weight: 500;}
  .capabi-content {padding-top: 10px;}
  .build-bttn a, .capbi-btn a {padding: 10px 20px;font-size: 16px;}

  .headernavigationinr .hs-menu-wrapper>ul>li {width: 100%;}
  .headernavigationinr>.hs_cos_wrapper>.hs-menu-wrapper > ul > li>a {padding: 16px 8px;}
  .headernavigationinr .hs-menu-wrapper>ul>li {border-bottom: 2px solid rgb(255 255 255 / 25%);margin: 0;}
  .build-cl-box {margin-right: 40px;}
  .build-team-sec .content-wrapper {padding: 0;}
/*   .join-right {padding-top: 15px;} */
  /* .header-section.active .contact-button  span svg {transform: rotate(180deg);} */
  .megamenu-group {position: static;padding: 0;}
  .first-top-s {padding: 0;}
  .team-title-s h4 a:hover {color: var(--aqua);}

}

/*----------- Footer css ----------  */

.footer-section {background-color: var(--dark-gray);}
.footer-first-row {padding-top: 74px;padding-bottom: 50px;}

.contact-title h3 {margin-bottom: 0;font-size: 20px;line-height: 1.5;font-weight: 500;}
.mail-content {  padding-top: 10px;}
.mail-content a {color: #FD23DE;font-size: 16px;letter-spacing: 0.2px;line-height: 1.4;font-weight: 500;}
.social-icon ul {margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: center;}
.social-icon ul > li {width: 27px;  max-width: 100%;}
.social-icon ul > li + li {margin-left: 22px;}
.social-icon {padding-top: 15px;}

.footer-sec-row,
.footer-third-row {
  position: relative;
  margin-top: 46px;
  padding-top: 75px;
  padding-bottom: 59px;
}
.footer-sec-row:before,
.footer-third-row:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='1' viewBox='0 0 1440 1' fill='none'%3E%3Cline y1='0.5' x2='1440' y2='0.5' stroke='url(%23paint0_linear_2218_13368)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2218_13368' x1='7.5' y1='1' x2='1440' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FD23DE'/%3E%3Cstop offset='1' stop-color='%231992FC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-position: center center;
  background-repeat: repeat;
  background-size: cover;
}

.about-simple-menu .hs-menu-wrapper > ul,
.policy-menu .hs-menu-wrapper > ul {
  display: block;
}

.about-simple-menu .hs-menu-wrapper > ul > li + li,
.policy-menu .hs-menu-wrapper > ul > li + li {
  padding-top: 10px;
}


.accreditations-logos {
  display: flex;
  align-items: center;
  column-gap: 4rem;
  height: 100%;
}

.article-title h3 {font-size: 20px;line-height: 1.5;  font-weight: 500;margin-bottom: 0;}
.article-cls {padding-top: 16px;}
.article-title a {color: var(--light-gray);font-size: 16px;line-height: 1.4;letter-spacing: 0.2px; font-weight: 600;}
.article-cls + .article-cls {margin-top: 16px;border-top: 1px solid rgba(237, 233, 232, 0.5);}
.footer-last-row {position: relative;padding-top: 37px;padding-bottom: 41px;}
.footer-last-row:before {content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='1' viewBox='0 0 1440 1' fill='none'%3E%3Cline y1='0.5' x2='1440' y2='0.5' stroke='url(%23paint0_linear_2218_13367)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2218_13367' x1='7.5' y1='1' x2='1440' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FD23DE'/%3E%3Cstop offset='1' stop-color='%231992FC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  width: 100%;height: 1px;position: absolute;top: 0; left: 0;z-index: 1;background-position: center center; background-repeat: repeat; background-size: cover;}
.copyright-content {  font-size: 16px;line-height: 1.4;letter-spacing: 0.2px;font-weight: 600;}
.copyright-left {padding-right: 20px;}
.privacy-list ul {display: flex;flex-wrap: wrap;justify-content: flex-start;}
.privacy-list ul > li >a {color: var(--light-gray);font-size: 16px;line-height: 1.4;font-weight: 500;}
.privacy-list ul > li + li {margin-left: 47px;}
.privacy-list ul > li >a:hover , .about-simple-menu .hs-menu-wrapper > ul > li >a:hover, .article-title a:hover , .mail-content a:hover{color: var(--white);}

.article-title h3 ,.contact-title h3 { color:#ede9e8; font-weight:600 }
.article-title a:hover , .about-simple-menu .hs-menu-wrapper>ul>li>a:hover , .privacy-list ul>li>a:hover {color: var(--pink);}
.about-simple-menu .hs-menu-wrapper>ul>li>a {font-weight:600}
.privacy-list ul>li>a { font-weight: 600 }

@media (max-width: 1080px) {

  .footer-left {padding-right: 30px;}
  .privacy-list ul>li+li {margin-left: 25px;}

  .accreditations-last-col {
    margin-top: 32px;
  }
  .accreditations-logos {
    column-gap: 24px;
  }
  .accreditations-logos img {
    max-height: 62px;
    object-fit: contain;
  }

  .accreditations-logos img:nth-child(1) {
    width: 80px;
  }
  .accreditations-logos img:nth-child(2) {
    width: 115px;
  }
  .accreditations-logos img:nth-child(3) {
    width: 62px;
  }
}

@media (max-width: 767px) {

  .header-section {padding: 19px 0;}
  .header-logo a svg, .header-mobile-logo svg {width: 105px;height: auto;}
  .header-section .content-wrapper {padding: 0 20px;}
  .header-navigation{padding:19px 20px;}
  .close-icon {top: 15px;}

  .footer-first-row {padding-top: 45px;text-align: center;padding-bottom: 32px;}
  .social-icon ul {justify-content: center;}
  /*   .contact-title {display: none;} */
  .mail-content { padding-top: 28px;}
  .social-icon {padding-top: 31px;}

  .footer-sec-row,
  .footer-third-row {
    margin-top: 32px;
    padding-top: 39px;
    padding-bottom: 44px;
  }
  .build-team-sec .content-wrapper {padding: 0;}

  .abour-last-col {display: none;}

  .about-simple-menu .hs-menu-wrapper>ul>li+li {padding-top: 16px;}
  .about-simple-menu .hs-menu-wrapper>ul>li>a {font-size: 16px;line-height: 1.2;}
  .copyright-content {text-align: center;padding-top: 16px;}
  .copyright-left {order: 2;padding-right: 0;}
  .privacy-list ul>li+li {margin-left: 28px;}
  .privacy-list ul {flex-direction: row !important;justify-content: center;}
  .privacy-list ul>li>a {font-weight: 600;}
  .footer-last-row { padding-bottom: 110px;padding-top: 26px;}
  .footer-left { padding-right:0 }

  .footer-sec-row .content-wrapper,
  .footer-third-row .content-wrapper {
    padding-left: 35px;
    padding-right: 35px;
  }

  .social-icon ul>li+li { margin-left: 17px; }


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