﻿html {
    scroll-behavior: smooth;
}

.cupra-hero__gradient {
    bottom: 0 !important;
}

@media (min-width: 1436px) {
    .cupra-hero__bottom .cupra-hero__botton__sectionright .cupra-hero__bottom__info__display .odometer {
        font-size: 85px !important;
    }
}

@media (min-width: 1016px) and (min-width: 1436px) {
    .cupra-hero__bottom .cupra-hero__botton__sectionright .cupra-hero__bottom__info .cupra-hero__bottom__info__info {
        font-size: 85px !important;
    }
}

@media (max-width: 560px) {
    .cupra-hero .cupra-hero__top {
        top: 30px !important;
    }
}

@media (max-width: 763px) {
    .cupra-hero__bottom__title {
        margin-top: 20px !important;
        margin-bottom: 0 !important;
    }
}

@media (max-width: 763px) {
    .cupra-hero__bottom__subtitle {
        margin-top: 30px !important;
        margin-bottom: 20px !important;
    }
}

.disclaimer-component .container-fluid .container {
    margin-top: 32px;
}

.disclaimer-text {
    text-align: left !important;
    padding: 0 100px !important;
}

.shadow {
    text-shadow: 5px 5px 5px black;
    font-weight: bold;
}

.dynamic-form-multi-step .formStates .panel-heading {
    position: relative !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    background: transparent !important;
    border-bottom: 1px solid #cccccc !important;
    padding: 24px 0 !important;
    margin-bottom: 5rem !important;
    display: flex !important;
    max-width: 100% !important;
}

.personal-information-content {
    padding-left: 0;
    padding-right: 0;
}

.cupra__secondary-navigation__info__right .ctas-container a {
    display: inline-block;
    margin: 0;
    font-family: 'CupraRegular';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #000000;
    max-height: 16px;
    overflow: hidden
}

@media (min-width: 764px) {
    .cupra__secondary-navigation__info__right .ctas-container a {
        margin-right: 32px
    }
}

@media (min-width: 1016px) {
    .cupra__secondary-navigation__info__right .ctas-container a {
        font-size: 16px;
        line-height: 1.43;
        max-height: 20px
    }
}

.cupra__secondary-navigation__info__right .ctas-container .ctaList {
    margin-left: auto
}

@media (min-width: 764px) {
    .cupra__secondary-navigation__info__right .ctas-container .ctaList {
        margin-right: 28px
    }
}

@media (min-width: 1015px) {
    .cupra__secondary-navigation__info__right .ctas-container .ctaList {
        margin-right: 33px
    }
}

.cupra__secondary-navigation__info__right .ctas-container .ctaList a {
    max-height: 40px;
    width: 130px;
    padding: 10px 16px 14px;
    font-size: 14px;
    line-height: 1.14;
    border: 1px solid #dbd3cb
}

@media (min-width: 764px) {
    .cupra__secondary-navigation__info__right .ctas-container .ctaList a {
        width: 212px
    }
}

@media (min-width: 1016px) {
    .cupra__secondary-navigation__info__right .ctas-container .ctaList a {
        width: 177px;
        max-height: 48px;
        font-size: 16px;
        line-height: 1.25;
        padding: 12px 16px 16px
    }
}

@media (min-width: 1436px) {
    .cupra__secondary-navigation__info__right .ctas-container .ctaList a {
        width: 197px
    }
}

.cupra__secondary-navigation__info__right .ctas-container .ctaList a.primary {
    background-color: #dbd3cb;
    color: #000;
    order: -1
}

@media (min-width: 764px) {
    .cupra__secondary-navigation__info__right .ctas-container .ctaList a.primary {
        order: initial
    }
}

.cupra__secondary-navigation__info__right .ctas-container .ctaList a.secondary {
    background-color: transparent;
    color: #fff
}

.cupra__secondary-navigation__info__right .ctas-container .ctaList a:last-of-type {
    margin-right: 0;
    margin-bottom: 0
}

.cupra__secondary-navigation__info__right .ctas-container .ctaList.hide, .cupra__secondary-navigation__info__right .ctas-container .ctaList .hide {
    display: none
}

@media (min-width: 764px) {
    .cupra__secondary-navigation__info__right .ctas-container > .ctaList {
        padding-left: 16px;
        margin-right: 32px
    }
}

.cupra__secondary-navigation__info {
    z-index: 999 !important
}

.one-paragraph-image {
    height: 100%;
}

    .one-paragraph-image img {
        height: 100%;
    }

.col-12 {
    position: relative;
}
