@import "../fonts/Montserrat/stylesheet.css";

:root {
    --primary: #d96b1c;
    --bg: linear-gradient(135deg, #313439 16.83%, #0E1014 100%);
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.app-header {
    position: sticky;
    top: 0;
    z-index: 2;
}
.header__nav {
    background: #292c31;
}
*:focus {
    outline: none;
}

html {
    scroll-behavior: smooth;
    overflow: auto;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    background: #292C31;
    color: #ffffff;
    position: relative;
    min-height: 100%;
    z-index: 1;
}

.car-card__short-info {
    display: none;
}

.container,
.container-fluid {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.container {
    max-width: 1352px;
}

input, button, textarea {
    font-family: 'Montserrat', sans-serif;
}

#app-modals {
    display: none;
}

.lazy.loaded {
    opacity: 1;
}

.lazy {
    opacity: 0;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

a, img {
    display: block;
    text-decoration: none;
    color: inherit;
}

.mobile-menu {
    display: none;
}

.header__top {
    background: #030303;
    padding: 13px 0;
}

.header__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
}

.header__content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__open-menu {
    display: none;
}

.header__logo-image {
    width: 190px;
    height: 42px;
    object-fit: scale-down;
}

.header__grid-col:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header__info {
    font-size: 18px;
    background: url('data:image/svg+xml,<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00138 0.835938C3.95796 0.835938 0.668043 4.12585 0.668043 8.16469C0.64146 14.0726 7.72271 18.9713 8.00138 19.1693C8.00138 19.1693 15.3613 14.0726 15.3347 8.16927C15.3347 4.12585 12.0448 0.835938 8.00138 0.835938ZM8.00138 11.8359C5.97554 11.8359 4.33471 10.1951 4.33471 8.16927C4.33471 6.14344 5.97554 4.5026 8.00138 4.5026C10.0272 4.5026 11.668 6.14344 11.668 8.16927C11.668 10.1951 10.0272 11.8359 8.00138 11.8359Z" fill="%23F08436"/></svg>') center left no-repeat;
    padding-left: 32px;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid transparent;
    padding: 0 40px;
    font-size: 20px;
    font-weight: 600;
    height: 64px;
    border-radius: 10px;
}

.btn.btn_outline {
    border-color: var(--primary);
    background-color: transparent;
    color: #fff;
}

.btn.btn_outline:hover {
    color: var(--primary);
    background-color: #fff;
}

.header__grid-col .btn {
    font-size: 16px;
    height: 40px;
}

.header__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 25px 0;
}

.header__nav-item:hover {
    color: var(--primary);
}

.app-section {
    padding: 80px 0;
}

.app-section.section-hero {
    padding: 40px 0;
}

.hero-carousel__slide {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.hero-carousel__image {
    background-position: center;
    background-size: cover;
    background-color: #16181d;
    border-radius: 20px;
}

.hero-carousel__content {
    background: var(--bg);
    padding: 70px 50px;
    border-radius: 20px;
    display: grid;
    grid-gap: 40px;
}

.hero-carousel__texts {
    display: grid;
    grid-gap: 25px;
}

.hero-carousel__title {
    font-size: 36px;
    font-weight: 600;
    line-height: 110%;
}

.hero-carousel__desc {
    font-size: 24px;
}

.hero-carousel__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.hero-carousel__buttons .btn {
    padding: 0 10px;
}

.btn.btn_primary {
    background-color: var(--primary);
    color: #fff;
}

.btn.btn_primary:hover {
    background-color: #fff;
    color: var(--primary);
}

.swiper-pagination.swiper-lines-pagination {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    margin: 30px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.swiper-pagination.swiper-lines-pagination .swiper-pagination-bullet {
    width: 100px;
    height: 2px;
    border-radius: 0;
    opacity: 1;
    background: #6D7381;
}

.swiper-pagination.swiper-lines-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--primary);
}

.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

.section-header__title {
    font-size: 35px;
    font-weight: 600;
}

.marks {
    display: grid;
    grid-gap: 60px;
}

.marks__inner {
    background: var(--bg);
    border-radius: 20px;
    padding: 30px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 40px 0;
    height: 408px;
    overflow: hidden;
}

.mark-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.mark-link__icon {
    width: 56px;
    height: 56px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    /*-webkit-filter: invert(1) grayscale(1);*/
    /*filter: invert(1) grayscale(1);*/
}

.mark-link__title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: 500;
    color: #A4A9B3;
}

.mark-link__title span:last-child {
    color: #6D7381;
}

.marks__bottom {
    display: flex;
    align-items: center;
    justify-content: center;
}

.car-card__thumb-img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.deal-timer__item {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.deal-timer__count {
    border-radius: 7px;
    border: 1px solid #F08436;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 23px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 100% */
}

.deal-timer__text {
    color: #FFF;
    text-align: center;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.2px;
}

.car-card__thumb {
    position: relative;
    background: url(../img/car-card-bg.webp) center/cover no-repeat;
    height: 205px;
}

.deal-timer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    position: absolute;
    right: 20px;
    top: 8px;
}

.deal-badge {
    position: absolute;
    width: 67px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 8px;
    left: 20px;
    color: #FFF;
    font-size: 14px;
    border-radius: 10px;
    background: #F08436;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
}

.car-card {
    border-radius: 20px;
    overflow: hidden;
}

.car-card__content {
    background: #fff;
    color: #292C31;
    padding: 20px;
}

.car-card__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
}

.car-card__count {
    font-size: 14px;
}

.car-card__price {
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.car-card__price-value {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

.car-card__price-old {
    font-size: 14px;
    font-weight: 600;
    color: #6D7381;
    text-decoration: line-through;
}

.car-card__price-credit {
    font-size: 14px;
    line-height: 23px;
}

.car-card__actions {
    display: grid;
    grid-gap: 10px;
}

.btn.btn_outline_dark {
    border-color: var(--primary);
    background-color: transparent;
    color: #292C31;
}

.btn.btn_outline_dark:hover {
    background-color: var(--primary);
    color: #fff;
}

.car-card__actions .btn {
    height: 47px;
    font-size: 14px;
    font-weight: 600;
}

.catalog-carousel {
    padding-top: calc(60px * 2);
    margin-top: calc(-60px * 2);
}

.catalog-carousel__top-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.cctn-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 40px;
}

.cctn-block__nav-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.carousel-prev, .carousel-next {
    width: 50px;
    height: 50px;
    border: 2px solid var(--primary);
    border-radius: 10px;
    position: relative;
    top: unset;
    bottom: unset;
    right: unset;
    left: unset;
    margin: 0;
    color: var(--primary);
}

.carousel-prev:after, .carousel-next:after {
    font-size: 13px;
}

.carousel-prev.swiper-button-disabled, .carousel-next.swiper-button-disabled {
    border-color: #A4A9B3;
    color: #A4A9B3;
    opacity: 1;
}

.car-card__actions .btn.btn_primary:hover {
    border-color: var(--primary);
}

.futures {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    align-items: center;
}

.futures__asset {
    width: 100%;
}

.futures__title {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 50px;
}

.futures__list {
    display: grid;
    grid-gap: 30px;
}

.fu-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
}

.fu-item__content {
    flex: 1;
    display: grid;
    grid-gap: 10px;
}

.fu-item__icon-svg {
    width: 80px;
    height: 80px;
    object-fit: scale-down;
}

.fu-item__title {
    font-size: 30px;
    font-weight: 600;
}

.fu-item__text {
    font-size: 20px;
}

.service-card {
    border-radius: 20px;
    border: 2px solid #6D7381;
    overflow: hidden;
    background: var(--bg);
    position: relative;
    z-index: 1;
    height: 570px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.service-card__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.service-card__content {
    text-align: center;
    padding-bottom: 30px;
}

.service-card__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.service-card__description {
    font-size: 16px;
    margin-bottom: 40px;
}

.arrow-right-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--primary);
    font-size: 16px;
    font-weight: 600;
}

.arrow-right-link:after {
    content: "";
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 8H15M15 8L8 1M15 8L8 15" stroke="%23F08436" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
    width: 14px;
    height: 14px;
}

.credit-offer {
    background: var(--bg);
    border-radius: 20px;
    padding: 70px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 90px;
    position: relative;
    z-index: 1;
}

.credit-offer__content {
    flex: 1;
}

.credit-offer__form {
    flex: 0 0 420px;
}

.wrapped-form__title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

.wrapped-form__inputs {
    display: grid;
    grid-gap: 15px;
    margin-bottom: 30px;
}

.app-label {
    display: grid;
    grid-gap: 10px;
}

.app-input {
    width: 100%;
    height: 60px;
    border-radius: 10px;
    border: 2px solid transparent;
    padding: 0 30px;
    font-size: 18px;
    background: #fff;
}

.wrapped-form__submit {
    display: grid;
    grid-gap: 15px;
}

.main-form-checkbox {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}

.main-form-checkbox__input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.main-form-checkbox__checkmark {
    width: 16px;
    height: 16px;
    border: 1px solid var(--primary);
    border-radius: 4px;
    position: relative;
    z-index: 1;
}

.main-form-checkbox__text {
    font-size: 12px;
    line-height: 120%;
    flex: 1;
}

.main-form-checkbox__text a {
    display: inline;
    text-decoration: underline;
}

.main-form-checkbox__checkmark:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.83464 0.5L3.2513 5.08333L1.16797 3" stroke="%23F08436" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
    opacity: 0;
}

.main-form-checkbox__input:checked ~ .main-form-checkbox__checkmark:after {
    opacity: 1;
}

.credit-offer__title {
    font-size: 70px;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 110%;
}

.credit-offer__asset {
    position: absolute;
    right: 21%;
    top: 27%;
    z-index: -1;
}

.credit-offer__desc {
    font-size: 24px;
    max-width: 375px;
    margin-bottom: 40px;
}

.credit-offer__futures {
    display: grid;
    grid-gap: 32px;
    max-width: calc(210px + 80px);
}

.credit-offer__futures-item {
    position: relative;
    z-index: 1;
    font-size: 20px;
    padding-left: 80px;
}

.credit-offer__futures-item:after {
    content: "";
    background: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="58" height="58" rx="29" stroke="%23F08436" stroke-width="2"/><path d="M44 28.72V30.008C43.9983 33.027 43.0207 35.9646 41.2131 38.3826C39.4054 40.8006 36.8646 42.5695 33.9695 43.4255C31.0744 44.2815 27.9802 44.1787 25.1483 43.1324C22.3164 42.0862 19.8985 40.1525 18.2553 37.6199C16.6122 35.0873 15.8317 32.0913 16.0303 29.0788C16.229 26.0664 17.3961 23.1989 19.3576 20.9039C21.3191 18.609 23.9699 17.0095 26.9147 16.3442C29.8594 15.6789 32.9404 15.9833 35.698 17.212M44 18.808L30 32.822L25.8 28.622" stroke="%23F08436" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    top: -7px;
    left: 0;
}

.gifts {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.questions {
    background: var(--bg);
    padding: 60px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 120px;
}

.gift-card {
    background: var(--bg);
    border-radius: 20px;
    padding: 40px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.gift-card__asset {
    position: absolute;
    right: 6px;
    top: 15px;
    bottom: 0;
    margin: auto;
    width: 100%;
    max-width: 260px;
    z-index: -2;
}

.gift-card__title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}

.gift-card__description {
    font-size: 18px;
    margin-bottom: 40px;
}

.gift-card__title, .gift-card__description {
    max-width: 375px;
}

.gift-card:last-child .gift-card__asset {
    max-width: 360px;
    right: -48px;
}

.gift-card:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 20px;
    background: linear-gradient(183deg, rgba(40, 40, 40, 0.00) 2.27%, #282828 124%);
}

.gift-card .btn {
    font-size: 16px;
    height: 50px;
}

.wrapped-form {
    background: #E4E4E4;
    border-radius: 20px;
    color: #292C31;
    padding: 30px;
}

.questions__title {
    font-size: 45px;
    font-weight: 600;
    color: #E4E4E4;
    margin-bottom: 20px;
}

.questions__desc {
    font-size: 20px;
    color: #E4E4E4;
    max-width: 536px;
}

.questions__assets {
    position: absolute;
    max-width: 600px;
    left: 3%;
    top: 40%;
    z-index: -1;
    pointer-events: none;
}

.questions__assets__1 {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.questions__assets__2 {
    position: absolute;
    right: -19%;
    top: -14%;
    max-width: 176px;
    z-index: -1;
}

.app-textarea {
    background: #fff;
    border-radius: 10px;
    border: 2px solid transparent;
    padding: 15px 30px;
    resize: none;
    height: 100px;
}

.footer__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 40px;
    border-bottom: 1px solid #A4A9B3;
    margin-bottom: 40px;
}

.footer__nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
}

.footer__nav-item {
    font-size: 18px;
    border-bottom: 1px solid transparent;
    padding-bottom: 5px;
    margin-bottom: -5px;
}

.footer__nav-item:hover {
    border-color: #fff;
}

.footer__logo-image {
    max-width: 187px;
}

.app-footer {
    padding: 40px 0;
}

.footer__bottom {
    display: grid;
    grid-template-columns: 1fr 280px;
    grid-gap: 70px;
}

.footer__text {
    font-size: 14px;
    line-height: 120%;
}

.footer__links {
    display: grid;
    grid-gap: 20px;
    text-align: right;
}

.contacts-block__logo {
    margin-bottom: 40px;
}

.contacts-block__phone-text {
    font-size: 32px;
    font-weight: 600;
}

.contacts-block__phone {
    display: -ms-grid;
    display: grid;
    grid-gap: 12px;
    margin-bottom: 40px;
}

.contacts-block__phone-time {
    font-size: 16px;
}

.contacts-block__geo {
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
}

.contacts-block__geo-title {
    font-size: 20px;
    font-weight: 600;
}

.contacts-block__geo-value {
    font-size: 16px;
}

.contacts-block__btn {
    margin-top: 40px;
}

.contacts-block__btn .btn {
    height: 50px;
}

.modal {
    background: var(--bg);
    border-radius: 20px;
    width: 100%;
    max-width: 580px;
}

.contacts-block__btn .btn {
    font-size: 20px;
    font-weight: 600;
}

.contacts-block {
    width: 460px;
}

.modal__title {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 20px;
}

.modal__desc {
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}

.modal-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.modal.modal_grid {
    max-width: 1096px;
}

.modal.modal_grid .modal__title {
    text-align: left;
}

.modal.modal_grid .modal__desc {
    text-align: left;
}

.modal__car {
    height: 200px;
    width: 366px;
    object-fit: scale-down;
}

#modal-success .modal__desc {
    margin-bottom: 0;
}

html.--loaded .marks__inner {
    height: auto;
    overflow: unset;
    padding: 24px 12px;
}

.app-section.section-breadcrumbs {
    padding: 40px 0 60px;
}

.breadcrumbs__item {
    display: inline-block;
    color: var(--primary);
}

.breadcrumbs__item:not(:last-child):after {
    content: "/";
    margin-left: 10px;
}

.breadcrumbs__item:not(:last-child) {
    margin-right: 10px;
}

.breadcrumbs__item:last-child {
    color: #E4E4E4;
}

.app-section.section-breadcrumbs + .app-section {
    padding-top: 0;
}

.types {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
}

.type-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 150px;
    background: var(--bg);
    border-radius: 20px;
    padding: 20px;
}

.type-card__icon {
    height: auto;
    width: 100%;
}

.type-card__title {
    width: 100%;
    font-size: 18px;
}

.type-card:hover {
    filter: brightness(0.9);
}

.catalog__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.catalog {
    display: grid;
    grid-gap: 40px;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.pagination__prev, .pagination__next {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--primary);
    border-radius: 10px;
}

.pagination__links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.pagination__item {
    font-size: 22px;
    font-weight: 600;
    color: #A4A9B3;
}

.pagination__next {
    background: url('data:image/svg+xml,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.40029 4.88006L1.81029 0.29006C1.62293 0.103809 1.36948 -0.000732422 1.10529 -0.000732422C0.841105 -0.000732422 0.587653 0.103809 0.400291 0.29006C0.306562 0.383023 0.232168 0.493624 0.181399 0.615483C0.130631 0.737343 0.104492 0.868048 0.104492 1.00006C0.104492 1.13207 0.130631 1.26278 0.181399 1.38464C0.232168 1.5065 0.306562 1.6171 0.400291 1.71006L5.00029 6.29006C5.09402 6.38302 5.16841 6.49362 5.21918 6.61548C5.26995 6.73734 5.29609 6.86805 5.29609 7.00006C5.29609 7.13207 5.26995 7.26278 5.21918 7.38464C5.16841 7.5065 5.09402 7.6171 5.00029 7.71006L0.400291 12.2901C0.211987 12.477 0.105672 12.7312 0.104734 12.9965C0.103797 13.2619 0.208314 13.5168 0.395291 13.7051C0.582269 13.8934 0.836391 13.9997 1.10176 14.0006C1.36712 14.0016 1.62199 13.897 1.81029 13.7101L6.40029 9.12006C6.96209 8.55756 7.27765 7.79506 7.27765 7.00006C7.27765 6.20506 6.96209 5.44256 6.40029 4.88006Z" fill="%23F08436"/></svg>') center no-repeat;
}

.pagination__prev {
    background: url('data:image/svg+xml,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.59971 9.11994L6.18971 13.7099C6.37707 13.8962 6.63052 14.0007 6.89471 14.0007C7.1589 14.0007 7.41235 13.8962 7.59971 13.7099C7.69344 13.617 7.76783 13.5064 7.8186 13.3845C7.86937 13.2627 7.89551 13.132 7.89551 12.9999C7.89551 12.8679 7.86937 12.7372 7.8186 12.6154C7.76783 12.4935 7.69344 12.3829 7.59971 12.2899L2.99971 7.70994C2.90598 7.61698 2.83159 7.50638 2.78082 7.38452C2.73005 7.26266 2.70391 7.13195 2.70391 6.99994C2.70391 6.86793 2.73005 6.73722 2.78082 6.61536C2.83159 6.4935 2.90598 6.3829 2.99971 6.28994L7.59971 1.70994C7.78801 1.52296 7.89433 1.26884 7.89526 1.00347C7.8962 0.738111 7.79169 0.483242 7.60471 0.294938C7.41773 0.106635 7.16361 0.000318591 6.89824 -0.000618847C6.63288 -0.00155629 6.37801 0.102962 6.18971 0.289939L1.59971 4.87994C1.03791 5.44244 0.722347 6.20494 0.722347 6.99994C0.722347 7.79494 1.03791 8.55744 1.59971 9.11994Z" fill="%23F08436"/></svg>') center no-repeat;
}

.pagination__item.--active {
    color: var(--primary);
}

.model-tabs__content-tab {
    display: none;
}

.model-opt-item__hidden {
    display: none;
}

.model-page {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
}

.model-page__preview {
    background: url(../img/car-card-bg.webp) center/cover no-repeat;
    border-radius: 20px;
    width: 100%;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.model-page__preview-img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.model-page__col:first-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.model-page__colors-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.model-page__colors-title span {
    font-size: 16px;
}

.model-page__colors {
    display: grid;
    grid-gap: 20px;
}

.model-page__colors-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}

.model-page__colors-item {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: all 300ms ease;
}

.model-page__colors-item.--active {
    transform: scale(1.5);
    cursor: default;
    pointer-events: none;
}

.model-props {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px 40px;
    border-bottom: 1px solid #A4A9B3;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.model-props__item {
    display: grid;
    grid-gap: 10px;
}

.model-props__item-value {
    font-size: 17px;
    font-weight: 600;
}

.model-pricing {
    display: grid;
    grid-gap: 10px;
    margin-bottom: 30px;
}

.model-pricing__credit {
    font-size: 20px;
    font-weight: 500;
}

.model-pricing__main {
    font-size: 35px;
    font-weight: 600;
}

.model-buttons {
    display: grid;
    grid-gap: 30px;
}

.btn.btn_secondary {
    background: #6D7381;
    color: #fff;
}

.btn.btn_secondary:hover {
    background: #fff;
    color: #6D7381;
}

.app-section.section-model-page + .app-section.section-model-tabs {
    padding-top: 0;
}

.model-tabs__nav {
    border-bottom: 1px solid #A4A9B3;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 60px;
}

.model-tabs__nav-item {
    font-size: 22px;
    font-weight: 600;
    cursor: pointer;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    padding: 20px 10px;
    color: #fff;
}

.model-tabs__nav-item.--active {
    border-color: #fff;
}

.model-opt-section:not(:last-child) {
    margin-bottom: 60px;
}

.model-opt-section__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 50px;
    margin-bottom: 30px;
}

.model-opt-section__title {
    font-size: 30px;
    font-weight: 600;
}

.model-opt-section__description {
    font-size: 18px;
}

.model-opt-item__main {
    border-bottom: 1px solid #A4A9B3;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.model-opt-item__price {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    position: relative;
    width: max-content;
    color: #FFF;
    font-size: 22px;
    font-weight: 600;
}

.model-opt-item__price-old {
    font-size: 20px;
    text-decoration: line-through;
    color: #FFF;
}

.model-opt-item__price-new {
    font-size: 22px;
    font-weight: 600;
}

.model-opt-item__checklist-icon {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZWNrIj4KPHBhdGggaWQ9Ikljb24iIGQ9Ik0xMy4zMzI3IDRMNS45OTkzNSAxMS4zMzMzTDIuNjY2MDIgOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==") center no-repeat;
  background-color: #14191B;
  width: 24px;
  height: 24px;
  justify-content: center;
  gap: 10px;
  border-radius: 20px;
}

.model-opt-item__checklist__item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.model-opt-item__checklist__title {
  flex: 1 0 0;  
}

.model-opt-item__checklist__value {
  width: fit-content;
  color: #292C31;
  font-size: 16px;
  font-weight: 600;
}

.model-opt-item__dropdown-list__minimal-price, .model-opt-item__dropdown-list__footer {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.model-opt-item__checklist__price-bottom {
  color: #292C31;
  font-size: 22px;
  font-weight: 600;
}

.model-opt-item__checklist__price-top {
  color: #292C31;
  font-size: 22px;
  font-weight: 600;
}

.model-opt-item__dropdown-list__checklist {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.model-opt-item__dropdown-list {
  z-index: 2;
  position: absolute;
  padding: 12px 16px;
  box-shadow: 0px 0px 10px 0px rgba(16, 16, 16, 0.20);
  background: #E4E4E4;
  top: calc(100% + 8px);
  border-radius: 8px;
  width: 402px;
  display: none;
  flex-direction: column;
  gap: 10px;
}

.model-opt-item__dropdown-icon {
  cursor: pointer;
  position: relative;
  width: 24px;
  height: 24px;
  margin-left: 8px;
}

.model-opt-item__dropdown-icon.active::before {
  background-color: #fff;
  transform: translate(-50%, -50%) rotate(180deg);
}

.model-opt-item__dropdown-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-color: #fff;
  mask-image: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L6.00081 5.58L11 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
}

.mc-prop__title {
  color: #292C31;
  font-size: 14px;
  font-weight: 400;
}

.model-opt-item__button {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    flex: 1;
    padding-right: 10%;
    text-align: left;
}

.model-opt-item__button:after {
    content: "";
    background: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L6.00081 5.58L11 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
    width: 10px;
    height: 5px;
}

.model-opt-item.--active .model-opt-item__button:after {
    transform: rotate(180deg);
}

.compare-description {
    padding-top: 30px;
    column-count: 4;
    column-fill: balance;
    column-gap: 20px;
}

.compare-description__heading {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

.compare-description__list {
    list-style: none;
    display: grid;
    grid-gap: 10px;
    opacity: .8;
}

.compare-description__block {
    margin-bottom: 30px;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.gallery-item:first-child {
    grid-column: 2 span;
    grid-row: 2 span;
}

.gallery-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-item {
    border-radius: 20px;
    overflow: hidden;
}

.gallery-item:nth-child(n+6) {
    display: none;
}

.gallery-item:hover {
    opacity: .8;
}

.credit-calc {
    background: var(--bg);
    border-radius: 20px;
    padding: 40px;
    display: grid;
    grid-gap: 60px;
}

.credit-calc__form {
    display: grid;
    grid-template-columns: 1fr .58fr;
    grid-gap: 90px;
}

.credit-calc__form-title {
    font-size: 50px;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 20px;
}

.credit-calc__form-desc {
    font-size: 24px;
    margin-bottom: 40px;
}

.credit-calc__form-ranges {
    display: grid;
    grid-gap: 30px;
}

.irs--flat .irs-line {
    background-color: #E4E4E4;
    height: 2px;
    top: 7px;
}

.app-range .app-input {
    background: #E4E4E4;
}

.irs--flat .irs-bar {
    height: 2px;
    background-color: var(--primary);
    top: 7px;
}

.irs--flat .irs-handle>i:first-child {
    display: none;
}

.irs--flat .irs-handle {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--primary);
    cursor: pointer;
    top: 0;
}

.app-range {
    position: relative;
    z-index: 1;
    display: block;
}

.irs--flat.irs-with-grid {
    height: 40px;
}

.irs-grid-pol {
    display: none;
}

.irs--flat .irs-grid-text {
    font-size: 14px;
    line-height: 120%;
    color: #E4E4E4;
    cursor: pointer;
}

.app-range__input + .app-range__slider {
    margin-top: -9px;
    margin-top: 15px;
}

.credit-calc__total {
    background: #292C31;
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    padding: 20px 40px;
}

.credit-calc__total-item {
    display: grid;
    grid-gap: 10px;
}

.credit-calc__total-value {
    font-size: 24px;
    font-weight: 600;
}

.benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.ben-block {
    background: #E4E4E4;
    border-radius: 20px;
    color: #292C31;
    padding: 30px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}

.ben-block__number {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--primary);
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ben-block__content {
    flex: 1;
    display: grid;
    grid-gap: 15px;
}

.ben-block__title {
    font-size: 24px;
    font-weight: 600;
}

.fp-form .btn {
    font-size: 18px;
    padding: 0 25px;
}

.finance-page {
    display: grid;
    grid-gap: 60px;
    transition: all 300ms ease;
    opacity: 0;
}

.fp-steps {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
}

.fp-steps__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    position: relative;
    z-index: 1;
}

.fp-steps__item-number {
    border: 2px solid #6D7381;
    color: #6D7381;
    font-size: 30px;
    font-weight: 500;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
}

.fp-steps__item-text {
    font-size: 20px;
    color: #6D7381;
    flex: 1;
}

.fp-steps__divider {
    background: url('data:image/svg+xml,<svg width="41" height="15" viewBox="0 0 41 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40.7071 8.20711C41.0976 7.81658 41.0976 7.18342 40.7071 6.79289L34.3431 0.428932C33.9526 0.0384078 33.3195 0.0384078 32.9289 0.428932C32.5384 0.819457 32.5384 1.45262 32.9289 1.84315L38.5858 7.5L32.9289 13.1569C32.5384 13.5474 32.5384 14.1805 32.9289 14.5711C33.3195 14.9616 33.9526 14.9616 34.3431 14.5711L40.7071 8.20711ZM0 8.5H40V6.5H0V8.5Z" fill="%236D7381"/></svg>') center/contain no-repeat;
    width: 41px;
    height: 15px;
}

.fp-form {
    background: #E4E4E4;
    border-radius: 20px;
    padding: 50px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
    color: #292C31;
}

.fp-car-placeholder {
    width: 100%;
    height: 310px;
    border-radius: 20px;
    background: url('data:image/svg+xml,<svg width="136" height="136" viewBox="0 0 136 136" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M67.1863 40.5613H64.3882C63.9096 40.5613 63.4825 40.2521 63.3426 39.7883L61.6564 34.4284C61.5534 34.0897 61.6123 33.729 61.8184 33.4418C62.0246 33.1621 62.356 32.9927 62.7094 32.9927H67.1863C68.2024 32.9633 69.1965 33.3535 69.9328 34.0676C70.6617 34.7744 71.0741 35.7536 71.0741 36.777C71.0741 37.8004 70.6617 38.7795 69.9328 39.4937C69.1964 40.2078 68.2024 40.5907 67.1863 40.5686L67.1863 40.5613ZM65.2056 38.3526H67.1863C67.5987 38.3526 68.0037 38.1906 68.3056 37.8961C68.7547 37.447 68.8873 36.7623 68.6443 36.1733C68.4013 35.5843 67.8196 35.2015 67.1863 35.2015H64.2116L65.2056 38.3526Z" fill="%23B4B4B4"/><path d="M66.1043 61.1618H27.0281C23.8104 61.1618 21.1963 58.5555 21.1963 55.3382V47.7625C21.1963 44.5452 23.8103 41.9389 27.0281 41.9389H66.1043C69.3221 41.9389 71.9286 44.5452 71.9362 47.7625V55.3382C71.9288 58.5555 69.3222 61.1618 66.1043 61.1618ZM27.0281 44.1475C25.0253 44.1475 23.4054 45.7672 23.4054 47.7698V55.3382C23.4054 57.3335 25.0253 58.9532 27.0281 58.9606H66.1043C68.1072 58.9532 69.7198 57.3335 69.7271 55.3382V47.7625C69.7198 45.7672 68.0998 44.1475 66.1043 44.1475H27.0281Z" fill="%23B4B4B4"/><path d="M65.5087 44.148H27.6238C27.2704 44.148 26.939 43.9861 26.7328 43.6989C26.5267 43.4192 26.4604 43.0511 26.5709 42.7198L31.1435 28.0465V28.0392C31.8062 25.6906 33.9416 24.0634 36.3861 24.0487H56.7536C59.1245 24.0414 61.2231 25.5875 61.9227 27.855L66.5688 42.7122V42.7196C66.6719 43.0509 66.613 43.419 66.3995 43.6988C66.1933 43.9859 65.8621 44.148 65.5087 44.148ZM29.1186 41.9319H64.0063L59.8682 28.6798C59.5 27.2589 58.2262 26.2575 56.7536 26.2355H36.3861C34.9723 26.2281 33.7278 27.1484 33.3156 28.4957L29.1186 41.9319Z" fill="%23B4B4B4"/><path d="M28.7435 40.5613H25.9454C24.9219 40.5908 23.9279 40.208 23.1989 39.4938C22.4626 38.7796 22.0503 37.8004 22.0503 36.7771C22.0503 35.7537 22.4626 34.7745 23.1989 34.0604C23.9279 33.3463 24.922 32.9634 25.9454 32.9929H30.4149C30.761 32.9929 31.0924 33.1622 31.2985 33.442C31.5121 33.7217 31.571 34.0898 31.4679 34.4212L29.7964 39.781V39.7884C29.6565 40.2449 29.2295 40.5613 28.7435 40.5613ZM25.9454 35.2015C25.0692 35.2015 24.3623 35.9082 24.3623 36.7844C24.3623 37.204 24.5243 37.6016 24.8262 37.8961C25.1281 38.1906 25.5257 38.3525 25.9454 38.3525H27.9409L28.9202 35.2014L25.9454 35.2015Z" fill="%23B4B4B4"/><path d="M32.8409 69.106C30.3374 69.106 27.5365 67.0741 27.5365 64.5783V60.0505C27.5365 59.4394 28.0299 58.9462 28.641 58.9462H35.4889C36.1 58.9462 37.8636 59.4394 37.8636 60.0505V64.5783C37.8636 67.0814 35.3444 69.106 32.8409 69.106ZM29.7454 61.1546V64.5707C29.75 66.0682 31.5596 66.8899 32.8409 66.8899C34.1222 66.8899 35.4889 66.0682 35.4889 64.5783V61.1618L29.7454 61.1546Z" fill="%23B4B4B4"/><path d="M46.57 86.4817C33.2351 86.4817 20.7831 79.8262 13.3769 68.7457C5.96942 57.658 4.58507 43.6105 9.68797 31.3011C14.7907 18.9838 25.7032 10.0316 38.7812 7.43252C51.8584 4.82627 65.3692 8.92708 74.7942 18.3509C82.2754 25.8385 86.4798 35.9912 86.4798 46.5715C86.4798 57.1586 82.2753 67.3114 74.7942 74.792C67.3057 82.2796 57.1517 86.4817 46.57 86.4817ZM46.57 8.88982C34.8475 8.89718 23.7954 14.3526 16.6606 23.6513C9.53302 32.9573 7.13247 45.0471 10.1735 56.3613C13.2146 67.6772 21.3437 76.9391 32.1753 81.423C43.0068 85.8993 55.31 85.082 65.457 79.2216C75.6036 73.3537 82.4442 63.1054 83.9684 51.4798C85.4852 39.8619 81.5164 28.1935 73.2253 19.91C66.1566 12.8348 56.5702 8.87512 46.57 8.88982Z" fill="%23B4B4B4"/><path d="M127.197 136C126.903 136 126.623 135.882 126.417 135.676L83.4746 92.7393C83.0401 92.3049 83.0401 91.6129 83.4746 91.1785L91.1839 83.4702H91.1765C91.6183 83.0505 92.3031 83.0505 92.7449 83.4702L135.68 126.407C136.107 126.841 136.107 127.541 135.68 127.968L127.97 135.676C127.764 135.882 127.492 136 127.197 136ZM85.8159 91.9663L127.197 133.335L133.338 127.195L91.9644 85.8186L85.8159 91.9663Z" fill="%23B4B4B4"/><path d="M46.5625 93.1292C31.0038 93.1292 16.4834 85.3619 7.84632 72.427C-0.798138 59.4913 -2.40341 43.102 3.54624 28.7382C9.50324 14.3669 22.2417 3.9197 37.499 0.894663C52.7559 -2.13867 68.513 2.64691 79.5139 13.6462C87.9007 22.0466 92.7604 33.3325 93.1065 45.2009C93.4526 57.069 89.2554 68.6209 81.3693 77.4925C80.7803 78.1698 80.1618 78.8324 79.4917 79.495C78.8216 80.1576 78.1663 80.7761 77.4815 81.3798C68.9696 88.963 57.9611 93.1439 46.5625 93.1292ZM46.5625 2.21211C31.9757 2.20475 18.3175 9.36836 10.0254 21.3764C1.74172 33.377 -0.113881 48.6903 5.06989 62.3266C10.2537 75.9628 21.8067 86.1726 35.9746 89.6481C50.1425 93.1236 65.1111 89.4125 76.0159 79.7237C76.6712 79.1347 77.2971 78.5604 77.923 77.9346C78.5488 77.3088 79.1379 76.6756 79.7049 76.0351V76.0278C87.2229 67.5758 91.2211 56.577 90.8971 45.2685C90.5658 33.9673 85.9343 23.2111 77.9377 15.216C69.6393 6.86704 58.343 2.18454 46.5693 2.21413L46.5625 2.21211Z" fill="%23B4B4B4"/><path d="M86.2061 91.105C85.9115 91.105 85.6317 90.9872 85.4256 90.781L75.9711 81.3278H75.9637C75.7502 81.107 75.6324 80.8125 75.6471 80.5033C75.6545 80.2014 75.7944 79.9143 76.0227 79.7081C76.6706 79.1412 77.3039 78.5596 77.9224 77.9412C78.5482 77.3227 79.1373 76.6822 79.7043 76.0417H79.7116C79.9105 75.8135 80.1976 75.6736 80.4995 75.6589C80.8088 75.6589 81.1033 75.7767 81.3242 75.9828L90.7786 85.436C90.9848 85.6495 91.1026 85.9293 91.1026 86.2238C91.1026 86.5183 90.9848 86.7981 90.7786 87.0042L86.9866 90.7884C86.7804 90.9946 86.5006 91.105 86.2061 91.105ZM78.3567 80.5916L86.2061 88.4399L88.4298 86.2165L80.5804 78.3681C80.227 78.751 79.8662 79.1265 79.4833 79.5019C79.1078 79.87 78.7323 80.2308 78.3567 80.5842L78.3567 80.5916Z" fill="%23B4B4B4"/><path d="M60.486 69.1204C57.9825 69.1204 55.1816 67.0885 55.1816 64.5927V60.0649C55.1816 59.4538 55.6749 58.9606 56.2861 58.9606H63.1339C63.7451 58.9606 65.5087 59.4538 65.5087 60.0649V64.5927C65.5087 67.0958 62.9894 69.1204 60.486 69.1204ZM57.3904 61.169V64.5851C57.395 66.0826 59.2047 66.9043 60.486 66.9043C61.7672 66.9043 63.1339 66.0826 63.1339 64.5927V61.1762L57.3904 61.169Z" fill="%23B4B4B4"/></svg>') #fff center no-repeat;
}

.fp-form-step__inputs {
    display: grid;
    grid-gap: 25px;
    margin-bottom: 40px;
}

.select2-results__option {
    color: #292C31;
}

.select2-container .select2-selection--single {
    height: 60px;
    border-radius: 10px;
    border: 2px solid transparent;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 60px;
    padding-left: 30px;
    padding-right: 45px;
    margin-top: -2px;
    font-size: 18px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0;
    right: 30px;
    background: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L6.00081 5.58L11 1" stroke="%236D7381" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
    width: 12px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: rotate(180deg);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-dropdown {
    border: 2px solid transparent;
    box-shadow: 0 8px 6px -2px rgb(0 0 0 / 5%);
    border-radius: 10px;
    overflow: hidden;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary);
}

.select2-search--dropdown .select2-search__field {
    border-radius: 10px;
    padding: 11px 4px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #f1f1f1;
}

.fp-form-step {
    position: relative;
    z-index: 1;
}

.fp-form-step__bottom {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.btn.btn_nobg {
    background: transparent;
    color: #6D7381;
    padding: 0;
}

.fp-form-step__bottom > * {
    width: 100%;
}

.fp-form-step__inputs .app-range .app-input {
    background: #fff;
}

.fp-form-step__inputs .irs--flat .irs-line {
    background: #fff;
}

.fp-form-step__inputs .irs--flat .irs-grid-text {
    color: #292C31;
}

.fp-car-data {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
}

.fp-car-data__main-preview {
    width: 100%;
    object-fit: scale-down;
    max-height: 285px;
}

.title-form {
    margin-bottom: 15px;
    font-size: 23px !important;
}

.region {
    margin-top: 20px;
    background: #f5f5f5;
    padding: 15px;
    border-radius: 10px;
}

.block-model {
    display: flex;
}

.block-model .app-label {
    width: 100%;
}

.fp-car-data__main-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 35px;
}

.fp-car-data__title {
    font-size: 24px;
    font-weight: 600;
}

.fp-car-data__price {
    display: grid;
    grid-gap: 5px;
    margin-bottom: 40px;
}

.fp-car-data__price-main {
    font-size: 20px;
    font-weight: 600;
}

.fp-car-data__price-old {
    font-size: 14px;
    font-weight: 600;
    color: #6D7381;
    text-decoration: line-through;
}

.fp-car-data__bottom {
    background: #E4E4E4;
    border-radius: 10px;
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px 30px;
}

.fp-calc-data {
    display: grid;
    grid-gap: 10px;
}

.fp-calc-data__value {
    font-size: 21px;
    font-weight: 600;
}

.credit-terms {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.credit-terms__content {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 40px;
}

.cr-term {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
}

.cr-term__icon {
    width: 60px;
    height: 60px;
    object-fit: scale-down;
}

.credit-terms__asset {
    width: auto;
}

.cr-term__text {
    font-size: 20px;
}

.fp-steps__item.--active .fp-steps__item-number {
    color: var(--primary);
    border-color: var(--primary);
}

.fp-steps__item.--active .fp-steps__item-text {
    color: #fff;
}

.finance-page.--loaded {
    opacity: 1;
}

.fp-steps__item.--active.--filled + .fp-steps__divider {
    background: url('data:image/svg+xml,<svg width="41" height="15" viewBox="0 0 41 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40.7071 8.20711C41.0976 7.81658 41.0976 7.18342 40.7071 6.79289L34.3431 0.428932C33.9526 0.0384078 33.3195 0.0384078 32.9289 0.428932C32.5384 0.819457 32.5384 1.45262 32.9289 1.84315L38.5858 7.5L32.9289 13.1569C32.5384 13.5474 32.5384 14.1805 32.9289 14.5711C33.3195 14.9616 33.9526 14.9616 34.3431 14.5711L40.7071 8.20711ZM0 8.5H40V6.5H0V8.5Z" fill="%23F08436"/></svg>') center/contain no-repeat;
}

.fp-steps__item.--active.--filled .fp-steps__item-number {
    background: var(--primary);
    color: #fff;
}

.app-input.error {
    border-color: red;
}

.app-input.error + span.error {
    font-size: 12px;
    color: red;
}

.fp-form-step__section-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}

.fp-form-step__section-inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.fp-form-step__section {
    margin-bottom: 30px;
}

.fp-car-data__up-title {
    margin-bottom: -25px;
}

.fp-form-step__inputs > *,
.fp-form > *,
.app-label > * {
    min-width: 0;
}

.simple-futures {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.simple-futures-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}

.simple-futures-item__number {
    background: var(--primary);
    color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 500;
}

.simple-futures-item__content {
    flex: 1;
    display: grid;
    grid-gap: 15px;
}

.simple-futures-item__title {
    font-size: 24px;
    font-weight: 600;
}

.simple-futures-item__text {
    font-size: 18px;
}

.desc-blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.desc-blocks__image {
    position: relative;
    z-index: 1;
    border-radius: 20px;
    background-position: center;
    background-size: cover;
}

.desc-label {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 20px;
    max-width: 416px;
    padding: 15px 20px;
    background: var(--bg);
    border-radius: 20px;
    display: grid;
    grid-gap: 15px;
}

.desc-label__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.desc-label__text {
    font-size: 12px;
}

.desc-label__body {
    font-size: 14px;
    line-height: 120%;
}

.desc-blocks__title {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 30px;
}

.desc-blocks__title span {
    color: var(--primary);
}

.desc-blocks__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.desc-blocks__card {
    background: #E4E4E4;
    border-radius: 20px;
    padding: 30px;
    color: #292C31;
}

.desc-blocks__card-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.extra-futures {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.extra-futures-three {
    grid-template-columns: repeat(3, 1fr);
}

.extra-futures-card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.extra-futures-card__icon {
    width: 60px;
    height: 60px;
    object-fit: scale-down;
}

.extra-futures-card__content {
    display: grid;
    grid-gap: 10px;
}

.extra-futures-card__text {
    font-size: 20px;
}

.fp-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 60px;
}

.fp-form-grid__heading {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 25px;
}

.fp-form-grid__inputs {
    display: grid;
    grid-gap: 25px;
}

.fp-form-grid__submit {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    align-items: center;
    margin-top: 50px;
}

.extra-futures-card__title {
    font-size: 30px;
    font-weight: 600;
}

.extra-futures-card.extra-futures-card_extended {
    align-items: flex-start;
    gap: 25px;
}

.extra-futures-card.extra-futures-card_extended .extra-futures-card__text {
    font-size: 18px;
}

.stocks-page__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.stock-card {
    background: #F7F7F7;
    border-radius: 10px;
    overflow: hidden;
}

.stock-card__image {
    height: 168px;
    background-position: center;
    background-size: cover;
}

.stock-card__content {
    padding: 20px;
    color: #0E0E13;
}

.stock-card__title {
    font-size: 20px;
    font-weight: 600;
    height: 69px;
}

.stock-description {
    margin-bottom: 25px;
}

.stock-card__content .btn {
    height: 46px;
    font-size: 16px;
    padding: 0;
    width: 100%;
}

.contacts-page {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.contacts-page__map {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 20px;
    filter: grayscale(1);
    min-height: 500px;
}

.contacts-page__title {
    font-size: 55px;
    font-weight: 600;
    margin-bottom: 40px;
}

.contacts-page__text {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 40px;
}

.contacts-page__data {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px 20px;
}

.ct-data-item {
    display: grid;
    grid-gap: 10px;
}

.ct-data-item__content {
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.section-error-page {
    padding: 0 0 275px;
}

.error-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.error-page__code {
    font-size: 250px;
    font-weight: 600;
}

.error-page__description {
    margin-bottom: 60px;
    font-size: 32px;
    font-weight: 600;
}

.section-error-page {
    background: url(../img/error-page-asset.webp) center bottom -215px no-repeat;
}

.header__open-menu-icon {
    display: none;
}

.model-opt-buttons {
    display: none;
}

.resp-table__header .resp-table__col {
    flex-direction: column;
    align-items: center;
}

.resp-table__body-swiper {
    background: none;
    padding: 0;
}

.resp-icon {
    width: 50px;
    height: 50px;
    margin: auto;
}

.resp-icon.resp-icon_plus {
    background: url('data:image/svg+xml,<svg width="19" height="13" viewBox="0 0 19 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 1L6.5 12L1.5 7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
}

.resp-icon.resp-icon_minus {
    background: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 6L6.5 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.5 6L18.5 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
}

.resp-table__row-content {
    border-bottom: 1px solid #6D7381;
    padding: 5px 0;
}

.resp-table__header-swiper {
    border-bottom: 1px solid #A4A9B3;
    background: #292c31;
    padding: 10px 0 0;
}

.resp-table__row-content-heading {
    padding: 10px 0;
    color: #b7b7b7;
}

.resp-head-title {
    margin-bottom: 10px;
    font-size: 12px;
    text-align: center;
}

.resp-head-desc {
    font-size: 22px;
}

.resp-close-item {
    display: none;
}

.resp-table__header {
    margin-bottom: 60px;
}

.resp-table__row:not(:last-child) {
    margin-bottom: 60px;
}

.resp-table__row-heading {
    padding: 0;
}

.resp-table {
    background: none;
    padding: 0;
}

.model-page > * {
    min-width: 0;
}

.model-page__colors-list {
    flex-wrap: wrap;
}

.finance-banks {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(175px ,1fr));
    grid-gap: 20px;
}

.bank-card__logo {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.bank-card {
    border-radius: 12px;
    overflow: hidden;
    height: 75px;
    background: #fff;
    padding: 18px;
}

/*phone btn*/
.callback-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background-color: #f08436;
    color: #fff;
    cursor: pointer;
    display: block;
    position: fixed;
    font-size: inherit;
    right: 2em;
    bottom: 2em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    text-align: center;
    transition: all .2s;
    border: none;
    z-index: 100;
}

.callback-button:hover {
    width: 2.7em;
    height: 2.7em;
    line-height: 2.7em;
    right: 2em;
    bottom: 2em;
}

.callback-button i {
    color: inherit;
    position: relative;
    z-index: 1;
    animation: callback-button-phone 2s infinite;
    animation-timing-function: ease-out;
}

.callback-button:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    border: solid #f08436 1px;
    width: 5em;
    height: 5em;
    animation: callback-button-border 2s infinite
}

.callback-button:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    background-color: #f08436;
    opacity: .1;
    width: 4em;
    height: 4em;
    animation: callback-button-border1 2s infinite;
    animation-delay: 1s
}

@keyframes callback-button-phone {
    0% {
        transform: rotate(0)
    }

    3% {
        transform: rotate(10deg)
    }

    6% {
        transform: rotate(0)
    }

    9% {
        transform: rotate(-10deg)
    }

    12% {
        transform: rotate(0)
    }

    15% {
        transform: rotate(10deg)
    }

    18% {
        transform: rotate(0)
    }

    21% {
        transform: rotate(-10deg)
    }

    24% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes callback-button-border {
    0% {
        width: 2.5em;
        height: 2.5em;
        opacity: 1
    }

    100% {
        width: 5em;
        height: 5em;
        opacity: 0
    }
}

@keyframes callback-button-border1 {
    0% {
        width: 2.5em;
        height: 2.5em;
        opacity: .3
    }

    100% {
        width: 5em;
        height: 5em;
        opacity: 0
    }
}

.callback-button__icon {
    background: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h48v48h-48z" fill="none"/><path fill="white" d="M13.25 21.59c2.88 5.66 7.51 10.29 13.18 13.17l4.4-4.41c.55-.55 1.34-.71 2.03-.49 1.24.74 4.65 1.14 7.14 1.14 1.11 0 2 .89 2 2v7c0 1.11-.89 2-2 2-18.78 0-34-15.22-34-34 0-1.11.9-2 2-2h7c1.11 0 2 .89 2 2 0 2.49.4 4.9 1.14 7.14.22.69.06 1.48-.49 2.03l-4.4 4.42z"/></svg>') center no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    background-size: 27px;
}
.desktop-credit-btn {
    display: block;
}
.mobile-credit-btn {
    display: none;
}

.sec-catalog__container {
    display: grid;
    grid-template-columns:  repeat(auto-fill, minmax(321px, 1fr));
    gap: 12px;

}

@media (max-width: 1100px) {
    .deal-timer {
        display: none;
    }


    .deal-badge {
        left: 8px;
        width: 40px;
        height: 16px;
        font-size: 10px;
    }
    .sec-catalog__container {
        grid-template-columns: repeat(2, 1fr);
    }
}

.modal-megasave {
  background-image: url(../img/popup-megasale-bg.jpg), var(--bg);
  background-size: cover, cover;
  background-position: 30% 50%;
  width: calc(min(100vw, 1920px) - 12px);
  max-width: 100%;
  height: calc(min(100vh, 960px) - 12px);
}
.fancybox-slide:has(> .modal-megasave) {
  padding: 0;
}
.fancybox-slide:has(> .modal-megasave) .modal-megasave {
  border-radius: 0;
  width: 100vw;
  height: 100vh;
}
.modal-megasave__inner {
  width: 100%;
  height: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
}
.modal-megasave__assets {
  grid-column: span 7;
  align-self: end;
  pointer-events: none;
}
.modal-megasave__assets img {
  display: block;
  height: auto;
  width: 125%;
  margin-left: -25%;
  margin-right: 0%;
}
.modal-megasave__content {
  grid-column: span 5;
  align-self: center;
}
.modal-megasave__head {
  margin-bottom: 3rem;
}
.modal-megasave__title {
  text-align: left;
  margin-bottom: 0.75rem;
}
.modal-megasave__desc {
  text-align: left;
}
.modal-megasave__desc span {
  color: var(--primary);
  font-weight: 500;
}
.modal-megasave .modal__form .btn {
  display: flex;
  align-items: center;
  gap: 1em;
}
.modal-megasave .modal__form .btn::after {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  content: "Бесплатно";
  font-size: 0.8em;
  font-weight: 500;
  padding: 0 1.25em;
  height: 1.875rem;
  background: #292c31;
  color: #fff;
  border-radius: 10px;
}
@media (max-width: 900px) {
  .modal-megasave {
    background-size: auto 430px, cover;
    background-position: 20% -50px, 0 0;
    background-repeat: no-repeat;
    height: unset !important;
    padding: 165px 0 0 !important;
  }
  .modal-megasave__inner {
    display: flex;
    flex-direction: column;
  }
  .modal-megasave__head {
    padding: 0 14px;
  }
  .modal-megasave__assets {
    margin-top: -20%;
    order: 2;
  }
}