@charset "UTF-8";

/* ============================================ */
/* ============== Include Styles ============== */
/* ============================================ */

@import '_font.css';
@import '_vars.css';
@import '_base.css';
@import '_skip.css';
@import '_editor.css';
@import '_menu.css';
@import '_actions.css';

/* ============================================ */
/* =============== Theme Styles =============== */
/* ============================================ */

.unified__header {
    position: sticky;
    top: 0;
    isolation: isolate;
    z-index: 5;
}
.admin-bar .unified__header {
    top: 32px;
}

/*/*/

.top__header {
    background-color: var(--cl-primary);
    padding: 0.25rem var(--sp-h);
}
.top__header--navigation {
    display: flex;
    justify-content: flex-end;
}
.top__navigation ul {
    display: flex;
    align-items: center;
    gap: 1rem;

    & a {
        font-size: var(--fs-body-s);
        display: flex;
        align-items: center;
        gap: 0.5rem;
        border-radius: var(--br-xs);
        font-weight: 400;
        color: var(--cl-white);
        line-height: 1.625;
        padding: 0 0.25rem;
    }

    & a:hover {
        & .npx-menu-icon-label {
            text-decoration: underline;
        }
    }

    & a:focus-visible {
        outline: 2px solid var(--cl-white);
    }

    & .npx-menu-icon {
        font-size: var(--fs-body-s);
        color: var(--cl-white);
        line-height: 0.875;
        top: 0;
    }

    & .npx-menu-icon-label {
        color: var(--cl-white);
        font-size: var(--fs-body-s);
        line-height: 1;
    }

    .menu-item-locator {
        & > a::before {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 15 20' height='20' width='15'%3E%3Cpath fill='%23fff' d='M7.5,20l-.25-.25c-.3-.3-7.25-7.34-7.25-12.21C0,3.38,3.36,0,7.5,0s7.5,3.38,7.5,7.53c0,4.88-6.95,11.91-7.25,12.21l-.25.25ZM7.5.72C3.76.72.71,3.78.71,7.53c0,4.08,5.53,10.12,6.79,11.44,1.26-1.32,6.79-7.36,6.79-11.44,0-3.76-3.04-6.82-6.79-6.82ZM7.5,10.88c-1.84,0-3.33-1.5-3.33-3.35s1.5-3.35,3.33-3.35,3.33,1.5,3.33,3.35-1.5,3.35-3.33,3.35ZM7.5,4.9c-1.44,0-2.62,1.18-2.62,2.63s1.17,2.63,2.62,2.63,2.62-1.18,2.62-2.63-1.17-2.63-2.62-2.63Z'/%3E%3C/svg%3E");
            display: inline-flex;
        }
    }

    .menu-item-contact {
        & > a::before {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 12.5' height='12.5' width='20'%3E%3Cpath fill='%23fff' d='M18.9,0H1.1C.49,0,0,.49,0,1.1v10.31c0,.6.49,1.09,1.1,1.09h17.79c.61,0,1.1-.49,1.1-1.09V1.1c0-.6-.5-1.1-1.1-1.1ZM10,7.75L1.38.72h17.23l-8.62,7.03ZM6.8,6.07L.72,11.23V1.11l6.08,4.96ZM7.37,6.53l2.4,1.96c.07.05.15.08.23.08s.16-.03.23-.08l2.4-1.96,6.18,5.25H1.19l6.18-5.25ZM13.2,6.07l6.08-4.96v10.12l-6.08-5.17Z'/%3E%3C/svg%3E");
            display: inline-flex;
        }
    }
}

/*/*/

.main__header {
    padding: 1.125rem var(--sp-h);
    position: relative;

    background-color: var(--cl-white);
    transition: top 100ms ease-in-out;
}

.main__header--content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main__header--menu {
    display: none;
}
.main__header--logo {

    & .custom-logo-link {
        padding: 0.125rem;
        border-radius: var(--br-xs);
        display: inline-block;
    }

    & .custom-logo-link:focus-visible {
        color: var(--cl-primary);
        outline: 2px solid var(--cl-dark);
    }

    & img {
        max-height: 2.8125rem;
        width: auto;
    }
}
.main__header--navigation {

    & .header__navigation--wrapper {
        margin-right: -0.25rem;
    }

    & .menu {
        display: flex;
        gap: 0.125rem;
        align-items: center;
    }
    & .menu-item {

        & a {
            padding: 0.5rem;
            font-size: var(--fs-body-s);
            border-radius: var(--br-xs);
        }

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

        & a:focus-visible {
            color: var(--cl-primary);
            outline: 2px solid var(--cl-dark);
        }
    }
}

/*/*/

.carousel--slide {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}
.carousel__slide--content,
.carousel__slide--image {
    grid-area: 1 / 1;
}
.carousel__slide--image {
    z-index: 1;

    & img {
        width: 100%;
    }
}
.carousel__slide--content {
    z-index: 2;
    display: flex;
    padding: max(5rem, 8vw) calc(var(--sp-h) * 2);

    & .container--small {
        height: 100%;
        width: 100%;
    }
}
.carousel__slide--eyebrow {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    position: relative;

    & p {
        font-size: var(--fs-body-m);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1.5pt;
    }

    & > :after {
        content: "";
        height: 2px;
        width: 7.25rem;
        position: absolute;
        top: 100%;
        left: 0;
    }
}
.carousel__slide--title {
    margin-bottom: 3rem;

    & p {
        font-size: var(--fs-36);
        line-height: 1.33;
    }
}
.carousel--section {
    & .carousel__section--swiper {
        overflow: unset;
    }
    & .carousel__swiper--next {
        color: var(--cl-white);
        right: 2rem;
    }
    & .carousel__swiper--prev {
        color: var(--cl-white);
        left: 2rem;
    }
    & .swiper-button-next::after, 
    & .swiper-button-prev::after {
        font-size: 2rem;
    }
    & .carousel__swiper--pagination {
        top: calc(100% + 1.5rem);
        bottom: auto;
        display: flex;
        align-items: center;
        gap: 1.5rem;
        justify-content: center;
    }
    & .swiper-pagination-bullet {
        height: 0.875rem;
        width: 0.875rem;
        border: 1px solid var(--cl-text);
        margin: 0;
        background-color: var(--cl-white);
        opacity: 1;
    }
    .swiper-pagination-bullet-active {
        background-color: var(--cl-primary);
    }
}
[slide-style="light"] {
    & .carousel__slide--eyebrow {
        & p {
            color: var(--cl-white);
        }

        & > :after {
            background-color: var(--cl-white);
        }
    }

    & .carousel__slide--title {
        & p {
            color: var(--cl-white);
        }
    }
}
[slide-style="dark"] {
    & .carousel__slide--eyebrow {
        & p {
            color: var(--cl-text);
        }

        & > :after {
            background-color: var(--cl-text);
        }
    }

    & .carousel__slide--title {
        & p {
            color: var(--cl-text);
        }
    }
}
.carousel__section--swiper:has( .swiper-slide-active > [slide-style="light"] ) {
    & .carousel__swiper--next {
        color: var(--cl-white);
    }
    & .carousel__swiper--prev {
        color: var(--cl-white);
    }
}
.carousel__section--swiper:has( .swiper-slide-active > [slide-style="dark"] ) {
    & .carousel__swiper--next {
        color: var(--cl-text);
    }
    & .carousel__swiper--prev {
        color: var(--cl-text);
    }
}

/*/*/

.video--section {
    padding: 7.75rem var(--sp-h) 5.25rem;
}
.video__section--title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1rem;

    & h1 {
        color: var(--cl-black);
        font-size: var(--fs-64);
    }
}
.video__section--intro {
    text-align: center;
    max-width: 712px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem;

    & p {
        font-size: var(--fs-24);
        font-weight: 400;
    }
}
.video__section--video {
    max-width: 800px;
    margin: 0 auto 2.5rem auto;
    position: relative;
    

    & iframe,
    & video {
        width: 100%;
        aspect-ratio: 16/9;
    }

    .video-lightbox-trigger {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        place-items: center;
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .video-thumbnail,
    .video-play-button {
        grid-column: 1;
        grid-row: 1;
    }

    .video-thumbnail {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }

    .video-play-button {
        z-index: 2;
        pointer-events: none;
    }
}
.video__section--outro_title {
    margin: 0 auto 0.25rem auto;
    max-width: 680px;

    & h2 {
        font-weight: 900;
        font-size: var(--fs-body-m);
        text-align: center;
    }
}
.video__section--outro_text {
    margin: 0 auto;
    max-width: 580px;

    & p {
        text-align: center;
        font-size: var(--fs-body-m);
        font-weight: 400;
    }
}
.fslightbox-container {
    & iframe,
    & video {
        width: 100% !important;
        aspect-ratio: 16/9;
        height: auto !important;
        min-width: min(var(--vw) - (var(--sp-h) * 2), 1280px);
        max-width: calc(var(--vw) - (var(--sp-h) * 2))
    }
}

/*/*/

.actions--section {
    padding: 5rem var(--sp-h) 4.25rem;
    background-color: var(--cl-light);
}
.actions__section--title {
    text-align: center;
    margin-bottom: 3rem;
    
    & h2 {
        font-size: var(--fs-38);
        font-weight: 800;
        color: var(--cl-black);
    }
    & p {
        font-size: var(--fs-28);
        font-weight: 400;
        color: var(--cl-primary);

        & span {
            color: var(--cl-text);
        }
    }
}
.actions__section--content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto 1fr;
    gap: calc(var(--sp-h) + 0.75rem) var(--sp-h);

    & .action__section--item:nth-child(1) {
        grid-column: 1;
        grid-row: span 2;
    }
    & .action__section--item:nth-child(2) {
        grid-column: 2;
    }
    & .action__section--item:nth-child(3) {
        grid-column: 2;
    }
}
.action__item--graphic {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}
.action__item--title {
    margin-bottom: 1.5rem;

    & h2 {
        font-size: var(--fs-32);
        font-weight: 400;
        text-align: center;
        color: var(--cl-black);
    }
}
.action__item--subtitle {
    margin-bottom: 0.25rem;

    & h3 {
        font-weight: 900;
        font-size: var(--fs-body-m);
        text-align: center;
    }
}
.action__item--text {
    margin-bottom: 2rem;

    & p {
        text-align: center;
        font-size: var(--fs-body-m);
        font-weight: 400;
    }
}
.action__item--action {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*/*/

.wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.contact__form--input {
    & br {
        display: none;
    }

    & .wpcf7-form-control-wrap {
        display: inline-block;
        width: 100%;
        max-width: 100%;
    }

    & .wpcf7-form-control {
        background-color: var(--cl-white);
        border: 2px solid var(--cl-white);
        border-radius: var(--br-xs);
        padding: 0.25rem 1rem;
        font-size: var(--fs-body-s);
        width: 100%;
        max-width: 100%;
        line-height: 1.66;
    }

    & .wpcf7-form-control:focus-visible {
        outline-style: solid;
        outline-color: var(--cl-black);
        outline-width: 0.125rem;
        outline-offset: 0.125rem;
    }

    & .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) {
        & .wpcf7-form-control {
            border-color:var(--cl-error-16);
        }
    }

    .wpcf7-not-valid-tip {
        position: absolute;
        font-size: 12px;
        bottom: 100%;
        right: 0;
        font-weight: 600;
        color: var(--cl-error-100);
    }
}
.required-note {
    color: var(--cl-black);
    font-weight: 700;
    font-size: var(--fs-body-xs);
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: -0.75rem;
}
.contact__form--radio {
    padding-left: 1rem;

    p {
        font-size: var(--fs-body-s);
        line-height: 1.66;
        gap: 1rem;
        display: flex;
        gap: 1.5rem;
    }

    & br {
        display: none;
    }
}
.wpcf7-radio {
    display: flex;
    gap: 1rem;
    align-items: center;

    & .wpcf7-list-item {
        margin: 0;

        & > label {
            position: relative;
            padding-left: 1.5rem;
            cursor: pointer;

            & > :before {
                content: "";
                border-radius: var(--br-xs);
                height: 1rem;
                width: 1rem;
                background-color: var(--cl-white);
                position: absolute;
                left: 0;
                top: 0.125rem;
            }

            & > :after {
                content: "";
                height: 0.75rem;
                width: 1rem;
                rotate: -45deg;
                border: 3px solid var(--cl-primary);
                border-top: none;
                border-right: none;
                position: absolute;
                left: 0.25rem;
                top: 0;
                opacity: 0;
            }

            input:checked + .wpcf7-list-item-label:after {
                opacity: 1;
            }
        }
    }
}
.wpcf7-checkbox {
    display: flex;
    gap: 1rem;
    align-items: center;

    & .wpcf7-list-item {
        margin: 0;
        border-radius: var(--br-xs);

        & > label {
            position: relative;
            padding-left: 1.5rem;
            cursor: pointer;

            & > :before {
                content: "";
                border-radius: var(--br-xs);
                height: 1rem;
                width: 1rem;
                background-color: var(--cl-white);
                position: absolute;
                left: 0;
                top: 0.125rem;
            }

            & > :after {
                content: "";
                height: 0.75rem;
                width: 1rem;
                rotate: -45deg;
                border: 3px solid var(--cl-primary);
                border-top: none;
                border-right: none;
                position: absolute;
                left: 0.25rem;
                top: 0;
                opacity: 0;
            }

            input:checked + .wpcf7-list-item-label:after {
                opacity: 1;
            }
        }
    }

    & .wpcf7-list-item:has( :focus-visible ) {
        outline-style: solid;
        outline-color: var(--cl-black);
        outline-width: 0.125rem;
        outline-offset: 0.125rem;
    }
}
.contact__form--submit {
    p {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    & .wpcf7-spinner {
        display: none;
    }
}

.wpcf7 form.sent .wpcf7-response-output {
    margin: 0;
    border-radius: var(--br-xs);
    padding: 1rem 1.5rem;
    background-color: var(--cl-white);
}
.wpcf7 form.invalid .wpcf7-response-output {
    margin: 0;
    border-radius: var(--br-xs);
    padding: 1rem 1.5rem;
    background-color: var(--cl-white);
    border: 2px solid var(--cl-primary) !important;
    text-align: center;
    font-family: var(--ff-primary);
}
.sl-response {
    padding: 1rem 2rem 1.25rem 2rem;
    /*border: 2px solid var(--cl-primary);*/
    border-radius: var(--br-xs);
    text-align: center;
    background-color: var(--cl-white);
}

/*/*/

.resources--section {
    padding: calc(var(--sp-v) * 0.5) var(--sp-h) calc(var(--sp-v) * 0.5) var(--sp-h);
    position: relative;
    isolation: isolate;
}
.resources__section--background {
    position: absolute;
    inset: 0;
    z-index: -1;

    & img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
}
.resources__section--content {
    display: flex;
    gap: var(--sp-h);

    & > .resources__section--text {
        max-width: 40.5%;

        & .resources__section--title {
            margin-bottom: 1.5rem;
            
            h2 {
                font-size: var(--fs-32);
                color: var(--cl-white);
                font-weight: 400;
            }
        }

        & .resources__section--subtitle {
            margin-bottom: 0.5rem;
            & h3 {
                font-weight: 900;
                font-size: var(--fs-body-s);
                color: var(--cl-white);
                text-transform: uppercase;
            }
        }

        & .resources__section--text {
            & p {
                color: var(--cl-white);
                font-size: var(--fs-body-m);
                font-weight: 400;
            }
        }
    }
    & > .resources__section--swiper.swiper-is-desktop {
        flex-grow: 1;
        overflow: visible;

        & > .resources__section--cards {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 2rem;
            transform: none !important;
        }

        & .swiper-slide {
            width: auto !important;
            margin: 0 !important;
        }

        & .resources__section--pagination {
            display: none;
        }

        & .resources__swiper--prev,
        & .resources__swiper--next {
            display: none;
        }
    }

    & .resources__section--card {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        border-radius: var(--br-xs);
        padding-top: 0.25rem;
    }

    & .resources__section--card:has( :focus-visible ) {
        outline-style: solid;
        outline-color: var(--cl-white);
        outline-width: 0.125rem;
        outline-offset: 0.125rem;
    }

    & .resources__card--cover {
        margin-bottom: 1.125rem;
        box-shadow: 0 0 0.5rem var(--cl-black);
    }

    .resources__card--action {
        text-align: center;

        & a {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--cl-white);
            font-size: 12px;
            font-weight: 600;

            & svg {
                color: var(--cl-primary);
            }
        }

        & a:before {
            content: "";
            inset: 0;
            position: absolute;
        }
    }
}

/*/*/

.split--section {
    padding: 0 var(--sp-h);
    position: relative;
    isolation: isolate;
    overflow: hidden;

    .container--small {
        display: grid;
        gap: calc( var(--sp-h) * 2 );
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.split--section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 50vw;
    bottom: 0;
    z-index: -1;
    background-color: var(--cl-light);
}

/*/*/

.webinars--section {
    padding: calc(var(--sp-v) * 0.5) 0 4rem;
}
.webinars__section--title {
    margin-bottom: 1.5rem;

    h2 {
        font-size: var(--fs-32);
        font-weight: 400;
        color: var(--cl-black);
    }
}
.webinars__section--image {
    margin-bottom: 2rem;

    & img {
        width: 100%;
    }

}
.webinars__section--subtitle {
    margin-bottom: 0.25rem;

    & h3 {
        font-weight: 900;
        font-size: var(--fs-body-s);
        text-transform: uppercase;
        line-height: 1.45;
    }
}
.webinars__section--text {
    margin-bottom: 2rem;

    & p {
        font-size: var(--fs-body-m);
        font-weight: 400;
    }
}

/*/*/

.meet--section {
    padding: calc(var(--sp-v) * 0.5) 0 4rem;
    position: relative;
    isolation: isolate;
}
.meet__section--title {
    margin-bottom: 1.5rem;

    h2 {
        font-size: var(--fs-32);
        font-weight: 400;
        color: var(--cl-black);
    }
}
.meet__section--subtitle {
    padding-bottom: 1rem;
    margin-bottom: 1.25rem;
    position: relative;

    & h3 {
        font-weight: 900;
        font-size: var(--fs-body-s);
        text-transform: uppercase;
        line-height: 1.45;
    }

    & > :after {
        content: "";
        height: 2px;
        width: 5.25rem;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: var(--cl-primary);
    }
}
.meet__section--text {
    margin-bottom: 1.5rem;

    & p {
        font-size: var(--fs-body-m);
        font-weight: 400;
    }

    & p:last-child {
        max-width: 320px;
    }
}
.meet__section--image {
    position: absolute;
    bottom: 0;
    right: -4rem;
    max-width: 360px;
    z-index: -1;
}

/*/*/

.main__footer {
    background-color: var(--cl-dark);
    padding: calc(var(--sp-v) * 0.66) var(--sp-h) calc(var(--sp-v) * 0.5) var(--sp-h);
}
.footer--content {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.footer--eyebrow {
    grid-column: span 3;
    margin-bottom: 1.75rem;

    h2 {
        max-width: 320px;
        margin: 0 auto;
        text-transform: uppercase;
        font-size: var(--fs-body-m);
        font-weight: 700;
        letter-spacing: 1.25;
        text-align: center;
        color: var(--cl-white);
        line-height: 1.45;
    }
}
.footer--logo {
    grid-column: span 3;
    margin-bottom: 4rem;

    & .logo__wrapper {
        max-width: 440px;
        margin: 0 auto;
    }
}
.footer--connected {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    .footer__navigation {
        margin-bottom: 1.5rem;

        & .menu {
            display: flex;

            & li {
                line-height: 1.16;
            }

            & li:not(:last-child) {
                border-right: 2px solid var(--cl-white);
                padding-right: 0.5rem;
                margin-right: 0.5rem;
                display: flex;
            }

            & a {
                font-size: var(--fs-body-m);
                font-weight: 400;
                color: var(--cl-white)
            }

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

            & a:focus-visible {
                outline: 2px solid var(--cl-white);
            }
        }
    }
}
.footer__text--title {
    margin-bottom: 0.5rem;

    & h3 {
        font-weight: 900;
        font-size: var(--fs-body-s);
        text-transform: uppercase;
        line-height: 1.45;
        color: var(--cl-white)
    }
}
.footer__text--text {
    margin-bottom: 1.5rem;

    & p {
        font-size: var(--fs-body-m);
        font-weight: 400;
        color: var(--cl-white)
    }
}
.footer--socials {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;

    & h3 {
        font-weight: 700;
        font-size: var(--fs-body-xs);
        text-transform: uppercase;
        line-height: 1.45;
        color: var(--cl-white);
        margin-bottom: 1rem;
    }

    & ul {
        display: flex;
        gap: 1rem;

        & a {
            display: inline-block;
        }

        & svg {
            height: 2.5rem;
            width: 2.5rem;
            fill: var(--cl-white);
        }

        & a:hover {
            & svg {
                fill: var(--cl-primary);
            }
        }
    }
}
.footer--policies {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.footer--email {
    margin-bottom: 2rem;
    text-align: right;

    & a {
        font-size: var(--fs-body-m);
        font-weight: 400;
        color: var(--cl-white)
    }

    & a:hover {
        text-decoration: underline;
    }
}
.footer--copy {
    margin-bottom: 0.25rem;

    & p {
        font-size: var(--fs-body-xs);
        text-align: right;
        color: var(--cl-white);
        font-weight: 400;
    }
}
.footer--menu {
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: flex-end;

    & .footer__navigation {
        & .menu {
            display: flex;
            line-height: 1.16;

            & li {
                padding-left: 0.5rem;
                display: flex;
            }

            & li:not(:last-child) {
                border-right: 1px solid var(--cl-white);
                padding-right: 0.5rem;
            }

            & a {
                color: var(--cl-white);
                display: inline-block;
                border-radius: var(--br-xs);
                font-size: var(--fs-body-xs);
                font-weight: 400;
            }

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

            & a:focus-visible {
                outline: 2px solid var(--cl-white);
            }
        }
    }
}

/*/*/
.banner__404--section {
    position: relative;
    isolation: isolate;
    min-height: 360px;
    padding: 3rem var(--sp-h);
    display: flex;
    align-items: center;

    & .container {
        width: 100%;
    }

    & .banner__section--title {
        .eyebrow {
            font-size: var(--fs-body-m);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.5pt;
            color: var(--cl-white);
            padding-bottom: 1.5rem;
            margin-bottom: 1.5rem;
            position: relative;


        }

        .eyebrow:after {
            content: "";
            height: 2px;
            width: 7.25rem;
            position: absolute;
            top: 100%;
            left: 0;
            background-color: var(--cl-white);
        }

        h1 {
            font-size: var(--fs-64);
            line-height: 1.33;
            color: var(--cl-white);
        }
    }
}

.banner__404--background {
    position: absolute;
    inset: 0;
    z-index: -1;

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

.content__404--section {
    padding: var(--sp-v) var(--sp-h);
}



/* ============================================ */
/* =============== Media Queries ============== */
/* ============================================ */

@media only screen and (min-width: 1921px) {
    .carousel__slide--image {
        max-height: 860px;

        & img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: bottom left;
        }
    }
}

@media only screen and (max-width: 1719px) {
}

@media only screen and (max-width: 1599px) {
}

@media only screen and (max-width: 1439px) {
}

@media only screen and (max-width: 1199px) {
    .main__header--logo {
        & img {
            max-height: 2.75rem;
        }
    }
    .carousel__slide--title {
        margin-bottom: 2.25rem;
    }
    .resources__section--content {
        & > .resources__section--text {
            max-width: 37.5%;
        }
    }
    .meet__section--image {
        max-width: 340px;
    }
    .meet__section--text {
        & p:last-child {
            max-width: 245px;
        }
    }
    .footer--logo {
        & .logo__wrapper {
            max-width: 375px;
            margin: 0 auto;
        }
    }
}

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

    .main__header--menu {
        display: block;
    }
    .main__header--navigation {
        display: none;
        scale: 0.5;
        opacity: 0;
        visibility: hidden;
        /*/*/
        position: absolute;
        top: var(--hh);
        left: 0;
        width: var(--vw);
        height: calc(var(--vh) - var(--hh));
        padding: 0 var(--sp-h) var(--sp-v) var(--sp-h);
        background-color: var(--cl-white);
        z-index: -1;
        /*/*/
        align-items: center;
        justify-content: center;

        & .menu {
            flex-direction: column;
            gap: 1rem;

            & .menu-item {
                & a {
                    font-size: var(--fs-24);
                }
            }
        }
    }
    .header__navigation--active {
        display: flex;
        scale: 1;
        opacity: 1;
        visibility: visible;
        border-top: 1px solid var(--cl-primary);
    }

    /*/*/

    .carousel__section--swiper {
        & .swiper-slide {
            height: auto;
            display: flex;
        }
    }
    [slide-style="light"] {
        & .carousel__slide--eyebrow {
            & p {
                color: var(--cl-text);
            }

            & > :after {
                background-color: var(--cl-primary);
            }
        }

        & .carousel__slide--title {
            & p {
                color: var(--cl-text);
            }
        }
    }
    [slide-style="dark"] {
        & .carousel__slide--eyebrow {
            & p {
                color: var(--cl-text);
            }

            & > :after {
                background-color: var(--cl-primary);
            }
        }

        & .carousel__slide--title {
            & p {
                color: var(--cl-text);
            }
        }
    }
    .carousel__section--swiper:has( .swiper-slide-active > [slide-style="light"] ) {
        & .carousel__swiper--next {
            color: var(--cl-text);
        }
        & .carousel__swiper--prev {
            color: var(--cl-text);
        }
    }
    .carousel__section--swiper:has( .swiper-slide-active > [slide-style="dark"] ) {
        & .carousel__swiper--next {
            color: var(--cl-text);
        }
        & .carousel__swiper--prev {
            color: var(--cl-text);
        }
    }
    .carousel--section {

        & .carousel__swiper--pagination {
            top: auto;
            bottom: 2rem;
        }

        & .carousel__swiper--next {
            right: var(--sp-h);
            top: auto;
            z-index: 11;
            bottom: 1.5rem;
        }
        & .carousel__swiper--prev {
            left: var(--sp-h);
            top: auto;
            z-index: 11;
            bottom: 1.5rem;
        }
    }
    .carousel--slide {
        display: flex;
        flex-direction: column;
        background-color: var(--cl-light);
        flex-grow: 1;
    }
    .carousel__slide--title {
        & br {
            display: none;
        }
    }
    .carousel__slide--image {

        & img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: center;
        }
    }
    .carousel__slide--content {
        padding: max(5rem, 8vw) var(--sp-h) max(8rem, 8vw) var(--sp-h);
    }

    .video--section {
        padding: 5.25rem var(--sp-h);
    }

    .actions__section--content {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--sp-v);
        max-width: 480px;
        margin: 0 auto;

        & .action__section--item:nth-child(1) {
            grid-column: 1;
            grid-row: 1;
        }

        & .action__section--item:nth-child(2) {
            grid-column: 1;
            grid-row: 2;
        }

        & .action__section--item:nth-child(3) {
            grid-column: 1;
            grid-row: 3;
        }
    }
    .resources__section--content {
        flex-direction: column;

        & > .resources__section--text {
            max-width: 100%;
        }
    }
    .split--section {
        padding: 0;

        & .container--small {
            display: block;
        }
    }
    .split--section:after {
        display: none;
    }
    .webinars--section {
        padding: var(--sp-v) var(--sp-h);
        background-color: var(--cl-light);
    }
    .meet--section {
        padding: var(--sp-v) var(--sp-h);
    }
    .meet__section--text {

        & p:first-child {
            max-width: 480px;
        }
        & p:last-child {
            max-width: 480px;
        }
    }
    .meet__section--image {
        right: 0;
        max-width: 360px;
    }
    .footer--content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .footer--eyebrow {
        grid-column: span 2;
        grid-row: 1;
    }
    .footer--logo {
        grid-column: span 2;
        grid-row: 2;
    }
    .footer--connected {
        grid-column: 1;
        grid-row: 3;
    }
    .footer--policies {
        grid-column: 2;
        grid-row: 3;
    }
    .footer--socials {
        grid-column: span 2;
        grid-row: 4;
        margin-top: 2rem;
    }
}

@media only screen and (max-width: 782px) {
    .admin-bar .unified__header {
        top: 46px;
    }
}

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

    .main__header--logo {
        & img {
            max-height: 2.25rem;
        }
    }

    .carousel__slide--content {
        z-index: 2;
        display: flex;
        padding: 3rem var(--sp-h) 5.75rem;
    }

    /*/*/

    .video--section {
        padding: 5rem var(--sp-h) 4.25rem;
    }

    .contact__form--radio {
        & p{
            flex-direction: column;
            gap: 0.25rem;
        }
    }
    .resources--section {
        padding: 5rem var(--sp-h) 1.5rem;
    }
    .resources__section--content {
        & .resources__section--swiper {
            overflow: hidden;
            margin: 0 calc( var(--sp-h) * -1 );
            padding-bottom: 3.75rem;

            & > .resources__section--cards {
                display: flex !important;
                grid-template-columns: unset;
                gap: 0;
            }

            & .resources__swiper--next {
                color: var(--cl-white);
                right: 2rem;
                display: flex;
                bottom: -0.5rem;
                top: auto;
                z-index: 11;
            }
            & .resources__swiper--prev {
                color: var(--cl-white);
                left: 2rem;
                display: flex;
                bottom: -0.5rem;
                top: auto;
                z-index: 11;
            }
            & .swiper-button-next::after,
            & .swiper-button-prev::after {
                font-size: 2rem;
            }
            & .resources__section--pagination {
                display: flex;
                bottom: 0.5rem;
                align-items: center;
                gap: 1.5rem;
                justify-content: center;
            }
            & .swiper-pagination-bullet {
                height: 0.875rem;
                width: 0.875rem;
                border: 1px solid var(--cl-white);
                margin: 0;
                background-color: transparent;
                opacity: 1;
            }
            & .swiper-pagination-bullet-active {
                background-color: var(--cl-primary);
                border-color: var(--cl-primary);
            }
        }
    }
    .resources__section--content {

        & > .resources__section--text {

            & .resources__section--title {
                text-align: center;
            }

            & .resources__section--subtitle {
                text-align: center;
            }
            & .resources__section--text {
                text-align: center;
            }
        }
    }
    .meet--section {
        padding: var(--sp-v) var(--sp-h) 0 var(--sp-h);
    }
    .meet__section--text {
        & p:first-child {
            max-width: 100%;
        }
        & p:last-child {
            max-width: 100%;
        }
    }
    .meet__section--image {
        position: relative;
        right: calc(-1 * var(--sp-h));
        max-width: 100%;
    }
    .footer--content {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .footer--eyebrow {
        grid-column: 1;
        grid-row: 1;
    }
    .footer--logo {
        grid-column: 1;
        grid-row: 2;
    }
    .footer--connected {
        grid-column: 1;
        grid-row: 3;
        text-align: center;
    }
    .footer--policies {
        grid-column: 1;
        grid-row: 5;
        text-align: center;
        margin-top: 2rem;
    }
    .footer--socials {
        grid-column: 1;
        grid-row: 4;
        margin-top: 2rem;
        text-align: center;
    }
    .footer--email {
        text-align: center;
    }
    .footer--copy {
        & p {
            text-align: center;
        }
    }
    .footer--menu {
        justify-content: center;
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 599px) {
    .admin-bar .unified__header {
        top: 0px;
    }

    .last-divider {
        display: none;
    }

    .actions__section--title {
        & p {
            max-width: 340px;
            margin: 0 auto;
        }
    }
}
@media only screen and (max-width: 380px) {
    .last-divider {
        display: inline;
    }

    .actions__section--title {
        & p {
            max-width: 320px;
        }
    }
}

/* ============================================ */
/* =============== Extra Styles =============== */
/* ============================================ */

.grecaptcha-badge {
    opacity: 0 !important;
    visibility: hidden !important;
}