@font-face {
	font-family: "ProximaNova";
	src: url(../fonts/ProximaNova-Regular.woff2) format("woff2"), url(../fonts/ProximaNova-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "ProximaNova";
	src: url(../fonts/ProximaNova-Medium.woff2) format("woff2"), url(../fonts/ProximaNova-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "ProximaNova";
	src: url(../fonts/ProximaNova-Semibold.woff2) format("woff2"), url(../fonts/ProximaNova-Semibold.woff) format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "ProximaNova";
	src: url(../fonts/ProximaNova-Bold.woff2) format("woff2"), url(../fonts/ProximaNova-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

* {
	box-sizing: border-box
}

html {
	height: 100%;
    scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: "ProximaNova", sans-serif;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 400;
	background: #fafafa
}

.wrapper {
	display: flex;
	flex-direction: column;
	height: 100%
}

.main {
	flex-grow: 1
}

.footer {
	flex-shrink: 1
}

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

.wrapper-gradient {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 126, 62, 0.05) 100%)
}

.wrapper-sections {
	position: relative
}

.wrapper-sections::after {
	content: "";
	position: absolute;
	width: 100%;
	top: 220px;
	left: 0;
	height: 69%;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 126, 62, 0.05) 100%);
	z-index: 1
}

.icon-item {
	display: block;
	fill: inherit;
	width: 100%;
	height: 100%
}

.shevron-icon {
	width: 13px;
	height: 9px
}

.calculator-icon {
	width: 16px;
	height: 18px
}

.arrow-icon {
	width: 13px;
	height: 12px
}

.agree-icon {
	width: 12px;
	height: 9px
}

.agree-frame-icon {
	width: 16px;
	height: 16px
}

.vk-icon {
	width: 13px;
	height: 8px
}

.yt-icon {
	width: 12px;
	height: 9px
}

.inst-icon {
	width: 11px;
	height: 11px
}

.selection-icon {
	width: 31px;
	height: 29px
}

.payment-icon {
	width: 31px;
	height: 25px
}

.delivery-icon {
	width: 31px;
	height: 31px
}

.custome-icon {
	width: 33px;
	height: 33px
}

.fix-icon {
	width: 31px;
	height: 31px
}

.reception-icon {
	width: 29px;
	height: 29px
}

.tel-icon {
	width: 12px;
	height: 12px
}

.location-icon {
	width: 13px;
	height: 15px
}

.link-icon {
	width: 15px;
	height: 15px;
	fill: none
}

.logo {
	max-width: 130px
}

.logo img {
	max-width: 100%;
	max-height: 100%;
	display: block
}

.nav-wrapper.open {
	display: block
}

.main-nav {
	display: flex;
	align-items: center;
	gap: 42px
}

.main-nav__link {
	color: #555;
	font-size: 12px;
	line-height: 1.25;
	-webkit-text-decoration: none;
	text-decoration: none
}

.mob-burger {
	display: none;
	background-color: #ffeadf;
	width: 29px;
	height: 27px;
	padding: 7px
}

.mob-burger.open {
	background-color: #ff7e3e
}

.mob-burger.open span,
.mob-burger.open span::before,
.mob-burger.open span::after {
	background-color: #fff
}

.mob-burger span,
.mob-burger span::before,
.mob-burger span::after {
	width: 15px;
	height: 3px;
	background-color: #ff7e3e;
	display: block;
	position: relative
}

.mob-burger span::after {
	content: "";
	top: 5px;
	position: absolute
}

.mob-burger span::before {
	content: "";
	top: 10px;
	position: absolute
}

.button {
    cursor: pointer;
	border: 1.8px solid #ff7e3e;
    font-family: 'ProximaNova';
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	padding: 0 12px;
	color: #fff;
	gap: 14px;
	-webkit-text-decoration: none;
	text-decoration: none;
	position: relative;
	fill: #fff;
	transition: color 1s cubic-bezier(0.25, 1, 0.25, 1), fill 1s cubic-bezier(0.25, 1, 0.25, 1), background-color 1s cubic-bezier(0.25, 1, 0.25, 1);
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0)
}

.button::after {
	content: "";
	background-color: #ff7e3e;
    border: 1.8px solid #ff7e3e;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: bottom center;
	transform: scale3d(1, 1, 1);
	transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1);
	z-index: 1
}

.button:hover {
	color: #333;
	fill: #333;
	border: 1.8px solid #ff7e3e
}

.button:hover::after {
	transform: scale3d(1, 0, 1);
	transform-origin: top center
}

.button:hover .shevron-icon {
	rotate: 180deg
}

.button_white {
	background-color: #fff;
	color: #333;
	fill: #333
}

.button_white::after {
	content: "";
	background-color: #ff7e3e;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: top center;
	transform: scale3d(1, 0, 1);
	transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1);
	z-index: 1
}

.button_white:hover {
	color: #fff;
	fill: #fff
}

.button_white:hover::after {
	transform: scale3d(1, 1, 1);
	transform-origin: bottom center
}

.button_white.active {
	background-color: #ff7e3e;
	color: #fff;
	fill: #fff
}

.button_white.active .shevron-icon {
	rotate: 180deg
}

.button_border {
	border: 1.8px solid #ff7e3e;
	background-color: rgba(0, 0, 0, 0);
	color: #333;
	fill: #333
}

.button_border::after {
	content: "";
	background-color: #ff7e3e;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: top center;
	transform: scale3d(1, 0, 1);
	transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1);
	z-index: 1
}

.button_border:hover {
	color: #fff;
	fill: #fff
}

.button_border:hover::after {
	transform: scale3d(1, 1, 1);
	transform-origin: bottom center
}

.button span,
.button .mob-burger span::after,
.mob-burger .button span::after,
.button .mob-burger span::before,
.mob-burger .button span::before {
	position: relative;
	z-index: 2
}

.button svg {
	position: relative;
	z-index: 2
}

.title {
	margin: 0;
	color: #333;
	font-weight: 700;
	line-height: 1.2
}

.title_h1 {
	font-size: 40px;
	line-height: 1.225
}

.title_h2 {
	font-size: 32px
}

.title_h3 {
	font-size: 20px
}

.title_h4 {
	font-size: 16px
}

.title__large {
	text-transform: uppercase
}

.text {
	color: #555;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	margin: 0
}

.benefits {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
	list-style: none;
	gap: 12px
}

.benefits__item {
	display: flex;
	align-items: center;
	background: rgba(255, 126, 62, .15);
	padding: 4px 6px 5px 8px;
	gap: 7px;
	color: #ff7e3e;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25
}

.benefits__icon {
	display: block;
	fill: #ff7e3e;
	width: 12px;
	height: 13px
}

.benefits__icon .clock-icon {
	width: 12px;
	height: 14px
}

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

.info-card {
	padding: 19px 18px 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center
}

.info-card:nth-child(even) {
	background-color: #fff
}

.info-card__icon {
	fill: #ff7e3e;
	width: 85px;
	min-width: 85px;
	height: 85px;
	background-color: #ffeadf;
	display: flex;
	justify-content: center;
	align-items: center
}

.info-card__icon .clock-icon {
	width: 48px;
	height: 55px
}

.info-card__icon .ok-icon {
	width: 54px;
	height: 54px
}

.info-card__icon .list-icon {
	width: 47px;
	height: 51px
}

.info-card__title {
	margin: 14px 0 11px
}

.info-card__text {
	flex-grow: 1;
	font-size: 13px
}

.info-card__desc .title {
	display: none;
	margin: 0 0 11px
}

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

.service-card {
	overflow: hidden;
	display: flex;
	justify-content: space-between
}

.service-card__content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 17px 0;
	gap: 13px
}

.service-card__title {
	margin: 0 0 1px
}

.service-card__button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 43px;
	height: 43px;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background: #ffeadf;
	fill: #ff7e3e;
	transition: .3s
}

.service-card__button .icon-item {
	position: relative;
	z-index: 2
}

.service-card__button::after {
	content: "";
	background-color: #ff7e3e;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: top center;
	transform: scale3d(1, 0, 1);
	transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1);
	z-index: 1
}

.service-card__button:hover {
	fill: #fff
}

.service-card__button:hover::after {
	transform: scale3d(1, 1, 1);
	transform-origin: bottom center
}

.service-card__image {
	width: 148px;
	height: 131px;
	background-color: #ff7e3e;
	position: relative
}

.service-card__image img {
	position: absolute;
	right: 0
}

.product-slider-main, .slider-miniatures {
	opacity: 0;
}

.product-slider .swiper-horizontal>.swiper-scrollbar,
.product-slider .swiper-scrollbar.swiper-scrollbar-horizontal {
	position: static;
	margin-top: 29px;
	background: #ffeadf;
	height: 5px;
	border-radius: 0%
}

.product-slider .swiper-scrollbar-drag {
	background: #ff7e3e;
	border-radius: 0%
}

.product-slider-main .products-grid {
	display: flex;
	grid-gap: 0;
	gap: 0;
}

.product-slider-main .swiper-scrollbar {
	display: none;
}

.product-slider-main .swiper-slide{
	max-width: 224px;
}

.product-slider__handle {
	position: relative;
	width: fit-content;
	margin-left: auto;
	padding: 0 22px;
}

.pagination {
	display: flex;
	justify-content: flex-end;
}

.pagination__item {
	border: 1px solid #999;
	background-color: rgba(0, 0, 0, 0);
	color: #999;
	font-size: 16px;
	line-height: 1.2;
	text-align: center;
	width: 37px;
	height: 37px;
	border-radius: 0;
	display: flex;
    align-items: center;
    justify-content: center;
	opacity: 1;
}

.swiper-pagination-horizontal.swiper-pagination-bullets .pagination__item.swiper-pagination-bullet {
	margin: 0;
}

.pagination__item.swiper-pagination-bullet-active {
	background-color: #ff7e3e;
	border: 1px solid rgba(0, 0, 0, 0);
	color: #fff
}

.product-slider .pagination {
	margin: 48px 0 0;
	gap: 15px;
}

.product-slider .swiper-button-next:after,
.product-slider .swiper-button-prev:after {
	display: none;
}

.product-slider .swiper-button-next,
.product-slider .swiper-button-prev {
	width: 11px;
	height: 7px;
	fill: #999;
	top: 50%;
	translate: 0% -50%;
	margin: 0;
	opacity: 1;
}

.product-slider .swiper-button-prev {
	rotate: -90deg;
	left: 0;
	right: auto;
}

.product-slider .swiper-button-next {
	rotate: 90deg;
	left: auto;
	right: 0;
}

.product-slider .swiper-button-next.swiper-button-disabled,
.product-slider .swiper-button-prev.swiper-button-disabled {
	display: none
}

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

.product-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 14px
}

.product-card__top {
	position: relative;
	aspect-ratio: 224/242;
	cursor: pointer;
	box-shadow: 0px 4px 78.4px 0px rgba(0, 0, 0, .05);
}

.product-card__top img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block
}

.product-card__top::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(102, 102, 102, .4);
	opacity: 0;
	z-index: 1;
	transition: cubic-bezier(0.165, 0.84, 0.44, 1) .3s
}

.product-card__top:hover::after {
	opacity: 1
}

.product-card__link {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-text-decoration: none;
	text-decoration: none
}

.product-card__link-row {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0
}

.product-card__link-name {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	background-color: #ff7e3e;
	min-height: 29px;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center
}

.product-card__arrow {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background-color: rgba(255, 255, 255, .35);
	fill: #fff
}

.product-card__arrow .arrow-icon {
	width: 20px;
	height: 20px
}

.product-card__text {
	font-size: 13px
}

.product-card__title {
	margin: 4px 0
}

.product-card__button {
	width: 160px
}

.product-card__add-info {
	display: flex;
	align-items: flex-end;
	gap: 4px;
	font-size: 13px;
	color: #333;
	margin: 11px 0 0
}

.product-card__add-info b {
	font-weight: 600
}

.product-card__icon {
	width: 19px;
	height: 19px;
	fill: #ff7e3e;
	padding: 2px 3px;
	display: flex;
	align-items: center;
	justify-content: center
}

.product-card1 {
	position: relative;
	aspect-ratio: 188/143;
	max-width: 188px;
}

.product-card1::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(102, 102, 102, .4);
    opacity: 0;
    z-index: 1;
    transition: cubic-bezier(0.165, 0.84, 0.44, 1) .3s;
}

.product-card1:hover::after {
    opacity: 1;
}

.product-card1 img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
    position: relative;
    z-index: 1;
}

.product-card1__head {
    position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	background-color: #ff7e3e;
	fill: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
    z-index: 1;
}

.product-card1:hover .product-card1__head {
    z-index: 2;
}

.product-card1__link {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-text-decoration: none;
	text-decoration: none;
    z-index: 2;
}

.product-card1 .arrow-icon {
	width: 10px;
	height: 10px
}

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

.filters-row {
	display: flex;
	gap: 15px;
	flex-wrap: wrap
}

.filter {
	position: relative
}

.filter__visible {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 37px;
	padding: 9px 9px 9px 14px;
	border: 1px solid #999;
	cursor: pointer
}

.filter__current {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2
}

.filter__arrow {
	width: 19px;
	height: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
	fill: rgba(153, 153, 153, .6);
	rotate: 180deg;
	transition: ease .3s
}

.filter__arrow .shevron-icon {
	width: 9px;
	height: 6px
}

.filter.open .filter__arrow {
	rotate: 0deg
}

.filter.open .filter__drop {
	display: block
}

.filter__drop {
	display: none;
	background-color: #fafafa;
	box-shadow: 0px 1px 9px rgba(0, 0, 0, .05);
	overflow: auto;
	max-height: 170px;
	position: absolute;
	z-index: 3;
	width: 100%;
	padding: 15px 0
}

.filter__drop::-webkit-scrollbar {
	width: 4px;
	background-color: #d9d9d9
}

.filter__drop::-webkit-scrollbar-button {
	display: none
}

.filter__drop::-webkit-scrollbar-thumb {
	background-color: #ff7e3e
}

.filter__menu {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 8px
}

.filter__item {
	padding: 5px 15px;
	font-size: 14px;
	color: #555;
	line-height: 1.25;
	font-weight: 600;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0);
	transition: ease .3s
}

.filter__item:hover {
	background-color: #ffeadf
}

.filter__item.current {
	background-color: #ffeadf
}

.form-block__text {
	margin: 0 0 16px
}

.form-block__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 17px;
	gap: 17px
}

.input-item-group.span-2{
	grid-column: span 2
}

.form-block__button {
	margin: 20px 0 0
}

.form-block__policy {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.25;
	color: #555;
	margin: 20px 0 0
}

.form-block__policy a {
	color: #ff7e3e
}

.input-item {
	border: 1px solid #999;
	background-color: rgba(0, 0, 0, 0);
	padding: 8px 12px
}

.input-item__field {
	width: 100%;
	outline: none;
	border: none;
	color: #000;
	font-family: "ProximaNova", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	background-color: rgba(0, 0, 0, 0)
}

.input-item__field::-moz-placeholder {
	color: #999;
    font-weight: 400;
}

.input-item__field::placeholder {
	color: #999;
    font-weight: 400;
}

.input-item-group__error-message{
    color: #e30909;
    font-size: 10px;
    margin-top: 2px;
}

.textarea-item {
	min-height: 66px
}

.textarea-item .input-item__field {
	resize: none
}

.checkbox-item__input {
	position: absolute;
	opacity: 0;
	z-index: -1
}

.checkbox-item__input:checked+span,
.mob-burger .checkbox-item__input:checked+span::after,
.mob-burger .checkbox-item__input:checked+span::before {
	background-color: #ff7e3e;
	fill: #fff;
	border: 1px solid rgba(0, 0, 0, 0)
}

.checkbox-item__label {
	position: relative;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer
}

.checkbox-item__mime {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #999;
	background-color: rgba(0, 0, 0, 0);
	transition: ease .3s;
	fill: #999
}

.calculator-block {
	padding: 29px 30px 33px 35px;
	background-color: #fff;
	display: grid;
	grid-gap: 37px;
	gap: 37px;
	grid-template-columns: 32.37% 63.55%;
}

/* .calculator-block__calc {
	width: 300px
} */

.calculator-block__fields {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.calculator-block__item {
	display: flex;
	flex-direction: column;
	gap: 9px
}

.calculator-block__title {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25
}

.calculator-block__filter {
	width: 100%
}

.calculator-block__filter .filter__visible {
	height: 33px;
	padding: 8px 12px
}

.calculator-block__button {
	max-width: 160px
}

.calculator-block__results .button {
	display: none;
	margin: 28px 0 0
}

.slider-miniatures .pagination__item {
	width: 21px;
	height: 21px;
	font-size: 14px;
}

.slider-miniatures .pagination {
	gap: 8.5px;
	margin-top: 19px;
}

.calculator-block__top {
	margin: 0 0 27px
}

.calculator-block__response {
	padding: 0 0 18px;
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 18px;
	color: #333
}

.calculator-block__response_sub {
	color: #999;
	padding: 18px 0 0 15px
}

.calculator-block__point {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	line-height: 1.25
}

.calculator-block__answer_nested .calculator-block__price_mob {
	display: none;
	text-align: left
}

.calculator-block__name {
	font-weight: 400;
	position: relative
}

.calculator-block__line {
	background: #f1f1f1;
	height: 1px;
	margin: 9px 29px 0 26px;
	flex-grow: 1
}

.calculator-block__price {
	font-weight: 600;
	text-align: right
}

.calculator-block__sum {
	border-top: 1px solid #ff7e3e;
	padding: 18px 0 0;
	color: #333
}

.products-block__title-wrapper {
	margin: 0 0 11px
}

.products-block__title {
	margin: 0 0 4px;
	color: #333;
	font-size: 16px;
	font-weight: 600
}

.products-block__text {
	margin: 0;
	color: #999;
	font-size: 12px
}

.products-block__pagination {
	margin: 19px 0 0
}

.stages-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	padding: 36px 0 0
}

.stages-block__item {
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	align-items: center
}

.stages-block__item:not(.stages-block__item:last-child) .stages-block__img::after {
	content: "";
	background-image: url(../images/pattern.svg);
	background-size: contain;
	width: 53px;
	height: 4px;
	position: absolute;
	right: -73px
}

.stages-block__title {
	position: absolute;
	top: 0
}

.stages-block__img {
	width: 58px;
	height: 58px;
	background-color: #ff7e3e;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 10px 11px 11px;
	fill: #fff;
	position: relative
}

.stages-block__icon {
	padding: 5px 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 37px
}

.stages-block__icon .custome-icon {
	fill: none
}

.stages-block__line {
	display: flex;
	align-items: center;
	gap: 7px;
	position: absolute
}

.stages-block__line span,
.stages-block__line .mob-burger span::after,
.mob-burger .stages-block__line span::after,
.stages-block__line .mob-burger span::before,
.mob-burger .stages-block__line span::before {
	width: 13px;
	height: 4px;
	background-color: #ffdac8
}

.social-list {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 11px
}

.social-list__link {
	-webkit-text-decoration: none;
	text-decoration: none;
	width: 17px;
	height: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	fill: #333
}

.contacts-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 32px 40px
}

.contact-item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 12px;
	line-height: 1.2
}

.contact-item__name {
	color: #999;
	font-weight: 400
}

.contact-item__text {
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-text-decoration: none;
	text-decoration: none;
	display: block
}

.tag {
	background: #ffeadf;
	padding: 4px 11px 5px;
	color: #ff7e3e;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
	text-align: center;
	display: inline-block
}

.article-grid {
	display: grid;
	grid-template-columns: 232px 1fr;
	grid-gap: 45px;
	gap: 45px;
	align-items: center
}

.article__title {
	font-size: 36px;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 15px 0
}

.article__text {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.article__text p {
	margin: 0
}

.sidebar {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.sidebar__contacts {
	background: #ff7e3e;
	padding: 10px 19px 15px
}

.sidebar__contacts-title {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 3px;
	display: block
}

.sidebar__social {
	display: flex;
	align-items: center;
	gap: 9px
}

.sidebar__social-link {
	color: #ffdfcf;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
	text-decoration-line: underline
}

.sidebar__info {
	background: #333;
	padding: 20px 25px 21px 19px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2
}

.sidebar__info a {
	color: inherit;
	-webkit-text-decoration: none;
	text-decoration: none
}

.sidebar__info-title {
	text-transform: uppercase
}

.sidebar__info-subtitle {
	display: block;
	margin: 12px 0 13px;
	font-size: 12px;
	line-height: 1.25;
	color: #999;
	text-transform: uppercase
}

.sidebar__info-social {
	display: flex;
	flex-direction: column;
	margin: 12px 0 0;
	gap: 3px
}

.sidebar__info-social-title {
	font-size: 12px;
	line-height: 1.25;
	color: #999;
	font-weight: 400
}

.product-article {
	display: grid;
	grid-template-columns: 1fr 346px;
	grid-gap: 56px;
	gap: 56px;
	align-items: flex-start
}

.product-article ul {
	margin: 0;
	padding-left: 18px
}

.product-article p {
	margin: 0
}

.product-article__photos {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 5px;
	gap: 5px
}

.product-article__photo a{
	cursor: pointer;
}

.product-article__photo_span {
	grid-column: span 4
}

.product-article__photo img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block
}

.product-article__info-main {
	margin: 0 0 36px
}

.product-article__naming {
	color: #555;
	margin: 24px 0;
	text-transform: uppercase;
	line-height: 1.2
}

.product-article__title {
	font-size: 36px;
	margin: 8px 0
}

.product-article__number {
	font-size: 14px
}

.product-article__price {
	font-size: 20px
}

.product-article__add-info {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    font-size: 14px;
    color: #333;
    margin: 15px 0 0;
    padding-bottom: 6px;
    text-transform: none;
}
.product-article__icon {
    width: 19px;
    height: 19px;
    fill: #ff7e3e;
    display: flex;
    align-items: center;
    justify-content: center;
}


.product-article__button {
	width: 162px
}

.product-article__tabs {
	display: flex;
	gap: 22px;
	align-items: center;
	margin: 0 0 21px
}

.product-article__tab {
	padding: 0;
	border: none;
	background: rgba(0, 0, 0, 0);
	cursor: pointer;
	font-family: "ProximaNova", sans-serif;
	color: #333;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration-line: underline
}

.product-article__tab.active {
	color: #ff7e3e
}

.product-article__detail {
	display: none
}

.product-article__detail.active {
	display: block
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .25);
	z-index: 100;
	display: none
}

.modal.open {
	display: block
}

.modal__container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%
}

.modal__content {
	background-color: #fff;
	padding: 31px 33px 30px;
	height: 343px;
	max-width: 478px;
	/*overflow: auto*/
}


.modal__content::-webkit-scrollbar {
	width: 4px;
	background-color: #d9d9d9
}

.modal__content::-webkit-scrollbar-button {
	display: none
}

.modal__content::-webkit-scrollbar-thumb {
	background-color: #ff7e3e
}

.modal__title {
	color: #333;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	max-width: 270px;
	margin: 0 auto 9px
}

.modal .text {
	font-size: 12px;
	line-height: 1.25;
	margin: 0 0 13px;
	text-align: center
}

.modal .form-block__grid {
	grid-template-columns: 1fr;
	gap: 12px;
	max-width: 254px;
	margin: 0 auto
}

.modal .input-item {
	height: 33px
}

.modal .form-block__button {
	width: 121px;
	height: 30px;
	font-size: 12px;
	padding: 0;
	margin: 15px auto
}

.modal .form-block__button svg {
	display: none
}

.modal .form-block__policy {
	margin: 0;
	font-size: 10px;
	text-align: center
}

.popup {
	display: none
}

.popup.open {
	display: block
}

.popup .container {
	position: relative
}

.popup_success .popup__wrapper {
	background-color: #0c6
}

.popup_error .popup__wrapper {
    background-color: #cc0700
}

.popup__wrapper {
	max-width: 206px;
	padding: 0 15px 0 16.5px;
	position: fixed;
    z-index: 20;
	right: 30px;
	top: 28px
}

.popup__content {
	display: flex;
	align-items: center;
	gap: 10.5px;
	fill: #fff;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25
}

.contact-col {
	padding: 17px;
	min-height: 218px;
	color: #333;
	font-size: 15px;
	line-height: 1.2;
	background-color: #fff
}

.contact-col__title {
	margin: 0 0 16px;
	font-weight: 600;
	display: inline-block;
	background-color: #ffeadf;
	padding: 8px 14px;
	font-size: 14px;
	color: #ff7e3e
}

.contact-col__contact-item {
	display: flex;
	gap: 6px;
	fill: #ff7e3e;
	align-items: center
}

.contact-col__link {
	display: flex;
	gap: 6px;
	fill: #ff7e3e;
	align-items: center
}

.contact-col__contact-box {
	font-weight: 400;
	display: flex;
	flex-direction: column;
	gap: 3px
}

.contact-col__contact-box a {
	color: inherit;
	-webkit-text-decoration: none;
	text-decoration: none
}

.contact-col__phones {
	font-weight: 400;
	display: flex;
	gap: 13px
}

.contact-col__phones a {
	color: inherit;
	-webkit-text-decoration: none;
	text-decoration: none
}

.contact-col__contact-names {
	display: flex;
	flex-direction: column
}

.map-block {
	width: 100%;
	height: 228px;
	aspect-ratio: 1440/228;
	position: relative
}

.map-block iframe {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.map-block img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.js-detail {
	display: none
}

.js-detail.active {
	display: block
}

.header {
	padding: 18px 0 21px
}

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

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

.header__button {
	width: 122px;
	height: 36px;
	font-size: 12px;
	line-height: 1.25;
	padding: 0
}

.header__button.open {
	display: flex
}

.banner {
	background-image: url(../images/banner_2x.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 196px 0
}

.banner__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}

.banner__wrapper-text {
	margin: 32px 0 30px;
	max-width: 445px
}

.banner__text {
	margin: 22px 0 0;
	font-size: 15px
}

.banner__buttons {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap
}

.reasons {
	padding: 58px 0 0
}

.reasons__wrapper-text {
	text-align: center
}

.reasons__title {
	margin: 0 0 6px
}

.reasons__text {
	font-size: 14px
}

.reasons__content {
	background-color: #fff;
	margin: 42px 0 0
}

.reasons .info-grid {
	background-color: #fafafa;
	padding: 0 32px
}

.information {
	padding: 100px 0 60px
}

.information__wrapper-text {
	max-width: 500px;
	margin: 0 auto 42px;
	text-align: center
}

.information__title {
	margin: 0 0 10px
}

.cars-products {
	padding: 60px 0;
	position: relative;
	z-index: 2
}

.cars-products__title {
	margin: 0 0 10px
}

.cars-products__top-row {
	margin: 0 0 33px
}

.cars-products__pagination {
	margin: 48px 0 0;
	display: flex;
	justify-content: flex-end;
	gap: 15px;
}

.cars-products__filter {
	width: 130px
}

.calculator {
	padding: 52px 0 62px;
	margin: 60px 0 0;
	background: #f6f6f6
}

.calculator__wrapper-text {
	margin: 0 0 32px
}

.calculator__title {
	margin: 0 0 6px
}

.calculator__checkboxes {
	margin: 19px 0 22px
}

.calculator__products-block {
	margin: 0 0 30px
}

.stages {
	padding: 120px 0 60px
}

.stages__wrapper-text {
	margin: 0 0 52px
}

.stages__title {
	text-align: center
}

.callback-form {
	padding: 60px 0 123px
}

.callback-form__row {
	display: grid;
	align-items: center;
	grid-gap: 58px;
	gap: 58px;
	grid-template-columns: 438px 1fr
}

.callback-form__logo {
	background-image: url(../images/logo-large.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 438px;
	height: 236px
}

.callback-form__wrapper-text {
	margin: 0 0 22px
}

.cars-page {
	background: #f6f6f6;
	padding: 80px 0 100px
}

.cars-page .products-grid {
	grid-template-columns: repeat(3, 1fr)
}

.cars-page .product-card__top {
	aspect-ratio: 309/333;
	width: 100%
}

.cars-page .product-card__info {
	margin: 2px 0 6px
}

.cars-page .product-card__text {
	font-size: 16px
}

.cars-page .product-card__title {
	font-size: 28px;
	margin: 2px 0 6px
}

.cars-page .product-card__button {
	width: 220px;
	height: 51px;
	gap: 9px;
	font-size: 16px
}

.cars-page .product-card__button .arrow-icon {
	width: 15px;
	height: 15px
}

.cars-page .product-card__link-name {
    font-size: 18px;
    min-height: 39px;
}

.cars-page .product-card__add-info {
    font-size: 16px;
}

.info-section {
	padding: 0 0 40px
}

.products-section {
	padding: 40px 0 0;
	position: relative
}

.products-section__title {
	font-size: 32px;
	margin: 0 0 34px
}

.product-section {
	padding: 5px 0 10px
}

.info-page {
	background: #f6f6f6;
	padding: 60px 0
}

.info-page .callback-form {
	padding-bottom: 60px
}

.guides {
	padding: 60px 0
}

.guides__tabs {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	margin: 0 0 24px
}

.guides__button {
	padding: 0 14px
}

.guides__title {
	font-size: 32px;
	margin: 0 0 10px
}

.guides__text {
	font-size: 16px
}

.guides__wrapper {
	max-width: 745px;
	margin: 0 auto
}

.contacts-page {
	padding: 80px 0
}

.contacts-page .callback-form {
	padding: 58px 0 46px
}

.contact-section {
	padding: 0 0 58px
}

.contact-section__title {
	font-size: 32px;
	margin: 0 0 33px
}

.contact-section__row {
	display: flex;
	gap: 70px;
	padding: 0 0 59px;
	justify-content: space-between
}

.footer {
	background-color: #333;
	padding: 64px 0
}

.footer__content {
	max-width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between
}

.footer__left {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.footer__right {
	max-width: 590px
}

.footer__logo {
	max-width: 135px
}

.footer__social-list {
	color: #fff
}

.footer__rights {
	color: #999;
	font-size: 10px;
	line-height: 10px;
	margin: 0
}

@media (max-width: 1000px) {
	.container {
		max-width: 100%;
		padding: 0 14px
	}

	.main-nav {
		gap: 22px
	}

	.service-grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.products-grid {
		grid-template-columns: repeat(3, 1fr)
	}

	.stages-block__item:not(.stages-block__item:last-child) .stages-block__img::after {
		display: none
	}

	.product-article {
		gap: 22px
	}

	.banner__wrapper-text {
		max-width: 375px
	}

	.callback-form__row {
		grid-template-columns: 300px 1fr
	}

	.callback-form__logo {
		width: 300px
	}

	.cars-page {
		padding: 38px 0 54px
	}

	.info-section {
		padding: 6px 13px 22px 19px
	}

	.products-section {
		padding: 22px 0 10px
	}

	.contact-section__row {
		grid-gap: 35px;
		gap: 35px;
		display: grid;
		grid-template-columns: repeat(2, 1fr)
	}

	.calculator-block__point {
		font-size: 14px;
	}

    .footer__right {
        max-width: 410px;
    }
}

@media (max-width: 790px) {
	.wrapper-sections::after {
		top: 267px;
		height: 60%
	}

	.nav-wrapper {
		display: none;
		position: absolute;
		top: 100%;
		width: 100%;
		background: #fff;
		padding: 12px 33px 56px;
		left: 0;
		z-index: 20
	}

	.main-nav {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px
	}

	.main-nav__link {
		padding: 7px 13px;
		color: #ff7e3e;
		background-color: #ffeadf;
		display: block;
		font-size: 13px;
		font-weight: 600
	}

	.mob-burger {
		display: block
	}

	.benefits {
		justify-content: center;
		width: 100%
	}

	.benefits__item {
		font-size: 11px
	}

	.info-grid {
		grid-template-columns: 1fr
	}

	.info-card {
		flex-direction: row;
		gap: 22px;
		padding: 0
	}

	.info-card:nth-child(even) {
		background-color: rgba(0, 0, 0, 0)
	}

	.info-card__title {
		display: none
	}

	.info-card__desc {
		text-align: left
	}

	.info-card__desc .title {
		display: block
	}

	.service-grid {
		grid-template-columns: 1fr
	}

	.product-slider .products-grid {
		display: flex;
		gap: 0
	}

	.product-slider-main {
		max-width: 224px
	}

	.product-slider__handle {
		display: none;
	}

	.product-slider-main .swiper-scrollbar {
		display: block;
	}

	.products-grid {
		gap: 30px 12px;
		grid-template-columns: repeat(2, 1fr)
	}

	.product-card {
		align-items: center
	}

	.product-card__info {
		text-align: center
	}

	.product-card__link-name {
		min-height: 39px
	}

	.product-card__link-name {
		font-size: 18px
	}

	.product-card__arrow {
		display: none
	}

	.top-row {
		justify-content: center
	}

	.form-block__text {
		margin: 0 0 30px;
		text-align: center
	}

	.calculator-block {
		grid-template-columns: 1fr;
		background-color: rgba(0, 0, 0, 0);
		gap: 60px;
		padding: 0
	}

	.calculator-block__calc {
		width: 100%
	}

	.calculator-block__results .button {
		display: flex
	}

	.calculator-block__top {
		margin: 0
	}

	.calculator-block__response {
		gap: 10px;
		padding: 0 0 21px
	}

	.calculator-block__response_sub {
		padding: 0 0 9px 12px
	}

	.calculator-block__response_sub .calculator-block__price {
		display: none
	}

	.calculator-block__response_sub .calculator-block__name {
		margin: 0
	}

	.calculator-block__point {
		flex-direction: column;
		align-items: flex-start
	}

	.calculator-block__answer_nested .calculator-block__price {
		display: none
	}

	.calculator-block__answer_nested .calculator-block__price_mob {
		display: block
	}

	.calculator-block__name {
		margin: 0 0 9px;
		display: block
	}

	.calculator-block__line {
		display: none
	}

	.calculator-block__sum {
		border-top: 3px solid #ffeadf
	}

	.article-grid {
		grid-template-columns: 1fr;
		gap: 25px
	}

	.product-article {
		grid-template-columns: 1fr
	}

	.contact-col {
		background-color: rgba(0, 0, 0, 0);
		padding: 0;
		min-height: auto;
		font-size: 12px
	}

	.header {
		padding: 21px 10px;
		background-color: #fff;
		position: relative
	}

	.header__button {
		display: none;
		margin-right: 14px;
		background-color: #ff7e3e;
		color: #fff
	}

	.header__logo {
		margin: 0 auto
	}

	.banner {
		padding: 37px 6px 37px 9px;
		background-image: url(../images/logo-bg.png);
		background-position: 50% 67%;
		background-size: contain
	}

	.banner__wrapper-text {
		margin: 28.5px 0 35px;
		text-align: center;
		max-width: 100%
	}

	.banner__buttons {
		justify-content: center;
		width: 100%
	}

	.reasons {
		padding: 51px 10px 30px 21px
	}

	.reasons__title {
		margin: 0 0 11px
	}

	.reasons__content {
		background-color: rgba(0, 0, 0, 0);
		margin: 47px 0 0
	}

	.reasons .info-grid {
		padding: 0;
		background-color: rgba(0, 0, 0, 0)
	}

	.information {
		padding: 38px 10px 30px 21px
	}

	.information__title {
		margin: 0 0 18px
	}

	.information .service-grid {
		max-width: 301px;
		margin: 0 auto
	}

	.cars-products {
		padding: 30px 27px
	}

	.cars-products__wrapper-text {
		text-align: center
	}

	.cars-products__top-row {
		margin: 0 0 22px
	}

	.cars-products__pagination {
		display: none
	}

	.cars-onway {
		padding-bottom: 12px
	}

	.calculator {
		margin: 0;
		padding: 48px 10px 9px 21px
	}

	.calculator__wrapper-text {
		margin: 0 0 48px;
		text-align: center
	}

	.calculator__title {
		margin: 0 0 11px
	}

	.calculator__products-block {
		display: none
	}

	.stages {
		display: none
	}

	.callback-form {
		background-color: #fafafa;
		padding: 30px 10px 60px 21px
	}

	.callback-form__row {
		grid-template-columns: 1fr
	}

	.callback-form__logo {
		display: none
	}

	.callback-form__wrapper-text {
		margin: 0 0 19px;
		text-align: center
	}

	.cars-page .products-grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.product-section {
		padding: 0 16px 42px
	}

	.info-page {
		padding: 43px 16px 64px 15px
	}

	.info-page .callback-form {
		padding: 32px 0 0;
		background-color: rgba(0, 0, 0, 0)
	}

	.info-page .form-block__button {
		margin: 17px 0 0
	}

	.guides {
		padding: 0 0 32px
	}

	.guides__tabs {
		gap: 10px
	}

	.contacts-page {
		padding: 44px 0 40px
	}

	.contacts-page .callback-form {
		padding: 0 16px 0 15px
	}

	.contact-section {
		padding: 0 0 40px
	}

	.contact-section__row {
		padding: 0 16px 45px 15px
	}

	.footer {
		padding: 36px 10px 52px 21px
	}

	.footer__content {
		flex-direction: column;
		gap: 34px
	}

	.footer__left {
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap
	}

    .footer__right {
        max-width: 100%;
    }

	.footer__rights {
		width: 100%
	}

    .product-slider-main .product-card__top {
        width: 224px;
        height: 242px;
    }
}

@media (max-width: 359px) {
	.button {
		font-size: 12px
	}

	.cars-products__filter {
		width: 100%
	}

	.cars-products .filters-row {
		width: 100%
	}

	.guides__button {
		font-weight: 400
	}
}

@media (max-width: 500px) {
	.title_h1 {
		font-size: 24px
	}

	.title_h2 {
		font-size: 24px
	}

	.text {
		font-size: 11px
	}

	.info-grid {
		gap: 15px
	}

	.info-card__text {
		font-size: 10px
	}

	.service-card__text {
		font-size: 14px
	}

	.product-card {
		gap: 10px
	}

	.product-card__text {
		font-size: 13px
	}

	.product-card__button {
		margin-top: 4px;
		height: 37px
	}

	.form-block__text {
		font-size: 14px
	}

	.form-block__grid {
		gap: 17px 10px
	}

	.form-block__policy {
		font-size: 10px;
		margin: 23px 0 0
	}

	.calculator-block__item {
		gap: 12px
	}

	.calculator-block__title {
		font-size: 14px
	}

	.calculator-block__button {
		height: 40px
	}

	.calculator-block__point {
		font-size: 14px
	}

	.calculator-block__price {
		font-size: 16px
	}

	.calculator-block__sum {
		padding: 22px 0 0
	}

	.calculator-block__sum .calculator-block__price {
		font-size: 20px
	}

	.contacts-list {
		gap: 20px 43px
	}

	.contact-item {
		font-size: 10px
	}

	.tag {
		font-size: 11px;
		padding: 3px 8px 5px 9px
	}

	.article__title {
		margin: 12px 0;
		font-size: 24px
	}

	.sidebar {
		gap: 8px
	}

	.sidebar__contacts {
		padding: 11px 18px 13px;
		display: flex;
		gap: 13px;
		justify-content: space-between
	}

	.sidebar__contacts-title {
		font-size: 10px;
		margin: 0
	}

	.sidebar__social-link {
		font-size: 10px
	}

	.sidebar__info {
		padding: 13px 18px 17px;
		font-size: 10px;
		display: flex;
		gap: 25px
	}

	.sidebar__info-title {
		display: none
	}

	.sidebar__info-subtitle {
		margin: 0 0 5px;
		font-size: 10px
	}

	.sidebar__info-social {
		margin: 0;
		gap: 5px
	}

	.sidebar__info-social-title {
		font-size: 10px
	}

	.product-article__photos {
		gap: 2px 3px
	}

	.product-article__info-main {
		display: flex;
		align-items: center;
		flex-direction: column
	}

	.product-article__naming {
		margin: 17px 0 19px;
		text-align: center
	}

	.product-article__title {
		margin: 5px 0;
		font-size: 32px
	}

	.product-article__button {
		width: 142px;
	}

    .product-article__button .icon-item {
        display: none;
    }

	.product-article__tabs {
		margin: 0 0 16px
	}

	.product-article__tab.active {
		color: #333
	}

	.product-article__tab[data-tab=details] {
		display: none
	}

    .product-article__add-info {
        font-size: 15px;
        margin: 22px 0 0;
        padding: 0;
        justify-content: center;
    }

	.product-article__detail {
		font-size: 12px
	}

	.modal__content {
		padding: 38px 38px 38px 47px;
		height: 423px;
		max-width: 100%
	}

	.modal__title {
		margin: 0 auto 17px
	}

	.modal .text {
		font-size: 14px;
		margin: 0 0 26px
	}

	.modal .form-block__grid {
		gap: 17px;
		max-width: 193px
	}

	.modal .form-block__button {
		margin: 21px auto;
		width: 137px;
		height: 33px;
		font-size: 14px
	}

	.popup__wrapper {
		right: auto;
		left: 50%;
		translate: -50%;
		width: 206px
	}

	.contact-col__title {
		font-size: 11px;
		padding: 4px 7px;
		margin: 0 0 15px
	}

	.map-block {
		height: 165px
	}

	.header__button {
		font-size: 11px;
		width: 113px;
		height: 27px
	}

	.banner__text {
		font-size: 11px;
		margin: 25px 0 0
	}

	.banner__buttons {
		flex-wrap: nowrap
	}

	.information__wrapper-text {
		max-width: 100%;
		margin: 0 0 44px
	}

	.cars-page .product-card {
		gap: 14px
	}

	.cars-page .product-card__top {
		aspect-ratio: 160/174
	}

	.cars-page .product-card__info {
		margin: 0
	}

	.cars-page .product-card__text {
		font-size: 13px
	}

	.cars-page .product-card__title {
		margin: 4px 0;
		font-size: 20px
	}

	.cars-page .product-card__button {
		width: 100%;
		height: 37px;
		font-size: 14px;
		margin: 0
	}

	.cars-page .product-card__button .arrow-icon {
		display: none
	}

	.products-section::after {
		content: "";
		background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 126, 62, 0.05) 100%);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 88px;
		left: 0
	}

	.guides__tabs {
		margin: 0 0 20px;
		gap: 8px
	}

	.guides__button {
		padding: 0 7px;
		font-size: 10px;
		height: 25px
	}

	.guides__button .shevron-icon {
		width: 6px
	}

	.guides__title {
		margin: 0 0 16px
	}

	.contact-section__row {
		grid-gap: 15px 20px;
		gap: 15px 20px;
		display: grid;
		grid-template-columns: repeat(2, auto)
	}

	.contact-section .contact-col:nth-child(2) {
		order: 3
	}

	.contact-section .contact-col:nth-child(3) {
		order: 2
	}

	.contact-section .contact-col:nth-child(4) {
		order: 4
	}
    .modal .input-item__field::placeholder {
        font-size: 11px;
    }

    .cars-page .product-card__link-name {
        font-size: 14px;
        min-height: 37px;
    }

    .cars-page .product-card__add-info {
        font-size: 10px;
        justify-content: center;
    }
}

@media (max-width: 348px) {
	.cars-page .product-card__button {
		font-size: 12px
	}
}

@media (max-width: 350px) {
	.contact-section__row {
		grid-template-columns: 1fr
	}
    .cars-page .product-card__title {
        font-size: 14px;
    }
}

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    font-size: 24px;
    color: #fff;
    background: #FF7E3E;
    border: 1px solid #FF7E3E;
    width: 37px;
    height: 37px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1000;
    fill: #fff;
}

.back-to-top:hover {
    scale: 1.1;
}

.input-item .iti--allow-dropdown .iti__country-container:hover .iti__selected-country {
    background-color: transparent;
}
.input-item .iti--show-selected-dial-code .iti__selected-country {
    background-color: transparent;
    padding: 0;
}
.input-item .iti__country-container {
    top: -3px;
}