@keyframes shine-skeleton-lines {
    0 {
        background-position: -100px
    }

    40%,100% {
        background-position: 600px
    }
}

@keyframes spin {
    0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotateImageLoading {
    from {
        transform: translate(-50%,-50%) rotateY(0) scale(1.01)
    }

    to {
        transform: translate(-50%,-50%) rotateY(360deg) scale(1.01)
    }
}

.hero-carworld__container {
    background: #1b1b1b
}

.hero-carworld__container__wrapper {
    background: #1b1b1b;
    position: relative;
    height: 100%;
    width: 100%
}

    .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide {
        height: 100%;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column
    }

    .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content {
        position: relative;
        order: 2;
        padding: 40px 16px
    }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info {
            margin: 0;
            width: 100%;
            text-align: center
        }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary {
            opacity: 1
        }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title {
            margin-bottom: 16px
        }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title .cmp-title {
                margin: 0
            }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title .cmp-title__text {
                font-family: 'CupraBook',sans-serif;
                font-style: normal;
                font-weight: 350;
                font-size: 30px;
                line-height: 1.2;
                filter: brightness(1)
            }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title {
            margin-bottom: 16px
        }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title .cmp-title {
                margin: 0
            }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title .cmp-title__text {
                font-family: 'CupraBook',sans-serif;
                font-style: normal;
                font-weight: 350;
                font-size: 16px;
                line-height: 1.5;
                text-transform: unset;
                color: var(--color-font-04)
            }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas {
            display: flex;
            flex-direction: column;
            height: 100%;
            width: 100%;
            margin: 32px auto auto auto;
            row-gap: 14px
        }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary {
                border-bottom: 0
            }

                .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary .cmp-button {
                    border: 1px solid #fff;
                    min-height: 40px
                }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary {
                order: 1
            }

                .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary .cmp-button {
                    min-height: unset
                }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary, .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary {
                width: 100%;
                max-width: 185px;
                height: 100%;
                margin: auto;
                min-height: unset;
                max-height: unset
            }

                .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary .cmp-button, .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary .cmp-button {
                    padding: 0
                }

                .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary .cmp-button__text, .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary .cmp-button__text {
                    font-size: 14px;
                    justify-content: center
                }

    .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__image {
        position: relative;
        width: 100%;
        height: auto;
        min-height: unset;
        aspect-ratio: 4 / 3
    }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__image .cmp-image:before {
            position: absolute;
            content: '';
            width: 100%;
            height: 15%;
            background: linear-gradient(180deg,rgba(27,27,27,0.0001) 3.03%,#1b1b1b 98.8%);
            bottom: 0;
            z-index: 1
        }

    .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background {
        position: relative;
        width: 100%;
        height: auto;
        min-height: unset;
        background-color: unset;
        aspect-ratio: 4 / 3
    }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video__wrapper {
            position: relative
        }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video__wrapper:before {
                position: absolute;
                content: '';
                width: 100%;
                height: 15%;
                background: linear-gradient(180deg,rgba(27,27,27,0.0001) 3.03%,#1b1b1b 98.8%);
                bottom: 0;
                z-index: 1
            }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video.vimeo-video {
            width: 100%
        }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video.dam-video {
            margin: 0
        }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video.dam-video .spinner-video-background.pause-video, .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video.dam-video .spinner-video-background.play-video {
                position: absolute;
                width: 32px;
                height: 32px;
                bottom: 32px;
                right: 16px
            }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video iframe {
            max-width: unset;
            object-fit: cover
        }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .spinner-video-background .progress-bar {
            bottom: 0;
            right: 0
        }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .spinner-video-background .icon-svg {
            top: 22px
        }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .spinner-video-background.play-video .icon-svg {
            right: 9px
        }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .spinner-video-background.pause-video .icon-svg {
            right: 10px
        }

@media(min-width: 764px) {
    .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content {
        position: absolute;
        bottom: 0;
        order: 1;
        width: 88%;
        margin: auto;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2
    }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info {
            display: flex;
            flex-direction: column;
            max-width: unset
        }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title {
            max-width: unset
        }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title .cmp-title__text {
                font-size: 48px;
                font-family: 'CupraLight',sans-serif
            }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title:before {
                height: 367px;
                transform: translate(-50%,-46%)
            }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title {
            margin-bottom: 8px
        }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title .cmp-title__text {
                font-size: 20px
            }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas {
            flex-direction: row;
            order: 2;
            gap: 32px;
            justify-content: center;
            margin: 24px 0 0 0
        }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary, .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary {
                max-width: 190px;
                margin: 0
            }

                .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary .cmp-button, .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary .cmp-button {
                    min-height: unset;
                    height: unset;
                    padding: 11px 16px 13px
                }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='true'] {
            margin: 0;
            text-align: center
        }

    .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__image {
        aspect-ratio: 16 / 9
    }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__image .cmp-image:before {
            height: 25%
        }

    .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background {
        aspect-ratio: 16 / 9
    }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video__wrapper:before {
            height: 25%
        }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video.dam-video .spinner-video-background.pause-video, .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video.dam-video .spinner-video-background.play-video {
            bottom: 27.5%
        }
}

@media(min-width: 1016px) {
    .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content {
        width: 90%
    }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title:before {
            transform: translate(-50%,-64%)
        }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title .cmp-title__text {
            font-size: 60px
        }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title {
            margin-bottom: 16px
        }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas {
            height: 48px
        }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary .cmp-button, .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary .cmp-button {
                max-height: unset
            }

            .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary .cmp-button__text, .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper-container-ctas .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary .cmp-button__text {
                font-size: 16px
            }

    .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video.dam-video .spinner-video-background.pause-video, .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video.dam-video .spinner-video-background.play-video {
        bottom: 26.5%
    }
}

@media(min-width: 1436px) {
    .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title {
        margin-bottom: 24px
    }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title:before {
            width: 100vw;
            height: 357px;
            bottom: -72px;
            left: calc(-50vw + 50%);
            transform: none
        }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title .cmp-title__text {
            font-size: 76px
        }

    .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title {
        margin-bottom: 24px
    }

        .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title .cmp-title__text {
            font-size: 24px
        }

    .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video.dam-video .spinner-video-background.pause-video, .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video.dam-video .spinner-video-background.play-video {
        width: 48px;
        height: 48px;
        bottom: 20%
    }

    .hero-carworld__container__wrapper .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video.dam-video .spinner-video-background .icon-svg {
        top: 32px;
        left: 18px
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content {
    position: absolute;
    width: 100%;
    justify-content: center;
    align-items: center
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info {
    position: relative;
    width: 264px
}

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info {
        width: 549px
    }
}

@media(min-width: 1436px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info {
        width: 566px
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title {
    margin-bottom: 32px
}

    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title .cmp-title__text {
        font-family: 'CupraMedium',sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 1.2;
        color: #fff
    }

@media(min-width: 764px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title .cmp-title__text {
        font-size: 40px
    }
}

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title .cmp-title__text {
        font-size: 48px
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title {
    margin-bottom: 16px
}

    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title .cmp-title__text {
        font-family: 'CupraLight',sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 1.2;
        color: #fff;
        margin: auto
    }

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title .cmp-title__text {
        margin: 0;
        font-size: 24px
    }
}

@media(min-width: 1436px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title .cmp-title__text {
        font-size: 30px
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title, .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title {
    position: relative;
    z-index: 1;
    opacity: 1
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__text {
    position: relative;
    opacity: 0;
    transition: all .6s ease;
    top: 40px;
    z-index: 1
}

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__text .cmp-text {
        padding: 0 0 16px 0
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__text .cmp-text p {
    font-family: 'CupraLight',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    white-space: break-space
}

@media(min-width: 764px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__text .cmp-text p {
        font-size: 16px
    }
}

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__text .cmp-text p {
        font-size: 20px
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary {
    position: relative;
    opacity: 0;
    transition: all .6s ease;
    top: 0;
    margin: 50px auto auto auto;
    width: 184px;
    min-height: 48px;
    z-index: 1
}

@media(min-width: 764px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary {
        min-height: 54px;
        width: 204px;
        margin-top: 40px
    }
}

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary {
        min-height: unset;
        top: 40px;
        margin-top: 24px;
        width: 38.5%
    }
}

@media(min-width: 1436px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary {
        height: 48px;
        width: 184px
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary .cmp-button {
    border: 0;
    background-color: #dbd3cb;
    box-shadow: none;
    transition: all .4s ease;
    min-height: 48px
}

@media(min-width: 764px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary .cmp-button {
        min-height: 54px
    }
}

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary .cmp-button {
        padding: 0;
        min-height: 40px;
        max-height: 40px
    }

        .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary .cmp-button:hover {
            box-shadow: none;
            border: 0
        }
}

@media(min-width: 1436px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary .cmp-button {
        min-height: 48px
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .cmp-button__text {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-height: inherit;
    font-family: 'CupraRegular',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.25;
    color: #1b1b1b;
    width: 100%
}

@media(min-width: 764px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .cmp-button__text {
        font-size: 20px
    }
}

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .cmp-button__text {
        font-size: 16px
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary {
    position: relative;
    z-index: 1;
    width: max-content;
    margin-left: 0;
    opacity: 1;
    transition: all .6s ease;
    margin-top: 32px;
    min-width: unset;
    border-bottom: 1px solid #fff
}

@media(min-width: 764px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary {
        width: max-content
    }
}

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary {
        top: 32px;
        opacity: 0
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary .cmp-button {
    height: 100%;
    border-bottom: 1px solid #fff;
    padding: 0 0 4px 0;
    box-shadow: none;
    min-width: max-content;
    border: 0
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary .cmp-button__text {
    justify-content: start;
    font-size: 12px;
    color: #fff
}

@media(min-width: 764px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary .cmp-button__text {
        font-size: 14px
    }
}

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary .cmp-button__text {
        font-size: 16px
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='true'] {
    width: 90%
}

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='true'] {
        width: 40%
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='true'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary {
    width: 100%;
    margin-bottom: 32px
}

@media(min-width: 764px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='true'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary {
        width: 319px
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='true'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary .cmp-button:hover {
    border: 0
}

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='true']:after {
        top: 0;
        text-decoration: underline 1px;
        text-underline-offset: 8px
    }

    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='true'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__text, .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='true'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary, .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='true'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary {
        opacity: 1;
        top: 0
    }

    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='true'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary {
        margin-bottom: 32px
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content[data-position='bottom-left'] {
    display: flex;
    align-items: center;
    height: 100%;
    bottom: 0
}

@media(min-width: 764px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content[data-position='bottom-left'] {
        align-items: end
    }
}

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content[data-position='bottom-left'] {
        justify-content: start
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content[data-position='bottom-left'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info {
    height: auto;
    text-align: start
}

@media(min-width: 764px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content[data-position='bottom-left'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info {
        margin: 32px
    }
}

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content[data-position='bottom-left'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info {
        margin: 64px
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content[data-position='bottom-left'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary {
    margin-left: 0
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__image {
    position: relative;
    height: var(--cupra-hero-content-multimedia-height);
    min-height: 500px;
    overflow: hidden;
    width: 100%;
    transition: filter .6s ease
}

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__image {
        min-height: 519px
    }
}

@media(min-width: 1436px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__image {
        min-height: 643px
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__image.focus {
    filter: brightness(0.8)
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__image .multimedia {
    height: 100%
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__image .cmp-image {
    position: relative;
    width: 100%;
    height: 100%
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__image .cmp-image__image {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background {
    height: 100%;
    background-color: #000
}

    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video {
        margin: 0
    }

        .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video video {
            object-fit: cover;
            max-width: unset
        }

        .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video iframe {
            border: 0
        }

@media(min-width: 1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video.vimeo-video {
        width: 82%;
        margin: auto
    }
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video .cmp-container {
    height: 100%
}

    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video .cmp-container video, .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background .cmp-video .cmp-container iframe {
        height: var(--cupra-hero-content-multimedia-height)
    }