/* 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.)
*/

/* 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 {
  font-size: 1rem;
/*   margin: 0 0 1.4rem; */
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
/*   margin: 0 0 1.4rem; */
  margin: 0 0 var(--space-m) 0;
}

/* 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;
}
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;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

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

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* 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: 0.875rem;
  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 > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

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

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

/* Submit button */

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

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

/* 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 */
:root {
  --nav-breakpoint-mobile: var(--nav-breakpoint-mobile);      /* single source of truth */
  --nav-breakpoint-desktop: 1024px;
}
.header .dnd-section {
  padding: 0;
}

/* Header container */

.header__container {
  display: flex;
  justify-content: space-between;
}

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

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

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: var(--nav-breakpoint-mobile)) {
  .header__container {
    flex-direction: column;
    padding: 1rem 0 0;
  }

  .header__column {
    position: relative;
  }

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

  .header__row-2 {
    justify-content: center;
    padding: 1.05rem;
  }
}

/* Navigation skipper */

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

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

/* Logo */

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

@media (max-width: var(--nav-breakpoint-mobile)) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

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

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

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}



  .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: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

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

@media (min-width: var(--nav-breakpoint-mobile)) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

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

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: var(--nav-breakpoint-mobile)) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* 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;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  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-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.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: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: var(--nav-breakpoint-mobile)) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    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 1.05rem;
    top: 0;
    visibility: visible;
  }

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

  .header__language-switcher--label-current {
    display: none;
  }

  .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;
  }
    /* V1 lang switcher updates to keep "in line" w/ v0 mobile styles */
    .header__language-switcher .hs-language-switcher__menu {
        display: block;
        box-shadow:none!important;
        background: transparent;
    }
    .header__language-switcher .hs-language-switcher__menu a {
        font-size: 20px!important;
    }
    .header__language-switcher .hs-language-switcher__button {
        display: none;
    }
  }

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: var(--nav-breakpoint-mobile)) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .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;
    margin-right: auto;
  }

  .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: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

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

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}
/* 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;
  }
}


/* Design System Tokens - All Imports */

/* Primitive Values */
:root {
  /* Light */
  --light-gray-50: #ffffff;
  --light-gray-100: #f6f7f8;
  --light-gray-200: #e1e3e6;
  --light-gray-300: #d5d5d5;
  --light-gray-400: #aaadb1;
  --light-gray-500: #909090;
  --light-gray-600: #66696d;
  --light-gray-700: #414346;
  --light-gray-800: #1f2122;
  --light-gray-900: #000000;
  --light-blue-100: #e0f2ff;
  --light-blue-200: #cae8ff;
  --light-blue-300: #b5deff;
  --light-blue-400: #96cefd;
  --light-blue-500: #78bbfa;
  --light-blue-600: #59a7f6;
  --light-blue-700: #3892f3;
  --light-blue-800: #147af3;
  --light-blue-900: #0265dc;
  --light-blue-1000: #0054b6;
  --light-blue-1100: #004491;
  --light-blue-1200: #003571;
  --light-blue-1300: #002754;
  --light-blue-1400: #001c3c;
  --light-green-100: #d2f9e6;
  --light-green-200: #bcf5d9;
  --light-green-300: #89ecbc;
  --light-green-400: #67dea8;
  --light-green-500: #49cc93;
  --light-green-600: #2fb880;
  --light-green-700: #15a46e;
  --light-green-800: #008f5d;
  --light-green-900: #007a4d;
  --light-green-1000: #00653e;
  --light-green-1100: #005132;
  --light-green-1200: #053f27;
  --light-green-1300: #0a2e1d;
  --light-green-1400: #0a2015;
  --light-orange-100: #ffeccc;
  --light-orange-200: #ffdfad;
  --light-orange-300: #fdd291;
  --light-orange-400: #ffbb63;
  --light-orange-500: #ffa037;
  --light-orange-600: #f68511;
  --light-orange-700: #e46f00;
  --light-orange-800: #cb5d00;
  --light-orange-900: #b14c00;
  --light-orange-1000: #953d00;
  --light-orange-1100: #7a2f00;
  --light-orange-1200: #612300;
  --light-orange-1300: #491901;
  --light-orange-1400: #351201;
  --light-red-100: #ffebe7;
  --light-red-200: #ffddd6;
  --light-red-300: #ffcdc3;
  --light-red-400: #ffb7a9;
  --light-red-500: #ff9b88;
  --light-red-600: #ff7c65;
  --light-red-700: #f75c46;
  --light-red-800: #ea3829;
  --light-red-900: #d31510;
  --light-red-1000: #b40000;
  --light-red-1100: #930000;
  --light-red-1200: #740000;
  --light-red-1300: #590000;
  --light-red-1400: #430000;
  --light-purple-100: #edeeff;
  --light-purple-200: #e0e2ff;
  --light-purple-300: #d3d5ff;
  --light-purple-400: #c1c4ff;
  --light-purple-500: #acafff;
  --light-purple-600: #9599ff;
  --light-purple-700: #7e84fc;
  --light-purple-800: #686df4;
  --light-purple-900: #5258e4;
  --light-purple-1000: #4046ca;
  --light-purple-1100: #3236a8;
  --light-purple-1200: #262986;
  --light-purple-1300: #1b1e64;
  --light-purple-1400: #141648;
  --light-neutral-10: #00000000;
  --light-neutral-100: #0000000f;
  --light-neutral-200: #0000001f;
  /* Dark */
  --dark-gray-50: #1d1d1d;
  --dark-gray-75: #262626;
  --dark-gray-100: #323232;
  --dark-gray-200: #3f3f3f;
  --dark-gray-300: #545454;
  --dark-gray-400: #707070;
  --dark-gray-500: #909090;
  --dark-gray-600: #b2b2b2;
  --dark-gray-700: #d1d1d1;
  --dark-gray-800: #ebebeb;
  --dark-gray-900: #ffffff;
  --dark-blue-100: #003877;
  --dark-blue-200: #00418a;
  --dark-blue-300: #004da3;
  --dark-blue-400: #0059c2;
  --dark-blue-500: #0367e0;
  --dark-blue-600: #1379f3;
  --dark-blue-700: #348ff4;
  --dark-blue-800: #54a3f6;
  --dark-blue-900: #72b7f9;
  --dark-blue-1000: #8fcafc;
  --dark-blue-1100: #8fcafc;
  --dark-blue-1200: #cce9ff;
  --dark-blue-1300: #e8f6ff;
  --dark-blue-1400: #ffffff;
  --dark-green-100: #044329;
  --dark-green-200: #004e2f;
  --dark-green-300: #005c38;
  --dark-green-400: #006c43;
  --dark-green-500: #007d4e;
  --dark-green-600: #008f5d;
  --dark-green-700: #12a26c;
  --dark-green-800: #2bb47d;
  --dark-green-900: #43c78f;
  --dark-green-1000: #5ed9a2;
  --dark-green-1100: #81e9b8;
  --dark-green-1200: #b1f4d1;
  --dark-green-1300: #dffaea;
  --dark-green-1400: #fefffc;
  --dark-red-100: #7b0000;
  --dark-red-200: #8d0000;
  --dark-red-300: #a50000;
  --dark-red-400: #be0403;
  --dark-red-500: #d71913;
  --dark-red-600: #ea3829;
  --dark-red-700: #f65843;
  --dark-red-800: #ff755e;
  --dark-red-900: #ff9581;
  --dark-red-1000: #ffb0a1;
  --dark-red-1100: #ffc9bd;
  --dark-red-1200: #ffded8;
  --dark-red-1300: #fff1ee;
  --dark-red-1400: #ffffff;
  --dark-orange-100: #662500;
  --dark-orange-200: #752d00;
  --dark-orange-300: #893700;
  --dark-orange-400: #9e4200;
  --dark-orange-500: #b44e00;
  --dark-orange-600: #ca5d00;
  --dark-orange-700: #e16d00;
  --dark-orange-800: #f4810c;
  --dark-orange-900: #fe9a2e;
  --dark-orange-1000: #ffb558;
  --dark-orange-1100: #fdce88;
  --dark-orange-1200: #ffe1b3;
  --dark-orange-1300: #fff2dd;
  --dark-orange-1400: #fffdf9;
  --dark-purple-100: #282c8c;
  --dark-purple-200: #2f34a3;
  --dark-purple-300: #393fbb;
  --dark-purple-400: #464bd3;
  --dark-purple-500: #555be7;
  --dark-purple-600: #686df4;
  --dark-purple-700: #7c81fb;
  --dark-purple-800: #9195ff;
  --dark-purple-900: #a7aaff;
  --dark-purple-1000: #bcbeff;
  --dark-purple-1100: #d0d2ff;
  --dark-purple-1200: #e2e4ff;
  --dark-purple-1300: #f3f3fe;
  --dark-purple-1400: #ffffff;
  --dark-neutral-10: #ffffff00;
  --dark-neutral-100: #ffffff0f;
  --dark-neutral-200: #ffffff1f;
  /* NEW_Coop */
  --new_coop-green-50: #e9fcf2;
  --new_coop-green-100: #bcf5d9;
  --new_coop-green-200: #7ef1b9;
  --new_coop-green-300: #30e88e;
  --new_coop-green-400: #00d66d;
  --new_coop-green-500: #00b85e;
  --new_coop-green-600: #00954c;
  --new_coop-green-700: #008041;
  --new_coop-green-800: #006634;
  --new_coop-green-900: #0c5531;
  --new_coop-green-950: #044324;
  --new_coop-lime-50: #e8fbd0;
  --new_coop-lime-100: #ddf9b8;
  --new_coop-lime-200: #cfefa4;
  --new_coop-lime-300: #bfea86;
  --new_coop-lime-400: #acdf68;
  --new_coop-lime-500: #8dc63f;
  --new_coop-lime-600: #70a130;
  --new_coop-lime-700: #628f24;
  --new_coop-lime-800: #537a15;
  --new_coop-lime-900: #3b5c0f;
  --new_coop-lime-950: #274805;
  /* Tailwind Amber */
  --tailwind-amber-50: #fffbeb;
  --tailwind-amber-100: #fef3c6;
  --tailwind-amber-200: #fee685;
  --tailwind-amber-300: #ffd230;
  --tailwind-amber-400: #ffba00;
  --tailwind-amber-500: #fd9a00;
  --tailwind-amber-600: #e17100;
  --tailwind-amber-700: #bb4d00;
  --tailwind-amber-800: #973c00;
  --tailwind-amber-900: #7b3306;
  --tailwind-amber-950: #461901;
  /* Tailwind Yellow */
  --tailwind-yellow-50: #fefce8;
  --tailwind-yellow-100: #fef9c2;
  --tailwind-yellow-200: #fff085;
  --tailwind-yellow-300: #ffdf20;
  --tailwind-yellow-400: #fcc800;
  --tailwind-yellow-500: #ecb11f;
  --tailwind-yellow-600: #d08700;
  --tailwind-yellow-700: #a65f00;
  --tailwind-yellow-800: #894b00;
  --tailwind-yellow-900: #733e0a;
  --tailwind-yellow-950: #432004;
  /* Tailwind Sky */
  --tailwind-sky-50: #f0f9ff;
  --tailwind-sky-100: #dff2fe;
  --tailwind-sky-200: #b8e6fe;
  --tailwind-sky-300: #74d4ff;
  --tailwind-sky-400: #00bcff;
  --tailwind-sky-500: #00a6f4;
  --tailwind-sky-600: #0084d1;
  --tailwind-sky-700: #0069a8;
  --tailwind-sky-800: #045388;
  --tailwind-sky-900: #024a70;
  --tailwind-sky-950: #052f4a;
  /* Tailwind Slate */
  --tailwind-slate-50: #f8fafc;
  --tailwind-slate-100: #f1f5f9;
  --tailwind-slate-200: #e2e8f0;
  --tailwind-slate-300: #cad5e2;
  --tailwind-slate-400: #90a1b9;
  --tailwind-slate-500: #62748e;
  --tailwind-slate-600: #45556c;
  --tailwind-slate-700: #314158;
  --tailwind-slate-800: #1d293d;
  --tailwind-slate-900: #0f172b;
  --tailwind-slate-950: #020618;
  /* Tailwind Zinc */
  --tailwind-zinc-50: #fafafa;
  --tailwind-zinc-100: #f4f4f5;
  --tailwind-zinc-200: #e4e4e7;
  --tailwind-zinc-300: #d4d4d8;
  --tailwind-zinc-400: #9f9fa9;
  --tailwind-zinc-500: #71717b;
  --tailwind-zinc-600: #52525c;
  --tailwind-zinc-700: #3f3f46;
  --tailwind-zinc-800: #27272a;
  --tailwind-zinc-900: #18181b;
  --tailwind-zinc-950: #09090b;
  /* Tailwind Indigo */
  --tailwind-indigo-50: #eef2ff;
  --tailwind-indigo-100: #e0e7ff;
  --tailwind-indigo-200: #c6d2ff;
  --tailwind-indigo-300: #a3b3ff;
  --tailwind-indigo-400: #7c86ff;
  --tailwind-indigo-500: #615fff;
  --tailwind-indigo-600: #4f39f6;
  --tailwind-indigo-700: #432dd7;
  --tailwind-indigo-800: #372aac;
  --tailwind-indigo-900: #312c85;
  --tailwind-indigo-950: #1e1a4d;
  /* Tailwind Red */
  --tailwind-red-50: #fef2f2;
  --tailwind-red-100: #ffe2e2;
  --tailwind-red-200: #ffc9c9;
  --tailwind-red-300: #ffa2a2;
  --tailwind-red-400: #ff6467;
  --tailwind-red-500: #fb2c36;
  --tailwind-red-600: #e7000b;
  --tailwind-red-700: #c10007;
  --tailwind-red-800: #9f0712;
  --tailwind-red-900: #82181a;
  --tailwind-red-950: #460809;
  /* Tailwind Orange */
  --tailwind-orange-50: #fff7ed;
  --tailwind-orange-100: #ffedd4;
  --tailwind-orange-200: #ffd6a8;
  --tailwind-orange-300: #ffb86a;
  --tailwind-orange-400: #ff8904;
  --tailwind-orange-500: #ff6900;
  --tailwind-orange-600: #f54a00;
  --tailwind-orange-700: #ca3500;
  --tailwind-orange-800: #9f2d00;
  --tailwind-orange-900: #7e2a0c;
  --tailwind-orange-950: #441306;
  /* Tailwind Emerald */
  --tailwind-emerald-50: #ecfdf5;
  --tailwind-emerald-100: #d0fae5;
  --tailwind-emerald-200: #a4f4cf;
  --tailwind-emerald-300: #5ee9b5;
  --tailwind-emerald-400: #00d492;
  --tailwind-emerald-500: #00bc7d;
  --tailwind-emerald-600: #009966;
  --tailwind-emerald-700: #007a55;
  --tailwind-emerald-800: #006045;
  --tailwind-emerald-900: #004f3b;
  --tailwind-emerald-950: #002c22;
  /* Tailwind Neutral */
  --tailwind-neutral-50: #fcfcfc;
  --tailwind-neutral-100: #f5f5f5;
  --tailwind-neutral-200: #e5e5e5;
  --tailwind-neutral-300: #d4d4d4;
  --tailwind-neutral-400: #a1a1a1;
  --tailwind-neutral-500: #737373;
  --tailwind-neutral-600: #525252;
  --tailwind-neutral-700: #404040;
  --tailwind-neutral-800: #262626;
  --tailwind-neutral-900: #171717;
  --tailwind-neutral-950: #0a0a0a;
  /* Tailwind Violet */
  --tailwind-violet-50: #f5f3ff;
  --tailwind-violet-100: #ede9fe;
  --tailwind-violet-200: #ddd6ff;
  --tailwind-violet-300: #c4b4ff;
  --tailwind-violet-400: #a684ff;
  --tailwind-violet-500: #8e51ff;
  --tailwind-violet-600: #7f22fe;
  --tailwind-violet-700: #7008e7;
  --tailwind-violet-800: #5d0ec0;
  --tailwind-violet-900: #4d179a;
  --tailwind-violet-950: #2f0d68;
  /* Tailwind Gray */
  --tailwind-gray-50: #fcfcfd;
  --tailwind-gray-100: #f3f4f6;
  --tailwind-gray-200: #e5e7eb;
  --tailwind-gray-300: #d1d5dc;
  --tailwind-gray-400: #99a1af;
  --tailwind-gray-500: #6a7282;
  --tailwind-gray-600: #4a5565;
  --tailwind-gray-700: #364153;
  --tailwind-gray-800: #1e2939;
  --tailwind-gray-900: #101828;
  --tailwind-gray-950: #030712;
}
:root {
    --weight-regular: 400;
    --weight-semibold: 600;
    --weight-bold: 700;
    --size-desktop-50: 11px;
    --size-desktop-75: 12px;
    --size-desktop-100: 14px;
    --size-desktop-200: 16px;
    --size-desktop-300: 18px;
    --size-desktop-400: 20px;
    --size-desktop-500: 22px;
    --size-desktop-600: 25px;
    --size-desktop-700: 28px;
    --size-desktop-800: 32px;
    --size-desktop-900: 36px;
    --size-desktop-1000: 90px;
    --size-desktop-1100: 45px;
    --size-desktop-1200: 50px;
    --size-desktop-1300: 60px;
    --size-mobile-50: 13px;
    --size-mobile-75: 15px;
    --size-mobile-100: 17px;
    --size-mobile-200: 19px;
    --size-mobile-300: 22px;
    --size-mobile-400: 24px;
    --size-mobile-500: 27px;
    --size-mobile-600: 31px;
    --size-mobile-700: 34px;
    --size-mobile-800: 39px;
    --size-mobile-900: 44px;
    --size-mobile-1000: 49px;
    --size-mobile-1100: 55px;
    --size-mobile-1200: 62px;
    --size-mobile-1300: 70px;
}

/* Color Tokens */

:root {
--text-bold: var(--tailwind-gray-800);
--text-subtle: var(--tailwind-gray-700);
--text-disabled: var(--tailwind-gray-600);
--text-inverse: var(--tailwind-gray-50);
--text-inverse-subtle: var(--tailwind-gray-400);
--text-link: var(--tailwind-sky-900);
--text-link-hover: var(--tailwind-sky-800);
--text-link-active: var(--tailwind-sky-900);
--text-brand: var(--tailwind-sky-800);
--text-success: var(--tailwind-emerald-700);
--text-danger: var(--tailwind-red-700);
--text-warning: var(--tailwind-yellow-700);
--text-info: var(--tailwind-sky-800);
--text-accent-purple: var(--tailwind-violet-700);
--text-accent-green: var(--tailwind-emerald-700);
--text-accent-orange: var(--tailwind-yellow-700);
--text-accent-red: var(--tailwind-red-700);
--bg-surface: var(--tailwind-gray-50);
--bg-surface-raised: var(--tailwind-gray-50);
--bg-surface-overlay: var(--tailwind-gray-50);
--bg-surface-sunken: var(--tailwind-gray-100);
--bg-surface-bold: var(--tailwind-gray-800);
--bg-surface-bold-brand: var(--tailwind-sky-950);
--bg-neutral: var(--light-neutral-10);
--bg-neutral-hover: var(--light-neutral-100);
--bg-neutral-active: var(--light-neutral-200);
--bg-neutral-selected: var(--light-neutral-100);
--bg-neutral-disabled: var(--light-neutral-100);
--bg-neutral-inverse: var(--dark-neutral-10);
--bg-neutral-inverse-hover: var(--dark-neutral-100);
--bg-neutral-inverse-active: var(--dark-neutral-200);
--bg-neutral-inverse-selected: var(--dark-neutral-100);
--bg-neutral-inverted-disabled: var(--dark-neutral-200);
--bg-gray-subtler: var(--tailwind-gray-100);
--bg-gray-subtler-hover: var(--tailwind-gray-200);
--bg-gray-subtler-active: var(--tailwind-gray-300);
--bg-gray-subtle: var(--tailwind-gray-200);
--bg-gray-subtle-hover: var(--tailwind-gray-300);
--bg-gray-subtle-active: var(--tailwind-gray-400);
--bg-gray-bold: var(--tailwind-gray-400);
--bg-gray-bolder-hover: var(--tailwind-gray-800);
--bg-gray-bolder-active: var(--tailwind-gray-900);
--bg-input: var(--tailwind-gray-50);
--bg-input-hover: var(--tailwind-gray-100);
--bg-brand: var(--tailwind-sky-800);
--bg-brand-hover: var(--tailwind-sky-900);
--bg-brand-active: var(--tailwind-sky-950);
--bg-brand-subtlest: var(--tailwind-sky-50);
--bg-info: var(--tailwind-sky-700);
--bg-info-hover: var(--tailwind-sky-800);
--bg-info-active: var(--tailwind-sky-900);
--bg-info-subtlest: var(--tailwind-sky-100);
--bg-danger: var(--tailwind-red-700);
--bg-danger-hover: var(--tailwind-red-800);
--bg-danger-active: var(--tailwind-red-900);
--bg-danger-subtlest: var(--tailwind-red-100);
--bg-success: var(--tailwind-emerald-700);
--bg-success-hover: var(--tailwind-emerald-800);
--bg-success-active: var(--tailwind-emerald-900);
--bg-success-subtlest: var(--tailwind-emerald-100);
--bg-warning: var(--tailwind-yellow-600);
--bg-warning-hover: var(--tailwind-yellow-700);
--bg-warning-active: var(--tailwind-yellow-800);
--bg-warning-subtlest: var(--tailwind-yellow-100);
--bg-accent-blue: var(--tailwind-sky-500);
--bg-accent-blue-subtlest: var(--tailwind-sky-100);
--bg-accent-purple: var(--tailwind-violet-400);
--bg-accent-purple-subtlest: var(--tailwind-violet-100);
--bg-accent-green: var(--tailwind-emerald-400);
--bg-accent-green-subtlest: var(--tailwind-emerald-100);
--bg-accent-red: var(--tailwind-red-400);
--bg-accent-red-subtlest: var(--tailwind-red-100);
--bg-accent-orange: var(--tailwind-yellow-500);
--bg-accent-orange-subtlest: var(--tailwind-yellow-100);
--icon-bold: var(--tailwind-gray-800);
--icon-subtle: var(--tailwind-gray-600);
--icon-subtle-hover: var(--tailwind-gray-700);
--icon-subtle-active: var(--tailwind-gray-800);
--icon-disabled: var(--tailwind-gray-600);
--icon-inverse: var(--tailwind-gray-50);
--icon-inverse-subtle: var(--tailwind-gray-400);
--icon-inverse-subtle-hover: var(--tailwind-gray-500);
--icon-inverse-subtle-active: var(--tailwind-gray-600);
--icon-brand: var(--tailwind-sky-800);
--icon-success: var(--tailwind-emerald-700);
--icon-danger: var(--tailwind-red-700);
--icon-warning: var(--tailwind-yellow-700);
--icon-info: var(--tailwind-sky-700);
--icon-link: var(--tailwind-sky-700);
--icon-link-hover: var(--tailwind-sky-800);
--icon-link-active: var(--tailwind-sky-900);
--icon-accent-blue: var(--tailwind-sky-400);
--icon-accent-purple: var(--tailwind-violet-400);
--icon-accent-green: var(--tailwind-emerald-400);
--icon-accent-orange: var(--tailwind-yellow-500);
--icon-accent-red: var(--tailwind-red-400);
--border-subtle: var(--tailwind-gray-300);
--border-bold: var(--tailwind-gray-800);
--border-inverse: var(--tailwind-gray-50);
--border-brand: var(--tailwind-sky-800);
--border-info: var(--tailwind-sky-700);
--border-focus: var(--tailwind-sky-400);
--border-warning: var(--tailwind-orange-600);
--border-danger: var(--tailwind-red-700);
--border-success: var(--tailwind-emerald-700);
--border-link: var(--tailwind-sky-700);
--border-link-hover: var(--tailwind-sky-800);
--border-link-active: var(--tailwind-sky-900);
--border-accent-blue: var(--tailwind-sky-700);
--border-accent-purple: var(--tailwind-violet-600);
--border-accent-green: var(--tailwind-emerald-600);
--border-accent-orange: var(--tailwind-yellow-500);
--border-accent-red: var(--tailwind-red-600);
--bg-gray-bolder: var(--tailwind-gray-700);
--bg-gray-bold-hover: var(--tailwind-gray-500);
--bg-gray-bold-active: var(--tailwind-gray-600);
--text-accent-orange-sublte: var(--tailwind-yellow-500);
--text-brand-hover: var(--tailwind-sky-900);
--text-brand-active: var(--tailwind-sky-950);
}
:root {
  --gradient-blue: linear-gradient(138deg, var(--bg-accent-blue) 0%, var(--bg-accent-purple-subtlest) 100%);
  --gradient-gray: linear-gradient(136deg, var(--bg-gray-bold) 0%, var(--bg-gray-subtler) 100%);
  --gradient-purple: linear-gradient(135deg, var(--bg-accent-purple) 0%, var(--bg-accent-blue-subtlest) 100%);
  --gradient-green: linear-gradient(135deg, var(--bg-accent-green) 0%, var(--bg-accent-green-subtlest) 100%);
  --gradient-orange: linear-gradient(135deg, var(--bg-accent-orange) 0%, var(--bg-accent-red-subtlest) 100%);
  --gradient-red: linear-gradient(137deg, var(--bg-accent-red) 0%, var(--bg-accent-red-subtlest) 100%);
}

/* Typography Tokens */
:root {
    --heading-weight-strong: var(--weight-bold);
    --heading-display: var(--size-mobile-1200);
    --heading-size-l: var(--size-mobile-600);
    --heading-size-m: var(--size-mobile-400);
    --heading-size-s: var(--size-mobile-200);
    --body-weight-regular: var(--weight-regular);
    --body-weight-strong: var(--weight-semibold);
    --body-size-l: var(--size-mobile-300);
    --body-size-m: var(--size-mobile-200);
    --body-size-s: var(--size-mobile-100);
    --body-size-xs: var(--size-mobile-75);
    --label-weight-strong: var(--weight-semibold);
    --label-size-l: var(--size-mobile-300);
    --label-size-m: var(--size-mobile-200);
    --label-size-s: var(--size-mobile-100);
    --label-size-xs: var(--size-mobile-75);
    --code-weight-regular: var(--weight-regular);
    --code-size-l: var(--size-mobile-300);
    --code-size-m: var(--size-mobile-200);
    --code-size-s: var(--size-mobile-100);
    --link-weight-strong: var(--weight-semibold);
    --link-size-l: var(--size-mobile-300);
    --link-size-m: var(--size-mobile-200);
    --link-size-s: var(--size-mobile-100);
    --link-size-xs: var(--size-mobile-75);
    --input-weight-regular: var(--weight-regular);
    --input-size-l: var(--size-mobile-300);
    --input-size-m: var(--size-mobile-200);
    --input-size-s: var(--size-mobile-100);
    --heading-size-xl: var(--size-mobile-900);
}

/* Grid */
:root {
  --device-column-fluid-xl-count: 12;
  --device-column-fluid-xl-gutter-size: var(--gutter);
  --device-column-fluid-xl-offset: var(--margin);
  --device-column-fluid-l-count: 8;
  --device-column-fluid-l-gutter-size: var(--gutter);
  --device-column-fluid-l-offset: var(--margin);
  --device-column-fluid-m-count: 4;
  --device-column-fluid-m-gutter-size: 16px;
  --device-column-fluid-m-offset: 16px;
  --device-column-fluid-s-count: 2;
  --device-column-fluid-s-gutter-size: 16px;
  --device-column-fluid-s-offset: 16px;
}

/* Breakpoints */
:root {
    --breakpoint: 375px;
    --columns: 4px;
    --margin: 16px;
    --gutter: 16px;
}

/* Numbers */
:root {
    --space-xxl: 40px;
    --space-xl: 32px;
    --space-l: 24px;
    --space-m: 16px;
    --space-s: 12px;
    --space-xs: 8px;
    --space-xxs: 4px;
    --space-xxxs: 2px;
    --space-negative-m: -16px;
    --space-negative-s: -8px;
    --corner-l: 16px;
    --corner-m: 8px;
    --corner-s: 4px;
    --corner-ring: 12px;
    --corner-round: 100px;
}



/* Tablet breakpoint: 768px and up */
@media (min-width: 768px) {
    :root {
    --space-xxl: 40px;
    --space-xl: 32px;
    --space-l: 24px;
    --space-m: 16px;
    --space-s: 12px;
    --space-xs: 8px;
    --space-xxs: 4px;
    --space-xxxs: 2px;
    --space-negative-m: -16px;
    --space-negative-s: -8px;
    --corner-l: 16px;
    --corner-m: 8px;
    --corner-s: 4px;
    --corner-ring: 12px;
    --corner-round: 100px;
}
    :root {
    --breakpoint: 768px;
    --columns: 8px;
    --margin: 24px;
    --gutter: 24px;
}
  }
  
  /* Desktop breakpoint: 1024px and up */
  @media (min-width: 1024px) {
    :root {
    --heading-weight-strong: var(--weight-bold);
    --heading-display: var(--size-desktop-1200);
    --heading-size-xl: var(--size-desktop-900);
    --heading-size-l: var(--size-desktop-600);
    --heading-size-m: var(--size-desktop-400);
    --heading-size-s: var(--size-desktop-200);
    --body-weight-regular: var(--weight-regular);
    --body-weight-strong: var(--weight-semibold);
    --body-size-l: var(--size-desktop-300);
    --body-size-m: var(--size-desktop-200);
    --body-size-s: var(--size-desktop-100);
    --body-size-xs: var(--size-desktop-75);
    --label-weight-strong: var(--weight-semibold);
    --label-size-l: var(--size-desktop-300);
    --label-size-m: var(--size-desktop-200);
    --label-size-s: var(--size-desktop-100);
    --label-size-xs: var(--size-desktop-75);
    --code-weight-regular: var(--weight-regular);
    --code-size-l: var(--size-desktop-300);
    --code-size-m: var(--size-desktop-200);
    --code-size-s: var(--size-desktop-100);
    --link-weight-strong: var(--weight-semibold);
    --link-size-l: var(--size-desktop-300);
    --link-size-m: var(--size-desktop-200);
    --link-size-s: var(--size-desktop-100);
    --link-size-xs: var(--size-desktop-75);
    --input-weight-regular: var(--weight-regular);
    --input-size-l: var(--size-desktop-300);
    --input-size-m: var(--size-desktop-200);
    --input-size-s: var(--size-desktop-100);
    
}
    :root {
    --space-xxl: 40px;
    --space-xl: 32px;
    --space-l: 24px;
    --space-m: 16px;
    --space-s: 12px;
    --space-xs: 8px;
    --space-xxs: 4px;
    --space-xxxs: 2px;
    --space-negative-m: -16px;
    --space-negative-s: -8px;
    --corner-l: 16px;
    --corner-m: 8px;
    --corner-s: 4px;
    --corner-ring: 12px;
    --corner-round: 100px;
}
    :root {
    --breakpoint: 1024px;
    --columns: 12px;
    --margin: 32px;
    --gutter: 32px;
}
  }
  /* XL Desktop breakpoint: 1440px and up */
  @media (min-width: 1440px) {
    :root {
    --breakpoint: 1440px;
    --columns: 12px;
    --margin: 48px;
    --gutter: 32px;
}
  }

/* Effects */
:root {
  --shadow-raised: 0px 8px 16px 0px #0000001f;
  --shadow-overlay: 0px 8px 32px 0px #00000029;
}

/* Text Styles */
:root {
  --body-family-sans: Montserrat, sans-serif;
  --body-family-mono: Roboto Mono, monospace;
  --heading-family-sans: Montserrat, sans-serif;
  --heading-display-font-family: var(--heading-family-sans);
  --heading-display-font-size: var(--heading-display);
  --heading-display-font-weight: 700;
  --heading-display-letter-spacing: 0%;
  --heading-display-line-height: 120%;
  --heading-display-text-transform: none;
  --heading-display-text-decoration: none;
  --heading-xl-font-family: var(--heading-family-sans);
  --heading-xl-font-size: var(--heading-size-xl);
  --heading-xl-font-weight: 700;
  --heading-xl-letter-spacing: 0%;
  --heading-xl-line-height: 120%;
  --heading-xl-text-transform: none;
  --heading-xl-text-decoration: none;
  --heading-l-font-family: var(--heading-family-sans);
  --heading-l-font-size: var(--heading-size-l);
  --heading-l-font-weight: 700;
  --heading-l-letter-spacing: 0px;
  --heading-l-line-height: 120%;
  --heading-l-text-transform: none;
  --heading-l-text-decoration: none;
  --heading-m-font-family: var(--heading-family-sans);
  --heading-m-font-size: var(--heading-size-m);
  --heading-m-font-weight: 700;
  --heading-m-letter-spacing: 0px;
  --heading-m-line-height: 120%;
  --heading-m-text-transform: none;
  --heading-m-text-decoration: none;
  --heading-s-font-family: var(--heading-family-sans);
  --heading-s-font-size: var(--heading-size-s);
  --heading-s-font-weight: 700;
  --heading-s-letter-spacing: 0px;
  --heading-s-line-height: 120%;
  --heading-s-text-transform: none;
  --heading-s-text-decoration: none;
  --body-l-font-family: var(--body-family-sans);
  --body-l-font-size: var(--body-size-l);
  --body-l-font-weight: 400;
  --body-l-letter-spacing: 0px;
  --body-l-line-height: 170%;
  --body-l-text-transform: none;
  --body-l-text-decoration: none;
  --body-l-strong-font-family: var(--body-family-sans);
  --body-l-strong-font-size: var(--body-size-l);
  --body-l-strong-font-weight: 600;
  --body-l-strong-letter-spacing: 0px;
  --body-l-strong-line-height: 140%;
  --body-l-strong-text-transform: none;
  --body-l-strong-text-decoration: none;
  --body-l-italic-font-family: var(--body-family-sans);
  --body-l-italic-font-size: var(--body-size-l);
  --body-l-italic-font-weight: var(--body-weight-italic);
  --body-l-italic-letter-spacing: 0%;
  --body-l-italic-line-height: 140%;
  --body-l-italic-text-transform: none;
  --body-l-italic-text-decoration: none;
  --body-m-font-family: var(--body-family-sans);
  --body-m-font-size: var(--body-size-m);
  --body-m-font-weight: 400;
  --body-m-letter-spacing: 0px;
  --body-m-line-height: 170%;
  --body-m-text-transform: none;
  --body-m-text-decoration: none;
  --body-m-strong-font-family: var(--body-family-sans);
  --body-m-strong-font-size: var(--body-size-m);
  --body-m-strong-font-weight: 600;
  --body-m-strong-letter-spacing: 0px;
  --body-m-strong-line-height: 140%;
  --body-m-strong-text-transform: none;
  --body-m-strong-text-decoration: none;
  --body-m-italic-font-family: var(--heading-family-sans);
  --body-m-italic-font-size: var(--body-size-m);
  --body-m-italic-font-weight: var(--body-weight-italic);
  --body-m-italic-letter-spacing: 0%;
  --body-m-italic-line-height: 140%;
  --body-m-italic-text-transform: none;
  --body-m-italic-text-decoration: none;
  --body-s-font-family: var(--body-family-sans);
  --body-s-font-size: var(--label-size-s);
  --body-s-font-weight: 400;
  --body-s-letter-spacing: 0px;
  --body-s-line-height: 150%;
  --body-s-text-transform: none;
  --body-s-text-decoration: none;
  --body-s-strong-font-family: var(--body-family-sans);
  --body-s-strong-font-size: var(--body-size-s);
  --body-s-strong-font-weight: 600;
  --body-s-strong-letter-spacing: 0px;
  --body-s-strong-line-height: 140%;
  --body-s-strong-text-transform: none;
  --body-s-strong-text-decoration: none;
  --body-s-italic-font-family: var(--body-family-sans);
  --body-s-italic-font-size: var(--body-size-s);
  --body-s-italic-font-weight: var(--body-weight-italic);
  --body-s-italic-letter-spacing: 0%;
  --body-s-italic-line-height: 140%;
  --body-s-italic-text-transform: none;
  --body-s-italic-text-decoration: none;
  --body-xs-font-family: var(--body-family-sans);
  --body-xs-font-size: var(--body-size-xs);
  --body-xs-font-weight: 400;
  --body-xs-letter-spacing: 0%;
  --body-xs-line-height: 140%;
  --body-xs-text-transform: none;
  --body-xs-text-decoration: none;
  --body-xs-strong-font-family: var(--body-family-sans);
  --body-xs-strong-font-size: var(--body-size-xs);
  --body-xs-strong-font-weight: 600;
  --body-xs-strong-letter-spacing: 0%;
  --body-xs-strong-line-height: 140%;
  --body-xs-strong-text-transform: none;
  --body-xs-strong-text-decoration: none;
  --body-xs-italic-font-family: var(--body-family-sans);
  --body-xs-italic-font-size: var(--body-size-xs);
  --body-xs-italic-font-weight: var(--body-weight-italic);
  --body-xs-italic-letter-spacing: 0%;
  --body-xs-italic-line-height: 140%;
  --body-xs-italic-text-transform: none;
  --body-xs-italic-text-decoration: none;
  --code-l-font-family: var(--code-family-mono);
  --code-l-font-size: var(--code-size-l);
  --code-l-font-weight: 400;
  --code-l-letter-spacing: 0%;
  --code-l-line-height: 140%;
  --code-l-text-transform: none;
  --code-l-text-decoration: none;
  --code-m-font-family: var(--code-family-mono);
  --code-m-font-size: var(--code-size-m);
  --code-m-font-weight: 400;
  --code-m-letter-spacing: 0%;
  --code-m-line-height: 140%;
  --code-m-text-transform: none;
  --code-m-text-decoration: none;
  --code-s-font-family: var(--heading-family-sans);
  --code-s-font-size: var(--code-size-s);
  --code-s-font-weight: 400;
  --code-s-letter-spacing: 0%;
  --code-s-line-height: 140%;
  --code-s-text-transform: none;
  --code-s-text-decoration: none;
  --link-l-font-family: var(--link-family-sans);
  --link-l-font-size: var(--link-size-l);
  --link-l-font-weight: 600;
  --link-l-letter-spacing: 0%;
  --link-l-line-height: 170%;
  --link-l-text-transform: none;
  --link-l-text-decoration: underline;
  --link-m-font-family: var(--link-family-sans);
  --link-m-font-size: var(--link-size-m);
  --link-m-font-weight: 600;
  --link-m-letter-spacing: 0%;
  --link-m-line-height: 170%;
  --link-m-text-transform: none;
  --link-m-text-decoration: underline;
  --link-s-font-family: var(--link-family-sans);
  --link-s-font-size: var(--link-size-s);
  --link-s-font-weight: 600;
  --link-s-letter-spacing: 0%;
  --link-s-line-height: 150%;
  --link-s-text-transform: none;
  --link-s-text-decoration: underline;
  --label-m-font-family: var(--label-family-sans);
  --label-m-font-size: var(--label-size-m);
  --label-m-font-weight: 600;
  --label-m-letter-spacing: 0%;
  --label-m-line-height: 24px;
  --label-m-text-transform: none;
  --label-m-text-decoration: none;
  --label-s-font-family: var(--label-family-sans);
  --label-s-font-size: var(--label-size-s);
  --label-s-font-weight: 600;
  --label-s-letter-spacing: 0%;
  --label-s-line-height: 16px;
  --label-s-text-transform: none;
  --label-s-text-decoration: none;
  --label-xs-font-family: var(--label-family-sans);
  --label-xs-font-size: var(--label-size-xs);
  --label-xs-font-weight: 600;
  --label-xs-letter-spacing: 0%;
  --label-xs-line-height: 16px;
  --label-xs-text-transform: none;
  --label-xs-text-decoration: none;
  --input-m-font-family: var(--input-family-sans);
  --input-m-font-size: var(--input-size-m);
  --input-m-font-weight: 400;
  --input-m-letter-spacing: 0%;
  --input-m-line-height: 24px;
  --input-m-text-transform: none;
  --input-m-text-decoration: none;
  --input-s-font-family: var(--input-family-sans);
  --input-s-font-size: var(--input-size-s);
  --input-s-font-weight: 400;
  --input-s-letter-spacing: 0%;
  --input-s-line-height: 24px;
  --input-s-text-transform: none;
  --input-s-text-decoration: none;
  --label-family-sans: var(--body-family-sans);
} 

body, p {
  color: var(--text-subtle) !important;
  font-feature-settings: 'liga' off, 'clig' off;

  /* Body M */
  font-family: var(--body-family-sans) !important;
  font-size: var(--body-size-m) !important;
  font-style: normal !important;
  font-weight: var(--body-weight-regular) !important;
  line-height: 140% !important; /* 22.4px */
}

a {
  color: var(--text-link);
/*   text-align: center; */
  text-decoration: none;

  /* Label M */
  font-size: var(--label-size-m) !important;
  font-family: var(--label-family-sans) !important;
  font-style: normal;
  font-weight: var(--label-weight-strong) !important;
  line-height: 24px; /* 150% */

  display: inline-flex;
  align-items: center;
  gap: var(--space-xxs);
}
a:hover {
  background: var(--bg-neutral-hover);
  color: var(--text-link-hover);
}
a:active {
  background: var(--bg-neutral-active);
  color: var(--text-link-active);
}
a.disabled {
  background: var(--bg-neutral);
  color: var(--icon-disabled);
}
a.link--s {
  /* Label S */
  font-size: var(--label-size-s);
  line-height: 16px; /* 114.286% */
}
a.link > svg {
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
}
a.link > svg > path {
  fill: var(--text-link);
}

h1, .h1, .heading-xxl {
  color: var(--text-brand);

  /* Heading Display */
  font-family: var(--heading-family-sans) !important;
  font-size: 90px !important;
  font-style: normal;
  font-weight: var(--heading-weight-strong) !important;
  line-height: 120%; /* 108px */
}
h2, .h2, .heading-xl {
  color: #000;

  /* Heading XL */
  font-family: var(--heading-family-sans) !important;
  font-size: var(--heading-size-xl);
  font-style: normal;
  font-weight: var(--heading-weight-strong) !important;
  line-height: 120%; /* 43.2px */
  
}

h3, .h3, .heading-l {
  color: var(--text-bold) !important;
  font-feature-settings: 'liga' off, 'clig' off;

  /* Heading L */
  font-family: var(--heading-family-sans) !important;
  font-size: var(--heading-size-l) !important;
  font-style: normal;
  font-weight: var(--heading-weight-strong) !important;
  line-height: 120%; /* 30px */
}

/* Utility Styles */
/* Utility classes for text styles generated from text-styles.css */

.heading-display, h1, .h1 {
  font-family: var(--heading-display-font-family);
  font-size: var(--heading-display-font-size);
  font-weight: var(--heading-display-font-weight);
  letter-spacing: var(--heading-display-letter-spacing);
  line-height: var(--heading-display-line-height);
  text-transform: var(--heading-display-text-transform);
  text-decoration: var(--heading-display-text-decoration);
}
.heading-xl, h2, .h2 {
  font-family: var(--heading-xl-font-family);
  font-size: var(--heading-xl-font-size);
  font-weight: var(--heading-xl-font-weight);
  letter-spacing: var(--heading-xl-letter-spacing);
  line-height: var(--heading-xl-line-height);
  text-transform: var(--heading-xl-text-transform);
  text-decoration: var(--heading-xl-text-decoration);
}
.heading-l, h3, .h3 {
  font-family: var(--heading-l-font-family);
  font-size: var(--heading-l-font-size);
  font-weight: var(--heading-l-font-weight);
  letter-spacing: var(--heading-l-letter-spacing);
  line-height: var(--heading-l-line-height);
  text-transform: var(--heading-l-text-transform);
  text-decoration: var(--heading-l-text-decoration);
}
.heading-m, h4, .h4 {
  font-family: var(--heading-m-font-family);
  font-size: var(--heading-m-font-size);
  font-weight: var(--heading-m-font-weight);
  letter-spacing: var(--heading-m-letter-spacing);
  line-height: var(--heading-m-line-height);
  text-transform: var(--heading-m-text-transform);
  text-decoration: var(--heading-m-text-decoration);
}
.heading-s, h5, .h5 {
  font-family: var(--heading-s-font-family);
  font-size: var(--heading-s-font-size);
  font-weight: var(--heading-s-font-weight);
  letter-spacing: var(--heading-s-letter-spacing);
  line-height: var(--heading-s-line-height);
  text-transform: var(--heading-s-text-transform);
  text-decoration: var(--heading-s-text-decoration);
}
.body-l {
  font-family: var(--body-l-font-family);
  font-size: var(--body-l-font-size);
  font-weight: var(--body-l-font-weight);
  letter-spacing: var(--body-l-letter-spacing);
  line-height: var(--body-l-line-height);
  text-transform: var(--body-l-text-transform);
  text-decoration: var(--body-l-text-decoration);
}
.body-l-strong {
  font-family: var(--body-l-strong-font-family);
  font-size: var(--body-l-strong-font-size);
  font-weight: var(--body-l-strong-font-weight);
  letter-spacing: var(--body-l-strong-letter-spacing);
  line-height: var(--body-l-strong-line-height);
  text-transform: var(--body-l-strong-text-transform);
  text-decoration: var(--body-l-strong-text-decoration);
}
.body-l-italic {
  font-family: var(--body-l-italic-font-family);
  font-size: var(--body-l-italic-font-size);
  font-weight: var(--body-l-italic-font-weight);
  letter-spacing: var(--body-l-italic-letter-spacing);
  line-height: var(--body-l-italic-line-height);
  text-transform: var(--body-l-italic-text-transform);
  text-decoration: var(--body-l-italic-text-decoration);
}
.body-m {
  font-family: var(--body-m-font-family);
  font-size: var(--body-m-font-size);
  font-weight: var(--body-m-font-weight);
  letter-spacing: var(--body-m-letter-spacing);
  line-height: var(--body-m-line-height);
  text-transform: var(--body-m-text-transform);
  text-decoration: var(--body-m-text-decoration);
}
.body-m-strong {
  font-family: var(--body-m-strong-font-family);
  font-size: var(--body-m-strong-font-size);
  font-weight: var(--body-m-strong-font-weight);
  letter-spacing: var(--body-m-strong-letter-spacing);
  line-height: var(--body-m-strong-line-height);
  text-transform: var(--body-m-strong-text-transform);
  text-decoration: var(--body-m-strong-text-decoration);
}
.body-m-italic {
  font-family: var(--body-m-italic-font-family);
  font-size: var(--body-m-italic-font-size);
  font-weight: var(--body-m-italic-font-weight);
  letter-spacing: var(--body-m-italic-letter-spacing);
  line-height: var(--body-m-italic-line-height);
  text-transform: var(--body-m-italic-text-transform);
  text-decoration: var(--body-m-italic-text-decoration);
}
.body-s {
  font-family: var(--body-s-font-family);
  font-size: var(--body-s-font-size);
  font-weight: var(--body-s-font-weight);
  letter-spacing: var(--body-s-letter-spacing);
  line-height: var(--body-s-line-height);
  text-transform: var(--body-s-text-transform);
  text-decoration: var(--body-s-text-decoration);
}
.body-s-strong {
  font-family: var(--body-s-strong-font-family);
  font-size: var(--body-s-strong-font-size);
  font-weight: var(--body-s-strong-font-weight);
  letter-spacing: var(--body-s-strong-letter-spacing);
  line-height: var(--body-s-strong-line-height);
  text-transform: var(--body-s-strong-text-transform);
  text-decoration: var(--body-s-strong-text-decoration);
}
.body-s-italic {
  font-family: var(--body-s-italic-font-family);
  font-size: var(--body-s-italic-font-size);
  font-weight: var(--body-s-italic-font-weight);
  letter-spacing: var(--body-s-italic-letter-spacing);
  line-height: var(--body-s-italic-line-height);
  text-transform: var(--body-s-italic-text-transform);
  text-decoration: var(--body-s-italic-text-decoration);
}
.body-xs {
  font-family: var(--body-xs-font-family);
  font-size: var(--body-xs-font-size);
  font-weight: var(--body-xs-font-weight);
  letter-spacing: var(--body-xs-letter-spacing);
  line-height: var(--body-xs-line-height);
  text-transform: var(--body-xs-text-transform);
  text-decoration: var(--body-xs-text-decoration);
}
.body-xs-strong {
  font-family: var(--body-xs-strong-font-family);
  font-size: var(--body-xs-strong-font-size);
  font-weight: var(--body-xs-strong-font-weight);
  letter-spacing: var(--body-xs-strong-letter-spacing);
  line-height: var(--body-xs-strong-line-height);
  text-transform: var(--body-xs-strong-text-transform);
  text-decoration: var(--body-xs-strong-text-decoration);
}
.body-xs-italic {
  font-family: var(--body-xs-italic-font-family);
  font-size: var(--body-xs-italic-font-size);
  font-weight: var(--body-xs-italic-font-weight);
  letter-spacing: var(--body-xs-italic-letter-spacing);
  line-height: var(--body-xs-italic-line-height);
  text-transform: var(--body-xs-italic-text-transform);
  text-decoration: var(--body-xs-italic-text-decoration);
}
.code-l {
  font-family: var(--code-l-font-family);
  font-size: var(--code-l-font-size);
  font-weight: var(--code-l-font-weight);
  letter-spacing: var(--code-l-letter-spacing);
  line-height: var(--code-l-line-height);
  text-transform: var(--code-l-text-transform);
  text-decoration: var(--code-l-text-decoration);
}
.code-m {
  font-family: var(--code-m-font-family);
  font-size: var(--code-m-font-size);
  font-weight: var(--code-m-font-weight);
  letter-spacing: var(--code-m-letter-spacing);
  line-height: var(--code-m-line-height);
  text-transform: var(--code-m-text-transform);
  text-decoration: var(--code-m-text-decoration);
}
.code-s {
  font-family: var(--code-s-font-family);
  font-size: var(--code-s-font-size);
  font-weight: var(--code-s-font-weight);
  letter-spacing: var(--code-s-letter-spacing);
  line-height: var(--code-s-line-height);
  text-transform: var(--code-s-text-transform);
  text-decoration: var(--code-s-text-decoration);
}
.link-l {
  font-family: var(--link-l-font-family);
  font-size: var(--link-l-font-size);
  font-weight: var(--link-l-font-weight);
  letter-spacing: var(--link-l-letter-spacing);
  line-height: var(--link-l-line-height);
  text-transform: var(--link-l-text-transform);
  text-decoration: var(--link-l-text-decoration);
}
.link-m {
  font-family: var(--link-m-font-family);
  font-size: var(--link-m-font-size);
  font-weight: var(--link-m-font-weight);
  letter-spacing: var(--link-m-letter-spacing);
  line-height: var(--link-m-line-height);
  text-transform: var(--link-m-text-transform);
  text-decoration: var(--link-m-text-decoration);
}
.link-s {
  font-family: var(--link-s-font-family);
  font-size: var(--link-s-font-size);
  font-weight: var(--link-s-font-weight);
  letter-spacing: var(--link-s-letter-spacing);
  line-height: var(--link-s-line-height);
  text-transform: var(--link-s-text-transform);
  text-decoration: var(--link-s-text-decoration);
}
.label-m {
  font-family: var(--label-m-font-family);
  font-size: var(--label-m-font-size);
  font-weight: var(--label-m-font-weight);
  letter-spacing: var(--label-m-letter-spacing);
  line-height: var(--label-m-line-height);
  text-transform: var(--label-m-text-transform);
  text-decoration: var(--label-m-text-decoration);
}
.label-s {
  font-family: var(--label-s-font-family);
  font-size: var(--label-s-font-size);
  font-weight: var(--label-s-font-weight);
  letter-spacing: var(--label-s-letter-spacing);
  line-height: var(--label-s-line-height);
  text-transform: var(--label-s-text-transform);
  text-decoration: var(--label-s-text-decoration);
}
.label-xs {
  font-family: var(--label-xs-font-family);
  font-size: var(--label-xs-font-size);
  font-weight: var(--label-xs-font-weight);
  letter-spacing: var(--label-xs-letter-spacing);
  line-height: var(--label-xs-line-height);
  text-transform: var(--label-xs-text-transform);
  text-decoration: var(--label-xs-text-decoration);
}
.input-m {
  font-family: var(--input-m-font-family);
  font-size: var(--input-m-font-size);
  font-weight: var(--input-m-font-weight);
  letter-spacing: var(--input-m-letter-spacing);
  line-height: var(--input-m-line-height);
  text-transform: var(--input-m-text-transform);
  text-decoration: var(--input-m-text-decoration);
}
.input-s {
  font-family: var(--input-s-font-family);
  font-size: var(--input-s-font-size);
  font-weight: var(--input-s-font-weight);
  letter-spacing: var(--input-s-letter-spacing);
  line-height: var(--input-s-line-height);
  text-transform: var(--input-s-text-transform);
  text-decoration: var(--input-s-text-decoration);
}

/* Color utility classes generated from color-helluva.css and color-styles.css */

/* Text color utilities */
.text-bold { color: var(--text-bold); }
.text-subtle { color: var(--text-subtle); }
.text-disabled { color: var(--text-disabled); }
.text-inverse { color: var(--text-inverse); }
.text-inverse-subtle { color: var(--text-inverse-subtle); }
.text-link { color: var(--text-link); }
.text-link-hover { color: var(--text-link-hover); }
.text-link-active { color: var(--text-link-active); }
.text-brand { color: var(--text-brand); }
.text-success { color: var(--text-success); }
.text-danger { color: var(--text-danger); }
.text-warning { color: var(--text-warning); }
.text-info { color: var(--text-info); }
.text-accent-purple { color: var(--text-accent-purple); }
.text-accent-green { color: var(--text-accent-green); }
.text-accent-orange { color: var(--text-accent-orange); }
.text-accent-red { color: var(--text-accent-red); }
.text-brand-hover { color: var(--text-brand-hover); }
.text-brand-active { color: var(--text-brand-active); }

/* Background color utilities */
.bg-surface { background: var(--bg-surface); }
.bg-surface-raised { background: var(--bg-surface-raised); }
.bg-surface-overlay { background: var(--bg-surface-overlay); }
.bg-surface-sunken { background: var(--bg-surface-sunken); }
.bg-surface-bold { background: var(--bg-surface-bold); }
.bg-surface-bold-brand { background: var(--bg-surface-bold-brand); }
.bg-neutral { background: var(--bg-neutral); }
.bg-neutral-hover { background: var(--bg-neutral-hover); }
.bg-neutral-active { background: var(--bg-neutral-active); }
.bg-neutral-selected { background: var(--bg-neutral-selected); }
.bg-neutral-disabled { background: var(--bg-neutral-disabled); }
.bg-neutral-inverse { background: var(--bg-neutral-inverse); }
.bg-neutral-inverse-hover { background: var(--bg-neutral-inverse-hover); }
.bg-neutral-inverse-active { background: var(--bg-neutral-inverse-active); }
.bg-neutral-inverse-selected { background: var(--bg-neutral-inverse-selected); }
.bg-neutral-inverted-disabled { background: var(--bg-neutral-inverted-disabled); }
.bg-gray-subtler { background: var(--bg-gray-subtler); }
.bg-gray-subtler-hover { background: var(--bg-gray-subtler-hover); }
.bg-gray-subtler-active { background: var(--bg-gray-subtler-active); }
.bg-gray-subtle { background: var(--bg-gray-subtle); }
.bg-gray-subtle-hover { background: var(--bg-gray-subtle-hover); }
.bg-gray-subtle-active { background: var(--bg-gray-subtle-active); }
.bg-gray-bold { background: var(--bg-gray-bold); }
.bg-gray-bolder-hover { background: var(--bg-gray-bolder-hover); }
.bg-gray-bolder-active { background: var(--bg-gray-bolder-active); }
.bg-input { background: var(--bg-input); }
.bg-input-hover { background: var(--bg-input-hover); }
.bg-brand { background: var(--bg-brand); }
.bg-brand-hover { background: var(--bg-brand-hover); }
.bg-brand-active { background: var(--bg-brand-active); }
.bg-brand-subtlest { background: var(--bg-brand-subtlest); }
.bg-info { background: var(--bg-info); }
.bg-info-hover { background: var(--bg-info-hover); }
.bg-info-active { background: var(--bg-info-active); }
.bg-info-subtlest { background: var(--bg-info-subtlest); }
.bg-danger { background: var(--bg-danger); }
.bg-danger-hover { background: var(--bg-danger-hover); }
.bg-danger-active { background: var(--bg-danger-active); }
.bg-danger-subtlest { background: var(--bg-danger-subtlest); }
.bg-success { background: var(--bg-success); }
.bg-success-hover { background: var(--bg-success-hover); }
.bg-success-active { background: var(--bg-success-active); }
.bg-success-subtlest { background: var(--bg-success-subtlest); }
.bg-warning { background: var(--bg-warning); }
.bg-warning-hover { background: var(--bg-warning-hover); }
.bg-warning-active { background: var(--bg-warning-active); }
.bg-warning-subtlest { background: var(--bg-warning-subtlest); }
.bg-accent-blue { background: var(--bg-accent-blue); }
.bg-accent-blue-subtlest { background: var(--bg-accent-blue-subtlest); }
.bg-accent-purple { background: var(--bg-accent-purple); }
.bg-accent-purple-subtlest { background: var(--bg-accent-purple-subtlest); }
.bg-accent-green { background: var(--bg-accent-green); }
.bg-accent-green-subtlest { background: var(--bg-accent-green-subtlest); }
.bg-accent-red { background: var(--bg-accent-red); }
.bg-accent-red-subtlest { background: var(--bg-accent-red-subtlest); }
.bg-accent-orange { background: var(--bg-accent-orange); }
.bg-accent-orange-subtlest { background: var(--bg-accent-orange-subtlest); }
.bg-gray-bolder { background: var(--bg-gray-bolder); }
.bg-gray-bold-hover { background: var(--bg-gray-bold-hover); }
.bg-gray-bold-active { background: var(--bg-gray-bold-active); }

/* Border color utilities */
.border-subtle { border-color: var(--border-subtle); }
.border-bold { border-color: var(--border-bold); }
.border-inverse { border-color: var(--border-inverse); }
.border-brand { border-color: var(--border-brand); }
.border-info { border-color: var(--border-info); }
.border-focus { border-color: var(--border-focus); }
.border-warning { border-color: var(--border-warning); }
.border-danger { border-color: var(--border-danger); }
.border-success { border-color: var(--border-success); }
.border-link { border-color: var(--border-link); }
.border-link-hover { border-color: var(--border-link-hover); }
.border-link-active { border-color: var(--border-link-active); }
.border-accent-blue { border-color: var(--border-accent-blue); }
.border-accent-purple { border-color: var(--border-accent-purple); }
.border-accent-green { border-color: var(--border-accent-green); }
.border-accent-orange { border-color: var(--border-accent-orange); }
.border-accent-red { border-color: var(--border-accent-red); }

/* Icon color utilities */
.icon-bold { color: var(--icon-bold); }
.icon-subtle { color: var(--icon-subtle); }
.icon-subtle-hover { color: var(--icon-subtle-hover); }
.icon-subtle-active { color: var(--icon-subtle-active); }
.icon-disabled { color: var(--icon-disabled); }
.icon-inverse { color: var(--icon-inverse); }
.icon-inverse-subtle { color: var(--icon-inverse-subtle); }
.icon-inverse-subtle-hover { color: var(--icon-inverse-subtle-hover); }
.icon-inverse-subtle-active { color: var(--icon-inverse-subtle-active); }
.icon-brand { color: var(--icon-brand); }
.icon-success { color: var(--icon-success); }
.icon-danger { color: var(--icon-danger); }
.icon-warning { color: var(--icon-warning); }
.icon-info { color: var(--icon-info); }
.icon-link { color: var(--icon-link); }
.icon-link-hover { color: var(--icon-link-hover); }
.icon-link-active { color: var(--icon-link-active); }
.icon-accent-blue { color: var(--icon-accent-blue); }
.icon-accent-purple { color: var(--icon-accent-purple); }
.icon-accent-green { color: var(--icon-accent-green); }
.icon-accent-orange { color: var(--icon-accent-orange); }
.icon-accent-red { color: var(--icon-accent-red); }

/* Gradient background utilities */
.bg-gradient-blue { background: var(--gradient-blue); }
.bg-gradient-gray { background: var(--gradient-gray); }
.bg-gradient-purple { background: var(--gradient-purple); }
.bg-gradient-green { background: var(--gradient-green); }
.bg-gradient-orange { background: var(--gradient-orange); }
.bg-gradient-red { background: var(--gradient-red); }

/* Grid utility classes generated from grid-styles.css */

.grid-cols-xl {
  grid-template-columns: repeat(var(--device-column-fluid-xl-count), 1fr);
}
.grid-gap-xl {
  gap: var(--device-column-fluid-xl-gutter-size);
}
.grid-offset-xl {
  margin-left: var(--device-column-fluid-xl-offset);
  margin-right: var(--device-column-fluid-xl-offset);
}
.grid-cols-l {
  grid-template-columns: repeat(var(--device-column-fluid-l-count), 1fr);
}
.grid-gap-l {
  gap: var(--device-column-fluid-l-gutter-size);
}
.grid-offset-l {
  margin-left: var(--device-column-fluid-l-offset);
  margin-right: var(--device-column-fluid-l-offset);
}
.grid-cols-m {
  grid-template-columns: repeat(var(--device-column-fluid-m-count), 1fr);
}
.grid-gap-m {
  gap: var(--device-column-fluid-m-gutter-size);
}
.grid-offset-m {
  margin-left: var(--device-column-fluid-m-offset);
  margin-right: var(--device-column-fluid-m-offset);
}
.grid-cols-s {
  grid-template-columns: repeat(var(--device-column-fluid-s-count), 1fr);
}
.grid-gap-s {
  gap: var(--device-column-fluid-s-gutter-size);
}
.grid-offset-s {
  margin-left: var(--device-column-fluid-s-offset);
  margin-right: var(--device-column-fluid-s-offset);
}

/* Spacing utility classes generated from numbers-mobile.css */

/* Margin utilities */
.m-xxl { margin: var(--space-xxl); }
.m-xl { margin: var(--space-xl); }
.m-l { margin: var(--space-l); }
.m-m { margin: var(--space-m); }
.m-s { margin: var(--space-s); }
.m-xs { margin: var(--space-xs); }
.m-xxs { margin: var(--space-xxs); }
.m-xxxs { margin: var(--space-xxxs); }
.m-negative-m { margin: var(--space-negative-m); }
.m-negative-s { margin: var(--space-negative-s); }
.mt-xxl { margin-top: var(--space-xxl); }
.mt-xl { margin-top: var(--space-xl); }
.mt-l { margin-top: var(--space-l); }
.mt-m { margin-top: var(--space-m); }
.mt-s { margin-top: var(--space-s); }
.mt-xs { margin-top: var(--space-xs); }
.mt-xxs { margin-top: var(--space-xxs); }
.mt-xxxs { margin-top: var(--space-xxxs); }
.mt-negative-m { margin-top: var(--space-negative-m); }
.mt-negative-s { margin-top: var(--space-negative-s); }
.mb-xxl { margin-bottom: var(--space-xxl); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-l { margin-bottom: var(--space-l); }
.mb-m { margin-bottom: var(--space-m); }
.mb-s { margin-bottom: var(--space-s); }
.mb-xs { margin-bottom: var(--space-xs); }
.mb-xxs { margin-bottom: var(--space-xxs); }
.mb-xxxs { margin-bottom: var(--space-xxxs); }
.mb-negative-m { margin-bottom: var(--space-negative-m); }
.mb-negative-s { margin-bottom: var(--space-negative-s); }
.ml-xxl { margin-left: var(--space-xxl); }
.ml-xl { margin-left: var(--space-xl); }
.ml-l { margin-left: var(--space-l); }
.ml-m { margin-left: var(--space-m); }
.ml-s { margin-left: var(--space-s); }
.ml-xs { margin-left: var(--space-xs); }
.ml-xxs { margin-left: var(--space-xxs); }
.ml-xxxs { margin-left: var(--space-xxxs); }
.ml-negative-m { margin-left: var(--space-negative-m); }
.ml-negative-s { margin-left: var(--space-negative-s); }
.mr-xxl { margin-right: var(--space-xxl); }
.mr-xl { margin-right: var(--space-xl); }
.mr-l { margin-right: var(--space-l); }
.mr-m { margin-right: var(--space-m); }
.mr-s { margin-right: var(--space-s); }
.mr-xs { margin-right: var(--space-xs); }
.mr-xxs { margin-right: var(--space-xxs); }
.mr-xxxs { margin-right: var(--space-xxxs); }
.mr-negative-m { margin-right: var(--space-negative-m); }
.mr-negative-s { margin-right: var(--space-negative-s); }

/* Padding utilities */
.p-xxl { padding: var(--space-xxl); }
.p-xl { padding: var(--space-xl); }
.p-l { padding: var(--space-l); }
.p-m { padding: var(--space-m); }
.p-s { padding: var(--space-s); }
.p-xs { padding: var(--space-xs); }
.p-xxs { padding: var(--space-xxs); }
.p-xxxs { padding: var(--space-xxxs); }
.pt-xxl { padding-top: var(--space-xxl); }
.pt-xl { padding-top: var(--space-xl); }
.pt-l { padding-top: var(--space-l); }
.pt-m { padding-top: var(--space-m); }
.pt-s { padding-top: var(--space-s); }
.pt-xs { padding-top: var(--space-xs); }
.pt-xxs { padding-top: var(--space-xxs); }
.pt-xxxs { padding-top: var(--space-xxxs); }
.pb-xxl { padding-bottom: var(--space-xxl); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-l { padding-bottom: var(--space-l); }
.pb-m { padding-bottom: var(--space-m); }
.pb-s { padding-bottom: var(--space-s); }
.pb-xs { padding-bottom: var(--space-xs); }
.pb-xxs { padding-bottom: var(--space-xxs); }
.pb-xxxs { padding-bottom: var(--space-xxxs); }
.pl-xxl { padding-left: var(--space-xxl); }
.pl-xl { padding-left: var(--space-xl); }
.pl-l { padding-left: var(--space-l); }
.pl-m { padding-left: var(--space-m); }
.pl-s { padding-left: var(--space-s); }
.pl-xs { padding-left: var(--space-xs); }
.pl-xxs { padding-left: var(--space-xxs); }
.pl-xxxs { padding-left: var(--space-xxxs); }
.pr-xxl { padding-right: var(--space-xxl); }
.pr-xl { padding-right: var(--space-xl); }
.pr-l { padding-right: var(--space-l); }
.pr-m { padding-right: var(--space-m); }
.pr-s { padding-right: var(--space-s); }
.pr-xs { padding-right: var(--space-xs); }
.pr-xxs { padding-right: var(--space-xxs); }
.pr-xxxs { padding-right: var(--space-xxxs); }

/* Corner radius utilities */
.rounded-l { border-radius: var(--corner-l); }
.rounded-m { border-radius: var(--corner-m); }
.rounded-s { border-radius: var(--corner-s); }
.rounded-ring { border-radius: var(--corner-ring); }
.rounded-round { border-radius: var(--corner-round); }

/* Typography primitive utility classes: one class per variable, using the variable name as the class name */

.heading-weight-strong { font-weight: var(--heading-weight-strong); }
.heading-display { font-size: var(--heading-display); }
.heading-size-xl { font-size: var(--heading-size-xl); }
.heading-size-l { font-size: var(--heading-size-l); }
.heading-size-m { font-size: var(--heading-size-m); }
.heading-size-s { font-size: var(--heading-size-s); }
.body-weight-regular { font-weight: var(--body-weight-regular); }
.body-weight-strong { font-weight: var(--body-weight-strong); }
.body-size-l { font-size: var(--body-size-l); }
.body-size-m { font-size: var(--body-size-m); }
.body-size-s { font-size: var(--body-size-s); }
.body-size-xs { font-size: var(--body-size-xs); }
.label-weight-strong { font-weight: var(--label-weight-strong); }
.label-size-l { font-size: var(--label-size-l); }
.label-size-m { font-size: var(--label-size-m); }
.label-size-s { font-size: var(--label-size-s); }
.label-size-xs { font-size: var(--label-size-xs); }
.code-weight-regular { font-weight: var(--code-weight-regular); }
.code-size-l { font-size: var(--code-size-l); }
.code-size-m { font-size: var(--code-size-m); }
.code-size-s { font-size: var(--code-size-s); }
.link-weight-strong { font-weight: var(--link-weight-strong); }
.link-size-l { font-size: var(--link-size-l); }
.link-size-m { font-size: var(--link-size-m); }
.link-size-s { font-size: var(--link-size-s); }
.link-size-xs { font-size: var(--link-size-xs); }
.input-weight-regular { font-weight: var(--input-weight-regular); }
.input-size-l { font-size: var(--input-size-l); }
.input-size-m { font-size: var(--input-size-m); }
.input-size-s { font-size: var(--input-size-s); }

/* Primitives from typography-primitives-helluva.css - TODO: I don't think we need the following */
.weight-regular { font-weight: var(--weight-regular); }
.weight-semibold { font-weight: var(--weight-semibold); }
.weight-bold { font-weight: var(--weight-bold); }
.size-desktop-50 { font-size: var(--size-desktop-50); }
.size-desktop-75 { font-size: var(--size-desktop-75); }
.size-desktop-100 { font-size: var(--size-desktop-100); }
.size-desktop-200 { font-size: var(--size-desktop-200); }
.size-desktop-300 { font-size: var(--size-desktop-300); }
.size-desktop-400 { font-size: var(--size-desktop-400); }
.size-desktop-500 { font-size: var(--size-desktop-500); }
.size-desktop-600 { font-size: var(--size-desktop-600); }
.size-desktop-700 { font-size: var(--size-desktop-700); }
.size-desktop-800 { font-size: var(--size-desktop-800); }
.size-desktop-900 { font-size: var(--size-desktop-900); }
.size-desktop-1000 { font-size: var(--size-desktop-1000); }
.size-desktop-1100 { font-size: var(--size-desktop-1100); }
.size-desktop-1200 { font-size: var(--size-desktop-1200); }
.size-desktop-1300 { font-size: var(--size-desktop-1300); }
.size-mobile-50 { font-size: var(--size-mobile-50); }
.size-mobile-75 { font-size: var(--size-mobile-75); }
.size-mobile-100 { font-size: var(--size-mobile-100); }
.size-mobile-200 { font-size: var(--size-mobile-200); }
.size-mobile-300 { font-size: var(--size-mobile-300); }
.size-mobile-400 { font-size: var(--size-mobile-400); }
.size-mobile-500 { font-size: var(--size-mobile-500); }
.size-mobile-600 { font-size: var(--size-mobile-600); }
.size-mobile-700 { font-size: var(--size-mobile-700); }
.size-mobile-800 { font-size: var(--size-mobile-800); }
.size-mobile-900 { font-size: var(--size-mobile-900); }
.size-mobile-1000 { font-size: var(--size-mobile-1000); }
.size-mobile-1100 { font-size: var(--size-mobile-1100); }
.size-mobile-1200 { font-size: var(--size-mobile-1200); }
.size-mobile-1300 { font-size: var(--size-mobile-1300); } 

/* effect-styles.css */
.shadow-raised { box-shadow: var(--shadow-raised); }
.shadow-overlay { box-shadow: var(--shadow-overlay); }

.button, .hs-button, form input[type="submit"] {

  display: inline-flex;
  min-width: 80px;
  padding: var(--space-xs) var(--space-m);
  justify-content: center;
  align-items: center;
  gap: var(--space-xs);
  border-radius: var(--corner-m);
  background: var(--bg-brand);

  color: var(--text-inverse);
  text-align: center;

  /* Label M */
  font-family: var(--label-family-sans);
  font-size: var(--label-size-m);
  font-style: normal;
  font-weight: var(--label-weight-strong);
  line-height: 24px; /* 150% */
}
form input[type="submit"] {
  display: inline-flex !important;
  min-width: 80px !important;
  padding: var(--space-xs) var(--space-m) !important;
  justify-content: center !important;
  align-items: center !important;
  gap: var(--space-xs) !important;
  border-radius: var(--corner-m) !important;
  background: var(--bg-brand) !important;

  color: var(--text-inverse) !important;
  text-align: center !important;

  /* Label M */
  font-family: var(--label-family-sans) !important;
  font-size: var(--label-size-m) !important;
  font-style: normal !important;
  font-weight: var(--label-weight-strong) !important;
  line-height: 24px !important; /* 150% */
}
.button--l, .large {
  display: inline-flex;
  min-width: 80px;
  padding: var(--space-xs) var(--space-m);
  justify-content: center;
  align-items: center;
  gap: var(--space-xs);
  border-radius: var(--corner-m);
  background: var(--bg-brand);

  color: var(--text-inverse);
  text-align: center;

  /* Label M */
  font-family: var(--label-family-sans);
  font-size: var(--label-size-m);
  font-style: normal;
  font-weight: var(--label-weight-strong);
  line-height: 24px; /* 150% */
}
.button--s {
  display: inline-flex;
  min-width: 80px;
  padding: var(--space-xs) var(--space-s) !important;
  justify-content: center;
  align-items: center;
  gap: var(--space-xs);
}
.button:hover, .button--l:hover {
  text-decoration: none;
  background: var(--bg-brand-hover) !important;
}
.button:focus-visible, .button--l:focus-visible {
  box-shadow: 0 0 0 3px var(--focus-ring);
  background: var(--bg-brand-active);
}
.button:focus, .button:active, .button--l:focus, .button--l:active {
  background: var(--bg-brand-active);
}
/* Brand */
.button--brand, .primary {
  background: var(--bg-brand) !important;
  color: var(--text-inverse) !important;
  border: 0;
}
.button--brand:hover, .primary:hover {
  text-decoration: none;
  background: var(--bg-brand-hover);
  border: 0;
}
.button--brand:focus-visible, .primary:focus-visible {
  box-shadow: 0 0 0 3px var(--focus-ring);
}
.button--brand:active, .button--brand:focus, .primary:focus, .primary:active {
  background: var(--bg-brand-active);
}
.button--brand:disabled, .primary:disabled {
  background: var(--bg-brand-disabled);
  color: var(--text-brand-disabled);
  cursor: not-allowed;
}
.button--brand.button--subtle, .button.button--subtle {
  color: var(--text-brand) !important;
  
  border: 1px solid var(--border-brand);
  background: transparent !important;
}
.button--brand.button--subtle:hover, .button.button--subtle:hover {
  background: var(--bg-brand-subtle-hover) !important;
}
.button--brand.button--subtle:active, .button.button--subtle:active,  .button--brand.button--subtle:focus, .button.button--subtle:focus {
  background: var(--bg-brand-subtle-active) !important;
}
.button--brand.button--subtle:disabled {
  background: var(--bg-brand-subtle-disabled) !important;
  color: var(--text-brand-disabled) !important;
  border: none;
  cursor: not-allowed;
}
/* Gray */
.button--gray {
  color: var(--text-bold) !important;
  background: var(--bg-gray-bold) !important;
}
.button--gray:hover {
  background: var(--bg-gray-bold-hover) !important;
  color: var(--text-inverse) !important;
}
.button--gray:active, .button--gray:focus {
  background: var(--bg-gray-bold-active) !important;
  color: var(--text-inverse) !important;
}
.button--gray:disabled {
  color: var(--text-disabled) !important;
  background: var(--bg-neutral-disabled) !important;
  cursor: not-allowed;
}
.button--gray.button--subtle {
  color: var(--text-bold) !important;
  background: var(--bg-neutral) !important;
  
  border: 1px solid var(--border-subtle);
}
.button--gray.button--subtle:hover {
  background: var(--bg-neutral-hover) !important;
}
.button--gray.button--subtle:active, .button--gray.button--subtle:focus {
  background: var(--bg-neutral-active) !important;
}
.button--gray.button--subtle:disabled {
  background: var(--bg-neutral-disabled) !important;
  color: var(--text-disabled) !important;
  border: none !important;
  cursor: not-allowed;
}
/* Danger */
.button--danger {
  background: var(--bg-danger) !important;
  color: var(--text-inverse) !important;
}
.button--danger:hover {
  background: var(--bg-danger-hover) !important;
}
.button--danger:active, .button--danger:focus {
  background: var(--bg-danger-active) !important;
}
.button--danger:disabled {
  background: var(--bg-neutral-disabled) !important;
  color: var(--text-disabled) !important;
  cursor: not-allowed;
}
.button--danger.button--subtle {
  border: 1px solid var(--border-danger) !important;
  background: var(--bg-neutral) !important;
  color: var(--text-danger) !important;
}
.button--danger.button--subtle:hover {
  background: var(--bg-neutral-hover) !important;
}
.button--danger.button--subtle:active, .button--danger.button--subtle:focus {
  background: var(--bg-neutral-active) !important;
}
.button--danger.button--subtle:disabled {
  background: var(--bg-neutral-disabled) !important;
  color: var(--text-disabled) !important;
  border: none;
  cursor: not-allowed;
}
.button-set {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.button-set--l {
  gap: var(--space-m);
}
.button-set--s {
  gap: var(--space-s);
}

/* forms */
form label {
  color: var(--text-bold);

  /* Label M */
  font-family: var(--label-family-sans);
  font-size: var(--label-size-m);
  font-style: normal;
  font-weight: var(--label-weight-strong);
  line-height: 24px; /* 150% */
}
form input, form textarea {
  border-radius: var(--corner-m) !important;
  border: 1px solid var(--border-subtle) !important;
  background: var(--bg-input) !important;
}
form input[type="submit"] {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 8px !important;
  font-family: Montserrat, sans-serif !important;
  font-weight: 600 !important;
  border: none !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s !important;
  text-align: center !important;
  text-decoration: none !important;
  outline: none !important;
  font-size: 16px !important;
  line-height: 1.5em !important;
  padding: 8px 16px !important;
  background: var(--bg-brand) !important;
  color: var(--text-inverse) !important;
}

/* custom styles */
.desktop--only { display: block; }
.mobile--only { display: none !important; height: 0; width: 0; }

@media screen and (max-width: 1023px) {
  .desktop--only { display: none !important; height: 0; width: 0; }
  .mobile--only { display: block !important; height: auto; width: auto; }
}


header .utility-nav nav {
  max-width: 1240px;
  margin: 0 auto;
/*   text-align: right; */
  justify-content: flex-end;
}
@media screen and (max-width: 1023px) {
 .utility-nav {
    display: none;
  }
}

  
body { background-color: #fcfcfd; }
header .utility-nav nav a {
  color: var(--text-inverse);

  /* Input S */
  font-family: var(--input-family-sans);
  font-size: var(--input-size-s);
  font-style: normal;
  font-weight: var(--input-weight-regular) !important;
  line-height: 24px; /* 171.429% */
  text-transform: none;
  padding: var(--space-xs);
}
header .utility-nav nav a:hover {
  border-radius: var(--corner-m);
  background: var(--bg-brand-hover);
}
header .header__navigation a {
  display: inline-flex;
  padding: var(--space-xs);
  align-items: center;
  gap: var(--space-xs);
  border-radius: var(--corner-m);
  background: var(--bg-neutral);
  color: var(--text-bold);

  /* Input M */
  font-family: var(--input-family-sans);
  font-size: var(--input-size-m);
  font-style: normal;
  font-weight: var(--input-weight-regular) !important;
  line-height: 24px; /* 150% */
  text-transform: none;
}
header .header__navigation a:hover {
  border-radius: var(--corner-m);
  background: var(--bg-neutral-hover);
}
header .header__navigation .menu__item--depth-1 > .menu__link--active-link::after {
 content: unset; 
}
header .menu__wrapper li {
  padding-inline: var(--space-xxs) !important;
}
header .utility-nav .menu__wrapper li {
  padding: 0 var(--space-xs) !important;
}

@media (min-width: 1024px) {
  header .header__navigation {
    display: flex;
    align-items: center;
    gap: 3em;
  }
}
@media (max-width: 1023px) {
/*  trying to make the mobile menu show up on tablet  */
   .header__navigation, .header__search, .header__language-switcher {
    display: none;
    width: 100%;
  } 
  .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;
  }

}

.menu__child-toggle-icon {
  height: 16px !important;
  width: 16px !important;
  background: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.99996 10.715C7.91107 10.715 7.82774 10.701 7.74996 10.673C7.67218 10.6455 7.59996 10.5984 7.53329 10.5317L4.44996 7.44836C4.32774 7.32613 4.26952 7.17325 4.27529 6.98969C4.28063 6.80658 4.3444 6.65391 4.46663 6.53169C4.58885 6.40947 4.7444 6.34836 4.93329 6.34836C5.12218 6.34836 5.27774 6.40947 5.39996 6.53169L7.99996 9.13169L10.6166 6.51502C10.7388 6.3928 10.8917 6.33436 11.0753 6.33969C11.2584 6.34547 11.4111 6.40947 11.5333 6.53169C11.6555 6.65391 11.7166 6.80947 11.7166 6.99836C11.7166 7.18725 11.6555 7.3428 11.5333 7.46502L8.46663 10.5317C8.39996 10.5984 8.32774 10.6455 8.24996 10.673C8.17218 10.701 8.08885 10.715 7.99996 10.715Z" fill="%231E2939"/></svg>');
  background-repeat: no-repeat;
  border: 0 !important;
}
.header__column {
/*   flex: 1 0 auto; */
}
.header__row-1, .header__row-2 {
  width: 100%;
}
header .header__row-1 {
  height: 0;
  display: none;
}
@media screen and (max-width: 1151px) {
  .header__row-2 {
   justify-content: flex-start; 
  }
}
@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: unset !important;
  }
}
@media (max-width: 1023px) {
  .header__navigation--toggle {
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    position: absolute !important;
    top: 1.35rem !important;
    right: 1rem !important;
    z-index: 1001; /* higher than .header__navigation */
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 18.7485C3.71667 18.7485 3.47933 18.6525 3.288 18.4605C3.096 18.2692 3 18.0319 3 17.7485C3 17.4652 3.096 17.2279 3.288 17.0365C3.47933 16.8445 3.71667 16.7485 4 16.7485H20C20.2833 16.7485 20.5207 16.8445 20.712 17.0365C20.904 17.2279 21 17.4652 21 17.7485C21 18.0319 20.904 18.2692 20.712 18.4605C20.5207 18.6525 20.2833 18.7485 20 18.7485H4ZM4 13.7485C3.71667 13.7485 3.47933 13.6525 3.288 13.4605C3.096 13.2692 3 13.0319 3 12.7485C3 12.4652 3.096 12.2275 3.288 12.0355C3.47933 11.8442 3.71667 11.7485 4 11.7485H20C20.2833 11.7485 20.5207 11.8442 20.712 12.0355C20.904 12.2275 21 12.4652 21 12.7485C21 13.0319 20.904 13.2692 20.712 13.4605C20.5207 13.6525 20.2833 13.7485 20 13.7485H4ZM4 8.74854C3.71667 8.74854 3.47933 8.65287 3.288 8.46153C3.096 8.26953 3 8.03187 3 7.74854C3 7.4652 3.096 7.22754 3.288 7.03554C3.47933 6.8442 3.71667 6.74854 4 6.74854H20C20.2833 6.74854 20.5207 6.8442 20.712 7.03554C20.904 7.22754 21 7.4652 21 7.74854C21 8.03187 20.904 8.26953 20.712 8.46153C20.5207 8.65287 20.2833 8.74854 20 8.74854H4Z" fill="%231E2939"/></svg>') !important;
  }
}
header .header__navigation ul.menu__submenu {
  border: unset;
/*   display: flex; */
  width: 250px;
  padding: var(--space-xs);
  flex-direction: column;
  align-items: flex-start; 
  border-radius: var(--corner-m);
  background: var(--bg-surface-raised);

  /* Shadow/Raised */
/*   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12); */
}
header .header__navigation .menu--desktop .menu__item--depth-1 .menu__submenu {
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);
}
header .header__navigation .menu--desktop .menu__item--depth-1 .menu__submenu .menu__submenu--level-3 {
 box-shadow: unset; 
}
header .header__navigation .menu--desktop .menu__submenu--level-3 li a {
 background: unset !important; 
}
header .header__navigation .menu--desktop .menu__submenu--level-3 li a:hover {
 background: var(--bg-neutral-hover) !important; 
}
header .header__navigation .menu__submenu .menu__link {
  padding-inline: var(--space-xs) !important;
  padding-block: var(--space-xs) !important;
}

header .header__navigation ul.menu__submenu a.menu__link {
  color: var(--text-bold, #1F2122);

  /* Input M */
  font-family: var(--input-family-sans);
  font-size: var(--input-size-m);
  font-style: normal;
  font-weight: var(--input-weight-regular);
  line-height: 24px; /* 150% */
  text-align: left;
  background: var(--bg-surface-raised);
}
header .header__navigation ul.menu__submenu li, header .header__navigation ul.menu__submenu a {
  transition: unset;
}
header .header__navigation ul.menu__submenu li:hover {
/*   background: var(--bg-neutral-hover); */
  border-radius: var(--corner-m);
}
header .header__navigation ul.menu__submenu a:hover, header .header__navigation ul.menu__submenu li:hover a {
  background: var(--bg-neutral-hover);
}
header .header__navigation .menu__submenu .menu__item {
  border: 0; 
  background: var(--bg-surface-raised);
  display: flex;
/*   padding: var(--space-xs); */
  align-items: center;
  gap: var(--space-xs);
  align-self: stretch;
  padding-inline: var(--space-xs) !important;
}

/* changing the 2nd drop down to drop below and not go to the right or left */
header .header__navigation .menu__submenu .menu__item {
  flex-direction: column;
  background: unset;
  padding-inline: 0 !important;
  padding: 0 !important;
}
/* .menu__item--depth-1:nth-last-child(-n+2) .menu__submenu--level-3 */
ul.menu__submenu li.menu__item--has-submenu ul.menu__submenu--level-3 {
  padding: var(--space-xs);
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--corner-m);
  background: var(--bg-surface-sunken);
  width: 100%;
  left: unset;
  position: relative;
  right: unset;
  top: unset;
}
.menu__submenu .menu__child-toggle {
 padding: 0 .75em !important; 
}
header .header__navigation ul.menu__submenu {
  box-shadow: unset;
}


@media (min-width: 1024px) {
  .header__language-switcher .lang_list_class, .menu .menu__submenu, .menu__submenu--level-2 > .menu__item:first-child::before {
    background-color: unset;
    border: 0;
  }
}
.menu__submenu--level-2 {
  transform: unset !important;
} 

@media (min-width: 1024px) {
  .menu__submenu--level-2 > .menu__item:first-child::before {
   box-shadow: unset !important; 
  }
}
@media (min-width: 1024px) {

  #hs_cos_wrapper_navigation-primary .menu__submenu--level-2 > .menu__item:first-child::before {
    content: unset;
  }
}
@media (max-width: 1023px) {
  .menu__item--depth-1 > .menu__link {
    padding-inline: unset !important;
    width: 100%;
  }
}
.header__container {
  flex-wrap: wrap;
  align-items: center;
  padding-block: var(--space-s);
  padding-inline: 0;
}
.header__container .button {
  align-self: center;
}
.quote-button {
  display: flex;
}
.header__logo {
  margin-right: unset;
}
.header__logo a:hover {
  background: unset;
}
.header__logo--main {
  padding-top: unset !important;
}
@media (max-width: 1023px) {
  #hs_cos_wrapper_navigation-primary {
    border-bottom: 1px solid #d1d5dc;
    margin-bottom: var(--space-xs);
    padding-bottom: var(--space-xs);
  }
  #hs-link-site_logo_hs_logo_widget {
    flex-direction: row;
  }
  .header__container {
    flex-direction: row;
    align-items: center;
    padding-bottom: var(--space-s);
    position: relative;
  }
  .header__logo {
    margin: unset;
    padding-top: unset;
    padding: 1rem 0 0;
    padding-inline: var(--space-s);
  }
 .header__close--toggle.show {
    display: none;
  }
  .header__navigation--toggle::after {
    content: unset;
  }
   

  .header__search--toggle {
    display: none;
  }
  .header__navigation--toggle {
    margin: unset;
  }
  .header__navigation.open {
    left: unset;
    width: 100vw;
    top: 88px;
    background: var(--bg-surface-raised);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);
    display: flex;
    padding: var(--space-s) var(--margin);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    flex-direction: column;
    min-height: unset;
    position: absolute;
    left: 0;
    top: 100%; /* or 88px if needed */
    z-index: 1000;
  }
  .header__navigation.open .button {
    justify-content: flex-start;
    width: 100%;
  }
  .menu .menu__submenu {
    margin-left: -7px;
  }
  .menu__item--depth-1 {
    border-top: 0 !important;
  }
  .header__container .menu__item--depth-1 {
    padding: unset;
  }
  .menu__item--depth-1 > .menu__link {
    text-align: left;
  }
  .header__navigation.open .menu__submenu {
    width: 100%;
    border-radius: var(--corner-m);
    background: var(--bg-surface-sunken);
    padding: var(--space-xs);
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  header .header__navigation .menu__submenu .menu__item, header .header__navigation ul.menu__submenu a.menu__link {
    background: unset !important;
    padding-inline: 0;
  }
   .menu__submenu .menu__item .menu__link:hover {
     background: transparent !important;
     border-radius: var(--corner-m);
     background: var(--bg-neutral-hover);
  }
  header .header__navigation ul.menu__submenu {
    box-shadow: unset;
  }
  header .header__navigation ul.menu__submenu li:hover {
    border-radius: var(--corner-m);
/*     background: var(--Bg-Neutral-Hover); */
  }
  .menu__child-toggle {
   width: 10% !important; 
  }
  .menu__child-toggle-icon {
   background-image: url("https://48397129.fs1.hubspotusercontent-na2.net/hubfs/48397129/raw_assets/public/Helluva-Primary-Theme/images/module-icons/Chevron%20Down.svg") !important;   
  }
  .menu__item--open > .menu__child-toggle .menu__child-toggle-icon {
    transform: rotate(180deg) !important;
  }
    .menu__item--has-submenu > .menu__link {
      width: 90% !important;
  }
  .menu--mobile .menu__item--has-submenu > .menu__link {
    width: 100% !important;
  }
}

/* ──────────────────────────────────────────
   NAV VARIANTS
   ────────────────────────────────────────── */

/* 0 – 1023 px  → show mobile list, hide desktop */
@media (max-width: 1023px) {
  .menu--mobile  { 
    display: block   !important; 
    width: 100vw;
    padding: var(--space-xs) var(--space-l);
  }
  .menu--desktop { display: none    !important; }
}

/* 1024 px +  → show desktop list, hide mobile */
@media (min-width: 1024px) {
  .menu--desktop { display: flex    !important; }   /* or inline-flex/grid/etc. */
  .menu--mobile  { display: none    !important; }
}


/* footer */
.footer {
  padding-top: 80px;
}

footer a, footer a:link {
  color: #ebebeb;
}
footer a:focus, footer a:hover {
/*   text-decoration: underline; */
}
footer a {
  display: inline-flex;
  padding: var(--space-xs);
  align-items: center;
  gap: var(--space-xs);
  border-radius: var(--corner-m);
  background: var(--bg-neutral);
}
footer span a {
  margin-left: -6px;
}
footer a:hover {
  color: var(--text-inverse);
  background: var(--bg-neutral-hover);
  text-decoration: none;
}
footer a img:hover {
   background: unset;
}
footer a:active {
  color: var(--text-inverse);
  background: var(--bg-neutral-active); 
}
footer a.social-links__link:hover {
  background: unset !important;
}
@media screen and (max-width: 1023px) {
 .footer {
   padding: var(--space-xxl) var(--space-l);
  }
  .footer .footer__container {
    padding: 0;
  }
  .footer .row-number-5 {
    padding: 0;
    border-bottom: 1px solid var(--border-subtle);
  }
  .footer .row-number-7 {
    padding-inline: 0;
    padding-top: var(--space-m) !important;
  }
  .footer .row-number-7 .row-fluid .span8 .row-fluid-wrapper .row-fluid .span12 .hs_cos_wrapper span div span {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding-bottom: 1em;
  }
  .footer .row-number-7 .row-fluid .span2 {
    width: 50%;
  }
  .footer .social-links {
    padding-block: 1em;
  }
}

footer ul.hs-elevate-menu {
  list-style: none;
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 1em;
  justify-content: space-between !important;
}
@media screen and (max-width: 1023px) {
 footer ul.hs-elevate-menu {
   flex-wrap: wrap;
  }
    #hs_cos_wrapper_widget_1750196541826 {
      align-self: flex-start;
    }

}
footer ul.hs-elevate-menu .hs-elevate-link--primary {
  flex-grow: unset;
  color: #EBEBEB;

  /* Input M */
  font-family: var(--input-family-sans);
  font-size: var(--input-size-m);
  font-style: normal;
  font-weight: 400 !important;
  line-height: 24px; /* 150% */
}
footer ul.hs-elevate-menu .hs-elevate-link--primary:hover, footer ul.hs-elevate-menu .hs-elevate-menu__menu-item-link-container:hover {
  border-radius: var(--corner-s);
  background: var(--bg-brand-hover);
}
footer li.hs-elevate-menu--has-children:nth-child(1) > div:nth-child(1) > a:nth-child(1),
footer li.hs-elevate-menu--has-children:nth-child(2) > div:nth-child(1) > a:nth-child(1),
footer li.hs-elevate-menu--has-children:nth-child(3) > div:nth-child(1) > a:nth-child(1),
footer li.hs-elevate-menu--has-children:nth-child(4) > div:nth-child(1) > a:nth-child(1)
{
  color: var(--text-inverse, #FCFCFD);
  font-feature-settings: 'liga' off, 'clig' off;

  /* Heading M */
  font-family: var(--heading-family-sans);
  font-size: var(--heading-size-m) !important;
  font-style: normal;
  font-weight: var(--heading-weight-strong) !important;
  line-height: 120%; /* 24px */
}
footer li.hs-elevate-menu--has-children:nth-child(1) > div:nth-child(1) > a:nth-child(1):hover,
footer li.hs-elevate-menu--has-children:nth-child(2) > div:nth-child(1) > a:nth-child(1):hover,
footer li.hs-elevate-menu--has-children:nth-child(3) > div:nth-child(1) > a:nth-child(1):hover,
footer li.hs-elevate-menu--has-children:nth-child(4) > div:nth-child(1) > a:nth-child(1):hover,
footer li.hs-elevate-menu--has-children:nth-child(1) > div:nth-child(1),
footer li.hs-elevate-menu--has-children:nth-child(2) > div:nth-child(1),
footer li.hs-elevate-menu--has-children:nth-child(3) > div:nth-child(1),
footer li.hs-elevate-menu--has-children:nth-child(4) > div:nth-child(1) { 
 background: unset; 
}
footer ul.hs-elevate-menu li ul.hs-elevate-menu__submenu {
  list-style: none;
  padding: 0;
}

footer .form-container {
  padding: var(--space-s) !important;
  width: auto;
}
@media screen and (max-width: 768px) {
  footer .form-container {
/*     width: max-content; */
  }
}
@media screen and (max-width: 500px) {
  footer .form-container {
/*     width: auto; */
  }
}
footer .form-container p {
  margin-bottom: 0;
  color: var(--text-bold) !important;

  /* Label M */
  font-family: var(--label-family-sans) !important;
  font-size: var(--label-size-m) !important;
  font-style: normal;
  font-weight: var(--label-weight-strong) !important;
  line-height: 24px; /* 150% */
  text-decoration: none !important;
}
footer form {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--space-xs);
}
@media screen and (max-width: 1023px) {
  footer form {
    flex-wrap: wrap; 
    gap: var(--space-s);
  }
}
footer form .hs-submit {
  align-self: flex-end;
}
footer form label span {
  color: var(--text-bold) !important;
}
footer form .hs-error-msgs li {
  margin: 0;
}
footer form .hs-error-msg {
  color: #EF6B51 !important;
  margin: 0;
}
footer form .hs-form-field {
 margin: 0; 
}
footer form input[type="email"] {
 padding: 0.25rem 2rem .25rem .25rem !important;
}
@media screen and (max-width: 1023px) {
  .footer #hs_cos_wrapper_footer-module-3_ > div:nth-child(1) > span:nth-child(1) {
    display: flex;
    flex-direction: column;
    gap: var(--space-m);
  }
  .footer #hs_cos_wrapper_widget_1750282364289 > hr:nth-child(1) {
    display: none;
  }
  .footer .row-number-9 .row-fluid .span2 {
    width: 50%;
    padding-top: var(--space-l);
  }
}