/* general rules */
#app,
.pb-main,
body,
html,
button {
    font-family: "Inter Tight", sans-serif !important;
    --font-family: "Inter Tight", sans-serif !important;
}

:root {
    --side-padding: 25px;
    --vertical-padding: 40px;
    --font-size-heading-h1-bigger: clamp(2.25rem, -1.01rem + 5.323vw, 4.313rem);
    /* 36 > 69, 980 > 1600 */
    --font-size-heading-h1: clamp(2rem, -1.161rem + 5.161vw, 4rem);
    /* 32 > 64, 980 > 1600 */
    --font-size-heading-h2: clamp(1.5rem, -0.081rem + 2.581vw, 2.5rem);
    /* 24 > 40, 980 > 1600 */
    --font-size-heading-h3: clamp(1.313rem, 0.226rem + 1.774vw, 2rem);
    /* 21 > 32, 980 > 1600 */
    --font-size-heading-h4: clamp(1.125rem, 0.532rem + 0.968vw, 1.5rem);
    /* 18 > 24, 980 > 1600 */
    --font-size-heading-h5: clamp(1rem, 0.605rem + 0.645vw, 1.25rem);
    /* 16 > 20, 980 > 1600 */
    --font-size-heading-h6: clamp(0.875rem, 0.48rem + 0.645vw, 1.125rem);
}

@media only screen and (min-width: 980px) {
    :root {
        --side-padding: clamp(2rem, -15rem + 21.25vw, 6.25rem);
        --vertical-padding: clamp(2.813rem, -1.848rem + 7.609vw, 5rem);
    }
}

#app .header-slot-container h2 {
    font-weight: 700;
    font-size: clamp(2rem, 0.003rem + 3.261vw, 3.875rem);
    line-height: 1.2;
    text-transform: none;
}

#app .light,
.style-light {
    .header-slot-container::after {
        display: none;
    }
}

.light .light-header-accent {
    display: none;
}

#app .light .see-all-container .see-all-button,
#app .style-light .see-all-container .see-all-button,
#app .custom-section .see-all-button-custom a {
    border-radius: 10px;
    padding-inline: 25px;
    padding-block: 14px;
    transition: all 0.35s ease-in-out;
    line-height: 1.3;

    @media only screen and (min-width: 1400px) {
        font-size: 18px;
    }

    &:hover {
        background-color: var(--secondary-color);
        color: var(--secondary-color-contrast);
    }
}

/* Custom Header */
/* custom header and menu on mobile */
@media only screen and (max-width: 979px) {
    #view-header .mobile-header {
        padding: 20px;
        justify-content: flex-start;
        box-sizing: border-box;
        height: auto;
    }

    .mobile-header .main-content .logo {
        margin-inline: 0;
    }

    #view-header .mobile-header .left-icon {
        left: auto;
        right: 20px;
    }

    #view-header .mobile-header .left-icon #menubutton {
        margin-right: 0;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background-color: var(--primary-color);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.4s ease-in-out;
    }

    .mobile-header .main-content {
        max-width: calc(100% - 55px);
    }

    #view-header .mobile-header .hamburger {
        margin: 0;
        display: block;
        fill: var(--primary-color-contrast);
        width: 24px;
        height: 13px;
        transition: all 0.4s ease-in-out;
    }

    #view-header .school-info {
        padding-bottom: 0;
    }

    #view-header .school-info .org-name {
        padding-bottom: 0;
    }

    .mobile-menu-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .mobile-menu-wrapper > div {
        width: 100%;
        box-sizing: border-box;
    }

    #view-header .mobile-header.shrink {
        padding-block: 5px;
    }

    #view-header .mobile-header.shrink .left-icon #menubutton {
        width: 40px;
        height: 40px;
    }

    .search-translate-buttons .sr-only {
        color: var(--mobile-menu-text-color);
        clip: auto;
        clip-path: unset;
        height: auto;
        width: auto;
        margin: 0;
        position: relative;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
        text-transform: none;
        font-family: var(--font-family, Helvetica);
    }

    #view-header .mobile-header.shrink .menu-mobile {
        top: 65px;
    }

    /* explore dropdown */
    .m4--drawer-element.mobile-element:has(#explore-header) {
        order: 2;
        padding-top: 45px;
    }

    .m4--drawer-element.mobile-element #explore-header {
        text-transform: uppercase;
    }

    .m4--drawer-element.mobile-element
        #explore-header
        .m4--drawer-element-title-icon {
        display: none;
    }

    .m4--drawer-element.mobile-element #explore-header-collapsible {
        display: grid !important;
        width: 100%;
        grid-template-columns: 1fr 1fr;
        column-gap: 10px;
    }

    #explore-header-collapsible .m4--drawer-element {
        border-top: solid 1px rgba(255, 255, 255, 0.2);
        min-width: unset;
    }

    #explore-header-collapsible .m4--drawer-element:nth-child(1),
    #explore-header-collapsible .m4--drawer-element:nth-child(2) {
        border-top: 0;
    }

    .mobile-element .m4--menu-item-focusable .item-icon {
        min-width: 32px;
    }

    /* end explore dropdown */

    /* first two dropdowns */
    .mobile-menu-wrapper .search-translate-buttons {
        order: -3;
    }

    .m4--drawer-element.mobile-element:has(#explore-header) + div {
        order: -2;
    }

    .m4--drawer-element.mobile-element:has(#explore-header) + div + div {
        order: -1;
    }

    .m4--drawer-element.mobile-element:has(#explore-header) + div,
    .m4--drawer-element.mobile-element:has(#explore-header) + div + div {
        background-color: var(--secondary-color);
        color: var(--secondary-color-contrast);
        border: 0;
        border-radius: 4px;
        max-width: calc(50% - 5px);
        padding-inline: 10px;
        padding-block: 5px;
        margin-bottom: 25px;
        position: relative;
        min-width: unset;

        &:has(.m4--drawer-children.show-children) {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        & .m4--drawer-element.child-element {
            min-width: unset;
        }

        & svg,
        & path {
            fill: var(--secondary-color-contrast);
        }

        .m4--drawer-element.mobile-element.new-mobile-header {
            color: var(--secondary-color-contrast);
            border: 0;
        }

        .m4--drawer-children {
            background-color: #fff;
            border-radius: 0 0 4px 4px;

            & .m4--drawer-children.show-children {
                background-color: #f1f1f1;
                padding: 5px;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                gap: 10px;
                margin-bottom: 10px;
            }
        }

        & > .m4--drawer-children {
            position: absolute;
            top: 100%;
            z-index: 2;
            left: 0;
            width: 100%;
        }
    }

    .m4--drawer-element.mobile-element:has(#schools-header) {
        border-top: 0;
    }

    .dropdown-wrapper.language-dropdown {
        z-index: 5;
    }

    /* end first two dropdowns */

    #cms-header:has(#customSchoolsDropdown) .mobile-header .left-icon {
        right: 20px;
        left: auto;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        /* margin-top: 6px; */
    }

    #view-header .dynamicLink {
        margin-left: auto;
    }

    #view-header .mobile-header {
        align-items: center;
    }

    #view-header .mobile-header.menu-open {
        & #schoolsbutton,
        & .dynamicLink {
            display: none !important;
        }

        .left-icon {
            right: 20px !important;
        }
    }

    #cms-header:has(#customSchoolsDropdown) .mobile-header #schoolsbutton {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        right: 80px;

        /* .menu-field {
     font-size: 0;
     line-height: 0;

     &::after {
       content: 'District';
       font-size: 15px;
       line-height: 1.1;
     }
    } */

        & .button-action-content {
            display: flex;
            align-items: center;
            gap: 3px;
        }

        & svg rect {
            opacity: 0;
        }

        & svg path {
            stroke: var(--nav-color) !important;
        }
    }

    #cms-header:has(#customSchoolsDropdown) .mobile-header {
        padding-bottom: 20px;
    }

    #view-header .mobile-header.shrink {
        padding-block: 10px !important;
    }

    #view-header .mobile-header.shrink .left-icon #menubutton {
        width: 54px;
        height: 54px;
    }
}

#m2 .menu-container .content .generated-links .col {
    border-right-color: var(--secondary-color) !important;
}

@media only screen and (min-width: 1601px) {
    #view-header #m2 .menu-container .content .generated-links .col {
        width: 18%;
    }

    #view-header
        #m2
        .menu-container
        .content
        .generated-links
        .col:nth-of-type(4) {
        border-right: 1px solid;
    }

    #view-header
        #m2
        .menu-container
        .content
        .generated-links
        .col:nth-of-type(5) {
        border-right: none;
    }

    #view-header #m2 .menu-container .content .generated-links {
        padding-left: 60px;
        margin-right: 10px;
    }
}

/* custom header on desktop*/
@media (min-width: 980px) {
    /* translarent header */
    #app {
        --header-height: 106px;
    }

    #app:has(#home) .header-bar-wrapper:not(.sticky) #h1 .header-container {
        background: transparent !important;
    }

    .languages svg rect,
    .schools svg rect {
        display: none;
    }

    #app:has(#home) .header-bar-wrapper:not(.sticky) #h1 {
        background: linear-gradient(
            to bottom,
            var(--primary-color) 0%,
            rgba(0, 0, 0, 0) 100%
        );
        box-shadow: unset;
    }

    #app:has(#home) .header-bar-wrapper:not(.sticky) #h1::after {
        position: absolute;
        height: 60%;
        left: 0;
        top: 0;
        width: 100%;
        background: linear-gradient(
            to bottom,
            var(--primary-color) 0%,
            rgba(0, 0, 0, 0) 100%
        );
        content: "";
        z-index: -1;
    }

    #app:has(#home) .header-bar-wrapper:not(.sticky) .logo {
        margin-top: 10px;
    }

    #view-header .logo {
        height: 90px;
        transition: all 0.35s ease-in-out;
    }

    #view-header .header-bar-wrapper.sticky .logo {
        height: 45px;
    }

    #app:has(#home) #cms-gallery {
        margin-top: calc(-1 * var(--header-height));
    }

    /* end transparent header */
    #cms-header #h1 #menubutton .button-action-content,
    #cms-header .explore-menu-container {
        display: flex;
        align-items: center;
    }

    #cms-header #h1 #menubutton svg {
        width: 35px;
        height: 26px;
        margin: 0;
    }

    #cms-header #h1 #menubutton svg rect {
        fill: transparent;
    }

    /*
  #cms-header #h1 #schoolsbutton {
    content: "";
    display: block;
    position: relative;
    top: -5px;
    width: 32px;
    height: 32px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='37' viewBox='0 0 39 37'%3E%3Cg%3E%3Cpath d='M19.5189 36.9985C14.2147 36.9985 8.91048 36.9985 3.60625 36.9985C2.37051 36.9985 2.30337 36.926 2.30337 35.6759C2.30337 30.9333 2.29857 26.1923 2.31296 21.4497C2.31296 21.0695 2.20426 20.9648 1.84457 20.9922C1.44811 21.0212 1.04685 20.9938 0.648796 20.9986C0.36584 21.0019 0.156421 20.8875 0.0477142 20.6233C-0.0593935 20.3575 0.0157417 20.1336 0.218767 19.9322C1.96286 18.2053 3.70696 16.4751 5.44466 14.7418C5.71483 14.4727 6.03615 14.418 6.39425 14.4196C8.32218 14.4292 10.2501 14.4276 12.1765 14.4405C12.4195 14.4405 12.5937 14.3857 12.7568 14.1844C14.6991 11.805 16.6494 9.43212 18.6061 7.06565C18.8044 6.82562 18.8971 6.58881 18.8955 6.27146C18.8827 4.44949 18.8875 2.62752 18.8907 0.807161C18.8907 0.180507 19.0729 0.00169253 19.7044 0.00169253C21.247 0.00169253 22.7881 8.15976e-05 24.3308 0.00169253C24.8999 0.00169253 25.0997 0.201449 25.1029 0.773331C25.1061 1.87199 25.1077 2.97065 25.1029 4.0677C25.0997 4.61864 24.9015 4.81356 24.35 4.81517C23.0343 4.81839 21.717 4.82484 20.4014 4.81034C20.1152 4.80712 20.0769 4.90377 20.0465 5.16958C19.9362 6.1442 20.2383 6.90456 20.8858 7.66492C22.6938 9.78814 24.4171 11.9871 26.1628 14.1651C26.3355 14.3809 26.5129 14.4421 26.7719 14.4421C28.7654 14.4341 30.7605 14.4421 32.7539 14.4325C33.0833 14.4309 33.331 14.5243 33.5676 14.7611C35.2286 16.4204 36.9024 18.07 38.5697 19.7212C38.6449 19.7969 38.7216 19.871 38.7951 19.9483C38.9902 20.1497 39.0589 20.3784 38.939 20.6442C38.8271 20.8907 38.6337 21.0003 38.3667 20.9986C37.9143 20.9954 37.4619 21.0115 37.0111 20.9954C36.7633 20.9858 36.6802 21.0744 36.6961 21.3192C36.7137 21.5995 36.6993 21.8814 36.6993 22.1634C36.6993 26.798 36.6993 31.4327 36.6993 36.0673C36.6993 36.8293 36.5539 36.984 35.7881 36.984C30.364 36.9872 24.9399 36.984 19.5173 36.984C19.5173 36.9888 19.5173 36.9952 19.5173 37.0001L19.5189 36.9985ZM13.3802 25.4948C13.3802 28.7907 13.3834 32.0851 13.3738 35.3811C13.3738 35.6775 13.425 35.8015 13.7575 35.7887C14.4609 35.7613 15.1675 35.758 15.8709 35.7919C16.2498 35.8112 16.3281 35.6775 16.3249 35.3263C16.3025 32.5136 16.2961 29.7009 16.2849 26.8866C16.2817 26.1762 16.4512 25.999 17.145 25.9974C18.7132 25.9974 20.2831 25.9974 21.8513 25.9974C22.5403 25.9974 22.7162 26.1794 22.7178 26.8866C22.7258 29.7267 22.7386 32.5668 22.7306 35.4069C22.7306 35.7355 22.8281 35.808 23.1318 35.7999C23.8224 35.779 24.5162 35.7677 25.2052 35.8032C25.5793 35.8225 25.6321 35.6872 25.6305 35.3521C25.6209 28.8149 25.6225 22.2777 25.6289 15.7405C25.6289 15.4699 25.5617 15.2621 25.3891 15.0511C23.5011 12.7313 21.6179 10.4067 19.7475 8.07088C19.5333 7.80185 19.4502 7.86145 19.2664 8.08699C17.3928 10.3842 15.5112 12.6749 13.6248 14.9609C13.4522 15.1703 13.377 15.3749 13.377 15.6471C13.385 18.9286 13.3818 22.2117 13.3818 25.4932L13.3802 25.4948ZM35.5291 28.38C35.5291 26.0489 35.5243 23.7195 35.5339 21.3885C35.5339 21.1082 35.4876 20.989 35.1695 20.9906C32.5109 21.0083 29.8524 21.0131 27.1939 21.0051C26.8774 21.0051 26.7991 21.0985 26.7991 21.411C26.8087 26.086 26.8087 30.7593 26.7991 35.4343C26.7991 35.7532 26.8854 35.8338 27.1971 35.8322C29.8428 35.8112 32.487 35.7999 35.1327 35.8048C35.4828 35.8048 35.5387 35.6872 35.5371 35.3698C35.5243 33.0388 35.5307 30.7094 35.5307 28.3783L35.5291 28.38ZM12.1909 28.5056C12.1909 28.5056 12.1988 28.5056 12.202 28.5056C12.202 26.1762 12.1956 23.8468 12.2084 21.5174C12.21 21.1855 12.1573 21.0566 11.7832 21.0566C9.12629 21.0583 6.46938 21.0405 3.81247 21.0115C3.50394 21.0083 3.47356 21.1388 3.47516 21.3901C3.47996 26.0747 3.48156 30.7609 3.47196 35.4455C3.47196 35.7355 3.56468 35.7967 3.83325 35.7983C6.50295 35.8064 9.17425 35.8225 11.844 35.8499C12.1253 35.8531 12.1988 35.7709 12.1972 35.4906C12.1861 33.1612 12.1909 30.8318 12.1909 28.5024V28.5056ZM17.4695 31.4343C17.4695 31.4343 17.4807 31.4343 17.4855 31.4343C17.4855 32.7456 17.4967 34.0585 17.4775 35.3698C17.4727 35.6968 17.5766 35.7709 17.8819 35.7661C18.985 35.7484 20.088 35.75 21.1895 35.7661C21.4709 35.7693 21.5476 35.6807 21.546 35.4036C21.5332 32.7794 21.53 30.1568 21.538 27.5326C21.538 27.2362 21.4309 27.1798 21.1671 27.183C20.0513 27.1943 18.9354 27.1975 17.8196 27.183C17.5414 27.1798 17.4599 27.2587 17.4631 27.5407C17.4775 28.8391 17.4695 30.1375 17.4695 31.4359V31.4343ZM2.12912 19.7792C2.18188 19.7969 2.20745 19.8114 2.23143 19.8114C5.45905 19.813 8.68507 19.8114 11.9127 19.8211C12.1861 19.8211 12.2052 19.6938 12.2052 19.4779C12.1988 18.3132 12.1925 17.1501 12.2084 15.9854C12.2132 15.6858 12.1333 15.6004 11.8328 15.6036C10.0807 15.6181 8.32698 15.6149 6.57489 15.6052C6.33989 15.6052 6.18003 15.6874 6.02017 15.8485C4.81161 17.0535 3.59666 18.2504 2.3849 19.4521C2.29378 19.5424 2.17388 19.6116 2.13072 19.7792H2.12912ZM36.7489 19.8404C35.4572 18.4727 34.1639 17.1082 32.8738 15.7373C32.7443 15.6004 32.5925 15.6101 32.4326 15.6117C30.6773 15.6117 28.9236 15.6197 27.1683 15.6036C26.8534 15.6004 26.7975 15.7067 26.8007 15.9935C26.8166 17.1324 26.8198 18.2713 26.7991 19.4087C26.7927 19.7502 26.895 19.8259 27.2211 19.8243C30.3048 19.8114 33.3902 19.8178 36.4739 19.8146C36.6002 19.8146 36.7345 19.8549 36.7505 19.8404H36.7489ZM21.9824 3.62791C22.5403 3.62791 23.0983 3.62147 23.6562 3.63113C23.8624 3.63436 23.9359 3.56508 23.9327 3.35405C23.9215 2.72579 23.9199 2.09591 23.9327 1.46603C23.9391 1.21795 23.8256 1.18251 23.6194 1.18412C22.5307 1.19056 21.4405 1.19217 20.3518 1.18412C20.1264 1.18251 20.0497 1.25661 20.0545 1.48375C20.0657 2.09913 20.0657 2.71612 20.0545 3.3315C20.0497 3.55542 20.1168 3.63919 20.3486 3.63274C20.8938 3.61825 21.4373 3.62791 21.9824 3.62791Z'/%3E%3Cpath d='M19.5254 13.7798C21.6755 13.7766 23.4724 15.6098 23.4644 17.7942C23.4564 19.9738 21.6867 21.7668 19.5381 21.7733C17.3368 21.7797 15.556 20.0173 15.5496 17.8249C15.5432 15.5615 17.2921 13.783 19.527 13.7798H19.5254ZM19.5222 20.5908C21.0424 20.5892 22.2782 19.3407 22.2862 17.8007C22.2942 16.2542 21.0361 14.9638 19.5174 14.9606C17.9779 14.9574 16.7214 16.2139 16.715 17.762C16.7086 19.3424 17.9507 20.5924 19.5222 20.5908Z'/%3E%3Cpath d='M20.0594 18.7753C19.1855 18.7764 18.7486 18.3393 18.7486 17.464C18.7486 17.2095 18.7406 16.955 18.7549 16.702C18.7741 16.3541 18.9692 16.1656 19.3145 16.1511C19.6598 16.1366 19.882 16.3444 19.9203 16.7037C19.9235 16.7294 19.9203 16.7568 19.9235 16.7842C19.9491 17.3137 20.2188 17.5843 20.7324 17.5961C21.1721 17.6058 21.3895 17.7894 21.4007 18.1599C21.4119 18.5482 21.1833 18.7624 20.7356 18.7753C20.5102 18.7818 20.2848 18.7753 20.0578 18.7753H20.0594Z'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='37' viewBox='0 0 39 37'%3E%3Cg%3E%3Cpath d='M19.5189 36.9985C14.2147 36.9985 8.91048 36.9985 3.60625 36.9985C2.37051 36.9985 2.30337 36.926 2.30337 35.6759C2.30337 30.9333 2.29857 26.1923 2.31296 21.4497C2.31296 21.0695 2.20426 20.9648 1.84457 20.9922C1.44811 21.0212 1.04685 20.9938 0.648796 20.9986C0.36584 21.0019 0.156421 20.8875 0.0477142 20.6233C-0.0593935 20.3575 0.0157417 20.1336 0.218767 19.9322C1.96286 18.2053 3.70696 16.4751 5.44466 14.7418C5.71483 14.4727 6.03615 14.418 6.39425 14.4196C8.32218 14.4292 10.2501 14.4276 12.1765 14.4405C12.4195 14.4405 12.5937 14.3857 12.7568 14.1844C14.6991 11.805 16.6494 9.43212 18.6061 7.06565C18.8044 6.82562 18.8971 6.58881 18.8955 6.27146C18.8827 4.44949 18.8875 2.62752 18.8907 0.807161C18.8907 0.180507 19.0729 0.00169253 19.7044 0.00169253C21.247 0.00169253 22.7881 8.15976e-05 24.3308 0.00169253C24.8999 0.00169253 25.0997 0.201449 25.1029 0.773331C25.1061 1.87199 25.1077 2.97065 25.1029 4.0677C25.0997 4.61864 24.9015 4.81356 24.35 4.81517C23.0343 4.81839 21.717 4.82484 20.4014 4.81034C20.1152 4.80712 20.0769 4.90377 20.0465 5.16958C19.9362 6.1442 20.2383 6.90456 20.8858 7.66492C22.6938 9.78814 24.4171 11.9871 26.1628 14.1651C26.3355 14.3809 26.5129 14.4421 26.7719 14.4421C28.7654 14.4341 30.7605 14.4421 32.7539 14.4325C33.0833 14.4309 33.331 14.5243 33.5676 14.7611C35.2286 16.4204 36.9024 18.07 38.5697 19.7212C38.6449 19.7969 38.7216 19.871 38.7951 19.9483C38.9902 20.1497 39.0589 20.3784 38.939 20.6442C38.8271 20.8907 38.6337 21.0003 38.3667 20.9986C37.9143 20.9954 37.4619 21.0115 37.0111 20.9954C36.7633 20.9858 36.6802 21.0744 36.6961 21.3192C36.7137 21.5995 36.6993 21.8814 36.6993 22.1634C36.6993 26.798 36.6993 31.4327 36.6993 36.0673C36.6993 36.8293 36.5539 36.984 35.7881 36.984C30.364 36.9872 24.9399 36.984 19.5173 36.984C19.5173 36.9888 19.5173 36.9952 19.5173 37.0001L19.5189 36.9985ZM13.3802 25.4948C13.3802 28.7907 13.3834 32.0851 13.3738 35.3811C13.3738 35.6775 13.425 35.8015 13.7575 35.7887C14.4609 35.7613 15.1675 35.758 15.8709 35.7919C16.2498 35.8112 16.3281 35.6775 16.3249 35.3263C16.3025 32.5136 16.2961 29.7009 16.2849 26.8866C16.2817 26.1762 16.4512 25.999 17.145 25.9974C18.7132 25.9974 20.2831 25.9974 21.8513 25.9974C22.5403 25.9974 22.7162 26.1794 22.7178 26.8866C22.7258 29.7267 22.7386 32.5668 22.7306 35.4069C22.7306 35.7355 22.8281 35.808 23.1318 35.7999C23.8224 35.779 24.5162 35.7677 25.2052 35.8032C25.5793 35.8225 25.6321 35.6872 25.6305 35.3521C25.6209 28.8149 25.6225 22.2777 25.6289 15.7405C25.6289 15.4699 25.5617 15.2621 25.3891 15.0511C23.5011 12.7313 21.6179 10.4067 19.7475 8.07088C19.5333 7.80185 19.4502 7.86145 19.2664 8.08699C17.3928 10.3842 15.5112 12.6749 13.6248 14.9609C13.4522 15.1703 13.377 15.3749 13.377 15.6471C13.385 18.9286 13.3818 22.2117 13.3818 25.4932L13.3802 25.4948ZM35.5291 28.38C35.5291 26.0489 35.5243 23.7195 35.5339 21.3885C35.5339 21.1082 35.4876 20.989 35.1695 20.9906C32.5109 21.0083 29.8524 21.0131 27.1939 21.0051C26.8774 21.0051 26.7991 21.0985 26.7991 21.411C26.8087 26.086 26.8087 30.7593 26.7991 35.4343C26.7991 35.7532 26.8854 35.8338 27.1971 35.8322C29.8428 35.8112 32.487 35.7999 35.1327 35.8048C35.4828 35.8048 35.5387 35.6872 35.5371 35.3698C35.5243 33.0388 35.5307 30.7094 35.5307 28.3783L35.5291 28.38ZM12.1909 28.5056C12.1909 28.5056 12.1988 28.5056 12.202 28.5056C12.202 26.1762 12.1956 23.8468 12.2084 21.5174C12.21 21.1855 12.1573 21.0566 11.7832 21.0566C9.12629 21.0583 6.46938 21.0405 3.81247 21.0115C3.50394 21.0083 3.47356 21.1388 3.47516 21.3901C3.47996 26.0747 3.48156 30.7609 3.47196 35.4455C3.47196 35.7355 3.56468 35.7967 3.83325 35.7983C6.50295 35.8064 9.17425 35.8225 11.844 35.8499C12.1253 35.8531 12.1988 35.7709 12.1972 35.4906C12.1861 33.1612 12.1909 30.8318 12.1909 28.5024V28.5056ZM17.4695 31.4343C17.4695 31.4343 17.4807 31.4343 17.4855 31.4343C17.4855 32.7456 17.4967 34.0585 17.4775 35.3698C17.4727 35.6968 17.5766 35.7709 17.8819 35.7661C18.985 35.7484 20.088 35.75 21.1895 35.7661C21.4709 35.7693 21.5476 35.6807 21.546 35.4036C21.5332 32.7794 21.53 30.1568 21.538 27.5326C21.538 27.2362 21.4309 27.1798 21.1671 27.183C20.0513 27.1943 18.9354 27.1975 17.8196 27.183C17.5414 27.1798 17.4599 27.2587 17.4631 27.5407C17.4775 28.8391 17.4695 30.1375 17.4695 31.4359V31.4343ZM2.12912 19.7792C2.18188 19.7969 2.20745 19.8114 2.23143 19.8114C5.45905 19.813 8.68507 19.8114 11.9127 19.8211C12.1861 19.8211 12.2052 19.6938 12.2052 19.4779C12.1988 18.3132 12.1925 17.1501 12.2084 15.9854C12.2132 15.6858 12.1333 15.6004 11.8328 15.6036C10.0807 15.6181 8.32698 15.6149 6.57489 15.6052C6.33989 15.6052 6.18003 15.6874 6.02017 15.8485C4.81161 17.0535 3.59666 18.2504 2.3849 19.4521C2.29378 19.5424 2.17388 19.6116 2.13072 19.7792H2.12912ZM36.7489 19.8404C35.4572 18.4727 34.1639 17.1082 32.8738 15.7373C32.7443 15.6004 32.5925 15.6101 32.4326 15.6117C30.6773 15.6117 28.9236 15.6197 27.1683 15.6036C26.8534 15.6004 26.7975 15.7067 26.8007 15.9935C26.8166 17.1324 26.8198 18.2713 26.7991 19.4087C26.7927 19.7502 26.895 19.8259 27.2211 19.8243C30.3048 19.8114 33.3902 19.8178 36.4739 19.8146C36.6002 19.8146 36.7345 19.8549 36.7505 19.8404H36.7489ZM21.9824 3.62791C22.5403 3.62791 23.0983 3.62147 23.6562 3.63113C23.8624 3.63436 23.9359 3.56508 23.9327 3.35405C23.9215 2.72579 23.9199 2.09591 23.9327 1.46603C23.9391 1.21795 23.8256 1.18251 23.6194 1.18412C22.5307 1.19056 21.4405 1.19217 20.3518 1.18412C20.1264 1.18251 20.0497 1.25661 20.0545 1.48375C20.0657 2.09913 20.0657 2.71612 20.0545 3.3315C20.0497 3.55542 20.1168 3.63919 20.3486 3.63274C20.8938 3.61825 21.4373 3.62791 21.9824 3.62791Z'/%3E%3Cpath d='M19.5254 13.7798C21.6755 13.7766 23.4724 15.6098 23.4644 17.7942C23.4564 19.9738 21.6867 21.7668 19.5381 21.7733C17.3368 21.7797 15.556 20.0173 15.5496 17.8249C15.5432 15.5615 17.2921 13.783 19.527 13.7798H19.5254ZM19.5222 20.5908C21.0424 20.5892 22.2782 19.3407 22.2862 17.8007C22.2942 16.2542 21.0361 14.9638 19.5174 14.9606C17.9779 14.9574 16.7214 16.2139 16.715 17.762C16.7086 19.3424 17.9507 20.5924 19.5222 20.5908Z'/%3E%3Cpath d='M20.0594 18.7753C19.1855 18.7764 18.7486 18.3393 18.7486 17.464C18.7486 17.2095 18.7406 16.955 18.7549 16.702C18.7741 16.3541 18.9692 16.1656 19.3145 16.1511C19.6598 16.1366 19.882 16.3444 19.9203 16.7037C19.9235 16.7294 19.9203 16.7568 19.9235 16.7842C19.9491 17.3137 20.2188 17.5843 20.7324 17.5961C21.1721 17.6058 21.3895 17.7894 21.4007 18.1599C21.4119 18.5482 21.1833 18.7624 20.7356 18.7753C20.5102 18.7818 20.2848 18.7753 20.0578 18.7753H20.0594Z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: var(--nav-color);
  }



  #cms-header #h1 #schoolsbutton .button-action-content {
    opacity: 0;
    visibility: hidden;
  } */
    #cms-header #h1 #schoolsbutton {
        margin-right: 20px;
    }

    #cms-header #h1 #menubutton .menu-field {
        padding-left: 0;
    }

    /* 
  #cms-header #h1 #languagebutton {
    content: "";
    display: block;
    position: relative;
    top: -3px;
    width: 32px;
    height: 32px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='31' viewBox='0 0 32 31' fill='none'%3E%3Cpath d='M16.2454 30.3567C24.6652 30.3567 31.4907 23.785 31.4907 15.6783C31.4907 7.57172 24.6652 1 16.2454 1C7.82558 1 1 7.57172 1 15.6783C1 23.785 7.82558 30.3567 16.2454 30.3567Z' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.571 1.06372C21.747 4.63758 24.1995 9.87072 24.1995 15.6782C24.1995 21.4858 21.747 26.7189 17.571 30.2928' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9197 30.2928C10.7438 26.7189 8.29126 21.4858 8.29126 15.6782C8.29126 9.87072 10.7438 4.63758 14.9197 1.06372' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.2454 1V30.3567' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.65137 8.02002H28.8394' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.65137 23.3367H28.8394' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 15.6782H31.4907' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='31' viewBox='0 0 32 31' fill='none'%3E%3Cpath d='M16.2454 30.3567C24.6652 30.3567 31.4907 23.785 31.4907 15.6783C31.4907 7.57172 24.6652 1 16.2454 1C7.82558 1 1 7.57172 1 15.6783C1 23.785 7.82558 30.3567 16.2454 30.3567Z' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.571 1.06372C21.747 4.63758 24.1995 9.87072 24.1995 15.6782C24.1995 21.4858 21.747 26.7189 17.571 30.2928' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9197 30.2928C10.7438 26.7189 8.29126 21.4858 8.29126 15.6782C8.29126 9.87072 10.7438 4.63758 14.9197 1.06372' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.2454 1V30.3567' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.65137 8.02002H28.8394' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.65137 23.3367H28.8394' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 15.6782H31.4907' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-color: var(--nav-color);
  }

  #cms-header #h1 #languagebutton .menu-field {
    display: none;
  }

  #cms-header #h1 #languagebutton .button-action-content {
    opacity: 0;
    visibility: hidden;
  } */

    #cms-header #h1 .right {
        background-color: var(--primary-color-contrast);
        color: var(--primary-color);
        padding: 20px 30px;
        border-radius: 20px;
        margin-right: 24px;

        .right-left-menu {
            align-items: center;
        }

        .menu-field {
            color: var(--primary-color) !important;
        }

        .button-action-content svg,
        .button-action-content svg path {
            fill: var(--primary-color);
        }

        #menubutton {
            margin-right: 10px;
        }
    }

    #cms-header .button-action.search {
        margin-right: 0;
    }
}

@media only screen and (min-width: 1023px) {
    #app {
        --header-height: 96px;
    }
}

@media only screen and (min-width: 1280px) {
    #app {
        --header-height: 112px;
    }
}

@media only screen and (min-width: 1600px) {
    #cms-header #h1 .right {
        margin-right: 40px;
    }
}

@media only screen and (min-width: 1920px) {
    #cms-header #h1 .right {
        margin-right: 77px;
    }
}

@media (max-width: 960px) {
    #view-header #h1 .left {
        height: 63px;
    }

    #view-header #h1 #searchbutton {
        margin-left: unset;
    }
}

/* Mobile Header Fixes */
@media (max-width: 600px) {
    #view-header #cms-header #h1 {
        .widget-login-dropdown.header-login-dropdown .login-selector {
            border: none;
            letter-spacing: 1px;
            padding: 0;
            margin-left: 0;
            margin-right: 0;
        }

        .header-container {
            padding-inline: 8px;
        }

        .explore-menu-container,
        .schools-menu-container {
            max-width: fit-content;
        }

        .left .logo {
            margin-right: auto;
        }

        .right {
            gap: 10px;
            padding-inline: 0;
            justify-content: space-evenly;

            .right-left-menu {
                flex-wrap: nowrap;
                padding-right: 8px;

                .schools-menu-container {
                    margin-top: 0;
                }
            }
        }

        .right-left-menu,
        .right-right-menu {
            width: auto;
            gap: 16px;
        }

        .right-left-menu {
            padding-right: 0;
        }

        .right-right-menu {
            gap: 18px;
        }

        #searchbutton {
            /* margin-left: 6px; */

            svg {
                margin-top: 2px;
                width: 23px;
                height: 23px;
            }
        }

        #languagebutton .menu-field {
            display: flex;
            position: relative;
            gap: 0;
            align-items: center;
            font-size: 0;
            width: fit-content;

            &::before {
                /* position: absolute; */
                /* left: 0; */
            }
        }
    }
}
/* end */

#view-header #languagebutton .menu-field {
    display: flex;
    gap: 4px;
    align-items: center;
    font-size: 0;

    &::before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background-color: var(--nav-color);
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m5.501 15c-.256-.02-.513-.092-.708-.293l-1.893-1.85c-.197-.193-.201-.509-.008-.707.193-.197.51-.201.707-.008l1.4 1.369v-4.011c0-.276.224-.5.5-.5s.5.224.5.5v4.006l1.4-1.363c.198-.193.515-.189.707.008.193.198.189.514-.008.707l-1.896 1.854c-.192.192-.447.289-.702.289zm13.499-4.511 1.4 1.369c.097.095.224.143.35.143.13 0 .26-.05.357-.15.193-.198.189-.514-.008-.707l-1.893-1.85c-.189-.189-.435-.282-.683-.288-.261-.004-.529.086-.727.284l-1.896 1.854c-.197.193-.201.509-.008.707.192.198.51.202.707.008l1.4-1.363v4.006c0 .276.224.5.5.5s.5-.224.5-.5v-4.011zm-14.5 5.511c-.276 0-.5.224-.5.5v3h-2v-3c0-.276-.224-.5-.5-.5s-.5.224-.5.5v7c0 .276.224.5.5.5s.5-.224.5-.5v-3h2v3c0 .276.224.5.5.5s.5-.224.5-.5v-7c0-.276-.224-.5-.5-.5zm-2-8c.276 0 .5-.224.5-.5v-3h2v3c0 .276.224.5.5.5s.5-.224.5-.5v-7c0-.276-.224-.5-.5-.5s-.5.224-.5.5v3h-2v-3c0-.276-.224-.5-.5-.5s-.5.224-.5.5v7c0 .276.224.5.5.5zm6.5 0c-1.103 0-2-.897-2-2v-4c0-1.103.897-2 2-2s2 .897 2 2v4c0 1.103-.897 2-2 2zm1-6c0-.551-.449-1-1-1s-1 .449-1 1v4c0 .551.449 1 1 1s1-.449 1-1zm13 16v4c0 1.103-.897 2-2 2s-2-.897-2-2v-4c0-1.103.897-2 2-2s2 .897 2 2zm-1 0c0-.552-.449-1-1-1s-1 .448-1 1v4c0 .552.449 1 1 1s1-.448 1-1zm-6-10.5c0-.276-.224-.5-.5-.5h-2v-6.5c0-.276-.224-.5-.5-.5s-.5.224-.5.5v6.5c0 .551.449 1 1 1h2c.276 0 .5-.224.5-.5zm1.5 15.5h-2v-6.5c0-.276-.224-.5-.5-.5s-.5.224-.5.5v6.5c0 .552.449 1 1 1h2c.276 0 .5-.224.5-.5s-.224-.5-.5-.5zm-4.5 0h-2v-6.5c0-.276-.224-.5-.5-.5s-.5.224-.5.5v6.5c0 .552.449 1 1 1h2c.276 0 .5-.224.5-.5s-.224-.5-.5-.5zm-4.5-6c.276 0 .5-.224.5-.5s-.224-.5-.5-.5h-1.5c-.551 0-1 .448-1 1v6c0 .552.449 1 1 1h1.5c.276 0 .5-.224.5-.5s-.224-.5-.5-.5h-1.5v-2.5h1.5c.276 0 .5-.224.5-.5s-.224-.5-.5-.5h-1.5v-2.5zm8.51-9.598 1.286-6.317c.117-.595.611-1.087 1.213-1.085.617.003 1.089.471 1.221 1.116l1.287 6.3c.062.303-.174.585-.487.584-.234-.001-.435-.164-.482-.389l-.335-1.611h-2.388l-.326 1.594c-.047.228-.251.392-.487.391h-.019c-.311-.002-.544-.283-.483-.583zm1.519-2.402h1.976l-.767-3.687c-.081-.43-.375-.376-.448-.032l-.76 3.719z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m5.501 15c-.256-.02-.513-.092-.708-.293l-1.893-1.85c-.197-.193-.201-.509-.008-.707.193-.197.51-.201.707-.008l1.4 1.369v-4.011c0-.276.224-.5.5-.5s.5.224.5.5v4.006l1.4-1.363c.198-.193.515-.189.707.008.193.198.189.514-.008.707l-1.896 1.854c-.192.192-.447.289-.702.289zm13.499-4.511 1.4 1.369c.097.095.224.143.35.143.13 0 .26-.05.357-.15.193-.198.189-.514-.008-.707l-1.893-1.85c-.189-.189-.435-.282-.683-.288-.261-.004-.529.086-.727.284l-1.896 1.854c-.197.193-.201.509-.008.707.192.198.51.202.707.008l1.4-1.363v4.006c0 .276.224.5.5.5s.5-.224.5-.5v-4.011zm-14.5 5.511c-.276 0-.5.224-.5.5v3h-2v-3c0-.276-.224-.5-.5-.5s-.5.224-.5.5v7c0 .276.224.5.5.5s.5-.224.5-.5v-3h2v3c0 .276.224.5.5.5s.5-.224.5-.5v-7c0-.276-.224-.5-.5-.5zm-2-8c.276 0 .5-.224.5-.5v-3h2v3c0 .276.224.5.5.5s.5-.224.5-.5v-7c0-.276-.224-.5-.5-.5s-.5.224-.5.5v3h-2v-3c0-.276-.224-.5-.5-.5s-.5.224-.5.5v7c0 .276.224.5.5.5zm6.5 0c-1.103 0-2-.897-2-2v-4c0-1.103.897-2 2-2s2 .897 2 2v4c0 1.103-.897 2-2 2zm1-6c0-.551-.449-1-1-1s-1 .449-1 1v4c0 .551.449 1 1 1s1-.449 1-1zm13 16v4c0 1.103-.897 2-2 2s-2-.897-2-2v-4c0-1.103.897-2 2-2s2 .897 2 2zm-1 0c0-.552-.449-1-1-1s-1 .448-1 1v4c0 .552.449 1 1 1s1-.448 1-1zm-6-10.5c0-.276-.224-.5-.5-.5h-2v-6.5c0-.276-.224-.5-.5-.5s-.5.224-.5.5v6.5c0 .551.449 1 1 1h2c.276 0 .5-.224.5-.5zm1.5 15.5h-2v-6.5c0-.276-.224-.5-.5-.5s-.5.224-.5.5v6.5c0 .552.449 1 1 1h2c.276 0 .5-.224.5-.5s-.224-.5-.5-.5zm-4.5 0h-2v-6.5c0-.276-.224-.5-.5-.5s-.5.224-.5.5v6.5c0 .552.449 1 1 1h2c.276 0 .5-.224.5-.5s-.224-.5-.5-.5zm-4.5-6c.276 0 .5-.224.5-.5s-.224-.5-.5-.5h-1.5c-.551 0-1 .448-1 1v6c0 .552.449 1 1 1h1.5c.276 0 .5-.224.5-.5s-.224-.5-.5-.5h-1.5v-2.5h1.5c.276 0 .5-.224.5-.5s-.224-.5-.5-.5h-1.5v-2.5zm8.51-9.598 1.286-6.317c.117-.595.611-1.087 1.213-1.085.617.003 1.089.471 1.221 1.116l1.287 6.3c.062.303-.174.585-.487.584-.234-.001-.435-.164-.482-.389l-.335-1.611h-2.388l-.326 1.594c-.047.228-.251.392-.487.391h-.019c-.311-.002-.544-.283-.483-.583zm1.519-2.402h1.976l-.767-3.687c-.081-.43-.375-.376-.448-.032l-.76 3.719z'/%3E%3C/svg%3E");
    }

    & + svg {
        display: none;
    }
}

#view-header #searchbutton {
    &::before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background-color: var(--nav-color);
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='512' height='512'%3E%3Cpath d='M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z'/%3E%3C/svg%3E%0A");
        mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='512' height='512'%3E%3Cpath d='M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z'/%3E%3C/svg%3E%0A");
    }

    & svg {
        display: none;
    }
}

@media only screen and (min-width: 980px) {
    #view-header #languagebutton {
        margin-right: unset !important;

        .menu-field::before {
            background-color: var(--primary-color);
        }
    }

    #view-header #searchbutton::before {
        background-color: var(--primary-color);
    }
}

@media only screen and (max-width: 960px) {
    #view-header #schoolsbutton .menu-field {
        display: flex;
        /* gap: 4px; */
        align-items: center;
        font-size: 0;

        &::before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            background-color: var(--nav-color);
            -webkit-mask-size: contain;
            mask-size: contain;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: center;
            mask-position: center;
            -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24'%3E%3Cpath d='m21.5,6h-7.43l-1.346-1.303,4.394-2.197L12.118,0h-1.118v4.965l-1.07,1.035H2.5c-1.379,0-2.5,1.122-2.5,2.5v15.5h24v-15.5c0-1.378-1.121-2.5-2.5-2.5Zm0,1c.827,0,1.5.673,1.5,1.5v1.5h-4.798l-3.099-3h6.397ZM12,1.059l2.882,1.441-2.882,1.441V1.059ZM2.5,7h6.397l-3.099,3H1v-1.5c0-.827.673-1.5,1.5-1.5Zm11.5,16h-4v-6c0-1.103.897-2,2-2s2,.897,2,2v6Zm1,0v-6c0-1.654-1.346-3-3-3s-3,1.346-3,3v6H1v-12h5.202l5.798-5.612,5.798,5.612h5.202v12h-8ZM4,15h3v1h-3v-1Zm0,4h3v1h-3v-1Zm13-4h3v1h-3v-1Zm0,4h3v1h-3v-1Zm-4-9c0,.552-.448,1-1,1s-1-.448-1-1,.448-1,1-1,1,.448,1,1Z'/%3E%3C/svg%3E%0A");
            mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24'%3E%3Cpath d='m21.5,6h-7.43l-1.346-1.303,4.394-2.197L12.118,0h-1.118v4.965l-1.07,1.035H2.5c-1.379,0-2.5,1.122-2.5,2.5v15.5h24v-15.5c0-1.378-1.121-2.5-2.5-2.5Zm0,1c.827,0,1.5.673,1.5,1.5v1.5h-4.798l-3.099-3h6.397ZM12,1.059l2.882,1.441-2.882,1.441V1.059ZM2.5,7h6.397l-3.099,3H1v-1.5c0-.827.673-1.5,1.5-1.5Zm11.5,16h-4v-6c0-1.103.897-2,2-2s2,.897,2,2v6Zm1,0v-6c0-1.654-1.346-3-3-3s-3,1.346-3,3v6H1v-12h5.202l5.798-5.612,5.798,5.612h5.202v12h-8ZM4,15h3v1h-3v-1Zm0,4h3v1h-3v-1Zm13-4h3v1h-3v-1Zm0,4h3v1h-3v-1Zm-4-9c0,.552-.448,1-1,1s-1-.448-1-1,.448-1,1-1,1,.448,1,1Z'/%3E%3C/svg%3E%0A");
        }

        & + svg {
            display: none;
        }
    }
}

/* END Custom Header */
/* START Custom Menu Hover */
#view-header #m2 .menu-container .content .generated-links .col {
    a {
        position: relative;
    }

    a::after {
        position: absolute;
        height: 1px;
        width: 0%;
        content: "";
        left: 0;
        bottom: -3px;
        background-color: currentColor;
        transition: all 0.35s ease-in-out;
    }

    h2 a::after {
        height: 2px;
    }

    a:hover::after {
        width: 100%;
    }
}

/* END Custom Menu Hover */
/* custom gallery */
#cms-gallery .slide .position button {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    cursor: pointer;
    margin-inline: 5px;
}

#cms-gallery .button-action-content svg,
#cms-gallery .button-action-content svg path:first-child,
#cms-gallery .button-action-content svg rect {
    stroke: transparent;
    fill: transparent;
    background-color: transparent !important;
}

#cms-gallery .gallery-text .title,
#cms-gallery .gallery-text p,
#cms-gallery .gallery-text p a {
    color: #fff;
}

#cms-gallery .gallery-text .title,
#cms-gallery .text h1 {
    font-size: clamp(2.5rem, -3.5rem + 7.5vw, 4rem);
    /* 64>40, 1600>1280 */
    line-height: 1.1;
    font-weight: 900;
    text-shadow: 0px 0px 10px #000000a9;
    margin-bottom: 15px;
}

#cms-gallery .text h2,
#cms-gallery .text h3 {
    text-shadow: 0px 0px 10px #000000a9;

    &,
    & span {
        font-weight: 700;
    }
}

#cms-gallery p {
    font-size: clamp(1.125rem, 0.592rem + 0.87vw, 1.375rem);
    /* 22>18, 1440>980 */
    line-height: 1.3;
    font-weight: 400;
    text-shadow: 0px 0px 5px #000000a9;
    margin-bottom: 30px;

    &:last-child {
        margin-bottom: 0;
    }
}

#home .gallery-text-arrows {
    display: none;
}

#view-theme .gallery-text-wrapper {
    flex-direction: column;
    gap: 20px;
}

#cms-gallery .gallery-text-arrows {
    display: block !important;
    position: relative;
    z-index: 1;
    padding-inline: var(--side-margin);
    padding-bottom: 30px;
    padding-top: 60px;
    box-sizing: border-box;
    width: 100%;
    background: var(--gradient-color) !important;
}

.video-wrapper:has(.gallery-text-arrows) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#cms-gallery label.only-in-cms {
    display: none !important;
}

#cms-gallery .gallery-text-arrows .swiper-slide {
    padding-bottom: 50px;
}

.duval-sandbox .dynamicLink {
    display: none;
}

.gallery-arrows-buttons {
    position: absolute;
    bottom: 15px;
    left: var(--side-margin);
    display: flex;
    align-items: center;
    gap: 10px;
}

.gallery-swiper-button-prev,
.gallery-swiper-button-next {
    text-indent: -999px;
    font-size: 0;
    overflow: hidden;
    width: 30px;
    height: 30px;
    position: relative;
    inset: 0;
    margin: 0;
}

.gallery-swiper-button-prev::after {
    content: "";
    width: 100%;
    height: 100%;
    margin: auto;
    background: var(--svg-arrow-right-white);
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.gallery-swiper-button-next::after {
    content: "";
    width: 100%;
    height: 100%;
    margin: auto;
    background: var(--svg-arrow-right-white);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#cms-gallery .gallery-pagination {
    width: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    max-width: calc(100vw - 165px);
}

.gallery-pagination span {
    cursor: pointer;
    width: 14px;
    height: 14px;
    background-color: #fff;
    opacity: 1;
    display: block;
    margin: 0;
}

.gallery-pagination span.swiper-pagination-bullet-active {
    background-color: var(--secondary-color);
}

#cms-gallery .info .description {
    padding-bottom: 30px;
}

#cms-gallery .description p:last-child a {
    background-color: var(--primary-color-contrast);
    color: var(--primary-color);
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 8px;
    display: inline-flex;
    gap: 2px;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    box-shadow: 0px 3.313px 11.595px 0px rgba(0, 0, 0, 0.35);
    transition:
        background-color 0.3s,
        color 0.3s,
        border-color 0.3s;
    text-shadow: unset;
    text-transform: uppercase;
}

#cms-gallery .description p:last-child:has(a) {
    text-shadow: unset;
}

#cms-gallery .description p:last-child a:hover,
#cms-gallery .description p:last-child a:focus {
    background-color: var(--secondary-color);
    color: var(--primary-color);
}

#cms-gallery .play.button-action,
#cms-gallery .pause.button-action {
    position: relative;
    isolation: isolate;

    & svg {
        margin-left: 2px;
        margin-top: 5px;
    }
}

#cms-gallery .play.button-action::after,
#cms-gallery .pause.button-action::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    content: close-quote;
    width: 33px;
    aspect-ratio: 1/1;
    border: 2px solid #fff;
    transform: rotate(45deg) translateX(11px);
    transform-origin: center center;
    box-sizing: border-box;
}

#cms-gallery .slide {
    --image-height: 50.241vw;
}

#cms-gallery {
    --side-margin: 24px;
}

#cms-gallery .slide,
#cms-gallery .image,
#cms-gallery .image-wrapper,
#cms-gallery .responsive-image img,
#cms-gallery .video-wrapper {
    height: auto;
    min-height: var(--image-height);
}

#cms-gallery .video {
    height: 100%;
    object-position: top center;
}

#cms-gallery .info,
#cms-gallery .info .gradient {
    padding-inline: 77px;
    box-sizing: border-box;
}

@media only screen and (max-width: 759px) {
    #cms-gallery .info {
        padding-inline: 20px;

        .gradient {
            padding-inline: 0;
        }
    }
}

#cms-gallery .arrows {
    margin-bottom: 20px;
    right: var(--side-margin);
}

#cms-gallery .info .title {
    margin-bottom: 24px;
    display: block;
}

#cms-gallery .info .title,
#cms-gallery .info .description {
    margin-inline: 0;
    text-align: left;
}

#cms-gallery .slide .position {
    margin-left: auto;
    margin-bottom: 0;
    transform: translateY(10px);
    margin-top: 0;
    z-index: 2;

    @media only screen and (max-width: 1279px) {
        transform: none;
    }
}

#cms-gallery .navigation {
    height: 0;
    overflow: visible;

    & button {
        transform: translateY(-100%);
    }
}

.title-on-image {
    display: none !important;
}

#cms-gallery .title,
#cms-gallery .description {
    margin-right: 0;
    margin-left: var(--side-margin);
}

#cms-gallery .gallery-text .title,
#cms-gallery .gallery-text .description {
    margin-inline: 0;
}

#g2 {
    --gradient-color: linear-gradient(
        180deg,
        rgba(1, 73, 145, 0) 0%,
        rgba(0, 0, 0, 0.8) 80.73%
    );
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 760px) {
    #cms-gallery .info .gradient,
    #cms-gallery .text {
        padding-right: 10%;
        padding-top: 40px;
        padding-bottom: 40px;
        left: 0;
        box-sizing: border-box;
        background: var(--gradient-color) !important;
        position: absolute;
        bottom: 0;
        z-index: 1;
        width: 100%;
        transform: none;
    }
}

@media only screen and (min-width: 1080px) {
    #cms-gallery .info .gradient,
    #cms-gallery .text {
        padding-right: 40%;
        padding-bottom: 110px;
    }
}

@media only screen and (max-width: 600px) {
    #cms-gallery .text {
        box-sizing: border-box;
        padding: 20px;

        .title,
        .description {
            margin-inline: 0;
        }

        .title h2 {
            font-size: 20px;
        }
    }
}

#cms-gallery .play.button-action,
#cms-gallery .pause.button-action {
    bottom: 15px;
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    right: var(--side-margin);
    width: 45px;
    height: 45px;

    @media only screen and (max-width: 759px) {
        bottom: 55px;
    }
}

@media only screen and (max-width: 600px) {
    #cms-gallery .play.button-action,
    #cms-gallery .pause.button-action {
        width: 35px;
        height: 35px;
        bottom: 15px;
    }

    #cms-gallery .navigation-small .play.button-action,
    #cms-gallery .navigation-small .pause.button-action {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        bottom: 0;
    }

    #cms-gallery .play.button-action::after,
    #cms-gallery .pause.button-action::after {
        transform: rotate(45deg) translateX(4px);
    }
}

#cms-gallery .info .description {
    margin-bottom: 30px;
}

@media only screen and (min-width: 1080px) {
    #cms-gallery .gallery-text-arrows {
        padding-right: 40%;
        padding-bottom: 60px;
        padding-top: 40px;
    }

    .gallery-arrows-buttons {
        bottom: 140px;
        left: auto;
        right: var(--side-margin);
    }

    #cms-gallery .play.button-action,
    #cms-gallery .pause.button-action {
        bottom: 50px;
        left: var(--side-margin);
        right: auto;
    }
}

@media only screen and (min-width: 1600px) {
    #cms-gallery .slide .position button {
        width: 15px;
        height: 15px;
    }

    #cms-gallery {
        --side-margin: 40px;
    }
}

@media only screen and (min-width: 1920px) {
    #cms-gallery {
        --side-margin: 77px;
    }
}

@media only screen and (max-width: 500px) {
    #cms-gallery {
        --side-margin: 15px;
    }

    #cms-gallery .gallery-text .title,
    #cms-gallery .title h1 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 759px) {
    #cms-gallery .slide {
        position: relative;
        isolation: isolate;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-height: var(--image-height);
        padding-top: 20vw;
        box-sizing: border-box;
    }

    #home #cms-gallery .image-wrapper {
        height: auto;
        min-height: 0;
        overflow: visible;
        position: static;
    }

    #cms-gallery .image-wrapper .img-slider,
    #cms-gallery .image-wrapper .video-wrapper {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height: var(--image-height);

        img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }

    #cms-gallery .info .gradient,
    #cms-gallery .text {
        padding-right: 25px;
        padding-top: 30px;
        padding-bottom: 40px;
        left: 0;
        box-sizing: border-box;
        background: var(--gradient-color) !important;
        position: relative;
        bottom: 0;
        z-index: 1;
        width: 100%;
        transform: none;
        height: auto;
        margin-top: auto;
        justify-content: flex-end;
    }

    #cms-gallery .description p:last-child a {
        padding: 10px 20px;
        font-size: 16px;
    }

    #cms-gallery .left-arrow.button-action,
    #cms-gallery .right-arrow.button-action {
        transform: none;
        top: auto;
        bottom: 0;
        z-index: 2;

        svg {
            height: 50px;
            width: 50px;
        }
    }

    #cms-gallery .left-arrow.button-action {
        left: auto;
        right: 30px;
    }

    #cms-gallery .right-arrow.button-action {
        right: 8px;
    }
}

/* END custom gallery */

/* top static section */
.custom-section.content-area {
    background-color: #f1f1f1;
    padding: clamp(2.5rem, -1.495rem + 6.522vw, 6.25rem)
        clamp(5rem, -5.985rem + 17.935vw, 15.313rem);

    @media only screen and (max-width: 760px) {
        padding: 30px 20px;
    }

    .content-description {
        p {
            color: #646464;
            font-size: clamp(1.125rem, 0.602rem + 0.854vw, 1.563rem);
            line-height: 1.5;
            letter-spacing: 0.02em;
            margin-bottom: 30px;

            strong {
                color: var(--primary-color);
                font-weight: 700;
            }
        }
    }

    .action {
        text-align: center;
        padding-top: 15px;
    }

    .button {
        display: inline-flex;
        padding: 15px 25px;
        border-radius: 10px;
        background: var(--primary-color);
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.35);
        transition: all 0.35s ease-in-out;
        position: relative;
        color: var(--primary-color-contrast);
        gap: 15px;
        font-weight: 400;
        font-size: 18px;
        line-height: 1.2;
        margin-inline: auto;
        transition: all 0.35s ease-in-out;

        @media only screen and (min-width: 1440px) {
            font-size: 22px;
            padding: 25px 45px;
        }

        a {
            color: var(--secondary-color);
            text-decoration: none;
            font-weight: 700;
            transition: all 0.35s ease-in-out;
            padding-left: 15px;

            border-left: 2px solid var(--primary-color-contrast);

            &::after {
                position: absolute;
                inset: 0;
                z-index: 1;
                cursor: pointer;
                content: "";
            }
        }

        &:hover {
            background-color: var(--primary-color-contrast);
            color: #333;

            a {
                color: var(--primary-color);

                border-left-color: #333;
            }
        }
    }
}

.main:has(.custom-section.content-area) + .main .custom-section {
    padding-top: 0;
}

/* END */

/* Custom buttons v6 updates */
#app .custom-buttons-v6 {
    --pattern-image: transparent;
    --buttons-v6-bg-color: #f1f1f1;
    --buttons-v6-text-color: #646464;
    --buttons-v6-icon-bg-color: color-mix(
        in srgb,
        var(--primary-color) 18%,
        transparent
    );
    padding-inline: var(--side-padding);

    &::before {
        display: none;
    }

    &::after {
        position: absolute;
        width: 100%;
        content: "";
        height: 50%;
        bottom: 0;
        left: 0;
        background-color: #fff;
        z-index: -1;
    }

    .header-slot-container h2 {
        font-size: clamp(1.375rem, 0.03rem + 2.195vw, 2.5rem);
    }

    .custom-buttons-v6-wrapper {
        border-radius: 26px;
        border: 2px solid #fff;
        background: #fff;
        box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.15);
        max-width: 100%;
        padding-inline: clamp(2.5rem, -2.16rem + 7.609vw, 6.875rem);
        padding-block: clamp(1.563rem, -1.433rem + 4.891vw, 4.375rem);
    }

    .header-slot-container {
        margin-top: 0;
    }

    .button-group {
        margin-top: clamp(1.25rem, 0.584rem + 1.087vw, 1.875rem);
        padding: clamp(0.938rem, 0.272rem + 1.087vw, 1.563rem)
            clamp(1.875rem, -0.122rem + 3.261vw, 3.75rem);
    }

    .button-group > div .button-item .button-text {
        font-size: clamp(1.25rem, 0.451rem + 1.304vw, 2rem);
    }
}

/* END */

/* Section CTAS */
#section-ctas.custom-section {
    padding-inline: 0;
    padding-top: 50px;
    padding-bottom: 55px;
    width: 100%;
    overflow: hidden;

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    .cta-wrapper {
        display: flex;
        flex-direction: column;
        gap: clamp(1.875rem, -3.354rem + 8.537vw, 6.25rem);

        & > div {
            width: 100%;
            box-sizing: border-box;

            &:nth-of-type(even) {
                .cta-card {
                    flex-direction: row;

                    .image {
                        padding-left: 2%;
                        padding-right: 0;

                        img {
                            border-radius: 20px 0 0 20px;
                            width: 100%;
                        }
                    }
                }
            }
        }

        .cta-card {
            display: flex;
            align-items: center;
            flex-direction: row-reverse;
            gap: 5%;
            position: relative;
            isolation: isolate;

            &::after {
                position: absolute;
                width: 100vw;
                left: 50%;
                bottom: 0;
                transform: translateX(-50%) translateY(100px) scaleY(-1);
                height: 230px;
                z-index: -1;
                mask-image: url("data:image/svg+xml,%3Csvg width='5810' height='330' viewBox='0 0 5810 330' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M968.353 43.9998C1212.77 43.9998 1336.94 84.1081 1457.03 122.888C1516.13 141.981 1577.26 161.718 1652.05 176.212C1735.95 192.474 1829.06 200.375 1936.69 200.375C2044.32 200.375 2137.43 192.474 2221.33 176.212C2296.13 161.718 2357.24 141.981 2416.34 122.888C2536.42 84.0978 2660.59 43.9998 2905.02 43.9998C3149.45 43.9998 3273.61 84.1081 3393.7 122.888C3452.8 141.981 3513.93 161.718 3588.71 176.212C3672.6 192.474 3765.72 200.375 3873.35 200.375C3980.97 200.375 4074.09 192.474 4157.98 176.212C4232.78 161.718 4293.9 141.981 4353 122.888C4473.07 84.0978 4597.25 43.9998 4841.67 43.9998C5086.1 43.9998 5210.26 84.1081 5330.35 122.888C5389.45 141.981 5450.57 161.718 5525.36 176.212C5609.26 192.474 5702.37 200.375 5810 200.375V219.918C5565.59 219.918 5441.41 179.81 5321.32 141.03C5262.22 121.937 5201.11 102.2 5126.31 87.7059C5042.41 71.4439 4949.3 63.5429 4841.67 63.5429C4734.04 63.5429 4640.93 71.4439 4557.03 87.7059C4482.24 102.2 4421.12 121.947 4362.01 141.03C4241.93 179.82 4117.76 219.918 3873.33 219.918C3628.91 219.918 3504.75 179.81 3384.66 141.03C3325.56 121.937 3264.43 102.2 3189.65 87.7059C3105.75 71.4439 3012.63 63.5429 2905.01 63.5429C2797.38 63.5429 2704.26 71.4439 2620.37 87.7059C2545.57 102.2 2484.46 121.947 2425.36 141.03C2305.28 179.82 2181.11 219.918 1936.68 219.918C1692.25 219.918 1568.08 179.81 1448 141.03C1388.9 121.937 1327.77 102.2 1252.98 87.7059C1169.08 71.4439 1075.97 63.5429 968.34 63.5429C860.711 63.5429 767.598 71.4439 683.701 87.7059C608.906 102.2 547.789 121.947 488.676 141.03C368.598 179.82 244.427 219.918 0 219.918V200.375C107.629 200.375 200.742 192.474 284.639 176.212C359.434 161.718 420.55 141.981 479.65 122.888C599.728 84.0978 723.9 43.9998 968.327 43.9998H968.353Z' fill='%23646464' fill-opacity='0.05'/%3E%3Cpath d='M968.353 -0.000183105C1212.77 -0.000183105 1336.94 40.1081 1457.03 78.8876C1516.13 97.9809 1577.26 117.718 1652.05 132.212C1735.95 148.474 1829.06 156.375 1936.69 156.375C2044.32 156.375 2137.43 148.474 2221.33 132.212C2296.13 117.718 2357.24 97.9809 2416.34 78.8876C2536.42 40.0979 2660.59 -0.000183105 2905.02 -0.000183105C3149.45 -0.000183105 3273.61 40.1081 3393.7 78.8876C3452.8 97.9809 3513.93 117.718 3588.71 132.212C3672.6 148.474 3765.72 156.375 3873.35 156.375C3980.97 156.375 4074.09 148.474 4157.98 132.212C4232.78 117.718 4293.9 97.9809 4353 78.8876C4473.07 40.0979 4597.25 -0.000183105 4841.67 -0.000183105C5086.1 -0.000183105 5210.26 40.1081 5330.35 78.8876C5389.45 97.9809 5450.57 117.718 5525.36 132.212C5609.26 148.474 5702.37 156.375 5810 156.375V175.918C5565.59 175.918 5441.41 135.81 5321.32 97.0303C5262.22 77.937 5201.11 58.1997 5126.31 43.7059C5042.41 27.4439 4949.3 19.5429 4841.67 19.5429C4734.04 19.5429 4640.93 27.4439 4557.03 43.7059C4482.24 58.1997 4421.12 77.9472 4362.01 97.0303C4241.93 135.82 4117.76 175.918 3873.33 175.918C3628.91 175.918 3504.75 135.81 3384.66 97.0303C3325.56 77.937 3264.43 58.1997 3189.65 43.7059C3105.75 27.4439 3012.64 19.5429 2905.01 19.5429C2797.38 19.5429 2704.26 27.4439 2620.37 43.7059C2545.57 58.1997 2484.46 77.9472 2425.36 97.0303C2305.28 135.82 2181.11 175.918 1936.68 175.918C1692.25 175.918 1568.08 135.81 1448 97.0303C1388.9 77.937 1327.77 58.1997 1252.98 43.7059C1169.08 27.4439 1075.97 19.5429 968.34 19.5429C860.711 19.5429 767.598 27.4439 683.701 43.7059C608.906 58.1997 547.79 77.9472 488.676 97.0303C368.599 135.82 244.427 175.918 0 175.918V156.375C107.628 156.375 200.742 148.474 284.639 132.212C359.434 117.718 420.55 97.9809 479.651 78.8876C599.728 40.0979 723.9 -0.000183105 968.327 -0.000183105H968.353Z' fill='%23646464' fill-opacity='0.05'/%3E%3C/svg%3E%0A");
                mask-repeat: no-repeat no-repeat;
                mask-position: center center;
                mask-size: auto 100%;
                background-color: #666;
                content: "";
                display: block;

                @media only screen and (min-width: 1280px) {
                    height: 330px;
                }
            }
        }

        .left-content {
            width: 50%;
            box-sizing: border-box;
            padding: 20px 3%;
            text-align: left;
            color: #646464;

            .h3 {
                color: var(--primary-color);
                font-size: clamp(1.75rem, 0.202rem + 1.935vw, 2.5rem);
                line-height: 1.2;
                font-weight: 700;
                margin-bottom: 10px;
                text-align: left;
            }

            .cta-item-text {
                font-size: clamp(1.063rem, 0.675rem + 0.484vw, 1.25rem);
                line-height: 1.4;
                letter-spacing: 0.02em;
                color: currentColor;
            }

            .button {
                &:not(:has(a)) {
                    display: none;
                }

                a {
                    display: inline-block;
                    background-color: var(--primary-color);
                    color: var(--primary-color-contrast);
                    padding: 8px 18px;
                    text-decoration: none;
                    font-weight: 700;
                    font-size: 17px;
                    border-radius: 10px;
                    margin-top: clamp(1.563rem, -1.663rem + 4.032vw, 3.125rem);
                    transition: all 0.35s ease-in-out;

                    @media only screen and (min-width: 1400px) {
                        font-size: 19px;
                        padding: 12px 25px;
                    }

                    &:hover {
                        background-color: var(--secondary-color);
                        color: var(--secondary-color-contrast);
                    }
                }
            }
        }

        .image {
            width: 50%;
            padding-right: 2%;

            img {
                border-radius: 0 20px 20px 0;
                background: lightgray -60.186px -3.192px / 107.574% 100%
                    no-repeat;
                box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
                display: block;
                max-width: 100%;
                height: auto;
                width: 100%;
            }
        }

        & > div:nth-child(odd) {
            .cta-card::after {
                transform: translateX(-50%) translateY(-40px) scaleY(1);
                bottom: auto;
                top: 100%;
            }
        }

        & > div:last-child {
            .cta-card::after {
                display: none;
            }
        }

        & > div:first-child {
            .cta-card::after {
                display: none;
            }

            .left-content {
                text-align: left;
                position: relative;

                &::after {
                    position: absolute;
                    content: "";
                    top: 0;
                    height: 100%;
                    left: -20px;
                    width: 7px;
                    background: rgba(241, 241, 241, 0.87);
                    display: block;
                }

                .h3 {
                    color: var(--primary-color);
                    font-weight: 700;
                    font-size: clamp(1.875rem, -2.254rem + 5.161vw, 3.875rem);
                    margin-bottom: 20px;
                }

                .cta-item-text {
                    font-size: clamp(1.188rem, 0.542rem + 0.806vw, 1.5rem);
                }
            }
        }

        @media only screen and (max-width: 760px) {
            .cta-card {
                flex-direction: column-reverse !important;
                padding-inline: 25px;
                margin-inline: auto;
                gap: 30px;
                margin-bottom: 30px;

                .left-content,
                .image {
                    width: 100%;
                    padding: 0 !important;
                }

                .image img {
                    border-radius: 10px !important;
                }
            }
        }
    }
}

/* END section CTAS */

/* ------------- START News Customisation ------------- */
#news-n6 {
    --border-radius: 20px;
    --section-side-padding: 70px;
    --card-side-padding: 25px;
    --fck-shadow: 15px;

    @media screen and (max-width: 767px) {
        --section-side-padding: 10px;
        --card-side-padding: 15px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .card-slider {
        box-sizing: border-box;
        padding-inline: calc(var(--section-side-padding) - var(--fck-shadow));
    }

    @media only screen and (min-width: 1280px) {
        .see-all-container {
            padding-left: var(--section-side-padding);
            padding-right: var(--section-side-padding);
            margin-left: 0;
        }
    }

    .news-wrapper {
        overflow: hidden;
        /* width: calc(100% - var(--section-side-padding) * 2); */

        gap: 3%;
    }

    .nav {
        margin-top: unset;
        margin-bottom: unset;

        .pager-section {
            display: none;
        }

        .button-section {
            margin-left: unset;

            .button {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.45));
                box-sizing: border-box;

                svg {
                    display: none;
                }

                &:after {
                    content: "";
                    border: solid var(--arrow-icon-color);
                    border-width: 0 4px 4px 0;
                    display: inline-block;
                    padding: 6px;
                }
            }
        }

        .scroll-left.button {
            position: absolute;
            left: 15px;
            top: 50%;
            padding-left: 10px;

            &:after {
                transform: rotate(135deg);
                -webkit-transform: rotate(135deg);
            }
        }

        .scroll-right.button {
            position: absolute;
            right: 15px;
            top: 50%;
            padding-right: 10px;

            &:after {
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
            }
        }
    }

    .story {
        min-width: calc(32% - var(--fck-shadow));
        border-radius: var(--border-radius);
        overflow: hidden;
        /* margin-top: 1em; */
        /* margin-bottom: 1.5em; */
        background-color: #fff;
        position: relative;
        padding: 15px;
        box-sizing: border-box;

        &:after {
            content: "Read More";
            display: block;
            margin-top: 1em;
            margin-bottom: 1em;
            color: #646464;
            padding: 0.5em var(--card-side-padding);
            font-weight: 700;
            text-decoration: underline;
        }

        .news-image-title-link {
            position: static;

            &:before {
                content: "";
                display: block;
                position: absolute;
                width: calc(100% - 30px);
                height: calc(100% - 30px);
                top: 15px;
                left: 15px;
                box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.35);
                border-radius: var(--border-radius);
            }

            .news-image {
                border-radius: var(--border-radius) var(--border-radius) 0 0;

                .image-hidden-wrapper {
                    border-top: unset;
                    padding-top: 56.25%;
                }
            }

            .news-date {
                margin-top: unset;
                height: 60px;
                display: flex;
                align-items: center;
                background-color: var(--article-date-color);
                color: #fff;
                padding: 0 var(--card-side-padding);
            }

            .news-title {
                --font-size: 20px;
                --line-height: 1.4;
                --lines-to-show: 2;
                padding: 0 var(--card-side-padding);
                margin-top: 1em;
                display: block;
                display: -webkit-box;
                font-size: var(--font-size);
                font-weight: 700;
                line-height: var(--line-height);
                height: calc(var(--line-height) * var(--lines-to-show));
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: var(--lines-to-show);
            }

            .news-snippet {
                display: none;
            }
        }

        .news-snippet {
            display: block;
            padding: 0.5em var(--card-side-padding);
            font-weight: 400;
        }
    }
}

@media only screen and (max-width: 1279px) {
    #view-news #news-n6 {
        padding-inline: var(--side-padding);

        .see-all-container {
            margin-left: 0;
            width: 100%;
        }

        .card-slider {
            padding: 0 15px;
            overflow: visible;
        }

        .news-wrapper {
            flex-direction: row;
            flex-wrap: wrap;
            gap: 15px;
            margin-left: -15px;
            margin-right: -15px;
            overflow: visible;

            .story {
                margin-left: 0 !important;
                width: 20%;
            }
        }
    }
}

@media only screen and (max-width: 960px) {
    #view-news #news-n6 {
        .card-slider {
            padding: 0 5px;
        }

        .news-wrapper {
            .story {
                margin-left: 0 !important;
                width: 33%;
            }
        }
    }
}

@media only screen and (max-width: 600px) {
    #view-news #news-n6 {
        padding-inline: 25px !important;

        .news-wrapper {
            .story {
                margin-left: 0 !important;
                width: 100%;
            }
        }
    }
}

/* ------------- END News Customisation ------------- */

/* ------------------------------------------------- */
/* ------------- CUSTOM FLIP CARDS START----------- */
/* ------------------------------------------------- */

#section-flip-cards.flip-cards-section {
    --section-bg-color: #f1f1f1;
    display: flex;
    flex-direction: column;
    margin-inline: auto;
    box-sizing: border-box;
    background-color: var(--section-bg-color, var(--primary-color));
    position: relative;
    isolation: isolate;

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }
}

#section-flip-cards .header-slot-container {
    margin-inline: auto;
}

#section-flip-cards .header-slot-container h2 {
    color: var(--section-title-color, var(--primary-color-contrast));
    padding: 0;
}

#section-flip-cards.flip-cards-section .flip-cards {
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
    #section-flip-cards.flip-cards-section .flip-cards {
        grid-template-columns: repeat(12, 1fr);
    }

    #section-flip-cards.flip-cards-section .flip-cards > div:nth-child(1),
    #section-flip-cards.flip-cards-section .flip-cards > div:nth-child(2),
    #section-flip-cards.flip-cards-section .flip-cards > div:nth-child(3) {
        grid-column: auto / span 4;
    }

    #section-flip-cards.flip-cards-section .flip-cards > div {
        grid-column: auto / span 6;
    }
}

#section-flip-cards.flip-cards-section .flip-cards {
    gap: 0;
}

#section-flip-cards.flip-cards-section .flip-cards .flip-card {
    position: relative;
    width: 100%;
    height: clamp(18.375rem, 4.78rem + 22.195vw, 29.75rem);
    transform-style: preserve-3d;
    transform: scale(1);
    transition: transform 0.1s;
    will-change: transform;
}

#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card
    .flip-card-number {
    font-size: clamp(1.75rem, -0.267rem + 3.293vw, 3.438rem);
    font-weight: 700;
}

#section-flip-cards.flip-cards-section .flip-cards .flip-card .flip-card-number,
#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card
    .flip-card-subtitle {
    position: relative;
    color: inherit;
    z-index: 1;
    transition: 2s opacity 0.3s;
    opacity: 1;
    text-align: left;
}

#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card
    .flip-card-subtitle {
    font-size: clamp(1.25rem, -0.244rem + 2.439vw, 2.5rem);
    font-weight: 400;
}

#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card
    .flip-card-front:has(img)
    .flip-card-number,
#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card
    .flip-card-front:has(img)
    .flip-card-subtitle {
    color: #fff;
}

#section-flip-cards.flip-cards-section .flip-cards .flip-card .flip-card-image {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    position: absolute;
}

#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card
    .flip-card-image
    img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card
    .flip-card-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, var(--primary-color) 0%, #00000000 55%);
}

#section-flip-cards.flip-cards-section .flip-cards .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
    transform-style: preserve-3d;
    will-change: transform;
}

#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card:hover
    .flip-card-inner,
#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card:focus-within
    .flip-card-inner {
    transform: rotateY(180deg);
    transition-delay: 0s;
}

#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card:hover
    .flip-card-image,
#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card:focus-within
    .flip-card-image {
    transition: 0s opacity 0.5s;
    opacity: 0;
}

#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card:hover
    .flip-card-number,
#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card:hover
    .flip-card-subtitle,
#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card:focus-within
    .flip-card-number,
#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card:focus-within
    .flip-card-subtitle {
    transition: 0s opacity 0s;
    opacity: 0;
}

.flip-card-subtitle {
    margin-top: 5px;
}

/* #section-flip-cards.flip-cards-section .flip-cards>div:nth-child(even) .flip-card-front {
    background: url('diamond-pattern-1.png');
    background-size: cover;
    background-position: bottom;
    background-blend-mode: overlay;
}

#section-flip-cards.flip-cards-section .flip-cards>div:nth-child(even) .flip-card-front,
#section-flip-cards.flip-cards-section .flip-cards>div:nth-child(even) .flip-card-back {
    background-color: var(--secondary-color);
    color: var(--secondary-color-contrast);

    & .link a::after {
        background-color: currentColor;
    }
} */

#section-flip-cards.flip-cards-section .flip-cards .flip-card-front,
#section-flip-cards.flip-cards-section .flip-cards .flip-card-back {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 0.5rem;
    box-shadow:
        0 4px 6px -1px rgb(0 0 0 / 0.1),
        0 2px 4px -2px rgb(0 0 0 / 0.1);
    padding: 1.5rem;
}

#section-flip-cards.flip-cards-section .flip-cards .flip-card-front {
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
    border-radius: 0;
    overflow: hidden;
    color: var(--primary-color-contrast);
}

#section-flip-cards.flip-cards-section .flip-cards .flip-card-back {
    background-color: var(--secondary-color);
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    border-radius: 0;
    overflow: hidden;
    color: var(--secondary-color-contrast);
    transform: rotateY(180deg);
    will-change: transform;
}

#section-flip-cards.flip-cards-section
    .flip-cards
    > div:nth-child(even)
    .flip-card-back {
    background-color: var(--primary-color);
    color: var(--primary-color-contrast);
}

#section-flip-cards.flip-cards-section .button.link a {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    width: fit-content;
    color: currentColor;
    position: relative;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 8px;

    @media only screen and (min-width: 1440px) {
        font-size: 18px;
    }

    &::after {
        content: "";
        width: 20px;
        height: 20px;
        background-color: currentColor;
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M10.8618 3.44922L17.9125 10.4999L10.8618 17.5507' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.9124 10.5L2.91248 10.5' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        mask-repeat: no-repeat no-repeat;
        mask-position: right center;
        mask-size: contain;
        transition: all 0.35s ease-in-out;
    }

    &:hover::after,
    &:focus::after {
        transform: translateX(5px);
    }
}

#section-flip-cards.flip-cards-section
    .flip-cards
    .flip-card
    .flip-card-title
    h3 {
    font-size: clamp(22px, calc((22 / 390) * 100dvw), 24px);
    padding: 8px 0;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

#section-flip-cards.flip-cards-section .flip-card-text p span {
    white-space: normal !important;
    font-size: 16px;
    line-height: 1.3;
    display: block;
    text-align: left;
}

/* ------------------------------------------------- */
/* ------------- CUSTOM FLIP CARDS END   ----------- */
/* ------------------------------------------------- */

/* Join our team */
.custom-section.image-text {
    --section-side-padding: 70px;
    --fck-shadow: 15px;
    box-sizing: border-box;
    padding-block: 50px;
    padding-inline: 32px;

    @media only screen and (min-width: 1400px) {
        padding-block: 70px;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    .container {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
        padding-inline: calc(var(--section-side-padding) - var(--fck-shadow));

        @media only screen and (min-width: 960px) {
            flex-direction: row;
            justify-content: space-between;
            gap: 3%;
        }
    }

    .image {
        width: 100%;
        max-width: 500px;

        @media only screen and (min-width: 960px) {
            padding-inline: 15px;
            width: calc(34% - 40px);
            max-width: 100%;
        }

        & > span {
            padding-top: 56.25%;
            position: relative;
            display: block;
            filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.35));
            border-radius: 20px;
            overflow: hidden;
        }

        img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: block;
            border: 0;
            object-fit: cover;
        }
    }

    .right-details {
        @media only screen and (min-width: 1024px) {
            padding-inline: 1%;
            width: calc(63% + 40px);
        }
    }

    .heading {
        margin-bottom: 10px;

        h3 {
            font-size: clamp(1.75rem, -0.056rem + 2.258vw, 2.625rem);
            line-height: 1.2;
            color: var(--primary-color);
            font-weight: 700;
        }
    }

    .text {
        color: #646464;
        font-size: clamp(1.063rem, 0.417rem + 0.806vw, 1.375rem);
        line-height: 1.4;
        font-weight: 400;
    }

    .action {
        margin-top: 30px;

        .button-link {
            a {
                display: inline-block;
                padding: 14px 30px;
                text-align: center;
                font-size: 16px;
                line-height: 1.1;
                font-weight: 700;
                transition: all 0.35s ease-in-out;
                background-color: var(--primary-color);
                color: var(--primary-color-contrast);
                text-decoration: none;
                border-radius: 10px;

                @media only screen and (min-width: 1380px) {
                    font-size: 18px;
                }

                &:hover {
                    background-color: var(--secondary-color);
                    color: var(--secondary-color-contrast);
                }
            }
        }
    }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
    .custom-section.image-text {
        .image {
            width: 33%;
        }

        .right-details {
            width: calc(66% - 15px);
        }
    }
}

@media only screen and (max-width: 1279px) {
    .custom-section.image-text {
        padding-inline: var(--side-padding);

        .container {
            padding-inline: 0;
            gap: 15px;
        }
    }
}

/* END join our team */

/* video stories */
#app .video-stories-section {
    padding-bottom: clamp(2.5rem, -1.452rem + 6.452vw, 5rem);
    padding-inline: 20px;
    padding-top: 0;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;

    img {
        max-width: 100%;
        height: auto;
    }

    .see-all-container.see-all-top {
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        position: relative;
        isolation: isolate;
        padding-inline: var(--side-padding);
        padding-block: clamp(2.5rem, -3.5rem + 16vw, 12.5rem);
        background: #e7e6e6;
        color: #646464;
        min-height: 500px;
        border-radius: 8px;

        .image {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            opacity: 0.55;
            border-radius: 8px;
            overflow: hidden;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }

    .header-slot-container {
        flex-direction: column;
        text-transform: none;
        text-align: center;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        padding-bottom: 50px;
        max-width: 1200px;
        margin-bottom: 0;

        &::before,
        &::after {
            display: none;
        }

        .header-top {
            font-size: 16px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }

        .header-bottom {
            margin-bottom: 30px;
            line-height: 1.1;
            color: var(--primary-color);
        }

        .intro {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            box-sizing: border-box;

            & p {
                font-size: clamp(1.125rem, -0.165rem + 1.613vw, 1.75rem);
                line-height: 1.3;
                font-weight: 400;

                span {
                    white-space: normal !important;
                }
            }
        }
    }

    .videos-section-wrapper {
        padding-inline: var(--side-padding);
    }

    #slider-story {
        --columns: 1;
        --gap: 20px;
        overflow: visible;
        margin-top: -150px;
        z-index: 2;
        isolation: isolate;
        position: relative;
        box-sizing: border-box;

        @media only screen and (min-width: 600px) {
            --columns: 2;
        }

        @media only screen and (min-width: 960px) {
            --columns: 3;
        }

        @media only screen and (min-width: 1280px) {
            --columns: 4;
        }

        .video-stories-slides {
            & > div {
                overflow: hidden;
                border-radius: 24px;
                box-shadow: 0px 32px 64px -12px rgba(0, 0, 0, 0.14);
                transition: all 0.35s ease-in-out;
                position: relative;
                isolation: isolate;
                min-height: 26.563vw;
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                background-color: #000;

                & a {
                    text-decoration: none;
                }

                &:hover {
                    box-shadow: 0px 12px 74px -12px rgba(0, 0, 0, 0.5);
                    position: relative;

                    .video-image img {
                        transform: scale(1.1);
                        opacity: 0.8;
                    }

                    .content:after {
                        opacity: 0.7;
                    }
                }
            }

            .video-image {
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                z-index: -1;
                position: absolute;
                left: 0;
                top: 0;
                overflow: hidden;

                & img {
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                    object-position: top center;
                    display: block;
                    transition: transform 0.35s ease-in-out;
                }
            }

            .content {
                height: 100%;
                padding-top: calc(26.563vw / 2 + 60px);
                padding-inline: 30px;
                padding-bottom: 30px;
                background: linear-gradient(
                    180deg,
                    rgba(0, 0, 0, 0) 20%,
                    #000 100%
                );
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                color: #fff;

                @media only screen and (max-width: 1279px) {
                    min-height: 445px;
                }

                @media only screen and (max-width: 760px) {
                    padding-top: 264px;
                }

                &::after {
                    content: "";
                    position: absolute;
                    left: 50%;
                    top: calc(26.563vw / 2);
                    width: 100px;
                    aspect-ratio: 1;
                    max-width: 25%;
                    transform: translate(-50%, -50%);
                    background-color: currentColor;
                    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Ccircle cx='50' cy='50' r='46.0938' stroke='white' stroke-width='7.8125'/%3E%3Cpath d='M70.3125 47.38C72.3958 48.5444 72.3958 51.4556 70.3125 52.62L42.1875 68.3402C40.1042 69.5046 37.5 68.0491 37.5 65.7201L37.5 34.2799C37.5 31.9509 40.1042 30.4954 42.1875 31.6598L70.3125 47.38Z' fill='white'/%3E%3C/svg%3E");
                    mask-repeat: no-repeat no-repeat;
                    mask-position: center center;
                    mask-size: cover;
                    transition: all 0.35s ease-in-out;

                    @media only screen and (max-width: 760px) {
                        top: 219px;
                    }
                }
            }

            .video-title {
                font-size: var(--font-size-heading-h3);
                line-height: 1.1;
                margin-bottom: 15px;
                font-weight: 700;
            }

            .video-text {
                & p {
                    font-size: 16px;
                    line-height: 1.3;
                    font-weight: 400;

                    span {
                        white-space: normal !important;
                    }
                }
            }

            .video-link a {
                position: absolute;
                inset: 0;
                z-index: 1;
                font-size: 0;
                overflow: hidden;
                text-indent: -999px;
            }
        }

        &:not(.swiper-initialized) {
            .video-stories-slides {
                display: flex;
                flex-wrap: wrap;
                gap: var(--gap);
            }

            .video-stories-slides > div {
                width: calc(
                    (100% / var(--columns)) -
                        ((var(--columns) - 1) * var(--gap)) / var(--columns)
                );

                &:hover {
                    z-index: 2;
                }
            }

            .arrows-buttons {
                display: none;
            }
        }

        &.swiper-initialized {
            width: calc(
                (100% / var(--columns)) - ((var(--columns) - 1) * var(--gap)) /
                    var(--columns)
            );
            margin-inline: auto;

            .swiper-slide {
                position: relative;
                transform: scale(0.8) translateX(170px);
                z-index: 0;

                cursor: grab;

                &:active {
                    cursor: grabbing;
                }

                &::after {
                    position: absolute;
                    inset: 0;
                    z-index: 3;
                    background-color: #fff;
                    content: "";
                    opacity: 0.76;
                    transition: all 0.3s ease-in-out;
                }
            }

            .swiper-slide.swiper-slide-prev,
            .swiper-slide.swiper-slide-next {
                z-index: 1;

                &::after {
                    opacity: 0.44;
                }
            }

            .swiper-slide.swiper-slide-prev {
                transform: scale(0.9) translateX(50px);
            }

            .swiper-slide.swiper-slide-next {
                transform: scale(0.9) translateX(-50px);
            }

            .swiper-slide.swiper-slide-next + .swiper-slide {
                transform: scale(0.8) translateX(-170px);
            }

            .swiper-slide:has(+ .swiper-slide + .swiper-slide-prev) {
                transform: scale(0.8) translateX(-170px);
            }

            .swiper-slide.swiper-slide-active {
                opacity: 1;
                z-index: 2;
                transform: scale(1);
                cursor: default;

                &:active {
                    cursor: default;
                }

                &::after {
                    display: none;
                }
            }

            .swiper-button-prev,
            .swiper-button-next {
                font-size: 0;
                text-indent: -999px;
                overflow: hidden;
                width: 64px;
                height: 64px;
                background-color: #fff;
                border-radius: 50vw;
                transition: all 0.35s ease-in-out;

                span {
                    width: 0;
                    height: 0;
                }

                &::after {
                    content: "";
                    height: 35px;
                    width: 35px;
                    background-color: var(--primary-color);
                    transition: all 0.35s ease-in-out;
                }

                &:hover {
                    &::after {
                        transform: scale(1.2);
                    }
                }

                @media only screen and (max-width: 600px) {
                    width: 50px;
                    height: 50px;
                }
            }

            .swiper-button-prev {
                transform: translateX(-50%);
                left: 0;

                &::after {
                    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.5246 4.05518L5.57983 9.99997L11.5246 15.9448L12.9975 14.4718L8.52567 9.99997L12.9975 5.52809L11.5246 4.05518Z' fill='%23002F6C'/%3E%3C/svg%3E");
                    mask-repeat: no-repeat no-repeat;
                    mask-position: center center;
                    mask-size: contain;
                }
            }

            .swiper-button-next {
                right: 0;
                transform: translateX(50%);

                &::after {
                    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.13959 16.0562L14.0844 10.1114L8.13959 4.16666L6.66667 5.63957L11.1385 10.1114L6.66667 14.5833L8.13959 16.0562Z' fill='%23002F6C'/%3E%3C/svg%3E");
                    mask-repeat: no-repeat no-repeat;
                    mask-position: center center;
                    mask-size: contain;
                }
            }
        }
    }
}

/* end video stories */

/* custom footer */
#view-footer #footer-f1 {
    padding-left: clamp(20px, 5.128205128205128dvw, 80px);
    padding-right: clamp(20px, 5.128205128205128dvw, 80px);
    box-sizing: border-box;
    margin-inline: auto;
}

#view-footer #footer-f1 .additional-text p {
    overflow-wrap: normal;
}

#view-footer .footer-columns h2 {
    display: none;
}

#footer-f1 .footer-columns .footer-column-main ul {
    margin-left: auto;
}

#footer-f1 .footer-column-main .image-container {
    overflow: hidden;
    margin-bottom: 20px;
}

#footer-f1 .footer-column-main .image-container .image-wrapper img {
    margin-left: auto;
}

#view-footer #footer-f1 .footer-column-last {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    order: 0;
    min-width: 250px;
    padding-right: 8px;

    h2 {
        display: none;
    }

    .footer-column-main {
        margin-top: 20px;
        padding-right: 0;
    }
}

#view-footer #footer-f1 .logo-wrapper {
    text-align: center;
    max-width: 216px;
}

#footer-f1 .footer-column-last .app-link {
    margin-left: 0 !important;
}

#view-footer #footer-f1 .footer-columns {
    display: flex;
    flex-direction: column;
    text-align: right;
    align-items: flex-end;
    padding-right: 0;

    & a:hover {
        text-decoration: underline !important;
    }

    ul {
        max-width: 980px;
    }

    ul li {
        display: inline-block;
        margin-inline: 15px;

        &:has(img, .textfield) {
            display: block;
            margin-top: 10px;
        }
    }

    & > ul {
        a {
            font-weight: 700;
        }
    }

    .footer-column-main {
        max-width: 80%;
        padding-top: 4px;

        & > p {
            padding-right: 15px;
        }

        & > p > span:first-child {
            font-weight: 700;
        }
    }

    .image-container .image-wrapper {
        margin-right: 0;
    }
}

#view-footer #footer-f1 .footer-column-last .footer-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

#view-footer #footer-f1 .footer-column-last .footer-social-links li {
    border-radius: 50%;
    border: 1px solid var(--text-link-color);
    max-width: 40px;
    max-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#view-footer #footer-f1 .footer-column-last .footer-social-links li a {
    margin: 0;
    display: block;
    transform: scale(0.7);
}

#view-footer
    #footer-f1
    .footer-column-last
    .footer-social-links
    li[data-social-media="twitter"]
    a {
    transform: scale(0.5);
}

#view-footer #footer-f1 .footer-column-last .footer-social-links li:hover {
    background-color: #fff;

    a {
        background-color: var(--bg-color);
    }
}

#view-footer #footer-f1 .row {
    padding-bottom: 25px;
}

@media only screen and (max-width: 760px) {
    #view-footer #footer-f1 {
        padding-top: 40px;
    }

    #view-footer #footer-f1 .footer-column-last {
        min-width: inherit;
        width: 100%;
        align-items: center;
        text-align: center;
    }

    #view-footer #footer-f1 .footer-columns {
        text-align: center;
        align-items: center;
        margin-bottom: 0;
    }

    #view-footer #footer-f1 .footer-columns .footer-column-main {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 0;
    }

    #view-footer #footer-f1 .image-container.right .image-wrapper {
        float: none;
    }

    #view-footer #footer-f1 .image-container .image-wrapper {
        margin-inline: auto;
    }

    #view-footer #footer-f1 .apptegy-copyright {
        padding-bottom: 45px;
    }
}

@media only screen and (max-width: 600px) {
    #view-footer #footer-f1 .footer-columns ul li {
        display: block;
        text-align: center;
    }
}

/* end cutom footer */

/* section events */
#section-events.custom-section {
    padding: 0;
    background-color: #f1f1f1;
    box-sizing: border-box;
    padding-bottom: 30px;

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }
}

#section-events .container {
    max-width: 100%;
    margin: 0 auto;
    padding-inline: var(--side-padding);
    padding-block: clamp(40px, 10.256410256410255dvw, 60px);
}

#section-events .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
    gap: 1rem;

    .header-slot-container {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 600px) {
    #section-events .button a {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        justify-content: center;
    }
}

#section-events .header {
    color: var(--primary-color);
}

#section-events #events-section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    align-items: flex-start;
}

@media (min-width: 1024px) {
    #section-events #events-section {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
}

@media only screen and (min-width: 1280px) {
    #section-events #events-section {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.5rem;
    }
}

#section-events .event-item {
    display: flex;
    gap: 1rem;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.3);
    padding: 10px;
    position: relative;
    transition: all 0.35s ease-in-out;

    &:hover {
        transform: scale(1.05);
    }
}

#section-events .event-item .event-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#section-events .event-item .event-details a {
    text-decoration: none;
    color: #646464;

    &::after {
        position: absolute;
        inset: 0;
        z-index: 1;
        content: "";
    }

    &:hover {
        color: var(--primary-color);
    }
}

#section-events .event-item .event-details h3 {
    font-size: clamp(20px, calc((20 / 390) * 100dvw), 22px);
    font-weight: 700;
    color: currentColor;
    text-decoration: none;
    padding: 0;
}

#section-events .event-item .event-item__time {
    display: none;
}

#section-events .event-item .date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid;
    border-color: var(--secondary-color);
    padding: 12px;
    width: 100px;
    border-radius: 13px;
}

#section-events .event-item .date .start-weekday,
#section-events .event-item .date .end-weekday {
    color: var(--primary-color);
    font-weight: 400;
}

#section-events .event-item .date .start-date,
#section-events .event-item .date .end-date {
    color: var(--primary-color);
    font-size: clamp(34px, calc((34 / 390) * 100dvw), 42px);
    font-weight: 700;
    padding: 0;
    line-height: 1;
}

#section-events .event-item .date .start-month,
#section-events .event-item .date .end-month {
    color: var(--primary-color);
    font-size: clamp(16px, calc((16 / 390) * 100dvw), 18px);
    font-weight: 400;
}

.event-item__date {
    & .date-separator,
    & .end-month,
    & .end-date,
    & .end-weekday {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    #section-events.style-light .see-all-top,
    &.style-sydney .see-all-top {
        .see-all-button,
        .see-all-button-custom a {
            display: none;
        }
    }
}

/* END EVENTS*/

/* custom programs */
#app .custom-programs-section-v10 {
    --intro-text-color: #646464;
    --section-background-color: #f1f1f1;

    @media only screen and (min-width: 980px) {
        --side-padding: clamp(2rem, -15rem + 21.25vw, 6.25rem);
    }

    .swiper-button-prev,
    .swiper-button-next {
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.45));
    }

    .see-all-container a {
        border: none;
        padding-block: 12px;
    }

    & .header-slot-container {
        & .intro {
            max-width: 1100px;
            margin-top: 20px;

            & p {
                font-size: 18px;
                line-height: 1.5;

                @media only screen and (min-width: 1400px) {
                    font-size: 20px;
                }
            }
        }
    }

    .programs-container .programs-wrapper > div .program-more-link {
        justify-content: flex-start;
    }
}

/* end */

/* ----------- START LIVE FEED ----------- */
#app #home #cms-live-feed {
    .wrapper {
        padding-inline: var(--side-padding);

        .buttons-container .slider-button {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.45));
            background-color: var(--primary-color-contrast);
            color: var(--primary-color);

            &::after {
                content: "";
                height: 35px;
                width: 35px;
                background-color: currentColor;
                transition: all 0.35s ease-in-out;
            }

            &:hover {
                color: var(--arrow-background-color);
                background-color: var(--primary-color);
            }

            &.left {
                &::after {
                    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.5246 4.05518L5.57983 9.99997L11.5246 15.9448L12.9975 14.4718L8.52567 9.99997L12.9975 5.52809L11.5246 4.05518Z' fill='%23002F6C'/%3E%3C/svg%3E");
                    mask-repeat: no-repeat no-repeat;
                    mask-position: center center;
                    mask-size: contain;
                }
            }

            &.right {
                transform: scaleX(1);

                &::after {
                    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.13959 16.0562L14.0844 10.1114L8.13959 4.16666L6.66667 5.63957L11.1385 10.1114L6.66667 14.5833L8.13959 16.0562Z' fill='%23002F6C'/%3E%3C/svg%3E");
                    mask-repeat: no-repeat no-repeat;
                    mask-position: center center;
                    mask-size: contain;
                }
            }

            svg {
                display: none;
            }
        }
    }
}

/* ----------- END LIVE FEED ----------- */

/* ------------------------------------------------- */
/* ------------- CUSTOM LIVE FEED START------------- */
/* ------------------------------------------------- */
#section-live-feed {
    --buttonBgColor: var(--primary-color-contrast);
    --buttonTextColor: var(--primary-color);
    --buttonHoverBgColor: var(--primary-color);
    --buttonHoverTextColor: var(--primary-color-contrast);
    --item-text-color: #646464;
    --read-more-color: #646464;
    padding-inline: var(--side-padding);

    .see-all-button {
        background-color: var(--primary-color);
        color: var(--primary-color-contrast);

        &:hover {
            background-color: var(--secondary-color);
            color: var(--secondary-color-contrast);
        }
    }

    @media only screen and (max-width: 600px) {
        &.style-light .see-all-top,
        &.style-sydney .see-all-top {
            .see-all-button,
            .see-all-button-custom a {
                display: none;
            }
        }
    }

    .custom-swiper-navigation {
        width: fit-content;
        margin-inline: auto;
        margin-top: 35px;
        color: var(--slider-arrow-color, var(--primary-color));

        & > * {
            margin: 0;
        }

        .custom-swiper-pagination {
            max-width: 100%;
            color: var(--pagination-color, #dee5f4);
            flex-wrap: wrap;

            .swiper-pagination-bullet {
                opacity: 1;
                transition: all 0.35s ease-in-out;
                width: 40px;

                &.swiper-pagination-bullet-active,
                &:hover,
                &:focus {
                    color: var(--pagination-active-color, var(--primary-color));
                }

                &:hover:not(.swiper-pagination-bullet-active),
                &:focus:not(.swiper-pagination-bullet-active) {
                    opacity: 0.6;
                }
            }
        }
    }
}

#section-live-feed .header-slot-container h2 {
    color: var(--section-title-color, var(--primary-color));
}

#liveFeedsList:not(.swiper-initialized) {
    .swiper-wrapper {
        gap: 20px;
        /* flex-wrap: wrap; */
        /* justify-content: center; */
        overflow: auto;
        padding-bottom: 10px;
    }
}

#liveFeedsList.swiper {
    overflow: visible;
}

#section-live-feed .swiper-slide {
    background-color: #fff;
    border-radius: 0.625rem;
    overflow: hidden;
    box-shadow:
        0 10px 15px -3px rgb(0 0 0 / 0.1),
        0 4px 6px -4px rgb(0 0 0 / 0.1);
    width: 321px;
    height: auto;
}

#section-live-feed .swiper-slide .lf-item__image {
    position: relative;
    height: 0;
    padding-top: 100%;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 10px;
}

#section-live-feed .swiper-slide .lf-item__image img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: top center;
    transition: all 0.35s ease-in-out;

    &:hover {
        transform: scale(1.1);
    }
}

.lf-item__header {
    margin-top: 15px;
    color: #646464;
    order: 2;
    display: flex;
    gap: 5px;
    padding-left: 4rem;
    padding-right: 8px;
    padding-bottom: 15px;
    position: relative;
    min-height: 30px;
    align-items: center;
}

.lf-item__content {
    padding-inline: 1.5rem;
    padding-bottom: 10px;
}

#section-live-feed .swiper-slide .lf-item__author {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    font-style: italic;
}

#section-live-feed .swiper-slide .lf-item__timeAgo {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    font-style: italic;

    &::before {
        content: "-";
        margin: 0 4px;
    }
}

#section-live-feed .lf-item__text {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-size: 16px;
    line-height: 1.5;
    color: var(--item-text-color, #000);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;

    a {
        color: currentColor;

        &:hover {
            color: var(--primary-color);
        }
    }
}

.lf-item__wrap {
    display: flex;
    flex-direction: column;
}

.lf-item__avatar {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 1.5rem;
    top: 0;

    img {
        border-radius: 50%;
        max-width: 100%;
        height: auto;
    }
}

.lf-item__read-more {
    font-size: 18px;
    line-height: 1.3;
    color: var(--read-more-color, #000) !important;
    line-height: 1.3;
    padding-bottom: 5px;
    position: relative;
    text-decoration: none !important;
    font-weight: 700;
    margin-top: 30px;
    letter-spacing: 0.025em;

    &:after {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: var(--read-more-line-color, var(--primary-color));
        transition: all 0.35s ease-in-out;
    }

    &:hover,
    &:focus {
        &::after {
            height: 4px;
        }
    }
}

/* ------------------------------------------------- */
/* ------------- CUSTOM LIVE FEED END------------- */
/* ------------------------------------------------- */

/*=========----------- START District Home & Login Widget -------=============*/

/* ---------------- Widget-only container styles ---------------- */
#widget-district-login {
    position: fixed;
    display: flex;
    align-items: center;
    bottom: 0px;
    right: 0px;
    background: var(--primary-color);
    border-top-left-radius: 16px;
    padding: 10px 0px 10px 10px;
    z-index: 2;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;

    /* the little accent bar on the left of the selector */
    .widget-login-dropdown .login-selector:before {
        content: close-quote;
        position: absolute;
        top: 0px;
        left: -2px;
        width: 4px;
        height: 16px;
        border-radius: 2px;
        background: var(--secondary-color);
    }
}

@media only screen and (min-width: 980px) {
    #widget-district-login {
        padding: 20px 0px 20px 20px;
    }
}

/* ---------------- SHARED DROPDOWN STYLES (widget + header) ---------------- */

.widget-login-dropdown {
    display: block;
    position: relative;
    font-family: inherit;
}

#widget-district-login .district-home,
.widget-login-dropdown .login-selector {
    line-height: 1;
    color: var(--primary-color-contrast);
    padding: 0px 20px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

#widget-district-login .back-to-top-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    color: var(--primary-color-contrast);
    padding: 0px 20px;
    line-height: 1;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out;

    &::before {
        content: close-quote;
        position: absolute;
        top: 0px;
        left: -2px;
        width: 4px;
        height: 16px;
        border-radius: 2px;
        background: var(--secondary-color);
    }
}

#widget-district-login .back-to-top-btn:hover {
    text-decoration: underline;
    opacity: 0.8;
}

#widget-district-login .district-home:hover,
.widget-login-dropdown .login-selector:hover,
#widget-district-login .district-home:focus,
.widget-login-dropdown .login-selector:focus {
    text-decoration: underline;
}

.widget-login-dropdown .login-dropdown {
    position: absolute;
    right: 20px;
    bottom: 100%;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    padding: 15px;
    width: 150px;
    z-index: 9999;
    display: none;
}

/* list */
.widget-login-dropdown .login-dropdown .login-dropdown-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.widget-login-dropdown .login-dropdown li {
    padding: 10px 15px;
}

/* item styling */
.widget-login-dropdown .login-dropdown a {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: #282828;
    width: 100%;
    padding: 0px;
    position: relative;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

/* arrow effect */
.widget-login-dropdown .login-dropdown a:after {
    content: close-quote;
    position: absolute;
    left: -8px;
    top: calc(50% - 6px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    transition: all 0.3s ease-in-out;
}

.widget-login-dropdown .login-dropdown a:hover {
    padding-left: 5px;
}

.widget-login-dropdown .login-dropdown a:hover:after {
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent var(--secondary-color);
}

.widget-login-dropdown.expanded .login-dropdown {
    display: block;
}

/* ------------- HEADER-SPECIFIC OVERRIDES ------------- */
#cms-header .sign-in-button {
    display: none;
}

#cms-header .widget-login-dropdown.header-login-dropdown .login-dropdown {
    left: auto;
    bottom: auto;
    top: 100%;
    right: 0;
    margin-top: 8px;
    width: max-content;
    min-width: 150px;
    transform-origin: top left;
    max-width: calc(100vw - 20px);
}

#cms-header .widget-login-dropdown.header-login-dropdown .login-selector {
    padding: 0 12px;
    padding: 5px 20px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    text-align: center;
    margin-left: 20px;
    border-radius: 8px;
    font-weight: 700;
}

/*=========----------- END District Home & Login Widget -------=============*/

/* fix the alert close icon overlap isssue */
.alert-banners .banner .content {
    box-sizing: border-box;
    padding-right: 20px;
}

/* end */
/* text color */
#page {
    p,
    p span,
    li::marker {
        color: #707070;
    }
}

/* end */

/*=========----------- START CMS Pages -------=========*/
/* Only apply these styles if a .left-sidebar-row exists 
containing a #sidebarNav in its first column */
:root:has(.left-sidebar-row > .column:first-child #sidebarNav) {
    .pb-layout-container.row-level-1
        > .layout-node-container.single-column-row {
        width: calc(90% - 20px) !important;
    }

    .layout-node-container.left-sidebar-row {
        --root-level-width: calc(90% - 20px) !important;
    }

    .pb-separator {
        --root-elements-width: calc(90% - 20px) !important;
    }

    /* First Column (Side Nav) 
       Target: 25% width
    */
    .pb-layout-container.row-level-1
        .layout-node-container.left-sidebar-row
        > .column.left-sidebar:first-child {
        flex: 0 0 calc(25% - 15px) !important;
        width: calc(25% - 15px) !important;
    }

    /* Second Column (Main Content) 
       Target: 75% width
    */
    .pb-layout-container.row-level-1
        .layout-node-container.left-sidebar-row
        > .column.left-sidebar:last-child {
        flex: 0 0 calc(75% - 15px) !important;
        width: calc(75% - 15px) !important;
    }

    @media only screen and (max-width: 1200px) {
        .pb-layout-container.row-level-1
            .layout-node-container.left-sidebar-row {
            flex-wrap: wrap !important;
        }

        .pb-layout-container.row-level-1
            .layout-node-container.left-sidebar-row
            > .column.left-sidebar:first-child,
        .pb-layout-container.row-level-1
            .layout-node-container.left-sidebar-row
            > .column.left-sidebar:last-child {
            flex: 0 0 100% !important;
            width: 100% !important;
        }
    }
}

/*=========----------- END CMS Pages -------=========*/

/* ----------- START Custom Hero V1 [Longview variant] ----------- */
#page:has(.hero-section) {
    & .hero-section.v1.longview-variant {
        &.has-mask {
            &::after {
                top: unset;
                bottom: 0;
                height: 309px;
                background: linear-gradient(
                    rgba(0, 0, 0, 0),
                    rgba(0, 0, 0, 100)
                );
                --mask-opacity: 1;
            }
        }

        .content-active-wrapper:has(.pb-heading) {
            margin-bottom: 30px;
        }

        .draggable-node-list {
            width: max-content;
            justify-content: end;
            float: left;
        }

        .pb-separator {
            margin-bottom: 20px;
        }
    }
}

/* ----------- END Custom Hero V1 [Longview variant] ----------- */

/* ----------- START Custom Header + Separator ----------- */
#page .single-column-row.longview-variant {
    &:has(.pb-heading, .pb-separator) {
        .single-column .draggable-node-list {
            width: max-content;
            max-width: 100%;
        }
    }
}

/* ----------- END Custom Header + Separator ----------- */

/* ----------- START Navigation ----------- */
#page .pb-navigation {
    .navigation-title {
        font-size: 24px;
    }

    .navigation-list .page-child {
        background-color: #fff;
        border: 1px solid #e9e9e9;
        margin-bottom: 0;
        padding: 0 !important;

        &:hover {
            background-color: #f3f3f3;
            border-color: #ddd;
        }

        a {
            padding: 10px 10px 10px 22px;
            width: 100%;
        }
    }
}

/* ----------- END Navigation ----------- */

/* ----------- START Custom Accordions ----------- */
#page .pb-accordion.longview-variant {
    .accordion-panel:not(.default) .panel-heading {
        border-radius: 12px;
    }

    .accordion-panel .panel-heading {
        margin: 0;

        .panel-toggle-icon {
            order: -2;
            margin: 0;
            background-color: var(--page-builder-color);
            color: #fff;
            border-radius: 50vw;
            padding: 7px;

            &::before {
                display: none;
            }

            svg path {
                fill: #fff;
            }
        }

        .panel-title {
            padding: 15px;
            padding-left: 10px;
        }
    }

    .accordion-panel:not(.default):not(:has(.panel-content)).dark {
        .panel-heading {
            background-color: #fff;
            color: var(--primary-color);
            border: 1px solid #e0e0e0;

            * {
                color: currentColor;
            }
        }
    }

    .accordion-panel:not(.default):has(.panel-content).dark {
        .panel-heading {
            background-color: var(--primary-color);
            color: var(--primary-color-contrast);
            border-radius: 12px 12px 0 0 !important;
        }
    }

    .accordion-panel:not(.default):not(:has(.panel-content)).light {
        .panel-heading {
            background-color: #fff;
            color: var(--primary-color);
            border: 1px solid var(--page-builder-color);

            * {
                color: currentColor;
            }
        }
    }

    .accordion-panel:not(.default):has(.panel-content).light {
        .panel-heading {
            background-color: var(--light-component-bg-color);
            color: var(--primary-color);
            border-radius: 12px 12px 0 0 !important;
        }
    }

    .accordion-panel .panel-content {
        margin: 0;
        border: 0 !important;
        border-radius: 0 0 12px 12px !important;
        background-color: #f1f1f1;
        padding: 20px;

        .pb-text p {
            color: #4a4a4a;
        }
    }
}

/* ----------- END Custom Accordions ----------- */

/* ----------- START Video ----------- */
#page .pb-video iframe.video-iframe {
    border-radius: 12px;
}

/* ----------- END Video ----------- */

/* ----------- START Image with gradient ----------- */
#page .pb-image.longview-variant img {
    mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 1) 70%,
        rgba(0, 0, 0, 0) 100%
    );
}

/* ----------- END Image with gradient ----------- */

/* ----------- START Custom Card ----------- */
#page .single-column-row.longview-card {
    border-radius: 12px !important;
    box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.15);

    & .pb-text p {
        color: #4a4a4a;
    }
}

/* ----------- END Custom Card ----------- */