.container {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0;
}

button {
	cursor: pointer;
}

.btn {
	transition: all 0.4s;
}

.btn:hover {
	transform: scale(1.04);
}

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

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

.section__title {
	font-size: 60px;
	line-height: 62px;
	font-weight: 600;
}

.section__upper {
	padding-bottom: 30px;
}

.section__upper::after {
	height: 3px;
	width: calc(50% + 659px);
}

.input {
	font-size: 15px;
	line-height: 17px;
}

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

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

.header__number-mob {
	display: none;
}

.burger {
	display: none;
}

.header__menu {
	position: static;

	padding: 0;
	background: none;

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

	/* flex-basis: 80%; */
	flex-basis: 65%;
}

.header__nav {
	flex-direction: row;
}

.header__menu-info {
	display: none;
}

.wrapper-phone-n-address {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}

.header__menu-item.mob_hide {
	display: none;
}

.header__menu-btn {
	display: none;
}

.header__nav-link {
	color: var(--color-white);

	padding-left: 0;
}

.header__nav-link:hover {
	color: var(--color-orange);
}

.header__container {
	padding: 36px 0 18px;
}

.header__nav-link.active::before {
	display: none;
}

.header__info-text {
	display: flex;
	/* align-items: center; */
	align-items: flex-start;
	justify-content: center;
	gap: 4px;

	font-size: 15px;
	line-height: 17px;
	font-weight: 400;
	color: var(--color-white);
	text-decoration: none;

	flex-basis: 22%;
}

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

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

.main-banner {
	background: url(../img/main-banner_desk-2.webp) no-repeat;
	background-size: cover;
	padding: 103px 0 40px;
	aspect-ratio: 1920/942;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* position: relative; */
}

.main-banner__bg {
	background: none;

	padding: 0;

	aspect-ratio: 0;
}

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

.main-banner__timer-bg {
	background: none;

	padding: 0;
	position: relative;
}

.main-banner__timer-bg::after {
	content: '';
	position: absolute;
	bottom: -65px;
	left: 0;
	right: 0;
	height: 168px;
	backdrop-filter: blur(10px);
	z-index: -1;
}

.main-banner__actions-item {
	padding: 0 38px 0 49px;

	gap: 16px;

	font-size: 20px;
	line-height: 22px;

	height: 81px;
}

.main-banner__block {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.main-banner__actions {
	margin: 0;
}

.main-banner__actions-head {
	font-size: 43px;
	font-weight: 600;
	line-height: 52.04px;
	text-align: left;
	margin-bottom: 45px;
}

.main-banner__br-desk__hide {
	display: none;
}

.main-banner__actions-text {
	/* font-size: 29px;
    line-height: 31px; */
	display: flex;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: left;
	/* width: 462px; */
	width: auto;
	margin-left: auto;
}

.main-banner__actions-text img {
	/* margin-bottom: auto; */
	width: 40px;
	height: 40px;
}

.main-banner__title {
	font-size: 52px;
	line-height: 54px;
	margin-top: 40px;
	text-align: left;
}



.main-banner__title::before {

	left: 0;

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

.main-banner__title .title_small {
	display: inline;

	font-size: 52px;
	line-height: 54px;
}

.main-banner__timer {
	/* margin-top: 156px; */

	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-banner__text {
	font-size: 26px;
	line-height: 38px;
	text-align: left;

	flex-basis: 21%;
}

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

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

.main-banner__text .big_text {
	font-size: 50px;
	line-height: 52px;

	display: block;
}

.main-banner__btn {
	flex-basis: 28%;
	height: 66px;
	margin: 0;
}

.time-count__item {
	width: 105px;
}

.time-count__val {
	font-size: 42px;
	line-height: 44px;
}

.time-count__text {
	font-size: 13px;
	line-height: 15px;
}

.timer {
	flex-basis: 39%;
	gap: inherit;
	justify-content: space-between;
	margin: 0;
}

.main-banner__container {
	justify-content: flex-start;

	/* gap: 30px; */
}

.pie {
	width: 95px;
	height: 95px;

	bottom: -18px;
	left: 5px;
}

.main-banner__btn.mob_hide {
	display: flex;

	height: 62px;
	width: 392px;

	flex-basis: auto;

	/* margin: 60px 0 0; */

	margin-top: 30px;

	margin-left: auto;
	margin-right: 61px;
}

.model__card-info {
	flex-basis: 27%;
}

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

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

.models {
	padding-top: 70px;
}

.models__container {
	margin-top: 40px;

	gap: 53px;
}

.model__card {
	width: 100%;

	padding-bottom: 72px;
}

.model__card-cont {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.model__card-swiper {
	margin-top: 16px;

	height: 288px;
}

.model__card-img {
	max-width: 480px;
}

.model__card-colors {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.models__colors {
	order: 3;

	width: 196px;
	height: 27px;

	margin-top: 15px;

	margin-left: 100px;
}

.model__card-head {
	font-size: 60px;
	line-height: 62px;
}

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

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

.model__card::after {
	height: 4px;
}

.model__card-list {
	margin-top: 0;

	gap: 30px;

	flex-basis: 30%;
}

.model__card-item {
	gap: 17px;

	font-size: 23px;
	line-height: 25px;
}

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

.model__card-old {
	font-size: 22px;
	line-height: 24px;
}

.model__card-price {
	font-size: 33px;
	line-height: 35px;

	margin-top: 8px;
}

.model__card-price .text_color {
	font-size: 36px;
	line-height: 38px;
}

.model__card-month {
	font-size: 22px;
	line-height: 24px;

	margin-top: 24px;
}

.model__card-month .text_color {
	font-size: 25px;
	line-height: 27px;
}

.model__card-btn {
	height: 53px;

	font-size: 23px;
	line-height: 25px;
}

.model__card-btns {
	gap: 15px;
}

.models__color-bg {
	width: 27px;
	height: 27px;

	cursor: pointer;
}

/* .models__colors::after {
    z-index: 1;
} */

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

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

.equips {
	padding: 70px 0 95px;
}

.equips__filter {
	width: 100%;

	margin-top: 50px;

	flex-direction: row;
	justify-content: space-between;
}

.equips__select {
	width: 514px;
}

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

	height: 36px;
}

.select2-container--default .select2-selection--single {
	border-bottom: 3px solid var(--color-orange);

	height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 22px;
	height: 11px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	width: 22px;
	height: 11px;

	background-size: cover;
}

.equips__container {
	margin-top: 40px;
}

.equip__card {
	width: 100%;

	padding-bottom: 22px;
}

.equip__card::after {
	height: 5px;
}

.equip__card-cont {
	display: flex;
	justify-content: space-between;
}

.equip__card-head {
	font-size: 40px;
	line-height: 42px;

	margin-bottom: 0;
}

.equip__card-name {
	display: block;

	font-size: 28px;
	line-height: 30px;
	font-weight: 600;
	color: var(--color-grey);

	margin-bottom: 33px;
}

.equip__card-text,
.equip__card-spec {
	font-weight: 600;
}

.equip__card-button {
	font-size: 23px;
	line-height: 25px;
}

.equip__card-btns {
	margin-top: 0;
}

.equip__card-prices,
.equip__card-info {
	margin-top: 0;
}

.equip__card-prices {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-basis: 23%;

	margin-top: 32px;
}

.equip__card-info {
	flex-basis: 40%;
}

.equips__button {
	height: 30px;

	font-size: 15px;
	line-height: 17px;

	margin: 15px auto 0;
}

.equip__card-img {
	height: 168px;
}

.equip__card-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

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

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

.banner {
	padding: 33px 0 44px;
}

.banner__title {
	font-size: 47px;
	line-height: 49px;
}

.banner__button {
	display: none;
}

.banner__list-item {
	font-size: 24px;
	line-height: 26px;
}

.banner__form {
	display: block;

	width: 648px;
}

.banner__input {
	padding-left: 16px;

	height: 53px;

	background: var(--color-white);

	font-size: 24px;
	line-height: 26px;
	font-weight: 400;

	border-radius: 10px;

	border: none;
}

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

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

.banner__form-button {
	height: 53px;

	margin-top: 15px;

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

.banner .select2-container .select2-selection--single {
	height: auto;

	background: none;

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

.banner .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 24px;
	/* line-height: 53px; */
	font-weight: 400;
	color: rgba(255, 255, 255, 0.7);

	padding-bottom: 0;
}

.banner .select2-container--default .select2-selection--single .select2-selection__arrow b {
	background: url(../img/arrow-select-ban.svg) no-repeat;

	top: 20px;
}

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

.credit {
	background: url(../img/credit_desk.webp) no-repeat;
	background-size: cover;

	aspect-ratio: 1920/518;

	height: auto;
}

.credit__title {
	font-size: 44px;
	line-height: 46px;

	width: 588px;
}

.credit_percent {
	width: 159px;

	/* padding-bottom: 4px; */
}

.credit__list {
	margin-top: 0;

	gap: 20px;
}

.credit__form {
	margin-top: 35px;
}

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

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

	aspect-ratio: 1920/828;

	margin-top: 70px;

	height: auto;
}

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

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

.trade-in__upper {
	position: relative;

	padding-bottom: 10px;
}

.trade-in__upper::after {
	content: '';

	display: block;

	height: 3px;
	width: calc(50% + 659px);

	background: var(--color-orange);

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

.trade-in__text {
	margin-top: 31px;

	font-size: 39px;
	line-height: 41px;
}

.trade-in__discount {
	width: 242px;
	line-height: 44px;
	height: auto;
}

.trade-in__list {
	display: flex;
	justify-content: space-between;

	margin-top: 56px;
}

.trade-in__list-item {
	display: flex;
	align-items: center;
	gap: 15px;
}

.trade-in__list-ball {
	width: 85px;
	height: 85px;

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

	border-radius: 50%;

	background: var(--color-orange);

	font-size: 55px;
	line-height: 57px;
	font-weight: 600;
	color: var(--color-white);
}

.trade-in__list-text {
	font-size: 24px;
	line-height: 33px;
	font-weight: 500;
	color: var(--color-white);
}

.trade__form {
	margin-left: auto;
}

.trade__form-selects {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 35px;
}

.trade-in__inputs {
	margin-top: 67px;
}

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

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

.contacts {
	height: auto;

	background: none;

	/* padding-top: 149px; */
	padding-bottom: 0;
}

.contacts__upper {
	display: block;
}

.contacts__bg {
	margin-top: 32px;

	/* background: url(../img/con_desk.webp) no-repeat; */
	background-size: cover;
	background-position: center;

	aspect-ratio: 1920/526;

	padding-bottom: 56px;
}

.contacts__img {
	display: block;
}

.contacts__info {
	display: flex;
	align-items: center;
	gap: 67px;
}

.contacts__cont {
	padding: 19px 20px;
}

.contacts__cont::before {
	width: 100%;

	background: url(../img/con_line.png) no-repeat;
	background-size: cover;
	/* width: 51%; */
	width: 40%;
	background-position: right;
}

.contacts__info-list {
	gap: 10px;
}

.contacts__info-text {
	font-size: 16px;
	line-height: 20px;
    max-width: 350px;
}

.contacts__info-link {
	font-size: 32px;
	line-height: 34px;
}

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

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

.footer {
	padding: 77px 0 64px;
    position: absolute;
    width: 100%;
}

.footer__block-mob {
	display: none;
}

.footer__links.mob_hide {
	display: flex;
}

.footer__links {
	flex-direction: row;
	gap: 48px;

	margin-top: 58px;
}

.footer__container {
	padding-top: 0;
}

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

.footer__text.big {
	font-size: 16px;
	line-height: 18px;
}

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

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

.popup {
	width: 853px;
	height: 378px;

	padding: 26px;
}

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

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

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

	padding: 42px 36px;

	height: 378px;
}

#modalSuc .popup__cont {
	justify-content: flex-end;
}

.popup__suc-head {
	font-size: 55px;
	line-height: 57px;
}

.popup__suc-sub-head {
	font-size: 30px;
	line-height: 32px;

	margin-top: 27px;

	width: 460px;

	margin-left: auto;
}

.popup__special-head {
	margin: 0;
	padding: 0;

	font-size: 34px;
	line-height: 41px;

	width: 100%;
	height: auto;

	background: none;
}

.popup__credit-head {
	font-size: 31px;
	line-height: 33px;
}

.popup__credit-percent {
	width: 109px;
}

.popup__texts {
	align-self: flex-start;
}

.popup__cont {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;

	height: 100%;
}

#modalSpecial .popup__form,
#modalCredit .popup__form {
	width: 356px;
	margin: 0;
}

.popup__space {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.fancybox__content > .f-button.is-close-btn {
	top: 0;

	opacity: 1;
}

.popup__list {
	margin-top: 10px;

	gap: 17px;
}

.popup__list.mob_hide {
	display: flex;
}

.popup__list-item {
	font-size: 17px;
	line-height: 19px;
}

.popup__form-btn {
	height: 32px;

	margin-top: 20px;

	font-size: 15px;
	line-height: 17px;
}

.popup__form-inputs {
	gap: 36px;
}

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

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

@media screen and (max-width: 1700px) {
	.main-banner__timer-bg::after {
		height: 144px;
	}
	.main-banner__title {
		font-size: 52px;
		line-height: 54px;
		margin-top: 0;
		text-align: left;
	}
    .main-banner__actions-head {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1500px) {
	/* .main-banner__btn.mob_hide {
		margin: 20px 0 0;
	} */
}

@media screen and (max-width: 1400px) {
	/* .main-banner__btn.mob_hide {
		margin: 0;
	} */
}

@media screen and (max-width: 1600px) {
	.main-banner__title,
	.main-banner__title .title_small {
		font-size: 40px;
		line-height: 42px;
	}

	.main-banner__actions-head {
		font-size: 38px;
		line-height: 40px;
	}

	.main-banner__actions-text {
		font-size: 25px;
		line-height: 27px;
	}

	.main-banner__text {
		font-size: 23px;
		line-height: 25px;
	}

	.main-banner__text .big_text {
		font-size: 45px;
		line-height: 47px;
	}

	/* .credit__form {
        margin-top: 18px;
    } */

	.credit__title {
		font-size: 30px;
		line-height: 32px;
		width: 396px;
		margin-bottom: 10px;
	}

	.trade-in__list {
		margin-top: 25px;
	}

	.trade-in__text {
		margin-top: 18px;
		font-size: 23px;
		line-height: 25px;

		width: 750px;
	}

	.trade-in__discount {
		width: 177px;
		line-height: 32px;
	}

	.trade-in__list-ball {
		width: 60px;
		height: 60px;

		font-size: 35px;
		line-height: 37px;
	}

	.trade-in__list-text {
		font-size: 18px;
		line-height: 20px;
	}

	.trade-in__inputs {
		margin-top: 35px;
	}

	.credit__list {
		gap: 10px;
	}

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

	.banner {
		padding: 15px 0 20px;
	}

	.contacts__info-list {
		gap: 8px;
	}

	.contacts__info-text {
		font-size: 16px;
		line-height: 20px;
	}

	.contacts__info-link {
		font-size: 20px;
		line-height: 24px;
	}
	.credit_percent {
		width: 109px;
	}
    .contacts__img {
        width: 120px;
        height: auto;
    }
    .contacts__cont::before {
        width: 40%;
    }
}

@media screen and (max-width: 1360px) {
	.container {
		max-width: 900px;
	}

	.section__title {
		font-size: 44px;
		line-height: 46px;
	}

	.section__upper::after,
	.trade-in__upper::after {
		width: calc(50% + 450px);
	}

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

	.header__nav-link {
		font-size: 13px;
		line-height: 15px;
	}

	.header__info-text {
		font-size: 12px;
		line-height: 14px;

		flex-basis: 25%;
	}

	.main-banner__title,
	.main-banner__title .title_small {
		font-size: 28px;
		line-height: 30px;
	}

	.main-banner__actions-head {
		font-size: 30px;
		line-height: 32px;
	}

	.main-banner__actions-text {
		font-size: 22px;
		line-height: 24px;
	}

	.main-banner__text {
		font-size: 18px;
		line-height: 20px;
	}

	.main-banner__text .big_text {
		font-size: 33px;
		line-height: 35px;
	}

	.time-count__val {
		font-size: 30px;
		line-height: 32px;
	}

	.time-count__text {
		font-size: 12px;
		line-height: 14px;
	}

	.pie {
		width: 75px;
		height: 75px;

		bottom: -17px;
		left: 14px;
	}

	.main-banner__btn {
		font-size: 17px;
		line-height: 19px;
	}

	.main-banner__btn.mob_hide {
		width: 310px;
	}

	.main-banner {
		padding: 90px 0 40px;
	}

	.main-banner__timer {
		margin-top: 0;
	}

	.model__card-head {
		font-size: 34px;
		line-height: 36px;
	}

	.model__card-img {
		max-width: 275px;
	}

	.model__card-item {
		font-size: 17px;
		line-height: 19px;
		gap: 10px;
	}

	.model__card-price {
		font-size: 24px;
		line-height: 26px;
	}

	.model__card-price .text_color {
		font-size: 27px;
		line-height: 29px;
	}

	.model__card-month {
		font-size: 18px;
		line-height: 20px;

		margin-top: 15px;
	}

	.model__card-month .text_color {
		font-size: 22px;
		line-height: 24px;
	}

	.model__card-btn {
		font-size: 18px;
		line-height: 20px;
	}

	.model__card {
		padding-bottom: 30px;
	}

	.model__card-list {
		gap: 20px;

		flex-basis: 26%;
	}

	.equip__card-head {
		font-size: 30px;
		line-height: 32px;
	}

	.equip__card-img img {
		max-width: 280px;
	}

	.equip__card-price b {
		font-size: 24px;
		line-height: 26px;
	}

	.equip__card-price {
		font-size: 20px;
		line-height: 22px;
	}

	.equip__card-button {
		font-size: 17px;
		line-height: 19px;
	}

	.equip__card-name {
		font-size: 22px;
		line-height: 35px;
	}

	.equip__card-info {
		flex-basis: 35%;
	}

	.equip__card-prices {
		flex-basis: 26%;
	}

	.equips__select {
		width: 414px;
	}

	.banner__input {
		height: 40px;

		font-size: 16px;
		line-height: 18px;

		flex-basis: 49%;
	}

	.banner__input::placeholder {
		font-size: 16px;
		line-height: 18px;
	}

	.banner__form-button {
		height: 40px;
	}

	.banner__form {
		width: 448px;
	}

	.banner .select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 18px;
		line-height: 36px;
	}

	.credit__title {
		width: auto;

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

	.credit_percent {
		width: 86px;
	}

	.trade__form-selects {
		gap: 15px;
	}

	.contacts {
		padding-top: 50px;
	}

	.contacts__info {
		gap: 5px;
	}
    .contacts__cont {
        padding: 19px 10px;
    }

	.contacts__cont::before {
		background-position: right;
	}

	.contacts__img {
		max-width: 150px;
	}

	.contacts__info-text {
		font-size: 15px;
		line-height: 17px;
	}

	.contacts__info-link {
		font-size: 20px;
		line-height: 22px;
	}

	.equip__card-img {
		height: 176px;
	}

	.model__card-swiper {
		height: 160px;
	}

	.model__card-info {
		flex-basis: 30%;
	}
}

/* new banner  */
@media (min-width: 1025px) {

     .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: left;
    }

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

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

  

    .header {
		position: absolute;
        z-index: 111;
    }

    .wrapper-main-banner-swiper {
        height: 100%;
    }

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

    .main-banner-swiper .swiper-slide {
        padding-top: 115px;
        padding-bottom: 50px;
    }
    .main-banner_icon-wrap {
        top: 115px;
    }

	.second-banner .main-banner__title,
	.second-banner .main-banner__actions-head,
	.second-banner .main-banner__actions-text {
		text-align: left;
		margin-left: 0;
		justify-content: flex-start;
	}

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

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

	.second-banner .main-banner__actions-head {
		margin-top: 40px;
		margin-bottom: 0;
	}

	.second-banner .main-banner__btn.mob_hide {
		margin-left: 0;
	}

	.second-banner .main-banner__block,
	.first-banner .main-banner__actions-text:not(:last-child) {
		position: static;
	}

	.first-banner .main-banner__actions-text:not(:last-child) {
		font-size: 1.6vw;
	}

	.second-banner .main-banner__actions-text:not(:last-child) {
		justify-content: flex-start;
	}

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

	.second-banner .main-banner__actions-head_mob-text {
		display: inline-block;
		font-size: 43px;
	}

    .third-banner .main-banner__actions-head_mob-text {
		display: inline-block;
		font-size: 40px;
	}

	.first-banner .main-banner__title .title_small {
		letter-spacing: 2px;
		font-weight: 600;
	}

    .third-banner .main-banner__title {
        text-align: left;
        margin-top: 0;
    }

    .third-banner .title_small .title_small--accent {
        text-transform: uppercase;
        color: #E67839;
    }

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


	.main-banner {
		/* background: url(../img/nov-banner.webp) no-repeat; */
		/* background: url(../img/banner_desk-winter.webp) no-repeat; */
        background: none;
		background-size: cover;
		/* padding: 103px 0 40px; */
		padding: 0;
		aspect-ratio: 1920 / 942;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
        position: relative;
	}

    .main-banner__timer-bg {
        position: absolute;
        bottom: 6vh;
        z-index: 1;
        width: 100%;
    }

	.main-banner__actions-head {
		font-size: 43px;
		font-weight: 600;
		line-height: 52.04px;
		text-align: left;
		/* margin-bottom: 0px; */
	}

	.third-banner .main-banner__actions-head {
		text-align: left;
        margin-bottom: 0;
        font-weight: 500;
        font-size: 40px;
        margin-top: 0;
	}

    

	.main-banner__btn.mob_hide {
		display: flex;
		height: 62px;
		/* width: 392px; */
		width: 375px;
		flex-basis: auto;
		/* margin: 60px 0 0; */
		/* margin-top: 58px; */
		margin-top: 40px;
		margin-left: 0;
		margin-right: 0px;
		margin-bottom: 152px;
		box-shadow: 0px 0px 12px 0px #00000063;
	}

    .third-banner .main-banner__btn.mob_hide {
        margin-right: auto;
        margin-left: unset;
        margin-top: 0px;
        width: 286px;
    }

	.main-banner__actions-text img {
		/* margin-bottom: auto; */
		width: 35px;
		height: 35px;
	}

	.main-banner__actions-text {
	    display: flex;
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 10px;
        font-weight: 400;
        text-align: left;
        /* width: 462px; */
        width: auto;
        margin-top: 19px;
        margin-left: 0;
        justify-content: flex-start;
	}

    .third-banner .main-banner__actions-text  {
        margin-right: auto;
        margin-left: unset;
        margin-top: 0;
        font-size: 24px;
        line-height: 1;
        font-weight: 500;
        padding-left: 0;
    }

	.pie {
		width: 107px;
		height: 107px;
		bottom: -18px;
		left: 5px;
	}

	.time-count__item {
		width: 116px;
	}

	.time-count__val {
		font-size: 45px;
		line-height: 53px;
	}
}

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

@media (min-width: 1350px) and (max-width: 1780px) {
	.main-banner__btn.mob_hide {
		margin-bottom: 115px;
        margin-top: 5px;
	}
}

/* end of new banner october  */

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

.credit {
	/* background: url(../img/credit_desk.webp) no-repeat; */
	background: none;
	background-size: cover;

	/* aspect-ratio: 1920/518; */
	height: 570px;
	width: 100%;

	/* height: auto; */
}

.credit__title {
	font-size: 44px;
	line-height: 46px;
	font-weight: 500;
	width: 588px;
}

.credit_percent {
	width: 159px;

	/* padding-bottom: 4px; */
}

.credit__list {
	margin-top: 0;

	gap: 10px;
}

.credit__form {
	margin-top: 35px;
}

.credit__form {
	display: flex;
	flex-direction: column;
}

.photo__int:nth-child(2) .photo__int-credit {
	justify-content: start;
	margin-left: 40px;
}

.photo__int:nth-child(3) .photo__int-credit {
	justify-content: start;
	margin-left: 40px;
}

.credit__list {
	margin-top: 30px;
}

.gos__title {
	font-family: 'Inter';
	font-size: 28px;
	font-weight: 600;
	line-height: 28px;
	color: #ffffff;
	margin-top: 30px;
}

.gos__list {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-top: 10px;
}

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

.photo__int-credit {
	display: flex;
	justify-content: end;
	width: 100%;
}

.photo__int-credit .trade-in__discount {
	width: 278px;
	line-height: 44px;
	height: auto;
}

.photo__int-credit .container {
	margin: 0;
}

.photo__int-credit .banner__cont {
	max-width: 588px;
	width: 100%;
	justify-content: start;
}

.photo__int-open {
	position: absolute;
	bottom: 40px;
	right: 40px;
	width: 32px;
	height: 32px;
}

.photo__list-item_after_line.active::before {
	background: #252525;
}

.photo__list-item_before_line.active::after {
	background: #252525;
}

.photo__swiper-desk-head {
	font-weight: 400;
	font-size: 24px;
	line-height: 24px;
	color: #252525;

	display: none;
}

.photo__swiper-desk-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	color: #252525;
	margin-top: 30px;

	display: none;
}

.photo__swiper-desk-ext,
.photo__swiper-desk-int {
	display: flex;
	gap: 2px;
	flex-direction: row;
}

.photo__swiper-desk-bg {
	flex: unset;
	padding-top: 50px;

	height: 570px;

	background-position: center;
	background-size: cover;

	flex-basis: 25%;
	transition: all 0.6s;

	cursor: pointer;
}

.photo__swiper-desk-bg.active {
	/* padding-left: 320px; */
	flex: unset;

	flex-basis: 50%;

	/* animation-duration: .6s;
    animation-name: slidein; */

	transition: all 0.6s;
}

#desk-ext-s5gt,
#desk-int-s5gt {
	opacity: 0;
	position: absolute;
	z-index: -1;
	top: 0;
}

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

/* @keyframes slidein {
    from {
        transform: scale(1.1);
   
    }
    to {
      
        transform: scale(1);
    }
  } */

@keyframes slideinUp {
	from {
		transform: scale(0.8);

		/* transform: translateX(-10px); */
	}
	to {
		transform: scale(1);
		margin-left: 0;
		/* transform: translateX(0); */
	}
}

.photo__swiper-desk {
	display: block;
	padding: 80px 0 120px;
}

.photo__swiper-desk-bg.active .photo__swiper-desk-head,
.photo__swiper-desk-bg.active .photo__swiper-desk-text {
	display: block;
}

.photo__swiper-desk-bg.active .photo__swiper-desk-text {
	width: 463px;
}

.photo__swiper-desk-int .photo__swiper-desk-head,
.photo__swiper-desk-int .photo__swiper-desk-text {
	color: #ffffff;
}

.banner-content {
	display: none;
}

.photo__swiper-desk-bg .credit__title {
	width: 400px;
}

.photo__swiper-desk-bg.active .credit__title {
	width: 588px;
}

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

.gos_percent {
	padding-left: 25px;
}

/********************!!!!!!!!!!!!!!!!****************/

.section__upper
.container:nth-child(1) {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 50px;
    justify-content: space-between;
    border-bottom: 3px solid var(--color-orange);;
    padding-bottom: 15px;
}

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

.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;

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

.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: 5px;
        right: -46px;
}

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

.swiper-upper-wrapper {
    position: relative;
    max-width: 40vw;
}