.container {
    max-width: 748px;
}

.header {
    backdrop-filter: blur(13px);
}

.banner {
    /* background: url(../img/main-banner.webp) no-repeat; */
    background: url(../img/banner-desc.webp) no-repeat;
    background-size: contain;
    min-height: 630px;
}
.header-container {
    align-items: center;
}
.header-logo__img {
    width: 140px;
    height: 79px;
}

input[type='checkbox'] {
    bottom: 7px;
    left: 15px;

    top: auto;
}

.form-modal input[type='checkbox'] {
    bottom: auto;
    left: 35px;
}

.credit-form input[type='checkbox'] {
    top: 50px;
}

.footer__form input[type='checkbox'] {
    top: 35px;
}

.header-nav {
    display: block;
    margin-right: 30px;
}


.header-info {
    font-size: 16px;
    line-height: 30px;
    display: flex;
    /* flex-basis: 55%; */
    align-items: center;
    justify-content: space-between;

    gap: 10px;
}

.header-info .wrapper-tel-header {
    display: flex;
}

.header-nav-list {
    display: flex;
    gap: 26px;
}

.header-nav-list li a {
    font-size: 14px;
    text-decoration: none;
    transition: all ease .3s;
}

.header-nav-list li a:hover {
    cursor: pointer;
    color: #E00000;
}


.header-info div img {
    width: 11px;
    height: 15px;
}
.header-button button {
    width: 55px;
    height: 55px;
}
.header-button button img {
    width: 44px;
    height: 44px;
}


.banner {
    padding-top: 125px;
}

.list-advantages {
    font-size: 20px;
    padding-left: 20px;
    margin-left: 20px;
    line-height: 30px;
}

.banner-advantage {
    padding-top: 70px;
}
.banner__button {
    margin-top: 20px;
}
.banner-info::after {
    bottom: -82px;
    height: 111%;
}
.banner-info::before {
    bottom: -82px;
}
.banner-info div:nth-child(1)::before {
    top: -1px;
}

.auto-price-card {
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: -75px auto 125px;

    overflow: visible;
}
.auto-card-img {
    order: 2;
}
/* .auto-card-info div:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
} */
.auto-card-info .wrapper-advantages {
    display: flex;
    flex-wrap: wrap;
}
.auto-card-info p {
    flex-basis: 37%;
}
.auto-card-info p::after {
    top: 16px;
}
.auto-card-info div:nth-child(3) h4 span {
    display: inline-block;
}
.auto-card-info button {
    width: 380px;
    height: 41px;
}
.auto-card-img::before {
    display: none;
}

.pop-up-swiper {
   left: 50%;
    transform: translate3d(-50%, 0px, 0px);
    width: 70%;
}

.auto-card__img {
  /* top: -60px; */
  top: 10px;
}

/* .block-img {
   padding-top: 254px;
} */

.wrapper-main-img-model {
    padding-bottom: 0;
}

.colors {
    left: auto;
    transform: none;
    right: 40px;
    bottom: 60px;
    top: auto;
}

.colors .swiper-button-next,
.colors .swiper-button-prev {
    /* width: 14px; */
    height: 28px;
}


.mySwiper {
    width: 50%;
}

.offer {
    background: url(../img/offer-ban-desk.webp) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: -145px;
}
.offer-flex{
    order: 3;
    display: block;
}
.block-checkbox {
    align-items: flex-start;
    width: 100%;
    padding-top: 20px;
}
.offer__form input:not(input[type='checkbox']) {
    width: 300px;
}
.block-checkbox button {
    width: 300px;
}
.form__checkbox {
    margin-top: 0;
}
input[type=checkbox] + label:before {
    bottom: 4px;
}


.block-select {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 90%;
}
.block-select__title {
    text-align: center;
    flex-basis: 100%;
}
.select-card {
    width: 300px;
    margin: 0 auto;
}
.select-card img{
    width: 100%;
}
.credit {
    background-size: auto;
    background-position-x: right;
}

.bg-credit {
   display: block;
}

.bg-credit-mob {
    display: none;
}

.credit .list-advantages {
    border-left: 1px solid rgb(255, 0, 0);
    font-size: 16px;
    background-color: transparent;
    line-height: 30px;
    padding: 0;
    padding-left: 7px;
}

.credit .list-advantages::before {
    display: none;
}



.credit-container {
    display: flex;
    flex-wrap: wrap;

    flex-direction: row;
    gap: 110px;
    align-items: flex-end;
}
.credit-info {
    order: 2;
}
.credit-container h3 {
    order: 1;
    flex-basis: 70%;
    padding: 15px 0 21px;
}
.credit-info::before {
    left: 10%;
    top: 45%;
}
.credit-info::after {
    left: -14%;
    top: 75%;
}
.credit-info p {
    padding-top: 44px;
}
.offer-block {
    display: flex;
    justify-content: space-between;
}
.offer-block-checkbox {
    padding-top: 0;
    width: 45%;
}
.offer-form__checkbox[type=checkbox] + label:before {
    bottom: 0;
}

.map {
    background: url(../img/map-desk.png) no-repeat;
    background-position: top;
}
.map__img {
    top: 33%;
    left: 71%;
}
.footer {
    padding-top: 653px;
}
.footer-container {
    display: flex;
}

.pop-up-one {
    width: 380px;
}
.pop-up-two {
    width: 380px;
}

.pop-up-all-2 {
    width: 38%;
    top: 20%;
}
@media screen and (min-width: 1024px) {
    .mobile-hidden {
        display: block;
    }
    .desk-hedden {
        display: none;
    }
    .container {
        max-width: 984px;
    }
    .header-info {
        /* flex-basis: 41%; */
    }
    .header-search input {
        width: 241px;
        height: 31px;
        border: 0.531445px solid #FFFFFF;
        border-radius: 37.7326px;
        background: none;
        padding-left: 50px;
        font-family: var(--font-family-montserrat);
        font-weight: 500;
        font-size: 16px;
        line-height: 30px;
        color: #FFFFFF;
    }
    .header-search {
        position: relative;
    }
    .header-search::before {
        content: "";
        position: absolute;
        top: 5px;
        left: 11px;
        background: url(../img/search.png) no-repeat;
        width: 22px;
        height: 22px;
    }
    .banner {
        min-height: 832px;
    }

    .img-mob-banner {
        display: none;
    }

    .wrapper-text-banner-mob {
        display: none;
    }

    .banner-info.banner-info-line,
    .banner-advantage .banner-info-text {
    display: block;
}

    .banner__small-title,
    .banner-advantage .banner-info-text {
        font-size: 33.6393px;
        line-height: 40px;

        text-transform: uppercase;
        padding: 0;
    }

    /* .banner__small-title {
                    font-size: 25.6393px;
            line-height: 36px;
    } */

    /* .banner__small-title::after {
        width: 133px;
    } */

    .banner__small-title::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        /* width: 51px; */
        width: 133px;
        height: 2px;
        background: #E00000;
    }

    .banner__small-title.advan {
        padding-bottom: 0;
    }

    .banner-info-text {
        font-size: 33.6393px;
        line-height: 40px;
        padding-top: 120px;
        
        text-transform: uppercase;
    }
    .banner__button {
        width: 370px;
        height: 50px;
        font-size: 15px;
        line-height: 18px;
    }
    .banner-advantage {
        padding-top: 105px;
    }
    .banner-advantage p {
        font-size: 24px;
        line-height: 29px;
        padding: 0 20px 23px;
    }
    .banner-advantage p::before {
        height: 30px;
    }
    .banner-advantage p::after {
        width: 30px;
    }
    .select-card {
        padding: 0;
    }
    .mySwiper {
        width: 621px;
        height: 441px;
    }
    .swiper-desk {
        margin-top: 88px;
    }
    .mySwiper-select {
        height: 605px;
    }
    .swiper-select-next::after {
        content: "";
        position: absolute;
        background: url(../img/select-desk-swiper.svg) no-repeat;
        width: 78px;
        height: 78px;
    }
    .swiper-select-prev::after {
        content: "";
        position: absolute;
        background: url(../img/select-desk-swiper.svg) no-repeat;
        width: 78px;
        height: 78px;
        transform: rotate(180deg);
    }
    .swiper-select-next {
        width: 78px;
        height: 78px;
        right: 0;
        left: auto;
        bottom: 33px;
    }
    .swiper-select-prev {
        width: 78px;
        height: 78px;
        right: 100px;
        left: auto;
        bottom: 33px;
    }
    .swiper-pagination-select {
        position: absolute;
        bottom: 60px!important;
        text-align: center;
        z-index: 5;
    }
    .swiper-pagination-select span {
        background: #BABABA;
    }
    .swiper-pagination-select .swiper-pagination-bullet-active {
        background-image: url(../img/ball.svg);
        background-repeat: no-repeat;
        background-position: center;
    }
    .pop-up-swiper {
          width: 621px;
          height: 590px;
    }
     .swiper-padding {
        height: 100%;
     }
    .credit {
        padding: 51px 105px 51px;
    }
    .credit-info {
        flex-basis: 30%;
    }
    .credit-info::before {
        left: 28%;
    }
    .credit-info::after {
        left: 9%;
    }
    .offer-block-checkbox {
        width: 34%;
    }
    .footer-contact div:nth-child(3) {
        width: 60%;
    }
    .footer-container {
        justify-content: space-between;
    }
}


@media (max-width: 1000px) {
    .action__timer {
    align-items: center;
    width: 100%;
    gap: 24px;
  }

  .action__timer-title {
    font-size: 20px;
    max-width: 160px;
    text-align: center;
  }
}


/* Новые модалки */

.modal {
    width: 600px;
    height: 400px;
    border-radius: 9px;
    padding: 20px;
}

.title-modal {
    font-size: 33px;
}

#modal-callback .text-modal {
    padding: 20px 0;
}

.text-modal {
    font-size: 18px;
    padding: 36px 0;
}

.modal input:not(input[type="checkbox"]) {
    width: 200px;
    height: 40px;
    border-radius: 54px;
}

.modal .form-modal {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.modal .btn-modal {
    border-radius: 54px;
    width: 200px;
    height: 40px;
    font-size: 12px;
}

.modal label {
    width: 100%;
}

.modal label p {
    max-width: 360px;
}

.modal label,
.modal label p a {
    font-size: 10px;
    line-height: 1;
}

.modal label {
    gap: 20px;
    align-items: center;
}

.custom-checkbox {
    width: 30px;
    height: 30px;
}

#modal-credit {
    background-image: url('../img/modal/modal-desc-credit.webp');
}

#modal-callback {
    background-image: url('../img/modal/modal-desc-callback.webp');
}

#popup-success {
    background-image: url('../img/modal/modal-desc-thx.webp');
}

#popup-error {
    background-image: url('../img/modal/modal-desc-ready.webp');
}

.wrapper-logo-foter {
    gap: 30px;
    padding-bottom: 20px;
    justify-content: flex-start;
}

.wrapper-logo-foter .footer__title {
    margin-bottom: 0;
}

.wrapper-logo-foter svg {
    width: auto;
}