﻿.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:764px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info {
        width: 400px
    }
}

@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: 18px
    }
}

@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)
    }

.cupra__hero-swiper-component {
    --cupra-hero-content-multimedia-height: 100%;
    background-color: #1b1b1b
}

    .cupra__hero-swiper-component .hero-swiper-container {
        position: relative;
        bottom: 60px
    }

@media(min-width:764px) {
    .cupra__hero-swiper-component .hero-swiper-container {
        bottom: 72px
    }
}

@media(min-width:1016px) {
    .cupra__hero-swiper-component .hero-swiper-container {
        bottom: 100px
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode {
    height: 100%
}

    .cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .hero-swiper__swiper-container__swiper-wrapper__swiper-slide {
        height: var(--cupra-hero-content-multimedia-height)
    }

    .cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video, .cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background {
        min-height: 500px
    }

@media(min-width:1016px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video, .cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background {
        min-height: 519px
    }
}

@media(min-width:1436px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video, .cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video-background {
        min-height: 643px
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .cmp-image__image {
    min-height: 500px
}

@media(min-width:1016px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .cmp-image__image {
        min-height: 519px
    }
}

@media(min-width:1436px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .cmp-image__image {
        min-height: 643px
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .cmp-video iframe, .cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .cmp-video video {
    min-height: 500px
}

@media(min-width:1016px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .cmp-video iframe, .cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .cmp-video video {
        min-height: 519px
    }
}

@media(min-width:1436px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .cmp-video iframe, .cupra__hero-swiper-component .hero-swiper__swiper-container.normal-mode .cmp-video video {
        min-height: 643px
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container {
    --animationTimeDesktop: 16s;
    --animationTimeMobile: 48s;
    position: relative;
    width: 100vw
}

    .cupra__hero-swiper-component .hero-swiper__swiper-container .swiper-button-next-hero {
        background-image: url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/arrow_next_mobile.svg");
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        height: 32px;
        width: 32px;
        right: 0
    }

@media(min-width:764px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container .swiper-button-next-hero {
        right: 32px
    }
}

@media(min-width:1016px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container .swiper-button-next-hero {
        width: 32px;
        height: 32px;
        background-image: url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/arrow_next_desktop.svg")
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container .swiper-button-next-hero.swiper-button-disabled {
    visibility: hidden
}

.cupra__hero-swiper-component .hero-swiper__swiper-container .swiper-button-next-hero:after {
    display: none
}

@media(min-width:1016px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container .swiper-button-next-hero:active {
        transform: scale(0.8)
    }
}

@media(min-width:1016px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container .swiper-button-next-hero:hover {
        transform: scale(0.95)
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container .swiper-button-prev-hero {
    background-image: url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/arrow_prev_mobile.svg");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    height: 32px;
    width: 32px
}

@media(min-width:764px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container .swiper-button-prev-hero {
        left: 32px
    }
}

@media(min-width:1016px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container .swiper-button-prev-hero {
        width: 32px;
        height: 32px;
        background-image: url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/arrow_prev_desktop.svg")
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container .swiper-button-prev-hero.swiper-button-disabled {
    visibility: hidden
}

.cupra__hero-swiper-component .hero-swiper__swiper-container .swiper-button-prev-hero:after {
    display: none
}

.cupra__hero-swiper-component .hero-swiper__swiper-container .swiper-button-prev-hero:active {
    transform: scale(0.8)
}

.cupra__hero-swiper-component .hero-swiper__swiper-container .swiper-button-prev-hero:hover {
    transform: scale(0.95)
}

.cupra__hero-swiper-component .hero-swiper__swiper-container__button__next-module {
    position: absolute;
    bottom: 0;
    z-index: 1;
    color: white;
    text-align: center;
    width: auto;
    padding-bottom: 11.25vw;
    font-family: "CupraMedium",sans-serif;
    font-size: 4.375vw;
    line-height: 1.2;
    cursor: pointer
}

@media(min-width:764px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container__button__next-module {
        font-size: 2.0942408377vw;
        padding-bottom: 4.7120418848vw
    }
}

@media(min-width:1016px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container__button__next-module {
        padding-bottom: 2.5069637883vw;
        font-size: 1.2534818942vw;
        animation: bounce 3s ease infinite
    }

    @keyframes bounce {
        0,20%,50%,80%,100% {
            transform: translateY(0)
        }

        40%,60% {
            transform: translateY(-10px)
        }
    }

    .cupra__hero-swiper-component .hero-swiper__swiper-container__button__next-module:hover {
        animation-play-state: paused
    }
}

@media(min-width:1436px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container__button__next-module {
        padding-bottom: 36px;
        font-size: 18px
    }
}

@media(min-width:764px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container__button__next-module svg {
        height: 14px
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container__button__next-module__arrow {
    width: 100%;
    margin-top: 8px
}

.cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video {
    height: 100%;
    background-color: #000
}

    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video .cmp-video {
        margin: 0
    }

        .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video .cmp-video video {
            object-fit: cover;
            max-width: unset
        }

        .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video .cmp-video iframe {
            border: 0
        }

@media(min-width:1016px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video .cmp-video.vimeo-video {
        width: 82%;
        margin: auto
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video .cmp-video .cmp-container {
    height: 100%
}

    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video .cmp-video .cmp-container video, .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__video .cmp-video .cmp-container iframe {
        height: var(--cupra-hero-content-multimedia-height)
    }

.cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title, .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title {
    margin-bottom: 0
}

.cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title {
    opacity: 1;
    bottom: 62px
}

@media(min-width:764px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title {
        bottom: 84px
    }
}

@media(min-width:1016px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title {
        opacity: 0;
        bottom: 0;
        transition: all .6s ease
    }
}

@media(min-width:1016px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false']:hover:after {
        top: 24px;
        text-underline-offset: 8px
    }

    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false']:hover .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__text, .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false']:hover .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary, .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false']:hover .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary {
        opacity: 1;
        top: 170px
    }

    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false']:hover .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary {
        margin-bottom: 32px
    }

    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false']:hover .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title {
        opacity: 1;
        bottom: 72px
    }
}

@media(min-width:1436px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false']:hover:after {
        top: 0
    }

    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false']:hover .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__over-title {
        bottom: 96px
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title {
    opacity: 1;
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info:hover .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title {
    transform: translate(0, -50%);
    transition: all .6s ease;
    top: -35px;
    text-underline-offset: 8px;
}

.hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title {
    position: absolute;
    display: block;
    top: 5%;
    left: 0;
    transition: all .6s ease;
    width: 100%;
    z-index: 1
}

    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title h2 {
        margin-bottom: 3.25rem;
    }

    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title .cmp-title__text {
        font-family: "CupraRegular",sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 7.5vw;
        line-height: 1.2;
        color: #fff;
        text-transform: none;
    }

@media(max-width:567px) {

    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false']:after {
        font-size: 5vw
    }

    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title {
        top: -25%;
        transform: none;
    }

    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title .cmp-title__text {
        font-size: 2rem;
    }

    .cupra__hero-swiper-component .hero-swiper__swiper-container.mobile .hero-swiper__swiper-container__swiper-wrapper__swiper-slide.swiper-slide-active .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__text {
        top: 125px !important
    }
}

@media(min-width:568px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false']:after {
        font-size: 4.5vw
    }

    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title .cmp-title__text {
        font-size: 3rem;
    }
}

@media(min-width:764px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false']:after {
        font-size: 4vw
    }

    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title .cmp-title__text {
        font-size: 4rem
    }

    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title {
        top: -60% !important;
    }
}

@media(min-width:1016px) {
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title .cmp-title__text {
        font-size: 4rem
    }
    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title {
        top: 0 !important;
    }
}

@media(min-width:1436px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false']:after {
        font-size: 40px
    }

    .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__title .cmp-title__text {
        font-size: 4rem
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false']:before {
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    background: rgba(0, 0, 0, 0.3);
    transition: all .6s ease;
    z-index: 1
}

@media(min-width:1016px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info[data-hover='false']:before {
        position: absolute;
        top: -70%;
        left: 50%;
        width: 150%;
        height: 250%;
        transform: translate(-50%, 0%);
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content[data-position='center'] {
    display: flex;
    height: 100%
}

    .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content[data-position='center'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info {
        margin: auto;
        text-align: center
    }

        .cupra__hero-swiper-component .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content[data-position='center'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-secondary {
            margin: 32px auto 0
        }

.cupra__hero-swiper-component .hero-swiper__swiper-container .container-next-module {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: center;
    align-items: center
}

@media(min-width:764px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container .mod__mobile {
        display: none
    }
}

@media(min-width:1016px) {
    .cupra__hero-swiper-component .hero-swiper__swiper-container.animation .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__image .cmp-image__image {
        animation: cupra__animation__zoom--type1 var(--animationTimeDesktop);
        animation-iteration-count: infinite;
        animation-timing-function: linear
    }

    @keyframes cupra__animation__zoom--type1 {
        0 {
            transform: scale(1)
        }

        50% {
            transform: scale(1.1)
        }

        100% {
            transform: scale(1)
        }
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container.animation[data-direction__animation__mobile='right'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__image .cmp-image__image {
    animation: cupra__animation__rtl--type1 var(--animationTimeMobile);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    object-position: left
}

@keyframes cupra__animation__rtl--type1 {
    0 {
        object-position: left
    }

    50% {
        object-position: right
    }

    100% {
        object-position: left
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container.animation[data-direction__animation__mobile='left'] .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__image .cmp-image__image {
    animation: cupra__animation__ltr--type1 var(--animationTimeMobile);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    object-position: right
}

@keyframes cupra__animation__ltr--type1 {
    0 {
        object-position: right
    }

    50% {
        object-position: left
    }

    100% {
        object-position: right
    }
}

.cupra__hero-swiper-component .hero-swiper__swiper-container.mobile .hero-swiper__swiper-container__swiper-wrapper__swiper-slide.swiper-slide-active .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info:after {
    top: 0
}

.cupra__hero-swiper-component .hero-swiper__swiper-container.mobile .hero-swiper__swiper-container__swiper-wrapper__swiper-slide.swiper-slide-active .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__text {
    opacity: 1;
    top: 200px
}

.cupra__hero-swiper-component .hero-swiper__swiper-container.mobile .hero-swiper__swiper-container__swiper-wrapper__swiper-slide.swiper-slide-active .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info__button-primary {
    opacity: 1
}

.cupra__hero-swiper-component .hero-swiper__swiper-container.mobile .hero-swiper__swiper-container__swiper-wrapper__swiper-slide.swiper-slide-active .hero-swiper__swiper-container__swiper-wrapper__swiper-slide__content__info:before {
    background: rgba(0,0,0,0.4)
}
