.main-header.main-header-initial {
    --tw-translate-y: -36.0rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.main-header .main-search-form {
    display: none;
}

.main-header .main-search-results {
    display: none;
}

.main-header {
    position: fixed;
    top: 0;
    z-index: 50;
    width: 100%;
    --tw-translate-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 700ms;
}

.main-header .main-header-background {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-color: transparent;
    opacity: 0;
    transition-property: opacity,colors;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.main-header .main-header-body {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    padding-top: 1.6rem;
}

.main-header .main-header-body > nav {
    position: relative;
}

.main-header .main-header-logo {
    display: flex;
    height: 4.8rem;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.main-header .main-header-logo svg {
    width: 70px;
}

.main-header .toggle-mobile-menu {
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
}

.main-header .main-header-main-menu {
    font-family: var(--font-family-din-pro);
    font-size: var(--font-hyperlink-size);
    line-height: var(--font-hyperlink-line-height, normal);
    letter-spacing: var(--font-hyperlink-letter-spacing, 0);
    font-weight: var(--font-hyperlink-weight, 400);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    flex-direction: column;
    gap: 1.2rem;
    /* text-transform: uppercase; */
}

.main-header .toggle-mobile-menu svg {
    width: 3.2rem;
}

.main-header .toggle-mobile-menu path {
    transform-origin: center;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/*
.main-header .main-header-main-menu > li > a {
    position: relative;
    display: inline-block;
    padding-left: 1.6rem;
}
*/

.main-header .main-header-main-menu > li.expandable > span {
    position: relative;
    display: block;
    background-image: url("../../assets/images/menu-decorator-plus.svg");
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 1.6rem;
}

.main-header .main-header-main-menu > li.row-locked > span {
    position: relative;
    display: block;
    padding-left: 0rem;
}

.main-header .main-header-main-menu > li.expandable.is-open > span {
    background-image: url("../../assets/images/menu-decorator-minus.svg");
}

.main-header .main-header-main-menu > li.expandable > span > input,
.main-header .main-header-main-menu > li.row-locked > span > input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.main-header .main-header-main-menu > li.expandable.is-open ul {
    max-height: 1200px;
    padding-top: 1.2rem;
}

.main-header .main-header-main-menu > li.expandable ul {
    display: flex;
    max-height: 0;
    flex-direction: column;
    gap: 1.2rem;
    overflow: hidden;
    padding-left: 3.2rem;
}

.main-header .main-header-main-menu > li.expandable ul svg {
    display: none;
}

.main-header.main-header-fixed .main-header-main-menu > li:not(.expandable) > ul > li > a {
    text-transform: uppercase;
}

.main-header .main-header-main-menu > li.expandable ul li,
.main-header .main-header-main-menu > li:not(.expandable) > ul > li > a {
    display: block;
}

.main-header .main-header-main-menu > li:not(.expandable) > ul > li {
    padding-bottom: 1.2rem;
    padding-left: 1.6rem;
}

.main-header .main-header-side-menu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    display: flex;
    height: 4.8rem;
    align-items: center;
    gap: 2.4rem;
}

.main-header .main-header-side-menu .hide-mobile {
    display: none;
}

.main-header .main-header-side-menu li:nth-child(2) a {
    position: relative;
}

.main-header .main-header-side-menu li:nth-child(2) a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.1rem;
    transform-origin: bottom left;
    --tw-scale-x: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-color: currentColor;
    content: var(--tw-content);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.main-header .main-header-side-menu li:nth-child(2) a:hover::after {
    content: var(--tw-content);
    --tw-scale-x: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.main-header .main-header-side-menu li:nth-child(2) a::after {
    content: " ";
  }

.main-header.dark {
    --tw-text-opacity: 1;
    color: rgb(var(--color-ivory) / var(--tw-text-opacity));
}

.main-header .main-header-footer {
    display: none;
}

/* ANIMATIONS */
.main-header.main-header-fade-in {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.main-header.main-header-fade-out {
    display: none;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* FIXED */
.main-header.main-header-fixed .main-header-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-left: 1.2rem;
    margin-right: 1.2rem;
    margin-top: 1.6rem;
    /* border-radius: 0.8rem; */
    border-radius: 5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
    opacity: 1;
}

.main-header.main-header-fixed {
    z-index: 50;
    --tw-text-opacity: 1;
    color: rgb(var(--color-blue) / var(--tw-text-opacity));
}

.main-header.main-header-fixed .main-header-main-menu {
    pointer-events: none;
    opacity: 0;
}

/* SEARCH */
.main-header.main-header-search-visible {
    margin-top: 0;
    height: 100%;
    --tw-text-opacity: 1;
    color: rgb(var(--color-blue) / var(--tw-text-opacity));
}

.main-header.main-header-search-visible nav {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.main-header.main-header-search-visible .main-header-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    max-width: 100%;
    border-radius: 0rem;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
    opacity: 1;
}

.main-header.main-header-search-visible.main-header-fixed .main-header-background {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
}

.main-header.main-header-search-visible .main-header-body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 100%;
    padding-top: 1.6rem;
}

.main-header.main-header-search-visible .main-header-main-menu-container::-webkit-scrollbar {
    display: none;
}

.main-header.main-header-search-visible .main-header-main-menu-container {
    width: 100%;
}

.main-header.main-header-search-visible .main-header-main-menu-container {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    gap: 2.4rem;
    overflow-y: auto;
    overflow-y: visible;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1.6rem;
}

.main-header.main-header-search-visible .main-search-form {
    position: relative;
    margin-top: 6.4rem;
    margin-bottom: 3.2rem;
    display: flex;
}

.main-header.main-header-search-visible .main-search-form input {
    font-family: var(--font-family-nb-international-pro);
    font-size: var(--font-subtitle-3-m-size);
    line-height: var(--font-subtitle-3-m-line-height, normal);
    letter-spacing: var(--font-subtitle-3-m-letter-spacing, 0);
    font-weight: var(--font-subtitle-3-m-weight, 400);
}

.main-header.main-header-search-visible .main-search-form input {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-bottom-width: .1rem;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-blue) / var(--tw-border-opacity));
    background-color: transparent;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-right: 2.4rem;
    --tw-text-opacity: 1;
    color: rgb(var(--color-blue) / var(--tw-text-opacity));
}

.main-header.main-header-search-visible .main-search-form input::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--color-navy-03) / var(--tw-placeholder-opacity));
}

.main-header.main-header-search-visible .main-search-form input::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--color-navy-03) / var(--tw-placeholder-opacity));
}

.main-header.main-header-search-visible .main-search-form input {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.main-header.main-header-search-visible .main-search-form button {
    position: absolute;
    right: 0;
    bottom: 1.4rem;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(var(--color-blue) / var(--tw-text-opacity));
}

.main-header.main-header-search-visible .main-search-form > svg {
    position: absolute;
    left: -0.8rem;
    top: 0;
    display: none;
}

.main-header.main-header-search-visible .main-header-main-menu {
    pointer-events: auto;
    position: relative;
    --tw-translate-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    display: block;
    flex-grow: 1;
}

.main-header.main-header-search-visible .main-header-main-menu > li.expandable {
    padding-bottom: 1.6rem;
}


.main-header.main-header-search-visible .toggle-mobile-menu {
    display: block;
}

.main-header.main-header-search-visible.main-header.main-header-fixed .main-header-main-menu {
    --tw-translate-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.main-header.main-header-search-visible .toggle-mobile-menu path:nth-child(1) {
    --tw-translate-y: 0.4rem;
    --tw-rotate: 12deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.main-header.main-header-search-visible .toggle-mobile-menu path:nth-child(2) {
    --tw-translate-y: -0.4rem;
    --tw-rotate: -12deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.main-header.main-header-search-visible .main-search-results {
    position: relative;
    grid-column: span 6 / span 6;
    grid-column-start: 4;
    display: block;
}

.main-header.main-header-search-visible .main-search-results .main-search-loading {
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 4.0rem;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.main-header.main-header-search-visible .main-search-results .main-search-suggestions {
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.main-header.main-header-search-visible .main-search-results .main-search-loading svg {
    margin-left: auto;
    margin-right: auto;
}

.main-header.main-header-search-visible .toggle-search {
    display: none;
}

.main-header.main-header-search-visible.main-search-not-empty .main-header-main-menu {
    pointer-events: none;
    opacity: 0;
}

.main-header.main-header-search-visible.main-search-is-loading .main-search-loading {
    opacity: 1;
}

.main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions {
    opacity: 1;
}

.main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions .main-search-suggestions-title {
    font-family: var(--font-family-nb-international-pro);
    font-size: var(--font-body-2-m-size);
    line-height: var(--font-body-2-m-line-height, normal);
    letter-spacing: var(--font-body-2-m-letter-spacing, 0);
    font-weight: var(--font-body-2-m-weight, 400);
}

.main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions .main-search-suggestions-title {
    margin-bottom: 2.4rem;
    text-transform: uppercase;
}

.main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions li {
    margin-bottom: 2.4rem;
}

.main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions li a {
    font-family: var(--font-family-nb-international-pro);
    font-size: var(--font-subtitle-3-m-size);
    line-height: var(--font-subtitle-3-m-line-height, normal);
    letter-spacing: var(--font-subtitle-3-m-letter-spacing, 0);
    font-weight: var(--font-subtitle-3-m-weight, 400);
}

.main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions li a {
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(var(--color-navy-04) / var(--tw-text-opacity));
}

.main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions li a .search-suggestion-category {
    font-family: var(--font-family-din-pro);
    font-size: var(--font-caption-m-size);
    line-height: var(--font-caption-m-line-height, normal);
    letter-spacing: var(--font-caption-m-letter-spacing, 0);
    font-weight: var(--font-caption-m-weight, 400);
}

.main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions li a .search-suggestion-category {
    margin-bottom: 1.2rem;
    display: block;
    --tw-text-opacity: 1;
    color: rgb(var(--color-blue) / var(--tw-text-opacity));
}

.main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions li a .search-suggestion-body {
    display: block;
}

.main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions li a em {
    font-style: normal;
    --tw-text-opacity: 1;
    color: rgb(var(--color-blue) / var(--tw-text-opacity));
}

.main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions li a:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-blue) / var(--tw-text-opacity));
}

@media (min-width: 640px) {

    .container {
        max-width: 640px;
    }

    .\!container {
        max-width: 640px !important;
    }

    .main-header.main-header-fixed.main-header-expanded .main-header-main-menu-container {
        max-width: 640px;
    }

    .main-header.main-header-search-visible .main-header-main-menu-container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .container {
        max-width: 768px;
    }

    .\!container {
        max-width: 768px !important;
    }

    .main-header.main-header-fixed.main-header-expanded .main-header-main-menu-container {
        max-width: 768px;
    }

    .main-header.main-header-search-visible .main-header-main-menu-container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .container {
        max-width: 1024px;
    }

    .\!container {
        max-width: 1024px !important;
    }

    .gap-grid {
        gap: 2.4rem;
    }

    .main-header {
        margin-top: 1.6rem;
    }

    .main-header .main-header-body {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }

    .main-header .main-header-logo svg {
        width: 95px;
    }

    .main-header .toggle-mobile-menu {
        display: none;
    }

    .main-header .main-header-main-menu {
        display: flex;
    }

    .main-header .toggle-mobile-menu svg {
        width: auto;
    }

    .main-header .main-header-side-menu .hide-mobile {
        display: block;
    }

    .main-header.main-header-fixed .main-header-background {
        top: -1.2rem;
        right: -1.2rem;
        bottom: -1.2rem;
        left: -1.2rem;
        margin-left: 3.2rem;
        margin-right: 3.2rem;
    }

    .main-header.main-header-fixed .toggle-mobile-menu {
        display: block;
    }

    .main-header.main-header-fixed .main-header-main-menu {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .main-header.main-header-expanded .main-header-footer > span {
        font-size: var(--font-body-2-size);
        line-height: var(--font-body-2-line-height, normal);
        letter-spacing: var(--font-body-2-letter-spacing, 0);
        font-weight: var(--font-body-2-weight, 400);
    }
  /* INITIAL ANIMATIONS */
  .main-header .main-header-main-menu > li.expandable,
  .main-header .main-header-main-menu > li:not(.expandable) > ul > li {
        overflow-y: visible;
    }

  .main-header.main-header-initial .main-header-main-menu > li.expandable > span,
  .main-header.main-header-initial .main-header-main-menu > li.row-locked > span,
  .main-header.main-header-initial .main-header-main-menu > li:not(.expandable) > ul > li > a {
        --tw-translate-y: -4.8rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

  /*
  .main-header .main-header-main-menu > li.expandable > span,
  .main-header .main-header-main-menu > li.row-locked > span,
  .main-header .main-header-main-menu > li:not(.expandable) > ul > li > a {
  */
  .main-header .main-header-main-menu > li > span {
        --tw-translate-y: 0;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 700ms;
    }

  /* FIXED EXPANDED */
  .main-header.main-header-fixed.main-header-expanded {
        margin-top: 0;
        height: 100%;
        --tw-text-opacity: 1;
        color: rgb(var(--color-blue) / var(--tw-text-opacity));
    }

  .main-header.main-header-fixed.main-header-expanded .main-header-background {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        max-width: 100%;
        border-radius: 0rem;
    /*
        position: fixed !important;
        height: 100vh !important;
        width: 100%;
        background-color: rgb(var(--color-white));
        */
        opacity: 1;
    }

  .main-header.main-header-fixed.main-header-expanded .main-header-body {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-height: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 3.2rem;
    }

  .main-header.main-header-fixed.main-header-expanded .main-header-side-menu {
        padding-right: 3.2rem;
    }

  .main-header.main-header-fixed.main-header-expanded .toggle-mobile-menu {
        padding-left: 3.2rem;
    }

  .main-header.main-header-fixed.main-header-expanded .toggle-mobile-menu path:nth-child(1) {
        --tw-translate-y: 0.4rem;
        --tw-rotate: 12deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

  .main-header.main-header-fixed.main-header-expanded .toggle-mobile-menu path:nth-child(2) {
        --tw-translate-y: -0.4rem;
        --tw-rotate: -12deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

  .main-header.main-header-fixed.main-header-expanded .main-header-body > nav {
        display: flex;
        height: 100%;
        flex-direction: column;
        gap: 8.0rem;
    }

  .main-header.main-header-fixed.main-header-expanded .main-header-main-menu-container {
        width: 100%;
    }

  @media (min-width: 640px) {

        .main-header.main-header-fixed.main-header-expanded .main-header-main-menu-container {
            max-width: 640px;
        }
    }

  @media (min-width: 768px) {

        .main-header.main-header-fixed.main-header-expanded .main-header-main-menu-container {
            max-width: 768px;
        }
    }

  @media (min-width: 1024px) {

        .main-header.main-header-fixed.main-header-expanded .main-header-main-menu-container {
            max-width: 1024px;
        }
    }

  @media (min-width: 1280px) {

        .main-header.main-header-fixed.main-header-expanded .main-header-main-menu-container {
            max-width: 1280px;
        }
    }

  @media (min-width: 1536px) {

        .main-header.main-header-fixed.main-header-expanded .main-header-main-menu-container {
            max-width: 1536px;
        }
    }

  @media (min-width: 1800px) {

        .main-header.main-header-fixed.main-header-expanded .main-header-main-menu-container {
            max-width: 1800px;
        }
    }

  .main-header.main-header-fixed.main-header-expanded .main-header-main-menu-container {
        margin-left: auto;
        margin-right: auto;
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 2.4rem;
        overflow-y: auto;
        padding-left: 0.4rem; /* was 2.4rem */
        padding-right: 0.4rem; /* was 2.4rem */
        padding-bottom: 1.6rem;
    }

  .main-header.main-header-fixed.main-header-expanded .main-header-main-menu {
        pointer-events: auto;
        position: relative;
        grid-column-start: 1;
        grid-column-end: 14;
        display: grid;
        flex-grow: 1;
        --tw-translate-y: 0;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        grid-template-columns: repeat(4, minmax(0, 1fr));
        opacity: 1;
    }

  .main-header.main-header-fixed.main-header-expanded .main-header-main-menu > li.expandable input {
        display: none;
    }

  .main-header.main-header-fixed.main-header-expanded .main-header-main-menu > li.expandable span {
    background-image: none;
    padding-left: 0;
    padding-bottom: 2.4rem;
  }

  .main-header.main-header-fixed.main-header-expanded .main-header-main-menu > li.expandable ul {
        max-height: 1000px;
        padding-left: 0;
    }

  .main-header.main-header-fixed.main-header-expanded .main-header-main-menu > li.expandable ul li a {
        display: flex;
        align-items: center;
        gap: 1.6rem;
        text-transform: none;
    }

  .main-header.main-header-fixed.main-header-expanded .main-header-main-menu > li.expandable ul svg {
        display: block;
    }

  .main-header.main-header-fixed.main-header-expanded .main-header-main-menu > li:not(.expandable) > ul > li {
        padding-bottom: 2.4rem;
    }

  .main-header.main-header-fixed.main-header-expanded .main-header-main-menu-container {
        max-width: 1024px;
    }

  .main-header.main-header-search-visible .main-header-body {
        padding-top: 3.2rem;
    }

  .main-header.main-header-search-visible .main-header-main-menu-container {
        max-width: 1024px;
    }

  .main-header.main-header-search-visible .main-header-main-menu-container {
        width: 66.666667%;
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }

  .main-header.main-header-search-visible .main-search-form {
        margin-top: 12.0rem;
        margin-bottom: 4.0rem;
    }

  .main-header.main-header-search-visible .main-search-form input {
        font-size: var(--font-subtitle-3-size);
        line-height: var(--font-subtitle-3-line-height, normal);
        letter-spacing: var(--font-subtitle-3-letter-spacing, 0);
        font-weight: var(--font-subtitle-3-weight, 400);
    }

  .main-header.main-header-search-visible .main-search-form > svg {
        display: block;
    }

  .main-header.main-header-search-visible .main-header-main-menu {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }



  .main-header.main-header-search-visible .main-header-main-menu > li.expandable input {
        display: none;
    }

  .main-header.main-header-search-visible .main-header-main-menu > li.expandable span,
  .main-header.main-header-search-visible .main-header-main-menu > li.row-locked span {
    background-image: none;
    padding-left: 0;
    padding-bottom: 2.4rem;
  }

  .main-header.main-header-search-visible .main-header-main-menu > li.expandable ul {
        max-height: 1000px;
        padding-left: 0;
    }

  .main-header.main-header-search-visible .main-header-main-menu > li.expandable ul li a {
        display: flex;
        align-items: center;
        gap: 1.6rem;
        padding-bottom: 0.6rem;
        text-transform: none;
    }

  .main-header.main-header-search-visible .main-header-main-menu > li:not(.expandable) > ul > li {
        padding-bottom: 1.6rem;
    }

  .main-header.main-header-search-visible .main-header-main-menu > li:not(.expandable) > ul > li > a {
        text-transform: uppercase;
    }

  .main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions .main-search-suggestions-title {
        font-size: var(--font-body-2-size);
        line-height: var(--font-body-2-line-height, normal);
        letter-spacing: var(--font-body-2-letter-spacing, 0);
        font-weight: var(--font-body-2-weight, 400);
    }

  .main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions li {
        margin-bottom: 3.2rem;
    }

  .main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions li a {
        font-size: var(--font-subtitle-3-size);
        line-height: var(--font-subtitle-3-line-height, normal);
        letter-spacing: var(--font-subtitle-3-letter-spacing, 0);
        font-weight: var(--font-subtitle-3-weight, 400);
    }

  .main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions li a .search-suggestion-category {
        font-size: var(--font-caption-size);
        line-height: var(--font-caption-line-height, normal);
        letter-spacing: var(--font-caption-letter-spacing, 0);
        font-weight: var(--font-caption-weight, 400);
    }

  .main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions li a .search-suggestion-category {
        position: absolute;
        left: 0;
        margin-bottom: 0;
        display: inline-block;
        --tw-translate-x: -100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        padding-right: 3.2rem;
        text-align: right;
    }

  .main-header.main-header-search-visible.main-search-data-is-loaded .main-search-suggestions li a .search-suggestion-body {
        margin-left: -1.6rem;
        border-left-width: .1rem;
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-blue) / var(--tw-border-opacity));
        padding-left: 1.6rem;
    }
}

@media not all and (min-width: 1024px) {

    .main-header.main-header-expanded .main-header-main-menu > :not([hidden]) ~ :not([hidden]),
  .main-header.main-header-expanded .main-header-main-menu > li:not(.expandable) > ul > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(0.5px * calc(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(0.5px * var(--tw-divide-y-reverse));
    }
}

@media (min-width: 1280px) {

    .container {
        max-width: 1280px;
    }

    .\!container {
        max-width: 1280px !important;
    }

    .main-header.main-header-fixed.main-header-expanded .main-header-main-menu-container {
        max-width: 1280px;
    }
  .main-header.main-header-fixed.main-header-expanded .main-header-main-menu {
        grid-template-columns: repeat(6, minmax(0, 1fr)); /* was repeat(5 */
    }
  .main-header.main-header-search-visible .main-header-main-menu-container {
        max-width: 1280px;
    }
  .main-header.main-header-search-visible .main-header-main-menu-container {
        width: 50%;
    }
}

@media (min-width: 1536px) {

    .container {
        max-width: 1536px;
    }

    .\!container {
        max-width: 1536px !important;
    }

    .main-header.main-header-fixed.main-header-expanded .main-header-main-menu-container {
        max-width: 1536px;
    }

    .main-header.main-header-search-visible .main-header-main-menu-container {
        max-width: 1536px;
    }
}

@media (min-width: 1800px) {

    .container {
        max-width: 1800px;
    }

    .\!container {
        max-width: 1800px !important;
    }

    .main-header.main-header-fixed.main-header-expanded .main-header-main-menu-container {
        max-width: 1800px;
    }

    .main-header.main-header-search-visible .main-header-main-menu-container {
        max-width: 1800px;
    }
}

@media (max-width: 1024px) {
  /* MOBILE EXPANDED FULL-SCREEN */
  body:has(.main-header.main-header-expanded) {
        overflow: hidden;
    }

  .main-header.main-header-expanded {
        position: fixed;
        height: 100vh;
        overflow-y: auto;
        --tw-text-opacity: 1;
        color: rgb(var(--color-blue) / var(--tw-text-opacity));
    }

  .main-header.main-header-expanded .main-header-background {
        position: relative;
        margin: 0;
        height: 100%;
        border-radius: 0rem;
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
        opacity: 1;
    }

  .main-header.main-header-expanded .toggle-mobile-menu path:nth-child(1) {
        --tw-translate-y: 0.4rem;
        --tw-rotate: 12deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

  .main-header.main-header-expanded .toggle-mobile-menu path:nth-child(2) {
        --tw-translate-y: -0.4rem;
        --tw-rotate: -12deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

  .main-header.main-header-expanded .main-header-body {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

  .main-header.main-header-expanded .main-header-body > nav {
        display: flex;
        height: 100%;
        flex-direction: column;
        gap: 4.0rem;
    }

  .main-header.main-header-expanded .main-header-main-menu {
        pointer-events: auto;
        position: static;
        flex-grow: 1;
        justify-self: center;
        overflow-y: auto;
        opacity: 1;
    }

  .main-header.main-header-expanded .main-header-main-menu,
  .main-header.main-header-expanded .main-header-main-menu > li:not(.expandable) > ul {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

  .main-header.main-header-expanded .main-header-main-menu > :not([hidden]) ~ :not([hidden]),
  .main-header.main-header-expanded .main-header-main-menu > li:not(.expandable) > ul > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(var(--color-ivory) / var(--tw-divide-opacity));
    }

  @media not all and (min-width: 1024px) {

        .main-header.main-header-expanded .main-header-main-menu > :not([hidden]) ~ :not([hidden]),
  .main-header.main-header-expanded .main-header-main-menu > li:not(.expandable) > ul > :not([hidden]) ~ :not([hidden]) {
            --tw-divide-y-reverse: 0;
            border-top-width: calc(0.5px * calc(1 - var(--tw-divide-y-reverse)));
            border-bottom-width: calc(0.5px * var(--tw-divide-y-reverse));
        }
    }

  .main-header.main-header-expanded .main-header-main-menu > li.expandable,
  .main-header.main-header-expanded .main-header-main-menu > li.row-locked,
  .main-header.main-header-expanded .main-header-main-menu > li:not(.expandable) > ul > li {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
    }

  .main-header.main-header-expanded .main-header-main-menu > li.expandable ul,
  .main-header.main-header-expanded .main-header-main-menu > li:not(.expandable) > ul > li {
        padding-left: 0;
    }

  .main-header.main-header-expanded .main-header-main-menu > li.expandable ul li a {
        display: flex;
        align-items: center;
        gap: 1.6rem;
        text-transform: none;
    }

  .main-header.main-header-expanded .main-header-main-menu > li.expandable ul svg {
        display: block;
    }

  .main-header.main-header-expanded .main-header-footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.6rem;
        padding-bottom: 5.6rem;
    }

  .main-header.main-header-expanded .main-header-footer > span {
        font-family: var(--font-family-din-pro);
        font-size: var(--font-body-2-m-size);
        line-height: var(--font-body-2-m-line-height, normal);
        letter-spacing: var(--font-body-2-m-letter-spacing, 0);
        font-weight: var(--font-body-2-m-weight, 400);
    }

  @media (min-width: 1024px) {

        .main-header.main-header-expanded .main-header-footer > span {
            font-size: var(--font-body-2-size);
            line-height: var(--font-body-2-line-height, normal);
            letter-spacing: var(--font-body-2-letter-spacing, 0);
            font-weight: var(--font-body-2-weight, 400);
        }
    }
}

/* NEW 2024 */

@media (min-width: 1024px) {
    .doc-section.doc-section-pt-lg {
        padding-top:40rem!important
    }

    .main-header:not(.main-header-fixed) .main-header-body nav {
        position: relative;
        &::after {
            content: '';
            width: 100%;
            height: 1px;
            background: #D9D9D9;
            position: absolute;
            bottom: -30px;
            left: 0
        }
    }

    .main-header .main-header-body>nav {
        display: grid;
        grid-template-areas: "logo menu user";
        grid-template-columns: minmax(100px,auto) auto minmax(300px,auto)
    }

    .main-header .main-header-logo {
        width: auto;
        display: flex;
        justify-content: flex-start;
        grid-area: logo;
        padding-left: 1rem;
    }

    .main-header-main-menu-container {
        grid-area: menu;
        display: grid;
        place-items: center
    }

    .main-header .main-header-main-menu {
        display: grid;
        grid-template-columns: repeat(4,minmax(110px,1fr) auto auto);
        position: static;
        opacity: 1!important;
        transform: none!important;
        pointer-events: auto!important;
        max-width: 700px;
        place-items: flex-start
    }

    .main-header .main-header-main-menu>li.expandable.is-open>ul.sub-menu {
        position: absolute;
        left: 0;
        top: 32px;
        border-radius: 6px;
        border: 1px solid #fff;
        background: rgba(255,255,255,1);
        box-shadow: 0 1px 4px 0 rgba(23,28,58,.05);
        color: #171c3a;
        font-family: var(--font-family-din-pro);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px;
        /* text-transform: uppercase; */
        text-wrap: nowrap;
        width: auto;
        padding: 25px;
        display: flex;
        flex-direction: column;
        gap: 20px
    }

    .main-header .main-header-main-menu>li.expandable.two-columns>ul.sub-menu {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .main-header .main-header-main-menu>li.expandable.three-columns>ul.sub-menu {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .main-menu-dd-column>ul {
        padding-bottom: 1.2rem;
    }

    .main-header-fixed .submenu-submenu {
        padding: 0!important
    }

    .main-header-main-menu>li>ul.sub-menu>li>a:has(+ul) {
        font-family: var(--font-family-nb-international-pro);
        font-weight: 700;
    }

    .main-header .main-header-main-menu>li.expandable,
    .main-header .main-header-main-menu>li:not(.expandable)>ul>li {
        overflow: visible;
        position: relative;
        max-width: 120px;
        width: 120px
        /*
        max-width: none;
        width: auto;
        */
    }

    .main-header .main-header-side-menu {
        grid-area: user
    }

    .main-header-fixed .toggle-mobile-menu {
        display: none!important
    }

    .main-header.main-header-initial .main-header-main-menu>li>a {
        --tw-translate-y: -4.8rem;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .main-header .main-header-main-menu > li > span::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #00AA00;
        transform: scaleX(0);
        transition: transform 0.3s ease-in-out;
    }
}

.main-header .main-header-main-menu li img {
    display: none!important
}

.main-header .main-header-main-menu li span input[type='radio'] {
    opacity: 0;
    /* width: 0; */
}

/*
.main-header-main-menu li:nth-child(3) {
    display: none
}
*/

@media (min-width: 0px) and (max-width: 1023px) {
    .main-header .main-header-main-menu > li >span {
        padding-left: 3.2rem;
    }
	
    ul.main-header-main-menu > li.menu-item {
        color: var(--common-black, #171C3A);
        font-family: var(--font-family-din-pro);
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        /* text-transform: uppercase; */
        padding: 16px;

        & > span, & > a {
            padding-left: 16px;
        }
	}

    .main-header.main-header-expanded .main-header-main-menu>li.expandable ul, 
    .main-header.main-header-expanded .main-header-main-menu>li:not(.expandable)>ul>li {
        font-weight: 400;
        padding-left: 32px;
        padding-top: 16px;
/*
        & span, & a {
            text-transform: uppercase;
        }
*/
    }

    .main-header .main-header-main-menu>li.expandable ul {
        gap: 2rem;
    }
}

.main-header-primary-menu span, .main-header-primary-menu > a {
    text-transform: uppercase;
}

/* Override the general rule for sub-menu items */
.sub-menu .menu-item a {
    text-decoration: none;  /* Start with no underline */
    text-transform: none;
}

/* Add hover effect for all sub-menu items, including the last one */
.sub-menu li a:hover,
.sub-menu li:last-child a:hover,
.sub-menu .menu-item a:hover,
.sub-menu .menu-item:last-child a:hover {
    text-decoration: underline !important;
    text-decoration-color: #00AA00 !important;
    text-underline-offset: 7px !important;
}

.sub-menu li:not(.submenu-submenu) a:hover,
.sub-menu .menu-item:not(.submenu-submenu) a:hover {
    text-decoration: underline !important;
    text-decoration-color: #00AA00 !important;
    text-underline-offset: 7px !important;
}

.sub-menu .menu-item {
    margin-bottom: 5px !important;
}

.row-locked {
    white-space: nowrap;
}

/* Fix for the expanded menu having a background that doesn't extend fully */
.main-header.main-header-expanded {
    background-color: rgb(var(--color-white));
}

/* Ensure the background covers the entire menu when expanded */
.main-header.main-header-expanded .main-header-background {
    position: fixed !important;
    height: 100vh !important;
    width: 100%;
    background-color: rgb(var(--color-white));
    opacity: 1;
}

/* Adjust submenu styling to ensure proper background */
.main-header .main-header-main-menu > li.expandable.is-open > ul.sub-menu {
    background-color: rgb(var(--color-white));
    z-index: 100;
}

/* Ensure the container for expandable menus has proper background */
@media (min-width: 1024px) {
    .main-header .main-header-main-menu > li.expandable.three-columns > ul.sub-menu {
        background-color: rgb(var(--color-white));
    }
}

/* Make "Get Started for Free" button take full width on mobile */
@media (max-width: 1023px) {
    .main-header .main-header-footer {
        width: 100%;
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }

    .main-header .main-header-footer #v-mobilemenu-btn-primary {
        width: 100%;
        display: flex;
        justify-content: center;
        text-align: center;
    }
}