html {
  scroll-behavior: smooth;
}

@media screen and (max-width:768px){
    .cardModel{
        scroll-margin-top: 60px;
    }
}

.header__logo--wrapper .header-y_rating {
    flex-direction: row;
    align-items: center;
}

.header__logo--wrapper .header-y_rating .header-y_rating__title {
    font-size: 14px;
    white-space: nowrap;
}


@media screen and (min-width:1100px){
    .hero__timer{
        flex-wrap: nowrap;
    }
}

@media screen and (min-width:768px){

    .advantages {
        padding: 30px 0;
    }

}


.header__logo--wrapper {
    display: flex;
    
    align-items: center;
    justify-content: flex-start;
}

.team__item{
    height: 340px;
}

@media screen and (max-width:767px){
    .hero__bg {
        height: fit-content;
    }
    .hero__bg img {
        object-fit: contain;
    }
}



@media screen and (max-width: 1335px) and (min-width: 1100px) {
    .cardModel__bottom-list p {
        font-size: 14px;
    }
}

@media screen and (max-width: 1099px) {
    .cardModel__bottom-list p {
        font-size: 14px;
    }
}

@media screen and (max-width:1070px) and (min-width:768px){
    .hero-info__right,.cardModel__bottom-list{
                max-width: 620px;
        justify-content: center;
    }
    
     .cardModel__bottom-list p {
        max-width: 620px;
        justify-content: center;
    }
    
    .hero-info__right .hero-info__item:nth-child(1),
    .cardModel__bottom-list .cardModel__bottom-item:nth-child(1){
        order:1;
    }
    
    .hero-info__right .hero-info__item:nth-child(2),
    .cardModel__bottom-list .cardModel__bottom-item:nth-child(2){
        order:3;
    }
    .hero-info__right .hero-info__item:nth-child(3),
    .cardModel__bottom-list .cardModel__bottom-item:nth-child(3){
        order:2;
    }
    .hero-info__right .hero-info__item:nth-child(4),
    .cardModel__bottom-list .cardModel__bottom-item:nth-child(4){
        order:4;
    }
    .hero-info__right .hero-info__item:nth-child(5),
    .cardModel__bottom-list .cardModel__bottom-item:nth-child(5){
        order:5;
    }
    
}
@media screen and (max-width:767px){
    .hero-info__right,.cardModel__bottom-list{
        justify-content: center;
    }
    
    .hero-info__right .hero-info__item:nth-child(1),
    .cardModel__bottom-list .cardModel__bottom-item:nth-child(1){
        order:1;
    }
    
    .hero-info__right .hero-info__item:nth-child(2),
    .cardModel__bottom-list .cardModel__bottom-item:nth-child(2){
        order:3;
    }
    .hero-info__right .hero-info__item:nth-child(3),
    .cardModel__bottom-list .cardModel__bottom-item:nth-child(3){
        order:2;
    }
    .hero-info__right .hero-info__item:nth-child(4),
    .cardModel__bottom-list .cardModel__bottom-item:nth-child(4){
        order:4;
    }
    .hero-info__right .hero-info__item:nth-child(5),
    .cardModel__bottom-list .cardModel__bottom-item:nth-child(5){
        order:5;
    }
}

.cardModel__info:hover {
        border-color: transparent;
}
.cardModel__info:hover .cardModel__info-text{
    color:#2c2e35;
}



@media screen and (min-width:768px){
    .header__logo--wrapper .header__logo{
        width: 82px;
        height: 46px;
    }
    .header__logo--wrapper {
        gap: 24px;
    }
    
    .header__logo--borishof {
        width: 188px;
        height: 18px;
    }
}
@media screen and (max-width:767px){
    .header__logo--wrapper .header__logo{
        width: 52px;
        height: 30px;
    }
    .header__logo--wrapper {
        gap: 14px;
    }
    .header__logo--borishof {
        width: 154px;
        height: 13px;
    }
}

@media screen and (min-width:768px){
    .header__inner{
        gap:57px;
    }
}
@media screen and (max-width:767px){
    .header__inner{
        gap:0px;
    }
    
    .mobile-menu__actions {
        margin-top: 52px;
    }
}

.header__test-inner{
    display: flex;
    gap:8px;
    align-items: center;
}
.header__test-inner img {
    width: 20px;
    height: 20px;
}

.header__test-inner span{
    font-size: 20px;
    font-weight: 500;
    min-width: fit-content;
    white-space:nowrap;
}

.header__reviews {
    min-width: fit-content;
    text-decoration: underline;
}



@media screen and (max-width:1250px){
    .header__reviews {
        display: none;
    }
    
    .header-y_rating{
        display: none;
    }

}
@media screen and (min-width:1251px){
    .header-y_rating{
        display: flex;
    }
}

@media screen and (max-width:1350px){
    .header-y_rating .header-y_rating__title {
        display: none;
    }
    
    .header-y_rating{
        justify-content: center;
    }
    .header-y_rating .header-y_rating--image{
        margin-top: 5px;
    }
    
    .header-y_rating .header-y_rating--image {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .header {
        position: fixed;
    }
}


@media screen and (max-width:1099px){
    .advantages {
        display: none;
    }
}


@media screen and (max-width:1120px){
    .header__test-inner {
        display: none;
    }
}



.header-y_rating--image {
    margin-left: 10px;
}

.header__logo--separator {
    height: 20px;
    width: 1px;
    background-color: #D1D2D4;
}


@media screen and (min-width:768px){
    .header__reviews.mobile {
        display: none;
    }
    .header__test-inner.mobile {
        display: none;
    }
}
@media screen and (max-width:767px){
    .header__reviews.mobile {
        display: block;
        color: #fff;
        margin-bottom: 50px;
    }
    .header__test-inner.mobile {
        display: flex;
        max-width: 122px;
        margin-left: auto;
        margin-right: auto;
    }
    .header__test-inner.mobile span {
        color:#fff;
    }
}



@media screen and (max-width:1099px){
    .hero__timer{
        max-width: 600px;
    }
    .hero__timer-inner{
        /* margin: auto; */
    }
}


@media screen and (min-width:768px){
    .cardModel__title{
        max-width:350px;
    }
    .cardModel__head--reverse .cardModel__head--left {
        flex-direction: row-reverse;
    }
}

@media screen and (max-width:767px) and (min-width:560px){
    .cardModel__title{
        max-width:350px;
    }
}

.hero__form-agreement{
    max-width: 500px;
}

@media screen and (min-width:1336px){
    .hero-info__inner{
        padding: 24px 0;
    }
}
.hero-info__inner, .cardModel__bottom{
    flex-direction: column;
}
@media screen and (min-width:561px){
    .cardModel__bottom,.hero-info__inner {
        gap:24px;
    }
}

@media screen and (max-width:560px){
    .cardModel__bottom,.hero-info__inner {
        gap:14px;
    }
    
    .cardModel__bottom{
        align-items: center;
    }
    
    .cardModel__bottom-list, .hero-info__right{
        justify-content: center;
    }
}
.hero-info{
    height: fit-content;
    align-items: center;
}

.hero__timer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:24px;
}

.advantages__list {
    gap: 10px;
}
.advantages__item-name{
    font-size: 20px;
}
.advantages__item{
    padding: 14px;
    
    gap: 24px;
}

@media screen and (min-width:768px){
    .advantages__item{
        min-height: 190px;
    }
}
@media screen and (max-width:767px){
    .team__image picture img{
        object-fit: contain;
        object-position: bottom;
    }
}
@media screen and (max-width: 1335px) and (min-width:768px) {
    .map__content {
        width: fit-content;
        gap:10px;
        left: 50%;
        transform: tranlateY(-50%);
    }
}

@media screen and  (max-width: 1335px) and (min-width: 768px) {
    .grid--cols-5.advantages__list .advantages__item:last-child{
        grid-column:unset;
        justify-self: unset;
        width: 100%;
    }
    .grid--cols-5.advantages__list {
        grid-template-columns: repeat(5,1fr);
    }
}

@media (min-width: 768px) {
    .hero__top.mobile{
        display: none;
    }
}

@media (max-width: 767px) {
    .hero__top{
        display: none;
    }
    .hero__top.mobile{
        display: block;
        margin:auto;
    }
    .hero__top.mobile .hero__title{
        color:#2C2E35;
        
    }
    .hero__top.mobile .hero__subtitle{
        color:#2C2E35;
    }
    .hero__top.mobile .hero__subtitle-price{
        display: block;
        max-width: fit-content;
        margin: auto;
        background-color: #0067b3;
        color:#fff;
    }
    
    .hero__timer-title{
        text-align: center;
    }
    
    
    .hero__timer-inner{
        flex-direction: column;
        margin: 24px auto 14px;
    }
    
    .hero__form {
        max-width: 320px;
        margin: auto;
    }

}

@media screen and (max-width:1335px) and (min-width:768px){
    .cardModel__head--left{
        max-width: fit-content;
        gap: 40px;
    }
}


@media screen and (max-width:1335px) and (min-width:1100px){
    .hero__timer{
        max-width: 1080px;
        position: absolute;
        bottom:38px;
    }
    .hero-info__inner{
        max-width: 1080px;
        margin:auto;
        align-items: center;
    }
    .hero-info__item p{
        font-size: 14px;
        
    }
}

@media screen and  (max-width: 1335px){
    
    .cardModel__colorpicker{
        flex-direction: column;
        align-items: flex-start;
    }

    /* .cardModel__right {
    max-width: 700px;
    width: 100%;
    } */
    
}

@media screen and (min-width:1100px){
    .cardModel__left{
    max-width:636px;
    }
    
    .cardModel__right{
        min-width:636px;
    }
}

@media screen and (min-width:1100px){
    .cardModel__content{
    max-height: 270px;
    }
    .cardModel__content .cardModel__colorpicker-content img {
        max-height: 270px;
        width: auto;
        margin: auto;
    }
    
    .cardModel__slider {
        max-height: 270px;
    }
    
    .cardModel__content .cardModel__slider img {
         max-height: 270px;
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width:1099px) {
    
    
    .cardModel__info-text {
        font-size: 14px;
    }
    
    .cardModel__info-text br {
        display: none;
    }
    .cardModel__info {
        align-items: center;
        flex-direction: row;
        justify-content: flex-start;
        gap:10px;
    }
    .cardModel__info-ico {
        margin-left: 0;
    }
}

@media screen and (max-width: 1335px){
    .cardModel__wrap{
        flex-direction:row;
    }
}
@media screen and (max-width:1099px) and (min-width:800px){
.cardModel__wrap{
        flex-direction:row;
    }
    .cardModel__info-list{
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width:799px){
    .cardModel__wrap{
        flex-direction:column;
    }
    .cardModel__left{
        order:2;
    }
    .cardModel__right{
        order:1;
    }
    .cardModel__wrap--reverse {
        flex-direction: column;
    }
    
    .cardModel__content{
    max-height: fit-content;
    }
    .cardModel__content .cardModel__colorpicker-content img {
        max-height: 330px;
        width: auto;
        margin: auto;
    }
    
    .cardModel__slider {
        max-height: 330px;
    }
    
    .cardModel__content .cardModel__slider img {
         max-height: 330px;
        width: 100%;
        height: auto;
    }
    
}

@media screen and (max-width:1099px) and (min-width:800px){
    
/*     .cardModel__slider, .cardModel__content {
max-height: auto;
} */
    .cardModel__left{
    max-width:30%;
    }
    
    .cardModel__right{
        min-width:65%;
    }
    
    
    .cardModel__info {
        align-items: center;
        flex-direction: row;
        justify-content: flex-start;
        gap:10px;
    }
    .cardModel__info-ico {
        margin-left: 0;
    }
    .cardModel__actions {
        flex-direction: column;
    }
    
    .cardModel__action:nth-child(2), .cardModel__action:nth-child(3) {
        width: 100%;
    }
    
    .cardModel__content{
    max-height: 370px;
    }
    .cardModel__content .cardModel__colorpicker-content img {
        max-height: 330px;
        width: auto;
        margin: auto;
    }
    
    .cardModel__slider {
        max-height: 370px;
    }
    
    .cardModel__content .cardModel__slider img {
         max-height: 370px;
        width: 100%;
        height: auto;
    }
}


.cardModel__colorpicker {
    margin: auto;
}

.cardModel__info {
    height: auto;
}


@media screen and (max-width:1336px) and (min-width:800px){
    .cardModel__head--reverse{
        flex-direction: row-reverse;
    }
    .cardModel__wrap--reverse{
        flex-direction: row-reverse;
    }
}

/* @media screen and  (max-width: 1149px) and (min-width:940px){
    .cardModel__slider-container{
        max-width:500px;
    }
}

@media screen and  (max-width: 1335px) and (min-width:1150px){
    .cardModel__right {
    max-width: 700px;
    width: 100%;
    }
} */

@media screen and (max-width:1099px){
    .hero-info__inner{
        max-width: 1080px;
        margin:auto;
        align-items: center;
    }
    .hero-info__item p{
        font-size: 14px;
        
    }
}

@media screen and (max-width:345px){
    .cardModel__info-list{
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width:560px){
    .cardModel__content .cardModel__colorpicker-content img{
        max-width: 90%;
        width: 100%;
        margin: 20px auto 0;
    }
    .cardModel__colorpicker {
        max-width:100%;
        
    }
    .cardModel__thumbnails picture img {
        width: 63px;
        height: 63px;
    }
    .cardModel__info-text br {
        display: none;
    }
    
    .cardModel__info{
       min-height: fit-content;
       
    }
    .cardModel__info{
        padding: 22px 10px;
    }
    
    .cardModel__badge{
        max-width: 115px;
        text-align: center;
    }
    .cardModel__title{
        margin-bottom: 18px;
    }
}

@media screen and (max-width:480px){
    .hero-info{
        padding-left: 0;
        padding-right: 0;
    }
    .hero-info__right{
        justify-content: center;
        
    }
}

.cardModel__colorpicker-content:not(.active){
	display:none;
}
.btn--primary:hover {
    background-color: #2C2E35;
}
.btn--dark:hover{
    background-color: #0067b3;
}
.cardModel__tab:not(.active):hover{
    background-color: rgba(0, 161, 227, 0.2);
}
.catalog__head-item:not(.active):hover{
    background-color: rgba(0, 161, 227, 0.2);
}

.catalog__more:hover{
    border-color: #0067b3;
}
.catalog__more:hover span{
    color: #0067b3;
}
.test-drive__btn.btn--primary{
    border:1px solid transparent;
}
.test-drive__btn.btn--primary:hover{
    border:1px solid #fff;
}
.swiper-navigation-button:hover,.team__navigation-button:hover{
    background-color: #0067b3;;
}

.credit__form-agreement,
.trade-in__form-bottom,
.test-drive__agreement,
.hero__form-agreement
{
    display: flex;
    flex-direction: column;
    gap:5px;
}



.cardModel__thumbnails {
    overflow-x: scroll;
}




/* .catalog__list {
    display: none;
} */

.catalog__tab{
    visibility: hidden;
    max-height: 0;
}
.catalog__tab.active{
    visibility: visible;
    max-height: 100%;
}
.catalog__list.active{
    display: grid;
}

.catalog__more-inner.btn-more {
    display: flex ;
    width: fit-content ;
    margin: auto;
}

.custom-checkbox p, .custom-checkbox span{
line-height: 1.2;
    color: #808285;
    font-size: 12px;
}
.on-gray p a,
.on-gray span a{
    line-height: 1.2;
    color: #fff;
    font-size: 12px;
}

.models {
    position: relative;
}

.cardModel__bottom{
    border-radius: 0;
}

.cardModel__bottom-title {
    margin: auto;
}

.cardModel__bottom-list {
    margin: auto;
}

@media screen and (min-width: 561px) {
    .cardModel__bottom{
        margin-bottom: 64px;
    }
}

.cardModel__title{
    margin-right: 0;
}

@media screen and (min-width:1336px){
    .cardModel__head--left{
        max-width:636px;
    }
    .cardModel__head {
        align-items: flex-start;
    }
}
.cardModel__head--left{
    display: flex;
    justify-content: space-between;
}

.cardModel__head--left {
    width: 100%;
}
.cardModel__badge {
    height: fit-content;
    padding: 15px 10px 15px;
}

.cardModel__title span {
    color:#0067B3;
    display: block;
}
@media screen and (min-width:641px){
    .cardModel__badge {
        font-size: 20px;
    }
    .cardModel__badge br {
        display: none;
    }
}
@media screen and (max-width:640px){
    .cardModel__badge {
        font-size: 14px;
        text-align: center;
        max-width: 140px;
    }
    .cardModel__badge br {
        display: block;
    }
    .cardModel__title {
        font-size: 28px;
    }
    .cardModel__title span {
        display: block;
    }
}

@media screen and (max-width:660px) and (min-width:561px){
    .cardModel__colorpicker-content img {
        width: 100% !important;
    }
}

@media screen and (max-width:1000px) and (min-width:800px){
    .cardModel__colorpicker-content img {
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 1335px) {
    .credit__form {
        width: 66.666%;
    }
}

.s50-dark-blue{
    background-color: #272A30;
    border: 3px solid transparent;
}

.s50-grey-blue{
    background-color: #AFC5D6;
    border: 3px solid transparent;
}
.s50-beige{
    background-color: #C3B8AD;
    border: 3px solid transparent;
}

.s50-metalic-blue{
    background-color: #0194AF;
    border: 3px solid transparent;
}

.bookingSwiper .swiper-slide {
    width: auto;
}

.booking{
    padding: 40px 0;
}

.booking__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap:11px;
}

.booking__title {
    /* max-width:fit-content;
    margin-left: auto;
    margin-right: auto; */
    text-align: center;
    color: #2C2E35;
    margin-bottom: 24px;
}
.bookingSwiper{
    max-width:fit-content;
}

p.booking__item__title {
    
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 110.00000000000001%;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;

}