@font-face {
    font-family: 'Inter';
    src: local('Inter Regular'), local('Inter-Regular'), url('../fonts/Inter-Regular.woff2') format('woff2'), url('../fonts/Inter-Regular.woff') format('woff'), url('../fonts/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter Medium'), local('Inter-Medium'), url('../fonts/Inter-Medium.woff2') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter Semi Bold'), local('Inter-Semi-Bold'), url('../fonts/Inter-SemiBold.woff2') format('woff2'), url('../fonts/Inter-SemiBold.woff') format('woff'), url('../fonts/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter Bold'), local('Inter-Bold'), url('../fonts/Inter-Bold.woff2') format('woff2'), url('../fonts/Inter-Bold.woff') format('woff'), url('../fonts/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Tactic Sans';
    src: local('Tactic Sans Regular'), local('Tactic-Sans-Regular'), url('../fonts/TacticSans-Reg.woff2') format('woff2'), url('../fonts/TacticSans-Reg.woff') format('woff'), url('../fonts/TacticSans-Reg.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('../fonts/TacticSans-Med.woff2') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('../fonts/TacticSans-Bld.woff2') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('../fonts/TacticSans-Blk.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('../fonts/TacticSans-Ult.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

:root {
    --family-inter: 'Inter', sans-serif;
    --family-sans: 'Tactic Sans';
    --color-orange: #e67839;
    --color-black: #000;
    --color-grey: #4c5865;
    --color-white: #ffffff;
}

body {
    font-family: var(--family-inter);
}



.btn {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;
}

.btn.bg_orange {
    background: var(--color-orange);

    color: var(--color-white);
}

.btn.border {
    border: 2px solid var(--color-orange);

    color: var(--color-orange);

    background: var(--color-white);
}

.text_color {
    color: var(--color-orange);
}

.input {
    background: var(--color-white);

    border-radius: 10px;

    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: var(--color-white);
}

.input::placeholder {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: var(--color-white);
}

.input.popup__input {
    background: none;
}

.form-checkbox label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
    width: 100%;
    position: relative;
}

.form__input-check[type='checkbox'] {
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: 2;
}

.form__input-check[type='checkbox']+.custom-checkbox {
    display: block;
    width: 14px;
    height: 13px;
    border: 1px solid var(--color-white);
}

.form__input-check[type='checkbox']:checked+.custom-checkbox {
    background-image: url(../img/check.svg);
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center;
}

.checkbox-text,
.checkbox-link {
    font-size: 12px;
    line-height: 14px;
    color: var(--color-white);
    font-weight: 400;
}

.checkbox-link {
    font-weight: bold;
}

.container {
    padding: 0 20px;
}

.section__title {
    font-size: 30px;
    line-height: 32px;
    font-weight: 500;
    color: var(--color-black);
}

.section__upper {
    position: relative;

    padding-bottom: 13px;
}

.section__upper::after {
    content: '';

    position: absolute;
    right: 0;
    bottom: 0;

    width: calc(100% - 16px);
    height: 1px;

    display: block;

    background: var(--color-orange);
}

.section__title {}

.container {
    padding: 0 16px;
}

.desk-hide {
    display: none;
}

/*=============== #HEADER ==============*/

.header {
    position: static;
    top: 0;
    left: 0;

    width: 100%;

    border-bottom: 1px solid var(--color-grey);


    background-color: #6e5f58;
}

.header.active {
    background: var(--color-white);
}

.header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 33px 0 9px;
}

.header__logo-img {
    max-width: 112px;
}

.header__number-mob {
    display: flex;
    align-items: center;
    gap: 10px;

    text-decoration: none;

    font-size: 12px;
    line-height: 14px;
    color: var(--color-white);
}

.burger {
    width: 24px;
    height: 15px;

    position: relative;
}

.burger__line {
    position: absolute;
    left: 0;

    width: 100%;
    height: 3px;

    background: #000;

    display: block;

    border-radius: 3px;

    transition: all 0.2s;
}

.burger__line.line_1 {
    top: 0;
}

.burger__line.line_2 {
    top: 6px;
}

.burger__line.line_3 {
    bottom: 0;
}

.header.active .burger__line.line_1 {
    top: 6px;

    transform: rotate(-45deg);
}

.header.active .burger__line.line_2 {
    opacity: 0;
}

.header.active .burger__line.line_3 {
    bottom: 6px;

    transform: rotate(45deg);
}

.header__menu {
    position: fixed;
    top: 68px;
    right: -100%;

    width: 100%;

    padding: 22px 20px;

    background: var(--color-grey);

    transition: all 0.4s;

    z-index: 10;
}

.header.active .header__menu {
    right: 0;
}

.header__nav {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.header__nav-link {
    /* font-size: 20px; */
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--color-white);
    text-decoration: none;

    transition: all 0.4s;

    padding-left: 16px;

    position: relative;
}

.header__nav-link.active::before {
    content: '';

    display: block;

    width: 4px;
    height: 28px;

    background: var(--color-white);

    position: absolute;
    left: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}

.header__menu-info {
    display: flex;
    justify-content: center;
    justify-content: flex-start;

    margin-top: 41px;
}

.header__menu-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.header__menu-item,
.header__menu-link {
    display: flex;
    align-items: center;
    gap: 14px;

    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: var(--color-white);
    text-decoration: none;
}

.header__menu-btn {
    margin-top: 23px;

    height: 43px;

    font-size: 21px;
    line-height: 23px;
    font-weight: 600;
    color: var(--color-white);

    border-radius: 5px;
    border: 2px solid var(--color-white);

    background: none;
}

.header__info-text {
    display: none;
}

/*=======================================================*/

/*=============== #MAIN-BANNER ==============*/

.main-banner__bg {
    background: url(../img/main-banner_mob4.webp) no-repeat;
    background-size: cover;
    background-position: center 36px;

    padding: 74px 0 0;

    /* aspect-ratio: /535; */

    height: 535px;
}

.main-banner__timer-bg {
    background-size: cover;
    background-position: center;

    position: relative;

    z-index: 1;
    padding: 22px 0 20px;
}

.main-banner-swiper .swiper-slide {
    padding-top: 20px;
}
.main-banner_icon-wrap {
    top: 100px;
}


.main-banner-swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 188px);
    left: unset;
}

.main-banner-swiper .swiper-pagination {
    text-align: center;
}

    .main-banner-swiper .swiper-pagination-bullet {
    width: 72px;
    height: 4px;
    border-radius: 20px;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
    background: #575757;
;
}

.main-banner-swiper .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #E67839;
}



.main-banner__timer-bg::before {
    content: '';

    display: block;

    position: absolute;
    left: 0;

    top: -280px;
    width: 100%;
    height: calc(100% + 284px);


    background: linear-gradient(178.62deg, rgba(34, 34, 34, 0) 30.69%, #222222 55.78%);


    z-index: -1;
}

.main-banner .container {
    height: 100%;
}

.main-banner__container {
    display: flex;
    flex-direction: column;

    height: 100%;
}

.main-banner__title {
    font-size: 23px;
    line-height: 25px;
    font-weight: 700;
    color: var(--color-white);

    padding: 5px 0;
    position: relative;

    z-index: 0;

    margin-bottom: 25px;
    margin-top: 20px;
}

.main-banner__title::before {
    content: '';

    display: block;

    position: absolute;
    left: -16px;
    top: 0;

    width: 100%;
    height: 100%;

    background: linear-gradient(95deg, rgba(230, 120, 57, 0.68) 88.54%, rgba(230, 120, 57, 0) 100%);

    z-index: -1;
}

    .third-banner .main-banner__title::before {
     display: none;
    }

.main-banner__title .title_small {
    display: block;

    font-size: 18px;
    line-height: 1.05;
}

.main-banner__actions {
    display: flex;
    flex-direction: column;

    margin-bottom: 15px;
}

.main-banner__actions-item {
    display: flex;
    align-items: center;
    gap: 16px;

    padding: 7px 0 7px 19px;

    border-radius: 40.5px;
    border: 1px solid #fff;

    background: rgba(0, 0, 0, 0.4);

    backdrop-filter: blur(8px);

    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: var(--color-white);
}

.main-banner__actions-item b {
    font-weight: bold;
}


.main-banner__text {
    display: block;

    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-white);

    text-align: center;

    position: relative;
    z-index: 2;
}

.main-banner__text.mob_hide {
    display: none;
}

.timer {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-around;
    margin: 0 auto;

    height: 62px;
}

.time-count__item {
    width: 40px;
    display: flex;
    flex-flow: column;
    align-items: center;
    position: relative;
}

.time-count__val {
    font-weight: 700;
    font-size: 24px;
    line-height: 23px;
    text-transform: uppercase;
    color: var(--color-white);
    font-family: var(--family-sans);
}

.time-count__text {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: var(--color-white);
    font-family: var(--family-sans);
}

.main-banner__btn {
    margin-top: 22px;

    font-size: 21px;
    line-height: 23px;
    font-weight: 600;

    height: 51px;

    border-radius: 10px;

    gap: 26px;
}

.main-banner__btn.mob_hide {
    display: none;
}

.main-banner__actions-head {
    display: block;

    font-weight: 600;
    color: var(--color-white);
    text-align: left;

    font-size: 20px;
    line-height: 24px;
    z-index: 2;

    margin-bottom: 200px;
}

.main-banner__actions-text {
    display: flex;
    column-gap: 11px;
    align-items: center;

    font-size: 16px;
    line-height: 17px;
    font-weight: 500;
    color: var(--color-white);
    text-align: left;

    z-index: 2;
}

.main-banner__actions-text:not(:last-child) {
    margin-bottom: 7px;
}


.main-banner__actions-text img {
    width: 20px;
    height: 20px;
}

.main-banner__actions-text img:nth-child(1) {
    margin-bottom: auto;
}

.pie {
    display: block;
    width: 63px;
    height: 63px;
    border-radius: 50%;
    transform: rotate(-90deg);
    position: absolute;
    bottom: -14px;
    left: -11px;
}

.pie .background {
    fill: none;
    stroke: var(--color-white);
    stroke-width: 2px;
}

.pie .chart {
    fill: none;
    stroke: var(--color-orange);
    stroke-width: 3;
    z-index: 3;
}

.main-banner_icon-wrap {
    position: absolute; right:0;z-index: 1;width:100%;
}
.main-banner_icon {
    display: flex;justify-content: flex-end;
}
.main-banner_icon-img {

}

/*=======================================================*/

/*=============== #MODELS ==============*/

.models {
    padding-top: 60px;
}

.models__container {
    margin-top: 21px;

    display: flex;
    flex-direction: column;
    gap: 20px;
}

.model__card {
    padding-bottom: 20px;

    position: relative;
}

.model__card::after {
    content: '';

    display: block;

    width: 100%;
    height: 1px;

    position: absolute;
    bottom: 0;
    left: 0;

    background: linear-gradient(270deg, rgba(230, 120, 57, 0) 0%, #e67839 50%, rgba(230, 120, 57, 0) 100%);
}

.model__card-head {
    display: block;

    font-size: 29px;
    line-height: 31px;
    font-weight: 700;
    color: var(--color-black);
}

.model__card-head.mob_hide {
    display: none;
}

.models__colors {
    height: 22px;

    margin-top: 11px;

    position: relative;
}

.models__colors::after {
    content: '';

    height: 100%;
    width: 15px;

    position: absolute;
    right: 0;
    top: 0;

    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.models__colors .swiper {
    height: 100%;
}

.models__color-bg {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 100%;

    border-radius: 3px;

    position: relative;

    border: 1px solid var(--color-black);
}

.models__color-bg.color-active::before {
    content: '';

    display: block;

    background: url(../img/arrow-color.svg) no-repeat;
    background-size: cover;

    width: 8px;
    height: 4px;

    filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 1));
}

.model__card-swiper {

    position: relative;

    height: 196px;
}

.model__card-img {
    width: 100%;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.6s;
}

.model__card-img.js-active {
    position: inherit;
    opacity: 1;
}

.model__card-list {
    margin-top: 21px;

    display: flex;
    flex-direction: column;
    gap: 21px;
}

.model__card-item {
    display: flex;
    align-items: center;
    gap: 13px;

    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: var(--color-black);
}

.model__card-item img {
    width: 20px;
    height: 20px;
}

.model__card-info {
    margin-top: 25px;

    display: flex;
    flex-direction: column;
    gap: 20px;
}

.model__card-old {
    display: block;

    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    text-decoration: line-through;
    color: var(--color-grey);
    text-align: right;
}

.model__card-price {
    display: block;

    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    color: var(--color-black);
    text-align: right;
}

.model__card-month {
    display: block;

    font-size: 19px;
    line-height: 21px;
    font-weight: 700;
    color: var(--color-black);
    text-align: right;

    margin-top: 3px;
}

.model__card-btns {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.model__card-btn {
    height: 40px;

    font-size: 19px;
    line-height: 21px;
    font-weight: 600;
}

/*=======================================================*/

/*=============== #EQUIPS ==============*/

.equips {
    padding: 55px 0 64px;
}

.equips__filter {
    margin-top: 20px;

    display: flex;
    flex-direction: column;
    gap: 26px;
}

.select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0;

    border-bottom: 1px solid var(--color-orange);
}

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

    background: url(../img/arrow-select.svg) no-repeat;
    background-size: contain;

    width: 19px;
    height: 9px;

    left: auto;
    right: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 22px;
    line-height: 24px;

    color: var(--color-black);

    padding: 0 0 10px;
}

.select2-search {
    display: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--color-orange);
}

.select2-container--default .select2-results__option--selected {
    background: var(--color-grey);

    color: var(--color-white);
}

.select2-results__option {
    font-size: 16px;
    line-height: 18px;
}

.equips__container {
    margin-top: 42px;

    display: flex;
    flex-direction: column;
    gap: 15px;
}

.equip__card {
    position: relative;

    padding-bottom: 15px;
}

.equip__card::after {
    content: '';

    display: block;

    width: 100%;
    height: 1px;

    background: linear-gradient(270deg, rgba(230, 120, 57, 0) 0%, #e67839 50%, rgba(230, 120, 57, 0) 100%);

    position: absolute;
    bottom: 0;
    left: 0;
}

.equip__card-img img {
    width: 100%;
}

.equip__card-head {
    display: block;

    font-size: 29px;
    line-height: 31px;
    font-weight: 600;
    color: var(--color-black);
}

.equip__card-name {
    display: none;
}

.equip__card-info {
    margin-top: 16px;
}

.equip__card-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.equip__card-item {
    display: flex;
    justify-content: space-between;
    gap: 2px;
    align-items: flex-end;
}

.equip__card-text {
    display: block;

    font-size: 18px;
    line-height: 20px;
    color: var(--color-orange);
    font-weight: 400;
    white-space: nowrap;
}

.equip__card-lines {
    display: block;

    width: 100%;
    height: 1px;

    background: var(--color-orange);
}

.equip__card-spec {
    display: block;

    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: var(--color-black);
    white-space: nowrap;
}

.equip__card-prices {
    margin-top: 32px;
}

.equip__card-price._old {
    display: block;

    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: var(--color-grey);
    text-align: right;
    text-decoration: line-through;
}

.equip__card-price {
    font-size: 27px;
    line-height: 29px;
    font-weight: 400;
    color: var(--color-black);
    text-align: right;

    display: block;
}

.equip__card-price b {
    font-size: 33px;
    line-height: 35px;
    font-weight: bold;
}

.equip__card-btns {
    display: flex;
    flex-direction: column;
    gap: 10px;

    margin-top: 5px;
}

.equip__card-button {
    height: 42px;

    font-size: 19px;
    line-height: 21px;
    font-weight: 600;
}

.equips__button {
    height: 25px;
    width: 210px;

    margin: 10px auto 0;

    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
}

.equip__card-img {
    height: 208px;
}


/* SPECIAL OFFER */

.special-offer {
    position: relative;
    height: 526px;
    margin-bottom: 90px;
}

.special-offer .container {
    height: 100%;
}

.special-offer-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}

.special-offer-wrapper {
    max-width: 500px;
    margin-left: auto;
    height: 100%;
    background-color: rgba(0, 0, 0, .66);
    color: var(--color-white);
    padding: 30px;
}

.special-offer-title {
    font-size: 36px;
    position: relative;
    z-index: 1;
    font-family: 'Tactic Sans';
    font-weight: 500;
}

.special-offer-title span {
    position: relative;
    margin: 0 5px;
}

.special-offer-title span::before {
    content: '';
    position: absolute;
    background-image: url('../img/icon-title-svo.webp');
    background-size: contain;
    background-repeat: no-repeat;
    width: 97px;
    height: 47px;
    top: 0;
    left: -5px;
    z-index: -1;
}

.special-offer-subtitle {
    font-size: 24px;
    padding-top: 15px;
}

.special-offer .credit__form {
    max-width: 440px;
    margin: 35px auto 0;
}

.special-offer .banner__input {
    color: var(--color-black);
    padding: 0;
}

/*=======================================================*/

/*=============== #BANNERS ==============*/

.banner {
    padding: 10px 0 20px;

    aspect-ratio: 390/273;
}

.banner .container {
    height: 100%;
}

.banner__cont {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    height: 100%;
}

.banner__title {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    color: var(--color-white);
}

.banner__form {
    display: none;
}

.banner__list {
    display: flex;
    flex-direction: column;
    gap: 7px;

    list-style: disc;

    padding-left: 16px;
}

.banner__list-item {
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    color: var(--color-white);
}

.banner__button {
    height: 30px;

    margin-top: 25px;

    font-size: 19px;
    line-height: 21px;
    font-weight: 600;
}

.credit_percent {
    background: url(../img/credit_percent.svg) no-repeat;
    background-size: cover;
    background-position: right;
    width: 76px;
    display: inline-block;
    padding-left: 9px;
}

/******** #CREDIT ********/

.credit {
    background-size: cover;
}

.credit__list {
    margin-top: 79px;
}

.credit__title {
    width: 304px;

    font-family: var(--family-sans);
}

/******** #TRADE-IN ********/

.trade-in {
    background: url(../img/trade_mob.webp) no-repeat;
    background-size: cover;

    margin-top: 26px;

    aspect-ratio: 390/364;
}

.trade-in__title.mob_hide {
    display: none;
}

.trade-in__list {
    display: none;
}

.trade-in__text {
    font-size: 12px;
    line-height: 25px;
    font-weight: 400;
    color: var(--color-white);
    font-family: var(--family-sans);

    display: block;

    margin-top: 10px;
}

.trade-in__discount {
    display: inline-block;

    background: url(../img/credit_percent.svg) no-repeat;
    background-size: cover;
    background-position: right;

    width: 86px;

    line-height: 16px;

    padding-left: 5px;
}

/*=======================================================*/

/*=============== #CONTACTS ==============*/

.contacts {
    background-size: cover;
    background-position: center;

    aspect-ratio: 360/593;

    padding-bottom: 49px;
}
.ymaps-2-1-79-map-copyrights-promo{
    display: none !important;
}
.contacts__bg{
    position: relative;
}
#map{
    height: 526px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.contacts__upper {
    display: none;
}

.contacts__img {
    display: none;
}

.contacts__cont {
    padding: 13px 0 14px 16px;

    position: relative;
    z-index: 1;

    width: 100%;
}

.contacts__cont::before {
    content: '';

    display: block;

    width: 96%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

    background: linear-gradient(90deg, #282e34 0%, #4c5865 3.65%);
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.2));
}

.contacts__info-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.contacts__info-text,
.contacts__info-link {
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--color-white);
    text-decoration: none;
}

.contacts__bg {
    height: 100%;

    display: flex;
    align-items: flex-end;
}

/*=======================================================*/

/*=============== #FOOTER ==============*/

.footer {
    background: var(--color-grey);

    padding: 19px 0 50px;
}

.footer__links.mob_hide {
    display: none;
}

.footer__block-mob {
    padding-bottom: 20px;

    border-bottom: 1px solid var(--color-white);
}

.footer__links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer__text {
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    color: var(--color-white);
}

.footer__container {
    padding-top: 27px;
}

.footer__text.margin {
    margin-top: 20px;
}

/*=======================================================*/

/*=============== #POPUP ==============*/

.popup {
    width: 98%;

    display: none;

    padding: 34px 40px 34px;
}


#modalCredit {
    background: url(../img/pop-credit_mob.webp) no-repeat;
    background-position: center;
    background-size: cover;
}

#modalSpecial {
    background: url(../img/pop-special_mob.webp) no-repeat;
    background-position: center;
    background-size: cover;

    padding: 18px 17px 24px;
}

#modalSuc {
    background: url(../img/pop-special_mob.webp) no-repeat;
    background-position: center;
    background-size: cover;

    padding: 29px 20px;

    height: 320px;
}

.popup__credit-head {
    font-size: 23px;
    line-height: 25px;
    font-weight: 600;
    color: var(--color-white);

    display: block;
}

.popup__suc-head {
    display: block;

    font-size: 31px;
    line-height: 33px;
    font-weight: 600;
    color: var(--color-white);
    text-align: right;
}

.popup__suc-sub-head {
    font-size: 19px;
    line-height: 21px;
    font-weight: 600;
    color: var(--color-white);
    text-align: right;

    margin-top: 28px;

    display: block;
}

.popup__special-head {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: var(--color-white);

    display: block;

    background: url(../img/bg_special.png) no-repeat;
    background-size: cover;

    margin-left: -17px;
    padding-left: 17px;
    width: 213px;
    height: 41px;
}

.popup__list {
    display: flex;
    flex-direction: column;
    gap: 6px;

    margin-top: 29px;

    list-style: disc;

    padding-left: 17px;
}

.popup__list.mob_hide {
    display: none;
}

.popup__list-item {
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: var(--color-white);
}

.popup__form-inputs {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

#modalCredit .popup__form {
    margin-top: 58px;
}

#modalSpecial .popup__form {
    width: 235px;

    margin: 31px auto 0;
}

.popup__form-input {
    width: 100%;

    background: none;

    border-radius: 10px;
    border: none;
    border-bottom: 2px solid var(--color-orange);

    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: var(--color-white);
    text-align: center;

    padding-bottom: 7px;
}

.popup__form-input::placeholder {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: var(--color-white);
    text-align: center;
}

.popup__form-btn {
    height: 22px;

    margin-top: 14px;

    font-size: 12px;
    line-height: 14px;
    font-weight: 400;

    border-radius: 0;
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    background: none;

    opacity: 1;
}

.popup__credit-percent {
    display: inline-block;

    background: url(../img/credit_percent.svg) no-repeat;
    background-size: cover;
    background-position: right;
    width: 77px;
    padding-left: 5px;
}

/*=======================================================*/

/*=============== #MEDIA ==============*/

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

   
    .trade-in__text {
        font-size: 13px;
        line-height: 27px;
    }

    .credit__list {
        margin-top: 50px;

        gap: 10px;
    }

    .banner__list-item {
        font-size: 14px;
        line-height: 16px;
    }


}

@media screen and (min-width: 414px) {
    .trade-in__discount {
        width: 105px;
    }
}

@media screen and (min-width: 450px) {
    .timer {
        justify-content: center;
        gap: 40px;
    }

    .main-banner__btn {
        width: 400px;

        margin: 22px auto 0;
    }

    .models__container,
    .equips__container {
        align-items: center;
    }

    .equips__filter {
        margin: 20px auto 0;
    }

    .model__card,
    .equip__card,
    .equips__filter,
    .banner__button {
        width: 400px;
    }

    .banner {
        padding: 50px 0;
    }

    .contacts {
        height: 593px;

        aspect-ratio: inherit;
    }

    .contacts__cont::before {
        width: 400px;
    }

    .popup {
        width: 360px;
    }
}

.filtered-show,
.showmore-show {
    display: block;
    opacity: 1;
    transition: 0.3s;
}

.filtered-hide,
.showmore-hide {
    display: none;
    opacity: 0;
}

.js--show-more {
    display: block;
}

.js--show-more.hidden {
    display: none;
}

@media screen and (min-width: 600px) {
    .header {
        backdrop-filter: blur(11px);
        background-color: transparent;
    }
}

@media screen and (min-width: 1024px) {
    .main-banner__title::before {
        width: 75%;
    }
}

@media screen and (min-width: 1601px) {
    .main-banner__title::before {
        width: 100%;
    }
}

/* new banner mobile version october  */

.header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 19px 0 19px 0;
}

.main-banner__bg {
    background: url(../img/banner_mob-winter.webp) no-repeat;
    background-size: cover;
    background-position: center 36px;
    padding: 74px 0 0;
    height: 570px;
}

.image-main-banner {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 136%;
    object-fit: cover;
}

.second-banner .image-main-banner {
    height: 167%;
}

.third-banner .image-main-banner {
    height: 181%;
}

.second-banner .main-banner__block {
    position: relative;
    top: 12vh;
}

.third-banner .main-banner__block {
    position: relative;
    top: 13vh;
}


.second-banner .main-banner__actions {
    margin: 0;
}

.second-banner .main-banner__actions-head {
    margin-bottom: 0;
    margin-top: 138px;
    text-align: right;
}

.third-banner .main-banner__actions-head {
    margin-bottom: 0;
    margin-top: 138px;
}

.third-banner .main-banner__actions-text:not(:last-child) {
    justify-content: flex-end;
    margin: 10px 0;
    margin-bottom: 30px;
}

.third-banner .main-banner__actions-text:not(:last-child)  {
   justify-content: center;
}   

.second-banner .main-banner__actions-head_mob-text {
    display: block;
    font-size: 36px;
    line-height: 1;
}

.third-banner .main-banner__actions-head_mob-text {
    display: block;
    font-size: 22px;
    line-height: 1;
    text-align: center;
}


@media (max-width: 1418px) {
    .main-banner__actions-text {
        padding-left: 23px;
    }
}

@media screen and (min-width: 1024px) {
    .main-banner__title::before {
        width: 57%;
    }

    .second-banner .main-banner__title::before {
        width: 100%;
        left: -16px;
    }
}

.first-banner .main-banner__actions-text:not(:last-child) {
    position: relative;
    top: 6vh;
}

.desk-hide {
    display: none;
}

@media (max-width:1500px) {
    .main-banner__btn.mob_hide {
        margin-top: 5px;
    }
}

@media (max-width: 550px) {
    .desk-hide {
    display: block;
}

    .header {
        background-color: #cbc2bc;
    }

    .main-banner__title::before {
        height: 39px;
    }

    .second-banner .main-banner__title::before {
        height: 100%;
    }

    .main-banner__title .title_small {
        font-size: 25px;
        font-weight: 600;
        letter-spacing: 0.015em;
        text-align: left;
    }

    .third-banner .main-banner__title .title_small {
        font-size: 28px;
        width: 265px;
    }

    .third-banner .main-banner__title .title_small .title_small--accent {
        color: #E67839;
    }

    .second-banner .main-banner__title .title_small {
        line-height: 1.3;
    }

    .main-banner__text {
        opacity: 0;
    }

    .second-banner .main-banner__text {
        opacity: 1;
        line-height: 30px;
    }

    .main-banner__actions-text img {
        width: 23px;
        height: 23px;
    }

    .main-banner__actions-text {
        font-family: 'Inter';
        font-size: 16px;
        font-weight: 400;
        line-height: 19.36px;
        text-align: left;
    }

   .second-banner .main-banner__actions-text:not(:last-child) {
        margin-bottom: 13px;
        margin-left: auto;
    }

     .third-banner .main-banner__actions-text:not(:last-child) {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
    }

    .main-banner__actions-text:not(:last-child) {
        margin-bottom: 13px;
    }

    .main-banner__actions-text {
        padding-left: 10px;
    }

    .main-banner__actions-head {
        display: block;
        font-weight: 600;
        color: var(--color-white);
        text-align: left;
        font-size: 20px;
        line-height: 24px;
        z-index: 2;
    }

    .third-banner .main-banner__text {
        opacity: 1;
    }

    .main-banner__timer-bg::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: -1;

        top: -61px;
        height: calc(100% + 60px);
        background: linear-gradient(178.62deg, rgba(34, 34, 34, 0) 1.69%, #000 20.78%);
    }

    .time-count__item {
        width: 60px;
        display: flex;
        flex-flow: column;
        align-items: center;
        position: relative;
    }

    .pie {
        width: 81px;
        height: 81px;
    }

    .time-count__val {
        font-weight: 700;
        font-size: 36px;
        line-height: 37px;
        text-transform: uppercase;
        color: var(--color-white);
        font-family: var(--family-sans);
    }
}

@media (max-width: 1700px) {
    .main-banner__btn.mob_hide {
        margin-bottom: 116px;
    }
}

/* end of new banner october  */

/********************!!!!!!!! #CREDIT-NEW !!!!!!!!****************/

.photo__int:nth-child(1) .photo__int-bg img {
    object-position: left;
}
.photo__int:nth-child(1) .photo__int-bg {
    /* background: url(../img/int-desk-1.webp);
    background-size: cover; */
}

.photo__int:nth-child(2) .photo__int-bg img {
    object-position: right;
}
.photo__int:nth-child(2) .photo__int-bg {
    /* background: url(../img/int-desk-2.webp);
    background-position: right;
    background-size: cover; */
}

.photo__int:nth-child(3) .photo__int-bg img {
    object-position: right;
}
.photo__int:nth-child(3) .photo__int-bg {
    /* background: url(../img/int-desk-3.webp); */
    /* background-position: right;
    background-size: cover; */
}

.photo__int-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photo__int .photo__int-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    filter: brightness(0.6);
}

.photo__int.active .photo__int-bg {
    filter: brightness(0.7);
}

.photo__int {
    position: relative;
    padding-top: 20px;
}

.credit__form {
    display: flex;
    flex-direction: column;
    max-width: 504px;
    width: 100%;
    margin-top: 57px;
}

.credit__form .banner__inputs {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.credit__form .banner__input {
    width: 100%;
    text-align: center;
}

.photo__swiper-desk-int {
    display: flex;
    flex-direction: column;
    height: 708px;
    gap: 2px;
}

.photo__swiper-desk-bg {
    display: flex;
    flex: 25%;
    transition: all 0.6s;
}

.photo__swiper-desk-bg.active {
    flex: 87%;
    transition: all 0.6s;
}

.banner-content {
    display: none;
}

.photo__swiper-desk-bg.active .photo__int-credit .container .banner__cont .banner-content {
    display: block;
}

.photo__int-open {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
}

.trade-in__discount {
    width: 174px;
    height: 30px;
    line-height: normal;
}

.credit_percent {
    width: 94px;
}

.credit__title {
    font-size: 28px;
    line-height: 29px;
    width: 280px;
}

.photo__int-credit .banner__cont {
    justify-content: start;
}

.credit__list {
    margin-top: 10px;
    gap: 5px;
}

.banner__input {
    height: 50px;

    background: var(--color-white);

    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(76, 88, 101, 0.5);

    border-radius: 10px;

    border: none;
}

.banner__input::placeholder {
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(76, 88, 101, 0.5);
}

.banner__inputs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.banner__form-button {
    height: 50px;

    margin-top: 10px;

    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
}

.gos__title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-top: 10px;
}

.gos__list {
    gap: 2px;
    margin-top: 5px;
}

.gos__list-item {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter';
}

.gos_percent {
    padding-left: 15px;
}

/************ */

@media (max-width: 768px) {
    .desk-hide {
        display: block
    }

    .mob-hide {
        display: none;
    }

    /* SPECIAL OFFER */

    .special-offer {
        height: auto;
        margin-bottom: 60px;
    }


    .special-offer-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -2;
    }

    .special-offer-wrapper {
        max-width: 500px;
        margin-left: auto;
        height: 100%;
        background-color: transparent;
        padding: 30px 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 170px;
    }

    .special-offer-title {
        font-size: 24px;
        line-height: 28px;
    }

    .special-offer-title span::before {
        width: 67px;
        height: 33px;
    }

    .special-offer .credit__form {
        max-width: 440px;
        margin: 35px auto 0;
    }

    .special-offer details summary {
        text-align: center;
        margin: 10px 0;
        text-decoration: underline;
        list-style: none;
    }

    .special-offer details summary::marker {
        color: transparent;
    }

    .special-offer details summary::-webkit-details-marker {
        display: none; 
        color: transparent;
    }

    .special-offer details p {
        font-size: 16px;
    }
}


@media (max-width: 768px) {
    .main-banner-swiper .swiper-slide::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: -1;
        top: -61px;
        height: calc(100% + 60px);
        background: linear-gradient(178.62deg, rgba(34, 34, 34, 0) 1.69%, #000 20.78%);
    }

    .main-banner-swiper .swiper-slide.second-banner::before {
        background: linear-gradient(178.62deg, transparent 1.69%, #c3c3c3 20.78%);
        top: 208px;
    }

    .main-banner__timer-bg::before {
        display: none;
    }

    .main-banner_icon-wrap {
    
    }
    .main-banner_icon {

    }
    .main-banner_icon-img {
        width: 70px;
        height: 70px;
    }
}

.hidden {
    display: none;
}


.model__card:nth-child(1)
.model__card-head{
    position: relative;
}


@media (max-width: 600px) {
   .model__card:nth-child(1)
.model__card-head::after { 
          position: absolute;
    content: '';
    top: 0;
    left: 11%;
    /* background-image: url(../img/new.webp); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 113px;
    width: 173px;
    height: 33px;
    display: none;
} 
}

@media (max-width: 768px) {
    .section__upper
.container:nth-child(1) {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}

.swiper-models-name {
    max-width: 88vw;
}

.model-slide a {
        font-size: 20px;
    line-height: 14px;
    font-weight: 500;
    color:black;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.2s ease-in-out all;
}
.model-slide a:hover {
    transition: 0.2s ease-in-out all;
    opacity: 0.8;
}

.model-slide {
    max-width: max-content;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
   width: 24px;
        height: 24px;
        color: black;
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
         top: 0px;
        right: -34px;
}

.swiper-models-name
.swiper-wrapper, 
.swiper-models-name{
    position: unset;
}

.swiper-upper-wrapper {
    position: relative;
}
}