@font-face {
    font-style: normal;
    font-family: SubwaySansCondMedium;
    src: url(../images/fonts/SubwaySansCond-Medium_web/SubwaySansCond-Medium_7471129.woff2) format("woff2"),url(../images/fonts/SubwaySansCond-Medium_web/SubwaySansCond-Medium_5767268.otf) format("opentype");
    src: url(../images/fonts/SubwaySansCond-Medium_web/SubwaySansCond-Medium_4194431.eot);
    src: url(../images/fonts/SubwaySansCond-Medium_web/SubwaySansCond-Medium_2490495.woff) format("woff"),url(../images/fonts/SubwaySansCond-Medium_web/SubwaySansCond-Medium_4391012.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansCondBold;
    src: url(../images/fonts/SubwaySansCond-Bold_web/SubwaySansCond-Bold_7471129.woff2) format("woff2"),url(../images/fonts/SubwaySansCond-Bold_web/SubwaySansCond-Bold_5767268.otf) format("opentype");
    src: url(../images/fonts/SubwaySansCond-Bold_web/SubwaySansCond-Bold_4194431.eot);
    src: url(../images/fonts/SubwaySansCond-Bold_web/SubwaySansCond-Bold_2490495.woff) format("woff"),url(../images/fonts/SubwaySansCond-Bold_web/SubwaySansCond-Bold_4391012.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansCondBlack;
    src: url(../images/fonts/SubwaySansCond-Black_web/SubwaySansCond-Black_3801169.woff2) format("woff2"),url(../images/fonts/SubwaySansCond-Black_web/SubwaySansCond-Black_1048620.otf) format("opentype");
    src: url(../images/fonts/SubwaySansCond-Black_web/SubwaySansCond-Black_524343.eot);
    src: url(../images/fonts/SubwaySansCond-Black_web/SubwaySansCond-Black_7209015.woff) format("woff"),url(../images/fonts/SubwaySansCond-Black_web/SubwaySansCond-Black_720940.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansLCGBlackWeb;
    src: url(../images/fonts/SubwaySansLCG-Black_web/SubwaySansLCG-Black_7471129.woff2) format("woff2");
    src: url(../images/fonts/SubwaySansLCG-Black_web/SubwaySansLCG-Black_2490495.woff) format("woff"),url(../images/fonts/SubwaySansLCG-Black_web/SubwaySansLCG-Black_4391012.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansLCGBoldWeb;
    src: url(../images/fonts/SubwaySansLCG-Bold_web/SubwaySansLCG-Bold_3539037.woff2) format("woff2"),url(../images/fonts/SubwaySansLCG-Bold_web/SubwaySansLCG-Bold_1835040.otf) format("opentype");
    src: url(../images/fonts/SubwaySansLCG-Bold_web/SubwaySansLCG-Bold_262203.eot);
    src: url(../images/fonts/SubwaySansLCG-Bold_web/SubwaySansLCG-Bold_6422587.woff) format("woff"),url(../images/fonts/SubwaySansLCG-Bold_web/SubwaySansLCG-Bold_458784.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansLCGBoldItalicWeb;
    src: url(../images/fonts/SubwaySansLCG-BoldItalic_web/SubwaySansLCG-BoldItalic_786535.woff2) format("woff2"),url(../images/fonts/SubwaySansLCG-BoldItalic_web/SubwaySansLCG-BoldItalic_2490394.otf) format("opentype");
    src: url(../images/fonts/SubwaySansLCG-BoldItalic_web/SubwaySansLCG-BoldItalic_4063233.eot);
    src: url(../images/fonts/SubwaySansLCG-BoldItalic_web/SubwaySansLCG-BoldItalic_5767169.woff) format("woff"),url(../images/fonts/SubwaySansLCG-BoldItalic_web/SubwaySansLCG-BoldItalic_3997722.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansLCGMediumItalicWeb;
    src: url(../images/fonts/SubwaySansLCG-MediumItalic_web/SubwaySansLCG-MediumItalic_1310847.woff2) format("woff2"),url(../images/fonts/SubwaySansLCG-MediumItalic_web/SubwaySansLCG-MediumItalic_4063234.otf) format("opentype");
    src: url(../images/fonts/SubwaySansLCG-MediumItalic_web/SubwaySansLCG-MediumItalic_2490393.eot);
    src: url(../images/fonts/SubwaySansLCG-MediumItalic_web/SubwaySansLCG-MediumItalic_4194329.woff) format("woff"),url(../images/fonts/SubwaySansLCG-MediumItalic_web/SubwaySansLCG-MediumItalic_2424834.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansLCGMediumWeb;
    src: url(../images/fonts/SubwaySansLCG-Medium_web/SubwaySansLCG-Medium_3014725.woff2) format("woff2"),url(../images/fonts/SubwaySansLCG-Medium_web/SubwaySansLCG-Medium_262200.otf) format("opentype");
    src: url(../images/fonts/SubwaySansLCG-Medium_web/SubwaySansLCG-Medium_1835043.eot);
    src: url(../images/fonts/SubwaySansLCG-Medium_web/SubwaySansLCG-Medium_7995427.woff) format("woff"),url(../images/fonts/SubwaySansLCG-Medium_web/SubwaySansLCG-Medium_2031672.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansLCGRegularWeb;
    src: url(../images/fonts/SubwaySansLCG-Regular_web/SubwaySansLCG-Regular_7471129.woff2) format("woff2"),url(../images/fonts/SubwaySansLCG-Regular_web/SubwaySansLCG-Regular_5767268.otf) format("opentype");
    src: url(../images/fonts/SubwaySansLCG-Regular_web/SubwaySansLCG-Regular_4194431.eot);
    src: url(../images/fonts/SubwaySansLCG-Regular_web/SubwaySansLCG-Regular_2490495.woff) format("woff"),url(../images/fonts/SubwaySansLCG-Regular_web/SubwaySansLCG-Regular_4391012.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansLCGRegularItalicWeb;
    src: url(../images/fonts/SubwaySansLCG-RegularItalic_web/SubwaySansLCG-RegularItalic_7471129.woff2) format("woff2"),url(../images/fonts/SubwaySansLCG-RegularItalic_web/SubwaySansLCG-RegularItalic_5767268.otf) format("opentype");
    src: url(../images/fonts/SubwaySansLCG-RegularItalic_web/SubwaySansLCG-RegularItalic_4194431.eot);
    src: url(../images/fonts/SubwaySansLCG-RegularItalic_web/SubwaySansLCG-RegularItalic_2490495.woff) format("woff"),url(../images/fonts/SubwaySansLCG-RegularItalic_web/SubwaySansLCG-RegularItalic_4391012.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansLCGSemiboldWeb;
    src: url(../images/fonts/SubwaySansLCG-Semibold_web/SubwaySansLCG-Semibold_2359375.woff2) format("woff2"),url(../images/fonts/SubwaySansLCG-Semibold_web/SubwaySansLCG-Semibold_917554.otf) format("opentype");
    src: url(../images/fonts/SubwaySansLCG-Semibold_web/SubwaySansLCG-Semibold_1441833.eot);
    src: url(../images/fonts/SubwaySansLCG-Semibold_web/SubwaySansLCG-Semibold_7340073.woff) format("woff"),url(../images/fonts/SubwaySansLCG-Semibold_web/SubwaySansLCG-Semibold_1376306.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansLCGSemiboldItalicWeb;
    src: url(../images/fonts/SubwaySansLCG-SemiboldItalic_web/SubwaySansLCG-SemiboldItalic_1966197.woff2) format("woff2"),url(../images/fonts/SubwaySansLCG-SemiboldItalic_web/SubwaySansLCG-SemiboldItalic_3407880.otf) format("opentype");
    src: url(../images/fonts/SubwaySansLCG-SemiboldItalic_web/SubwaySansLCG-SemiboldItalic_2883603.eot);
    src: url(../images/fonts/SubwaySansLCG-SemiboldItalic_web/SubwaySansLCG-SemiboldItalic_4849683.woff) format("woff"),url(../images/fonts/SubwaySansLCG-SemiboldItalic_web/SubwaySansLCG-SemiboldItalic_3080200.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansLCGSuperWeb;
    src: url(../images/fonts/SubwaySansLCG-Super_web/SubwaySansLCG-Super_7471129.woff2) format("woff2"),url(../images/fonts/SubwaySansLCG-Super_web/SubwaySansLCG-Super_5767268.otf) format("opentype");
    src: url(../images/fonts/SubwaySansLCG-Super_web/SubwaySansLCG-Super_4194431.eot);
    src: url(../images/fonts/SubwaySansLCG-Super_web/SubwaySansLCG-Super_2490495.woff) format("woff"),url(../images/fonts/SubwaySansLCG-Super_web/SubwaySansLCG-Super_4391012.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: newsCycleBold;
    src: url(../images/fonts/news-Cycle/NewsCycle-Bold_8192112.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: newsCycleRegular;
    src: url(../images/fonts/news-Cycle/NewsCycle-Regular_2687067.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansCondAppBlack;
    src: url(../images/fonts/SubwaySansCondApp-Black/SubwaySansCondApp-Black_6750243.woff2) format("woff2"),url(../images/fonts/SubwaySansCondApp-Black/SubwaySansCondApp-Black_otf_5046366.html) format("opentype");
    src: url(../images/fonts/SubwaySansCondApp-Black/SubwaySansCondApp-Black_5570629.eot);
    src: url(../images/fonts/SubwaySansCondApp-Black/SubwaySansCondApp-Black_3342405.woff) format("woff"),url(../images/fonts/SubwaySansCondApp-Black/SubwaySansCondApp-Black_5636190.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansCondAppBold;
    src: url(../images/fonts/SubwaySansCondApp-Bold/SubwaySansCondApp-Bold_2293863.woff2) format("woff2"),url(../images/fonts/SubwaySansCondApp-Bold/SubwaySansCondApp-Bold_otf_589850.html) format("opentype");
    src: url(../images/fonts/SubwaySansCondApp-Bold/SubwaySansCondApp-Bold_1114113.eot);
    src: url(../images/fonts/SubwaySansCondApp-Bold/SubwaySansCondApp-Bold_7798785.woff) format("woff"),url(../images/fonts/SubwaySansCondApp-Bold/SubwaySansCondApp-Bold_1179674.ttf) format("truetype")
}

@font-face {
    font-style: normal;
    font-family: SubwaySansCondAppMedium;
    src: url(../images/fonts/SubwaySansCondApp-Medium/SubwaySansCondApp-Medium_3866751.woff2) format("woff2"),url(../images/fonts/SubwaySansCondApp-Medium/SubwaySansCondApp-Medium_otf_1114114.html) format("opentype");
    src: url(../images/fonts/SubwaySansCondApp-Medium/SubwaySansCondApp-Medium_589849.eot);
    src: url(../images/fonts/SubwaySansCondApp-Medium/SubwaySansCondApp-Medium_7274521.woff) format("woff"),url(../images/fonts/SubwaySansCondApp-Medium/SubwaySansCondApp-Medium_655362.ttf) format("truetype")
}

.hero-wrapper {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    text-transform: uppercase
}

.hero-wrapper_inner {
    padding: 11.125rem 1rem 3.938rem;
    max-width: 64rem
}

@media screen and (max-width: 768px) and (min-width:577px) {
    .hero-wrapper_inner {
        padding:11.125rem 1rem 4.938rem
    }
}

@media screen and (max-width: 992px) and (min-width:769px) {
    .hero-wrapper_inner {
        padding:11.125rem 2rem 7.938rem
    }
}

@media screen and (max-width: 1248px) and (min-width:993px) {
    .hero-wrapper_inner {
        padding:11.125rem 2rem 8.938rem
    }
}

.hero-wrapper_top {
    font-size: 3.3625rem;
    font-weight: 700;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center
}

@media screen and (min-width: 1249px) {
    .hero-wrapper_inner {
        padding:15.125rem 2rem 9.875rem
    }

    .hero-wrapper_top {
        font-size: 4.75rem
    }
}

.hero-wrapper_top img {
    vertical-align: initial
}

@media screen and (max-width: 1249px) {
    .hero-wrapper_top img {
        height:2.2rem
    }
}

.hero-wrapper_bottom {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    font-size: 1.8375rem;
    font-weight: 700;
    line-height: 2rem
}

.hero-wrapper_bottom img {
    height: 1.4rem;
    vertical-align: initial
}

.hero-wrapper .hero-p {
    text-align: center;
    text-transform: none;
    margin-top: 2rem
}

.between {
    border: 3px solid var(--white);
    color: var(--white);
    margin: 4px 0;
    background-color: var(--white);
    opacity: 1;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: slide-left-right;
    animation-iteration-count: 1;
    animation-delay: .6s;
    opacity: 0
} 
.home5-primary-btn {
    padding: 15px 9px;
    background-color: #f7bc2f;
    color: #ffffff !important;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: none;
    transition: all 0.3s ease-in;
    vertical-align: middle;
}
.home7-primary-btn {
    padding: 15px 9px;
    background-color: white;
    color:black !important;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: none;
    transition: all 0.3s ease-in;
    vertical-align: middle;
}
 @keyframes slide-left-right {
    from {
        opacity: 0;
        width: 0%
    }

    to {
        opacity: 1;
        width: 100%
    }
}

.hero-opportunities h1 {
    font-size: 3.3625rem;
    font-weight: 700;
    line-height: .9;
    margin-bottom: 0
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-touch-callout:none) {
        .hero-opportunities h1 {
            margin-bottom:0!important
        }
    }
}

@media screen and (min-width: 1249px) {
    .hero-wrapper_bottom {
        font-size:2.6875rem
    }

    .hero-wrapper_bottom img {
        height: 2rem
    }

    .hero-opportunities h1 {
        font-size: 4.75rem;
        margin-bottom: .9375rem
    }

    @media not all and (min-resolution: 0.001dpcm) {
        .hero-opportunities h1 {
            font-size:4.6875rem!important;
            margin-bottom: 0!important
        }
    }

    @-moz-document url-prefix() {
        .hero-opportunities h1 {
            font-size: 4.625rem!important
        }
    }
}

.hero-opportunities h2 {
    font-size: 1.8125rem;
    font-weight: 700;
    word-spacing: .375rem;
    margin-top: .25rem;
    line-height: 2rem
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-touch-callout:none) {
        .hero-opportunities h2 {
            font-size:1.75rem!important;
            margin-top: .5rem!important
        }
    }
}

.hero-opportunities .text-1 {
    animation: 6s .8s forwards text-transition-1;
    opacity: 0
}

.hero-opportunities .text-2 {
    animation: 6s 1s forwards text-transition-1;
    opacity: 0
}

.hero-opportunities .text-3 {
    animation: 6s 1.4s forwards text-transition-1;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .hero-opportunities .text-3 {
        font-size:3.5rem
    }
}

.hero-opportunities .text-4 {
    animation: 6s 1.8s forwards text-transition-1;
    opacity: 0
}

.hero-opportunities .text-5 {
    animation: 6s 2s forwards text-transition-1;
    opacity: 0
}

.hero-opportunities .img-1 {
    animation: 6s 1.2s forwards text-transition-1;
    opacity: 0
}

.hero-opportunities .img-2 {
    animation: 6s 1.6s forwards text-transition-1;
    opacity: 0
}

.hero-opportunities .text-1,.hero-opportunities .text-3,.hero-opportunities .text-5 {
    font-family: SubwaySansLCGBlackWeb;
    font-weight: 700
}

.hero-opportunities .text-2,.hero-opportunities .text-4 {
    font-family: SubwaySansCondBlack;
    font-weight: 400
}

.hero-advantage .hero-wrapper_top h1 {
    font-size: 1.4375rem
}

.hero-advantage .hero-wrapper_top h1 img {
    height: 1rem
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-touch-callout:none) {
        .hero-advantage .hero-wrapper_top h1 {
            font-size:1.5rem!important;
            margin-bottom: 0!important
        }
    }
}

@media screen and (max-width: 768px) and (min-width:577px) {
    .hero-advantage .hero-wrapper_top h1 {
        font-size:2.4rem
    }

    .hero-advantage .hero-wrapper_top h1 img {
        height: 1.7rem
    }
}

@media screen and (max-width: 992px) and (min-width:769px) {
    .hero-advantage .hero-wrapper_top h1 {
        font-size:3.3125rem
    }

    .hero-advantage .hero-wrapper_top h1 img {
        height: 2rem
    }
}

@media screen and (max-width: 1248px) and (min-width:993px) {
    .hero-advantage .hero-wrapper_top h1 {
        font-size:3.3125rem
    }

    .hero-advantage .hero-wrapper_top h1 img {
        height: 2.4rem
    }
}

@media screen and (min-width: 1249px) {
    .hero-opportunities h2 {
        font-size:2.6875rem;
        margin-top: .625rem
    }

    .hero-advantage .hero-wrapper_top h1 {
        font-size: 4.3125rem
    }

    @media not all and (min-resolution: 0.001dpcm) {
        .hero-opportunities h2 {
            font-size:2.5625rem!important
        }

        .hero-advantage .hero-wrapper_top h1 {
            font-size: 4.25rem!important;
            line-height: .7!important
        }
    }

    @-moz-document url-prefix() {
        .hero-opportunities h2 {
            font-size: 2.5625rem!important
        }

        .hero-advantage .hero-wrapper_top h1 {
            font-size: 4.1875rem!important
        }
    }

    .hero-advantage .hero-wrapper_top h1 img {
        height: 3rem
    }
}

.hero-advantage .hero-wrapper_bottom h2 {
    margin-bottom: .625rem
}

.hero-advantage .hero-wrapper_bottom h2 .text-3 {
    font-size: 4.75rem
}

.hero-advantage .hero-wrapper_bottom h2 .text-4 {
    font-size: 2.0625rem;
    line-height: .7
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-touch-callout:none) {
        .hero-advantage .hero-wrapper_bottom h2 {
            margin-top:0!important;
            line-height: 1!important
        }

        .hero-advantage .hero-wrapper_bottom h2 .text-4 {
            font-size: 2rem!important
        }
    }
}

.hero-advantage .hero-wrapper_bottom h2 img {
    height: 3.375rem
}

@media screen and (max-width: 768px) and (min-width:577px) {
    .hero-advantage .hero-wrapper_bottom h2 {
        margin-top:0
    }

    .hero-advantage .hero-wrapper_bottom h2 .text-3,.hero-advantage .hero-wrapper_bottom h2 .text-4 {
        font-size: 2.3rem
    }

    .hero-advantage .hero-wrapper_bottom h2 img {
        height: 1.7rem
    }
}

@media screen and (max-width: 992px) and (min-width:769px) {
    .hero-advantage .hero-wrapper_bottom h2 {
        margin-top:0;
        font-size: 3.375rem
    }

    .hero-advantage .hero-wrapper_bottom h2 .text-3,.hero-advantage .hero-wrapper_bottom h2 .text-4 {
        font-size: 3.375rem
    }

    .hero-advantage .hero-wrapper_bottom h2 img {
        height: 2.4rem
    }
}

@media screen and (max-width: 1248px) and (min-width:993px) {
    .hero-advantage .hero-wrapper_bottom h2 {
        margin-top:0;
        font-size: 3.375rem
    }

    .hero-advantage .hero-wrapper_bottom h2 .text-3,.hero-advantage .hero-wrapper_bottom h2 .text-4 {
        font-size: 3.375rem
    }

    .hero-advantage .hero-wrapper_bottom h2 img {
        height: 2.4rem
    }
}

.hero-advantage .text-1,.hero-advantage .text-3 {
    font-family: SubwaySansCondBlack;
    font-weight: 400
}

.hero-advantage .text-2,.hero-advantage .text-4 {
    font-family: SubwaySansLCGBlackWeb;
    font-weight: 700
}

.hero-advantage .text-1 {
    animation: 6s .9s forwards text-transition-1;
    opacity: 0
}

.hero-advantage .text-2 {
    animation: 6s 1.4s forwards text-transition-1;
    opacity: 0
}

.hero-advantage .text-3 {
    animation: 6s 1.8s forwards text-transition-1;
    opacity: 0
}

.hero-advantage .text-4 {
    animation: 6s 2s forwards text-transition-1;
    opacity: 0
}

.hero-advantage .img-1 {
    animation: 6s 1.2s forwards text-transition-1;
    opacity: 0
}

.hero-advantage .img-2 {
    animation: 6s 1.6s forwards text-transition-1;
    opacity: 0
}

.hero-advantage .hero-p {
    animation: 6s 2.5s forwards text-transition-1;
    opacity: 0
}

@media screen and (max-width: 768px) {
    .hero-advantage .hero-p {
        margin-top:0
    }
}

@media screen and (min-width: 1249px) {
    .hero-advantage .hero-wrapper_bottom h2 {
        margin-top:0;
        font-size: 3.375rem
    }

    .hero-advantage .hero-wrapper_bottom h2 .text-3,.hero-advantage .hero-wrapper_bottom h2 .text-4 {
        font-size: 4.4375rem;
        line-height: 1
    }

    @media not all and (min-resolution: 0.001dpcm) {
        .hero-advantage .hero-wrapper_bottom h2 .text-3,.hero-advantage .hero-wrapper_bottom h2 .text-4 {
            font-size:4.375rem!important
        }
    }

    @-moz-document url-prefix() {
        .hero-advantage .hero-wrapper_bottom h2 .text-3,.hero-advantage .hero-wrapper_bottom h2 .text-4 {
            font-size: 4.3125rem!important
        }
    }

    .hero-advantage .hero-wrapper_bottom h2 img {
        height: 3.375rem
    }

    .hero-advantage .hero-p {
        font-size: 1.75rem
    }
}

.hero-contact .text-1,.hero-contact .text-4 {
    font-family: SubwaySansCondBlack;
    font-weight: 400
}

.hero-contact .text-2,.hero-contact .text-3 {
    font-family: SubwaySansLCGBlackWeb;
    font-weight: 700
}

.hero-contact .hero-wrapper_top h1 {
    font-size: 2.4375rem;
    line-height: .8
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-touch-callout:none) {
        .hero-contact .hero-wrapper_top h1 {
            line-height:.7!important
        }
    }
}

.hero-contact .hero-wrapper_top h1 img {
    height: 2rem
}

.hero-contact .hero-wrapper_top h1 .img-2 {
    display: none
}

@media screen and (max-width: 768px) and (min-width:577px) {
    .hero-contact .hero-wrapper_top h1 {
        font-size:3.775rem
    }

    .hero-contact .hero-wrapper_top h1 img {
        height: 2.7rem
    }

    .hero-contact .hero-wrapper_top h1 .img-2 {
        display: none
    }
}

@media screen and (max-width: 992px) and (min-width:769px) {
    .hero-contact .hero-wrapper_top h1 {
        font-size:4.775rem
    }

    .hero-contact .hero-wrapper_top h1 img {
        height: 3.5rem
    }

    .hero-contact .hero-wrapper_top h1 .img-2 {
        display: inline-block
    }
}

@media screen and (max-width: 1248px) and (min-width:993px) {
    .hero-contact .hero-wrapper_top h1 {
        font-size:5.775rem
    }

    .hero-contact .hero-wrapper_top h1 img {
        height: 4rem
    }

    .hero-contact .hero-wrapper_top h1 .img-2 {
        display: inline-block
    }
}

@media screen and (min-width: 1249px) {
    .hero-contact .hero-wrapper_top h1 {
        font-size:5.775rem;
        margin-bottom: 1.25rem
    }

    @media not all and (min-resolution: 0.001dpcm) {
        .hero-contact .hero-wrapper_top h1 {
            line-height:.8!important
        }
    }

    .hero-contact .hero-wrapper_top h1 img {
        height: 4rem
    }

    .hero-contact .hero-wrapper_top h1 .img-2 {
        display: inline-block
    }
}

.hero-contact .hero-wrapper_bottom h2 {
    font-size: 1.88rem
}

.hero-contact .hero-wrapper_bottom h2 img {
    height: 1.5rem
}

@media screen and (max-width: 768px) and (min-width:577px) {
    .hero-contact .hero-wrapper_bottom h2 {
        font-size:2.8125rem
    }

    .hero-contact .hero-wrapper_bottom h2 img {
        height: 2.1875rem
    }
}

@media screen and (max-width: 992px) and (min-width:769px) {
    .hero-contact .hero-wrapper_bottom h2 {
        font-size:4.5625rem;
        line-height: 1
    }

    .hero-contact .hero-wrapper_bottom h2 img {
        height: 3.5rem
    }
}

@media screen and (max-width: 1248px) and (min-width:993px) {
    .hero-contact .hero-wrapper_bottom h2 {
        font-size:5.5625rem;
        line-height: 1
    }

    .hero-contact .hero-wrapper_bottom h2 img {
        height: 4rem
    }
}

@media screen and (min-width: 1249px) {
    .hero-contact .hero-wrapper_bottom h2 {
        font-size:5.5625rem;
        line-height: 1
    }

    @media not all and (min-resolution: 0.001dpcm) {
        .hero-contact .hero-wrapper_bottom h2 {
            font-size:5.5rem
        }
    }

    @-moz-document url-prefix() {
        .hero-contact .hero-wrapper_bottom h2 {
            font-size: 5.4375rem!important
        }
    }

    .hero-contact .hero-wrapper_bottom h2 img {
        height: 4rem
    }
}

.hero-contact .between {
    border: 3px solid var(--darkGreen);
    color: var(--darkGreen);
    background-color: var(--darkGreen)
}

.hero-contact .text-1 {
    animation: 6s 1.2s forwards text-transition-1;
    opacity: 0
}

.hero-contact .text-2 {
    animation: 6s 1.6s forwards text-transition-1;
    opacity: 0
}

.hero-contact .text-3 {
    animation: 6s 1.8s forwards text-transition-1;
    opacity: 0
}

.hero-contact .text-4 {
    animation: 6s 2s forwards text-transition-1;
    opacity: 0
}

.hero-contact .img-1 {
    animation: 6s .9s forwards text-transition-1;
    opacity: 0
}

.hero-contact .img-2 {
    animation: 6s 1.4s forwards text-transition-1;
    opacity: 0
}

.hero-contact .img-3 {
    animation: 6s 1.9s forwards text-transition-1;
    opacity: 0
}

.hero-realestate .hero-wrapper_top h1 {
    font-family: SubwaySansCondBlack;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-touch-callout:none) {
        .hero-realestate .hero-wrapper_top h1 {
            font-size:2.5rem!important;
            margin-bottom: 0!important
        }
    }
}

.hero-realestate .hero-wrapper_top h1 img {
    height: 1.8rem
}

@media screen and (max-width: 768px) and (min-width:577px) {
    .hero-realestate .hero-wrapper_top h1 {
        font-size:3.5rem
    }

    .hero-realestate .hero-wrapper_top h1 img {
        height: 2.5rem
    }
}

@media screen and (max-width: 992px) and (min-width:769px) {
    .hero-realestate .hero-wrapper_top h1 {
        font-size:4rem
    }

    .hero-realestate .hero-wrapper_top h1 img {
        height: 2.875rem
    }
}

@media screen and (max-width: 1248px) and (min-width:993px) {
    .hero-realestate .hero-wrapper_top h1 {
        font-size:5rem
    }

    .hero-realestate .hero-wrapper_top h1 img {
        height: 4rem
    }
}

@media screen and (min-width: 1249px) {
    .hero-realestate .hero-wrapper_top h1 {
        font-size:5.3125rem
    }

    @media not all and (min-resolution: 0.001dpcm) {
        .hero-realestate .hero-wrapper_top h1 {
            font-size:5.25rem!important;
            line-height: .8!important
        }
    }

    @-moz-document url-prefix() {
        .hero-realestate .hero-wrapper_top h1 {
            font-size: 5.125rem!important
        }
    }

    .hero-realestate .hero-wrapper_top h1 img {
        height: 4rem
    }
}

.hero-realestate .hero-wrapper_bottom h2 {
    font-family: SubwaySansLCGBlackWeb;
    font-weight: 400;
    font-size: 2.3125rem
}

.hero-realestate .hero-wrapper_bottom h2 img {
    height: 1.8rem
}

@media screen and (min-width: 769px) {
    .hero-realestate .hero-wrapper_bottom h2 {
        letter-spacing:.125rem
    }
}

@media screen and (max-width: 768px) and (min-width:577px) {
    .hero-realestate .hero-wrapper_bottom h2 img {
        height:2.6rem
    }
}

@media screen and (max-width: 992px) and (min-width:769px) {
    .hero-realestate .hero-wrapper_bottom h2 {
        font-size:2.375rem
    }

    .hero-realestate .hero-wrapper_bottom h2 img {
        height: 2.2rem
    }
}

@media screen and (max-width: 1248px) and (min-width:993px) {
    .hero-realestate .hero-wrapper_bottom h2 {
        font-size:3.125rem
    }

    .hero-realestate .hero-wrapper_bottom h2 img {
        height: 3.2rem
    }
}

@media screen and (min-width: 1249px) {
    .hero-realestate .hero-wrapper_bottom h2 {
        font-size:3.275rem
    }

    .hero-realestate .hero-wrapper_bottom h2 img {
        height: 4rem
    }
}

.hero-realestate .text-1 {
    animation: 6s 1.3s forwards text-transition-1;
    opacity: 0
}

.hero-realestate .text-2 {
    animation: 6s 2s forwards text-transition-1;
    opacity: 0
}

.hero-realestate .img-1 {
    animation: 6s 1s forwards text-transition-1;
    opacity: 0
}

.hero-realestate .img-2 {
    animation: 6s 1.6s forwards text-transition-1;
    opacity: 0
}

.hero-ownership .hero-wrapper_top h1 {
    font-family: SubwaySansLCGBlackWeb;
    font-size: 2.6875rem;
    font-weight: 700;
    line-height: .9
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-touch-callout:none) {
        .hero-ownership .hero-wrapper_top h1 {
            font-size:2.75rem!important
        }
    }
}

@media screen and (max-width: 768px) and (min-width:577px) {
    .hero-ownership .hero-wrapper_top h1 {
        font-size:2.75rem
    }

    .hero-ownership .hero-wrapper_top h1 img {
        height: 2.6rem
    }
}

@media screen and (max-width: 992px) and (min-width:769px) {
    .hero-ownership .hero-wrapper_top h1 {
        font-size:3rem;
        margin-bottom: 1.125rem
    }

    .hero-ownership .hero-wrapper_top h1 img {
        height: 3rem
    }
}

@media screen and (max-width: 1248px) and (min-width:993px) {
    .hero-ownership .hero-wrapper_top h1 {
        font-size:4.0625rem;
        margin-bottom: 1.25rem
    }

    .hero-ownership .hero-wrapper_top h1 img {
        height: 4rem
    }
}

@media screen and (min-width: 1249px) {
    .hero-ownership .hero-wrapper_top h1 {
        font-size:4.0625rem;
        margin-bottom: 1.25rem
    }

    @media not all and (min-resolution: 0.001dpcm) {
        .hero-ownership .hero-wrapper_top h1 {
            margin-bottom:0
        }
    }

    .hero-ownership .hero-wrapper_top h1 img {
        height: 4rem
    }
}

.hero-ownership .hero-wrapper_bottom h2 {
    font-family: SubwaySansCondBlack;
    font-weight: 400;
    letter-spacing: .125rem;
    font-size: 2.625rem;
    line-height: 1
}

@media not all and (min-resolution: 0.001dpcm) {
    .hero-ownership .hero-wrapper_bottom h2 {
        line-height:1!important
    }

    @supports (-webkit-touch-callout:none) {
        .hero-ownership .hero-wrapper_bottom h2 {
            line-height: 1.3!important
        }
    }
}

.hero-ownership .hero-wrapper_bottom h2 img {
    height: 1.8rem
}

@media screen and (max-width: 768px) and (min-width:577px) {
    .hero-ownership .hero-wrapper_bottom h2 {
        font-size:3.75rem;
        line-height: .9
    }

    .hero-ownership .hero-wrapper_bottom h2 img {
        height: 2.8125rem
    }
}

@media screen and (max-width: 992px) and (min-width:769px) {
    .hero-ownership .hero-wrapper_bottom h2 {
        font-size:4.25rem
    }

    .hero-ownership .hero-wrapper_bottom h2 img {
        height: 3rem
    }
}

@media screen and (max-width: 1248px) and (min-width:993px) {
    .hero-ownership .hero-wrapper_bottom h2 {
        font-size:5.75rem;
        line-height: .9
    }

    .hero-ownership .hero-wrapper_bottom h2 img {
        height: 4.25rem
    }
}

@media screen and (min-width: 1249px) {
    .hero-ownership .hero-wrapper_bottom h2 {
        font-size:6rem;
        line-height: .9
    }

    .hero-ownership .hero-wrapper_bottom h2 img {
        height: 4.1875rem
    }
}

.hero-ownership .text-1 {
    animation: 6s 1s forwards text-transition-1;
    opacity: 0
}

.hero-ownership .text-2 {
    animation: 6s 1.6s forwards text-transition-1;
    opacity: 0
}

.hero-ownership .img-1 {
    animation: 6s 1.3s forwards text-transition-1;
    opacity: 0
}

.hero-ownership .img-2 {
    animation: 6s 2s forwards text-transition-1;
    opacity: 0
}

.hero-faq .text-1,.hero-faq .text-3,.hero-faq .text-4,.hero-faq .text-6 {
    font-family: SubwaySansLCGBlackWeb;
    font-weight: 700
}

.hero-faq .text-2,.hero-faq .text-5 {
    font-family: SubwaySansCondBlack;
    font-weight: 400
}

.hero-faq .hero-wrapper_top h1 {
    line-height: 1;
    margin-bottom: 0
}

.hero-faq .hero-wrapper_top h1 .text-1 {
    font-size: 2.1875rem
}

.hero-faq .hero-wrapper_top h1 .text-2,.hero-faq .hero-wrapper_top h1 .text-3 {
    font-size: 3.625rem;
    line-height: 1
}

.hero-faq .hero-wrapper_top h1 img {
    height: 2.6rem
}

.hero-faq .hero-wrapper_top h1 .hero-top-group {
    display: block
}

@media screen and (max-width: 768px) and (min-width:577px) {
    .hero-faq .hero-wrapper_top h1 .hero-top-group {
        display:block
    }

    .hero-faq .hero-wrapper_top h1 .text-1,.hero-faq .hero-wrapper_top h1 .text-2,.hero-faq .hero-wrapper_top h1 .text-3 {
        font-size: 3.625rem
    }

    .hero-faq .hero-wrapper_top h1 img {
        height: 2.6rem
    }
}

@media screen and (max-width: 992px) and (min-width:769px) {
    .hero-faq .hero-wrapper_top h1 .hero-top-group {
        display:inline
    }

    .hero-faq .hero-wrapper_top h1 .text-1,.hero-faq .hero-wrapper_top h1 .text-2,.hero-faq .hero-wrapper_top h1 .text-3 {
        font-size: 3.625rem
    }

    .hero-faq .hero-wrapper_top h1 img {
        height: 2.8rem
    }
}

@media screen and (max-width: 1248px) and (min-width:993px) {
    .hero-faq .hero-wrapper_top h1 .hero-top-group {
        display:inline
    }

    .hero-faq .hero-wrapper_top h1 .text-1,.hero-faq .hero-wrapper_top h1 .text-2,.hero-faq .hero-wrapper_top h1 .text-3 {
        font-size: 3.755rem
    }

    .hero-faq .hero-wrapper_top h1 img {
        height: 2.8rem
    }
}

@media screen and (min-width: 1249px) {
    .hero-faq .hero-wrapper_top h1 {
        margin-bottom:1rem
    }

    .hero-faq .hero-wrapper_top h1 .hero-top-group {
        display: inline
    }

    .hero-faq .hero-wrapper_top h1 .text-1,.hero-faq .hero-wrapper_top h1 .text-2,.hero-faq .hero-wrapper_top h1 .text-3 {
        font-size: 3.755rem
    }

    @media not all and (min-resolution: 0.001dpcm) {
        .hero-faq .hero-wrapper_top h1 .text-1,.hero-faq .hero-wrapper_top h1 .text-2,.hero-faq .hero-wrapper_top h1 .text-3 {
            font-size:3.625rem
        }
    }

    @-moz-document url-prefix() {
        .hero-faq .hero-wrapper_top h1 .text-1,.hero-faq .hero-wrapper_top h1 .text-2,.hero-faq .hero-wrapper_top h1 .text-3 {
            font-size: 3.625rem!important
        }
    }

    .hero-faq .hero-wrapper_top h1 img {
        height: 2.8rem
    }
}

.hero-faq .hero-wrapper_bottom h2 .text-4,.hero-faq .hero-wrapper_bottom h2 .text-5 {
    font-size: 1.8125rem
}

.hero-faq .hero-wrapper_bottom h2 .text-6 {
    font-size: 3.125rem;
    line-height: .8
}

.hero-faq .hero-wrapper_bottom h2 img {
    height: 1.2rem
}

.hero-faq .hero-wrapper_bottom h2 .hero-bottom-group {
    display: inline-block
}

.hero-faq .text-1 {
    animation: 6s .8s forwards text-transition-1;
    opacity: 0
}

.hero-faq .text-2 {
    animation: 6s 1.1s forwards text-transition-1;
    opacity: 0
}

.hero-faq .text-3 {
    animation: 6s 1.3s forwards text-transition-1;
    opacity: 0
}

.hero-faq .text-4 {
    animation: 6s 1.5s forwards text-transition-1;
    opacity: 0
}

.hero-faq .text-5 {
    animation: 6s 1.7s forwards text-transition-1;
    opacity: 0
}

.hero-faq .text-6 {
    animation: 6s 2s forwards text-transition-1;
    opacity: 0
}

.hero-faq .img-1 {
    animation: 6s .9s forwards text-transition-1;
    opacity: 0
}

.hero-faq .img-2 {
    animation: 6s 1.6s forwards text-transition-1;
    opacity: 0
}

.hero-faq .img-3 {
    animation: 6s 1.8s forwards text-transition-1;
    opacity: 0
}

.hero-language {
    max-width: 90rem
}

.hero-language .hero-wrapper_top {
    font-family: SubwaySansLCGBlackWeb;
    font-weight: 700;
    text-align: center;
    text-align-last: center
}

.hero-language .hero-wrapper_top h1 {
    font-size: 2.5rem
}

@media screen and (max-width: 768px) and (min-width:577px) {
    .hero-faq .hero-wrapper_bottom h2 .text-4,.hero-faq .hero-wrapper_bottom h2 .text-5,.hero-faq .hero-wrapper_bottom h2 .text-6 {
        font-size:3.0625rem;
        line-height: 1
    }

    .hero-faq .hero-wrapper_bottom h2 img {
        height: 2rem
    }

    .hero-faq .hero-wrapper_bottom h2 .hero-bottom-group {
        display: inline-block
    }

    .hero-language .hero-wrapper_top h1 {
        font-size: 3.5rem
    }
}

@media screen and (max-width: 992px) and (min-width:769px) {
    .hero-faq .hero-wrapper_bottom h2 .hero-bottom-group {
        display:inline
    }

    .hero-faq .hero-wrapper_bottom h2 .text-4,.hero-faq .hero-wrapper_bottom h2 .text-5,.hero-faq .hero-wrapper_bottom h2 .text-6 {
        font-size: 3.0625rem
    }

    .hero-faq .hero-wrapper_bottom h2 img {
        height: 2rem
    }

    .hero-language .hero-wrapper_top h1 {
        font-size: 2rem
    }
}

@media screen and (max-width: 1248px) and (min-width:993px) {
    .hero-faq .hero-wrapper_bottom h2 .hero-bottom-group {
        display:inline
    }

    .hero-faq .hero-wrapper_bottom h2 .text-4,.hero-faq .hero-wrapper_bottom h2 .text-5,.hero-faq .hero-wrapper_bottom h2 .text-6 {
        font-size: 3.0625rem
    }

    .hero-faq .hero-wrapper_bottom h2 img {
        height: 2rem
    }

    .hero-language .hero-wrapper_top h1 {
        font-size: 2.7rem
    }
}

@media screen and (min-width: 1249px) {
    .hero-faq .hero-wrapper_bottom h2 .hero-bottom-group {
        display:inline
    }

    .hero-faq .hero-wrapper_bottom h2 .text-4,.hero-faq .hero-wrapper_bottom h2 .text-5,.hero-faq .hero-wrapper_bottom h2 .text-6 {
        font-size: 3.0625rem
    }

    .hero-faq .hero-wrapper_bottom h2 img {
        height: 2rem
    }

    .hero-language .hero-wrapper_top h1 {
        font-size: 3.775rem
    }
}

.container.cmp-faq {
    position: relative;
    margin-top: 3.5rem
}

.cmp-faq .nav-tabs {
    flex-wrap: nowrap;
    background-color: var(--green);
    border: none;
    padding: .4rem 0;
    border-radius: 1.25rem;
    justify-content: center;
    align-items: center
} 
/* .btn {
    width: auto;

    border-radius: 2.25rem !important;
} */
@media screen and (min-width: 992px) {
    .cmp-faq .nav-tabs {
        padding:.375rem 1rem
    }
}

.cmp-faq .nav-tabs a {
    text-decoration: none
}

.cmp-faq .nav-tabs .faq-nav-link {
    color: var(--white);
    font-size: 1.1669rem;
    padding: .5rem .875rem;
    text-transform: uppercase;
    border: none;
    width: max-content;
    margin-bottom: .25rem
}

@media screen and (max-width: 768px) {
    .cmp-faq .nav-tabs .faq-nav-link {
        margin-bottom:0
    }
}

.cmp-faq .nav-tabs .faq-nav-link:focus,.cmp-faq .nav-tabs .faq-nav-link:hover {
    border-color: transparent
}

.cmp-faq .nav-tabs .faq-nav-link.active {
    color: var(--white);
    background-color: var(--green);
    border: none;
    text-decoration: underline;
    font-weight: 700
}

@media not all and (min-resolution: 0.001dpcm) {
    .cmp-faq .nav-tabs .faq-nav-link {
        margin-bottom:0!important;
        padding: .5rem .625rem!important
    }

    .cmp-faq .nav-tabs {
        display: flex!important;
        justify-content: space-between!important
    }

    @supports (-webkit-touch-callout:none) {
        .cmp-faq .nav-tabs {
            display: inline-flex!important
        }
    }
}

.cmp-faq .faq-col {
    padding: 0;
    margin-bottom: 3rem;
    display: flex;
    justify-content: center;
    background-color: var(--green);
    border-radius: 1.125rem
}

@media screen and (max-width: 576px) {
    .cmp-faq .faq-col {
        border-radius:0
    }
}

.cmp-faq .accordion-header .accordion-button {
    font-size: 1.1669rem;
    color: var(--green);
    text-transform: uppercase;
    font-weight: 700
}

.cmp-faq .accordion-button.collapsed {
    border-radius: 1.25rem!important;
    color: var(--green);
    background-color: var(--white);
    border: .375rem solid var(--green)
}

.cmp-faq .accordion-button:not(.collapsed) {
    color: var(--white)!important;
    background-color: var(--green);
    box-shadow: none;
    border-top-left-radius: 1.25rem!important;
    border-top-right-radius: 1.25rem!important
}

.cmp-faq .accordion-item:first-of-type {
    border-radius: 1.25rem;
    color: var(--green);
    background-color: var(--white)
}

.cmp-faq .accordion-button:focus {
    border-color: var(--green);
    box-shadow: none
}

.cmp-faq .accordion-item {
    border: none
}

.cmp-faq .accordion-item:focus-within {
    outline: .125rem solid var(--black);
    border-radius: 1.25rem
}

.cmp-faq .accordion-body {
    color: var(--white);
    background-color: var(--green);
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem
}

.cmp-faq .accordion-button::after {
    background-image: url(../images/Arrow_close_2031672.svg);
    transform: rotate(0) translateY(.188rem)
}

.cmp-faq .accordion-button:not(.collapsed)::after {
    background-image: url(../images/Arrow_open_3473520.svg);
    background-size: contain;
    transform: rotate(0) translateX(0)
}

.cmp-faq .faq-left-arrow,.cmp-faq .faq-right-arrow {
    color: var(--white);
    background-color: var(--green);
    padding: 1.775rem 1rem;
    border-radius: 1.25rem;
    background-size: .75rem;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    cursor: pointer
}

.cmp-faq .faq-right-arrow {
    right: 0;
    background-image: url(../images/ACTIVE_RIGHT_ARROW_SHAPE_7602214.svg)
}

.cmp-faq .item-div {
    overflow: hidden;
    display: flex;
    border-radius: 1.25rem
}

@media screen and (max-width: 576px) {
    .cmp-faq .item-div {
        border-radius:0
    }
}

.cmp-faq .faq-left-arrow {
    background-image: url(../images/ACTIVE_RIGHT_ARROW_SHAPE_7602214.svg);
    transform: rotate(180deg);
    opacity: .2
}

.language .cmp-faq .nav-tabs .faq-nav-link {
    font-size: .75rem
}

.form-heading {
    text-align: center;
    font-family: SubwaySansCondAppBlack;
    font-weight: 500;
    line-height: 4rem
}

.form-heading h2 {
    font-size: 3.75rem;
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .form-heading h2 {
        font-size:1.875rem
    }
}

.form-heading p {
    font-size: 1.125rem
}

.wizard-section .form-wizard input:-webkit-autofill,.wizard-section .form-wizard input:-webkit-autofill:active,.wizard-section .form-wizard input:-webkit-autofill:focus,.wizard-section .form-wizard input:-webkit-autofill:hover {
    box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.2)!important;
    background-color: var(--white)!important;
    -webkit-background-clip: text
}

.wizard-section .form-wizard label.error {
    font-size: .75rem;
    font-family: SubwaySansLCGSemiboldWeb;
    color: var(--red);
    display: block;
    margin-top: .13rem;
    padding-left: .938rem
}

.wizard-section .form-wizard button.error,.wizard-section .form-wizard input.error,.wizard-section .form-wizard textarea.error {
    border: .063rem solid var(--red);
    background-color: var(--lightRed);
    color: var(--red)
}

.wizard-section .form-wizard .dropdown .btn-check:focus+.btn-secondary,.wizard-section .form-wizard .dropdown .btn-secondary:focus {
    box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.2)
}

.wizard-section .form-wizard .dropdown .dropdown-menu {
    z-index: 4;
    inset: 0 auto auto 0!important;
    transform: translate(0,64px)!important
}

.wizard-section .form-wizard .dropdown .state {
    overflow-x: auto;
    height: 9.375rem
}

.wizard-section .form-wizard button.dropdown-toggle {
    font-weight: 300
}

.wizard-section .form-wizard .dropdown .dropdown-toggle:focus {
    outline: .125rem solid var(--black);
    outline: revert;
    outline-color: var(--black)
}

.wizard-section .form-wizard .prev-btn {
    background-position: left -11px center;
    padding: 7px 19px 9px 47px
}

.wizard-section .form-wizard .prev-btn:focus {
    outline: .125rem solid var(--black);
    outline: revert;
    outline-color: var(--black)
}

@media screen and (max-width: 768px) {
    .form-heading p {
        font-size:.625rem;
        line-height: .625rem
    }

    .wizard-section .form-wizard .prev-btn {
        padding-top: 8px
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .wizard-section .form-wizard .prev-btn {
        padding-top:9px!important
    }
}

.wizard-section .form-wizard .primary-btn {
    background-position: right 0 center;
    padding: 7px 62px 9px 30px
}

.wizard-section .form-wizard .primary-btn:focus {
    outline: .125rem solid var(--black);
    outline: revert;
    outline-color: var(--black)
}

.wizard-section .form-wizard label {
    font-family: SubwaySansLCGRegularWeb;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.686875rem;
    color: var(--dark);
    margin-bottom: .8125rem
}

.wizard-section .form-wizard .radio-label {
    font-size: .6875rem;
    color: var(--mediumGray);
    margin-top: .8125rem
}

@media screen and (max-width: 768px) {
    .wizard-section .form-wizard .primary-btn {
        padding-top:8px
    }

    .wizard-section .form-wizard label {
        font-size: 1.125rem
    }

    .wizard-section .form-wizard .radio-label {
        text-align: left;
        line-height: .8125rem
    }
}

.wizard-section .form-wizard h5 {
    font-family: SubwaySansCondBlack;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.686875rem;
    color: var(--dark)
}

.wizard-section .form-wizard input,.wizard-section .form-wizard textarea {
    background: var(--white)
}

.wizard-section .form-wizard input:focus,.wizard-section .form-wizard textarea:focus {
    outline: .125rem solid var(--black);
    outline: revert;
    outline-color: var(--black)
}

.wizard-section .form-wizard .list-steps {
    position: relative;
    align-items: center;
    justify-content: center;
    display: flex
}

.wizard-section .form-wizard .list-steps>h6 {
    position: absolute;
    top: 4.4375rem;
    text-transform: uppercase
}

.wizard-section .form-wizard .form-wizard-steps {
    margin: 1.875rem 0 3.4375rem
}

.wizard-section .form-wizard .form-wizard-steps li {
    width: 25%;
    float: left;
    position: relative
}

.wizard-section .form-wizard .form-wizard-steps li h6 {
    color: var(--dark);
    font-family: SubwaySansCondBlack;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.9975rem;
    opacity: .5
}

.wizard-section .form-wizard .form-wizard-steps li::after {
    background-color: var(--green);
    content: "";
    height: .0625rem;
    left: 58%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 84%;
    border: .125rem solid var(--green)
}

@media screen and (max-width: 768px) {
    .wizard-section .form-wizard h5 {
        font-size:1rem
    }

    .wizard-section .form-wizard .form-wizard-steps li h6 {
        font-size: .625rem;
        line-height: .8125rem
    }

    .wizard-section .form-wizard .form-wizard-steps li::after {
        left: 76%;
        width: 49%
    }
}

.wizard-section .form-wizard .form-wizard-steps li span {
    background: url(../images/Logo-active_2162812.svg) 0 0/100% 100% no-repeat;
    display: inline-block;
    width: 3.1875rem;
    height: 4.6875rem;
    border-radius: 50%;
    line-height: 2.5rem;
    position: relative;
    text-align: center;
    z-index: 1;
    opacity: .5
}

.wizard-section .form-wizard .form-wizard-steps li.activated:last-child::after,.wizard-section .form-wizard .form-wizard-steps li.active:last-child::after,.wizard-section .form-wizard .form-wizard-steps li:last-child::after {
    width: 0%
}

.wizard-section .form-wizard .form-wizard-steps li.activated h6,.wizard-section .form-wizard .form-wizard-steps li.activated span,.wizard-section .form-wizard .form-wizard-steps li.active h6,.wizard-section .form-wizard .form-wizard-steps li.active span {
    opacity: 1
}

.wizard-section .form-wizard .form-wizard-steps li.activated span,.wizard-section .form-wizard .form-wizard-steps li.active span {
    width: 4.75rem
}

.wizard-section .form-wizard .form-wizard-steps li.activated::after,.wizard-section .form-wizard .form-wizard-steps li.active::after {
    background-color: var(--green);
    left: 63%;
    width: 79%;
    border-color: var(--green)
}

@media screen and (max-width: 768px) {
    .wizard-section .form-wizard .form-wizard-steps li span {
        width:3rem;
        height: 3rem
    }

    .wizard-section .form-wizard .form-wizard-steps li.activated span,.wizard-section .form-wizard .form-wizard-steps li.active span {
        width: 3rem
    }

    .wizard-section .form-wizard .form-wizard-steps li.activated::after,.wizard-section .form-wizard .form-wizard-steps li.active::after {
        left: 77%;
        width: 47%
    }
}

.wizard-section .form-wizard .form-wizard-steps li.activated::after {
    width: 100%;
    border-color: var(--green);
    opacity: 1
}

.wizard-section .form-wizard .form-wizard-steps li:last-child::after {
    left: 0
}

.wizard-section .form-wizard .form-wizard-previous-btn {
    margin-right: 1.5rem
}

.wizard-content-left {
    background-blend-mode: darken;
    background-color: rgba(0,0,0,.45);
    background-image: url(./.../images/form-wizard-bg-2_7340132.jpg);
    background-position: center center;
    background-size: cover;
    height: 100vh;
    padding: 1.875rem
}

.wizard-content-left h1 {
    color: var(--white);
    font-size: 2.375rem;
    font-weight: 600;
    padding: .75rem 1.25rem;
    text-align: center
}

.form-wizard {
    color: var(--mediumGray);
    padding: 1.875rem
}

.form-wizard .wizard-form-radio {
    display: inline-block;
    margin-left: .3125rem;
    position: relative
}

.form-wizard .wizard-form-radio input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: var(--darkGray);
    height: 1.5625rem;
    width: 1.5625rem;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    position: relative;
    cursor: pointer
}

.form-wizard .wizard-form-radio input[type=radio]:focus {
    outline: 0
}

.form-wizard .wizard-form-radio input[type=radio]:checked {
    background-color: var(--lightRed)
}

.form-wizard .wizard-form-radio input[type=radio]:checked::before {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    display: inline-block;
    background-color: var(--white);
    border-radius: 50%;
    left: .0625rem;
    right: 0;
    margin: 0 auto;
    top: .5rem
}

.form-wizard .wizard-form-radio input[type=radio]:checked::after {
    content: "";
    /* webkit-animation: click-radio-wave .65s; */
    -moz-animation: .65s click-radio-wave;
    animation: .65s click-radio-wave;
    background: #000;
    content: "";
    display: block;
    position: relative;
    z-index: 100;
    border-radius: 50%;
}

.form-wizard .wizard-form-radio input[type=radio]~label {
    padding-left: .625rem;
    cursor: pointer
}

.form-wizard .form-wizard-header {
    text-align: center
}

.form-wizard .wizard-fieldset {
    display: none
}

.form-wizard .wizard-fieldset.show {
    display: block
}

.form-wizard .wizard-form-error {
    display: none;
    background-color: var(--lightRed);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .125rem;
    width: 100%
}

.form-wizard .form-control {
    font-weight: 300;
    height: auto!important;
    padding: .9375rem;
    color: var(--dark);
    background-color: var(--grayLight);
    border: none
}

.form-wizard .form-control:focus {
    box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.2)
}

.form-wizard .form-group {
    position: relative;
    margin: 1.25rem 0
}

.form-wizard .wizard-password-eye {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

@media not all and (min-resolution: 0.001dpcm) {
    .wizard-section .form-wizard .primary-btn {
        padding-top:8px!important
    }

    @supports (-webkit-touch-callout:none) {
        .wizard-section .form-wizard .primary-btn {
            padding-top: 9px!important
        }

        .form-wizard .form-wizard-steps li.activated::after,.form-wizard .form-wizard-steps li.active::after {
            left: 74%!important;
            width: 52%!important
        }

        .form-wizard .form-wizard-steps li::after {
            left: 73%!important;
            width: 54%!important
        }

        .form-wizard-steps li.activated:last-child::after,.form-wizard-steps li.active:last-child::after,.form-wizard-steps li:last-child::after {
            width: 0%!important;
            left: 0!important
        }

        .radio-container .form-wizard-previous-btn {
            margin-right: .5rem!important
        }
    }
}

@keyframes click-radio-wave {
    0% {
        width: 1.5625rem;
        height: 1.5625rem;
        opacity: .35;
        position: relative
    }

    100% {
        width: 3.75rem;
        height: 3.75rem;
        margin-left: -.9375rem;
        margin-top: -.9375rem;
        opacity: 0
    }
}

@media screen and (max-width: 767px) {
    .wizard-content-left {
        height:auto
    }
}

.radio-container .submit-rating {
    display: flex;
    align-items: center;
    position: relative;
    width: 75%;
    height: 52px
}

.radio-container .submit-rating input {
    display: block;
    position: absolute;
    opacity: 1;
    width: 5rem;
    height: 3.125rem;
    border-radius: 1.875rem;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    margin: 0
}

.radio-container .submit-rating input:focus {
    left: 20%;
    z-index: 1;
    background: 0 0
}

.radio-container .submit-rating .rating-label {
    position: absolute;
    text-align: center;
    flex: .34;
    z-index: 3;
    cursor: pointer;
    transition: .5s;
    font-weight: 500;
    font-size: 1rem;
    color: var(--mediumGray);
    display: block;
    width: 100px;
    height: 50px;
    top: 1%;
    padding-top: 10px
}

.radio-container .submit-rating .rating-label:active {
    color: var(--dark)
}

.radio-container .submit-rating .partner_yes,.radio-container .submit-rating .req_yes {
    text-align: right;
    left: 34%
}

.radio-container .submit-rating .partner_no,.radio-container .submit-rating .req_no {
    left: 0;
    text-align: left
}

.radio-container .submit-rating .toggle-radio-btn {
    position: absolute;
    width: 5.0625rem;
    height: 3.1875rem;
    border-radius: 1.5625rem;
    background-color: var(--mediumGray);
    opacity: .75;
    transition: .5s;
    left: 20%
}

.radio-container .submit-rating .toggle-radio-btn:focus {
    outline: .125rem solid var(--black);
    outline-offset: .0625rem
}

.radio-container .submit-rating .rating-btn {
    position: relative;
    width: 2.5625rem;
    height: 2.625rem;
    box-shadow: 0 .1875rem .3125rem rgba(0,0,0,.15);
    background-color: var(--white);
    left: 22%;
    border-radius: 31.25rem;
    transition: .5s;
    z-index: 3
}

.radio-container .submit-rating .rating-circle {
    position: absolute;
    top: 50%;
    width: .75rem;
    height: .6875rem;
    background-color: var(--lightGray);
    border-radius: 31.25rem;
    z-index: 3;
    transition: 440ms
}

.radio-container .submit-rating .rating-eye-left {
    margin-left: -6px;
    margin-top: -6px;
    left: 50%
}

.radio-container #partner_no:checked~.partner_no,.radio-container #partner_yes:checked~.partner_yes,.radio-container #req_no:checked~.req_no,.radio-container #req_yes:checked~.req_yes {
    color: var(--dark)
}

.radio-container #partner_yes:checked~.partner_no,.radio-container #req_yes:checked~.req_no {
    color: var(--mediumGray)
}

.radio-container #partner_yes:checked~.rating-btn,.radio-container #req_yes:checked~.rating-btn {
    margin-left: 26px
}

.radio-container #partner_yes:checked~.toggle-radio-btn,.radio-container #req_yes:checked~.toggle-radio-btn {
    background-color: var(--deepGreen)
}

.radio-container #partner_yes:checked~.rating-btn .rating-circle,.radio-container #req_yes:checked~.rating-btn .rating-circle {
    background-color: var(--green)
}

.language .wizard-section .form-wizard .primary-btn {
    background-position: right -7px center;
    padding: 6px 49px 9px 19px
}

@media screen and (max-width: 768px) {
    .wizard-section .form-wizard .form-wizard-previous-btn {
        margin-right:8px
    }

    .form-wizard {
        padding: 0
    }

    .language .wizard-section .form-wizard .primary-btn {
        padding-top: 8px
    }
}

.language .wizard-section .form-wizard .prev-btn {
    padding-top: 6px
}

.contactus-checkbox-row {
    flex-wrap: nowrap
}

.contactus-checkbox-row .form-checkbox {
    width: 4%;
    padding-left: 12px
}

@media screen and (max-width: 576px) {
    .contactus-checkbox-row .form-checkbox {
        padding-left:30px
    }
}

.contactus-checkbox-row .form-checkbox .chkBox {
    width: 20px;
    box-shadow: none
}

.contactus-checkbox-row .checkbox-text {
    padding-left: 20px
}

.row-contactus {
    width: 89%
}

@media screen and (max-width: 576px) {
    .row-contactus {
        width:100%
    }

    .contactus-form .row {
        padding: .75rem
    }
}

.cmp_loader {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000000a3;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
    opacity: .5
}

.loader {
    position: fixed;
    left: 50%;
    top: 30%;
    display: block;
    margin: 6.25rem auto;
    font-size: 1.5625rem;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    -webkit-animation: 1.1s infinite load5;
    animation: 1.1s infinite load5;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 1
}

@-webkit-keyframes load5 {
    0%,100% {
        box-shadow: 0 -2.6em 0 0 #008e43,1.8em -1.8em 0 0 rgba(178,221,198,.2),2.5em 0 0 0 rgba(178,221,198,.2),1.75em 1.75em 0 0 rgba(178,221,198,.2),0 2.5em 0 0 rgba(178,221,198,.2),-1.8em 1.8em 0 0 rgba(178,221,198,.2),-2.6em 0 0 0 rgba(178,221,198,.5),-1.8em -1.8em 0 0 rgba(178,221,198,.7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 #008e43,1.8em -1.8em 0 0 #008e43,2.5em 0 0 0 rgba(178,221,198,.2),1.75em 1.75em 0 0 rgba(178,221,198,.2),0 2.5em 0 0 rgba(178,221,198,.2),-1.8em 1.8em 0 0 rgba(178,221,198,.2),-2.6em 0 0 0 rgba(178,221,198,.2),-1.8em -1.8em 0 0 rgba(178,221,198,.5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 #008e43,1.8em -1.8em 0 0 #008e43,2.5em 0 0 0 #008e43,1.75em 1.75em 0 0 rgba(178,221,198,.2),0 2.5em 0 0 rgba(178,221,198,.2),-1.8em 1.8em 0 0 rgba(178,221,198,.2),-2.6em 0 0 0 rgba(178,221,198,.2),-1.8em -1.8em 0 0 rgba(178,221,198,.2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(178,221,198,.2),1.8em -1.8em 0 0 #008e43,2.5em 0 0 0 #008e43,1.75em 1.75em 0 0 #008e43,0 2.5em 0 0 rgba(178,221,198,.2),-1.8em 1.8em 0 0 rgba(178,221,198,.2),-2.6em 0 0 0 rgba(178,221,198,.2),-1.8em -1.8em 0 0 rgba(178,221,198,.2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(178,221,198,.2),1.8em -1.8em 0 0 rgba(178,221,198,.2),2.5em 0 0 0 #008e43,1.75em 1.75em 0 0 #008e43,0 2.5em 0 0 #008e43,-1.8em 1.8em 0 0 rgba(178,221,198,.2),-2.6em 0 0 0 rgba(178,221,198,.2),-1.8em -1.8em 0 0 rgba(178,221,198,.2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(178,221,198,.2),1.8em -1.8em 0 0 rgba(178,221,198,.2),2.5em 0 0 0 rgba(178,221,198,.2),1.75em 1.75em 0 0 #008e43,0 2.5em 0 0 #008e43,-1.8em 1.8em 0 0 #008e43,-2.6em 0 0 0 rgba(178,221,198,.2),-1.8em -1.8em 0 0 rgba(178,221,198,.2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(178,221,198,.2),1.8em -1.8em 0 0 rgba(178,221,198,.2),2.5em 0 0 0 rgba(178,221,198,.2),1.75em 1.75em 0 0 rgba(178,221,198,.2),0 2.5em 0 0 #008e43,-1.8em 1.8em 0 0 #008e43,-2.6em 0 0 0 #008e43,-1.8em -1.8em 0 0 rgba(178,221,198,.2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(178,221,198,.2),1.8em -1.8em 0 0 rgba(178,221,198,.2),2.5em 0 0 0 rgba(178,221,198,.2),1.75em 1.75em 0 0 rgba(178,221,198,.2),0 2.5em 0 0 rgba(178,221,198,.2),-1.8em 1.8em 0 0 #008e43,-2.6em 0 0 0 #008e43,-1.8em -1.8em 0 0 #008e43
    }
}

@keyframes load5 {
    0%,100% {
        box-shadow: 0 -2.6em 0 0 #008e43,1.8em -1.8em 0 0 rgba(178,221,198,.2),2.5em 0 0 0 rgba(178,221,198,.2),1.75em 1.75em 0 0 rgba(178,221,198,.2),0 2.5em 0 0 rgba(178,221,198,.2),-1.8em 1.8em 0 0 rgba(178,221,198,.2),-2.6em 0 0 0 rgba(178,221,198,.5),-1.8em -1.8em 0 0 rgba(178,221,198,.7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 #008e43,1.8em -1.8em 0 0 #008e43,2.5em 0 0 0 rgba(178,221,198,.2),1.75em 1.75em 0 0 rgba(178,221,198,.2),0 2.5em 0 0 rgba(178,221,198,.2),-1.8em 1.8em 0 0 rgba(178,221,198,.2),-2.6em 0 0 0 rgba(178,221,198,.2),-1.8em -1.8em 0 0 rgba(178,221,198,.5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 #008e43,1.8em -1.8em 0 0 #008e43,2.5em 0 0 0 #008e43,1.75em 1.75em 0 0 rgba(178,221,198,.2),0 2.5em 0 0 rgba(178,221,198,.2),-1.8em 1.8em 0 0 rgba(178,221,198,.2),-2.6em 0 0 0 rgba(178,221,198,.2),-1.8em -1.8em 0 0 rgba(178,221,198,.2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(178,221,198,.2),1.8em -1.8em 0 0 #008e43,2.5em 0 0 0 #008e43,1.75em 1.75em 0 0 #008e43,0 2.5em 0 0 rgba(178,221,198,.2),-1.8em 1.8em 0 0 rgba(178,221,198,.2),-2.6em 0 0 0 rgba(178,221,198,.2),-1.8em -1.8em 0 0 rgba(178,221,198,.2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(178,221,198,.2),1.8em -1.8em 0 0 rgba(178,221,198,.2),2.5em 0 0 0 #008e43,1.75em 1.75em 0 0 #008e43,0 2.5em 0 0 #008e43,-1.8em 1.8em 0 0 rgba(178,221,198,.2),-2.6em 0 0 0 rgba(178,221,198,.2),-1.8em -1.8em 0 0 rgba(178,221,198,.2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(178,221,198,.2),1.8em -1.8em 0 0 rgba(178,221,198,.2),2.5em 0 0 0 rgba(178,221,198,.2),1.75em 1.75em 0 0 #008e43,0 2.5em 0 0 #008e43,-1.8em 1.8em 0 0 #008e43,-2.6em 0 0 0 rgba(178,221,198,.2),-1.8em -1.8em 0 0 rgba(178,221,198,.2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(178,221,198,.2),1.8em -1.8em 0 0 rgba(178,221,198,.2),2.5em 0 0 0 rgba(178,221,198,.2),1.75em 1.75em 0 0 rgba(178,221,198,.2),0 2.5em 0 0 #008e43,-1.8em 1.8em 0 0 #008e43,-2.6em 0 0 0 #008e43,-1.8em -1.8em 0 0 rgba(178,221,198,.2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(178,221,198,.2),1.8em -1.8em 0 0 rgba(178,221,198,.2),2.5em 0 0 0 rgba(178,221,198,.2),1.75em 1.75em 0 0 rgba(178,221,198,.2),0 2.5em 0 0 rgba(178,221,198,.2),-1.8em 1.8em 0 0 #008e43,-2.6em 0 0 0 #008e43,-1.8em -1.8em 0 0 #008e43
    }
}

.form-wizard {
    display: none!important
}

.form-row {
    display: flex
}

.form-row .col,.form-row .col-md-6 {
    margin-bottom: 40px
}

.form-row>.col-md-6>p {
    font-size: 12px
}

.form-row label {
    display: block;
    font-size: 16px;
    font-family: SubwaySansLCGMediumWeb
}

.form-row label+label {
    display: inline-block;
    margin-right: 5px;
    font-family: SubwaySansLCGRegularWeb
}

.form-row input[type=email],.form-row input[type=tel],.form-row input[type=text],.form-row select,.form-row textarea {
    width: 100%;
    box-shadow: none;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    padding: 12px;
    height: 48px
}

.form-row textarea {
    height: auto;
    min-height: 120px
}

.form-row input[type=checkbox],.form-row input[type=radio] {
    padding: 0;
    box-shadow: none;
    height: auto;
    margin-right: 10px
}

.form-row .field-validation-error {
    color: #b22222;
    font-size: 12px
}

.btns {
    margin-bottom: 50px
}

.btns input {
    box-shadow: none;
    text-transform: uppercase;
    color: #fff;
    background: #008938;
    font-family: SubwaySansCondMedium;
    font-size: 20px;
    padding: 12px 48px;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #008938;
    transition: .2s
}

.btns input:hover,.btns inputfocus {
    background: #00491e;
    border-color: #00491e
}

.btns input.cancel-btn {
    background: 0 0;
    color: #008938;
    margin-right: 10px
}

.btns input.cancel-btn:focus,.btns input.cancel-btn:hover {
    background: #008938;
    border-color: #008938;
    color: #fff
}

.wizard {
    display: flex;
    align-items: center;
    justify-content: center;
    counter-reset: index;
    margin-bottom: 100px;
    flex-wrap: wrap;
    row-gap: 20px
}

.wizard>p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700;
    font-size: 16px;
    font-family: SubwaySansLCGBlackWeb;
    margin: 0;
    color: #dadada
}

.wizard>p.selected {
    color: #000
}

.wizard>p.selected:before {
    background: #008938
}

.wizard>p:before {
    counter-increment: index;
    content: counter(index);
    color: #fff;
    background: #dadada;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    max-width: 36px;
    text-align: center;
    border-radius: 100%;
    margin-right: 14px
}

.wizard>p:not(:last-child):after {
    content: "";
    display: block;
    width: 72px;
    height: 1px;
    margin: 0 25px;
    background: #008938
}

@media screen and (max-width: 768px) {
    .language .wizard-section .form-wizard .prev-btn {
        padding-top:8px
    }

    .language .wizard-section .form-wizard .form-wizard-previous-btn {
        margin-right: -2px
    }

    .wizard {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: 20px
    }

    .wizard>p {
        width: 100%;
        max-width: 250px
    }

    .wizard>p:after {
        display: none!important
    }

    .contactus-form form .form-fields {
        width: 100%
    }
}

.contactus-form .row {
    justify-content: center;
    display: flex
}

.contactus-form h2 {
    padding: 1.875rem 0 1rem;
    font-family: SubwaySansCondAppBlack;
    text-align: center
}

.contactus-form h2 span {
    font-family: SubwaySansCondAppMedium
}

.contactus-form h5 {
    margin: 1.5rem auto;
    text-align: center;
    font-family: SubwaySansCondBlack;
    font-size: 2rem
}

.contactus-form form {
    text-align: left
}

.contactus-form form button.dropdown-toggle,.contactus-form form input,.contactus-form form select,.contactus-form form textarea {
    font-weight: 400
}

@media not all and (min-resolution: 0.001dpcm) {
    .prev-btn,.primary-btn {
        padding-top:.5rem!important
    }

    .contactus-form form button.dropdown-toggle,.contactus-form form input,.contactus-form form select,.contactus-form form textarea {
        box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.2)
    }

    @media screen and (max-width: 576px) {
        .contactus-form form button.dropdown-toggle,.contactus-form form input,.contactus-form form select,.contactus-form form textarea {
            box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.2);
            /* -webkit-appearance: none; */
        }
    }
}

.contactus-form form button.dropdown-toggle:focus,.contactus-form form input:focus,.contactus-form form select:focus,.contactus-form form textarea:focus {
    outline: .125rem solid var(--black);
    outline: revert;
    outline-color: var(--black)
}

.contactus-form form input:-webkit-autofill,.contactus-form form input:-webkit-autofill:active,.contactus-form form input:-webkit-autofill:focus,.contactus-form form input:-webkit-autofill:hover {
    box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.2)!important;
    background-color: var(--white)!important;
    -webkit-background-clip: text
}

.contactus-form form .dropdown .dropdown-menu {
    z-index: 1;
    inset: 0 auto auto 0!important;
    transform: translate(0,64px)!important
}

.contactus-form form .dropdown .state {
    overflow-x: auto;
    height: 9.375rem
}

.contactus-form form .form-fields {
    flex-direction: column;
    display: flex;
    margin-bottom: 1rem
}

.contactus-form form .form-fields label {
    margin-bottom: .2rem
}

.contactus-form form .error_title {
    margin-bottom: 1.5rem;
    padding-left: 3rem
}

.contactus-form form .error_title ul {
    margin-left: 2rem
}

.contactus-form form .error_title ul li {
    margin-bottom: -.375rem
}

.contactus-form form .error_title h6 {
    display: none
}

.contactus-form form .error_title h6,.contactus-form form .error_title li {
    font-size: 1rem;
    color: var(--red);
    font-family: SubwaySansLCGSemiboldWeb
}

.contactus-form form .error_title li:nth-child(odd) {
    width: 50%;
    float: left
}

@media screen and (max-width: 768px) {
    .contactus-form form .error_title {
        padding-left:.5rem;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0
    }

    .contactus-form form .error_title ul {
        margin-bottom: 0
    }

    .contactus-form form .error_title li:nth-child(odd) {
        width: 100%
    }

    .language .submit-msg .primary-btn {
        padding: .36rem 3.75rem 1.313rem 2.625rem;
        line-height: 14.5px
    }
}

.contactus-form form .btn-secondary.active:focus,.contactus-form form .btn-secondary:active:focus,.contactus-form form .btn-secondary:focus,.contactus-form form .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.2)
}

.contactus-form :focus-visible {
    outline: 0
}

.contactus-form label.error {
    font-size: .75rem;
    font-family: SubwaySansLCGSemiboldWeb;
    color: var(--red);
    display: block;
    margin-top: .13rem;
    padding-left: .938rem
}

.contactus-form button.error,.contactus-form input.error,.contactus-form textarea.error {
    border: .063rem solid var(--red);
    background-color: var(--lightRed)!important;
    color: var(--red)!important
}

.checkbox-row {
    flex-wrap: nowrap
}

.checkbox-row .form-checkbox {
    width: 4%;
    padding-left: 12px
}

@media screen and (max-width: 576px) {
    .checkbox-row .form-checkbox {
        padding-left:30px
    }
}

.checkbox-row .form-checkbox .chkBox {
    width: 20px;
    box-shadow: none
}

.checkbox-row .checkbox-text {
    padding-left: 20px
}

.submit-msg {
    text-align: center;
    line-height: 1.5575rem
}

.submit-msg .container {
    max-width: 52.5rem
}

.submit-msg h2 {
    font-family: SubwaySansLCGBlackWeb;
    font-size: 3rem;
    margin-bottom: 1rem
}

.submit-msg p {
    font-family: SubwaySansLCGRegularWeb;
    margin-bottom: 2rem;
    font-size: .875rem;
    line-height: 1.245rem
}

@media screen and (min-width: 768px) {
    .submit-msg p {
        font-size:1.6875rem;
        line-height: 1.9375rem
    }
}

@media screen and (min-width: 1248px) {
    .submit-msg .container {
        max-width:53.875rem
    }

    .submit-msg p {
        font-size: 1.375rem;
        line-height: 1.5575rem
    }
}

.submit-msg a,.submit-msg h3 {
    font-family: SubwaySansCondBlack
}

.submit-msg h3 {
    font-size: 1.5rem
}

@media screen and (min-width: 1248px) {
    .submit-msg h3 {
        font-size:1.75rem
    }
}

.submit-msg a {
    font-size: 1rem;
    margin: .688rem 0;
    text-transform: initial
}
footer {
    position: relative;
    z-index: 1;
    padding: 5rem 0 3rem;
    color: var(--white);
    margin-bottom: .0625rem;
    background-color: var(--darkGreen); /* Fallback color */
}

footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/bagal.avif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5; /* Adjust the transparency of the image */
    z-index: -2; /* Ensure the image stays behind other elements */
}

footer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(25, 36, 54, 0.7);
 
    z-index: -1; /* Ensure overlay is on top of the image but behind content */
}


.container.footer-policy {
    position: relative;
    z-index: 2; /* Ensures this container is above the overlay and image */
}

footer a {
    color: var(--white) !important;
    text-decoration: none
}


footer h3 {
    font-family: SubwaySansCondMedium;
    font-size: 30px;
    line-height: 2.375rem;

}

footer h3::after {
    content: "";
    border-bottom: .6875rem solid #f7bc2f;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    display: block
}

footer ul {
    padding-left: 0;
    margin-bottom: 0
}

footer ul li {
    list-style-type: none;
    font-size: 17px;
    font-weight:normal;
    line-height: 1.125rem;
    margin-bottom: 1rem
}

footer i.fab {
    font-size: 2.8125rem;
    color:#f7bc2f;
    margin-right: 1.5rem
}

@media screen and (max-width: 768px) {
    footer {
        padding:4rem 0 1rem
    }

    footer .footer-left {
        margin-bottom: 2rem
    }

    footer h3 {
        font-size: 1.375rem
    }

    footer ul li {
        border-bottom: .125rem solid rgba(149,201,61,.4);
        padding-bottom: 1rem;
        font-size: .75rem
    }

    footer i.fab {
        font-size: 1.9375rem
    }

    footer .footer-policy {
        padding: 0
    }
}

footer .footer-policy {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: -1;
    text-align: -webkit-center;
    text-align: -moz-center;
    font-weight: 400;
    margin: 0 auto
}

footer .footer-policy a {
    font-family: SubwaySansLCGRegularWeb;
    font-size: 1rem;
    border-right: .09375rem solid #fff;
    float: left;
    padding-right: .5rem;
    line-height: .875rem;
    margin: auto auto .4375rem .5625rem
}

footer .footer-policy a:last-of-type {
    border-right: none
}

footer .footer-policy .footer-links {
    margin-bottom: 0
}

footer .footer-policy .trademark {
    font-family: SubwaySansLCGRegularWeb;
    font-size: .875rem;
    color: #f7bc2f;
    clear: both
}

footer .right-arrow-btn {
    background-image: url(../images/footer-arrow.png);
    background-repeat: no-repeat;
    width: 1.1875rem;
    height: 1.1875rem;
    display: inline-block;
    vertical-align: top;
    margin-left: .5rem;
    background-size: 10px 10px;
    background-color: var(--white);
    border-radius: .3125rem;
    background-position: .3125rem .28125rem
}

@media screen and (max-width: 992px) {
    footer .mobile-position .dropdown {
        position:relative;
        left: 0;
        top: 0
    }
}

@media screen and (max-width: 768px) {
    footer .footer-policy a {
        font-size:.75rem
    }

    footer .footer-policy .footer-links {
        min-width: 23.875rem;
        padding-left: 1.6875rem
    }

    footer .footer-policy .trademark {
        font-size: .5rem;
        width: 12.6875rem;
        padding-top: 1rem
    }

    footer .right-arrow-btn {
        display: none
    }

    footer .mobile-position {
        position: relative
    }

    footer .mobile-position .dropdown {
        position: absolute;
        top: 13.5rem;
        left: 23rem
    }
}

footer .mobile-position .dropdown .dropdown-toggle {
    min-width: 10.3125rem
}

footer .mobile-position .dropdown .dropdown-toggle:focus,footer .mobile-position .dropdown .dropdown-toggle:focus-visible {
    outline-offset: .125rem;
    outline: revert
}

footer .footer-social {
    display: block;
    justify-content: center
}

footer .footer-social a:hover {
    text-decoration: none
}

footer .dropdown button,footer .dropdown button:active:focus,footer .dropdown button:focus,footer .dropdown button:hover {
    font-family: SubwaySansLCGSemiboldWeb;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    border: .0625rem solid var(--green);
    background: var(--white);
    color: var(--black);
    box-shadow: 0 .188rem .313rem rgba(0,0,0,.15);
    position: relative;
    z-index: 4
}

@media not all and (min-resolution: 0.001dpcm) {
    @media screen and (max-width:576px) {
        .contactus-form form .error_title li:nth-child(odd) {
            float:none
        }
    }

    footer .dropdown button,footer .dropdown button:active:focus,footer .dropdown button:focus,footer .dropdown button:hover {
        font-weight: 200!important
    }
}

footer .dropdown button .flag,footer .dropdown button:active:focus .flag,footer .dropdown button:focus .flag,footer .dropdown button:hover .flag {
    width: 1rem;
    vertical-align: initial
}

footer .dropdown .dropdown-toggle::after {
    border-top: .5em solid;
    border-right: .5em solid transparent;
    border-bottom: 0;
    border-left: .5em solid transparent;
    vertical-align: .1em
}

footer .dropdown .dropdown-toggle.show::after {
    border-top: 0;
    border-bottom: .5em solid
}

footer .dropdown .dropdown-menu {
    border: .0625rem solid var(--green);
    border-radius: 0 0 1.563rem 1.563rem;
    box-shadow: rgba(0,0,0,.15) 0 .188rem .313rem;
    border-top: none;
    z-index: 3;
    inset: -1.25rem auto auto -.06rem!important;
    transform: translate(0,43px)!important;
    border-left: .0625rem solid var(--green);
    border-right: .0625rem solid var(--green);
    border-bottom: .0625rem solid var(--green);
    min-width: 10.375rem
}

footer .dropdown .dropdown-menu li {
    border-bottom: .0625rem solid var(--green);
    margin: auto .8rem;
    padding: .3rem 0 .5rem
}

footer .dropdown .dropdown-menu li:nth-child(1) {
    padding: 1.4rem 0 .5rem
}

@media screen and (max-width: 768px) {
    footer .mobile-position .dropdown .dropdown-toggle {
        min-width:6.625rem
    }

    footer .footer-social {
        display: flex;
        width: 50%;
        justify-content: right
    }

    footer .dropdown button,footer .dropdown button:active:focus,footer .dropdown button:focus,footer .dropdown button:hover {
        font-size: .5rem;
        height: 1.5625rem
    }

    footer .dropdown button .flag,footer .dropdown button:active:focus .flag,footer .dropdown button:focus .flag,footer .dropdown button:hover .flag {
        width: .625rem
    }

    footer .dropdown .dropdown-menu {
        min-width: 6.61rem;
        inset: -2.1rem auto auto 0!important
    }

    footer .dropdown .dropdown-menu li:nth-child(1) {
        padding: 1rem 0 0
    }
}

footer .dropdown .dropdown-menu li:nth-last-child(1) {
    border: none
}

footer .dropdown .dropdown-menu li .dropdown-item {
    font-family: SubwaySansLCGMediumWeb;
    font-size: .875rem;
    font-weight: 400;
    padding: 0
}

footer .dropdown .dropdown-menu li .dropdown-item:focus,footer .dropdown .dropdown-menu li .dropdown-item:hover {
    color: #1e2125;
    background-color: transparent
}

footer .dropdown .dropdown-menu li a.dropdown-item {
    cursor: pointer
}

footer .dropdown-menu li img {
    width: auto;
    margin-right: 5px;
    display: inline-block
}

@media not all and (min-resolution: 0.001dpcm) {
    footer .dropdown .dropdown-menu {
        min-width:10.4rem!important
    }
}

@supports (-webkit-touch-callout:none) {
    footer .footer-policy {
        width: auto!important;
        padding: 0 1.2rem!important
    }

    footer .footer-policy .footer-links {
        padding-left: 0!important;
        margin-left: -.875rem!important
    }

    footer .footer-policy .trademark {
        width: 77%!important
    }

    footer .footer-social {
        width: 67%!important;
        justify-content: center!important
    }

    footer .dropdown .dropdown-menu {
        transform: translate3d(0,33px,0)!important;
        top: -1.58rem!important;
        min-width: 6.6rem!important
    }
}

.footer-left,.footer-policy,.footer-right {
    opacity: 0
}

.footer-show {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-iteration-count: 1;
    opacity: 1
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    20% {
        opacity: .2
    }

    40% {
        opacity: .4
    }

    60% {
        opacity: .6
    }

    80% {
        opacity: .8
    }

    100% {
        opacity: 1
    }
}

.footer-show .footer-left {
    animation: 1s forwards fade-in-bottom;
    opacity: 0
}

.footer-show .footer-right {
    opacity: 1
}

.footer-show .footer-right h3::after {
    animation: 1s 1.6s forwards horizontal-line-left-to-right;
    opacity: 0
}

@keyframes horizontal-line-left-to-right {
    0% {
        width: 0%
    }

    100% {
        opacity: 1;
        width: 100%
    }
}

.footer-show .footer-policy {
    animation: 1s 1.6s forwards fade-in-bottom;
    opacity: 0
}

@keyframes fade-in-bottom {
    0% {
        transform: translateY(8rem);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.language footer .footer-policy a {
    font-size: .9375rem;
    letter-spacing: -.4px
}

@media screen and (min-width: 1248px) {
    .language footer .footer-policy a {
        padding-right:.4rem;
        margin-left: .4rem
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .language footer .footer-policy a {
        padding-right:.2rem;
        margin-left: .2rem
    }

    @supports (-webkit-touch-callout:none) {
        .language footer .footer-policy a {
            padding-right: .4rem;
            margin-left: .4rem
        }
    }
}

header .container {
    max-width: 70.9375rem;
}

.navbar {
    position: fixed;
    width: 100%;
    height: 80px;
    top: 4.125rem;
    z-index: 5
}

.navbar .container-fluid {
    position: relative
}

.navbar .container-fluid a.navbar-brand {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 47%;
    z-index: 2;
    top: 48%;
    margin-right: 0
}

.navbar .container-fluid a.navbar-brand img {
    width: 80px !important;
    animation: 1s ZoomOut;
    border: 5px solid #f7bc2f;
    border-radius: 50%;
    box-shadow: 4px 4px 20px rgb(0 0 0 /25%);
    background-color: white;
}


@keyframes ZoomOut {
    0% {
        transform: scale(0) rotate(-360deg)
    }

    100% {
        transform: scale(1) rotate(360deg)
    }
}

@media screen and (max-width: 576px) {
    footer .mobile-position .dropdown {
        left:11.5rem
    }

    .navbar .container-fluid a.navbar-brand img {
        width: 5.5rem;
        margin-right: 48px;
    }
}

.navbar .container-fluid a.navbar-brand img:hover {
    animation: 1s linear infinite spin
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.navbar .container-fluid .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem .75rem;
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.2),0 .125rem .25rem 0 rgba(0,0,0,.19);
    background-color: var(--white);
    opacity: 0;
    border-radius: 2.188rem;
    animation: 1s .4s forwards slideIn
}

@media screen and (max-width: 768px) {
    footer .dropdown .dropdown-menu li .dropdown-item {
        font-size:.5rem
    }

    footer .dropdown-menu li img {
        width: .6875rem
    }

    .navbar .container-fluid .container {
        display: inline-flex;
        align-items: center;
        justify-content: space-between
    }
}

.navbar .container-fluid .navbar-nav {
    width: 100%;
    padding: 0 1rem
}

.navbar .navbar-nav .nav-link {
    color: #000;
    font-family: SubwaySansCondBlack;
    font-size: 1.3rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 4rem;
    text-align: left;
    width: 100%;
    display: initial
}

@media screen and (min-width: 991px) {
    .navbar {
        top:2.2rem
    }

    .navbar .container-fluid a.navbar-brand img {
        width: 100%
    }

    .navbar .container-fluid .navbar-nav {
        padding: 0
    }

    .navbar .navbar-nav .nav-link {
        line-height: 2rem;
        color: var(--dark);
        font-size: 1.125rem;
        text-align: center
    }
}

@media screen and (min-width: 1248px) {
    .navbar .container-fluid a.navbar-brand img {
        width:100%
    }

    .navbar .container-fluid .navbar-nav {
        padding: 0
    }

    .navbar .navbar-nav .nav-link {
        line-height: 2rem;
        color: var(--dark);
        font-size: 1.125rem;
        text-align: center;
        font-weight: bolder;
        font-style: normal;
        letter-spacing: normal;
    }
}

.navbar .navbar-nav .nav-item {
    border-bottom: .0625rem solid var(--grayGreen);
    width: 100%;
    margin-bottom: 0;
    padding: .5rem 0
}

.navbar .navbar-nav .nav-item:nth-child(1) a {
    margin-left: 0
}

@media screen and (min-width: 991px) {
    .navbar .navbar-nav .nav-item {
        border-bottom:none
    }

    .navbar .navbar-nav .nav-item:nth-child(1) a {
        margin-left: 3rem
    }
}

@media screen and (min-width: 1248px) {
    .navbar .navbar-nav .nav-item {
        border-bottom:none
    }

    .navbar .navbar-nav .nav-item:nth-child(1) a {
        margin-left: 3rem
    }
}

.navbar .navbar-nav .nav-item:nth-child(3) a {
    margin-left: 0
}

.navbar .navbar-nav .nav-item:nth-child(4) {
    width: 100%
}

@media screen and (min-width: 991px) {
    .navbar .navbar-nav .nav-item:nth-child(3) a {
        margin-left:2.6rem
    }

    .navbar .navbar-nav .nav-item:nth-child(4) {
        width: 34%
    }

    .navbar .mobile-container {
        max-width: 61.25rem
    }
}

@media screen and (min-width: 1248px) {
    .navbar .navbar-nav .nav-item:nth-child(3) a {
        margin-left:4.5rem
    }

    .navbar .navbar-nav .nav-item:nth-child(4) {
        width: 34%;
        padding-right: 0;
        margin-right: 1rem
    }
}

.navbar .navbar-nav .nav-link:focus,.navbar .navbar-nav .nav-link:hover {
    text-decoration: underline
}

.navbar .active .nav-link {
    color: var(--deepGreen)!important;
    text-decoration: underline
}

.navbar .primary-btn {
    margin: 0;
    background: #f7bc2f url(../images/getarrow.svg) no-repeat;
    background-position: right center;
    height: 100%;
    color: black;
    font-size: .5625rem;
    background-size: 1.4375rem .75rem;
    padding: .39rem 1.8rem .35rem .7rem;
    display: inline-flex;
    line-height: 1rem;
}

@media screen and (min-width: 992px) {
    .cmp-faq .item-div {
        overflow:initial
    }

    .navbar .primary-btn {
        font-size: 1rem;
        height: 2.5625rem;
        padding: .7rem 3rem 1rem 1rem;
        background-size: 2.5rem 1.25rem;
    }
}

 .navbar .primary-btn:active,.navbar .primary-btn:focus,.navbar .primary-btn:hover {
    color: #f7bc2f;
    background: var(--dark) url(../images/get-arrow-yellow.png) top center;
    background-repeat: no-repeat;
    background-position: right .625rem;
    opacity: 1
} 

@media screen and (max-width: 576px) {
    .navbar .primary-btn:active,.navbar .primary-btn:focus,.navbar .primary-btn:hover {
        background-position-y:8px;
        background-size: 24px
    }
}

.navbar .primary-btn:focus,.navbar .primary-btn:focus-visible {
    outline-offset: 2px;
    outline: revert
}

.navbar .navbar-toggler-icon {
    background-image: url(../images/hamburger_5636208.svg)
}

.navbar .navbar-toggler {
    border: 0
}

.navbar .mobile-container-fluid {
    padding: 0
}

.navbar .mobile-navbar-header {
    border-bottom: .1875rem solid var(--darkGreen);
    padding: 2.5rem 0 1rem;
    position: relative;
    margin: auto 1rem
}

.navbar .mobile-navbar-header .mobile-logo {
        position: absolute;
    width: 80px;
    top: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    -webkit-box-shadow: 0px 0px 43px 0px #fff;
    box-shadow: 0px 0px 43px 0px #f7bc2f;
    border-radius: 50%;
    z-index: 99999;
}


.navbar .mobile-navbar-header .btn-close {
    position: absolute;
    right: 0;
    top: 5%;
    width: 1.75rem;
    height: 1.75rem;
    opacity: 1
}

.navbar .mobile-container {
    display: inline-block!important;
    padding: 0!important;
    margin-top: -3.5rem;
    border-radius: 0!important;
    box-shadow: none!important;
    height: 100%;
    overflow: scroll;
    max-height: 33.5rem
}

.navbar .social-links {
    padding: 5rem 0;
    align-items: center;
    justify-content: space-around;
    display: flex;
    margin: 0 2.25rem
}

.navbar .social-links a {
    color: var(--deepGreen);
    font-size: 2.6rem
}

.navbar .social-links .ml-1,.navbar .social-links a+a {
    margin-left: 1rem
}

.navbar .dropdown-toggle {
    width: auto;
    min-width: 165px;
    text-transform: uppercase;
    font-weight: 800;
    border: .0625rem solid var(--green);
    position: relative;
    z-index: 9999;
    height: 100%;
    max-height: 2.5rem
}

.navbar .dropdown-toggle .flag {
    width: 1.4rem;
    margin-bottom: .3rem
}

.navbar .dropdown-toggle .language-arrow {
    width: .6875rem;
    margin-top: -.2rem
}

.navbar .dropdown-toggle span {
    font-weight: 600
}

.navbar .dropdown-toggle:focus {
    box-shadow: none
}

.navbar .dropdown {
    margin-left: 1rem
}

.navbar .dropdown-menu {
    border: .0625rem solid var(--green);
    border-image: initial;
    border-radius: 0 0 1.563rem 1.563rem;
    box-shadow: 0 .188rem .313rem rgba(0,0,0,.15);
    border-top: none;
    width: auto;
    min-width: 10.3125rem;
    position: absolute;
    top: 1.3rem;
    left: 0;
    right: 0;
    z-index: 3;
    margin: 0 auto;
    border-left: .0625rem solid var(--green);
    border-right: .0625rem solid var(--green);
    border-bottom: .0625rem solid var(--green)
}

.navbar .dropdown-menu li {
    border-bottom: .0625rem solid var(--green);
    margin: auto 1rem;
    padding: .4rem 0
}

.navbar .dropdown-menu li:nth-child(1) {
    padding-top: 1.5rem
}

.navbar .dropdown-menu li:nth-last-child(1) {
    border: none;
    padding-bottom: .5rem
}

.navbar .dropdown-menu li a {
    text-decoration: none;
    color: var(--black);
    font-family: SubwaySansLCGMediumWeb;
    font-size: .875rem;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: -.0175rem;
    line-height: normal
}

.navbar .dropdown-menu li a img {
    padding-right: .5rem;
    max-width: inherit;
    height: auto;
    width: auto
}

.navbar .nav-footer-bottom {
    padding: 5rem 0;
    background-color: var(--green);
    color: var(--white);
    font-family: SubwaySansCondBlack;
    font-size: 1.75rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 6.25rem;
    text-align: center;
    text-transform: uppercase
}

.navbar .nav-footer-bottom h2 {
    display: grid;
    font-size: 3.125rem;
    font-family: SubwaySansCondMedium;
    font-weight: 500
}

.navbar .nav-footer-bottom h2 strong {
    font-family: SubwaySansCondBold;
    font-weight: 700;
    letter-spacing: -.1px
}

.navbar .nav-footer-bottom .btn-secondary {
    display: inline-flex;
    font-family: SubwaySansCondBlack;
    font-size: 24x;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    text-transform: uppercase;
    border-radius: 1.25rem;
    background-color: #f7bc2f;
    border-color: #f7bc2f;
    color: var(--black);
    line-height: 1.9
}

.navbar .nav-footer-bottom .btn-secondary i {
    margin: .313rem 0 0 .7rem
}

.navbar .nav-footer-bottom .btn-secondary:focus,.navbar .nav-footer-bottom .btn-secondary:hover {
    outline: 0;
    box-shadow: none
}

@media not all and (min-resolution: 0.001dpcm) {
    .navbar .primary-btn {
        line-height:1.5rem!important;
        outline: revert
    }

    .navbar .nav-link {
        letter-spacing: .04rem!important;
        padding-left: 0!important
    }
}

.language .navbar-nav {
    display: flex;
    align-items: center;
    margin-left: -1.5rem
}

.language .navbar-nav .nav-link {
    line-height: 20px;
    font-size: 1rem;
    padding-right: 0
}

.language .navbar-nav .nav-item:nth-child(1) {
    text-align: center
}

.language .navbar-nav .nav-item:nth-child(1) a {
    margin-left: -3.75rem
}

@media screen and (max-width: 991px) {
    .language .navbar-nav .nav-item {
        padding:1.5rem 0 1.5rem 1.5rem;
        text-align: start!important;
        text-align-last: start!important
    }

    .language .navbar-nav .nav-item:nth-child(1) a {
        margin-left: 0
    }
}

@media screen and (max-width: 1247px) and (min-width:992px) {
    .language .navbar-nav .nav-item:nth-child(1) a {
        margin-left:-7.25rem
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .language .navbar-nav .nav-item:nth-child(1) a {
        margin-left:-5rem
    }

    @supports (-webkit-touch-callout:none) {
        .language .navbar-nav .nav-item {
            padding-left: .5rem!important
        }

        .language .navbar-nav .nav-item:nth-child(1) a {
            margin-left: 0
        }
    }
}

.language .navbar-nav .nav-item:nth-child(2) {
    margin-left: -7rem
}

@media screen and (max-width: 1247px) and (min-width:992px) {
    .language .navbar-nav .nav-item:nth-child(2) {
        margin-left:-9.375rem
    }
}

@media screen and (max-width: 991px) {
    .language .navbar-nav .nav-item:nth-child(2) {
        margin-left:0
    }
}

.language .navbar-nav .nav-item:nth-child(2) a {
    text-align: left
}

@media not all and (min-resolution: 0.001dpcm) {
    .language .navbar-nav .nav-item:nth-child(2) {
        margin-left:-9rem
    }

    .language .navbar-nav .nav-item:nth-child(3) {
        text-align: center!important
    }

    @supports (-webkit-touch-callout:none) {
        .language .navbar-nav .nav-item:nth-child(2) {
            margin-left: 0
        }

        .language .navbar-nav .nav-item:nth-child(3) {
            text-align: left!important
        }
    }
}

.language .navbar-nav .nav-item:nth-child(3) {
    width: 36%;
    text-align-last: center;
    padding-right: 1.25rem;
    line-height: 1
}

@media screen and (max-width: 1247px) and (min-width:992px) {
    .language .navbar-nav .nav-item:nth-child(3) {
        padding-right:1rem
    }
}

@media screen and (max-width: 991px) {
    .language .navbar-nav .nav-item:nth-child(3) {
        width:100%!important
    }

    .language .navbar-nav .nav-item:nth-child(3) a {
        margin-left: 0
    }
}

.language .navbar-nav .nav-item:nth-child(4) {
    width: 34%;
    text-align: center;
    line-height: 1
}

.language .navbar .primary-btn {
    margin: 0;
    padding: .7rem 3rem 1rem 1rem
}

@media screen and (max-width: 991px) {
    .language .navbar-nav .nav-item:nth-child(4) {
        width:100%!important
    }

    .language .navbar .primary-btn {
        padding: .39rem 1.8rem .438rem .7rem
    }
}

@media screen and (min-width: 992px) {
    .language .navbar-nav .nav-item:nth-child(3) a {
        margin-left:0
    }

    .language .navbar .primary-btn {
        font-size: 1rem;
        background-size: 2.5rem 1.25rem;
        line-height: .87625rem;
        height: 2.5625rem
    }

    .media-canvas picture img,.media-canvas video {
        object-fit: cover
    }
}

.skip-to-content {
    padding: .6rem;
    position: absolute;
    top: -40rem;
    color: #000;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-bottom-right-radius: .8rem;
    background-color: transparent;
    transition: top 2s ease-out,background-color 2s linear;
    z-index: 2
}

.skip-to-content:focus {
    top: -32px;
    background-color: #f7bc2f;
    transition: top .2s ease-in,background-color .5s linear
}

.cmp-about-slide-show .data-slide {
    position: fixed;
    height: 100vh;
    top: 0
}

.cmp-about-slide .carousel-text {
    position: absolute;
    color: #000;
    top: 0;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.cmp-about-slide .subslide1,.cmp-about-slide .subslide2,.cmp-about-slide .subslide3 {
    width: 100%;
    height: 100vh;
    border-radius: 0 0 25px
}

.cmp-about-slide .subslide1 .dt-img-1,.cmp-about-slide .subslide1 .dt-img-2,.cmp-about-slide .subslide1 .dt-img-3,.cmp-about-slide .subslide1 .in-img-1,.cmp-about-slide .subslide1 .in-img-2,.cmp-about-slide .subslide1 .in-img-3,.cmp-about-slide .subslide1 .nt-img-1,.cmp-about-slide .subslide1 .nt-img-2,.cmp-about-slide .subslide1 .nt-img-3,.cmp-about-slide .subslide2 .dt-img-1,.cmp-about-slide .subslide2 .dt-img-2,.cmp-about-slide .subslide2 .dt-img-3,.cmp-about-slide .subslide2 .in-img-1,.cmp-about-slide .subslide2 .in-img-2,.cmp-about-slide .subslide2 .in-img-3,.cmp-about-slide .subslide2 .nt-img-1,.cmp-about-slide .subslide2 .nt-img-2,.cmp-about-slide .subslide2 .nt-img-3,.cmp-about-slide .subslide3 .dt-img-1,.cmp-about-slide .subslide3 .dt-img-2,.cmp-about-slide .subslide3 .dt-img-3,.cmp-about-slide .subslide3 .in-img-1,.cmp-about-slide .subslide3 .in-img-2,.cmp-about-slide .subslide3 .in-img-3,.cmp-about-slide .subslide3 .nt-img-1,.cmp-about-slide .subslide3 .nt-img-2,.cmp-about-slide .subslide3 .nt-img-3 {
    border-radius: 0 0 40px 40px
}

.cmp-about-slide .subslide1 img,.cmp-about-slide .subslide2 img,.cmp-about-slide .subslide3 img {
    height: 100vh;
    width: 100%;
    max-width: 100%
}

.cmp-about-slide #slide1 .subslide1 {
    z-index: 1
}

.cmp-about-slide #slide1 .subslide1 .dt-img-1 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: hero-right-left;
    animation-iteration-count: 1;
    animation-delay: 0s;
    opacity: 0;
    background-color: #fff
}

.cmp-about-slide #slide1 .subslide1 .carousel-text {
    color: #008e43
}

.cmp-about-slide #slide1 .subslide1 .carousel-text .dt-text-1 {
    font-family: SubwaySansCondBlack;
    line-height: 1;
    font-weight: 900;
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 3.125rem;
    animation-name: fade-in-left-text;
    animation-duration: 1s;
    animation-delay: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@keyframes fade-in-left-text {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }

    20% {
        opacity: .2
    }

    40% {
        opacity: .4
    }

    60% {
        opacity: .6
    }

    80% {
        opacity: .8
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.cmp-about-slide #slide1 .subslide1 .carousel-text .dt-arrowblock {
    height: 2.75rem;
    width: auto;
    padding-left: 2rem;
    animation-name: fade-in-right-text;
    animation-duration: 1s;
    animation-delay: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@keyframes fade-in-right-text {
    0% {
        opacity: 0;
        transform: translateX(200px)
    }

    20% {
        opacity: .2
    }

    40% {
        opacity: .4
    }

    60% {
        opacity: .6
    }

    80% {
        opacity: .8
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@media screen and (max-width: 576px) {
    .cmp-about-slide .subslide1,.cmp-about-slide .subslide2,.cmp-about-slide .subslide3 {
        border-radius:0 0 25px 25px
    }

    .cmp-about-slide .subslide1 .dt-img-1,.cmp-about-slide .subslide1 .dt-img-2,.cmp-about-slide .subslide1 .dt-img-3,.cmp-about-slide .subslide1 .in-img-1,.cmp-about-slide .subslide1 .in-img-2,.cmp-about-slide .subslide1 .in-img-3,.cmp-about-slide .subslide1 .nt-img-1,.cmp-about-slide .subslide1 .nt-img-2,.cmp-about-slide .subslide1 .nt-img-3,.cmp-about-slide .subslide2 .dt-img-1,.cmp-about-slide .subslide2 .dt-img-2,.cmp-about-slide .subslide2 .dt-img-3,.cmp-about-slide .subslide2 .in-img-1,.cmp-about-slide .subslide2 .in-img-2,.cmp-about-slide .subslide2 .in-img-3,.cmp-about-slide .subslide2 .nt-img-1,.cmp-about-slide .subslide2 .nt-img-2,.cmp-about-slide .subslide2 .nt-img-3,.cmp-about-slide .subslide3 .dt-img-1,.cmp-about-slide .subslide3 .dt-img-2,.cmp-about-slide .subslide3 .dt-img-3,.cmp-about-slide .subslide3 .in-img-1,.cmp-about-slide .subslide3 .in-img-2,.cmp-about-slide .subslide3 .in-img-3,.cmp-about-slide .subslide3 .nt-img-1,.cmp-about-slide .subslide3 .nt-img-2,.cmp-about-slide .subslide3 .nt-img-3 {
        border-radius: 0 0 40px 40px
    }

    .cmp-about-slide #slide1 .subslide1 .carousel-text .dt-text-1 {
        font-size: 2.625rem
    }

    .cmp-about-slide #slide1 .subslide1 .carousel-text .dt-arrowblock {
        height: 2.5rem;
        padding-left: 1rem
    }
}

.cmp-about-slide #slide1 .subslide1 .carousel-text .dt-text-2 {
    font-family: SubwaySansLCGSuperWeb;
    font-size: 3.875rem;
    font-weight: 900;
    margin: 0;
    animation-name: pulse-text;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide1 .subslide1 .carousel-text .dt-text-2 {
        font-size:3.25rem
    }
}

.cmp-about-slide #slide1 .subslide1 .carousel-text .dt-text-3 {
    font-family: SubwaySansCondBlack;
    font-size: 6.625rem;
    font-weight: 900;
    line-height: .9;
    margin: 0;
    animation-name: fade-in-down-text;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide1 .subslide1 .carousel-text .dt-text-3 {
        font-size:5.625rem
    }
}

.cmp-about-slide #slide1 .subslide1 .carousel-text .dt-text-4 {
    font-size: .8125rem;
    width: 30%;
    text-align: center;
    margin: 1rem 0;
    color: #000;
    text-transform: none;
    animation-name: fade-in-text;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@keyframes fade-in-text {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.cmp-about-slide #slide1 .subslide2 {
    z-index: 2
}

.cmp-about-slide #slide1 .subslide2 .dt-img-2 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: hero-right-left;
    animation-iteration-count: 1;
    animation-delay: 0s;
    opacity: 0;
    background-color: #fff
}

.cmp-about-slide #slide1 .subslide2 .dt-text-1 {
    font-family: SubwaySansCondBlack;
    font-size: 3.875rem;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 900;
    border-bottom: .5rem solid #000;
    padding-bottom: .75rem;
    animation-name: fade-in-down-text;
    animation-duration: 1s;
    animation-delay: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide1 .subslide1 .carousel-text .dt-text-4 {
        width:100%;
        font-size: .75rem;
        padding: 0 1.25rem
    }

    .cmp-about-slide #slide1 .subslide2 .dt-text-1 {
        font-size: 3rem
    }
}

.cmp-about-slide #slide1 .subslide2 .dt-text-2 {
    font-family: SubwaySansLCGSuperWeb;
    font-weight: 900;
    font-size: 4.75rem;
    line-height: .9;
    margin: 0;
    animation-name: pulse-text;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide1 .subslide2 .dt-text-2 {
        font-size:3.625rem;
        margin-top: 1rem
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .language .navbar-nav {
        margin-left:-5px
    }

    .cmp-about-slide .carousel-text {
        top: 8%
    }

    @supports (-webkit-touch-callout:none) {
        .cmp-about-slide .carousel-text {
            top: 0
        }
    }

    .cmp-about-slide #slide1 .subslide1 .carousel-text .dt-text-4 {
        font-size: .6875rem
    }

    .cmp-about-slide #slide1 .subslide2 .dt-text-2 {
        margin-top: .75rem
    }
}

.cmp-about-slide #slide1 .subslide2 .dt-text-3 {
    font-family: SubwaySansLCGBlackWeb;
    font-weight: 900;
    font-size: 4.5rem;
    line-height: 1;
    margin: 0;
    animation-name: fade-in-up-text;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

.cmp-about-slide #slide1 .subslide3 {
    z-index: 3
}

.cmp-about-slide #slide1 .subslide3 .dt-img-3 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: hero-left-right;
    animation-iteration-count: 1;
    animation-delay: 0s;
    opacity: 0;
    background-color: #f2b81b
}

.cmp-about-slide #slide1 .subslide3 .carousel-text {
    color: #fff;
    text-shadow: 0 0 1.875rem #716161
}

.cmp-about-slide #slide1 .subslide3 .carousel-text .dt-text-1 {
    font-family: SubwaySansCondBlack;
    font-size: 7.5rem;
    font-weight: 900;
    line-height: .7;
    animation-name: fade-in-down-text;
    animation-duration: 1s;
    animation-delay: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide1 .subslide2 .dt-text-3 {
        font-size:3.5rem
    }

    .cmp-about-slide #slide1 .subslide3 .carousel-text .dt-text-1 {
        font-size: 5.75rem
    }
}

.cmp-about-slide #slide1 .subslide3 .carousel-text .dt-text-2 {
    font-family: SubwaySansLCGSuperWeb;
    font-size: 5rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .875rem;
    border-bottom: .5rem solid #fff;
    padding-bottom: .75rem;
    animation-name: pulse-text;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide1 .subslide3 .carousel-text .dt-text-2 {
        font-size:3.625rem;
        line-height: 1;
        padding-bottom: .5rem
    }
}

.cmp-about-slide #slide1 .subslide3 .carousel-text .dt-text-3 {
    font-family: SubwaySansLCGBlackWeb;
    font-size: 2.5625rem;
    line-height: 1;
    font-weight: 900;
    margin: 0;
    animation-name: pulse-text;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide1 .subslide3 .carousel-text .dt-text-3 {
        font-size:2rem
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-touch-callout:none) {
        .cmp-about-slide #slide1 .subslide3 .carousel-text .dt-text-3 {
            font-size:1.9375rem
        }
    }
}

.cmp-about-slide #slide1 .subslide3 .carousel-text .dt-text-4 {
    font-family: SubwaySansLCGBlackWeb;
    font-size: 2.6875rem;
    line-height: 1;
    font-weight: 900;
    margin: 0;
    animation-name: fade-in-up-text;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide1 .subslide3 .carousel-text .dt-text-4 {
        font-size:2.0625rem
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-touch-callout:none) {
        .cmp-about-slide #slide1 .subslide3 .carousel-text .dt-text-4 {
            font-size:2rem
        }
    }
}

.cmp-about-slide #slide1 .subslide3 .carousel-text .dt-text-5 {
    font-size: 1.125rem;
    padding: .5rem 1.25rem;
    background-color: #f2b81b;
    border-radius: 1.25rem;
    width: 33%;
    text-align: center;
    margin: 1rem 0;
    color: #000;
    text-transform: none;
    animation-name: fade-in-up-text;
    animation-duration: 1s;
    animation-delay: 2.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide1 .subslide3 .carousel-text .dt-text-5 {
        width:90%;
        font-size: .875rem;
        margin: 1rem auto
    }
}

.cmp-about-slide #slide2 .subslide1 {
    z-index: 4
}

.cmp-about-slide #slide2 .subslide1 .nt-img-1 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: hero-bottom-top;
    animation-iteration-count: 1;
    animation-delay: 0s;
    opacity: 0;
    background-color: #fff
}

.cmp-about-slide #slide2 .subslide2 {
    z-index: 5
}

.cmp-about-slide #slide2 .subslide2 .nt-img-2 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: hero-right-left;
    animation-iteration-count: 1;
    animation-delay: 0s;
    opacity: 0;
    background-color: #fff
}

.cmp-about-slide #slide2 .subslide2 .carousel-text {
    color: #074823
}

.cmp-about-slide #slide2 .subslide2 .carousel-text .nt-text-1 {
    font-family: SubwaySansCondMedium;
    font-size: 7.5rem;
    font-weight: 900;
    line-height: .9;
    margin: 0;
    animation-name: fade-in-down-text;
    animation-duration: 1s;
    animation-delay: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide2 .subslide2 .carousel-text .nt-text-1 {
        font-size:6.25rem;
        margin-bottom: .75rem
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .cmp-about-slide #slide2 .subslide2 .carousel-text .nt-text-1 {
        margin-bottom:.625rem
    }
}

.cmp-about-slide #slide2 .subslide2 .carousel-text .nt-text-2 {
    font-family: SubwaySansLCGSuperWeb;
    font-weight: 900;
    font-size: 12.875rem;
    line-height: .7;
    margin: 0;
    border-bottom: .5rem solid #074823;
    padding-bottom: 2.5rem;
    animation-name: pulse-text;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide2 .subslide2 .carousel-text .nt-text-2 {
        font-size:10.875rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .cmp-about-slide #slide2 .subslide2 .carousel-text .nt-text-2 {
        padding-bottom:1rem;
        margin-bottom: .75rem
    }
}

.cmp-about-slide #slide2 .subslide2 .carousel-text .nt-text-3 {
    font-family: SubwaySansCondBold;
    font-size: 3.4375rem;
    line-height: 1;
    font-weight: 900;
    animation-name: fade-in-up-text;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide2 .subslide2 .carousel-text .nt-text-3 {
        font-size:2.9375rem
    }
}

.cmp-about-slide #slide2 .subslide2 .carousel-text .nt-text-4 {
    animation-name: fade-in-up-text;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0;
    font-family: SubwaySansLCGSuperWeb
}

.cmp-about-slide #slide2 .subslide3 {
    z-index: 6
}

.cmp-about-slide #slide2 .subslide3 .nt-img-3 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: hero-left-right;
    animation-iteration-count: 1;
    animation-delay: 0s;
    opacity: 0;
    background-color: #95c93d
}

.cmp-about-slide #slide2 .subslide3 .carousel-text {
    color: #fff;
    text-shadow: 0 0 1.875rem #716161
}

.cmp-about-slide #slide2 .subslide3 .carousel-text .nt-text-1 {
    font-family: SubwaySansCondBlack;
    font-size: 3.75rem;
    line-height: 1;
    font-weight: 900;
    margin: 0;
    animation-name: fade-in-down-text;
    animation-duration: 1s;
    animation-delay: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide2 .subslide3 .carousel-text .nt-text-1 {
        font-size:2.75rem
    }
}

.cmp-about-slide #slide2 .subslide3 .carousel-text .nt-text-2 {
    font-family: SubwaySansLCGSuperWeb;
    font-size: 4.375rem;
    font-weight: 900;
    line-height: .9;
    border-bottom: .5rem solid #fff;
    padding-bottom: 1.25rem;
    animation-name: pulse-text;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide2 .subslide3 .carousel-text .nt-text-2 {
        font-size:3.25rem;
        padding-bottom: .75rem;
        margin-bottom: .75rem
    }
}

.cmp-about-slide #slide2 .subslide3 .carousel-text .nt-text-3 {
    font-family: SubwaySansLCGBlackWeb;
    font-weight: 900;
    font-size: 3.5rem;
    line-height: 1;
    margin: 0;
    animation-name: fade-in-up-text;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide2 .subslide3 .carousel-text .nt-text-3 {
        font-size:2.625rem
    }
}

.cmp-about-slide #slide2 .subslide3 .carousel-text .nt-text-4 {
    font-size: 1.0625rem;
    padding: .5rem 1.25rem;
    background-color: #95c93d;
    border-radius: 1.25rem;
    width: 34%;
    text-align: center;
    margin: 1rem 0;
    color: #fff;
    text-transform: none;
    animation-name: fade-in-up-text;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide2 .subslide3 .carousel-text .nt-text-4 {
        width:90%;
        font-size: .75rem;
        margin: 1rem auto
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .cmp-about-slide #slide2 .subslide3 .carousel-text .nt-text-4 {
        font-size:1rem;
        width: 35%
    }

    @supports (-webkit-touch-callout:none) {
        .cmp-about-slide #slide2 .subslide3 .carousel-text .nt-text-4 {
            width: 90%;
            font-size: .75rem;
            padding: .625rem 1rem
        }
    }
}

.cmp-about-slide #slide3 .subslide1 {
    z-index: 7
}

.cmp-about-slide #slide3 .subslide1 .in-img-1 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: hero-bottom-top;
    animation-iteration-count: 1;
    animation-delay: 0s;
    opacity: 0;
    background-color: #fff
}

@keyframes hero-bottom-top {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.cmp-about-slide #slide3 .subslide2 {
    z-index: 8
}

.cmp-about-slide #slide3 .subslide2 .in-img-2 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: hero-right-left;
    animation-iteration-count: 1;
    animation-delay: 0s;
    opacity: 0;
    background-color: #fff
}

@keyframes hero-right-left {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.cmp-about-slide #slide3 .subslide2 .carousel-text {
    color: #000
}

.cmp-about-slide #slide3 .subslide2 .carousel-text .in-text-1 {
    font-family: SubwaySansCondMedium;
    font-size: 7.875rem;
    font-weight: 900;
    line-height: .9;
    margin: 0;
    animation-name: fade-in-down-text;
    animation-duration: 1s;
    animation-delay: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide3 .subslide2 .carousel-text .in-text-1 {
        font-size:6.125rem
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-touch-callout:none) {
        .cmp-about-slide #slide3 .subslide2 .carousel-text .in-text-1 {
            font-size:6rem
        }
    }
}

.cmp-about-slide #slide3 .subslide2 .carousel-text .in-text-2 {
    font-family: SubwaySansLCGSuperWeb;
    font-size: 5.5rem;
    font-weight: 900;
    line-height: .8;
    border-bottom: .5rem solid #000;
    padding-bottom: 1.25rem;
    animation-name: pulse-text;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide3 .subslide2 .carousel-text .in-text-2 {
        font-size:4.25rem;
        padding-bottom: .75rem;
        margin-bottom: 1rem
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .cmp-about-slide #slide3 .subslide2 .carousel-text .in-text-2 {
        padding-bottom:1rem;
        margin-bottom: 1rem
    }
}

.cmp-about-slide #slide3 .subslide2 .carousel-text .in-text-3 {
    font-family: SubwaySansCondMedium;
    font-weight: 900;
    font-size: 5.5rem;
    line-height: .8;
    margin: 0;
    animation-name: pulse-text;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide3 .subslide2 .carousel-text .in-text-3 {
        font-size:4.25rem
    }
}

.cmp-about-slide #slide3 .subslide2 .carousel-text .in-text-4 {
    font-family: SubwaySansLCGSuperWeb;
    font-weight: 900;
    font-size: 4.6875rem;
    line-height: 1;
    margin: 0;
    animation-name: fade-in-up-text;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide3 .subslide2 .carousel-text .in-text-4 {
        font-size:3.625rem
    }
}

.cmp-about-slide #slide3 .subslide3 {
    z-index: 9
}

.cmp-about-slide #slide3 .subslide3 .in-img-3 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: hero-left-right;
    animation-iteration-count: 1;
    animation-delay: 0s;
    opacity: 0;
    background-color: #95c93d
}

@keyframes hero-left-right {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.cmp-about-slide #slide3 .subslide3 .carousel-text {
    color: #fff;
    text-shadow: 0 0 1.875rem #716161
}

.cmp-about-slide #slide3 .subslide3 .carousel-text .in-text-1 {
    font-family: SubwaySansCondBlack;
    font-size: 5.625rem;
    font-weight: 900;
    line-height: 1;
    margin: 0;
    animation-name: fade-in-down-text;
    animation-duration: 1s;
    animation-delay: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@keyframes fade-in-down-text {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }

    20% {
        opacity: .2
    }

    40% {
        opacity: .4
    }

    60% {
        opacity: .6
    }

    80% {
        opacity: .8
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide3 .subslide3 .carousel-text .in-text-1 {
        font-size:4.375rem
    }
}

.cmp-about-slide #slide3 .subslide3 .carousel-text .in-text-2 {
    font-family: SubwaySansLCGSuperWeb;
    font-size: 2.75rem;
    font-weight: 900;
    line-height: 1;
    border-bottom: .5rem solid #fff;
    padding-bottom: 1rem;
    animation-name: pulse-text;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@keyframes pulse-text {
    0% {
        opacity: 0;
        transform: scale(0,0)
    }

    20% {
        opacity: .2
    }

    40% {
        opacity: .4
    }

    60% {
        opacity: .6
    }

    80% {
        transform: scale(1.08,1.08);
        opacity: .8
    }

    100% {
        transform: scale(1,1);
        opacity: 1
    }
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide3 .subslide3 .carousel-text .in-text-2 {
        font-size:2.125rem;
        padding-bottom: .75rem;
        margin-bottom: 1rem
    }
}

.cmp-about-slide #slide3 .subslide3 .carousel-text .in-text-3 {
    font-family: SubwaySansLCGBlackWeb;
    font-size: 6.0625rem;
    font-weight: 900;
    line-height: .9;
    margin: 0;
    animation-name: fade-in-up-text;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide3 .subslide3 .carousel-text .in-text-3 {
        font-size:4.625rem;
        line-height: .8
    }
}

.cmp-about-slide #slide3 .subslide3 .carousel-text .in-text-4 {
    font-size: 1.0625rem;
    padding: .5rem 3.25rem;
    background-color: #f8e200;
    border-radius: 1.25rem;
    width: 33%;
    text-align: center;
    margin: 1rem 0;
    color: #000;
    text-transform: none;
    animation-name: fade-in-up-text;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0
}

@keyframes fade-in-up-text {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    20% {
        opacity: .2
    }

    40% {
        opacity: .4
    }

    60% {
        opacity: .6
    }

    80% {
        opacity: .8
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.cmp-all-about-options {
    position: relative;
    height: 8890px
}

.cmp-all-about-options .vertical .carousel-indicators {
    z-index: 10;
    top: 40%;
    right: unset;
    margin-right: unset!important;
    margin-left: 1rem;
    flex-direction: column;
    text-transform: uppercase;
    position: fixed;
    display: none
}

.cmp-all-about-options .vertical .carousel-indicators .active {
    font-weight: 700;
    text-decoration: underline;
    opacity: 1!important
}

.cmp-all-about-options .vertical .carousel-indicators .radio-indicators {
    list-style: none;
    padding: .625rem 1.25rem;
    margin: 0 0 0 2rem;
    background-color: #fff;
    opacity: .9;
    border-radius: 1.25rem
}

@media screen and (max-width: 576px) {
    .cmp-about-slide #slide3 .subslide3 .carousel-text .in-text-4 {
        width:90%;
        font-size: .875rem;
        margin: 1rem auto;
        padding: .5rem 2.5rem
    }

    .cmp-all-about-options .vertical .carousel-indicators {
        z-index: 2;
        top: 0;
        justify-content: start;
        margin-left: 1rem
    }

    .cmp-all-about-options .vertical .carousel-indicators .radio-indicators {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-left: 0;
        font-size: .75rem;
        border-radius: 0;
        opacity: 1;
        padding: .625rem 1rem
    }

    .cmp-all-about-options .vertical .carousel-indicators .radio-indicators button.indicator {
        justify-content: left;
        text-align: left
    }
}

.cmp-all-about-options .vertical .carousel-indicators .radio-indicators .indicator_link1,.cmp-all-about-options .vertical .carousel-indicators .radio-indicators .indicator_link2,.cmp-all-about-options .vertical .carousel-indicators .radio-indicators .indicator_link3 {
    text-decoration: none
}

.cmp-all-about-options .vertical .carousel-indicators .radio-indicators button.indicator {
    border: none;
    background: 0 0;
    display: flex
}

.cmp-all-about-options .vertical .carousel-indicators .radio-indicators .indicator {
    font-family: SubwaySansCondBlack;
    display: block;
    position: relative;
    padding-left: 2.1875rem;
    margin-bottom: .25rem;
    font-size: 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    opacity: .3;
    text-transform: uppercase
}

@media screen and (max-width: 576px) {
    .cmp-all-about-options .vertical .carousel-indicators .radio-indicators .indicator {
        padding-left:1.625rem;
        padding-right: .25rem;
        font-size: .875rem;
        top: .25rem
    }
}

.cmp-all-about-options .vertical .carousel-indicators .radio-indicators .indicator input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.cmp-all-about-options .vertical .carousel-indicators .radio-indicators .checkmark {
    position: absolute;
    top: .5rem;
    left: .4375rem;
    height: .75rem;
    width: .75rem;
    background-color: #000;
    opacity: .3;
    border-radius: 50%
}

@media screen and (max-width: 576px) {
    .cmp-all-about-options .vertical .carousel-indicators .radio-indicators .checkmark {
        top:.25rem
    }
}

.cmp-all-about-options .vertical .carousel-indicators .radio-indicators .active_check {
    background-color: #f8e200;
    height: 1.625rem;
    width: 1.625rem;
    top: .0625rem;
    left: 0;
    opacity: 1
}

.cmp-all-about-options .vertical .carousel-indicators .radio-indicators .active_check:after,.cmp-all-about-options .vertical .carousel-indicators .radio-indicators .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.cmp-all-about-options .vertical .carousel-indicators .radio-indicators .active_check:after {
    display: block
}

@media screen and (max-width: 576px) {
    .cmp-all-about-options .vertical .carousel-indicators .radio-indicators .active_check {
        top:0;
        left: .1875rem;
        height: 1.25rem;
        width: 1.25rem
    }

    .cmp-all-about-options .vertical .carousel-indicators .radio-indicators .active_check:after {
        left: .25rem;
        top: .25rem
    }
}

.cmp-all-about-options .vertical .carousel-indicators .radio-indicators .active_check:after,.cmp-all-about-options .vertical .carousel-indicators .radio-indicators .indicator .checkmark:after {
    top: .4375rem;
    left: .4375rem;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background: #000
}

.cmp-all-about-options .vertical .carousel-indicators [data-bs-target] {
    height: 1.875rem;
    width: 1rem
}

.cmp-all-about-options.french-lang,.french-lang #skrollr-body1 {
    height: 8528px
}

@-moz-document url-prefix() {
    .cmp-all-about-options.french-lang,.french-lang #skrollr-body1 {
        height: 8450px
    }
}

@media screen and (max-width: 768px) {
    .cmp-all-about-options {
        height:9000px
    }

    .cmp-all-about-options.french-lang,.french-lang #skrollr-body1 {
        height: 8689px
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .cmp-about-slide #slide3 .subslide3 .carousel-text .in-text-4 {
        padding:.5rem 2.5rem
    }

    .cmp-all-about-options {
        height: 9180px
    }

    .cmp-all-about-options.french-lang,.french-lang #skrollr-body1 {
        height: 8787px
    }

    @supports (-webkit-touch-callout:none) {
        .cmp-all-about-options.french-lang,.french-lang #skrollr-body1 {
            height: 8914px
        }
    }
}

.cmp-all-about-options.spanish-lang,.spanish-lang #skrollr-body1 {
    height: 8745px
}

@-moz-document url-prefix() {
    .cmp-all-about-options.spanish-lang,.spanish-lang #skrollr-body1 {
        height: 8670px
    }
}

@media screen and (max-width: 768px) {
    .cmp-all-about-options.spanish-lang,.spanish-lang #skrollr-body1 {
        height:8865px
    }
}

.language .cmp-all-about-options .vertical .carousel-text {
    top: 8%
}

@media not all and (min-resolution: 0.001dpcm) {
    .cmp-all-about-options.spanish-lang,.spanish-lang #skrollr-body1 {
        height:8821px
    }

    @supports (-webkit-touch-callout:none) {
        .cmp-all-about-options.spanish-lang,.spanish-lang #skrollr-body1 {
            height: 8894px
        }
    }

    .language .cmp-all-about-options .vertical .carousel-text {
        top: 11%
    }

    .language .cmp-all-about-options .vertical #slide1 .subslide1 .dt-text-1 {
        font-size: 45px
    }
}

@media screen and (max-width: 576px) {
    .cmp-all-about-options .vertical .carousel-indicators .radio-indicators .active_check:after,.cmp-all-about-options .vertical .carousel-indicators .radio-indicators .indicator .checkmark:after {
        top:.25rem;
        left: .25rem
    }

    .language .cmp-all-about-options .vertical .carousel-text {
        top: 0
    }

    .language .cmp-all-about-options .vertical #slide1 .subslide1 .dt-text-2 {
        font-size: 43px
    }

    .language .cmp-all-about-options .vertical #slide1 .subslide1 .dt-text-3 {
        font-size: 77px
    }

    .language .cmp-all-about-options .vertical #slide1 .subslide3 .dt-text-1 {
        font-size: 72px
    }

    .language .cmp-all-about-options .vertical #slide1 .subslide3 .dt-text-2 {
        font-size: 42px
    }

    .language .cmp-all-about-options .vertical #slide2 .subslide2 .carousel-text .nt-text-1 {
        font-size: 60px
    }
}

.language .cmp-all-about-options .vertical #slide2 .subslide2 .carousel-text .nt-text-2 {
    font-size: 160px
}

@media screen and (max-width: 576px) {
    .language .cmp-all-about-options .vertical #slide2 .subslide2 .carousel-text .nt-text-2 {
        font-size:77px
    }

    .language .cmp-all-about-options .vertical #slide2 .subslide2 .carousel-text .nt-text-3 {
        font-size: 30px
    }

    .language .cmp-all-about-options .vertical #slide2 .subslide3 .carousel-text .nt-text-1 {
        font-size: 37px
    }
}

.language .cmp-all-about-options .vertical #slide2 .subslide3 .carousel-text .nt-text-2 {
    font-size: 60px
}

@media screen and (max-width: 576px) {
    .language .cmp-all-about-options .vertical #slide2 .subslide3 .carousel-text .nt-text-2 {
        font-size:29px
    }

    .language .cmp-all-about-options .vertical #slide2 .subslide3 .carousel-text .nt-text-3 {
        font-size: 20px
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .language .cmp-all-about-options .vertical #slide1 .subslide1 .dt-text-4 {
        line-height:17px
    }

    .language .cmp-all-about-options .vertical #slide1 .subslide3 .carousel-text {
        top: 13%
    }

    .language .cmp-all-about-options .vertical #slide1 .subslide3 .dt-text-2 {
        padding-bottom: 0
    }

    .language .cmp-all-about-options .vertical #slide1 .subslide3 .dt-text-3 {
        margin: 10px 0 0
    }

    .language .cmp-all-about-options .vertical #slide2 .subslide3 .carousel-text .nt-text-2 {
        padding-bottom: .4rem
    }

    .language .cmp-all-about-options .vertical #slide2 .subslide3 .carousel-text .nt-text-3 {
        margin: 10px 0 0
    }

    .language .cmp-all-about-options .vertical #slide3 .subslide2 .carousel-text {
        top: 13%
    }
}

.language .cmp-all-about-options .vertical #slide3 .subslide2 .carousel-text .in-text-1 {
    font-size: 95px;
    margin-bottom: .7rem
}

@media screen and (max-width: 576px) {
    .language .cmp-all-about-options .vertical #slide3 .subslide2 .carousel-text .in-text-1 {
        font-size:35px;
        margin-bottom: 1rem
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .language .cmp-all-about-options .vertical #slide3 .subslide2 .carousel-text .in-text-1 {
        font-size:79px
    }

    @supports (-webkit-touch-callout:none) {
        .language .cmp-all-about-options .vertical #slide3 .subslide2 .carousel-text .in-text-1 {
            font-size: 35px!important;
            margin-bottom: 1rem
        }
    }
}

.language .cmp-all-about-options .vertical #slide3 .subslide2 .carousel-text {
    top: 2%
}

@media screen and (max-width: 576px) {
    .language .cmp-all-about-options .vertical #slide3 .subslide2 .carousel-text .in-text-2 {
        font-size:64px
    }

    .language .cmp-all-about-options .vertical #slide3 .subslide2 .carousel-text .in-text-3 {
        font-size: 48px
    }

    .language .cmp-all-about-options .vertical #slide3 .subslide2 .carousel-text .in-text-4 {
        font-size: 45px
    }

    .language .cmp-all-about-options .vertical #slide3 .subslide2 .carousel-text {
        top: 0
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .language .cmp-all-about-options .vertical #slide3 .subslide2 .carousel-text {
        top:6%
    }
}

.language .cmp-all-about-options .vertical #slide3 .subslide3 .carousel-text .in-text-1 {
    font-size: 63px
}

@media screen and (max-width: 576px) {
    .language .cmp-all-about-options .vertical #slide3 .subslide3 .carousel-text {
        top:10%
    }

    .language .cmp-all-about-options .vertical #slide3 .subslide3 .carousel-text .in-text-1 {
        font-size: 26px
    }
}

.language .cmp-all-about-options .vertical #slide3 .subslide3 .carousel-text .in-text-2 {
    font-size: 31px
}

@media screen and (max-width: 576px) {
    .language .cmp-all-about-options .vertical #slide3 .subslide3 .carousel-text .in-text-2 {
        font-size:16px
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .language .cmp-all-about-options .vertical #slide3 .subslide3 .carousel-text .in-text-2 {
        font-size:30px;
        padding-bottom: .5rem
    }

    @supports (-webkit-touch-callout:none) {
        .language .cmp-all-about-options .vertical #slide3 .subslide3 .carousel-text .in-text-2 {
            font-size: 16px!important
        }
    }
}

.language .cmp-all-about-options .vertical #slide3 .subslide3 .carousel-text .in-text-3 {
    font-size: 52px
}

@media screen and (max-width: 576px) {
    .language .cmp-all-about-options .vertical #slide3 .subslide3 .carousel-text .in-text-3 {
        font-size:26px
    }

    .language .cmp-all-about-options .vertical #slide1 .subslide2 .dt-text-1 {
        font-size: 2.5rem
    }
}

.language .cmp-all-about-options .vertical #slide1 .subslide2 .dt-text-2 {
    font-size: 54px
}

#skrollr-body1 {
    position: relative;
    width: 100%;
    z-index: 1;
    height: 8890px
}

#skrollr-body1 .slide {
    position: absolute;
    width: 100%;
    height: 1000px
}

#skrollr-body1 .content-wrapper1 {
    width: 100%;
    position: relative;
    height: 1000px
}

.cmp_parallax h2 {
    text-transform: uppercase;
    font-family: SubwaySansCondAppBlack;
    font-size: 1.75rem
}

.cmp-desktop {
    display: none
}

@media screen and (max-width: 768px) and (min-width:577px) {
    .cmp-desktop {
        display:none
    }

    .cmp-mobile {
        display: block
    }
}

@media screen and (max-width: 1248px) and (min-width:993px) {
    .cmp-desktop {
        display:block
    }
}

@media screen and (min-width: 1249px) {
    .cmp-desktop {
        display:block
    }
}

.cmp-mobile {
    display: block
}

@media screen and (max-width: 992px) and (min-width:769px) {
    .cmp-desktop {
        display:block
    }

    .cmp-mobile {
        display: none
    }
}

@media screen and (max-width: 1248px) and (min-width:993px) {
    .cmp-mobile {
        display:none
    }
}

@media screen and (min-width: 1249px) {
    .cmp-mobile {
        display:none
    }
}

.arrows {
    display: flex;
    justify-content: center;
    margin: 35px 0
}

#skrollr-body img {
    max-width: 100%;
    height: auto;
    width: 100%
}

.skr-row2 {
    top: 23.125rem;
    position: absolute
}

.skr-row3 {
    top: 52.5rem;
    position: absolute
}

.skr-row4 {
    top: 76.25rem;
    position: absolute;
    width: 100%
}

.left-cmp {
    float: left;
    width: 50%;
    padding: 0 10px
}

.right-cmp {
    float: right;
    width: 50%;
    padding: 0 10px
}

.skr-cmp {
    margin: 0 auto;
    text-align: center;
    max-width: 31.25rem;
    padding: 0 20px;
    width: 100%
}

@media screen and (min-width: 769px) and (max-width:1290px) {
    .skr-cmp {
        width:80%
    }
}

.skr-cmp p {
    line-height: 1.4rem
}

.skr-cmp-m {
    margin-bottom: 9.375rem
}

@media screen and (max-width: 768px) {
    #skrollr-body1 {
        height:9000px
    }

    .language .radio-indicators button.indicator {
        width: 100%
    }

    .skr-cmp-m {
        max-width: 23.4375rem;
        margin-bottom: 0
    }
}

.skr-thumb {
    margin: 0 auto 20px
}

.hidden_div {
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 9
}

.content-wrapper {
    width: 100%;
    position: relative;
    margin: 0 auto;
    height: 207.875rem;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center
}

#skrollr-body .animate-arrow {
    position: absolute;
    display: none;
    border: 0 solid #f8e200
}

.animate-arrow.box-top {
    border-top-width: 30px!important;
    border-right-width: 30px!important
}

.animate-arrow.box-bottom {
    border-top-width: 30px!important;
    border-right-width: 30px!important;
    width: 0;
    height: 100px;
    transform: scaleY(1.5)
}

.box-top-right {
    border-top-width: 30px!important;
    border-right-width: 30px!important;
    border-top-right-radius: 30px!important
}

.box-top-left {
    border-top-width: 30px!important;
    border-left-width: 30px!important;
    border-top-left-radius: 30px!important
}

.box-bottom-right {
    border-bottom-width: 30px!important;
    border-right-width: 30px!important;
    border-bottom-right-radius: 30px!important
}

.box-bottom-left {
    border-bottom-width: 30px!important;
    border-left-width: 30px!important;
    border-bottom-left-radius: 30px!important
}

.images-test7 {
    margin-top: -145px!important
}

.box {
    width: 100%;
    background: #f8e200;
    height: 25rem;
    text-align: center;
    position: absolute
}

#skrollr-body {
    width: 100%;
    height: 240.3125rem;
    position: relative
}

@media screen and (max-width: 576px) {
    .language .cmp-all-about-options .vertical #slide1 .subslide2 .dt-text-2 {
        font-size:28px
    }

    .language .cmp-all-about-options .vertical #slide1 .subslide2 .dt-text-3 {
        font-size: 31px
    }

    .language .cmp-all-about-options .vertical #slide1 .subslide3 .dt-text-3 {
        padding-top: 12px
    }

    #skrollr-body .animate-arrow {
        position: inherit
    }

    #skrollr-body {
        height: 247.25rem
    }
}

.mobile-wrapper {
    position: relative
}

.slide2 {
    position: absolute;
    width: 100%;
    height: 100%
}

#skrollr-body .slide {
    height: 187.5rem
}

.slide1 {
    background: url(.../images/dot1_png_1114129.html) top center #678189;
    width: 100%;
    height: 100%;
    position: absolute
}

#skrollr-body .slide3 {
    background: #f8e200
}

#skrollr-body .slide4 {
    background-color: #f3dbd0;
    background-image: url(.../images/small-cloud_png_2555978.html),url(.../images/small-cloud.png),url(.../images/green-cloud.png),url(.../images/dot4.png);
    background-repeat: no-repeat,no-repeat,no-repeat,repeat;
    background-position: 70px center,1434px 100px,300px top,top center
}

#skrollr-body .slide6 {
    background-color: #fbf7e0;
    background-image: url(.../images/cloud5_png_6881379.html),url(.../images/dot4.png);
    background-repeat: no-repeat,repeat;
    background-position: 100px 400px,top center
}

#slide2 .img1 {
    top: 0;
    position: absolute;
    left: 31.25rem
}

#slide2 .txt1 {
    top: 7.5rem;
    position: absolute;
    left: 21.25rem
}

#slide2 .img2 {
    top: 0;
    position: absolute;
    left: 82.8125rem
}

#slide2 .txt2 {
    top: 7.5rem;
    position: absolute;
    right: 18.75rem
}

#slide2 .img5 {
    top: 70rem;
    position: absolute;
    left: 15rem
}

#slide2 .txt5 {
    top: 76.25rem;
    position: absolute;
    left: 9.375rem
}

#slide2 .img6 {
    top: 68.75rem;
    position: absolute;
    left: 750px
}

#slide2 .txt6 {
    top: 76.25pxrem;
    position: absolute;
    left: 40.625rem
}

#slide2 .img7,#slide2 .txt7 {
    top: 3.125rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

#slide2 .box1,#slide2 .box1-plain {
    left: 0;
    top: 3.125rem
}

.box1::after,.box2::after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-left: 28px solid #f8e200;
    border-bottom: 28px solid transparent;
    display: block;
    position: absolute;
    right: -3.4375rem;
    top: -2.75rem
}

.box3::after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 28px solid #f8e200;
    border-right: 28px solid transparent;
    border-left: 28px solid transparent;
    display: block;
    position: absolute;
    bottom: -1.75rem;
    right: -2.75rem
}

.box4::after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-right: 28px solid #f8e200;
    border-bottom: 28px solid transparent;
    display: block;
    position: absolute;
    left: -1.6875rem;
    top: -.3125rem
}

.box5::after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 28px solid #f8e200;
    border-right: 28px solid transparent;
    border-left: 28px solid transparent;
    display: block;
    position: absolute;
    left: -.8125rem;
    bottom: -1.6875rem
}

.box6::after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 28px solid #f8e200;
    border-right: 28px solid transparent;
    border-left: 28px solid transparent;
    display: block;
    position: absolute;
    left: -2.8125rem;
    bottom: -1.6875rem
}

.box7:after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-left: 28px solid #f8e200;
    border-bottom: 28px solid transparent;
    display: block;
    position: absolute;
    right: -1.25rem;
    top: -.75rem
}

.box8:after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-left: 28px solid #f8e200;
    border-bottom: 28px solid transparent;
    display: block;
    position: absolute;
    right: -3.5625rem;
    top: -2.6875rem
}

.box9:after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-left: 28px solid #f8e200;
    border-bottom: 28px solid transparent;
    display: block;
    position: absolute;
    right: -2.8125rem;
    top: -2rem
}

.box10:after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 28px solid #f8e200;
    border-right: 28px solid transparent;
    border-left: 28px solid transparent;
    display: block;
    position: absolute;
    right: -2.625rem;
    bottom: -1.6875rem
}

.box11:after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-right: 28px solid #f8e200;
    border-bottom: 28px solid transparent;
    display: block;
    position: absolute;
    left: -1.6875rem;
    bottom: -2.8125rem
}

.box12:after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 28px solid #f8e200;
    border-right: 28px solid transparent;
    border-left: 28px solid transparent;
    display: block;
    position: absolute;
    right: -.75rem;
    bottom: -1.25rem
}

#slide2 .box2,#slide2 .box2-plain {
    left: 32%;
    top: 5rem
}

#slide2 .box4,#slide2 .box4-plain {
    right: 2.8%;
    top: 28.1875rem
}

#slide2 .box6,#slide2 .box6-plain {
    right: 56%;
    top: 55rem
}

#slide2 .box3,#slide2 .box3-plain {
    left: 86%;
    top: 5rem
}

#slide2 .box5,#slide2 .box5-plain {
    top: 45.125rem;
    position: absolute;
    height: 12.5rem
}

.skr-card {
    width: 27.5rem;
    height: 9.375rem;
    text-align: center;
    margin: 0 auto
}

.skr-card .skr-thumb {
    margin: 0 auto
}

.m-box1::after,.m-box2::after,.m-box3::after,.m-box4::after,.m-box5::after,.m-box6::after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 25px solid #f8e200;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    display: block;
    position: absolute;
    left: -.6875rem;
    bottom: -1.25rem
}

#slide2 .box7,#slide2 .box7-plain {
    left: 7%;
    top: 80.5625rem
}

#slide2 .box8,#slide2 .box8-plain {
    left: 34%;
    top: 4.25rem
}

#slide2 .box9,#slide2 .box9-plain {
    left: 80%;
    top: 80.5rem
}

#slide2 .box10,#slide2 .box10-plain {
    left: 86%;
    top: 80.5rem
}

#slide2 .box11,#slide2 .box11-plain {
    right: 4%;
    top: 102.4375rem
}

#slide2 .box12,#slide2 .box12-plain {
    left: 50%;
    top: 102.4375rem
}

#slide2 .box13 {
    top: 112.875rem
}

#slide2 .box14 {
    right: 31.9375rem;
    top: 46.1875rem
}

#slide2 .box15 {
    right: 34.75rem;
    top: 48.1875rem
}

#slide2 .box16 {
    right: 24.6875rem;
    top: 59.5rem
}

#slide2 .box17 {
    right: 37.1875rem;
    top: 67.5625rem
}

#slide2 .box18 {
    right: 44.5625rem;
    top: 60.6875rem
}

#slide2 .box19 {
    right: 18.75rem;
    top: 3.125rem
}

.accordion-flush .card-row {
    margin-bottom: 0
}

.language #skrollr-body {
    height: 243.75rem
}

.language .images-test7 {
    height: 23.125rem!important
}

.language #slide2 .box5,.language #slide2 .box5-plain {
    top: 47.1875rem
}

@media screen and (max-width: 576px) {
    .language #skrollr-body {
        height:264.875rem
    }

    .french-lang #skrollr-body {
        height: 268.9375rem
    }
}

@supports (-webkit-touch-callout:none) {
    .navbar .primary-btn {
        line-height: .8125rem!important
    }

    .french-lang #skrollr-body {
        height: 270.3125rem
    }
}

@media screen and (max-width: 576px) {
    .spanish-lang #skrollr-body {
        height:259.3125rem
    }
}

.arrow-md {
    padding: 0
}

.arrow-md.cmp__title::after,.arrow-md.cmp__title::before {
    width: 19%
}

.arrow-md.cmp__title .cmp__content {
    width: 62%;
    margin-top: .25rem
}

.arrow-md.cmp__title .cmp__content h2 {
    font-size: 3.6875rem
}

.cmp-better-reverse .foreground-img {
    left: 0
}

.cmp-better-reverse .background-img {
    margin-left: 3.5rem
}

@media screen and (max-width: 768px) {
    .arrow-md.cmp__title .cmp__content {
        margin-top:0
    }

    .arrow-md.cmp__title .cmp__content h2 {
        font-size: 2rem
    }

    .cmp-better-reverse .foreground-img {
        left: -.5625rem
    }

    
}


@supports (-webkit-touch-callout:none) {
    .spanish-lang #skrollr-body {
        height: 262.5rem
    }

    .cmp-better-reverse .background-img {
        margin-left: 4.3rem!important
    }

   
}

.modal_loader {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
    opacity: .5;
    display: none
}

.modal-play-btn {
    left: 50%;
    border: none;
    position: absolute;
    z-index: 4;
    top: 38%;
    border-radius: .625rem;
    width: 3.4375rem;
    height: 3.125rem;
    background-color: #f7bc2f
}

.modal-play-btn::after {
    content: "";
    background-image: url(../images/Triangle-btn_7602264.svg);
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    height: 1.875rem
}

.modal-open {
    background-color: #868686
}


@media screen and (max-width: 768px) {
    .modal-play-btn {
        left:47%;
        top: 40%;
        width: 2.75rem;
        height: 2.75rem
    }

    
}

.video-container {
    position: relative
}

.video-container button:focus,.video-container button:focus-visible,.video-container video:focus,.video-container video:focus-visible {
    outline-offset: .125rem;
    outline: revert
}

.video-container .videocontrols {
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    transition: opacity 1s;
    padding-left: 10px;
    padding-right: 10px;
    align-items: center
}

.video-container .videocontrols a[data-state=subtitles] {
    color: #fff
}

.video-container .videocontrols a {
    background: 0 0;
    color: #fff;
    font-weight: bolder;
    text-shadow: 2px 1px 2px #000;
    border: none;
    cursor: pointer;
    margin: 10px;
    display: inline-flex;
    text-decoration: none
}

.video-container .videocontrols .timeline {
    flex: 1;
    display: flex;
    align-items: center;
    border: none;
    border-right: 3px solid #ccc;
    border-left: 3px solid #ccc;
    margin-right: 25px;
    margin-left: 10px;
    height: 20px
}

 @media screen and (max-width: 768px) {


    .video-container .videocontrols {
        bottom: 20px
    }

    .video-container .videocontrols a {
        margin: 6px
    }

    .video-container .videocontrols .timeline {
        margin-right: 10px;
        height: 10px
    }
} 

.video-container .videocontrols .timeline .bar {
    background: #010141;
    height: 3px;
    flex: 1
}

.video-container .videocontrols .timeline .bar .inner {
    background: #ccc;
    width: 0%;
    height: 100%
}

.video-container .fa,.video-container .fas {
    font-size: 14px
}

.slider {
    width: 100%;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 70rem
}

@media screen and (max-width: 576px) {
    .slider {
        top:63rem
    }
}

@media screen and (min-width: 768px) {
    .slider {
        top:50rem
    }
}

@media screen and (min-width: 991px) {
    .slider {
        top:58rem
    }
}

@media screen and (min-width: 1248px) {
    .slider {
        top:50rem
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .language .cmp-all-about-options .vertical #slide3 .subslide3 .carousel-text .in-text-3 {
        font-size:50px;
        padding-top: .5rem
    }

    #skrollr-body1 {
        height: 9180px
    }

    .arrow-md.cmp__title .cmp__content {
        margin-top: .625rem!important
    }

    .slider {
        top: 55rem
    }

    @supports (-webkit-touch-callout:none) {
        .language .cmp-all-about-options .vertical #slide3 .subslide3 .carousel-text .in-text-3 {
            font-size: 26px!important;
            padding-top: 0
        }

        .arrow-md.cmp__title .cmp__content {
            margin-top: 0!important
        }

        .slider {
            top: 57rem
        }
    }
}

.slides {
    display: flex;
    overflow-x: scroll;
    margin-bottom: 3.125rem;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    width: 100%
}

.slides div {
    scroll-snap-align: center;
    flex-shrink: 0;
    width: 60%;
    max-width: 60%;
    height: 16.25rem;
    margin-right: 1.563rem;
    margin-bottom: 1rem;
    border-radius: 2.5rem;
    transform-origin: center center;
    transform: scale(1);
    transition: transform .5s;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 6.25rem;
    background: var(--white);
    padding: 0;
    border: 0
}

@media screen and (min-width: 576px) {
    .slides div {
        height:31.25rem
    }
}

@media screen and (min-width: 991px) {
    .slides div {
        margin-right:3.125rem;
        background: var(--white);
        padding: 0;
        border-radius: 2.563rem;
        border: 0;
        height: 31.25rem
    }
}

.slides::-webkit-scrollbar {
    width: .625rem;
    height: 1.85rem;
    border-radius: .625rem
}

.slides::-webkit-scrollbar-thumb {
    height: 1.875rem;
    background: url(./images/scroll_655467.PNG) center no-repeat
}

.slides::-webkit-scrollbar-track {
    background: 0 0;
    border: .063rem solid var(--commonGray);
    max-width: 80%!important;
    margin-left: .75rem;
    margin-right: .75rem;
    border: .063rem solid var(--commonGray);
    border-radius: .625rem
}

@media screen and (min-width: 768px) {
    .slides div {
        height:31.25rem
    }

    .slides::-webkit-scrollbar-track {
        background: 0 0;
        border: .063rem solid var(--commonGray);
        max-width: 60%!important;
        margin-left: 10rem;
        margin-right: 10rem;
        border-radius: .625rem
    }
}

@media screen and (min-width: 991px) {
    .slides::-webkit-scrollbar-track {
        background:0 0;
        border: .063rem solid var(--commonGray);
        max-width: 60%!important;
        margin-left: 20rem;
        margin-right: 20rem;
        border-radius: .625rem
    }
}

@media screen and (min-width: 1248px) {
    .slides div {
        height:31.25rem
    }

    .slides::-webkit-scrollbar-track {
        background: 0 0;
        border: .063rem solid var(--commonGray);
        max-width: 60%!important;
        margin-left: 30rem;
        margin-right: 30rem;
        border-radius: .625rem
    }
}

.slides::-webkit-scrollbar-corner {
    border-radius: .625rem
}

.slider-img {
    object-fit: fill;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 2.5rem
}

.img-item-parent {
    margin-top: 3rem
}

.img-item {
    height: 80%;
    opacity: .5;
    box-shadow: 0 0 .625rem .063rem var(--black)
}

.media-canvas {
    position: relative;
    z-index: 1
}

.media-canvas video.foreground-img {
    height: 393px
}

@media screen and (max-width: 768px) {
    .media-canvas video.foreground-img {
        height:208px;
        object-fit: cover
    }

    .pl-4 ul {
        padding-left: 1.7rem
    }
}

.animate-slide-text,.animate-slidein-img {
    opacity: 0
}

.text-heading {
    color: var(--dark);
    font-family: SubwaySansCondAppBold;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.9975rem;
    text-transform: uppercase
}

.cmp-prime-text {
    padding-top: 5rem;
    padding-bottom: 5rem
}

@media screen and (max-width: 576px) {
    .cmp-prime-text {
        padding:0 0 2.5rem
    }
}

.ml-4 {
    margin-left: 0
}

.pl-4 {
    padding-right: 1.5rem;
    padding-left: 5.5rem
}

@media screen and (max-width: 992px) {
    .ml-4 {
        margin-left:1.7rem
    }

    .pl-4 {
        padding-left: 1.5rem
    }
}

.cmp__lrimage {
    border-radius: 1.25rem 0 0 1.25rem;
    max-width: 390px;
    box-shadow: 0 0 1.188rem rgba(0,0,0,.18)
}

.cmp__heading,.cmp__subheading {
    padding: 0;
    margin: 0;
    line-height: 27px
}

.cmp__title {
    overflow: hidden;
    margin: 3rem auto
}

@media screen and (max-width: 768px) {
    .cmp__title {
        margin:2rem auto
    }
}

@media screen and (max-width: 1247px) and (min-width:991px) {
    .cmp__title {
        display:flex;
        justify-content: space-between
    }
}

.cmp__title .cmp__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    width: 72%;
    float: left;
    text-align: center;
    opacity: 0
}

@media screen and (min-width: 768px) {
    .cmp__lrimage {
        max-width:696px
    }

    .cmp__heading,.cmp__subheading {
        line-height: 50px;
    }
    .cmp__title .cmp__content {
        width: 74%
    }
}

@media screen and (min-width: 1248px) {
    .cmp__lrimage {
        max-width:546px;
        width: 100%!important
    }

    .cmp__heading,.cmp__subheading {
        line-height: 50px;
    }

    .cmp__title .cmp__content {
        width: 82%
    }
}

@media screen and (max-width: 1247px) and (min-width:991px) {
    .cmp__title .cmp__content {
        width:80%
    }
}

.cmp__title .cmp__heading {
    font-size: 26px;
    margin-bottom: 0;
    font-family: SubwaySansCondAppMedium;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .cmp__title .cmp__heading {
        font-size:43px
    }
}

@media screen and (min-width: 1248px) {
    .cmp__title .cmp__heading {
        font-size:52px
    }
}

.cmp__title .cmp__small {
    text-transform: uppercase;
    display: inline-block;
    font-family: SubwaySansCondAppMedium;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px
}

.cmp__title .cmp__content h2 {
    display: inline
}

@media screen and (min-width: 768px) {
    .cmp__title .cmp__small {
        font-size:29px;
        line-height: 42px
    }

    .cmp__title .cmp__content h2 {
        display: inline
    }
}

@media screen and (min-width: 1248px) {
    .cmp__title .cmp__small {
        font-size:30px;
        line-height: 42px
    }

    .cmp__title .cmp__content h2 {
        display: inline-block
    }
}

.cmp__title .cmp__subheading {
    font-family: SubwaySansCondAppBold;
    text-align: center;
    text-transform: uppercase;
    margin-left: 4px;
    display: inline-block;
    font-size: 26px
}

@media screen and (min-width: 768px) {
    .cmp__title .cmp__subheading {
        font-size:44px
    }
} 

@media screen and (min-width: 1248px) {
    .cmp__title .cmp__subheading {
        font-size:52px;
        font-weight: bold;
    }
}

.cmp__title .cmp__description {
    text-align: center;
    font-family: SubwaySansLCGRegularWeb;
    width: 100%;
    justify-content: space-around;
    margin: .2rem auto 2rem;
    max-width: 993px;
    font-size: 20px;
    line-height: 23px
}

.cmp__title::after,.cmp__title::before {
    content: "";
    display: block;
    height: 32px;
    margin-top: .5rem;
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (min-width: 992px) {
    .cmp__title .cmp__description {
        width:100%
    }

    .cmp__title::after,.cmp__title::before {
        height: 65px;
        background-size: auto auto;
        margin-top: 0
    }
}

.cmp__title::before {
    background-image: url(../images/ARROW_RIGHT_SHAPE_4587591.svg);
    background-position: center right;
    float: left;
    width: 13%;
    opacity: 0
}

@media screen and (min-width: 992px) {
    .cmp__title::before {
        width:9%
    }
}

.cmp__title:after {
    background-image: url(../images/ARROW_LEFT_SHAPE_7143479.svg);
    background-position: left center;
    float: right;
    width: 13%;
    opacity: 0
}

@media screen and (min-width: 992px) {
    .cmp__title:after {
        width:9%
    }
}

.cmp__title-show .cmp__content {
    animation: 1s .4s forwards slideIn
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: scaleX(0)
    }

    100% {
        opacity: 1;
        transform: scaleX(1)
    }
}

.cmp__title-show::before {
    animation-duration: .5s;
    animation-direction: normal;
    animation-name: left-to-right-arrow;
    animation-iteration-count: 1;
    opacity: 1
}

@keyframes left-to-right-arrow {
    from {
        width: 0%
    }

    to {
        width: 9%
    }
}

.cmp__title-show:after {
    animation-duration: .5s;
    animation-direction: normal;
    animation-name: right-to-left-arrow;
    animation-iteration-count: 1;
    opacity: 1
}

@keyframes right-to-left-arrow {
    from {
        width: 0%
    }

    to {
        width: 9%
    }
}

.cmp__title-show .cmp__description {
    opacity: 1;
    animation: 1s forwards slide-in-bottom;
    opacity: 0
}

.cmp__main .cmp__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    width: 74%;
    float: left;
    text-align: center;
    opacity: 0
}

@media screen and (min-width: 1248px) {
    .cmp__main .cmp__content {
        width:82%
    }
}

.cmp__main::after,.cmp__main::before {
    content: "";
    display: block;
    height: 32px;
    margin-top: .5rem;
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (min-width: 992px) {
    .cmp__main::after,.cmp__main::before {
        height:65px;
        background-size: auto auto;
        margin-top: 0
    }

    .cmp__main:after,.cmp__main:before {
        width: 9%
    }

    .language .cmp-position {
        top: 0
    }
}

@media screen and (max-width: 576px) {
    .cmp__main:after,.cmp__main:before {
        margin-top:30px
    }
}

.cta-typography1 {
    font-weight: 700;
    font-family: SubwaySansCondBlack;
    font-size: 3.75rem
}

@media screen and (min-width: 768px) {
    .cta-typography1 {
        font-size:7.125rem
    }
}

@media screen and (min-width: 1248px) {
    .cta-typography1 {
        font-size:4.875rem
    }
}

.cta-typography2 {
    font-family: SubwaySansCondBlack;
    font-size: 3.3125rem
}

@media screen and (min-width: 768px) {
    .cta-typography2 {
        font-size:6.1875rem
    }
}

@media screen and (min-width: 1248px) {
    .cta-typography2 {
        font-size:4.25rem
    }
}

.cta-typography3 {
    font-weight: 400;
    font-family: SubwaySansCondAppBlack;
    font-size: 3.875rem;
    margin-bottom: .5rem;
    padding-bottom: 1rem;
    border-bottom: .5rem solid var(--white)
}

@media screen and (max-width: 992px) {
    .cta-typography3 {
        font-size:2.6875rem;
        margin-bottom: .9rem;
        padding-bottom: 0
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .cta-typography3 {
        margin-bottom:.7rem;
        padding-bottom: .2rem
    }

    @supports (-webkit-touch-callout:none) {
        .cta-typography3 {
            font-size: 2.9375rem;
            margin-bottom: .9rem;
            padding-bottom: 0
        }
    }
}

.cta-typography4 {
    font-weight: 500;
    font-family: SubwaySansCondAppMedium;
    font-size: 3.71rem
}

@media screen and (max-width: 992px) {
    .cta-typography4 {
        font-size:2.5625rem
    }
}

@supports (-webkit-touch-callout:none) {
    .media-canvas video.foreground-img {
        height: 225px
    }

    .pl-4 ul {
        padding-left: 2rem!important
    }

    .cta-typography4 {
        font-size: 45px
    }
}

.cta-typography5 {
    font-family: SubwaySansLCGSuperWeb;
    font-weight: 400;
    font-size: 3.375rem
}

@media screen and (min-width: 768px) {
    .cta-typography5 {
        font-size:6.125rem
    }
}

@media screen and (min-width: 1248px) {
    .cta-typography5 {
        font-size:4.3125rem
    }
}

.cta-typography6 {
    font-family: SubwaySansCondAppBlack;
    font-size: 3.25rem;
    font-weight: 700
}

.typography12 {
    font-family: SubwaySansCondAppBlack;
    font-size: 1rem
}

.home-footer-cta .right-cta {
    margin-top: 75px
}

@media screen and (max-width: 768px) {
    .home-footer-cta .right-cta {
        margin-top:60px
    }
    .right-cta  h2{
        font-size: 26px !important;
        text-align: center;
        line-height: 30px !important;
    }
}

.home-footer-cta .left-cta {
    margin-top: 75px
}


.cmp-footer .row {
    position: relative;
    display: flex;
    flex-direction: row
}

.cmp-footer .left-cta,.cmp-footer .right-cta {
    display: flex;
    flex-direction: column;
    padding-bottom: 22px;
    padding-top: 10px;
    align-self: center;
    align-items: center
}

.cmp-footer .divide-cta {
    display: flex
}

.cmp-footer .footer-divider {
    border-left: 6px solid #fff;
    position: relative;
    left: 2rem
}

.cmp-footer .flex-row-reverse .footer-divider {
    left: 3.8rem
}

@media screen and (max-width: 992px) {
    .cmp-footer .left-cta,.cmp-footer .right-cta {
        padding-top:20px
    }

    .cmp-footer .divide-cta {
        display: block
    }

    .cmp-footer .footer-divider {
        border-bottom: 6px solid #fff;
        left: 0
    }

    .cmp-footer .flex-row-reverse {
        flex-direction: column-reverse!important
    }

    .cmp-footer .flex-row-reverse .footer-divider {
        left: 0
    }
}

.cmp-footer .cta-btn {
    display: flex;
    justify-content: center
}

.cmp-footer .cta-btn .btn {
    position: absolute;
    bottom: -14%;
    margin: 0 auto
}

.cmp-footer .footer-left-img {
    width: 30.5625rem;
    margin-bottom: 1rem
}

.cmp-footer .cta-p {
    font-family: SubwaySansLCGRegularWeb;
    font-weight: 700;
    line-height: 1.625rem;
    margin-bottom: 0;
    text-align: center;
    text-transform: initial;
    font-size: 1.1875rem;
    max-width: 30.5625rem
}

.cmp-footer .cta-opportunities .cta-typography1 {
    opacity: 0;
    margin-bottom: 0
}

.cmp-footer .cta-opportunities .cta-typography1 strong {
    display: block
}

.cmp-footer .cta-opportunities .cta-opportunities__left img {
    margin-left: 15px
}

@media screen and (max-width: 992px) {
    .cmp-footer .cta-btn .btn {
        position:inherit;
        margin-top: 18px
    }

    .cmp-footer .cta-p {
        font-size: .8125rem
    }

    .cmp-footer .cta-opportunities .cta-typography1 {
        font-size: 3.125rem;
        margin-bottom: -.8rem
    }

    .cmp-footer .cta-opportunities .cta-typography1 strong {
        font-size: 44px;
        margin-top: -19px
    }

    .cmp-footer .cta-opportunities .cta-opportunities__left img {
        margin-left: 7px
    }
}

.cmp-footer .cta-opportunities .cta-opportunities__right img {
    width: 21%;
    margin-right: 10px
}

.cmp-footer .cta-opportunities .cta-opportunities__left,.cmp-footer .cta-opportunities .cta-opportunities__right {
    opacity: 0;
    color: #f7bc2f;
    display: flex;
    margin-bottom: 0
}

.cmp-footer .cta-opportunities .cta-opportunities__left img,.cmp-footer .cta-opportunities .cta-opportunities__right img {
    opacity: 0;
    height: 4.5rem;
    margin-top: 10px
}

@media screen and (max-width: 992px) {
    .cmp-footer .cta-opportunities .cta-opportunities__left img,.cmp-footer .cta-opportunities .cta-opportunities__right img {
        height:47px;
        margin-top: 2px
    }

    .cmp-footer .cta-opportunities .cta-opportunities__left,.cmp-footer .cta-opportunities .cta-opportunities__right {
        font-size: 46px
    }
}

.cmp-footer .cta-opportunities .cta-typography3 {
    opacity: 0
}

.cmp-footer .cta-advantage .cta-typography1 {
    opacity: 0;
    font-size: 6.125rem;
    display: flex;
    align-items: baseline;
    margin-bottom: 0
}

.cmp-footer .cta-advantage .cta-advantage__left {
    margin-bottom: -25px
}

.cmp-footer .cta-advantage .cta-advantage__left img {
    height: 71px;
    width: 26%;
    margin-left: 23px;
    opacity: 0
}

@media screen and (max-width: 992px) {
    .cmp-footer .cta-advantage .cta-typography1 {
        font-size:3.75rem
    }

    .cmp-footer .cta-advantage .cta-advantage__left {
        margin-bottom: -15px
    }

    .cmp-footer .cta-advantage .cta-advantage__left img {
        height: 46px
    }
}

.cmp-footer .cta-advantage .cta-advantage__right img {
    width: 49%;
    margin-right: 8px;
    opacity: 0
}

.cmp-footer .cta-advantage .cta-typography5 {
    opacity: 0;
    color: #f7bc2f;
    margin-bottom: 0
}

.cmp-footer .cta-advantage h3.cta-typography5 {
    font-size: 87px;
    margin-bottom: -18px
}

@media screen and (max-width: 992px) {
    .cmp-footer .cta-advantage h3.cta-typography5 {
        font-size:55px;
        margin-bottom: -12px
    }
}

@supports (-webkit-touch-callout:none) {
    .cmp-footer .cta-advantage h3.cta-typography5 {
        font-size: 59px
    }
}

.cmp-footer .cta-advantage h2.cta-typography5 {
    opacity: 0;
    font-size: 62px;
    margin-bottom: -22px
}

@media screen and (max-width: 992px) {
    .cmp-footer .cta-advantage h2.cta-typography5 {
        font-size:40px;
        margin-bottom: -10px
    }
}

@supports (-webkit-touch-callout:none) {
    .cmp-footer .cta-advantage h2.cta-typography5 {
        font-size: 43px
    }
}

.cmp-footer .cta-advantage .cta-advantage__right {
    font-size: 98px;
    margin-bottom: -18px
}

@media screen and (max-width: 992px) {
    .cmp-footer .cta-advantage .cta-advantage__right {
        font-size:59px;
        margin-bottom: -11px
    }
}

.cmp-footer .cta-advantage .cta-typography6 {
    opacity: 0;
    font-size: 49px;
    margin-bottom: -18px
}

.cmp-footer .cta-ownership .footer-divider {
    left: 1rem
}

.cmp-footer .cta-ownership .cta-p,.cmp-footer .cta-ownership .cta-typography3,.cmp-footer .cta-ownership .cta-typography4,.cmp-footer .cta-ownership .footer-left-img {
    opacity: 0
}

.cmp-footer .cta-home .cmp-text-message {
    margin-top: 0
}


.cmp-footer .cta-home .cmp-text-message .double-qoutes {
    position: relative;
    font-size: 3.6875rem;
    font-weight: 500;
    line-height: 3.625rem
}

.cmp-footer .cta-home .cmp-text-message .double-qoutes:before {
    position: absolute;
    bottom: 100%;
    left: 0
}

@media screen and (max-width: 992px) {
    .cmp-footer .cta-advantage .cta-typography6 {
        font-size:31px;
        margin-bottom: 0
    }

    .cmp-footer .cta-home .cmp-text-message .double-qoutes {
        font-size: 26px;
        text-align: center;
        line-height: 30px
    }

    .cmp-footer .cta-home .cmp-text-message .double-qoutes:before {
        left: 50%;
        font-size: 100px
    }
}

.cmp-footer .cta-home .cta-smalltext {
    font-family: SubwaySansLCGSemiboldWeb;
    font-weight: 400;
    font-size: .875rem;
    margin-top: 8px
}

@media screen and (max-width: 768px) {
    .home-footer-cta .left-cta {
        margin-top:20px
    }

    .cmp-footer .cta-ownership .footer-divider {
        left: 0
    }

    .cmp-footer .cta-home .cta-smalltext {
        position: absolute;
        left: 19%;
        font-size: 7px;
        margin-top: 3px
    }
}

.cmp-footer .cta-home .cta-smalltext,.cmp-footer .cta-home .cta-typography1,.cmp-footer .cta-home .double-qoutes,.cmp-footer .cta-home .footer-left-img {
    opacity: 0
}

.cmp-footer .cta-home .cta-icon {
    position: absolute;
    bottom: -45px
}

.cmp-footer .cta-home__left {
    opacity: 0;
    width: 15%
}

.cmp-footer-show {
    opacity: 1;
    animation: 1s 1s forwards slide-in-bottom;
    opacity: 0
}

.cmp-footer-show .footer-divider {
    opacity: 1;
    animation: 1s 1s forwards vertical-line-top-to-bottom;
    opacity: 0
}

@keyframes vertical-line-top-to-bottom {
    0% {
        height: 0;
        opacity: 0
    }

    100% {
        height: auto;
        opacity: 1
    }
}

.cmp-footer-show .primary-btn {
    opacity: 1;
    animation: 1s 3.4s forwards fade-in-right;
    opacity: 0
}

@keyframes fade-in-right {
    0% {
        transform: translateX(-50px);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

.cmp-footer-show .primary-btn:focus,.cmp-footer-show .primary-btn:focus-visible {
    outline-offset: .125rem;
    outline: revert
}

.cmp-footer-show .cta-home .double-qoutes {
    opacity: 1;
    animation: 1s 1s forwards text-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-home .cta-smalltext {
    opacity: 1;
    animation: 1s 1.4s forwards text-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-home .footer-left-img {
    opacity: 1;
    animation: 1s 1.3s forwards animate-text-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-home .cta-p {
    opacity: 1;
    animation: 1s 1.4s forwards text-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-home__left {
    opacity: 1;
    animation: 1s 2.3s forwards animate-fade-in-right;
    opacity: 0
}

.cmp-footer-show .cta-advantage .cta-typography1 {
    opacity: 1;
    animation: 1s .8s forwards text-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-advantage .cta-advantage__left img {
    opacity: 1;
    animation: 1s 2.3s forwards animate-fade-in-right;
    opacity: 0
}

.cmp-footer-show .cta-advantage .cta-advantage__right img {
    opacity: 1;
    animation: 1s 2.6s forwards animate-fade-in-left;
    opacity: 0
}

.cmp-footer-show .cta-advantage .slide-bottom-1 {
    opacity: 1;
    animation: 1s 1s forwards text-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-advantage .slide-bottom-2 {
    opacity: 1;
    animation: 1s 1.2s forwards text-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-advantage h2.cta-typography1 {
    opacity: 1;
    animation: 1s 1.4s forwards text-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-advantage .cta-typography6 {
    opacity: 1;
    animation: 1s 1.6s forwards text-top-to-bottom;
    opacity: 0
}

@keyframes text-top-to-bottom {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.cmp-footer-show .cta-advantage .cta-typography3 {
    opacity: 1;
    animation: 1s 1.3s forwards animate-text-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-advantage .cta-typography4 {
    opacity: 1;
    animation: 1s 2s forwards animate-text2-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-ownership .footer-left-img {
    opacity: 1;
    animation: 1s 1.3s forwards animate-text-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-ownership .cta-p {
    opacity: 1;
    animation: 1s 2s forwards animate-text2-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-ownership .cta-typography3 {
    opacity: 1;
    animation: 1s 1.3s forwards animate-text-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-ownership .cta-typography4 {
    opacity: 1;
    animation: 1s 2s forwards animate-text2-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-opportunities .cta-typography1 {
    opacity: 1;
    animation: 1s 1.3s forwards animate-text-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-opportunities .cta-opportunities__left {
    opacity: 1;
    animation: 1s 2s forwards animate-text2-top-to-bottom;
    opacity: 0
}

.cmp-footer-show .cta-opportunities .cta-opportunities__left img {
    opacity: 1;
    animation: 1s 2.3s forwards animate-fade-in-right;
    opacity: 0
}

@keyframes animate-fade-in-right {
    0% {
        transform: translateX(50px);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

.cmp-footer-show .cta-opportunities .cta-opportunities__right {
    opacity: 1;
    animation: 1s 3s forwards animate-text3-top-to-bottom;
    opacity: 0
}

@keyframes animate-text3-top-to-bottom {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.cmp-footer-show .cta-opportunities .cta-opportunities__right img {
    opacity: 1;
    animation: 1s 2.6s forwards animate-fade-in-left;
    opacity: 0
}

@keyframes animate-fade-in-left {
    0% {
        transform: translateX(-50px);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

.cmp-footer-show .cta-opportunities .cta-typography3 {
    opacity: 1;
    animation: 1s 1.3s forwards animate-text-top-to-bottom;
    opacity: 0
}

@keyframes animate-text-top-to-bottom {
    0% {
        line-height: 0
    }

    100% {
        opacity: 1;
        line-height: 75.2px
    }
}

.cmp-footer-show .cta-opportunities .cta-typography4 {
    opacity: 1;
    animation: 1s 2s forwards animate-text2-top-to-bottom;
    opacity: 0
}

.language .cmp-footer.bg-img.home-footer-cta {
    padding-bottom: 9rem
}

.language .cmp-footer.bg-img {
    padding-bottom: 7rem
}

.language .cmp-footer .cta-btn .btn {
    bottom: -18%;
    line-height: 24px;
    padding-left: 23px;
    background-position: right -4px center
}

.language .cmp-footer .right-cta .cta-typography3 {
    font-size: 56px
}

@media screen and (max-width: 992px) {
    .cmp-footer .cta-home .cta-icon {
        position:relative;
        bottom: 0
    }

    .cmp-footer .cta-home__left {
        float: left
    }

    .language .cmp-footer .right-cta .cta-typography3 {
        font-size: 39px
    }
}

.language .cmp-footer .right-cta .cta-typography4 {
    font-size: 53px;
    line-height: 51px;
    text-align: center
}

.language .cmp-footer .left-cta {
    align-items: inherit;
    padding-right: 100px
}

.language .cmp-footer .cta-typography1 {
    font-size: 48px;
    font-family: SubwaySansCondBlack;
    line-height: 48px;
    font-weight: 100
}

@media screen and (max-width: 992px) {
    .language .cmp-footer .right-cta .cta-typography4 {
        font-size:46px
    }

    .language .cmp-footer .left-cta {
        align-items: center;
        padding-right: 10px
    }

    .language .cmp-footer .cta-typography1 {
        font-size: 43px;
        text-align: center
    }
}

.language .cmp-footer .cta-ownership .footer-divider {
    left: 0
}

.language .cmp-footer .cta-ownership .left-cta {
    align-items: center;
    padding-right: 105px
}

.language .cmp-footer .cta-ownership .left-cta .cta-typography3 {
    font-size: 56px
}

@media screen and (max-width: 768px) {
    .language .cmp-footer .cta-ownership .left-cta {
        padding-right:10px
    }

    .language .cmp-footer .cta-ownership .left-cta .cta-typography3 {
        font-size: 39px
    }
}

.language .cmp-footer .cta-ownership .left-cta .cta-typography4 {
    font-size: 53px;
    line-height: 51px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .language .cmp-footer .cta-ownership .left-cta .cta-typography4 {
        font-size:46px
    }
}

.language .cmp-footer .cta-ownership .right-cta {
    align-items: inherit
}

.language .cmp-footer .cta-ownership .right-cta .cta-typography1 {
    font-size: 72px;
    line-height: 72px;
    padding-bottom: 10px
}

@media screen and (max-width: 992px) {
    .language .cmp-footer .cta-ownership .right-cta .cta-typography1 {
        font-size:44px;
        line-height: 44px
    }
}

.language .cmp-footer .cta-ownership .right-cta .cta-p {
    text-align: inherit
}

.language .cmp-footer .cta-home .cta-typography1 {
    font-size: 72px;
    line-height: 72px;
    padding-bottom: 10px
}

.language .cmp-footer .cta-advantage .cta-typography1 {
    display: block
}

.language .cmp-footer .flex-row-reverse .left-cta {
    padding-left: 103px;
    padding-right: 10px
}

.language .cmp-footer .cta-p {
    text-align: inherit
}

@media screen and (max-width: 992px) {
    .language .cmp-footer .cta-home .cta-typography1 {
        font-size:44px;
        line-height: 44px
    }

    .language .cmp-footer .flex-row-reverse .left-cta {
        padding-left: 10px
    }

    .language .cmp-footer .cta-p {
        text-align: center;
        line-height: 20px
    }
}

.language .cmp-footer .cta-home .left-cta {
    padding-right: 10px;
    padding-top: 50px;
    align-items: center
}

.language .cmp-footer .cta-home .right-cta {
    align-items: inherit;
    padding-left: 35px
}

@media screen and (max-width: 992px) {
    .language .cmp-footer .cta-home .right-cta {
        align-items:center;
        padding-left: 10px
    }
}

.language .cmp-footer-show .cta-typography1 {
    animation: 1s 2s forwards animate-text2-top-to-bottom;
    opacity: 0
}

@keyframes animate-text2-top-to-bottom {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.contact-btn {
    opacity: 0;
    text-decoration: none;
    display: contents;
    font-family: SubwaySansCondBlack;
    font-size: 1.25rem;
    position: fixed;
    right: 10%;
    z-index: 4;
    box-shadow: 0 0 1.125rem rgba(0,0,0,.2);
    border-radius: 1.5625rem;
    background-color: var(--white);
    color: var(--dark);
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    height: auto;
    display: inline-flex;
    align-items: center;
    padding: .3125rem;
    background: linear-gradient(to right,#f7bc2f 0,#f7bc2f 50%,var(--white) 50%,var(--white) 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
    transition: background-position .3s;
    bottom: 5rem
}

.contact-btn:hover {
    background-position: 0 0
}

.contact-btn .arrow-btn {
    opacity: 0;
    width: 3.125rem;
    height: 2.4375rem;
    border-radius: 1.3125rem;
    border: .25rem solid var(--white);
    background-color: #f7bc2f;
    display: inline-flex
}

.contact-btn .arrow-btn .white-arrow {
    background: url(../images/getarrow.svg) center center/1.75rem 1.25rem no-repeat;
    width: 3.1875rem;
    height: 1.9375rem;
    padding-left: 2.8125rem
}

.contact-btn span+span {
    padding-left: .625rem;
    padding-right: .75rem;
    margin-top: -.25rem;
    text-decoration: none;
    color: var(--dark)
}

@media screen and (max-width: 768px) {
    .language .cmp-footer .cta-ownership .right-cta .cta-p {
        text-align:center;
        line-height: 20px
    }

    .contact-btn {
        font-size: 1rem;
        padding: .25rem
    }

    .contact-btn span+span {
        padding-left: .5625rem;
        padding-right: .625rem;
        margin-top: 0
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .cmp-footer .cta-p {
        font-size:1.0625rem
    }

    .cmp-footer .cta-opportunities .cta-opportunities__left img,.cmp-footer .cta-opportunities .cta-opportunities__right img {
        margin-top: 2px
    }

    .contact-btn {
        font-weight: 500!important
    }

    .contact-btn span+span {
        margin-top: .125rem!important
    }

    @supports (-webkit-touch-callout:none) {
        .cmp-footer .cta-p {
            font-size: .8125rem
        }

        .contact-btn span+span {
            margin-top: .125rem!important
        }
    }
}

.contact-btn-show {
    animation: 1s forwards gbounce
}

.contact-btn-show .arrow-btn {
    animation: 1s .6s forwards gbounce
}

@keyframes gbounce {
    0% {
        transform: translateZ(-1400px);
        opacity: 0
    }

    100% {
        transform: translateZ(0);
        opacity: 1
    }
}

.cmp-contact {
    opacity: 0;
    font-family: SubwaySansCondMedium;
    text-transform: uppercase;
    color: var(--white);
    padding: .5rem 0 .875rem
}

.cmp-contact span {
    text-align: left;
    opacity: 0;
    display: contents;
    font-size: 1.75rem;
    font-weight: 700
}

.cmp-contact span strong {
    color: var(--dark);
    opacity: 0
}

.cmp-contact__btn {
    box-shadow: 0 0 1.125rem rgba(0,0,0,.2);
    display: inline-flex;
    opacity: 0;
    margin-left: .5rem;
    position: relative;
    width: 1.6875rem;
    height: 1.25rem;
    top: .06rem;
    border: .1875rem solid #fff;
    border-radius: 1.3125rem
}

.cmp-contact__btn .white-arrow {
    background: url(../images/contactus-arrow.svg) center 10% no-repeat;
    width: .875rem;
    height: .625rem;
    margin: .125rem 0 0 .3125rem
}

@media screen and (min-width: 1248px) {
    .cmp-contact {
        padding:2.1rem 0
    }

    .cmp-contact span {
        font-size: 2rem
    }

    .cmp-contact__btn {
        margin-left: 1rem;
        width: 3.6875rem;
        height: 2.6875rem;
        border-radius: 1.5rem;
        border: .25rem solid var(--white)
    }

    .cmp-contact__btn .white-arrow {
        background: url(../images/getarrow.svg) center center no-repeat;
        width: 1.875rem;
        height: 1.875rem;
        margin-left: .8125rem
    }
}

.cmp-contact .cmp-contact__btn-show {
    animation-name: slide-in-left;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    opacity: 1
}

.cmp-contact::after {
    content: "";
    display: block;
    clear: both;
    float: left
}

.show-opacity {
    opacity: 1;
    animation: 1s 1s forwards slide-in-bottom;
    opacity: 0
}

.cmp-media-reverse {
    padding-left: .75rem;
    padding-right: .75rem;
    display: flex;
    flex-direction: row-reverse
}

.cmp-media-reverse .media-section {
    padding-right: 0
}

.cmp-media-reverse .media-section img,.cmp-media-reverse .media-section video {
    border-radius: 0 0 0 2.625rem
}

.cmp-media-reverse .text-section {
    padding: 5rem .25rem 3rem 2.375rem;
    border-radius: 0 0 2.688rem
}

.text-section {
    height: 100%;
    padding: 5rem 1.25rem 3rem 2.375rem;
    border-bottom-left-radius: 2.688rem
}

.text-section section {
    opacity: 0;
    text-transform: uppercase
}

.text-section section .double-qoutes:before {
    position: relative;
    right: 89%;
    bottom: -.9375rem
}

.text-section section h2 {
    font-family: SubwaySansCondAppMedium;
    font-size: 3.125rem;
    font-weight: 500;
    line-height: 3rem
}

@media screen and (max-width: 768px) {
    .cmp-media-reverse {
        flex-flow:column-reverse;
        flex-direction: column!important
    }

    .cmp-media-reverse .media-section img,.cmp-media-reverse .media-section video {
        border-radius: 0 0 3.125rem 3.125rem
    }

    .cmp-media-reverse .text-section {
        padding: 5rem 1rem 3rem 2.375rem;
        border-radius: 0
    }

    .text-section {
        margin-top: -.53125rem;
        padding: 5rem 1rem 3rem 2.375rem;
        border-radius: 0 0 3.125rem 3.125rem
    }

    .text-section section .double-qoutes:before {
        right: 50%;
        font-size: 7.375rem
    }

    .text-section section h2 {
        font-size: 1.625rem;
        line-height: 1.6875rem
    }
}

.text-section section h6 {
    font-weight: 200;
    font-size: 1.23rem
}

.text-section section h6 strong {
    font-family: SubwaySansCondAppBlack
}

.text-section section h6 small {
    font-family: SubwaySansCondAppMedium;
    display: block
}

.media-section {
    padding-left: 0
}

.media-section img,.media-section video {
    object-fit: cover;
    height: 100%!important;
    min-height: 56.1875rem;
    border-bottom-right-radius: 2.688rem
}

@media screen and (max-width: 768px) {
    .text-section section h6 {
        font-size:1rem;
        text-align: center
    }

    .media-section {
        padding: 0
    }

    .media-section img,.media-section video {
        min-height: 23.4375rem;
        border-radius: 0
    }

    .cmp-media-section {
        padding-right: .75rem;
        display: flex;
        flex-flow: column-reverse
    }
}

.cmp-media-section {
    padding-left: .75rem
}

.cmp-media-section-show {
    opacity: 1;
    animation: 2s 1s forwards slide-bottom-top;
}

@keyframes slide-bottom-top {
    0% {
        transform: translateY(8rem);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.cmp-media-section-show .text-section section {
    opacity: 1;
    animation: 6s 1s forwards animate-slidein-text;
    opacity: 0
}

.french-lang .media-section img,.french-lang .media-section video {
    min-height: 51.1875rem
}

.tab-card {
    min-height: 25rem;
    box-shadow: 0 0 2.875rem rgba(28,29,28,.25);
    border-radius: .5rem;
    color: var(--dark);
    padding: .938rem;
    z-index: 1;
    margin-bottom: 2.875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none
}

.tab-card__thumb {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.tab-card__thumb .on-state {
    position: absolute;
    margin: 0 auto;
    opacity: 0;
    transition: opacity .2s
}

.tab-card__body {
    padding: 1rem 0
}

.tab-card__body .tab-short-span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    letter-spacing: -.021rem
}

.tab-card__body .tab-span-upper {
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    letter-spacing: -.021rem
}

.tab-card__body span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    letter-spacing: -.021rem;
    font-family: SubwaySansLCGRegularWeb;
    font-size: 1.125rem
}

@media screen and (max-width: 768px) {
    .french-lang .media-section img,.french-lang .media-section video {
        min-height:23.4375rem
    }

    .tab-card {
        min-height: 16rem
    }

    .tab-card__body span {
        font-size: .75rem
    }
}

.tab-card__body h3 {
    -webkit-box-orient: vertical;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-family: SubwaySansCondAppBlack;
    font-size: 1.75rem
}

@media screen and (min-width: 1248px) {
    .tab-card__thumb {
        max-width:100%;
        width: 9.625rem;
        height: 9.625rem
    }

    .tab-card__body h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box
    }
}

@media screen and (max-width: 768px) {
    .tab-card__body h3 {
        font-size:.875rem
    }
}

.tab-card h4 {
    font-family: SubwaySansCondBlack;
    font-size: 1.625rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.999rem
}

.tab-card__arrows-more {
    padding: .625rem;
    margin-top: auto;
    display: block
}

.tab-card__arrows-more:before {
    background-image: url(../images/arrow-down.png);
    background-position: left 1rem;
    content: " ";
    display: inline-block;
    width: 1.063rem;
    height: 1.688rem;
    background-repeat: no-repeat
}

.tab-card__arrows-more:after {
    background-image: url(../images/arrow-down.png);
    background-position: right 1rem;
    content: " ";
    display: inline-block;
    width: 1.063rem;
    height: 1.688rem;
    background-repeat: no-repeat
}

.tab-card__arrows-less {
    padding: .625rem;
    margin-top: auto;
    display: block;
    content: "LESS"
}

.tab-card__arrows-less:before {
    background-image: url(../images/arrow-up.png);
    background-position: left 1rem;
    content: " ";
    display: inline-block;
    width: 1.063rem;
    height: 1.688rem;
    background-repeat: no-repeat
}

.tab-card__arrows-less:after {
    background-image: url(../images/arrow-up.png);
    background-position: right 1rem;
    content: " ";
    display: inline-block;
    width: 1.063rem;
    height: 1.688rem;
    background-repeat: no-repeat
}

.tab-card-click {
    background: var(--white);
    background: linear-gradient(to bottom,var(--green) 50%,var(--white) 50%);
    background-size: 100% 200%;
    background-position: bottom left;
    transition: .5s ease-out
}

.tab-card-click:hover {
    background-position: top left;
    color: var(--white)
}

.tab-card-click:hover .tab-card__thumb .on-state {
    opacity: 1
}

.tab-card-click:hover .tab-card__thumb .off-state {
    opacity: 0
}

.tab-card-click:hover .tab-card__arrows-more:before {
    background-image: url(../images/arrow-up.png);
    background-position: right top;
    content: " ";
    display: inline-block;
    width: 1.063rem;
    height: 1.688rem;
    background-repeat: no-repeat;
    transform: rotate(180deg)
}

.tab-card-click:hover .tab-card__arrows-more:after {
    background-image: url(../images/arrow-up.png);
    background-position: left top;
    content: " ";
    display: inline-block;
    width: 1.063rem;
    height: 1.688rem;
    background-repeat: no-repeat;
    transform: rotate(180deg)
}

.tab-arrows {
    text-transform: uppercase;
    text-decoration: underline;
    font-family: SubwaySansCondBlack;
    font-weight: 700
}

.bgs-position {
    top: -9rem;
    position: relative;
    padding: 12.5rem 1rem 1rem;
    margin-bottom: -8rem
}

@media screen and (max-width: 576px) {
    .bgs-position .cmp-border {
        margin-bottom:.5rem
    }
}

.tab-content-left {
    padding: 0 1.5rem
}

@media screen and (min-width: 576px) {
    .tab-content-left {
        padding:0 5rem 0 5.8rem
    }
}

.tab-content-left h3 {
    margin-bottom: .8rem!important;
    font-family: SubwaySansCondBlack;
    font-weight: 700
}

.tab-content-left p {
    font-family: SubwaySansLCGRegularWeb;
    font-size: 1.125rem
}

.ab-container {
    position: absolute;
    top: 75%;
    z-index: -1
}

.tab-content-right {
    width: 80%;
    padding: .625rem;
    margin: 0 auto
}

.typography23 {
    font-family: SubwaySansCondAppBlack;
    font-size: 4rem;
    line-height: 4rem;
    font-weight: 400
}

.tab-active {
    background: var(--green);
    color: var(--white)
}

.tab-active:hover .tab-card-click__arrows-less {
    padding: .625rem;
    margin-top: auto;
    display: block;
    content: "LESS"
}

.tab-active:hover .tab-card-click__arrows-less:before {
    background-image: url(../images/arrow-up.png);
    background-position: left bottom;
    content: " ";
    display: inline-block;
    width: 1.063rem;
    height: 1.688rem;
    background-repeat: no-repeat;
    transform: rotate(0)
}

.tab-active:hover .tab-card-click__arrows-less:after {
    background-image: url(../images/arrow-up.png);
    background-position: right bottom;
    content: " ";
    display: inline-block;
    width: 1.063rem;
    height: 1.688rem;
    background-repeat: no-repeat;
    transform: rotate(0)
}

.tab-active .tab-card-click__arrows-less {
    padding: .625rem;
    margin-top: auto;
    display: block;
    content: "LESS"
}

.tab-active .tab-card-click__arrows-less:before {
    background-image: url(../images/arrow-up.png);
    background-position: left bottom;
    content: " ";
    display: inline-block;
    width: 1.063rem;
    height: 1.688rem;
    background-repeat: no-repeat;
    transform: rotate(0)
}

.tab-active .tab-card-click__arrows-less:after {
    background-image: url(../images/arrow-up.png);
    background-position: right bottom;
    content: " ";
    display: inline-block;
    width: 1.063rem;
    height: 1.688rem;
    background-repeat: no-repeat;
    transform: rotate(0)
}

.cmp-title .cmp-heading {
    font-size: 1.625rem;
    margin-bottom: .375rem;
    font-family: SubwaySansCondAppMedium;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .cmp-title .cmp-heading {
        font-size:2.75rem
    }
}

@media screen and (min-width: 1248px) {
    .tab-content-right {
        margin:0;
        width: 9.375rem
    }

    .cmp-title .cmp-heading {
        font-size: 3.25rem
    }
}

.cmp-title .cmp-heading strong {
    font-family: SubwaySansCondAppBold;
    font-weight: 900
}

.cmp-is-border {
    background: #fff;
    width: .313rem;
    height: 100%;
    display: block
}

.cmp-position {
    top: -4rem;
    position: relative;
    padding-top: 2rem;
    margin-bottom: -4rem
}

.cmp-text {
    font-family: SubwaySansCondMedium;
    color: var(--white);
    text-transform: uppercase;
    text-align: center;
    padding: 3.75rem 0;
    max-width: 68.75rem;
    margin: 0 auto;
    font-weight: 200;
    opacity: 0
}

.cmp-text>strong {
    font-weight: 900
}

.show-opacity .cmp-text {
    animation: 6s 2s forwards text-transition-1;
    opacity: 0
}

.fixed-media {
    border-radius: 1.875rem;
    vertical-align: middle;
    object-fit: cover
}

@media screen and (max-width: 768px) {
    .fixed-media {
        width:80%!important;
        min-height: 210px;
        border-radius: 20px
    }
}

@media screen and (min-width: 992px) {
    .cmp-text {
        padding:6.25rem 0
    }

    .fixed-media {
        height: 100%;
        min-height: 24.5rem
    }
}

.absolute-container {
    position: absolute;
    left: 0;
    right: 0;
    top: -11.25rem;
    margin: 0 auto
}

@media screen and (max-width: 576px) {
    .absolute-container {
        top:-8.1875rem
    }
}

.slide-up {
    position: relative;
    margin-top: 10rem;
    height: 100%;
    min-height: 31rem;
    opacity: 0
}

@media screen and (min-width: 1248px) {
    .slide-up {
        margin-top:14.9375rem;
        min-height: 25.25rem
    }
}

figcaption.animate-txt,picture.animate-img {
    opacity: 0
}

.cmp-txt-heading {
    color: var(--dark);
    font-family: SubwaySansCondAppBold;
    font-size: 1.3125rem;
    font-weight: 400;
    margin-top: 2.75rem;
    text-transform: uppercase
}

.action-link {
    color: var(--green);
    font-family: SubwaySansCondBlack;
    font-size: 1.1669rem;
    font-weight: 500;
    line-height: 2.0075rem;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase
}

.action-link:hover {
    color: #084823
}

.slide-up-show {
    animation-name: slide-from-bottom;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    opacity: 1;
    opacity: 1
}

.slide-up-show .animate-img-show,.slide-up-show .animate-txt-show {
    animation-name: slide-from-bottom;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    opacity: 1;
    opacity: 1
}

@keyframes slide-from-bottom {
    0% {
        transform: translateY(8rem);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.cmp-home {
    padding: 0
}

.cmp-home .cmp__title.cmp__title--small.cmp__title::after,.cmp-home .cmp__title.cmp__title--small.cmp__title::before {
    width: 20%
}

.cmp-home .cmp__title.cmp__title--small .cmp__content {
    width: 60%
}

.cmp-home .cmp__small {
    font-family: SubwaySansCondAppBlack
}

.cmp-row {
    display: grid;
    justify-items: center
}

.cmp-row h6 {
    font-family: SubwaySansLCGRegularWeb;
    font-size: .5rem;
    font-weight: 400;
    line-height: .625rem
}

@media screen and (max-width: 768px) {
    .cmp-txt-heading {
        margin:1.25rem 0 0
    }

    .cmp-home .cmp__title.cmp__title--small .cmp__content {
        padding-top: .625rem
    }

    .cmp-home .cmp__title.cmp__title--small .cmp__content h2 {
        font-size: 1.5rem
    }

    .cmp-home .cmp__small {
        font-size: .75rem
    }

    .cmp-row {
        display: contents
    }

    .cmp-row h6 {
        font-size: .375rem
    }
}

.cmp-row .row-gaps {
    row-gap: 2.625rem
}

.cmp-row h2 {
    color: var(--dark);
    font-family: SubwaySansCondBlack;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.999375rem;
    text-transform: uppercase
}

.cmp-row .cmp-media-text {
    justify-content: center
}

@media (max-width: 1300px) {
    .cmp-row .cmp-media-text .slow-pan.crv-bdr-22 {
        width:100%
    }
}

@media (min-width: 1399px) and (max-width:1600px) {
    .cmp-row .cmp-media-text .slow-pan.crv-bdr-22 {
        width:77%
    }
}

@media (min-width: 1601px) and (max-width:1900px) {
    .cmp-row .cmp-media-text .slow-pan.crv-bdr-22 {
        width:85%
    }
}

.cmp-row .cmp-media-text .col-content {
    opacity: 0
}

.cmp-row .cmp-media-text .slidein-bottom {
    opacity: 0
}

.cmp-row .cmp-media-text .media-shadow {
    border-radius: 1.375rem;
}

.cmp-row .cmp-media-text .foreground-img img,.cmp-row .cmp-media-text video.foreground-img {
    height: 20.0625rem;
    max-width: 29.25rem;
    max-height: 25.125rem
}

@media screen and (max-width: 768px) {
    .cmp-row h2 {
        font-size:1rem;
        line-height: 1.186875rem;
        margin-bottom: .5rem
    }

    .cmp-row .cmp-media-text .col-md-6 {
        width: 100%;
        margin-top: 11px;
    }

    .cmp-row .cmp-media-text .col-content p {
        font-size: .625rem;
        text-align: left;
        margin-bottom: .5rem
    }

    .cmp-row .cmp-media-text .media-shadow {
        border-radius: .75rem
    }

    .cmp-row .cmp-media-text .foreground-img img,.cmp-row .cmp-media-text video.foreground-img {
        height: 10.5rem
    }
}

@media (min-width: 1400px) and (max-width:1600px) {
    .cmp-row .cmp-media-text .foreground-img img,.cmp-row .cmp-media-text video.foreground-img {
        max-width:22.25rem
    }
}

.cmp-row .cmp-media-text .background-media img {
    opacity: 0;
    height: 15.75rem;
    width: 22.4375rem;
    max-width: 25.9375rem;
    max-height: 23.0625rem;
    margin-top: 3.5rem
}

@media screen and (max-width: 768px) {
    .cmp-row .cmp-media-text .background-media img {
        height:9.5625rem!important;
        width: 18.6rem;
        margin-top: 3.1rem
    }
}

@supports (-webkit-touch-callout:none) {
    .cmp-row .cmp-media-text .background-media img {
        width: 8.6875rem!important;
        margin-top: 3rem!important
    }
}

.cmp-rgt-md .modal-play-btn {
    left: 42%
}

.cmp-rgt-md .col-content {
    padding-right: 3.75rem;
    align-self: center
}

.cmp-rgt-md .foreground-img {
    left: -.7rem;
    right: 0
}

.cmp-rgt-md .background-media {
    margin-left: 2.4375rem
}

@media screen and (max-width: 768px) {
    .cmp-rgt-md .col-content {
        padding-right:2rem
    }

    .cmp-rgt-md .background-media {
        margin-left: .9375rem
    }
}

@supports (-webkit-touch-callout:none) {
    .cmp-rgt-md .background-media {
        margin-left: 1.875rem!important
    }

    .cmp-lft-md .background-media {
        height: 13.75rem!important
    }
}

.cmp-lft-md {
    flex-direction: row-reverse
}

.cmp-lft-md .col-content {
    padding-left: 3.5rem;
    align-self: center
}

.cmp-lft-md .foreground-img {
    left: .75rem;
    right: 0
}

.cmp-lft-md .background-media {
    margin-left: -.5rem
}

@media screen and (max-width: 768px) {
    .cmp-lft-md .col-content {
        padding-left:2rem
    }

    .cmp-lft-md .background-media {
        margin-left: 0;
        object-fit: cover
    }
}

.cmp-rgt-md .cmp-reverse {
    flex-direction: row-reverse
}

.cmp-rgt-md .cmp-reverse .col-content {
    padding-left: 3.5rem;
    align-self: center
}

.cmp-rgt-md .cmp-reverse .foreground-img {
    left: .75rem;
    right: 0
}

.cmp-rgt-md .cmp-reverse .background-media {
    margin-left: -.5rem
}

@media screen and (max-width: 768px) {
    .cmp-rgt-md .cmp-reverse .col-content {
        padding-left:2rem
    }

    .cmp-rgt-md .cmp-reverse .background-media {
        margin-left: 0;
        object-fit: cover
    }
}

@supports (-webkit-touch-callout:none) {
    .cmp-rgt-md .cmp-reverse .background-media {
        height: 13.75rem!important;
        margin-left: 0!important
    }
}

@media (min-width: 1400px) and (max-width:1600px) {
    .cmp-row .cmp-media-text .background-media img {
        width:20.4375rem;
        margin-top: 3.7rem
    }

    .cmp-lft-md .background-media,.cmp-rgt-md .cmp-reverse .background-media {
        margin-left: -.7rem
    }
}

.cmp-lft-md .cmp-reverse {
    flex-flow: row-reverse
}

.cmp-lft-md .cmp-reverse .col-content {
    padding-left: 0;
    padding-right: 3.75rem;
    align-self: center
}

.cmp-lft-md .cmp-reverse .foreground-img {
    left: -.7rem;
    right: 0
}

.cmp-lft-md .cmp-reverse .background-media {
    margin-left: 2.4375rem
}

@media screen and (max-width: 768px) {
    .cmp-lft-md .cmp-reverse .col-content {
        padding-right:2rem;
        padding-left: .4rem
    }

    .cmp-lft-md .cmp-reverse .background-media {
        margin-left: .9375rem
    }
}

.cmp-row-show .col-content {
    opacity: 1;
    animation: 4s 1s forwards text-transition-1;
    opacity: 0
}

.cmp-row-show .media-canvas .slidein-bottom {
    opacity: 1;
    animation: 1s 2s forwards slide-in-bottom;
    opacity: 0
}

.cmp-row-show .media-canvas .background-media img {
    opacity: 1;
    animation: 1s 3s forwards animate-slidein-img;
    opacity: 0
}

.cmp-text-media {
    text-align: center;
    padding-bottom: 1rem
}

.cmp-text-media h3 {
    font-family: SubwaySansCondBlack;
    font-weight: 700;
    margin-bottom: 14px;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .cmp-text-media {
        text-align:center;
        padding-bottom: 1rem
    }

    .cmp-text-media h3 {
        margin-bottom: 3px
    }

    .cmp-text-media .media-transition .img-border {
        border-radius: 1.5rem
    }
}

.cmp-text-media h4 {
    font-family: SubwaySansLCGBoldWeb;
    font-weight: 500;
    margin-bottom: 20px
}

.cmp-text-media .media-transition img,.cmp-text-media .media-transition video {
    height: 323px;
    object-fit: cover
}

.cmp-text-media .media-transition,.cmp-text-media .text-transition-1 {
    opacity: 0
}

.inner_loop_box {
    border-radius: 1.25rem;
    overflow: hidden;
    height: 97%
}

.cmp-text-media-show .media-transition {
    opacity: 1;
    animation: 1s 2s forwards slide-in-bottom;
    opacity: 0
}

.cmp-text-media-show .text-transition-1 {
    opacity: 1;
    animation: 6s forwards text-transition-1;
    opacity: 0
}

.bg-position {
    top: -3rem;
    position: relative;
    padding-top: 2.5rem;
    opacity: 0;
    z-index: -1
}

.delay-1,.delay-2,.delay-3 {
    max-width: 399px
}

.bg-position-show {
    animation-name: slide-bottom;
    animation-duration: .9s;
    animation-timing-function: ease;
    animation-delay: 0s;
    opacity: 1
}

.bg-position-show .delay-1 {
    animation-name: slide-bottom;
    animation-duration: 1.3s;
    animation-timing-function: ease;
    animation-delay: 0s;
    opacity: 1
}

.bg-position-show .delay-2 {
    animation-name: slide-bottom;
    animation-duration: 1.6s;
    animation-timing-function: ease;
    animation-delay: 0s;
    opacity: 1
}

.bg-position-show .delay-3 {
    animation-name: slide-bottom;
    animation-duration: 1.9s;
    animation-timing-function: ease;
    animation-delay: 0s;
    opacity: 1
}

@keyframes slide-bottom {
    0% {
        transform: translateY(8rem);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.cmp-text-message {
    padding-top: 2rem;
}

@media screen and (max-width: 992px) and (min-width:768px) {
    .cmp-text-message {
        padding-top:4rem
    }
}

.cmp-text-message .cmp-content {
    line-height: 2.938rem;
    position: relative;
    bottom: 1rem
}


.cmp-text-message small {
    font-family: SubwaySansCondAppMedium;
    font-weight: 100
}

.french-lang .cmp-bottom-space-wrapper {
    height: 93rem
}

.french-lang .slider {
    top: 57.5rem
}

@media screen and (max-width: 576px) {
    .cmp-bottom-space-wrapper {
        height:87.5rem
    }

    @media not all and (min-resolution: 0.001dpcm) {
        .cmp-bottom-space-wrapper {
            height:1250px
        }

        @supports (-webkit-touch-callout:none) {
            .cmp-bottom-space-wrapper {
                height: 76rem!important
            }
        }
    }

    .french-lang .cmp-bottom-space-wrapper {
        height: 96.5rem
    }

    .french-lang .slider {
        top: 74.5rem
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .french-lang .cmp-bottom-space-wrapper {
        height:98rem
    }

    .french-lang .slider {
        top: 61.5rem
    }

    @supports (-webkit-touch-callout:none) {
        .french-lang .cmp-bottom-space-wrapper {
            height: 91rem!important
        }

        .french-lang .slider {
            top: 71.5rem
        }
    }
}

.spanish-lang .cmp-bottom-space-wrapper {
    height: 91rem
}

.spanish-lang .slider {
    top: 53rem
}

@media screen and (max-width: 576px) {
    .spanish-lang .cmp-bottom-space-wrapper {
        height:95.5rem
    }

    .spanish-lang .slider {
        top: 72.5rem
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .spanish-lang .cmp-bottom-space-wrapper {
        height:95rem
    }

    .spanish-lang .slider {
        top: 57.5rem
    }

    @supports (-webkit-touch-callout:none) {
        .spanish-lang .cmp-bottom-space-wrapper {
            height: 88rem!important
        }

        .spanish-lang .slider {
            top: 67.5rem
        }
    }
}

.cmp-hero-ambient-video {
    position: relative;
    height: 100vh;
    animation-name: slide-in-left;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    margin-top: -110px;
}

@keyframes slide-in-left {
    0% {
        transform: translateX(-3.125rem);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

.cmp-hero-ambient-video .cmp-hero-pos {
    position: relative
}

.cmp-hero-ambient-video .video-section {
    display: block;
    display: flex;
    flex-direction: column-reverse;
    height: 100vh
}

@media screen and (max-width: 768px) {
    .cmp-text-media .media-transition img,.cmp-text-media .media-transition video {
        height:205px
    }

    .bg-position .cmp__title {
        margin: 2rem auto -4rem
    }

    .cmp-text-message {
        margin-top: 3.813rem
    }

    .cmp-text-message .cmp-content {
        font-size: 2.125rem;
        bottom: 3.563rem;
        margin-bottom: -.313rem
    }

    .cmp-hero-ambient-video .video-section {
        height: 50vh
    }
}

.cmp-hero-ambient-video .video-section video {
    height: 100%;
    object-fit: cover
}

@media screen and (max-width: 768px) {
    .cmp-hero-ambient-video .video-section video {
        width:100%;
        height: 50vh;
        z-index: 1
    }
}

.cmp-hero-ambient-video .image-section {
    justify-content: flex-start
}

.cmp-hero-ambient-video .image-section section {
    position: absolute;
    top: 0;
    height: 100%;
    width: 30%;
    left: 0
}

.cmp-hero-ambient-video .image-section section .banner-img {
    width: 80%;
    transform: translate(12%,100%)
}

.cmp-hero-btn {
    position: absolute;
    left: 50%;
    bottom: 5%;
}
.cmp-hero-btn i{
    background-color: #f7bc2f;
}
.cmp-hero-btn .btn-bounce {
    -moz-animation: 2s bounce;
    -webkit-animation: 2s bounce;
    animation: 2s bounce
}

@keyframes bounce {
    0%,100%,20%,50%,80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-20px)
    }
}

.cmp-hero-btn .hero-btn {
    cursor: pointer;
    box-shadow: 0 0 1.125rem rgba(0,0,0,.2);
    display: inline-flex;
    width: 1.75rem;
    height: 2.125rem;
    border: .25rem solid #fff;
    border-radius: 1.3125rem;
    background-color: #f2b81b;
    top: 19.0625rem;
    left: 11rem;
    z-index: 1
}

@supports (-webkit-touch-callout:none) {
    .cmp-lft-md .cmp-reverse .background-media {
        margin-left: 1.875rem!important
    }

    .cmp-hero-btn .hero-btn {
        top: 20rem
    }
}

.cmp-hero-btn .hero-btn .white-arrow {
    background: url(../images/contactus-arrow.svg) center 80% no-repeat;
    width: .75rem;
    height: 1.5625rem;
    margin: .0625rem 0 0 .5rem;
    transform: rotate(90deg)
}

@media screen and (min-width: 1248px) {
    .cmp-text-media {
        text-align:left;
        padding-bottom: 3rem
    }

    .cmp-hero-btn .hero-btn {
        width: 2.5rem;
        height: 3.4375rem;
        border-radius: 1.5rem;
        border: .25rem solid var(--white);
        left: 50%;
        top: -5.875rem
    }

    .cmp-hero-btn .hero-btn .white-arrow {
        background: url(../images/getarrow.svg) center center no-repeat;
        width: 2.125rem;
        height: 3.125rem;
        margin: 0;
        transform: rotate(90deg)
    }
}

.animate-banner,.banner-img {
    opacity: 0
}

.banner-bg {
    animation-name: slide-left-bg;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards
}

@keyframes slide-left-bg {
    0% {
        width: 0%;
        opacity: 0
    }

    100% {
        width: 30%;
        opacity: 1
    }
}

@media screen and (max-width: 768px) {
    .cmp-hero-ambient-video .image-section section {
        height:50%;
        top: 49.9%;
        width: 100%
    }

    .cmp-hero-btn {
        bottom: -95%;
        z-index: 1
    }

    .banner-bg {
        animation-name: slide-top-bg;
        animation-duration: 1s;
        animation-delay: 0s;
        animation-timing-function: ease;
        animation-fill-mode: forwards
    }

    @keyframes slide-top-bg {
        0% {
            height: 0%;
            opacity: 0
        }

        100% {
            height: 50%;
            opacity: 1
        }
    }
}

.banner-text {
    animation-name: slide-left-text;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-fill-mode: forwards
}

@keyframes slide-left-text {
    0% {
        left: 0;
        opacity: 0
    }

    100% {
        left: 2%;
        opacity: 1
    }
}

.cmp__title.cmp__title--small .cmp__content {
    width: 74%
}

.cmp__title.cmp__title--small.cmp__title::after,.cmp__title.cmp__title--small.cmp__title::before {
    width: 13%
}

.media-btn .modal-play-btn {
    top: 41%;
    left: 44%
}

.aside-pl {
    padding-right: 1rem;
    margin-top: -.6rem;
    padding-bottom: 35px
}

@media screen and (max-width: 768px) {
    .banner-text {
        position:absolute;
        animation-name: slide-bottom-text;
        animation-duration: 2s;
        animation-timing-function: ease;
        animation-delay: 0s;
        animation-fill-mode: forwards
    }

    @keyframes slide-bottom-text {
        0% {
            bottom: 0;
            opacity: 0
        }

        100% {
            bottom: 93%;
            opacity: 1
        }
    }

    .aside-pl {
        padding-right: 0;
        padding-bottom: 0
    }

    .aside-pl ul {
        padding-left: 1.7rem
    }

    .cmp-text-media-left p {
        text-align: left!important
    }
}

.cmp-bg-position {
    position: relative;
    z-index: 1;
    padding-top: 0!important
}

.cmp-bg-position img,.cmp-bg-position video {
    object-fit: cover
}

@media screen and (max-width: 1247px) and (min-width:991px) {
    .cmp-bg-position .me-4 {
        margin-right:0!important
    }
}

.media-curve {
    border-radius: 0 1.25rem 1.25rem 0;
    max-width: 390px;
    box-shadow: 0 0 1.188rem rgba(0,0,0,.18)
}

.language .cmp__title .flex-lg-row {
    flex-direction: column!important
}

.media-size img,.media-size video {
    opacity: 0;
    max-width: 556px;
    max-height: 333px;
    border-radius: .938rem
}

.cmp-text-media-show .media-size img,.cmp-text-media-show .media-size video {
    opacity: 1;
    animation: 5s 2s forwards slide-in-bottom;
    opacity: 0
}

.cmp-text-media-show .animate-slide-text {
    opacity: 1;
    animation: 6s forwards text-transition-1;
    opacity: 0
}

@keyframes text-transition-1 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.cmp-ul {
    text-align: left;
    padding-left: 1.4rem;
    margin-bottom: 1.5rem;
    font-family: SubwaySansLCGRegularWeb;
    font-size: 1.125rem;
    font-weight: 600
}

.cmp-text-media-left {
    text-align: left;
    padding-bottom: 1rem
}

@media screen and (max-width: 576px) {
    .cmp-text-media-left {
        padding-bottom:0;
        margin-bottom: 0!important
    }
}

.cmp-text-media-left h3 {
    font-family: SubwaySansCondBlack;
    font-weight: 700;
    margin-bottom: 14px;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .media-curve {
        max-width:696px
    }

    .cmp-text-media-left {
        text-align: left;
        padding-bottom: 1rem
    }

    .cmp-text-media-left h3 {
        margin-bottom: 3px
    }

    .cmp-text-media-left .media-transition .img-border {
        border-radius: 1.5rem
    }
}

.cmp-text-media-left h4 {
    font-family: SubwaySansLCGBoldWeb;
    font-weight: 500;
    margin-bottom: 20px
}

.cmp-text-media-left .media-transition img,.cmp-text-media-left .media-transition video {
    height: 323px;
    object-fit: cover
}

.cmp-text-media-left .media-transition,.cmp-text-media-left .text-transition-1 {
    opacity: 0
}

@media screen and (min-width: 991px) {
    .cmp-hero-ambient-video .image-section section .banner-img {
        position:absolute;
        width: 80%;
        transform: translate(11%,95%)
    }
}

@media screen and (min-width: 1248px) {
    .cmp__title.cmp__title--small .cmp__content {
        width:48%
    }

    .cmp__title.cmp__title--small.cmp__title::after,.cmp__title.cmp__title--small.cmp__title::before {
        width: 26%
    }

    .cmp-bg-position img,.cmp-bg-position video {
        min-height: 25rem
    }

    .cmp-bg-position .me-4 {
        margin-right: 0!important
    }

    .media-curve {
        max-width: 546px;
        width: 100%!important
    }

    .cmp-text-media-left {
        text-align: left;
        padding-bottom: 3rem
    }
}

.cmp-load,.cmp-load .img-animate,.cmp-load video,.cmp-load-animation,.cmp-load-animation .img-animate,.cmp-load-animation video {
    opacity: 0
}

.cmp-show {
    opacity: 1;
    animation: 2s forwards fade-in;
    opacity: 0
}

.cmp-show .foreground-img,.cmp-show .modal-play-btn,.cmp-show .slidein-bottom {
    opacity: 1;
    animation: 1s 1s forwards slide-in-bottom;
    opacity: 0
}

.cmp-show .animate-slidein-img,.cmp-show .background-img img {
    opacity: 1;
    animation: 1s 2s forwards animate-slidein-img;
    opacity: 0
}

@keyframes animate-slidein-img {
    0% {
        transform: translateY(100px) translateX(-100px);
        opacity: 0
    }

    100% {
        transform: translateY(0) translateX(0);
        opacity: 1
    }
}

.cmp-show .animate-slide-text {
    opacity: 1;
    animation: 4s forwards animate-slidein-text;
    opacity: 0
}

@keyframes animate-slidein-text {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.cmp-show .img-animate,.cmp-show video {
    opacity: 1;
    animation: 1s 1s forwards slide-in-bottom;
    opacity: 0
}

@keyframes slide-in-bottom {
    0% {
        transform: translateY(8rem);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.cmp-show.cmp-reverse .animate-slidein-img,.cmp-show.cmp-reverse .background-img img {
    opacity: 1;
    animation: 1s 2s forwards animate-slidein-img-right;
    opacity: 0
}

@keyframes animate-slidein-img-right {
    0% {
        transform: translateY(100px) translateX(100px);
        opacity: 0
    }

    100% {
        transform: translateY(0) translateX(0);
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

html {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow-x: hidden
}

body {
    overflow-x: hidden;
    background: 0 0;
    color: var(--dark);
    font-family: SubwaySansLCGRegularWeb;
    font-size: 1.25rem;
    scroll-behavior: smooth
}

@media screen and (max-width: 768px) {
    .cmp-text-media-left .media-transition img,.cmp-text-media-left .media-transition video {
        height:205px
    }

    body {
        font-size: 1rem
    }

    p {
        text-align: center
    }
}

* {
    margin: 0;
    padding: 0
}

h1 {
    font-size: 1.875rem
}

h2 {
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
    font-weight: 400
}

h3 {
    font-size: 1.375rem
}

h4 {
    font-size: 1.125rem
}

h5 {
    font-size: .875rem
}

h6 {
    font-size: .75rem;
    font-weight: 700
}

p {
    font-family: SubwaySansLCGRegularWeb;
    font-size: 1.125rem;
    font-weight: 600
}

@media screen and (min-width: 992px) {
    .cmp-ul {
        font-family:SubwaySansLCGRegularWeb;
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 1.688rem
    }

    h1 {
        font-size: 3.75rem
    }

    h2 {
        font-size: 3.125rem
    }

    h3 {
        font-size: 2rem
    }

    h4 {
        font-size: 1.375rem
    }

    h5 {
        font-size: 1.5rem
    }

    h6 {
        font-size: 1.125rem
    }

    p {
        font-family: SubwaySansLCGRegularWeb;
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 1.688rem
    }
}

.double-qoutes:before {
    font-family: newsCycleBold;
    font-size: 9.375rem;
    -moz-transform: scale(-1,1);
    -webkit-transform: scale(-1,1);
    -o-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1);
    display: block;
    line-height: .4;
    content: ' " '
}

.double-qoutes:after {
    -moz-transform: scale(-1,1);
    -webkit-transform: scale(-1,1);
    -o-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1);
    font-family: newsCycleBold;
    content: ' " '
}

.double-qoutes-yellow {
    position: relative;
    top: 0;
    line-height: 2.938rem
}

.double-qoutes-yellow:before {
    -moz-transform: scale(-1,1);
    -webkit-transform: scale(-1,1);
    -o-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1);
    display: block;
    font-family: newsCycleBold;
    font-size: 9.375rem;
    line-height: .4;
    content: ' " ';
    float: left;
    top: -2.375rem;
    height: 2.813rem;
    position: absolute;
    color: #f7bc2f
}

.double-qoutes-yellow:after {
    -moz-transform: scale(-1,1);
    -webkit-transform: scale(-1,1);
    -o-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1);
    font-family: newsCycleBold;
    content: ' " '
}

@media screen and (max-width: 768px) {
    .double-qoutes-yellow {
        font-size:2.125rem
    }
}

.media-shadow {
    border-radius: .6rem;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)
}

.media-frame {
    border-radius: 0 0 4.688rem 4.688rem;
    max-width: 100%;
    width: 100%;
    height: auto
}

.img-border {
    border-radius: 2rem
}

.row-gaps {
    display: grid;
    row-gap: 1.625rem;
    padding: 1rem
}

.text-divider {
    border-left: .125rem solid #000;
    margin: 0 .625rem;
    font-size: .9375rem
}

.animate-icon__arrow {
    display: block;
    background-repeat: no-repeat;
    width: 8rem;
    height: 3.375rem;
    background-size: 100% auto
}

.container img,.container video,.container-fluid img,.container-fluid video {
    height: auto;
    width: 100%;
    max-width: 100%
}

.black-arrow {
    background-image: url(../images/getarrow.svg);
    display: block;
    background-repeat: no-repeat;
    width: 1.563rem;
    height: 1.125rem;
    background-size: 100% auto
}

.yellow-arrow {
    background-image: url(../images/ARROW.png);
    display: block;
    background-repeat: no-repeat;
    width: 1.563rem;
    height: 1.125rem;
    background-size: 100% auto;
    margin: 0 .25rem;
    font-size: .6875rem
}

.foreground-img {
    opacity: 1;
    position: absolute;
    z-index: 3;
    top: 1.4rem;
    left: .7rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .foreground-img {
        top:0;
        left: 2rem
    }
}

.foreground-img img {
    max-width: 672px;
    max-height: 393px
}

.background-img {
    margin-left: -.7rem
}

.background-img img {
    margin-top: 5rem;
    max-width: 645px;
    max-height: 364px
}

@media screen and (max-width: 768px) {
    .background-img img {
        margin-top:3rem;
        height: 203px;
        object-fit: cover
    }
}

@supports (-webkit-touch-callout:none) {
    .aside-pl ul {
        padding-left: 2rem!important
    }

    .background-img img {
        height: 220px!important
    }
}

.bg-container {
    padding: 3rem 0
}

.cmp-list-heading {
    font-family: SubwaySansCondBlack;
    font-size: 2rem;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .cmp-list-heading {
        font-size:1.25rem
    }
}

ul {
    margin-bottom: 2rem
}

ul li {
    line-height: 1.563rem;
    margin-bottom: .5rem;
    font-size: 17px;
}

.cmp-border {
    background: #fff;
    width: .313rem;
    height: 100%;
    display: block
}

@media screen and (max-width: 992px) {
    .cmp-border {
        max-height:.438rem;
        height: .313rem;
        width: 100%
    }
}

.bg-img {
    background:linear-gradient(0deg, rgb(25 36 55 / 78%), rgb(25 36 55 / 78%)),url(../images/form-page-bg.avif);
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--white);
    padding-top: 5rem;
    padding-bottom: 6rem;
    height: 100%
}
.bg-image {
    background-image: url(../images/dark-bg.avif);
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--white);
    padding-top: 5rem;
    padding-bottom: 6rem;
    height: 100%
}
.bg-image-faq {
    background-image: url(../images/BACK.avif);
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--white);
    padding-top: 5rem;
    padding-bottom: 6rem;
    height: 100%
}

.prev-btn,.primary-btn {
    font-family: SubwaySansCondAppBlack;
    font-size: 1rem;
    text-transform: uppercase;
    margin: 1.688rem 0;
    padding: .375rem 3.75rem 1.313rem 2.625rem;
    text-align: center;
    height: 3.5rem;
    border: .063rem solid #f7bc2f
}

.prev-btn:focus,.prev-btn:hover,.primary-btn:focus,.primary-btn:hover {
    color: #f7bc2f;
    outline: 0;
    box-shadow: none;
}

@media screen and (max-width: 768px) {
    .prev-btn,.primary-btn {
        padding:.5rem 3.75rem 1.313rem 2.625rem
    }
}

.prev-btn {
    padding: .375rem 1.75rem 1.313rem 3.8rem;
    background: #f7bc2f url(../images/prev_black.svg);
    background-repeat: no-repeat;
    background-position: left .625rem
}

.prev-btn:focus,.prev-btn:hover {
    background: var(--dark) url(../images/prev_yellow.svg) top center;
    background-repeat: no-repeat;
    background-position: left .625rem
}

.primary-btn {
    background: #f7bc2f url(../images/left-arrow-black.svg);
    background-repeat: no-repeat;
    background-position: right .625rem
}

.primary-btn:focus,.primary-btn:hover {
    background: var(--dark) url(../images/left-arrow-yellow.png) top center;
    background-repeat: no-repeat;
    background-position: right .625rem
}

.text-alignment {
    text-align: center
}

@media screen and (min-width: 992px) {
    .foreground-img {
        top:1.063rem;
        left: 2rem;
    }

    .text-alignment {
        text-align: left
    }
}

.text-alignment p {
    word-break: break-word
}

.slow-pan img {
    animation: 20s infinite slow-pan
}

@keyframes slow-pan {
    0% {
        opacity: 0
    }

    5% {
        opacity: 1
    }

    95% {
        transform: scale3d(1.5,1.5,1) translate3d(0,0,0);
        animation-timing-function: ease-in;
        opacity: 1
    }

    100% {
        transform: scale3d(2,2,2) translate3d(0,0,0);
        animation-timing-function: ease-in;
        opacity: 1
    }
}

.media-canvas .crv-bdr-22 {
    overflow: inherit
}

.crv-bdr-22 {
    border-radius: 1.375rem;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.crv-bdr-22 picture {
    border-radius: 1.375rem;
    overflow: hidden;
    display: block
}

@media screen and (max-width: 768px) {
    .prev-btn {
        padding:.5rem 1.75rem 1.313rem 3.8rem
    }

    .crv-bdr-22 picture {
        border-radius: 1.125rem
    }
}

.crv-right-22 {
    border-bottom-left-radius: 1.375rem;
    border-top-left-radius: 1.375rem;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.crv-right-22 picture {
    border-bottom-left-radius: 1.375rem;
    border-top-left-radius: 1.375rem;
    overflow: hidden;
    display: block
}

.crv-left-22 {
    border-bottom-right-radius: 1.375rem;
    border-top-right-radius: 1.375rem;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.crv-left-22 picture {
    border-bottom-right-radius: 1.375rem;
    border-top-right-radius: 1.375rem;
    overflow: hidden;
    display: block
}

.crv-btm-74 {
    border-bottom-left-radius: 4.625rem;
    border-bottom-right-radius: 4.625rem;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.crv-btm-74 picture {
    border-bottom-left-radius: 4.625rem;
    border-bottom-right-radius: 4.625rem;
    overflow: hidden;
    display: block
}

.crv-bottom-right-42 {
    border-bottom-right-radius: 2.625rem;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.crv-bottom-right-42 picture {
    border-bottom-right-radius: 2.625rem;
    overflow: hidden;
    display: block
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    box-shadow: 0 0 0 1.875rem #fff inset!important
}

.card-white {
    text-align: center;
    padding: 3rem 1rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: var(--white);
    border-radius: .6rem;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)
}

.card-white .thumb {
    padding-bottom: 2rem
}

.card-white .thumb img {
    width: 7.188rem;
    height: 7.188rem;
    border-radius: 50%
}

.card-white h5 {
    font-family: SubwaySansCondBlack;
    font-size: 1.625rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.999rem;
    color: var(--dark)
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.cmp-bottom-space {
    position: relative;
    padding-bottom: 16rem
}

.cmp-bottom-space-wrapper {
    height: 112.5rem
}

@media screen and (max-width: 576px) {
    .cmp-bottom-space {
        padding-bottom:5rem
    }

    .cmp-bottom-space-wrapper {
        height: 85.5rem
    }
}

form button.dropdown-toggle,form input,form select,form textarea {
    padding: 1.5rem 2.938rem;
    margin: .313rem 0;
    box-sizing: border-box;
    border: var(--white);
    box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.2);
    font-weight: 600;
    height: 3.563rem;
    font-family: SubwaySansLCGRegularWeb;
    font-size: 16px
}

form .dropdown .dropdown-toggle {
    width: 100%;
    text-align: left;
    background: 0 0;
    color: var(--black)
}

form .dropdown .dropdown-toggle::after {
    float: right;
    margin-top: .875rem
}

form .dropdown ul.dropdown-menu {
    width: 100%;
    padding: .5rem;
    margin-top: .2rem!important;
    border: none;
    box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.2)
}

form .dropdown ul.dropdown-menu .dropdown-item a {
    text-decoration: none;
    color: var(--dark)
}

form .dropdown ul.dropdown-menu .dropdown-item:focus,form .dropdown ul.dropdown-menu .dropdown-item:hover {
    border-radius: .938rem;
    background-color: var(--green)
}

form .dropdown ul.dropdown-menu .dropdown-item:focus span,form .dropdown ul.dropdown-menu .dropdown-item:hover span {
    color: var(--white);
    cursor: pointer
}

.cta-link {
    color: var(--green);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.0075rem;
    text-align: left;
    text-decoration: underline;
    text-transform: uppercase;
    display: inline-block;
    margin: 1rem 0;
    width: 100%
}

.cta-link:hover {
    color: var(--green)
}

.card-row {
    bottom: -4rem;
    position: relative;
    z-index: 1;
    justify-content: center
}

.absolute-position {
    position: absolute;
    top: 70rem
}

@media screen and (min-width: 576px) {
    .absolute-position {
        top:58rem
    }
}

@media screen and (min-width: 768px) {
    .cmp-bottom-space {
        padding-bottom:20rem
    }

    .cmp-bottom-space-wrapper {
        height: 94.5rem
    }

    .absolute-position {
        top: 50rem
    }
}

@media screen and (min-width: 991px) {
    .cmp-bottom-space {
        padding-bottom:20rem
    }

    .cmp-bottom-space-wrapper {
        height: 95rem
    }

    .absolute-position {
        top: 58rem
    }
}

@media screen and (min-width: 1248px) {
    .cmp-bottom-space {
        padding-bottom:20rem
    }

    .cmp-bottom-space-wrapper {
        height: 91rem
    }

    .absolute-position {
        top: 50rem
    }
}

.cmp-reverse {
    flex-direction: row-reverse
}

.cmp-reverse .text-alignment {
    padding-left: 3.125rem
}

.cmp-reverse .media-canvas {
    left: -.4375rem
}

.cmp-reverse .background-img {
    margin-left: 2rem
}

@media screen and (max-width: 768px) {
    .cta-link {
        text-align:center
    }

    .cmp-reverse {
        flex-flow: column-reverse
    }

    .cmp-reverse .text-alignment {
        padding-top: 1.875rem;
        padding-left: .75rem
    }

    .cmp-reverse .background-img {
        margin-left: 1rem
    }

    .cmp-reverse .background-img img {
        margin-top: 3rem
    }
}

.cmp-reverse .foreground-img {
    left: 0
}

.space-xs {
    margin-bottom: 1.25rem
}

.space-md {
    margin-bottom: 2.5rem
}

.space-lg {
    margin-bottom: 3.75rem
}

.font-xs {
    font-size: .75rem
}

.page-error-msg {
    text-align: center;
    padding: 15%;
    font-family: SubwaySansLCGSemiboldWeb;
    font-weight: 700
}

.page-error-msg h2 {
    font-size: 48px;
    line-height: 24.92px
}

@media screen and (max-width: 992px) {
    .page-error-msg {
        padding:50% 10%
    }

    .page-error-msg h2 {
        font-size: 26px
    }
}

.page-error-msg p {
    font-size: 22px;
    line-height: 24.92px
}

.language .page-error-msg {
    padding: 15% 7.5%
}

@media screen and (max-width: 992px) {
    .page-error-msg p {
        font-size:12px;
        line-height: 17.92px
    }

    .language .page-error-msg {
        padding: 50% 5%
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .language .page-error-msg {
        padding:15% 7%
    }

    @supports (-webkit-touch-callout:none) {
        .language .page-error-msg {
            padding: 50% 5%
        }
    }
}

:root {
    --white: #ffffff;
    --yellow: #f7bc2f;
    --orange:#f7bc2f;
    --green: #008e43;
    --lightGreen: #95c93d;
    --darkGreen: #074823;
    --deepGreen: #084823;
    --grayGreen: #c4d4cb;
    --grayBlack: #4d4b46;
    --dark: #231f20;
    --black: #000000;
    --red: #ff0000;
    --lightRed: #f8e2e2;
    --lightGray: #737373;
    --commonGray: #ccc;
    --mediumGray: #999999;
    --darkGray: #dddddd;
    --grayLight: #f1f1f1
}

.bg-white {
    background-color: var(--white)
}

.bg-orange {
    background-color:#f7bc2f
}

.bg-yellow {
    background-color: #f7bc2f
}

.bg-black {
    background-color: var(--black);
    color: var(--white)
}

.bg-light-green {
    background-color: var(--lightGreen)
}

.bg-green {
    background-color: var(--green);
    color: var(--white)
}

.bg-dark-green {
    background-color: var(--darkGreen)
}

.bg-deep-green {
    background-color: var(--deepGreen)
}

.text-green {
    color: var(--green)
}

.text-darkgreen {
    color: var(--darkGreen)
}

.text-yellow {
    color: #f7bc2f
}

.text-white {
    color: var(--white)
}

.hide {
    display: none
}

 .bixol-footer-form form button {
    background-color: #192437;
padding: 17px;
margin-left: -5px;
color: white;
}
.social-media{
    font-size: 30px;
    font-weight: 500;
    margin-top: 10px;
}
.submit .btn {
    color: white !important;
    font-size: 18px;
    border: 1px solid #dcdcdc;
    background-color: #f7bc2f !important;
    border-radius: 4px;
    font-weight: 500;
    transition: border-color .3s, box-shadow .3s;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
form.form {
    background: rgb(255 255 255 / 89%);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 10px rgb(255 186 0);
    padding: 30px !important;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 10px;
    color: #666;
    font: 13px / 120% Tahoma, Arial, Helvetica, Verdana, sans-serif;
    margin: .5em 0 1em;
}
.form h3 {
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 25px;
    font-weight: 600;
    color: #000;
    padding: 20px;
    border-radius: 10px;
    background: #f7bc2f;
    position: relative;
    display: inline-block;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .5);
}
span.line {
    border: 2px solid #f7bc2f;
    width: 80px;
    display: -webkit-inline-box;
}
.form p{
    font-size: 15px;
}
.form h3::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border: 2px solid #f7bc2f;
    border-radius: 12px;
    z-index: -1;
}
 .form-control {
    color: #92959f ;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 8px 12px;
    transition: border-color .3s, box-shadow .3s;
    box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .2);
    height: auto;
} 
button#hidethis, button#subm, button#subm2 {
    height: 35px;
    line-height: 1;
}
.form-select{
    height: auto;
}
.right-cta h2{
    position: relative;
    font-size: 3.6875rem;
    font-weight: 500;
    line-height: 3.625rem;
}
.form-label{
    margin-bottom: 2px !important;
}
 header1 .navbar {
    background-color:white;
    padding: 15px 0;
  }
  
  header1 .navbar-brand img {
    height: 50px;
  }
  
  header1 .contact-info {
    font-size: 14px;
    color: #333;
  }
  
  header1 .contact-info a {
    color: #007bff;
  }
  
  header1 .contact-info a:hover {
    text-decoration: underline;
  }
  
  header1 .btn {
    font-size: 14px;
    padding: 8px 16px;
  }
  .lod h6{
    font-size: 17px;
    font-weight: normal;
  }
  .open a{
    font-size: 17px;
    font-weight: normal;
  }
.para{
    font-size: 17px;
    font-weight:normal; 
}

/* Overlay Adjustments */
.popup-overlay {
    padding: 0;
    margin: 0;
}

/* Button Styles */
.btn1 {
    width: auto;
    height: 2.563rem;
    text-decoration: none;
    border-radius: 1.25rem;
    background-color: #007bff;
    color: white;
    padding: 0.5rem 1rem;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
}

.btn1:hover {
    background-color: #0056b3;
    color: #fff;
}


/* Styles for the Uiverse button */
.uiverse-button {
    cursor: pointer;
    font-weight: 700;
    transition: all 0.2s;
    padding: 10px 20px;
    border-radius: 10px;
    background: #F7BC2F;
    border: 1px solid transparent;
    display: inline-flex; 
    align-items: center;
    text-decoration: none; 
    color: white; 
}

/* Hover effect for the button */
.uiverse-button:hover {
    background: #231F20;
}

/* Icon inside the button */
.uiverse-button-icon {
    width: 34px;
    height: 34px; 
    margin-left: 8px;
    display: block; 
    transition: transform 0.3s ease-in-out;
}

/* Hover effect for the icon */
.uiverse-button:hover .uiverse-button-icon {
    transform: translateX(5px);
}

/* Active state for the button */
.uiverse-button:active {
    transform: scale(0.95);
}

/* Optional: Reset default SVG styles if needed */
.uiverse-button-icon path {
    fill: white; /* Ensures consistent icon color */
}





.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999;
}

.popup-form {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
   
    border-radius: 8px;
    display: none; /* Initially hidden */
    z-index: 1000;
}

.popup-form .close-btn {
    position: absolute;
    top: 15px;
    right: 36px;
    background: transparent;
    border: none;
    font-size: 30px;
    cursor: pointer;
    z-index: 2222;
}

.popup-form .close-btn:hover {
    color: red;
}

/* Responsive Design */
@media only screen and (max-width: 600px) {
    .popup-form {
        width: 100%;
        z-index: 999999;
    }

    #popupForm .col-md-6 {
        margin-bottom: -3px !important;
    }

    #popupForm label.field-label {
        padding-bottom: 0;
    }

    #popupForm form#contact-form {
        padding: 10px !important;
    }

    #popupForm .form h3 {
        padding: 10px !important;
    }
}
