﻿.cupra__highlights {
    --cupra-highlights-info-content-height: auto;
    --cupra-highlights-info-content-multimedia-height: auto;
    padding: 20.3125vw 0 15vw 0;
    border-top: 1px solid #a3a3a3
}

@media (min-width: 764px) {
    .cupra__highlights {
        padding: 8.5078534031vw 0 6.2827225131vw 0
    }
}

@media (min-width: 1016px) {
    .cupra__highlights {
        padding: 65px 32px 48px 32px
    }
}

.cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia {
    height: var(--cupra-highlights-info-content-multimedia-height)
}

    .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__image {
        height: 100%
    }

        .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__image .multimedia {
            height: 100%
        }

            .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__image .multimedia .cmp-image {
                height: 100%
            }

    .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__video--dam, .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__video--iframe {
        height: 100%
    }

        .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__video--dam .cmp-video, .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__video--iframe .cmp-video {
            margin: 0;
            background: #1b1b1b
        }

            .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__video--dam .cmp-video iframe, .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__video--iframe .cmp-video iframe {
                position: relative
            }

            .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__video--dam .cmp-video .cmp-image.cmp-container, .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__video--iframe .cmp-video .cmp-image.cmp-container {
                display: block
            }

            .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__video--dam .cmp-video .cmp-container, .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__video--iframe .cmp-video .cmp-container {
                display: none
            }

        .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__video--dam .mod__hidden, .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cupra__highlights__content__container__wrapper__slide__video--iframe .mod__hidden {
            display: none
        }

    .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cmp-video__imagewrapper {
        position: relative
    }

        .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cmp-video__imagewrapper .image {
            height: 100%
        }

            .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cmp-video__imagewrapper .image .multimedia {
                height: 100%
            }

                .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cmp-video__imagewrapper .image .multimedia .cmp-image {
                    height: 100%
                }

                    .cupra__highlights .cupra__highlights__content__container__wrapper__slide__multimedia .cmp-video__imagewrapper .image .multimedia .cmp-image img {
                        height: 100%;
                        width: 100%;
                        object-fit: cover
                    }

.cupra__highlights__maininfo {
    max-width: 1436px;
    margin: auto
}

    .cupra__highlights__maininfo.center {
        text-align: center
    }

    .cupra__highlights__maininfo.big-title .cupra__highlights__maininfo__title {
        padding: 0
    }

@media (min-width: 1016px) {
    .cupra__highlights__maininfo.big-title .cupra__highlights__maininfo__title.shortSubtitle {
        padding: 0 4.1884816754vw
    }
}

.cupra__highlights__maininfo.big-title .cmp-title__text {
    font-size: 9.375vw
}

@media (min-width: 764px) {
    .cupra__highlights__maininfo.big-title .cmp-title__text {
        font-size: 5.2356020942vw
    }
}

@media (min-width: 1016px) {
    .cupra__highlights__maininfo.big-title .cmp-title__text {
        font-size: 3.3426183844vw
    }
}

@media (min-width: 1016px) {
    .cupra__highlights__maininfo.big-title .cmp-title__text {
        font-size: 60px
    }
}

.cupra__highlights__maininfo__title {
    padding-bottom: 0
}

    .cupra__highlights__maininfo__title .cmp-title__text {
        font-family: "CupraBook",sans-serif;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        font-size: 6.25vw;
        line-height: 1.2;
        padding: 0 5vw
    }

@media (min-width: 764px) {
    .cupra__highlights__maininfo__title .cmp-title__text {
        font-size: 2.6178010471vw;
        padding: 0 4.1884816754vw
    }
}

@media (min-width: 1016px) {
    .cupra__highlights__maininfo__title .cmp-title__text {
        padding: 0;
        font-size: 30px;
        line-height: 1.07
    }
}

@media (min-width: 1016px) {
    .cupra__highlights__maininfo__title.shortSubtitle {
        padding: 0 4.1884816754vw
    }
}

.cupra__highlights__maininfo__subtitle {
    padding: 2.5vw 5vw 10vw 5vw
}

@media (min-width: 764px) {
    .cupra__highlights__maininfo__subtitle {
        padding: 1.0471204188vw 4.1884816754vw 4.1884816754vw 4.1884816754vw
    }

        .cupra__highlights__maininfo__subtitle.shortSubtitle {
            padding: 1.0471204188vw 4.3193717277vw 3.1413612565vw 4.3193717277vw
        }
}

@media (min-width: 1016px) {
    .cupra__highlights__maininfo__subtitle {
        padding: 8px 0 32px 0
    }
}

.cupra__highlights__maininfo__subtitle .cmp-text p {
    font-size: 5vw
}

@media (min-width: 764px) {
    .cupra__highlights__maininfo__subtitle .cmp-text p {
        font-size: 2.0942408377vw
    }
}

@media (min-width: 1016px) {
    .cupra__highlights__maininfo__subtitle .cmp-text p {
        font-size: 20px
    }
}

.cupra__highlights__content {
    max-width: 1436px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: auto
}

.cupra__highlights__content__container__wrapper__slide {
    position: relative;
    width: 85.625vw
}

@media (min-width: 764px) {
    .cupra__highlights__content__container__wrapper__slide {
        width: 44.625vw
    }
}

@media (min-width: 1016px) {
    .cupra__highlights__content__container__wrapper__slide {
        position: relative;
        height: 100%;
        width: 31.8%;
        margin-left: 0
    }
}

@media (min-width: 1016px) {
    .cupra__highlights__content__container__wrapper__slide__info {
        padding-top: 24px
    }
}

.cupra__highlights__content__container__wrapper__slide__info-content {
    min-height: var(--cupra-highlights-info-content-height)
}

.cupra__highlights__content__container__wrapper__slide__info__title .cmp-title__text {
    font-family: "CupraRegular",sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    padding-top: 7.5vw;
    line-height: 1.25;
    font-size: 5vw
}

@media (min-width: 764px) {
    .cupra__highlights__content__container__wrapper__slide__info__title .cmp-title__text {
        padding-top: 3.1413612565vw;
        font-size: 2.0942408377vw
    }
}

@media (min-width: 1016px) {
    .cupra__highlights__content__container__wrapper__slide__info__title .cmp-title__text {
        font-size: 20px;
        line-height: 1.2;
        padding-top: 0
    }
}

.cupra__highlights__content__container__wrapper__slide__info__text .cmp-text {
    color: #fff
}

    .cupra__highlights__content__container__wrapper__slide__info__text .cmp-text p {
        font-family: "CupraBook",sans-serif;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #a3a3a3;
        font-size: 4.375vw;
        line-height: 1.43
    }

@media (min-width: 764px) {
    .cupra__highlights__content__container__wrapper__slide__info__text .cmp-text p {
        font-size: 1.832460733vw
    }
}

@media (min-width: 1016px) {
    .cupra__highlights__content__container__wrapper__slide__info__text .cmp-text p {
        font-size: 16px;
        line-height: 1.5
    }
}

.cupra__highlights__content__container__wrapper__slide__image .cmp-image__image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cupra__highlights__content.one-card .swiper-wrapper {
    margin-left: -32px
}

.cupra__highlights__content.minor-cards .swiper-wrapper {
    margin-left: -64px
}

@media (min-width: 1016px) {
    .cupra__highlights__content.minor-cards .swiper-wrapper {
        margin-left: 0
    }
}

@media (min-width: 764px) {
    .cupra__highlights__content.minor-cards {
        padding-left: 32px
    }
}

@media (min-width: 1016px) {
    .cupra__highlights__content.minor-cards {
        padding-left: 0
    }
}

.cupra__highlights .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 15vw
}

@media (min-width: 764px) {
    .cupra__highlights .swiper-pagination {
        margin-top: 6.2827225131vw
    }
}

@media (min-width: 1016px) {
    .cupra__highlights .swiper-pagination {
        margin-top: 48px
    }
}

.cupra__highlights .swiper-pagination .swiper-pagination-bullet {
    background: transparent;
    border-radius: 0;
    margin-right: 8px;
    width: 20px;
    height: 12px
}

    .cupra__highlights .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1
    }

.cupra__highlights.navigation .swiper-navigation {
    display: block
}

    .cupra__highlights.navigation .swiper-navigation .swiper-button-next, .cupra__highlights.navigation .swiper-navigation .swiper-button-prev {
        display: none
    }

@media (min-width: 1016px) {
    .cupra__highlights.navigation .swiper-navigation .swiper-button-next, .cupra__highlights.navigation .swiper-navigation .swiper-button-prev {
        display: flex;
        background: white;
        border-radius: 50%;
        width: 48px;
        height: 48px;
        top: 17vh
    }

        .cupra__highlights.navigation .swiper-navigation .swiper-button-next.swiper-button-disabled, .cupra__highlights.navigation .swiper-navigation .swiper-button-prev.swiper-button-disabled {
            visibility: hidden
        }

        .cupra__highlights.navigation .swiper-navigation .swiper-button-next:after, .cupra__highlights.navigation .swiper-navigation .swiper-button-prev:after {
            font-size: 16px;
            color: black
        }
}

@media (min-width: 1436px) {
    .cupra__highlights.navigation .swiper-navigation .swiper-button-next, .cupra__highlights.navigation .swiper-navigation .swiper-button-prev {
        top: 25%
    }
}

.cupra__highlights.navigation .swiper-navigation .swiper-button-next {
    right: 24px
}

.cupra__highlights.navigation .swiper-navigation .swiper-button-prev {
    left: 24px
}

.cupra__highlights .swiper-navigation {
    display: none
}

.cupra__highlights__cta {
    margin-top: 15vw;
    width: 100%;
    min-height: 48px
}

@media (min-width: 764px) {
    .cupra__highlights__cta {
        margin-top: 6.2827225131vw
    }
}

@media (min-width: 1016px) {
    .cupra__highlights__cta {
        margin-top: 48px
    }
}

.cupra__highlights__cta .cmp-button.cta-rounded:before {
    content: '';
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 8px
}

.cupra__highlights__cta .cmp-button .cmp-button__text {
    width: max-content
}

.cupra__highlights__cta .cmp-button:hover {
    border: none
}

.cupra__highlights-cmp__cta-container {
    max-width: 1436px;
    margin: auto
}

@media (min-width: 764px) {
    .cupra__highlights-cmp__cta-container {
        margin-left: 4.1884816754vw
    }
}

@media (min-width: 1016px) {
    .cupra__highlights-cmp__cta-container {
        margin-left: auto
    }
}

.cupra__highlights-cmp__cta-container .cupra__highlights__cta-container {
    margin: 15vw 5vw 0
}

@media (min-width: 764px) {
    .cupra__highlights-cmp__cta-container .cupra__highlights__cta-container {
        max-width: 29.8429319372vw;
        margin: 6.2827225131vw 4.1884816754vw 0 0
    }
}

@media (min-width: 1016px) {
    .cupra__highlights-cmp__cta-container .cupra__highlights__cta-container {
        max-width: 296px;
        margin: 48px 32px 0 0
    }
}

@media (min-width: 1436px) {
    .cupra__highlights-cmp__cta-container .cupra__highlights__cta-container {
        max-width: 319px
    }
}

.cupra__highlights-cmp__cta-container .cupra__highlights__cta-container .cmp-button__text {
    width: max-content
}

.cupra__highlights.black-mode {
    background-color: #1b1b1b
}

    .cupra__highlights.black-mode .cupra__highlights__maininfo__title .cmp-title__text {
        color: #fff
    }

    .cupra__highlights.black-mode .cupra__highlights__maininfo__subtitle .cmp-text p {
        color: #fff
    }

    .cupra__highlights.black-mode .cupra__highlights__content__container__wrapper__slide__info__title .cmp-title__text {
        color: #fff
    }

    .cupra__highlights.black-mode .cupra__highlights__content__container__wrapper__slide__info__text .cmp-text {
        color: #fff
    }

        .cupra__highlights.black-mode .cupra__highlights__content__container__wrapper__slide__info__text .cmp-text p {
            color: #a3a3a3
        }

    .cupra__highlights.black-mode .swiper-pagination .swiper-pagination-bullet {
        border-bottom: 2px solid #fff
    }

.cupra__highlights.light-mode {
    background-color: #F4F4F3
}

    .cupra__highlights.light-mode .cupra__highlights__maininfo__subtitle .cmp-text p {
        color: #666
    }

    .cupra__highlights.light-mode .cupra__highlights__content__container__wrapper__slide__info__text .cmp-text {
        color: #1b1b1b
    }

        .cupra__highlights.light-mode .cupra__highlights__content__container__wrapper__slide__info__text .cmp-text p {
            color: #666
        }

    .cupra__highlights.light-mode .swiper-pagination .swiper-pagination-bullet {
        border-bottom: 2px solid #1b1b1b
    }

.cupra__highlights.grid-display .swiper-wrapper {
    display: block;
    width: 90%;
    margin: auto;
    min-height: unset !important
}

@media (min-width: 764px) {
    .cupra__highlights.grid-display .swiper-wrapper {
        min-height: var(--cupra-highlights-info-content-height);
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px
    }
}

@media (min-width: 1016px) {
    .cupra__highlights.grid-display .swiper-wrapper {
        grid-template-columns: repeat(3, 1fr)
    }
}

.cupra__highlights.grid-display .swiper-wrapper .swiper-slide {
    margin-bottom: 32px;
    width: 100%
}

@media (min-width: 764px) {
    .cupra__highlights.grid-display .swiper-wrapper .swiper-slide {
        margin-bottom: 0
    }
}

.cupra__highlights.grid-display .swiper-wrapper .cupra__highlights__content__container__wrapper__slide__multimedia {
    height: unset
}

@media (min-width: 764px) {
    .cupra__highlights.grid-display .swiper-wrapper .cupra__highlights__content__container__wrapper__slide__multimedia {
        height: var(--cupra-highlights-info-content-multimedia-height)
    }
}

.cupra__highlights.grid-display .swiper-wrapper .cupra__highlights__content__container__wrapper__slide__info-content {
    min-height: unset
}

@media (min-width: 764px) {
    .cupra__highlights.grid-display .swiper-wrapper .cupra__highlights__content__container__wrapper__slide__info-content {
        min-height: var(--cupra-highlights-info-content-height)
    }
}

@media (min-width: 764px) {
    .cupra__highlights.swiper-display-only-mobile .swiper-pagination {
        display: none
    }
}
