/* Minification failed. Returning unminified contents.
(73,23): run-time error CSS1038: Expected hex color, found '#cccc'
(102,39): run-time error CSS1046: Expect comma, found '219'
(102,45): run-time error CSS1046: Expect comma, found ')'
(103,27): run-time error CSS1046: Expect comma, found '35'
(103,32): run-time error CSS1046: Expect comma, found ')'
(108,43): run-time error CSS1046: Expect comma, found '219'
(108,49): run-time error CSS1046: Expect comma, found ')'
(109,31): run-time error CSS1046: Expect comma, found '35'
(109,36): run-time error CSS1046: Expect comma, found ')'
(191,44): run-time error CSS1046: Expect comma, found '0'
(191,48): run-time error CSS1046: Expect comma, found '/'
(191,77): run-time error CSS1046: Expect comma, found '0'
(191,81): run-time error CSS1046: Expect comma, found '/'
(456,69): run-time error CSS1038: Expected hex color, found '#0000'
(1162,51): run-time error CSS1038: Expected hex color, found '#0009'
(1162,69): run-time error CSS1038: Expected hex color, found '#0000'
(1260,1): run-time error CSS1019: Unexpected token, found '}'
 */
/* All rules in this file are scoped to .new-header so they cannot leak into */
/* other pages. The single exception is the global `body { padding-top }` rule */
/* needed to offset the fixed mobile header bar.                             */

.new-header #mob-header {
    font-size:16px;
}
.new-header .submenu-overview-txt-desk {
    font-size: 16px;
    line-height: 1.25em;
}
.new-header #mob-header a {
    outline: none !important
}
.new-header #mob-header-bar a {
    outline: none !important
}
.new-header .mob-navmenu-header a {
    outline: none !important
}
.new-header #desk-header a {
    outline: none !important
}
.new-header #desk-header {
    font-size: 16px;
    color: #fff;
    background-color: #20a4e7;
    z-index: 1001;
    top: 0;
    position: sticky;
}
    .new-header #desk-header > .container > div {
        padding: 0px 0px;
        height: 88px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
        .new-header #desk-header > .container > div > div:nth-of-type(1) {
            width: 63%;
        }
    .new-header #desk-header > .container > div > div:nth-of-type(1) {
        gap: 1em;
        align-items: center;
        height: 100%;
        display: flex;
    }
        .new-header #desk-header > .container > div > div:nth-of-type(1) a {
            border-radius:9999px;
        }
    .new-header #desk-header .header-logo img {
        max-height: 3em;
        width: auto;
        max-width: 100%;
    }
    .new-header #desk-header > div > div > div:nth-child(1) > div {
        width:70%;
    }
    .new-header .desktop-nav-items {
        gap: 1.25em;
        flex-direction: row;
        display: flex;
        justify-content:flex-start;
    }
    .new-header .desktop-nav-items > button, .new-header .desktop-nav-items > a {
        font-size: 1.025em;
        gap: .5em;
        padding: .3em 1em .3em 1em;
        border-radius: 1em;
        justify-content: normal;
        font-weight: 500;
        color: #fff;
        border-color: #cccc;
        align-items: center;
        display: flex;
        background: none;
        border: none;
        position: relative;
        cursor: pointer;
        text-decoration:none !important;
    }
    /* Invisible hover zone extender for better mouse detection */
        .new-header .desktop-nav-items > button::after, .new-header .desktop-nav-items > a::after {
            content: "";
            position: absolute;
            top: -10px;
            bottom: -10px;
            left: -10px;
            right: -10px;
            z-index: -1;
        }
        /* Hover state - white background */
        .new-header .desktop-nav-items > button:hover,
        .new-header .desktop-nav-items > button.active-hover, .new-header .desktop-nav-items > a:hover {
            background-color: #0371a5 !important;
            color: #fff !important;
            font-weight:700;
        }

        /* Click state - yellow background */
        .new-header .desktop-nav-items > button.active-clicked {
            background-color: rgb(251 219 10) !important;
            color: rgb(35 35 35) !important;
        }

        /* Ensure clicked state persists over hover */
            .new-header .desktop-nav-items > button.active-clicked:hover {
                background-color: rgb(251 219 10) !important;
                color: rgb(35 35 35) !important;
            }
        .new-header .desktop-nav-items > button svg {
            margin-top:1px;
            width:1em;
            height:1em;
            transition: transform 0.1s ease;
        }
        .new-header .desktop-nav-items > button.active svg,
        .new-header .desktop-nav-items > button.active-hover svg,
        .new-header .desktop-nav-items > button.active-clicked svg {
            transform: rotate(180deg);
        }
.new-header #desk-header .container > div > div:nth-of-type(2) {
    display: flex;
    gap: .75em;
    align-items: stretch;
    justify-content:flex-end;
    width:37%;
}
    .new-header #desk-header .container > div > div:nth-of-type(2) button {
        background-color: #20a4e7;
        border-radius: 9999px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        display: flex;
        background: none;
        border: none;
    }
        .new-header #desk-header .container > div > div:nth-of-type(2) button img {
            width:2.5em;
            height:2.5em;
        }
.new-header .header-icons a {
    padding: 3px 5px;
    border-radius: 50%;
    width: 2.25em;
    height: 2.25em;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .new-header .header-icons a:hover {
        background-color: #0371a5 !important;
    }
.new-header .header-icons a img {
    width:1.5em;
    height:1.5em;
}
.new-header .header-logo {
    border-radius: 9999px;
    width:30%;
}

/*styles for the desktop dropdown menus*/
.new-header .desk-dropdown-menu {
    z-index: 50;
    top: 100%;
    right: 0;
    position: absolute;
    left: 0;
    display: none;
    opacity: 0;
    transition: opacity 0.2s ease;
    border-top:1px solid #fff;
}
.new-header .desk-dropdown-menu.active {
    display: block;
    opacity: 1;
}
/* Invisible bridge to prevent mouse leave detection between button and dropdown */
.new-header .desk-dropdown-menu::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 20px;
    z-index: -1;
}
    .new-header .desk-dropdown-menu > div {
        box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
        padding-top: .6em;
        background-color: #20a4e7;
        width: 100%;
        border-bottom-right-radius: 1.5em !important;
        border-bottom-left-radius: 1.5em !important;
    }
.new-header .desk-dropdown-head {
    padding:0px .25em;
    justify-content:space-between;
    align-items:center;
    display:flex;
}
    .new-header .desk-dropdown-head > div {
        width:30%;
        padding-right:.75em;
        justify-content:space-between;
        align-items:flex-end;
        display:flex;
        margin-right:1.5em;
    }
        .new-header .desk-dropdown-head div h2 {
            font-size: 1.875em;
            color: #fff;
            font-weight:700;
            margin:0px;
            line-height:2em;
        }
    .new-header .desk-dropdown-head div a {
        font-size: .875em;
        line-height: 1.25em;
        color: #fff;
        font-weight: 600;
        margin-bottom: .75em;
        white-space: nowrap;
        display: block;
    }
    .new-header .desk-dropdown-head button {
        color: #fff;
        padding: .375em;
        background-color: #20a4e7;
        border: .5px solid #fff;
        border-radius: 9999px;
    }
            .new-header .desk-dropdown-head button svg {
                height:1.5em;
                width:1.5em;
                display:block;
            }
            .new-header .desk-dropdown-head button:hover {
                background-color: #0371a5;
            }
.new-header .desk-dropdown-body {
    padding: 0 .25em 1.5em .25em;
    display:flex;
}
    .new-header .desk-dropdown-body > div:nth-of-type(1) {
        padding-right: 1em;
        width: 30%;
        margin-right: 1.5em;
        border-right: 1px solid #b3b3b3;
        max-height: calc(90vh - 180px);
        overflow:auto;
    }
.new-header .desktop-grouped-item {
    vertical-align: middle;
    border-bottom: 1px solid #e5e7eb;
    justify-content:space-between;
    align-items:center;
    width:100%;
    display: flex;
}
    .new-header .desktop-grouped-item a {
        font-size: 1em;
        padding: .53em 0;
        border-radius: .5em;
        overflow: hidden;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        margin-right: 1em;
        position: relative;
        border-radius: 0px !important;
        text-decoration-color: #fff;
    }
        .new-header .desktop-grouped-item a span {
            font-weight: 500;
            color: #fff;
        }
    .new-header .desktop-grouped-item button {
        text-align:right;
        cursor:pointer;
        background-color:transparent;
        border:none;
        padding:0px;
    }
        .new-header .desktop-grouped-item button > div {
            width:1.5em;
            height:1.5em;
            position:relative;
        }
            /* Cross icon (initially hidden) */
            .new-header .desktop-grouped-item button > div > div:nth-of-type(1) {
                position: absolute;
                inset: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 9999px;
                background-color: #fbdb0a;
                border: 2px solid #fbdb0a;
                opacity: 0;
                transform: rotate(-180deg);
                transition: transform 0.3s ease, opacity 0.3s ease;
                pointer-events: none;
            }
            .new-header .desktop-grouped-item button > div > div:nth-of-type(1).show {
                display: flex !important;
                opacity: 1;
                transform: rotate(0deg);
                pointer-events: auto;
            }
                .new-header .desktop-grouped-item button > div > div:nth-of-type(1) svg {
                    width: 1em;
                    height: 1em;
                    color: #232323 !important;
                }
            /* Plus icon (initially visible) */
            .new-header .desktop-grouped-item button > div > div:nth-of-type(2) {
                justify-content:center;
                align-items:center;
                display:flex;
                inset:0;
                position:absolute;
                opacity: 1;
                transform: rotate(0deg);
                transition: transform 0.3s ease, opacity 0.3s ease;
                pointer-events: auto;
            }
            .new-header .desktop-grouped-item button > div > div:nth-of-type(2).hide {
                opacity: 0;
                transform: rotate(180deg);
                pointer-events: none;
            }
                .new-header .desktop-grouped-item button > div > div:nth-of-type(2) svg {
                    width: 1.25em;
                    height: 1.25em;
                    color: #fbdb0a
                }

    .new-header .desk-dropdown-body > div:nth-of-type(2) {
        padding-right: 1.5em;
        width: 40%;
        margin-right: 2.5em;
        overflow: auto;
        display: none;
        max-height: calc(90vh - 180px);
    }
    .new-header .desk-dropdown-body > div:nth-of-type(2).submenu-visible {
        display: block !important;
    }
        .new-header .desk-dropdown-body > div:nth-of-type(2) a {
            padding: .5em 0;
            font-size: .875em;
            line-height: 1.25em;
            color: #fff;
            display:block;
            text-decoration:none !important;
        }
            .new-header .desk-dropdown-body > div:nth-of-type(2) a:hover {
                font-weight: 800;
                letter-spacing: 0.175px;
            }


        .new-header .desk-dropdown-body > div:nth-of-type(3) {
            max-height: calc(90vh - 180px);
            overflow: auto;
            width: 30%;
            position: relative;
        }
.new-header .desk-multi-image-block {
    display:flex;
    gap:1em;
    flex-direction:column;
    width:100%;
}
.new-header .desk-multi-image-block > div {
    width:100%;
    height:100%;
    aspect-ratio:3/2;
    display:block;
}
    .new-header .desk-multi-image-block a {
        background-color: #f3f4f6;
        border-radius: .5em;
        overflow: hidden;
        width: 100%;
        height: 100%;
        position: relative;
        display: block;
        border-radius: .5em !important;
    }
        .new-header .desk-multi-image-block a img {
            object-fit:cover;
            width:100% !important;
            height:100% !important;
            z-index:0;
            inset:0;
            position:absolute;
        }
.new-header .desk-img-block-text {
    padding: 1em;
    z-index: 20;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    color: #fff;
}
    .new-header .desk-img-block-text h3 {
        font-size: 28px;
        font-weight: 500;
        margin: 0 1.5em .25em 0;
    }
    .new-header .desk-img-block-text > div {
        gap:1.25em;
        justify-content:space-between;
        align-items:flex-end;
        display:flex;
    }
        .new-header .desk-img-block-text > div p {
            font-size: .75em;
            line-height: 1em;
            color: #ffffffe6;
            margin-bottom:0px;
        }
        .new-header .desk-img-block-text > div > div {
            color: #232323 !important;
            background-color: #f5f5f5 !important;
            border-radius: 9999px;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
            width: 2em;
            height: 2em;
            display: inline-flex;
        }
        .new-header .desk-img-block-text > div > div svg {
            width:1.25em;
            height:1.25em;
            margin-left:.25em;
        }
.new-header .desk-single-img-block-cont {
    width:100%;
    height:100%;
    aspect-ratio:3/4;
    display:block
}
.new-header .desk-multi-image-block > div a:hover .desk-img-block-text > div > div svg,
.new-header .desk-single-image-block:hover .desk-img-block-text > div > div svg {
    transform: translateX(2px);
}
.new-header .desk-img-block-overlay {
    background-image: linear-gradient(to top, #00000080, #0000001a, #0000);
    z-index: 10;
    inset: 0;
    position: absolute;
    pointer-events: none;
    transition: opacity 0.3s ease;
    border-radius:.5em;
}

/* Hide overlay on hover for desktop image blocks */
.new-header .desk-multi-image-block a:hover .desk-img-block-overlay,
.new-header .desk-single-image-block:hover .desk-img-block-overlay {
    opacity: 0;
}
.new-header .desk-single-image-block {
    border-radius: .5em !important;
}
.new-header .desk-single-image-block img {
    border-radius: .5em !important;
    object-fit: cover;
    width: 100% !important;
    z-index: 0;
    inset: 0;
    position: absolute;
}

/* Desktop rotation animations */
@keyframes desktopRotateIn {
    from {
        transform: rotate(-180deg);
        opacity: 0;
    }
    to {
        transform: rotate(0deg);
        opacity: 1;
    }
}

@keyframes desktopRotateOut {
    from {
        transform: rotate(0deg);
        opacity: 1;
    }
    to {
        transform: rotate(180deg);
        opacity: 0;
    }
}

@media screen and (min-width:1200px) {
    .new-header .desk-dropdown-head div a {
        margin-bottom: 1em;
    }
    .new-header .desk-img-block-text > div p {
        font-size: .875em;
        line-height: 1.25em;
    }
    .new-header #desk-header > .container > div > div:nth-of-type(1) {
        gap:1em;
        width:70%;
    }
    .new-header .desk-dropdown-body > div:nth-of-type(2) {
        padding-right: 8em;
        margin-right: 1.5em;
    }
    .new-header #desk-header .container > div > div:nth-of-type(2) {
        gap: .875em;
        width: 40%;
    }
    .new-header #desk-header .header-logo {
        width: 26%;
    }
    .new-header #desk-header > div > div > div:nth-child(1) > div {
        width:74%;
    }
    .new-header .desktop-nav-items {
        gap:.75em;
        margin-left:auto;
        margin-right:auto;
    }
        .new-header .desktop-nav-items > button, .new-header .desktop-nav-items > a {
            padding-top:.25em;
            padding-bottom:.25em;
            padding-left:1em;
            padding-right:1em;
            gap:.5em;
        }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .new-header #desk-header .container > div > div:nth-of-type(2) {
        gap:.5em;
    }
    .new-header .desk-dropdown-menu > div {
        padding-top: .5em;
    }
    .new-header .desk-dropdown-head {
        margin-bottom:3px;
    }
    .new-header #desk-header > .container > div > div:nth-of-type(1) {
        gap: .75em;
    }
    .new-header .desk-img-block-text h3 {
        font-size: 1.25em;
    }
    .new-header .desk-img-block-text > div p {
        line-height: 1.35em;
    }
    .new-header .desktop-nav-items > button, .new-header .desktop-nav-items > a {
        gap: .25em;
    }
    .new-header .desk-dropdown-head button svg {
        height: 1.25em;
        width: 1.25em;
    }
    .new-header .desktop-nav-items {
        gap: .5em;
    }
        .new-header .desktop-nav-items > button {
            padding-left: .5em;
            padding-right: .5em;
        }
        .new-header .desktop-nav-items > a {
            padding-left: .75em;
            padding-right: .75em;
        }
        .new-header .desk-dropdown-head div h2 {
            font-size: 1.5em;
        }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .new-header #desk-header .header-logo img {
        max-height: 2.5em;
    }
    .new-header #desk-header .container > div > div:nth-of-type(2) {
        gap: .25em;
    }
    .new-header .desktop-grouped-item a {
        padding:.5em 0;
    }
    .new-header .desk-img-block-text h3 {
        font-size: 1.875em;
    }
    .new-header .desk-img-block-text > div p {
        line-height: 1.35em;
    }
    .new-header .desk-dropdown-head > div {
        width: 32%;
        padding-right:.25em;
        margin-right:0em;
    }
    .new-header .desk-dropdown-head div h2 {
        font-size: 1.25em;
        line-height: 1.75em;
    }
    .new-header .desk-dropdown-head button svg {
        height: 1em;
        width: 1em;
    }
    .new-header .desk-dropdown-body > div:nth-of-type(1) {
        width:35%;
        margin-right:1em;
    }
    .new-header .desk-dropdown-body > div:nth-of-type(2) {
        width:35%;
        padding-right:.5em;
        margin-right:1em;
    }
    .new-header .desk-dropdown-body > div:nth-of-type(3) {
        width:35%;
    }
        .new-header .desktop-grouped-item button > div > div:nth-of-type(2) svg {
            width: 1.75em;
            height: 1.75em;
        }
    .new-header .desk-dropdown-body > div:nth-of-type(2) a {
        font-size: .875em;
        line-height: 1.25em;
        padding: .4em 0;
    }
    .new-header .desk-img-block-text {
        padding:.5em;
    }
    .new-header .desk-img-block-text h3 {
        font-size: .875em;
        line-height: 1.25em;
    }
        .new-header .desk-img-block-text > div {
            gap:.25em;
        }
        .new-header .desk-img-block-text > div > div {
            width: 1.5em;
            height: 1.5em;
        }
    .new-header .desk-img-block-text {
        padding: .5em;
    }
    .new-header .desk-dropdown-body > div:nth-of-type(2) a:hover {
        font-weight: 800;
        letter-spacing: 0.2px;
    }
    .new-header .desktop-nav-items {
        gap:.5em;
    }
        .new-header .desktop-nav-items > button {
            font-size: .8em;
            line-height: 1em;
            padding-top: .35em;
            padding-bottom: .45em;
            padding-left: .5em;
            padding-right: .5em;
            gap: .125em;
            font-weight: 500;
        }
        .new-header .desktop-nav-items > a {
            font-size: .75em;
            line-height: 1em;
            padding-top: .35em;
            padding-bottom: .45em;
            padding-left: .6em;
            padding-right: .6em;
            gap: .125em;
            font-weight: 500;
        }
        .new-header .desktop-nav-items > button svg {
            width: 1em;
            height: 1em;
            margin-top: 1px;
        }
            .new-header .desk-dropdown-head div a {
                margin-bottom: 0.4em;
            }
    .new-header .desk-dropdown-body {
        padding: .65em .25em 1.5em .25em;
        display: flex;
    }
    .new-header .desk-img-block-text > div > div svg {
        width:1em;
        height:1em;
    }
    .new-header #desk-header > .container > div > div:nth-of-type(1) {
        width: 59%;
    }
    .new-header .header-icons {
        width: 31%;
    }
        .new-header .header-icons a img {
            width: 1.25em;
            height: 1.25em;
        }
        .new-header .header-icons a {
            width: 1.75em;
            height: 1.75em;
        }
}

@media screen and (max-width: 767px) {


    .new-header .header-bar-hamburger {
        display: flex;
        align-items: center;
    }
    /*Mobile Header Bar - Always Visible*/
    .new-header #mob-header-bar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 88px;
        background-color: #20a4e7 !important;
        color: #fff !important;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        padding: 0px 1em;
        z-index: 1001;
        font-size: 16px;
    }
        .new-header #mob-header-bar a {
            gap: .25rem;
            justify-content: flex-start;
            align-items: center;
            height:2.5em;
            display:flex;
        }
        .new-header #mob-header-bar img {
            width: max-content;
            height: inherit;
        }
        .new-header .mob-menu-toggle {
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

            .new-header .mob-menu-toggle svg {
                width: 1.5em !important;
                height: 1.5em !important;
                color: white;
            }

            /* Set initial state for icons - burger shown, close hidden */
            .new-header .mob-menu-toggle .burger-icon-new-header {
                display: block;
            }

            .new-header .mob-menu-toggle .close-icon-new-header {
                display: none;
            }

    /*Mobile Menu Content*/
    .new-header #mob-header {
        color: #fff !important;
        background-color: #20a4e7 !important;
        overflow-y: auto !important;
        flex-direction: column !important;
        display: none;
        z-index: 1000;
        position: fixed;
        top: 88px;
        left: 0;
        right: 0;
        bottom: 0;
        font-size: 16px;
    }
    .new-header #mob-header.menu-open {
        display: flex !important;
    }
        .new-header #mob-header > div:nth-child(1) {
            border-top: 1px solid #fff;
        }
        /*Nav link items*/
        .new-header #mob-header > div:nth-of-type(1) div {
            margin-bottom: .75em;
            flex-direction: column;
            display: flex;
        }
            .new-header #mob-header > div:nth-of-type(1) div > a, .new-header #mob-header > div:nth-of-type(1) div > button {
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: 100%;
                color: #fff;
                padding-top: 1.1em;
                padding-bottom: .9em;
                padding-left: 1em;
                padding-right: 1em;
                align-items: center;
                text-decoration: none !important;
                margin: 0px;
                flex-direction: row;
                gap: .25em;
                font-weight: 600;
                line-height: 1.2em !important;
                font-size: 1.25em;
                cursor: pointer;
                background-color: transparent;
                border: none;
            }
                    .new-header #mob-header > div:nth-of-type(1) div a:hover, .new-header #mob-header > div:nth-of-type(1) div button:hover {
                        background-color: #0371a5 !important;
                        font-weight:700;
                    }
                    .new-header #mob-header > div:nth-of-type(1) div button svg {
                        width: 1.2em !important;
                        height: 1.2em !important;
                        transform: rotate(270deg);
                    }
    .new-header .mob-nav-border {
        border-bottom: 1px solid #fff !important;
        margin: 0 1em !important;
        display: block !important;
        width: auto !important;
        padding: 0 !important;
    }

        /*Set icon menu items*/
        .new-header #mob-header > div:nth-of-type(2) {
            padding: 0px 1.25em;
            gap: 1em;
            flex-direction: column;
            display: flex;
            margin-top: 2em;
        }

            .new-header #mob-header > div:nth-of-type(2) a {
                font-size: .9em;
                line-height: 1.25em;
                gap: .75em;
                font-weight:600;
                align-items: center;
                display: flex;
                color: #fff;
                text-decoration: none !important;
            }

                .new-header #mob-header > div:nth-of-type(2) a img {
                    width: 1.5em;
                    height: 1.5em;
                }
    /*Sub menu overlay*/
    .new-header .mob-navmenu-header {
        color: #fff !important;
        background-color: #20a4e7 !important;
        overflow-y: auto !important;
        flex-direction: column !important;
        display: none;
        z-index: 1003;
        inset: 0;
        position: fixed;
        font-size: 16px;
        transform: translateX(100%);
        transition: transform 0.15s ease-out;
    }
    .new-header .mob-navmenu-header.submenu-open {
        display: flex !important;
        transform: translateX(0);
        animation: slideInFromRight 0.3s ease-out;
    }

    @keyframes slideInFromRight {
        from {
            transform: translateX(100%);
        }
        to {
            transform: translateX(0);
        }
    }
        /*Sub menu overlay header*/
        .new-header .mob-navmenu-header > div:nth-of-type(1) {
            flex-direction: column !important;
            display: flex;
        }

            .new-header .mob-navmenu-header > div:nth-of-type(1) > div:nth-of-type(1) {
                display: flex;
                padding: 0px 1em;
                align-items: center;
                height: 88px;
                border-bottom: 1px solid #e5e7eb !important;
            }

                .new-header .mob-navmenu-header > div:nth-of-type(1) > div:nth-of-type(1) > button:nth-of-type(1) {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-left: -.5em;
                    background: none;
                    border: none;
                }

                    .new-header .mob-navmenu-header > div:nth-of-type(1) > div:nth-of-type(1) > button:nth-of-type(1) svg {
                        width: 1.5em;
                        height: 1.5em;
                        color: #fff !important;
                    }

                .new-header .mob-navmenu-header > div:nth-of-type(1) > div:nth-of-type(1) span {
                    font-weight: 500;
                    flex: 1 1 0%;
                    margin-left: .25em;
                    color: #fff !important;
                    font-size: 1em;
                }

                .new-header .mob-navmenu-header > div:nth-of-type(1) > div:nth-of-type(1) > button:nth-of-type(2) {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: 2em;
                    width: 2em;
                    margin-left: -.5em;
                    background: none;
                    border: none;
                    padding:0;
                }

                    .new-header .mob-navmenu-header > div:nth-of-type(1) > div:nth-of-type(1) > button:nth-of-type(2) svg {
                        width: 1.5em;
                        height: 1.5em;
                        color: #fff !important;
                    }

        /*Sub menu overlay content*/
        .new-header .mob-navmenu-header > div:nth-of-type(2) {
            padding-bottom: 6em;
            overflow-x: hidden;
            overflow-y: auto;
            max-width: 100vw;
            height: calc(100vh - 56px)
        }

        .new-header .mob-navmenu-header > div:nth-of-type(2) {
            padding: .75em 0px;
            max-width: 100vw;
        }

    .new-header .submenu-head {
        padding: 0px 1em;
        justify-content: space-between;
        align-items: center;
        display: flex;
        margin: .5em 0px 1em 0px;
    }

        .new-header .submenu-head h2 {
            font-weight: 500;
            font-size: 1.5em;
            margin: 0px;
            line-height: 1.5em;
            color: #fff;
        }

        .new-header .submenu-head a {
            color: #fff;
            font-weight: 600;
            font-size: .875em;
            line-height: 1.25em;
            align-items: center;
            display: inline-flex;
        }
            .new-header .submenu-head a:hover {
                font-weight:700;
            }

            .new-header .submenu-overview-txt {
                font-size: 1em;
                line-height: 1.25em;
                padding: 0px 1em;
                color: #fff;
                margin: .25em 0px 1.25em 0px;
            }
    .new-header .submenu-overview-txt-desk {
        font-size: 15px;
        line-height: 1.625em;
        color: #fff;
    }

    .new-header .hidden-mobile-group {
        display: none;
    }

    .new-header .submenu-grouped-menu-items > div {
        margin: 0px .75em;
        border-bottom: 1px solid #e5e7eb;
    }

        .new-header .submenu-grouped-menu-items > div > div:nth-of-type(1) {
            padding: .5em .25em;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            display: flex;
        }

            .new-header .submenu-grouped-menu-items > div > div:nth-of-type(1) a {
                color: #fff !important;
                font-weight: 600;
                font-size: 1.25em;
                line-height: 1.75em;
                flex: 1 1 0%;
            }
            .new-header .submenu-grouped-menu-items > div > div:nth-of-type(1) a:hover {
                font-weight: 700;
            }

            .new-header .submenu-grouped-menu-items > div > div:nth-of-type(1) button {
                justify-content: center;
                align-items: center;
                width: 2.5em;
                display: flex;
                margin-left: .5em;
                background: none;
                border: none;
            }

    .new-header .submenu-mob-plus-icon {
        flex-shrink: 0;
        width: 1.25em;
        position: relative;
    }

        .new-header .submenu-mob-plus-icon > div:nth-of-type(1) {
            background-color: #fbdb0a;
            border: 2px solid #fbdb0a;
            border-radius: 9999px;
            justify-content: center;
            align-items: center;
            display: flex;
            inset: 0;
            transition: transform 0.3s ease, opacity 0.3s ease;
            height: 1.25em;
            width: 1.25em;
        }

        /* Rotation animation when showing */
        .new-header .submenu-mob-plus-icon > div:nth-of-type(1):not(.hidden) {
            animation: rotateIn 0.3s ease-out;

        }

            .new-header .submenu-mob-plus-icon > div:nth-of-type(1) svg {
                color: #232323 !important;
                width: 1em;
                height: 1em;
            }

        .new-header .submenu-mob-plus-icon > div:nth-of-type(2) {
            justify-content: center;
            align-items: center;
            display: flex;
            inset: 0;
            position: absolute;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        /* Rotation animation when hiding */
        .new-header .submenu-mob-plus-icon > div:nth-of-type(2).hidden {
            animation: rotateOut 0.3s ease-out;
        }

            .new-header .submenu-mob-plus-icon > div:nth-of-type(2) svg {
                width: 2em;
                height: 2em;
                color: #fbdb0a;
            }

    /* Rotation animations */
    @keyframes rotateIn {
        from {
            transform: rotate(-180deg);
            opacity: 0;
        }
        to {
            transform: rotate(0deg);
            opacity: 1;
        }
    }

    @keyframes rotateOut {
        from {
            transform: rotate(0deg);
            opacity: 1;
        }
        to {
            transform: rotate(180deg);
            opacity: 0;
        }
    }

    .new-header .submenu-grouped-list {
        margin-bottom: .75em;
    }

        .new-header .submenu-grouped-list a {
            color: #fff !important;
            padding: .375em .25em;
            display: block;
            font-size: 1em;
            line-height:1.5em;
            text-decoration: none;
        }

            .new-header .submenu-grouped-list a:hover {
                font-weight: 700;
            }

    .new-header .submenu-show-more-btn {
        padding: .5em 1em;
    }

        .new-header .submenu-show-more-btn button {
            color: #fff;
            font-weight: 600;
            font-size: .875em;
            border: 1px solid #fff;
            line-height:1.25em;
            border-radius: 9999px;
            background-color: transparent;
            padding: .5em 1em;
            gap:.5em;
            align-items: center;
            display: flex;
            justify-content: center;
            margin-left: auto;
            margin-right: auto;
        }

    .new-header .submenu-mob-image-section {
        padding: 0px 1em;
        margin-top: 1em;
    }

    .new-header .submenu-mob-image-section > div {
        overflow-x: auto;
    }
        .new-header .submenu-mob-image-section > div > div {
            padding-bottom: .5em;
            gap: 1em;
            display: flex;
        }

    .new-header .image-block-mask {
        background-image: linear-gradient(to top, #0009, #0000001a, #0000);
        z-index: 10;
        inset: 0;
        position: absolute;
        pointer-events: none;
    }

    /* Hide mask on parent hover instead */
    .new-header .submenu-mob-image-block:hover .image-block-mask {
        opacity: 0;
    }

    .new-header .submenu-mob-image-block {
        background-color: #f3f4f6;
        border-radius: .5em;
        overflow: hidden;
        flex-direction: column;
        display: flex;
        position: relative;
        text-decoration: none !important;
    }

        .new-header .submenu-mob-image-block.multi-img {
            width: 250px;
            flex-shrink: 0;
            aspect-ratio: 3/2;
        }

        .new-header .submenu-mob-image-block.single-img {
            width: 100%;
            aspect-ratio: 3/4;
            width: 250px;
        }

        .new-header .submenu-mob-image-block img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            inset: 0;
            position: absolute;
            text-decoration: none !important;
        }

        .new-header .submenu-mob-image-block > div:nth-of-type(2) {
            padding: 1em 1em 0px 1em;
            color: #fff;
            justify-content: flex-end;
            flex-direction: column;
            flex: 1 1 0%;
            display: flex;
            z-index: 20;
            position: relative;
        }
            .new-header .submenu-mob-image-block > div:nth-of-type(2) h3 {
                font-weight:600;
                padding-bottom:.35em;
                margin:0px;
                font-size:.85em;
            }
    .new-header .image-block-description {
        padding-bottom:.75em;
        gap:.75em;
        justify-content:space-between;
        align-items:flex-end;
        display:flex;
        z-index:20;
        position:relative;
    }
        .new-header .image-block-description p {
            opacity: .9;
            font-size: .85em;
            line-height: 1.2em;
            margin: 0px;
        }
        .new-header .image-block-description div {
            color: #232323 !important;
            background-color: #f5f5f5 !important;
            border-radius: 9999px;
            justify-content: center;
            align-items: center;
            width: 2.5em;
            height: 1.5em;
            display: flex;
        }
            .new-header .image-block-description div svg {
                width:1.25em;
                height:1.25em;
                margin-left:.125em;
                transition: transform 0.2s ease;
            }

    /* Hover effect on image block - arrow slides right */
    .new-header .submenu-mob-image-block:hover .image-block-description div svg {
        transform: translateX(2px);
    }
    .new-header-body-offset {
        margin-top: 88px;
    }
}