@charset "UTF-8";

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

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/mulish-v12-cyrillic-ext_cyrillic-200.eot);
  src: local(""),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-200.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-200.woff2) format("woff2"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-200.woff) format("woff"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-200.ttf) format("truetype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-200.svg#Mulish) format("svg");
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/mulish-v12-cyrillic-ext_cyrillic-300.eot);
  src: local(""),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-300.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-300.woff2) format("woff2"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-300.woff) format("woff"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-300.ttf) format("truetype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-300.svg#Mulish) format("svg");
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/mulish-v12-cyrillic-ext_cyrillic-regular.eot);
  src: local(""),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-regular.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-regular.woff2) format("woff2"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-regular.woff) format("woff"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-regular.ttf)
      format("truetype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-regular.svg#Mulish)
      format("svg");
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/mulish-v12-cyrillic-ext_cyrillic-500.eot);
  src: local(""),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-500.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-500.woff2) format("woff2"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-500.woff) format("woff"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-500.ttf) format("truetype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-500.svg#Mulish) format("svg");
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/mulish-v12-cyrillic-ext_cyrillic-600.eot);
  src: local(""),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-600.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-600.woff2) format("woff2"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-600.woff) format("woff"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-600.ttf) format("truetype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-600.svg#Mulish) format("svg");
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/mulish-v12-cyrillic-ext_cyrillic-700.eot);
  src: local(""),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-700.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-700.woff2) format("woff2"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-700.woff) format("woff"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-700.ttf) format("truetype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-700.svg#Mulish) format("svg");
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/mulish-v12-cyrillic-ext_cyrillic-800.eot);
  src: local(""),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-800.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-800.woff2) format("woff2"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-800.woff) format("woff"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-800.ttf) format("truetype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-800.svg#Mulish) format("svg");
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/mulish-v12-cyrillic-ext_cyrillic-900.eot);
  src: local(""),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-900.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-900.woff2) format("woff2"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-900.woff) format("woff"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-900.ttf) format("truetype"),
    url(../fonts/mulish-v12-cyrillic-ext_cyrillic-900.svg#Mulish) format("svg");
}


* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:active,
:focus {
  outline: 0;
}

a:active,
a:focus {
  outline: 0;
}

aside,
footer,
header,
nav {
  display: block;
}

body,
html {
  height: 100%;
  width: 100%;
  font-size: 14px;
}

//html {
 // scroll-behavior: smooth;
//}

button {
  cursor: pointer;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

body {
  font-family: Mulish;
}

.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.container {
  width: 75vw;
  margin: 0 auto;
    max-width:none!important;
}

main {
  margin-top: 8.802vw;

}
main.no_active{
margin-top: 5.365vw;	
}

.header {
  position: fixed;
  width: 100%;
  z-index: 1000;
}

.no-webp .header .header__top {
  background-image: url(../img/topBG.png);
}

.header .header__top {
  background-size: 100%;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 3.438vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.header .header__top.close-banner {
display:none;
}

.header .header__top_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header .item_first {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.042vw;
  line-height: 1.563vw;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.item-list.active p{
  height: 0;
  opacity: 0;
  visibility: hidden;
  display:none;
}
.header .item_two {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.042vw;
  line-height: 1.563vw;
  text-align: center;
  color: #fff;
}

.header .button_three {
  background: rgba(255, 255, 255, 0.17);
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  border-radius: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 17.813vw;
  height: 2.083vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 0.938vw;
  line-height: 1.146vw;
  text-transform: uppercase;
  color: #fff;
}

.header .close {
  position: absolute;
  width: 1.667vw;
  height: 1.667vw;
  left: calc(50% - 0.8335vw + 46.823vw);
  top: calc(50% - 0.8335vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.header .close img {
  width: 0.833vw;
  height: 0.833vw;
}

.header .header__down {
  background: #fff;
  border-bottom: 0.052vw solid rgba(0, 0, 0, 0.06);
  -webkit-backdrop-filter: blur(0.26vw);
  backdrop-filter: blur(0.26vw);
}

.header .header__down_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 1.615vw 0;
}

.header .header__logo {
 width: 5.9vw;
    height: 2.383vw;
}

.header .header__logo img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

.header .header__nav .ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2.083vw;
  padding: 0 10.25vw 0 3.49vw;
}

.header .header__nav .ul .li .header_link {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 1.042vw;
  line-height: 1.354vw;
  color: #1a1a1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.719vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.header .header__nav .ul .li .header_link::after {
  content: "";
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 100%;
  height: 0.104vw;
  position: absolute;
  bottom: 0;
  left: 0;
  background: 0 0;
  opacity: 0;
  visibility: hidden;
}

.header .header__nav .ul .li .header_link:hover {
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.header .header__nav .ul .li .header_link:hover::after {
  content: "";
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 100%;
  height: 0.104vw;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -o-linear-gradient(
      354.48deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    ),
    #d9d9d9;
  background: linear-gradient(
      95.52deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    ),
    #d9d9d9;
  opacity: 1;
  visibility: visible;
}

.header .header__nav .ul .li .header_link.active {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 1.042vw;
  line-height: 1.354vw;
  color: #1a1a1a;
}

.header .header__nav .ul .li .header_link.active::after {
  content: "";
  width: 100%;
  height: 0.104vw;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
  background: -o-linear-gradient(
      354.48deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    ),
    #d9d9d9;
  background: linear-gradient(
      95.52deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    ),
    #d9d9d9;
}

.header .header__adress {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #440d54;
  position: relative;
  padding-left: 1.302vw;
  height: 0.885vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 4.896vw;
  cursor: pointer;
}

.no-webp .header .header__adress::before {
  background-image: url(../img/adressbef.png);
}

.header .header__adress::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0.729vw;
  height: 0.885vw;
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.header .header__adress span {
  height: 100%;
  border-bottom: 0.052vw solid #440d54;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.no-webp .header .header__adress:hover::before {
  background-image: url(../img/adressbefyellow.png);
}

.header .header__adress:hover::before {
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.header .header__adress:hover span {
  color: #fbd07c;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-bottom: 0.052vw solid #fbd07c;
}

.header .header__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.417vw 2.005vw 0.521vw 2.005vw;
  background: #eec16a;
  border-radius: 0.417vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.header .header__button a {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-size: 0.833vw;
  line-height: 1.146vw;
  color: #1a1a1a;
}

.header .header__button:hover {
  background: #fbd07c;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
    0 0.13vw 0.391vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
    0 0.13vw 0.391vw rgba(0, 0, 0, 0.1);
  color: #1a1a1a;
}

.header .header_counter {
  width: 2.604vw;
  height: 1.875vw;
  position: relative;
  margin-left: 3.75vw;
  cursor: pointer;
  pointer-events: auto;
}
.header .header_counter.none{
    pointer-events: none;
}

.header .header_counter svg {
  width: 100%;
  height: 100%;
}

.header .header_counter svg path {
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  fill: url(#paint0_linear_501_626);
}

.header .header_counter:hover svg path {
  fill: #fbd07c;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.header .header_counter span {
  position: absolute;
  width: 0.729vw;
  height: 0.729vw;
  left: 0.573vw;
  top: 0.938vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 0.573vw;
  line-height: 0.729vw;
  text-transform: uppercase;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header .menu-burger-icon {
  display: none;
}

.header .burger-menu {
  display: none;
}

.webp .slider {
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.webp .slider .slick-arrow.slick-next {
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.webp .slider .slick-arrow.slick-prev {
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.no-webp .slider {
  background: url(../img/firstBanner.png);
}

.slider {
  height: 41.354vw;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.slider .slider_item {
  width: 100%;
  position: relative;
  height: 41.354vw;
}

.slider .slider_item .banner_content {
  position: absolute;
  width: 75vw;
  left: 50%;
  top: 51%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.slider .title_slide {
  font-family: Mulish;
  font-style: normal;
  font-weight: 1000;
  font-size: 3.333vw;
  line-height: 3.854vw;
  text-transform: uppercase;
  color: #fff;
  padding-bottom: 1.615vw;
}

.slider .text_slide {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 2.083vw;
  line-height: 2.604vw;
  color: #fff;
  width: 30.26vw;
  padding-bottom: 4.167vw;
}

.slider .button_slide {
  background: #eec16a;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  border-radius: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.938vw 1.25vw 1.042vw 1.25vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 1.042vw;
  line-height: 1.146vw;
  text-transform: uppercase;
  color: #1a1a1a;
  width: 17.813vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.slider .button_slide:hover {
  background: #fbd07c;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
}

.slider .sliders_blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.25vw;
  padding-top: 4.167vw;
}

.slider .block {
  width: 24.167vw;
  height: 8.906vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.417vw;
  padding: 1.51vw 0.938vw 0 5.104vw;
}

.no-webp .slider .block_one {
  background-image: url(../img/Wordmark1.png);
}

.slider .block_one {
  background-size: 100%;
  background-repeat: no-repeat;
}

.slider .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.417vw;
}

.slider .title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.354vw;
  line-height: 1.458vw;
  color: #1a1a1a;
}

.slider .text {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.354vw;
  color: #1a1a1a;
}

.no-webp .slider .block_two {
  background-image: url(../img/Wordmark2.png);
}

.slider .block_two {
  background-size: 100%;
  background-repeat: no-repeat;
}

.no-webp .slider .block_three {
  background-image: url(../img/Wordmark3.png);
}

.slider .block_three {
  background-size: 100%;
  background-repeat: no-repeat;
}

.slider .banner {
  width: 67.344vw;
  height: 40.885vw;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: -0.521vw;
}

.slider .slick-list {
  overflow: hidden;
}

.slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slider .slick-arrow {
  position: absolute;
  top: 50%;
  font-size: 0;
  z-index: 10;
  width: 3.125vw;
  height: 3.125vw;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.no-webp .slider .slick-arrow.slick-prev {
  background: url(../img/Arrow_Left.png);
}

.slider .slick-arrow.slick-prev {
  left: 2.813vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3.125vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.no-webp .slider .slick-arrow.slick-prev:hover {
  background: url(../img/hoverleft.png);
}

.slider .slick-arrow.slick-prev:hover {
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.no-webp .slider .slick-arrow.slick-next {
  background: url(../img/Arrow_Right.png);
}

.slider .slick-arrow.slick-next {
  right: 2.813vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3.125vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.no-webp .slider .slick-arrow.slick-next:hover {
  background: url(../img/hoverright.png);
}

.slider .slick-arrow.slick-next:hover {
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.slider .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.302vw;
  position: absolute;
  bottom: 1.802vw;
  z-index: 10;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.slider .slick-dots li {
  list-style: none;
}

.slider .slick-dots li button {
  font-size: 0;
  width: 0.781vw;
  height: 0.781vw;
  border-radius: 2.604vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background: #fff;
  opacity: 0.3;
}

.slider .slick-dots li.slick-active button {
  font-size: 0;
  width: 2.848vw;
  height: 0.781vw;
  border-radius: 2.604vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background: #fff;
  opacity: 1;
}

.auto_models {
  background: #f1f4f7;
}

.auto_models .content {
  padding: 4.531vw 0 4.688vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.auto_models .title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  text-align: center;
  text-transform: uppercase;
  color: #1a1a1a;
}

.auto_models .auto_models_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 0.781vw;
  -webkit-column-gap: 1.25vw;
  -moz-column-gap: 1.25vw;
  column-gap: 1.25vw;
  padding: 3.385vw 0 0 0;
  height: 13.5vw;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}
.auto_models .auto_models_items.active {
  height: auto;
  transition: height 0.3s he ease-in-out;
}

.auto_models .auto_models_items .auto_models_item {
  cursor: pointer;
  width: 11.458vw;
  height: 2.708vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.625vw 0 0.885vw;
  background: #fff;
  border: 0.052vw solid #ccdaff;
  border-radius: 0.521vw;
}

.auto_models .auto_models_items .auto_models_item .auto_models_item-title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-size: 0.833vw;
  line-height: 1.354vw;
  text-transform: uppercase;
  color: #010334;
}

.auto_models .auto_models_items .auto_models_item .auto_models_item-counter {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.458vw;
  text-transform: uppercase;
  color: #585b79;
  opacity: 0.6;
}

.auto_models .auto_models_items .auto_models_item.active {
  background: -o-linear-gradient(
      354.48deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    ),
    #585b79;
  background: linear-gradient(
      95.52deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    ),
    #585b79;
}

.auto_models
  .auto_models_items
  .auto_models_item.active
  .auto_models_item-title {
  color: #fff;
}

.auto_models
  .auto_models_items
  .auto_models_item.active
  .auto_models_item-counter {
  color: #fff;
  opacity: 0.6;
}

.auto_models .button {
  background: #eec16a;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  border-radius: 0.521vw;
  width: 24.167vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.417vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.938vw 0 1.042vw 0;
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 1.042vw;
  line-height: 1.146vw;
  text-transform: uppercase;
  color: #1a1a1a;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-top: 1.563vw;
}

.auto_models .button:hover {
  background: #fbd07c;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
    0 0.13vw 0.391vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
    0 0.13vw 0.391vw rgba(0, 0, 0, 0.1);
}
.auto_models .button.no-active{
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.all_auto {
  padding: 4.567vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.125vw;
}

.all_auto .button-filter-popup {
  display: none;
}

.all_auto .all_auto-title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  text-align: center;
  text-transform: uppercase;
  color: #1a1a1a;
}

.all_auto .all_auto-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.125vw;
  width: 100%;
}

.all_auto .all_auto-filter .filter_auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.25vw;
  height: 5.313vw;
}

.no-webp .all_auto .all_auto-filter .select_item {
  background-image: url(../img/cheveron-down.png);
}

.all_auto .all_auto-filter .select_item {
  width: 11.458vw;
  height: 3.125vw;
  background: #f1f4f7;
  border-radius: 0.521vw;
  padding: 1.042vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 1.042vw;
  background-position: 95%;
}

.all_auto .all_auto-filter .reset_filters {
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 1.042vw;
  line-height: 1.563vw;
  text-decoration-line: underline;
  color: #abafbc;
  cursor: pointer;
}

.all_auto .all_auto-filter .button_filter {
  background: #eec16a;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  border-radius: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 1.042vw;
  line-height: 1.146vw;
  text-transform: uppercase;
  color: #1a1a1a;
  cursor: pointer;
  width: 11.51vw;
  padding: 0.938vw 0 1.042vw 0;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.all_auto .all_auto-filter .button_filter:hover {
  background: #fbd07c;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
}

.all_auto .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.25vw;
}
.all_auto .content .search-filter-results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.125vw;
}

.search-filter-results .auto-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.25vw;

}
.all_auto .auto_item {
  width: 17.81vw;
  overflow: hidden;
  background: #fff;
  border: 0.052vw solid #ccdaff;
  border-radius: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor:pointer;
}

.all_auto .auto_item:hover {
  border: 0.052vw solid #a6beff;
  -webkit-box-shadow: 0 0.104vw 0.677vw rgba(25, 1, 52, 0.15);
  box-shadow: 0 0.104vw 0.677vw rgba(25, 1, 52, 0.15);
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.all_auto .little_slider {
  height: 12.396vw;
  position: relative;
}

.all_auto .little_slider .little_slider-item {
  width: 17.813vw;
  height: 12.396vw;
  position: relative;
}

.all_auto .little_slider .little_slider-item img {
  width: 100%;
  border-radius: 0.521vw 0.521vw 0 0;
}

.all_auto .little_slider .slick-list {
  overflow: hidden;
}

.all_auto .little_slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.all_auto .little_slider .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.521vw;
  position: absolute;
  bottom: 0.885vw;
  z-index: 10;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.all_auto .little_slider .slick-dots li {
  list-style: none;
}

.all_auto .little_slider .slick-dots li button {
  font-size: 0;
  width: 0.208vw;
  height: 0.208vw;
  background: #d9d9d9;
  border-radius: 0.208vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.all_auto .little_slider .slick-dots li.slick-active button {
  font-size: 0;
  width: 1.458vw;
  height: 0.208vw;
  background: #010334;
  border-radius: 0.208vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.all_auto .auto_info {
  margin: 1.042vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.425vw;
  position: relative;
}

.all_auto .auto_info .auto_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 0.938vw;
  line-height: 1.198vw;
  color: #1a1a1a;
}

.all_auto .auto_info .model {
  font-weight: 700;
}

.all_auto .auto_info .auto_description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 0.13vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.198vw;
  color: #585b79;
}

.all_auto .auto_info .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.all_auto .auto_info .new_price {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.667vw;
  line-height: 2.083vw;
  color: #1a1a1a;
}

.all_auto .auto_info .old_price {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 1.042vw;
  line-height: 1.302vw;
  text-decoration-line: line-through;
  color: #585b79;
}

.all_auto .auto_info .button {
  border: 0.052vw solid #eec16a;
  border-radius: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.521vw 0;
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 0.833vw;
  line-height: 1.25vw;
  text-transform: uppercase;
  color: #eec16a;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

.all_auto .auto_info .button:hover {
  background: #fbd07c;
  border: 0.052vw solid #fbd07c;
  color: #010334;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.all_auto .auto_info .how_much {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.729vw;
  line-height: 0.938vw;
  color: #585b79;
}

.all_auto .auto_info .in_stok {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 0.729vw;
  line-height: 0.938vw;
  color: #4cb050;
  position: absolute;
  right: 0;
  top: 0;
}

.all_auto .wish_icon {
       width: 1.2vw;
    height: 1.2vw;
    position: absolute;
    top: 0.521vw;
    right: 0.521vw;
    cursor: pointer;
}

.all_auto .wish_icon svg {
  width: 100%;
}

.all_auto .button_more {
  width: 24.167vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.938vw 0 1.042vw 0;
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 1.042vw;
  line-height: 1.146vw;
  text-transform: uppercase;
  color: #1a1a1a;
  background: #eec16a;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  border-radius: 0.521vw;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.all_auto .button_more:hover {
  background: #fbd07c;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
}

.no-webp .all-banks {
  background-image: url(../img/bankoBG.png);
}

.all-banks {
  padding: 4.167vw 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.all-banks .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.all-banks .title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  text-transform: uppercase;
  color: #1a1a1a;
  padding-bottom: 0.938vw;
}

.all-banks .text {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.771vw;
  color: #010334;
  width: 35.833vw;
  text-align: center;
  padding-bottom: 2.865vw;
}

.all-banks .all-banks-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: 1.25vw;
  -moz-column-gap: 1.25vw;
  column-gap: 1.25vw;
  row-gap: 1.042vw;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.all-banks .bank-item {
  width: 17.81vw;
  height: 7.865vw;
  background: rgba(246, 247, 248, 0.5);
  border: 0.104vw solid rgba(0, 0, 0, 0.02);
  -webkit-backdrop-filter: blur(0.26vw);
  backdrop-filter: blur(0.26vw);
  border-radius: 0.781vw;
  background-repeat: no-repeat;
  background-position: center;
}

.no-webp .all-banks .bank-item:nth-child(1) {
  background-image: url(../img/bank1.png);
}

.all-banks .bank-item:nth-child(1) {
  background-size: 9.375vw 1.563vw;
}

.no-webp .all-banks .bank-item:nth-child(2) {
  background-image: url(../img/bank2.png);
}

.all-banks .bank-item:nth-child(2) {
  background-size: 9.375vw 2.109vw;
}

.no-webp .all-banks .bank-item:nth-child(3) {
  background-image: url(../img/bank3.png);
}

.all-banks .bank-item:nth-child(3) {
  background-size: 9.375vw 1.823vw;
}

.no-webp .all-banks .bank-item:nth-child(4) {
  background-image: url(../img/bank4.png);
}

.all-banks .bank-item:nth-child(4) {
  background-size: 9.375vw 1.406vw;
}

.no-webp .all-banks .bank-item:nth-child(5) {
  background-image: url(../img/bank5.png);
}

.all-banks .bank-item:nth-child(5) {
  background-size: 9.375vw 1vw;
}

.no-webp .all-banks .bank-item:nth-child(6) {
  background-image: url(../img/bank6.png);
}

.all-banks .bank-item:nth-child(6) {
  background-size: 7.813vw 1.615vw;
}

.no-webp .all-banks .bank-item:nth-child(7) {
  background-image: url(../img/bank7.png);
}

.all-banks .bank-item:nth-child(7) {
  background-size: 9.375vw 1.406vw;
}

.no-webp .all-banks .bank-item:nth-child(8) {
  background-image: url(../img/bank8.png);
}

.all-banks .bank-item:nth-child(8) {
  background-size: 9.375vw 1.323vw;
}

.no-webp .all-banks .bank-item:nth-child(9) {
  background-image: url(../img/bank9.png);
}

.all-banks .bank-item:nth-child(9) {
  background-size: 6.771vw 2.031vw;
}

.no-webp .all-banks .bank-item:nth-child(10) {
  background-image: url(../img/bank10.png);
}

.all-banks .bank-item:nth-child(10) {
  background-size: 9.375vw 2.396vw;
}

.no-webp .all-banks .bank-item:nth-child(11) {
  background-image: url(../img/bank11.png);
}

.all-banks .bank-item:nth-child(11) {
  background-size: 9.375vw 1.177vw;
}

.no-webp .all-banks .bank-item:nth-child(12) {
  background-image: url(../img/bank12.png);
}

.all-banks .bank-item:nth-child(12) {
  background-size: 6.771vw 1.979vw;
}

.best-promo {
  background: -o-linear-gradient(
      354.48deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    ),
    #fff !important;
  background: linear-gradient(
      95.52deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    ),
    #fff !important;
  height: 48.438vw;
  display:none;
}

.best-promo .title {
  padding-bottom: 2.604vw;
  padding-top: 3.167vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.best-promo .slick-dots {
  bottom: 4.802vw;
}

.best-promo .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.25vw;
}

.best-promo .auto_item {
  width: 17.813vw;
  overflow: hidden;
  background: #fff;
  border: 0.052vw solid #ccdaff;
  border-radius: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.best-promo .auto_item:hover {
  border: 0.052vw solid #a6beff;
  -webkit-box-shadow: 0 0.104vw 0.677vw rgba(25, 1, 52, 0.15);
  box-shadow: 0 0.104vw 0.677vw rgba(25, 1, 52, 0.15);
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.best-promo .little_slider {
  height: 12.396vw;
  position: relative;
}

.best-promo .little_slider .little_slider-item {
  width: 17.813vw;
  height: 12.396vw;
  position: relative;
}

.best-promo .little_slider .little_slider-item img {
  width: 100%;
  border-radius: 0.521vw 0.521vw 0 0;
}

.best-promo .little_slider .slick-list {
  overflow: hidden;
}

.best-promo .little_slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.best-promo .little_slider .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.521vw;
  position: absolute;
  bottom: 0.885vw;
  z-index: 10;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.best-promo .little_slider .slick-dots li {
  list-style: none;
}

.best-promo .little_slider .slick-dots li button {
  font-size: 0;
  width: 1.458vw;
  height: 0.208vw;
  background: #d9d9d9;
  border-radius: 0.208vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.best-promo .little_slider .slick-dots li.slick-active button {
  font-size: 0;
  width: 1.458vw;
  height: 0.208vw;
  background: #010334;
  border-radius: 0.208vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.best-promo .auto_info {
  margin: 1.042vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.425vw;
  position: relative;
}

.best-promo .auto_info .auto_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 0.938vw;
  line-height: 1.198vw;
  color: #1a1a1a;
}

.best-promo .auto_info .model {
  font-weight: 700;
}

.best-promo .auto_info .auto_description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 0.13vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.198vw;
  color: #585b79;
}

.best-promo .auto_info .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.best-promo .auto_info .new_price {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.667vw;
  line-height: 2.083vw;
  color: #1a1a1a;
}

.best-promo .auto_info .old_price {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 1.042vw;
  line-height: 1.302vw;
  text-decoration-line: line-through;
  color: #585b79;
}

.best-promo .auto_info .button {
  border: 0.052vw solid #eec16a;
  border-radius: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.521vw 0;
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 0.833vw;
  line-height: 1.25vw;
  text-transform: uppercase;
  color: #eec16a;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.best-promo .auto_info .button:hover {
  background: #fbd07c;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  color: #1a1a1a;
}

.best-promo .auto_info .how_much {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.729vw;
  line-height: 0.938vw;
  color: #585b79;
}

.best-promo .auto_info .in_stok {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 0.729vw;
  line-height: 0.938vw;
  color: #4cb050;
  position: absolute;
  right: 0;
  top: 0;
}

.best-promo .wish_icon {
  width: 1.25vw;
  height: 1.25vw;
  position: absolute;
  top: 0.521vw;
  right: 0.521vw;
  cursor: pointer;
}

.best-promo .wish_icon svg {
  width: 100%;
}

.map {
  position: relative;
  height: 35.625vw;
}

.map .map-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.map .marker-big {
  position: absolute;
  width: 5.068vw;
  height: 6.117vw;
  left: 54.828vw;
  top: 2.828vw;
}

.map .just-marker.one {
  position: absolute;
  width: 3.698vw;
  height: 3.698vw;
  left: calc(50% - 1.849vw - 26.276vw);
  top: calc(50% - 1.849vw + 13.62vw);
}

.map .just-marker.two {
  position: absolute;
  width: 3.698vw;
  height: 3.698vw;
  left: calc(50% - 1.849vw + 43.672vw);
  top: calc(50% - 1.849vw + 9.141vw);
}

.no-webp .map .content {
  background-image: url(../img/bg-adress.png);
}

.map .content {
  position: absolute;
  top: 9.427vw;
  left: 12.5vw;
  width: 24.167vw;
  height: 16.771vw;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  padding: 1.927vw 0 2.24vw 2.135vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.563vw;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.map .addres-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.156vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.map .little-text {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 1.042vw;
  line-height: 1.302vw;
  color: #585b79;
}

.map .little-text.time {
  position: relative;
  padding-left: 1.563vw;
}

.no-webp .map .little-text.time::before {
  background-image: url(../img/clock-icon.png);
}

.map .little-text.time::before {
  content: "";
  width: 1.042vw;
  height: 1.042vw;
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.map .little-text.phone {
  position: relative;
  padding-left: 1.563vw;
}

.no-webp .map .little-text.phone::before {
  background-image: url(../img/tel-icon.png);
}

.map .little-text.phone::before {
  content: "";
  width: 1.042vw;
  height: 1.042vw;
  position: absolute;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.map .big-text {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.563vw;
  color: #1a1a1a;
}

.map .big-text a {
  color: #1a1a1a;
}

.page_banner {
  position: relative;
  width: 100%;
  height: auto;
}

.page_banner .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2.604vw 0;
}

.page_banner .breadscrumbs {
	opacity: 0;
    visibility: hidden;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  padding-bottom: 1.25vw;
}

.page_banner .breadscrumbs a {
  width: 0.833vw;
  height: 0.833vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0.521vw;
  cursor: pointer;
}

.page_banner .breadscrumbs a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.page_banner .breadscrumbs span {
  margin-left: 0.521vw;
}

.page_banner .page-name {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  padding-bottom: 0.365vw;
}

.page_banner .page-subtitle {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 1.667vw;
  line-height: 2.188vw;
  color: #fff;
}

.page_banner .page-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #eec16a;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  border-radius: 0.521vw;
  width: 17.813vw;
  padding: 0.938vw 0 1.042vw 0;
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 1.042vw;
  line-height: 1.146vw;
  text-transform: uppercase;
  color: #1a1a1a;
  margin-top: 2.188vw;
  cursor: pointer;
}

.page_banner .banner-img-1200 {
  display: none;
}

.page_banner .banner-img-600 {
  display: none;
}

.page_banner .banner-img-1920 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.page_banner .banner-img-1920 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page_banner .persent-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -3.04vw;
  left: 43.667vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.685vw;
  line-height: 2.135vw;
  text-transform: uppercase;
  color: #fff;
}

.page_banner .persent-banner .big {
  font-weight: 900;
  font-size: 12.641vw;
  line-height: 15.885vw;
}

.page_banner .persent-banner .little {
  font-weight: 900;
  font-size: 5.478vw;
  line-height: 6.875vw;
}

.change-auto {
  background: #f1f4f7;
  padding: 4.688vw 0 5.208vw 0;
}

.change-auto .title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  text-align: center;
  text-transform: uppercase;
  color: #1a1a1a;
  padding-bottom: 4.01vw;
}

.change-auto .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.change-auto .steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.677vw;
  margin-bottom: 3.75vw;
}

.change-auto .steps .background-step {
  position: relative;
  width: 16.719vw;
  height: 15.591vw;
  border-radius: 1.042vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -o-linear-gradient(
      346.62deg,
      #671578 -23.88%,
      #404267 41.9%,
      #4499a2 91.64%
    ),
    #440d54;
  background: linear-gradient(
      103.38deg,
      #671578 -23.88%,
      #404267 41.9%,
      #4499a2 91.64%
    ),
    #440d54;
}

.change-auto .steps .content-step {
  background: #fff;
  -webkit-backdrop-filter: blur(0.26vw);
  backdrop-filter: blur(0.26vw);
  border-radius: 1.042vw;
  width: 16.563vw;
  height: 15.417vw;
  padding: 3.281vw 1.354vw 0 1.354vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.938vw;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.change-auto .steps .step-title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.25vw;
  line-height: 1.25vw;
  text-align: center;
  color: #1a1a1a;
      width: 12.375vw;
}

.change-auto .steps .step-text {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.833vw;
  line-height: 1.25vw;
  text-align: center;
  color: #1a1a1a;
}

.change-auto .steps .number-step {
  position: absolute;
  width: 13.594vw;
  height: 2.5vw;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -o-linear-gradient(
      346.62deg,
      #671578 -23.88%,
      #404267 41.9%,
      #4499a2 91.64%
    ),
    #440d54;
  background: linear-gradient(
      103.38deg,
      #671578 -23.88%,
      #404267 41.9%,
      #4499a2 91.64%
    ),
    #440d54;
  border-radius: 10.417vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 0.833vw;
  line-height: 1.25vw;
  text-transform: uppercase;
  color: #fff;
}

.change-auto .separator-step {
  width: 1.354vw;
  height: 0.573vw;
}

.change-auto .separator-step img {
  width: 100%;
}

.change-auto .button-steps {
  background: #eec16a;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  border-radius: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24.167vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.938vw 0 1.042vw 0;
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 1.042vw;
  line-height: 1.146vw;
  text-transform: uppercase;
  color: #1a1a1a;
}

.no-webp .benefits_trade-in {
  background: url(../img/benefit-trade-in.png);
}

.benefits_trade-in {
  background-repeat: no-repeat;
  background-size: cover!important;
}

.benefits_trade-in .content {
  padding: 4.479vw 0 5.052vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.021vw;
}

.benefits_trade-in .title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  text-align: center;
  text-transform: uppercase;
  color: #1a1a1a;
}

.benefits_trade-in .benefits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4.115vw;
}

.benefits_trade-in .benefits-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.552vw;
}

.benefits_trade-in .benefits-item {
  background: #f1f4f7;
  border-radius: 52.083vw;
  position: relative;
  width: 33.958vw;
  height: 8.75vw;
  padding: 2.188vw 1.563vw 0 10.313vw;
}

.benefits_trade-in .benefits-item-square {
  width: 8.75vw;
  height: 8.75vw;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

.benefits_trade-in .benefits-item-square img {
  width: 100%;
}

.benefits_trade-in .benefits-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.885vw;
}

.benefits_trade-in .benefits-item-title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.25vw;
  line-height: 1.25vw;
  color: #1a1a1a;
}

.benefits_trade-in .benefits-item-text {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.25vw;
  color: #1a1a1a;
}

.documents-change-trade-in {
  background: #f1f4f7;
  padding: 4.635vw 0 4.792vw 0;
}

.documents-change-trade-in .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.documents-change-trade-in .title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  text-transform: uppercase;
  color: #010334;
  padding-bottom: 3.646vw;
}

.documents-change-trade-in .documetns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.99vw;
}

.documents-change-trade-in .list-item {
  position: relative;
  background: #fff;
  -webkit-backdrop-filter: blur(0.26vw);
  backdrop-filter: blur(0.26vw);
  border-radius: 1.563vw;
  padding: 4.792vw 1.615vw 0 1.667vw;
  height: 11.51vw;
  width: 14.219vw;
}

.documents-change-trade-in .name-documents {
  text-align: center;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 1.146vw;
  line-height: 1.563vw;
  color: #010334;
  width: 10vw;
    margin: 0 auto;
}

.documents-change-trade-in .lisi-item-number {
  position: absolute;
  top: 0;
  left: 50%;
  width: 5.625vw;
  height: 5.625vw;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 2.292vw;
  line-height: 2.865vw;
  text-transform: uppercase;
  color: #fff;
  background: -o-linear-gradient(
    339.16deg,
    #671578 7.97%,
    #404267 52.12%,
    #4499a2 85.51%
  );
  background: linear-gradient(
    110.84deg,
    #671578 7.97%,
    #404267 52.12%,
    #4499a2 85.51%
  );
  border: 0.781vw solid #f1f4f7;
  border-radius: 10.429vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.documents-change-trade-in .button {
  margin-top: 2.083vw;
  width: 31.771vw;
  height: 3.125vw;
  background: #eec16a;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  border-radius: 0.521vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 1.042vw;
  line-height: 1.146vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  color: #1a1a1a;
}

.favorit-page {
  padding: 4.567vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.favorit-page .all_auto-title {
  width: 100%;
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  text-align: center;
  text-transform: uppercase;
  color: #1a1a1a;
  padding-bottom: 2.083vw;
  border-bottom: 0.052vw solid #d9d9d9;
}

.favorit-page .all_auto-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.favorit-page .all_auto-filter .filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.083vw 0;
  gap: 1.042vw;
}

.favorit-page .all_auto-filter .sort {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.938vw;
  line-height: 1.198vw;
  color: #010334;
  padding: 0 2.083vw 0 1.563vw;
  position: relative;
  cursor: pointer;
}

.no-webp .favorit-page .all_auto-filter .sort::before {
  background-image: url(../img/sort-icon.png);
}

.favorit-page .all_auto-filter .sort::before {
  content: "";
  width: 1.042vw;
  height: 1.042vw;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-size: cover;
  background-repeat: no-repeat;
}

.favorit-page .all_auto-filter .sort-item {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #010334;
  cursor: pointer;
}

.favorit-page .all_auto-filter .sort-item.active {
  font-weight: 700;
}

.favorit-page .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.25vw;
}

.favorit-page .auto_item {
  width: 17.81vw;
  overflow: hidden;
  background: #fff;
  border: 0.052vw solid #ccdaff;
  border-radius: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.favorit-page .auto_item:hover {
  border: 0.052vw solid #a6beff;
  -webkit-box-shadow: 0 0.104vw 0.677vw rgba(25, 1, 52, 0.15);
  box-shadow: 0 0.104vw 0.677vw rgba(25, 1, 52, 0.15);
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.favorit-page .little_slider {
  height: 12.396vw;
  position: relative;
}

.favorit-page .little_slider .little_slider-item {
  width: 17.813vw;
  height: 12.396vw;
  position: relative;
}

.favorit-page .little_slider .little_slider-item img {
  width: 100%;
}

.favorit-page .little_slider .slick-list {
  overflow: hidden;
}

.favorit-page .little_slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.favorit-page .little_slider .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.521vw;
  position: absolute;
  bottom: 0.885vw;
  z-index: 10;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.favorit-page .little_slider .slick-dots li {
  list-style: none;
}

.favorit-page .little_slider .slick-dots li button {
  font-size: 0;
  width: 0.208vw;
  height: 0.208vw;
  background: #d9d9d9;
  border-radius: 0.208vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.favorit-page .little_slider .slick-dots li.slick-active button {
  font-size: 0;
  width: 1.458vw;
  height: 0.208vw;
  background: #010334;
  border-radius: 0.208vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.favorit-page .auto_info {
  margin: 1.042vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.425vw;
  position: relative;
}

.favorit-page .auto_info .auto_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 0.938vw;
  line-height: 1.198vw;
  color: #1a1a1a;
}

.favorit-page .auto_info .model {
  font-weight: 700;
}

.favorit-page .auto_info .auto_description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 0.13vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.198vw;
  color: #585b79;
}

.favorit-page .auto_info .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.favorit-page .auto_info .new_price {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.667vw;
  line-height: 2.083vw;
  color: #1a1a1a;
}

.favorit-page .auto_info .old_price {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 1.042vw;
  line-height: 1.302vw;
  text-decoration-line: line-through;
  color: #585b79;
}

.favorit-page .auto_info .button {
  border: 0.052vw solid #eec16a;
  border-radius: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.521vw 0;
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 0.833vw;
  line-height: 1.25vw;
  text-transform: uppercase;
  color: #eec16a;
}

.favorit-page .auto_info .how_much {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.729vw;
  line-height: 0.938vw;
  color: #585b79;
}

.favorit-page .auto_info .in_stok {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 0.729vw;
  line-height: 0.938vw;
  color: #4cb050;
  position: absolute;
  right: 0;
  top: 0;
}

.favorit-page .wish_icon {
  width: 1.25vw;
  height: 1.25vw;
  position: absolute;
  top: 0.521vw;
  right: 0.521vw;
  cursor: pointer;
}

.favorit-page .wish_icon svg {
  width: 100%;
}

.favorit-page .button_more {
  width: 24.167vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.938vw 0 1.042vw 0;
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 1.042vw;
  line-height: 1.146vw;
  text-transform: uppercase;
  color: #1a1a1a;
  background: #eec16a;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  border-radius: 0.521vw;
  cursor: pointer;
}

.webp .auto-card-block .slick-arrow.slick-next {
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.webp .auto-card-block .slick-arrow.slick-prev {
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.auto-card-block {
  padding: 1.563vw 0 7.813vw 0;
}

.auto-card-block .breadscrumbs {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #abafbc;
  display: flex;
  gap: 0.26vw;
}

.auto-card-block .breadscrumbs .home {
  width: 0.833vw;
  height: 0.833vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.auto-card-block .breadscrumbs .home img {
  width: 0.625vw;
  height: 0.625vw;
}

.auto-card-block .breadscrumbs span {
  color: #585b79;
}

.auto-card-block .auto-name {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.354vw;
  line-height: 1.458vw;
  color: #1a1a1a;
  padding: 2.5vw 0 1.354vw 0;
}

.auto-card-block .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.25vw;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.auto-card-block .auto-card-left {
  width: 49.583vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.302vw;
  position: relative;
}

.auto-card-block .auto-card-left .auto-card-slider {
  width: 100%;
      border-radius:0.5208333333333334vw;
    overflow: hidden;
}

.auto-card-block .auto-card-left .auto-card-slider img {
  width: 100%;
}

.auto-card-block .auto-card-left .slick-list {
  overflow: hidden;
}

.auto-card-block .auto-card-left .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.auto-card-block .auto-card-left .auto-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.302vw;
}

.auto-card-block .auto-card-left .block-deskr {
  width: 24.167vw;
  height: 9.167vw;
  background: #f1f4f7;
  border-radius: 0.521vw;
  padding: 1.25vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.833vw;
}

.auto-card-block .auto-card-left .deskr-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.auto-card-block .auto-card-left .deskr-item .left {
  font-family: Mulish;
  font-style: normal;
  font-weight: 300;
  font-size: 0.833vw;
  line-height: 1.042vw;
  color: #010334;
}

.auto-card-block .auto-card-left .deskr-item .right {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 0.833vw;
  line-height: 1.042vw;
  color: #010334;
}

.auto-card-block .auto-card-right {
  width: 24.167vw;
  height: 36.302vw;
  border-radius: 0.521vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -o-linear-gradient(
    354.48deg,
    #440551 0.7%,
    #404267 55.29%,
    #3c7a80 99.34%,
    #3c7a80 99.34%
  );
  background: linear-gradient(
    95.52deg,
    #440551 0.7%,
    #404267 55.29%,
    #3c7a80 99.34%,
    #3c7a80 99.34%
  );
}

.auto-card-block .auto-order {
  width: 24.01vw;
  height: 36.146vw;
  border-radius: 0.521vw;
  background: #fff;
  padding: 1.875vw 2.031vw 0 2.24vw;
}

.auto-card-block .auto-order .first-pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.208vw;
  padding-bottom: 1.563vw;
}

.auto-card-block .auto-order .first-pay .title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.042vw;
  color: #010334;
}

.auto-card-block .auto-order .first-pay .how-much {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 2.083vw;
  line-height: 2.604vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1a1a1a;
  gap: 0.521vw;
}

.auto-card-block .auto-order .all-pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.208vw;
  padding-bottom: 1.563vw;
}

.auto-card-block .auto-order .all-pay .title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.042vw;
  color: #010334;
}

.auto-card-block .auto-order .all-pay .how-much {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 2.083vw;
  line-height: 2.604vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1a1a1a;
  gap: 0.521vw;
}

.auto-card-block .auto-order .all-price-auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.208vw;
  padding-bottom: 1.25vw;
}

.auto-card-block .auto-order .all-price-auto .title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.042vw;
  color: #010334;
}

.auto-card-block .auto-order .all-price-auto .new-price {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 2.083vw;
  line-height: 2.604vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.521vw;
  background: -o-linear-gradient(
    353.03deg,
    #440551 -8.52%,
    #631279 -0.67%,
    #404267 68.68%,
    #3c7a80 99.19%,
    #3c7a80 99.19%
  );
  background: linear-gradient(
    96.97deg,
    #440551 -8.52%,
    #631279 -0.67%,
    #404267 68.68%,
    #3c7a80 99.19%,
    #3c7a80 99.19%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.auto-card-block .auto-order .all-price-auto .old-price {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 1.563vw;
  line-height: 1.979vw;
  text-decoration-line: line-through;
  color: #abafbc;
}

.auto-card-block .auto-order .all-price-auto .in-credit {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.833vw;
  line-height: 1.042vw;
  color: #585b79;
}

.auto-card-block .auto-order .byu-in-credit {
  cursor: pointer;
  background: #eec16a;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  border-radius: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 3.125vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 1.042vw;
  line-height: 1.146vw;
  text-align: center;
  text-transform: uppercase;
  color: #010334;
  margin-bottom: 0.833vw;
}

.auto-card-block .auto-order .trade-in-button {
  cursor: pointer;
  width: 19.896vw;
  height: 3.125vw;
  border: 0.052vw solid #010334;
  -webkit-filter: drop-shadow(0 0.052vw 0.104vw rgba(0, 0, 0, 0.06))
    drop-shadow(0 0.052vw 0.156vw rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0.052vw 0.104vw rgba(0, 0, 0, 0.06))
    drop-shadow(0 0.052vw 0.156vw rgba(0, 0, 0, 0.1));
  border-radius: 0.521vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 1.042vw;
  line-height: 1.146vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  color: #010334;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1.25vw;
}

.auto-card-block .auto-order .auto-stock {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.354vw;
  line-height: 1.458vw;
  color: #1a1a1a;
}

.auto-card-block .auto-order .auto-stock .adress {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-size: 0.938vw;
  line-height: 1.354vw;
  color: #abafbc;
  padding-left: 1.042vw;
  position: relative;
  margin-top: 0.833vw;
  margin-bottom: 0.521vw;
}

.no-webp .auto-card-block .auto-order .auto-stock .adress::before {
  background-image: url(../img/card-location.png);
}

.auto-card-block .auto-order .auto-stock .adress::before {
  content: "";
  position: absolute;
  width: 0.729vw;
  height: 0.833vw;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-size: contain;
  background-repeat: no-repeat;
}

.auto-card-block .auto-order .auto-stock .time {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-size: 0.938vw;
  line-height: 1.354vw;
  color: #abafbc;
  padding-left: 1.042vw;
  position: relative;
}

.no-webp .auto-card-block .auto-order .auto-stock .time::before {
  background-image: url(../img/card-clock.png);
}

.auto-card-block .auto-order .auto-stock .time::before {
  content: "";
  position: absolute;
  width: 0.75vw;
  height: 0.75vw;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-size: contain;
  background-repeat: no-repeat;
}

.auto-card-block .auto-order .favorite {
  position: absolute;
  top: 1.927vw;
  right: 2.135vw;
  width: 1.25vw;
  height: 1.25vw;
  cursor: pointer;
}

.auto-card-block .auto-order .favorite svg {
  width: 100%;
}

.auto-card-block .auto-card-slider-little {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.auto-card-block .auto-card-slider-little .auto-card-slider-item-little {
  width: 100%;
  height: 5.365vw;
  border-radius: 0.521vw;
  overflow: hidden;
  background: 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.auto-card-block .auto-card-slider-little .auto-card-slider-item-little img {
  width: 8.75vw;
  -o-object-fit: cover;
  object-fit: cover;
  height: 5.26vw;
  border-radius: 0.521vw;
}

.auto-card-block .auto-card-slider-little .slick-list {
  overflow: hidden;
}

.auto-card-block
  .auto-card-slider-little
  .slick-current.slick-active
  .auto-card-slider-item-little {
  background: -o-linear-gradient(
    354.48deg,
    #440551 0.7%,
    #404267 55.29%,
    #3c7a80 99.34%,
    #3c7a80 99.34%
  );
  background: linear-gradient(
    95.52deg,
    #440551 0.7%,
    #404267 55.29%,
    #3c7a80 99.34%,
    #3c7a80 99.34%
  );
}

.auto-card-block .auto-card-slider-little .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25vw;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.auto-card-block .auto-card-slider-little .slick-arrow {
  position: absolute;
  top: 13.542vw;
  font-size: 0;
  z-index: 10;
  width: 3.125vw;
  height: 3.125vw;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.no-webp .auto-card-block .auto-card-slider-little .slick-arrow.slick-prev {
  background: url(../img/Arrow_Left.png);
}

.auto-card-block .auto-card-slider-little .slick-arrow.slick-prev {
  left: 1.042vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.no-webp .auto-card-block .auto-card-slider-little .slick-arrow.slick-next {
  background: url(../img/Arrow_Right.png);
}

.auto-card-block .auto-card-slider-little .slick-arrow.slick-next {
  right: 1.042vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.complectation-auto {
  padding: 4.531vw 0 3.646vw 0;
}

.complectation-auto .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.135vw;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.complectation-auto .title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  text-transform: uppercase;
  color: #1a1a1a;
}

.complectation-auto .complectation-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  row-gap: 1.302vw;
  -webkit-column-gap: 3.646vw;
  -moz-column-gap: 3.646vw;
  column-gap: 3.646vw;
}

.complectation-auto .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.833vw;
}

.complectation-auto .item-title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.042vw;
  line-height: 1.354vw;
  color: #1a1a1a;
}

.complectation-auto .item-title img {
  display: none;
}

.complectation-auto .item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.417vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.354vw;
  color: #000;
  grid-column-gap: 2.083vw;
}


.complectation-auto .item-list li {
  position: relative;
  padding-left: 1.042vw;
}

.complectation-auto .item-list li::before {
  content: "";
  position: absolute;
  width: 0.469vw;
  height: 0.469vw;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-radius: 50%;
  background: -o-linear-gradient(
    339.16deg,
    #671578 7.97%,
    #404267 52.12%,
    #4499a2 85.51%
  );
  background: linear-gradient(
    110.84deg,
    #671578 7.97%,
    #404267 52.12%,
    #4499a2 85.51%
  );
}

.webp .otzyvy .slick-arrow.slick-next {
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.webp .otzyvy .slick-arrow.slick-prev {
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.otzyvy {
  padding: 4.688vw 0 4.479vw 0;
  background: #f1f4f7;
  position: relative;
}

.otzyvy .title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  text-align: center;
  text-transform: uppercase;
  color: #1a1a1a;
  padding-bottom: 3.281vw;
}

.otzyvy .slider-otzyvy-item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 1.25vw;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.156vw;
}

.otzyvy .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex!important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 17.213vw;
  height: 18.646vw;
  border-radius: 1.042vw;
  background: -o-linear-gradient(
    346.62deg,
    #671578 -23.88%,
    #404267 41.9%,
    #4499a2 91.64%
  );
  background: linear-gradient(
    103.38deg,
    #671578 -23.88%,
    #404267 41.9%,
    #4499a2 91.64%
  );
}

.otzyvy .item-content {
  width: 99%;
  height: 18.542vw;
  background: #fff;
  -webkit-backdrop-filter: blur(0.26vw);
  backdrop-filter: blur(0.26vw);
  border-radius: 1.042vw;
  padding: 1.927vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.otzyvy .otzyv-title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.25vw;
  line-height: 1.25vw;
  color: #1a1a1a;
  padding-bottom: 1.042vw;
}

.otzyvy .otzyv-text {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.833vw;
  line-height: 1.25vw;
  color: #1a1a1a;
}

.otzyvy .otzyv-autor {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 0.833vw;
  line-height: 1.25vw;
  color: #585b79;
}

.otzyvy .slick-list {
  overflow: hidden;
}

.otzyvy .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      gap: 0.4vw;
}

.otzyvy .slick-arrow {
  position: absolute;
  top: 60%;
  font-size: 0;
  z-index: 10;
  width: 3.125vw;
  height: 3.125vw;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.no-webp .otzyvy .slick-arrow.slick-prev {
  background: url(../img/auto-left.png);
}

.otzyvy .slick-arrow.slick-prev {
  left: 6.813vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.no-webp .otzyvy .slick-arrow.slick-next {
  background: url(../img/auto-right.png);
}

.otzyvy .slick-arrow.slick-next {
  right: 6.813vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.otzyvy .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.302vw;
  position: absolute;
  bottom: 1.802vw;
  z-index: 10;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-filter: drop-shadow(0 0.208vw 1.042vw rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 0.208vw 1.042vw rgba(0, 0, 0, 0.2));
}

.otzyvy .slick-dots li {
  list-style: none;
}

.otzyvy .slick-dots li button {
  font-size: 0;
  width: 0.781vw;
  height: 0.781vw;
  border-radius: 2.604vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background: #585b79;
  opacity: 0.3;
}

.otzyvy .slick-dots li.slick-active button {
  font-size: 0;
  width: 2.848vw;
  height: 0.781vw;
  border-radius: 2.604vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background: #585b79;
  opacity: 1;
}

.get-autocredit {
  padding: 4.688vw 0 5.208vw 0;
  background: #f1f4f7;
}

.get-autocredit .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25vw;
}

.get-autocredit .title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  text-align: center;
  text-transform: uppercase;
  color: #1a1a1a;
  padding-bottom: 2.604vw;
}

.get-autocredit .form-autocredit {
  width: 36.875vw;
}

.get-autocredit .form-text {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.354vw;
  line-height: 1.458vw;
  color: #1a1a1a;
}

.get-autocredit .text-about {
  width: 36.875vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.667vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.354vw;
  color: #000;
 margin-top: 0;
}

.get-autocredit .text-about .ul-text-about span {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.042vw;
  line-height: 1.354vw;
  color: #1a1a1a;
  padding-bottom: 0.417vw;
}

.get-autocredit .text-about .ul-text-about li {
  position: relative;
  margin-top: 0.417vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.354vw;
  color: #000;
  padding-left: 1.146vw;
}

.get-autocredit .text-about .ul-text-about li::before {
  content: "";
  position: absolute;
  width: 0.469vw;
  height: 0.469vw;
  left: 0.156vw;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: #eec16a;
  border-radius: 50%;
}

.form-autocredit .form-subtitle600,
.form-autocredit .form-text-600 {
  display: none;
}

.form-autocredit .chose-auto-block {
  padding-top: 1.667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.042vw;
}

.no-webp .form-autocredit .select-input-block select {
  background-image: url(../img/cheveron-down.png);
}

.form-autocredit .select-input-block select {
  width: 36.875vw;
  height: 3.125vw;
  background: #fff;
  border-radius: 0.521vw;
  padding-left: 1.042vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 1.042vw;
  background-position: 95%;
}

.form-autocredit .select-input-block.block-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.042vw;
}

.no-webp .form-autocredit .select-input-block.block-one select {
  background-image: url(../img/cheveron-down.png);
}

.form-autocredit .select-input-block.block-one select {
  width: 17.917vw;
  height: 3.125vw;
  background: #fff;
  padding-left: 1.042vw;
  border-radius: 0.521vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 1.042vw;
  background-position: 90%;
}

.form-autocredit .calc-auto-block {
  padding-top: 2.604vw;
}

.form-autocredit .content {
  width: 100%;
}

.form-autocredit .credit-calc {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.719vw;
  padding-top: 1.667vw;
}

.form-autocredit .form-for-credit.for-autocredit {
  padding-top: 2.604vw;
}

.form-autocredit .form-for-credit.for-autocredit .block-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.form-autocredit
  .form-for-credit.for-autocredit
  .block-input.input-for-autocredit {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 7.813vw;
  row-gap: 0.521vw;
  -webkit-column-gap: 1.25vw;
  -moz-column-gap: 1.25vw;
  column-gap: 1.25vw;
  margin-top: 1.667vw;
}

.form-autocredit .form-for-credit.for-autocredit .input-date,
.form-autocredit .form-for-credit.for-autocredit .input-name,
.form-autocredit .form-for-credit.for-autocredit .input-sity,
.form-autocredit .form-for-credit.for-autocredit .input-tel {
  background: #fff;
  border-radius: 0.521vw;
  width: 17.813vw;
  height: 3.125vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-autocredit .form-for-credit.for-autocredit .input-date input,
.form-autocredit .form-for-credit.for-autocredit .input-name input,
.form-autocredit .form-for-credit.for-autocredit .input-sity input,
.form-autocredit .form-for-credit.for-autocredit .input-tel input {
  background: #fff;
  border-radius: 0.521vw;
  width: 17.813vw;
  height: 3.125vw;
  padding-left: 1.042vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
}

.form-autocredit .form-for-credit.for-autocredit .input-sity.four select{
background: #fff;
    border-radius: 0.521vw;
    width: 17.813vw;
    height: 3.125vw;
    padding-left: 1.142vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 0.833vw;
    line-height: 1.354vw;
    color: #76777a;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 1.042vw;
    background-position: 95%;
    background-image: url(../img/cheveron-down.webp);
}
.form-autocredit .form-for-credit.for-autocredit .input-sity.one input{
	background-image: url(../img/fio.png);
    background-repeat: no-repeat;
    background-position: 1.042vw center;
    background-size: 0.938vw;
    position: relative;
     padding-left: 2.542vw;
	
}
.form-autocredit .form-for-credit.for-autocredit .input-sity.two input{
background-image: url(../img/telinput.png);
    background-repeat: no-repeat;
    background-position: 1.042vw center;
    background-size: 0.938vw;
    position: relative;
     padding-left: 2.542vw;
	
}
.form-autocredit .form-for-credit.for-autocredit .input-name input {
  background-image: url(../img/fio.webp);
  background-repeat: no-repeat;
  background-position: 1.042vw center;
}
.form-autocredit .form-for-credit.for-autocredit .input-tel input {
  background-image: url(../img/telinput.webp);
  background-repeat: no-repeat;
  background-position: 1.042vw center;
}
.form-autocredit .form-for-credit.for-autocredit .button-sub button,.form-autocredit .form-for-credit.for-autocredit .button-sub input {
  width: 36.875vw;
}

.form-autocredit .block {
  width: 100%;
}

.form-autocredit .flex-container.for-range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.form-autocredit .flex-container h5 {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.042vw;
  color: #010334;
  padding-bottom: 0.521vw;
}

.form-autocredit .flex-container .per {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.729vw;
  line-height: 120%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #585b79;
}

.form-autocredit .flex-container h6 {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-size: 1.667vw;
  line-height: 120%;
  color: #1a1a1a;
  padding-bottom: 0.521vw;
}

.form-autocredit .val-summ {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 2.083vw;
  line-height: 2.604vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1a1a1a;
}

.form-autocredit input[type="range"] {
  width: 100%;
  height: 0.156vw;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.521vw;
 
}
 .form-autocredit input[type="range"].range-credit-time {
  background: linear-gradient(to right, rgb(238, 193, 106) 0%, rgb(238, 193, 106) 100%, rgb(228, 228, 228) 100%, rgb(228, 228, 228) 100%);
  }
  .form-autocredit input[type="range"].range-time {
  	background: linear-gradient(to right, rgb(238, 193, 106) 0%, rgb(238, 193, 106) 50%, rgb(228, 228, 228) 50%, rgb(228, 228, 228) 100%);
  }

.form-autocredit input[type="range"]::-webkit-slider-runnable-track {
  height: 0.156vw;
  border-radius: 0.521vw;
  background: 0 0;
}

.form-autocredit input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.042vw;
  height: 0.781vw;
  background: #eec16a;
  border: 0.052vw solid #fff;
  border-radius: 1.25vw;
  cursor: pointer;
  margin-top: -0.365vw;
  margin-left: 0vw;
}

.form-autocredit input[type="range"]::-webkit-slider-thumb:hover {
  border: 0.104vw solid gray;
}

.credit-calc-block {
  background: #f1f4f7;
  padding: 5.208vw 0;
}

.credit-calc-block .content {
  background: #fff;
  border-radius: 0.521vw;
  padding: 3.646vw 5.104vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.563vw;
}

.credit-calc-block .title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  text-align: center;
  text-transform: uppercase;
  color: #1a1a1a;
}

.credit-calc-block .title br {
  display: none;
}

.credit-calc-block .name-auto {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.354vw;
  line-height: 1.458vw;
  text-align: center;
  color: #1a1a1a;
}

.credit-calc-block .credit-calc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.302vw;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.credit-calc-block .left {
  width: 38.125vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.563vw;
}

.credit-calc-block .left .flex-container.for-range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.credit-calc-block .left .flex-container h5 {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.042vw;
  color: #010334;
  padding-bottom: 0.521vw;
}

.credit-calc-block .left .flex-container .per {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.729vw;
  line-height: 120%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #585b79;
}

.credit-calc-block .left .flex-container h6 {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-size: 1.667vw;
  line-height: 120%;
  color: #1a1a1a;
  padding-bottom: 0.521vw;
  display: flex;
    align-items: center;
    gap: 0.4vw;
}

.credit-calc-block .left .val-summ {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 2.083vw;
  line-height: 2.604vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1a1a1a;
}

.credit-calc-block .right {
  width: 25.417vw;
  height: 13.719vw;
  border-radius: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -o-linear-gradient(
    346.62deg,
    #671578 -23.88%,
    #404267 41.9%,
    #4499a2 91.64%
  );
  background: linear-gradient(
    103.38deg,
    #671578 -23.88%,
    #404267 41.9%,
    #4499a2 91.64%
  );
}

.credit-calc-block .right .info-pay {
    width: 25.26vw;
    height: 13.563vw;
    border-radius: 0.521vw;
    background: #fff;
    padding: 2.031vw 0 2.031vw 2.031vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    gap: 1.563vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.credit-calc-block .right .info-pay-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2vw;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.credit-calc-block .right .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.208vw;
}

.credit-calc-block .right .title-range {
  font-family: Mulish;
  font-style: normal;
  font-weight: 300;
  font-size: 0.833vw;
  line-height: 1.042vw;
  color: #010334;
}

.credit-calc-block .right .persent {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 2.083vw;
  line-height: 2.604vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1a1a1a;
      gap: 0.35vw;
}

.credit-calc-block .right .summ {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 2.083vw;
  line-height: 2.604vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1a1a1a;
}

.credit-calc-block .right .yeahr {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 2.083vw;
  line-height: 2.604vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1a1a1a;
}

.credit-calc-block .right .economy {
 display:none;
}

.credit-calc-block input[type="range"] {
  width: 100%;
  height: 0.156vw;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.521vw;
  background: #e4e4e4;
}
.credit-calc-block input[type="range"].range-time {
    background: linear-gradient(to right, #EEC16A 0%, #EEC16A 50%, #E4E4E4 50%, #E4E4E4 100%);
}

.credit-calc-block input[type="range"]::-webkit-slider-runnable-track {
  height: 0.156vw;
  border-radius: 0.521vw;
  background: 0 0;
}
.credit-calc-block input[type="range"].range-credit-time {
    background: linear-gradient(to right, #EEC16A 0%, #EEC16A 100%, #E4E4E4 100%, #E4E4E4 100%);
}

.credit-calc-block input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.242vw;
  height: 0.781vw;
  background: #eec16a;
  border: 0.052vw solid #fff;
  border-radius: 1.25vw;
  cursor: pointer;
  margin-top: -0.365vw;
  margin-left: 0vw;
}

.credit-calc-block input[type="range"]::-webkit-slider-thumb:hover {
  border: 0.104vw solid gray;
}

.all-form,
.form-for-credit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.all-form .title-form,
.form-for-credit .title-form {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.667vw;
  line-height: 2.083vw;
  text-align: center;
  color: #1a1a1a;
  padding-top: 1.042vw;
  padding-bottom: 0.885vw;
}

.all-form .subtitle-form,
.form-for-credit .subtitle-form {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 1.042vw;
  line-height: 1.563vw;
  text-align: center;
  color: #010334;
  padding-bottom: 1.667vw;
}

.all-form form,
.form-for-credit form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.172vw;
}

.all-form .block-input,
.form-for-credit .block-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.25vw;
}

.no-webp .all-form .input-name input,
.no-webp .form-for-credit .input-name input,.block-input .fio {
  background-image: url(../img/fio.png);
}

.all-form .input input,
.form-for-credit .input input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.469vw 1.042vw 0.469vw 2.917vw;
  width: 31.771vw;
  height: 3.125vw;
  background: #f1f4f7;
  border-radius: 0.521vw;
  background-repeat: no-repeat;
  background-position: 1.042vw center;
  background-size: 0.938vw;
  position: relative;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #010334;
}

.form-for-credit .block-input .fio,
.form-for-credit .block-input .contact{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.469vw 1.042vw 0.469vw 2.917vw;
  width: 31.771vw;
  height: 3.125vw;
  background-color: #f1f4f7;
  border-radius: 0.521vw;
  background-repeat: no-repeat;
  background-position: 1.042vw center;
  background-size: 0.938vw;
  position: relative;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #010334;
}
.popup-callback-me .content-colback .form-for-credit .block-input .fio,
.popup-callback-me .content-colback .form-for-credit .block-input .contact,.popup-for-credit .content-colback .form-for-credit .block-input .fio,.popup-for-credit .content-colback .form-for-credit .block-input .contact{
	width: 17.862vw;
	
}
.all-form .input input::-webkit-input-placeholder,
.form-for-credit .input input::-webkit-input-placeholder {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
  position: absolute;
  top: 50%;
  left: 3vw;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.all-form .input input::-moz-placeholder,
.form-for-credit .input input::-moz-placeholder {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
  position: absolute;
  top: 50%;
  left: 3vw;
  transform: translate(0, -50%);
}

.all-form .input input:-ms-input-placeholder,
.form-for-credit .input input:-ms-input-placeholder {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
  position: absolute;
  top: 50%;
  left: 3vw;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.all-form .input input::-ms-input-placeholder,
.form-for-credit .input input::-ms-input-placeholder {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
  position: absolute;
  top: 50%;
  left: 3vw;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.all-form .input input::placeholder,
.form-for-credit .input input::placeholder {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
  position: absolute;
  top: 50%;
  left: 3vw;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.no-webp .all-form .input-tel input,
.no-webp .form-for-credit .input-tel input,.block-input .contact {
  background-image: url(../img/telinput.png);
}

.all-form .input-tel input,
.form-for-credit .input-tel input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.469vw 1.042vw 0.469vw 2.917vw;
  width: 31.771vw;
  height: 3.125vw;
  background: #f1f4f7;
  border-radius: 0.521vw;
  background-repeat: no-repeat;
  background-position: 1.042vw center;
  background-size: 0.938vw;
  position: relative;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #010334;
}

.all-form .input-tel input::-webkit-input-placeholder,
.form-for-credit .input-tel input::-webkit-input-placeholder {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
  position: absolute;
  top: 50%;
  left: 3vw;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.all-form .input-tel input::-moz-placeholder,
.form-for-credit .input-tel input::-moz-placeholder {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
  position: absolute;
  top: 50%;
  left: 3vw;
  transform: translate(0, -50%);
}

.all-form .input-tel input:-ms-input-placeholder,
.form-for-credit .input-tel input:-ms-input-placeholder {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
  position: absolute;
  top: 50%;
  left: 3vw;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.all-form .input-tel input::-ms-input-placeholder,
.form-for-credit .input-tel input::-ms-input-placeholder {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
  position: absolute;
  top: 50%;
  left: 3vw;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.all-form .input-tel input::placeholder,
.form-for-credit .input-tel input::placeholder {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
  position: absolute;
  top: 50%;
  left: 3vw;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.form-for-credit .button-sub input.submit_credit{
width: 31.771vw!important;	
}
.all-form .button-sub button,.all-form .button-sub input,
.form-for-credit .button-sub button,.form-for-credit .button-sub input  {
  width: 31.771vw;
  height: 3.221vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #eec16a;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  border-radius: 0.521vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 1.042vw;
  line-height: 1.146vw;
  text-transform: uppercase;
  color: #1a1a1a;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.all-form .button-sub button:hover,.all-form .button-sub input:hover,
.form-for-credit .button-sub button:hover,.form-for-credit .button-sub input:hover {
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background: #fbd07c;
  -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
    0 0.13vw 0.391vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
    0 0.13vw 0.391vw rgba(0, 0, 0, 0.1);
}

.all-form .agree-input,
.form-for-credit .agree-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.all-form .agree-input label,
.form-for-credit .agree-input label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.938vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.406vw;
  color: #010334;
}

.all-form .agree-input label a,
.form-for-credit .agree-input label a {
  color: #eec16a;
  text-decoration: none;
  cursor: pointer;
}

.all-form .checkbox input,
.form-for-credit .checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.all-form .checkbox__text,
.form-for-credit .checkbox__text {
  position: relative;
  padding: 0 0 0 1.979vw;
  cursor: pointer;
}

.all-form .checkbox__text:before,
.form-for-credit .checkbox__text:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 0;
  width: 1.042vw;
  height: 1.042vw;
  border-radius: 0.145vw;
  border: 0.052vw solid #eec16a;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.all-form .checkbox__text:after,
.form-for-credit .checkbox__text:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.521vw;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.521vw;
  height: 0.521vw;
  background: #eec16a;
  opacity: 0;
  border-radius: 0.083vw;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.all-form .checkbox input:checked + .checkbox__text:before,
.form-for-credit .checkbox input:checked + .checkbox__text:before {
  background: 0 0;
}

.all-form .checkbox input:checked + .checkbox__text:after,
.form-for-credit .checkbox input:checked + .checkbox__text:after {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.trade-in-block-main {
  background: #f1f4f7;
  padding: 5.208vw 0;
}

.trade-in-block-main form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0vw;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 0;
}

.trade-in-block-main form .left-part {
  width: 31.771vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.042vw;
}

.trade-in-block-main form .select-input-text {
  width: 28.646vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 1.042vw;
  line-height: 1.563vw;
  color: #010334;
}

.trade-in-block-main .first-block {
  background: #fff;
  border-radius: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 3.646vw 5.104vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.trade-in-block-main .title-block {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  text-align: center;
  text-transform: uppercase;
  color: #1a1a1a;
  padding-bottom: 2.5vw;
}

.trade-in-block-main .steps {
  width: 32.979vw;
  height: 2.396vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.26vw;
  padding-bottom: 4.688vw;
}

.trade-in-block-main .steps .step-sircle {
  position: relative;
  background: #fff;
  border: 0.075vw solid #a2a8bd;
  border-radius: 2.396vw;
  width: 2.396vw;
  height: 2.396vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 1.198vw;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #a2a8bd;
}

.trade-in-block-main .steps .step-sircle.active {
  background: -o-linear-gradient(
      353.03deg,
      #440551 -8.52%,
      #631279 -0.67%,
      #404267 68.68%,
      #3c7a80 99.19%,
      #3c7a80 99.19%
    ),
    #fff;
  background: linear-gradient(
      96.97deg,
      #440551 -8.52%,
      #631279 -0.67%,
      #404267 68.68%,
      #3c7a80 99.19%,
      #3c7a80 99.19%
    ),
    #fff;
  border-radius: 2.396vw;
  color: #fff;
}

.trade-in-block-main .steps .step-sircle .text-sirsle {
  position: absolute;
  top: 3.021vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 120%;
  color: #737885;
  width: 10.417vw;
  text-align: center;
}

.trade-in-block-main .steps .step-sircle .text-sirsle.active {
  font-weight: 900;
  font-size: 0.833vw;
  line-height: 120%;
  color: #440d54;
}

.trade-in-block-main .steps .circle-line {
  width: 11.438vw;
 height: 0.124vw;
  background-color: rgba(171, 175, 188, 0.3);
}

.trade-in-block-main .steps .circle-line.active {
  background: -o-linear-gradient(
      354.48deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    ),
    #fff;
  background: linear-gradient(
      95.52deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    ),
    #fff;
}

.trade-in-block-main .select-input-block {
  margin-bottom: 0.26vw;
  width: 31.771vw;
}

.no-webp .trade-in-block-main .select-input-block select {
  background-image: url(../img/cheveron-down.png);
}

.trade-in-block-main .select-input-block select {
  background-color: #f1f4f7;
  height: 3.125vw;
  padding: 1.042vw;
  border-radius: 0.521vw;
  width: 100%;
  height: 100%;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #abafbc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 1.042vw;
  background-position: 95%;
}

.trade-in-block-main .right-part {
  width: 31.771vw;
  border-radius: 0.521vw;
}

.trade-in-block-main .right-part img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  border-radius: 0.521vw;
}

.trade-in-block-main .trade-form-btn {
  background: #eec16a;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  border-radius: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.729vw 1.667vw 0.833vw;
  width: 31.771vw;
  height: 3.125vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-size: 1.042vw;
  line-height: 1.146vw;
  text-transform: uppercase;
  color: #1a1a1a;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.trade-in-block-main .trade-form-btn:hover {
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background: #fbd07c;
  -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
    0 0.13vw 0.391vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
    0 0.13vw 0.391vw rgba(0, 0, 0, 0.1);
}

.footer {
  background: -o-linear-gradient(
    346.62deg,
    #671578 -23.88%,
    #404267 41.9%,
    #4499a2 91.64%
  );
  background: linear-gradient(
    103.38deg,
    #671578 -23.88%,
    #404267 41.9%,
    #4499a2 91.64%
  );
  -webkit-backdrop-filter: blur(0.26vw);
  backdrop-filter: blur(0.26vw);
}

.footer .content {
  padding: 3.073vw 0 0 0;
}

.footer .footer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 1.979vw;
  border-bottom: 0.052vw solid rgba(255, 255, 255, 0.1);
}

.footer .block_logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.563vw;
}

.footer .footer_logo {
  width: 5.729vw;
  height: 2.083vw;
  display: block;
}

.footer .footer_logo img {
  width: 100%;
}

.footer .footer_tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.26vw;
}

.footer .tel {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.354vw;
  position: relative;
  padding-left: 1.458vw;
}

.no-webp .footer .tel::before {
  background-image: url(../img/footer-tel.png);
}

.footer .tel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 0.938vw;
  height: 0.938vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
}

.footer .tel a {
  color: #fff;
}

.footer .mail {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.938vw;
  line-height: 1.354vw;
  position: relative;
  padding-left: 1.458vw;
}

.no-webp .footer .mail::before {
  background-image: url(../img/footer-mail.png);
}

.footer .mail::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 0.99vw;
  height: 0.781vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.footer .mail a {
  color: #fff;
}

.footer .block_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8.073vw;
}

.footer .blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.042vw;
}

.footer .page_link {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 1.146vw;
  line-height: 1.354vw;
  color: #fff;
}

.footer .block_contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.563vw;
}

.footer .contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.26vw;
}

.footer .adress {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.354vw;
  color: #fff;
  position: relative;
  padding-left: 1.458vw;
}

.no-webp .footer .adress::before {
  background-image: url(../img/footer-adress.png);
}

.footer .adress::before {
  content: "";
  position: absolute;
  width: 0.729vw;
  height: 0.833vw;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.footer .time {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.354vw;
  color: #fff;
  position: relative;
  padding-left: 1.458vw;
}

.no-webp .footer .time::before {
  background-image: url(../img/footer-clock.png);
}

.footer .time::before {
  content: "";
  position: absolute;
  width: 0.938vw;
  height: 0.938vw;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.footer .footer_button {
  width: 14.375vw;
  height: 2.083vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #eec16a;
  border-radius: 0.417vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-size: 0.833vw;
  line-height: 1.146vw;
  color: #1a1a1a;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.footer .footer_button:hover {
  background: #fbd07c;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  color: #1a1a1a;
}

.footer .footer-down {
  padding: 1.458vw 0 1.354vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
     flex-direction: column;
    gap: 1vw;
}
.footer .footer-down .dop-information{
	font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 0.938vw;
    line-height: 1.354vw;
    color: #fff;
    display: flex;
    gap: 1vw;
    flex-direction: column;
}
.footer .footer-down .dop-information .dop-information-text{
	  
	    display: flex;
    flex-direction: column;
    gap: 0.5vw;
}
.footer .footer-down .text-down {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #fff;
  opacity: 0.5;
}

.popup-form {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(0.104vw);
  backdrop-filter: blur(0.104vw);
  top: 0;
  left: 0;
  z-index: 12000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.popup-form:target {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.popup-form .popup-body {
  min-width: 100%;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.no-webp .popup-form .popup-content {
  background-image: url(../img/popapbg.png);
}

.popup-form .popup-content {
  width: 39.583vw;
  height: 30.208vw;
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 0.521vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.popup-form .popup_close {
  width: 1.667vw;
  height: 1.667vw;
  display: block;
  position: absolute;
  top: 1.667vw;
  right: 1.667vw;
  cursor: pointer;
}

.popup-form .popup_close img {
  width: 100%;
}

.popup-form .content-colback {
  width: 30.208vw;
}

.popup-form .title-form {
  text-transform: uppercase;
  color: #fff;
  font-size: 1.25vw;
  line-height: 1.563vw;
}

.popup-form .subtitle-form {
  font-size: 0.833vw;
  line-height: 1.198vw;
  color: #fff;
  width: 21.406vw;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.popup-form .block-input {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.popup-form .input-name {
  width: 17.862vw;
}

.popup-form .input-name input {
  width: 100%;
}

.popup-form .input-tel {
  width: 17.862vw;
}

.popup-form .input-tel input {
  width: 100%;
}

.popup-form .button-sub {
  width: 17.862vw;
}

.popup-form .button-sub button,.popup-form .button-sub input {
  width: 100%;
}

.popup-form .agree-input {
  width: 23.438vw;
}

.popup-form .checkbox__text {
  color: #fff;
}

.popup-form .model-for-credit {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.354vw;
  line-height: 1.458vw;
  text-align: center;
  color: #fff;
  width: 30.208vw;
  padding-bottom: 1.302vw;
}

.popup-form.popup-for-successful.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.no-webp .popup-form.popup-for-successful .popup-content {
  background-image: url(../img/succsessbg.png);
}

.popup-form.popup-for-successful .popup-content {
  width: 75vw;
  height: 25.417vw;
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 0.521vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.popup-form.popup-for-successful .back-to-main {
  width: 31.771vw;
  height: 3.125vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  font-weight: 800;
  font-size: 1.042vw;
  line-height: 1.146vw;
  text-transform: uppercase;
  color: #1a1a1a;
  background: #eec16a;
  -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
    0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  border-radius: 0.521vw;
}

.popup-form.popup-for-trade-in .popup-content {
  width: 75vw;
  height: 43.542vw;
  background: #fff !important;
  border-radius: 0.521vw;
}

.popup-form.popup-for-trade-in .content-colback {
  width: 64.792vw;
}

.popup-form.popup-for-trade-in form {
  width: 64.792vw;
}

.popup-form.popup-for-trade-in .form-autocredit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.popup-form.popup-for-trade-in .title-form {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 2.396vw;
  line-height: 3.021vw;
  color: #1a1a1a;
  text-align: center;
  padding-bottom: 1.563vw;
}

.popup-form.popup-for-trade-in .model-for-credit {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.354vw;
  line-height: 1.458vw;
  width: 32.396vw;
  color: #1a1a1a;
  text-align: center;
}

.popup-form.popup-for-trade-in .form-text {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.354vw;
  line-height: 1.458vw;
  text-align: left;
  color: #1a1a1a;
  padding-bottom: 0.938vw;
}

.popup-form.popup-for-trade-in .subtitle-form {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 1.042vw;
  line-height: 1.563vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #010334;
  width: 46.875vw;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.popup-form.popup-for-trade-in .input-marka input,
.popup-form.popup-for-trade-in .input-model input,
.popup-form.popup-for-trade-in .input-probeg input,
.popup-form.popup-for-trade-in .input-yahre input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.469vw 1.042vw;
  width: 31.875vw;
  height: 3.125vw;
  background: #f1f4f7;
  border-radius: 0.521vw;
  color: #1a1a1a;
  font-size: 0.833vw;
font-family: 'Mulish';
font-style: normal;
line-height: 1.354vw;
}

.popup-form.popup-for-trade-in .form-for-credit.for-autocredit .block-input {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.popup-form.popup-for-trade-in
  .form-for-credit.for-autocredit
  .input-for-autocredit {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 3.125vw;
  margin-top: 0;
  margin-bottom: 1.719vw;
}

.popup-form.popup-for-trade-in .form-for-credit.for-autocredit .input-name {
  width: 31.771vw;
}

.no-webp
  .popup-form.popup-for-trade-in
  .form-for-credit.for-autocredit
  .input-name
  input {
  background-image: url(../img/fio.png);
}

.popup-form.popup-for-trade-in
  .form-for-credit.for-autocredit
  .input-name
  input {
  width: 31.771vw;
  height: 3.125vw;
  background: #f1f4f7;
  border-radius: 0.521vw;
  background-repeat: no-repeat;
  background-position: 1.042vw center;
  background-size: 1.042vw;
  position: relative;
}

.popup-form.popup-for-trade-in .form-for-credit.for-autocredit .input-tel {
  width: 31.771vw;
}

.no-webp
  .popup-form.popup-for-trade-in
  .form-for-credit.for-autocredit
  .input-tel
  input {
  background-image: url(../img/telinput.png);
}

.popup-form.popup-for-trade-in
  .form-for-credit.for-autocredit
  .input-tel
  input {
  width: 31.771vw;
  height: 3.125vw;
  background: #f1f4f7;
  border-radius: 0.521vw;
  background-repeat: no-repeat;
  background-position: 1.042vw center;
  background-size: 1.042vw;
}

.popup-form.popup-for-trade-in .form-for-credit.for-autocredit .button-sub {
  width: 31.771vw;
}

.popup-form.popup-for-trade-in
  .form-for-credit.for-autocredit
  .button-sub
  button {
  width: 31.771vw;
}

.popup-form.popup-for-trade-in .form-for-credit.for-autocredit .checkbox__text {
  color: #010334;
}

.popup-form.popup-user-agrement .popup-content-agrement {
  width: 62.292vw;
  height: 37.5vw;
  background: #fff;
  border-radius: 0.521vw;
  overflow-y: scroll;
  position: relative;
  padding: 3.125vw 2.5vw 1.302vw 2.5vw;
}

.popup-form.popup-user-agrement .user-agrement-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.563vw;
}
.popup-form.popup-user-agrement .user-agrement-text br{
	display:none;
}
.popup-form.popup-user-agrement .big-title {
  padding-bottom: 1.563vw;
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.25vw;
  line-height: 1.563vw;
  text-align: center;
  text-transform: uppercase;
  color: #1a1a1a;
}

.popup-form.popup-user-agrement .title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 900;
  font-size: 1.042vw;
  line-height: 1.354vw;
  color: #1a1a1a;
}

.popup-form.popup-user-agrement .punkts {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.354vw;
  color: #000;
}

.popup-form.popup-user-agrement ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.521vw;
}

.popup-form.popup-user-agrement li {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.354vw;
  color: #000;
  padding-left: 0.781vw;
  position: relative;
}

.popup-form.popup-user-agrement li::before {
  content: "";
  width: 0.417vw;
  height: 0.417vw;
  border-radius: 50%;
  background-color: #eec16a;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@font-face {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/ubuntu-v20-latin-regular.eot);
  src: local(""),
    url(../fonts/ubuntu-v20-latin-regular.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/ubuntu-v20-latin-regular.woff2) format("woff2"),
    url(../fonts/ubuntu-v20-latin-regular.woff) format("woff"),
    url(../fonts/ubuntu-v20-latin-regular.ttf) format("truetype"),
    url(../fonts/ubuntu-v20-latin-regular.svg#Ubuntu) format("svg");
}

.development {
  overflow: hidden;
  width: 100%;
 height: auto;
  background: 0 0;
  border-top: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
}

.development a {
	font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 0.938vw;
    line-height: 1.354vw;
    color: #fff;

}

.development a img {

}

.development a span {

}




@media only screen and (max-width: 1200px) {
  .container {
    width: 92.188vw;
  }
.form-for-credit .button-sub input.submit_credit{
width: 100%!important;	
}
  main {
    margin-top: 21.892vw;
  }
  main.no_active{
margin-top: 13.151vw;	
}

  .header .header__top_content {
    padding-right: 6.51vw;
  }

  .no-webp .header .header__top {
    background-image: url(../img/1200/TopLine1200.png);
  }

  .header .header__top {
    height: 8.594vw;
  }

  .header .item_first {
    font-size: 2.083vw;
    line-height: 3.125vw;
    width: 25.26vw;
  }

  .header .item_two {
    font-size: 1.823vw;
    line-height: 2.604vw;
    width: 19.141vw;
  }

  .header .button_three {
    border-radius: 1.302vw;
    width: 31.38vw;
    height: 5.208vw;
    font-size: 1.823vw;
    line-height: 3.125vw;
  }

  .header .close {
    width: 4.167vw;
    height: 4.167vw;
    left: calc(50% - 2.0835vw + 43.922vw);
    top: calc(50% - 2.0835vw);
  }

  .header .close img {
    width: 2.083vw;
    height: 2.083vw;
  }

  .header .header__down {
    border-bottom: 0.13vw solid rgba(0, 0, 0, 0.06);
    -webkit-backdrop-filter: blur(0.651vw);
    backdrop-filter: blur(0.651vw);
  }

  .header .header__down_content {
    padding: 3.46vw 0;
  }

  .header .header__logo {
	width: 14.323vw;
    height: 5.408vw;
  }

  .header .header__logo img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
  }

  .header .header__nav {
    display: none;
  }

  .header .header__adress {
font-size: 2.083vw;
    line-height: 7.813vw;
    padding-left: 3.155vw;
    margin-left: 3.906vw;
    height: 3.385vw;
    margin-right: 3.806vw;
  }

  .header .header__adress::before {
    width: 1.823vw;
    height: 2.214vw;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .header .header__adress span {
    border-bottom: 0.13vw solid #440d54;
  }

  .header .header__button {
    padding: 1.563vw 0 1.823vw 0;
    border-radius: 1.042vw;
    width: 19.792vw;
  }

  .header .header__button a {
    font-size: 1.563vw;
    line-height: 2.865vw;
  }

  .header .header_counter {
    width: 6.51vw;
    height: 4.688vw;
    margin-left: 2.906vw;
  }

  .header .header_counter span {
    width: 1.823vw;
    height: 1.823vw;
    left: 1.302vw;
    top: 2.344vw;
    font-size: 1.432vw;
    line-height: 1.823vw;
  }

  .header .menu-burger-icon {
    display: block;
    margin-left: 3.057vw;
    width: 5.469vw;
    height: 5.469vw;
    cursor: pointer;
  }

  .header .menu-burger-icon img {
    width: 100%;
  }

  .header .burger-menu {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
    background: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(0.26vw);
    backdrop-filter: blur(0.26vw);
    z-index: 11000;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .header .burger-menu.active {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .header .wrapper {
    height: 147.526vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
  }

  .header .burger-close {
    position: absolute;
    right: 1.693vw;
    top: 1.823vw;
    cursor: pointer;
    width: 4.167vw;
    height: 4.167vw;
  }

  .header .burger-close img {
    width: 100%;
  }

  .header .right-part {
    width: 53.776vw;
    background: #fff;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6.51vw 0;
  }

  .header .burger-logo {
    width: 14.323vw;
    height: 5.208vw;
    margin-bottom: 21.745vw;
  }

  .header .burger-logo img {
    width: 100%;
  }

  .header .burger-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5.208vw;
    margin-bottom: 20.776vw;
  }

  .header .burger-nav a {
    cursor: pointer;
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-size: 2.604vw;
    line-height: 3.385vw;
    color: #1a1a1a;
  }

  .header .burger-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.651vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0.13vw solid #363636;
    padding-bottom: 1.823vw;
    width: 100%;
  }

  .header .burger-contacts .tel {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 2.344vw;
    line-height: 3.385vw;
    color: #010334;
    position: relative;
    padding-left: 3.646vw;
  }

  .no-webp .header .burger-contacts .tel::before {
    background: url(../img/1200/phone-burger.png);
  }

  .header .burger-contacts .tel::before {
    content: "";
    width: 2.344vw;
    height: 2.344vw;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .header .burger-contacts .mail {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.344vw;
    line-height: 3.385vw;
    color: #010334;
    position: relative;
    padding-left: 3.646vw;
  }

  .no-webp .header .burger-contacts .mail::before {
    background: url(../img/1200/mail-burger.png);
  }

  .header .burger-contacts .mail::before {
    content: "";
    width: 2.474vw;
    height: 1.953vw;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .header .button-form .title-form {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 2.604vw;
    line-height: 3.255vw;
    text-align: center;
    color: #1a1a1a;
    padding-top: 6.25vw;
    padding-bottom: 3.906vw;
  }

  .header .button-form .block-input {
    gap: 1.953vw;
  }

  .header .button-form .button-sub {
    font-size: 2.083vw;
    line-height: 2.865vw;
  }

  .header .button-form .agree-input {
    width: 36.589vw;
  }

  .header .button-form .checkbox__text {
    text-align: center;
  }

  .slider {
    height: 86.458vw;
  }

  .slider .slider_item {
    height: 86.458vw;
    overflow: hidden;
  }

  .slider .slider_item .banner_content {
    position: absolute;
    width: 92.188vw;
    left: 50%;
    top: 51%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .slider .title_slide {
    font-size: 4.688vw;
    line-height: 5.208vw;
    padding-bottom: 3.125vw;
  }

  .slider .text_slide {
    font-size: 3.125vw;
    line-height: 3.906vw;
    width: 41vw;
    padding-bottom: 4.167vw;
  }

  .slider .button_slide {
    background: #eec16a;
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    border-radius: 1.302vw;
    padding: 2.345vw 3.125vw 2.605vw 3.125vw;
    font-size: 2.083vw;
    line-height: 2.865vw;
    width: 45.052vw;
  }

  .slider .sliders_blocks {
    gap: 1.953vw;
    padding-top: 16.536vw;
  }

  .slider .block {
    width: 29.427vw;
    height: 25.781vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.042vw;
    padding: 5.99vw 2.995vw 0 2.083vw;
  }

  .no-webp .slider .block_one {
    background-image: url(../img/1200/Wordmark12001.png);
  }

  .slider .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.042vw;
  }

  .slider .title {
    font-size: 2.344vw;
    line-height: 3.125vw;
    width: 20.182vw;
  }

  .slider .text {
    font-size: 1.823vw;
    line-height: 2.604vw;
  }

  .no-webp .slider .block_two {
    background-image: url(../img/1200/Wordmark12002.png);
  }

  .no-webp .slider .block_three {
    background-image: url(../img/1200/Wordmark12003.png);
  }

  .slider .banner {
    width: 95.313vw;
    height: 57.943vw;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: -26.042vw;
    top: 2.604vw;
  }

  .slider .slick-list {
    overflow: hidden;
  }

  .slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .slider .slick-arrow {
    width: 7.813vw;
    height: 7.813vw;
  }

  .slider .slick-arrow.slick-prev {
    left: 3.906vw;
    background-size: 7.813vw;
  }

  .slider .slick-arrow.slick-next {
    right: 3.906vw;
    background-size: 7.813vw;
  }

  .slider .slick-dots {
    gap: 2.214vw;
    bottom: 3.906vw;
  }

  .slider .slick-dots li button {
    width: 1.44vw;
    height: 1.302vw;
    border-radius: 4.557vw;
  }

  .slider .slick-dots li.slick-active button {
    width: 5.143vw;
    height: 1.302vw;
    border-radius: 4.557vw;
  }

  .auto_models .content {
    padding: 8.203vw 0 9.375vw 0;
  }

  .auto_models .title {
    font-size: 4.688vw;
    line-height: 5.208vw;
  }

  .auto_models .auto_models_items {
    row-gap: 1.953vw;
    -webkit-column-gap: 1.953vw;
    -moz-column-gap: 1.953vw;
    column-gap: 1.953vw;
    padding: 4.167vw 0 0 0;
    height: 35vw;
    overflow: hidden;
    transition: 0.3s ease-in-out;
  }
  .auto_models .auto_models_items.active {
    height: auto;
    transition: height 0.3s ease-in-out;
  }

  .auto_models .auto_models_items .auto_models_item {
    cursor: pointer;
    width: 21.484vw;
    height: 5.859vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 17.004px 0 17.004px;
    border: 0.13vw solid #ccdaff;
    border-radius: 1.302vw;
  }

 

  

  .auto_models .auto_models_items .auto_models_item .auto_models_item-title {
    font-size: 1.563vw;
    line-height: 2.604vw;
  }

  .auto_models .auto_models_items .auto_models_item .auto_models_item-counter {
    font-size: 1.823vw;
    line-height: 3.646vw;
  }

  .auto_models .button {
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.391vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.391vw rgba(0, 0, 0, 0.1);
    border-radius: 1.302vw;
    width: 46.875vw;
    height: 7.813vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.302vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.344vw 0 2.604vw 0;
    font-size: 2.344vw;
    line-height: 3.646vw;
    margin-top: 4.557vw;
  }

  .all_auto {
    padding: 7.813vw 0;
    gap: 4.167vw;
  }

  .all_auto .all_auto-title {
    font-size: 4.688vw;
    line-height: 5.208vw;
  }

  .all_auto .all_auto-filter {
    gap: 14.333vw;
  }

  .all_auto .all_auto-filter .filter_auto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    row-gap: 3.125vw;
    -webkit-column-gap: 2.604vw;
    -moz-column-gap: 2.604vw;
    column-gap: 2.604vw;
    height: 18.229vw;
  }

  .no-webp .all_auto .all_auto-filter .select_item {
    background-image: url(../img/cheveron-down.png);
  }

  .all_auto .all_auto-filter .select_item {
    width: 28.645vw;
    height: 7.813vw;
    border-radius: 1.302vw;
    padding: 2.605vw;
    font-size: 2.083vw;
    line-height: 120%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 2.604vw;
    background-position: 95%;
  }

  .all_auto .all_auto-filter .reset_filters {
    bottom: -5.208vw;
    font-size: 2.605vw;
    line-height: 3.908vw;
  }

  .all_auto .all_auto-filter .button_filter {
    background: #eec16a;
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    border-radius: 1.302vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 2.605vw;
    line-height: 2.865vw;
    text-transform: uppercase;
    color: #1a1a1a;
    cursor: pointer;
    width: 28.775vw;
    padding: 2.345vw 0 2.605vw 0;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all_auto .all_auto-filter .button_filter:hover {
    background: #fbd07c;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
      0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
      0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  }

  .all_auto .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 3.125vw;
    height: auto;
    overflow: hidden;
  }

  .all_auto .auto_item {
    width: 44.525vw;
    overflow: hidden;
    background: #fff;
    border: 0.13vw solid #ccdaff;
    border-radius: 1.302vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all_auto .auto_item:hover {
    border: 0.13vw solid #a6beff;
    -webkit-box-shadow: 0 0.26vw 1.692vw rgba(25, 1, 52, 0.15);
    box-shadow: 0 0.26vw 1.692vw rgba(25, 1, 52, 0.15);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all_auto .little_slider {
    height: 30.99vw;
    position: relative;
  }

  .all_auto .little_slider .little_slider-item {
    width: 44.533vw;
    height: 30.99vw;
    position: relative;
  }

  .all_auto .little_slider .little_slider-item img {
    width: 100%;
    border-radius: 1.302vw 1.302vw 0 0;
  }

  .all_auto .little_slider .slick-list {
    overflow: hidden;
  }

  .all_auto .little_slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .all_auto .little_slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.302vw;
    position: absolute;
    bottom: 2.212vw;
    z-index: 10;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .all_auto .little_slider .slick-dots li {
    list-style: none;
  }

  .all_auto .little_slider .slick-dots li button {
    font-size: 0;
    width: 0.52vw;
    height: 0.52vw;
    background: #d9d9d9;
    border-radius: 0.52vw;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all_auto .little_slider .slick-dots li.slick-active button {
    font-size: 0;
    width: 3.645vw;
    height: 0.52vw;
    background: #010334;
    border-radius: 0.52vw;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all_auto .auto_info {
    margin: 2.605vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.063vw;
    position: relative;
  }

  .all_auto .auto_info .auto_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 2.345vw;
    line-height: 2.995vw;
    color: #1a1a1a;
  }

  .all_auto .auto_info .model {
    font-weight: 700;
  }

  .all_auto .auto_info .auto_description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0.325vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 2.995vw;
    color: #585b79;
  }

  .all_auto .auto_info .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .all_auto .auto_info .new_price {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 4.167vw;
    line-height: 5.208vw;
    color: #1a1a1a;
  }

  .all_auto .auto_info .old_price {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.605vw;
    line-height: 3.255vw;
    text-decoration-line: line-through;
    color: #585b79;
  }

  .all_auto .auto_info .button {
    border: 0.13vw solid #eec16a;
    border-radius: 1.302vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.302vw 0;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 2.083vw;
    line-height: 3.125vw;
    text-transform: uppercase;
    color: #eec16a;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
  }

  .all_auto .auto_info .button:hover {
    background: #fbd07c;
    border: 0.13vw solid #fbd07c;
    color: #010334;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all_auto .auto_info .how_much {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 1.823vw;
    line-height: 2.345vw;
    color: #585b79;
  }

  .all_auto .auto_info .in_stok {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 1.823vw;
    line-height: 2.345vw;
    color: #4cb050;
    position: absolute;
    right: 0;
    top: 0;
  }

  .all_auto .wish_icon {
    width: 3.125vw;
    height: 3.125vw;
    position: absolute;
    top: 1.302vw;
    right: 1.302vw;
    cursor: pointer;
  }

  .all_auto .wish_icon svg {
    width: 100%;
  }

  .all_auto .button_more {
    width: 45.052vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.345vw 0 2.605vw 0;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 2.344vw;
    line-height: 2.865vw;
    text-transform: uppercase;
    color: #1a1a1a;
    background: #eec16a;
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    border-radius: 1.302vw;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all_auto .button_more:hover {
    background: #fbd07c;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
      0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
      0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  }

  .no-webp .all-banks {
    background-image: url(../img/1200/bank1200.png);
  }

  .all-banks {
    padding: 11.458vw 0 13.021vw 0;
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .all-banks .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .all-banks .title {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 4.688vw;
    line-height: 5.208vw;
    text-transform: uppercase;
    color: #1a1a1a;
    padding-bottom: 2.345vw;
  }

  .all-banks .text {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.604vw;
    line-height: 2.995vw;
    color: #010334;
    width: 59.245vw;
    text-align: center;
    padding-bottom: 3.906vw;
  }

  .all-banks .all-banks-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 3.125vw;
    -moz-column-gap: 3.125vw;
    column-gap: 3.125vw;
    row-gap: 3.906vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .all-banks .bank-item {
    width: 44.525vw;
    height: 19.663vw;
    background: rgba(246, 247, 248, 0.5);
    border: 0.26vw solid rgba(0, 0, 0, 0.02);
    -webkit-backdrop-filter: blur(0.65vw);
    backdrop-filter: blur(0.65vw);
    border-radius: 1.952vw;
    background-repeat: no-repeat;
    background-position: center;
  }

  .no-webp .all-banks .bank-item:nth-child(1) {
    background-image: url(../img/bank1.png);
  }

  .all-banks .bank-item:nth-child(1) {
    background-size: 23.438vw 3.908vw;
  }

  .no-webp .all-banks .bank-item:nth-child(2) {
    background-image: url(../img/bank2.png);
  }

  .all-banks .bank-item:nth-child(2) {
    background-size: 23.438vw 5.273vw;
  }

  .no-webp .all-banks .bank-item:nth-child(3) {
    background-image: url(../img/bank3.png);
  }

  .all-banks .bank-item:nth-child(3) {
    background-size: 23.438vw 4.558vw;
  }

  .no-webp .all-banks .bank-item:nth-child(4) {
    background-image: url(../img/bank4.png);
  }

  .all-banks .bank-item:nth-child(4) {
    background-size: 23.438vw 3.515vw;
  }

  .no-webp .all-banks .bank-item:nth-child(5) {
    background-image: url(../img/bank5.png);
  }

  .all-banks .bank-item:nth-child(5) {
    background-size: 23.438vw 2.5vw;
  }

  .no-webp .all-banks .bank-item:nth-child(6) {
    background-image: url(../img/bank6.png);
  }

  .all-banks .bank-item:nth-child(6) {
    background-size: 19.533vw 4.037vw;
  }

  .no-webp .all-banks .bank-item:nth-child(7) {
    background-image: url(../img/bank7.png);
  }

  .all-banks .bank-item:nth-child(7) {
    background-size: 23.438vw 3.515vw;
  }

  .no-webp .all-banks .bank-item:nth-child(8) {
    background-image: url(../img/bank8.png);
  }

  .all-banks .bank-item:nth-child(8) {
    background-size: 23.438vw 3.308vw;
  }

  .no-webp .all-banks .bank-item:nth-child(9) {
    background-image: url(../img/bank9.png);
  }

  .all-banks .bank-item:nth-child(9) {
    background-size: 16.927vw 5.077vw;
  }

  .no-webp .all-banks .bank-item:nth-child(10) {
    background-image: url(../img/bank10.png);
  }

  .all-banks .bank-item:nth-child(10) {
    background-size: 23.438vw 5.99vw;
  }

  .no-webp .all-banks .bank-item:nth-child(11) {
    background-image: url(../img/bank11.png);
  }

  .all-banks .bank-item:nth-child(11) {
    background-size: 23.438vw 2.942vw;
  }

  .no-webp .all-banks .bank-item:nth-child(12) {
    background-image: url(../img/bank12.png);
  }

  .all-banks .bank-item:nth-child(12) {
    background-size: 16.927vw 4.948vw;
  }

  .best-promo {
    background: -o-linear-gradient(
        354.48deg,
        #440551 0.7%,
        #404267 55.29%,
        #3c7a80 99.34%,
        #3c7a80 99.34%
      ),
      #fff !important;
    background: linear-gradient(
        95.52deg,
        #440551 0.7%,
        #404267 55.29%,
        #3c7a80 99.34%,
        #3c7a80 99.34%
      ),
      #fff !important;
    height: 192.578vw;
  }

  .best-promo .title {
    padding-bottom: 3.906vw;
    padding-top: 10.417vw;
    font-size: 5.99vw;
    line-height: 7.552vw;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
  }

  .best-promo .slider_item {
    height: 181.781vw;
  }

  .best-promo .slick-dots {
    bottom: 7.813vw;
  }

  .best-promo .slick-arrow {
    display: none !important;
  }

  .best-promo .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.083vw;
  }

  .best-promo .auto_item {
    width: 44.533vw;
    height: 76.823vw;
    overflow: hidden;
    background: #fff;
    border: 0.13vw solid #ccdaff;
    border-radius: 1.302vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .best-promo .auto_item:hover {
    border: 0.13vw solid #a6beff;
    -webkit-box-shadow: 0 0.26vw 1.692vw rgba(25, 1, 52, 0.15);
    box-shadow: 0 0.26vw 1.692vw rgba(25, 1, 52, 0.15);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .best-promo .little_slider {
    height: 30.99vw;
    position: relative;
  }

  .best-promo .little_slider .little_slider-item {
    width: 44.533vw;
    height: 30.99vw;
    position: relative;
  }

  .best-promo .little_slider .little_slider-item img {
    width: 100%;
    border-radius: 1.302vw 1.302vw 0 0;
  }

  .best-promo .little_slider .slick-list {
    overflow: hidden;
  }

  .best-promo .little_slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .best-promo .little_slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.302vw;
    position: absolute;
    bottom: 2.212vw;
    z-index: 10;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .best-promo .little_slider .slick-dots li {
    list-style: none;
  }

  .best-promo .little_slider .slick-dots li button {
    font-size: 0;
    width: 3.645vw;
    height: 0.52vw;
    background: #d9d9d9;
    border-radius: 0.52vw;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .best-promo .little_slider .slick-dots li.slick-active button {
    font-size: 0;
    width: 3.645vw;
    height: 0.52vw;
    background: #010334;
    border-radius: 0.52vw;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .best-promo .auto_info {
    margin: 2.605vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.063vw;
    position: relative;
  }

  .best-promo .auto_info .auto_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 2.345vw;
    line-height: 2.995vw;
    color: #1a1a1a;
  }

  .best-promo .auto_info .model {
    font-weight: 700;
  }

  .best-promo .auto_info .auto_description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0.325vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 2.995vw;
    color: #585b79;
  }

  .best-promo .auto_info .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .best-promo .auto_info .new_price {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 4.167vw;
    line-height: 5.208vw;
    color: #1a1a1a;
  }

  .best-promo .auto_info .old_price {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.605vw;
    line-height: 3.255vw;
    text-decoration-line: line-through;
    color: #585b79;
  }

  .best-promo .auto_info .button {
    border: 0.13vw solid #eec16a;
    border-radius: 1.302vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.302vw 0;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 2.083vw;
    line-height: 3.125vw;
    text-transform: uppercase;
    color: #eec16a;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .best-promo .auto_info .button:hover {
    background: #fbd07c;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
      0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
      0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
    color: #1a1a1a;
  }

  .best-promo .auto_info .how_much {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 1.823vw;
    line-height: 2.345vw;
    color: #585b79;
  }

  .best-promo .auto_info .in_stok {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 1.823vw;
    line-height: 2.345vw;
    color: #4cb050;
    position: absolute;
    right: 0;
    top: 0;
  }

  .best-promo .wish_icon {
    width: 3.125vw;
    height: 3.125vw;
    position: absolute;
    top: 1.302vw;
    right: 1.302vw;
    cursor: pointer;
  }

  .best-promo .wish_icon svg {
    width: 100%;
  }

  .map {
    position: relative;
    height: 89.063vw;
  }

  .map .map-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .map .marker-big {
    position: absolute;
    width: 12.67vw;
    height: 15.292vw;
    left: 58.594vw;
    top: 7.813vw;
  }

  .map .just-marker.one {
    position: absolute;
    width: 9.245vw;
    height: 9.245vw;
    left: calc(50% - 4.6225vw - 65.69vw);
    top: calc(50% - 4.6225vw + 34.05vw);
  }

  .map .just-marker.two {
    position: absolute;
    width: 9.245vw;
    height: 9.245vw;
    left: 9.245vw;
    top: 73.958vw;
  }

  .no-webp .map .content {
    background-image: url(../img/bg-adress.png);
  }

  .map .content {
    position: absolute;
    top: 26.563vw;
    left: 2.083vw;
    width: 46.875vw;
    height: 35.938vw;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    padding: 4.817vw 0 5.6vw 5.337vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.604vw;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .map .addres-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.39vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .map .little-text {
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-size: 2.083vw;
    line-height: 2.604vw;
    color: #585b79;
  }

  .map .little-text.time {
    position: relative;
    padding-left: 3.908vw;
  }

  .no-webp .map .little-text.time::before {
    background-image: url(../img/clock-icon.png);
  }

  .map .little-text.time::before {
    content: "";
    width: 2.604vw;
    height: 2.604vw;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .map .little-text.phone {
    position: relative;
    padding-left: 3.908vw;
  }

  .no-webp .map .little-text.phone::before {
    background-image: url(../img/tel-icon.png);
  }

  .map .little-text.phone::before {
    content: "";
    width: 2.604vw;
    height: 2.604vw;
    position: absolute;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .map .big-text {
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-size: 2.604vw;
    line-height: 3.255vw;
    color: #1a1a1a;
  }

  .map .big-text a {
    color: #1a1a1a;
  }

  .page_banner {
    position: relative;
    width: 100%;
    height: auto;
  }

  .page_banner .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 3.906vw 0 6.51vw 0;
  }

  .page_banner .breadscrumbs {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding-bottom: 5.469vw;
  }

  .page_banner .breadscrumbs a {
    width: 2.083vw;
    height: 2.083vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1.302vw;
    cursor: pointer;
  }

  .page_banner .breadscrumbs a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .page_banner .breadscrumbs span {
    margin-left: 1.302vw;
  }

  .page_banner .page-name {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 4.167vw;
    line-height: 5.208vw;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 3.125vw;
  }

  .page_banner .page-subtitle {
    font-weight: 400;
    font-size: 3.125vw;
    line-height: 3.906vw;
    color: #fff;
  }

  .page_banner .page-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #eec16a;
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    border-radius: 1.302vw;
    width: 45.053vw;
    padding: 2.345vw 0 2.605vw 0;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 2.083vw;
    line-height: 2.865vw;
    text-transform: uppercase;
    color: #1a1a1a;
    margin-top: 9.115vw;
    cursor: pointer;
  }

  .page_banner .banner-img-1920 {
    display: none;
  }

  .page_banner .banner-img-1200 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
  }

  .page_banner .banner-img-1200 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .page_banner .persent-banner {
    position: absolute;
    top: -3.906vw;
    left: 50vw;
    color: #fff;
    font-size: 2.604vw;
  }

  .page_banner .persent-banner .big {
    font-weight: 900;
    font-size: 16.276vw;
    line-height: 39.712vw;
  }

  .page_banner .persent-banner .little {
    font-weight: 900;
    font-size: 6.51vw;
    line-height: 17.188vw;
  }

  .change-auto {
    background: #fff;
    padding: 9.115vw 0 9.115vw 0;
  }

  .change-auto .title {
    font-size: 5.99vw;
    line-height: 7.552vw;
    padding-bottom: 6.51vw;
  }

  .change-auto .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .change-auto .steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 5.953vw;
    margin-bottom: 5.208vw;
  }

  .change-auto .steps .background-step {
    position: relative;
    width: 92.188vw;
    height: 20.833vw;
    border-radius: 2.605vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -o-linear-gradient(
        346.62deg,
        #671578 -23.88%,
        #404267 41.9%,
        #4499a2 91.64%
      ),
      #440d54;
    background: linear-gradient(
        103.38deg,
        #671578 -23.88%,
        #404267 41.9%,
        #4499a2 91.64%
      ),
      #440d54;
  }

  .change-auto .steps .content-step {
    background: #fff;
    -webkit-backdrop-filter: blur(0.65vw);
    backdrop-filter: blur(0.65vw);
    border-radius: 2.605vw;
    width: 91.667vw;
    height: 20.313vw;
    padding: 5.729vw 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.302vw;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .change-auto .steps .step-title {
    font-size: 3.125vw;
    line-height: 3.125vw;
        width: auto;
  }

  .change-auto .steps .step-title br {
    display: none;
  }

  .change-auto .steps .step-text {
    width: 60.677vw;
    font-weight: 500;
    font-size: 2.083vw;
    line-height: 3.125vw;
  }

  .change-auto .steps .number-step {
    position: absolute;
    width: 54.688vw;
    height: 6.25vw;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -o-linear-gradient(
        346.62deg,
        #671578 -23.88%,
        #404267 41.9%,
        #4499a2 91.64%
      ),
      #440d54;
    background: linear-gradient(
        103.38deg,
        #671578 -23.88%,
        #404267 41.9%,
        #4499a2 91.64%
      ),
      #440d54;
    border-radius: 26.042vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 2.083vw;
    line-height: 3.125vw;
    text-transform: uppercase;
    color: #fff;
  }

  .change-auto .separator-step {
    width: 3.385vw;
    height: 1.433vw;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: -2.5vw;
  }

  .change-auto .separator-step img {
    width: 100%;
  }

  .change-auto .button-steps {
    background: #eec16a;
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    border-radius: 1.302vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45.052vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.345vw 0 2.605vw 0;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 2.344vw;
    line-height: 2.865vw;
    text-transform: uppercase;
    color: #1a1a1a;
  }

  .no-webp .benefits_trade-in {
    background: url(../img/1200/bgTrade-in1200.png);
  }

  .benefits_trade-in {
    background-repeat: no-repeat;
    background-size: cover!important;
  }

  .benefits_trade-in .content {
    padding: 13.281vw 0 13.021vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8.855vw;
  }

  .benefits_trade-in .title {
    font-size: 5.99vw;
    line-height: 7.552vw;
  }

  .benefits_trade-in .benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 3.906vw;
  }

  .benefits_trade-in .benefits-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.906vw;
  }

  .benefits_trade-in .benefits-item {
    background: #f1f4f7;
    border-radius: 130.208vw;
    position: relative;
    width: 92.188vw;
    height: 21.875vw;
    padding: 5.47vw 3.908vw 0 25.783vw;
  }

  .benefits_trade-in .benefits-item-square {
    width: 21.875vw;
    height: 21.875vw;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
  }

  .benefits_trade-in .benefits-item-square img {
    width: 100%;
  }

  .benefits_trade-in .benefits-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.212vw;
  }

  .benefits_trade-in .benefits-item-title {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 3.125vw;
    line-height: 3.125vw;
    color: #1a1a1a;
  }

  .benefits_trade-in .benefits-item-text {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 2.345vw;
    line-height: 3.125vw;
    color: #1a1a1a;
  }

  .documents-change-trade-in {
    background: #f1f4f7;
    padding: 11.328vw 0 11.98vw 0;
  }

  .documents-change-trade-in .title {
    font-size: 5.99vw;
    line-height: 7.552vw;
    padding-bottom: 13.411vw;
  }

  .documents-change-trade-in .documetns-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8.854vw;
  }

  .documents-change-trade-in .list-item {
    position: relative;
    background: #fff;
    -webkit-backdrop-filter: blur(0.65vw);
    backdrop-filter: blur(0.65vw);
    border-radius: 3.908vw;
    padding: 10.417vw 0 0 0;
    height: 21.745vw;
    width: 92.188vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .documents-change-trade-in .name-documents {
    width: 55.078vw;
    font-size: 2.865vw;
    line-height: 3.906vw;
  }

  .documents-change-trade-in .name-documents br {
    display: none;
  }

  .documents-change-trade-in .lisi-item-number {
    position: absolute;
    top: 0;
    left: 50%;
    width: 14.063vw;
    height: 14.063vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 5.73vw;
    line-height: 7.163vw;
    text-transform: uppercase;
    color: #fff;
    background: -o-linear-gradient(
      339.16deg,
      #671578 7.97%,
      #404267 52.12%,
      #4499a2 85.51%
    );
    background: linear-gradient(
      110.84deg,
      #671578 7.97%,
      #404267 52.12%,
      #4499a2 85.51%
    );
    border: 1.952vw solid #f1f4f7;
    border-radius: 26.073vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .documents-change-trade-in .button {
    margin-top: 5.208vw;
    width: 45.052vw;
    height: 7.813vw;
    background: #eec16a;
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    border-radius: 1.302vw;
    font-size: 2.344vw;
    line-height: 2.865vw;
  }

  .favorit-page {
    padding: 6.771vw 0 13.021vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .favorit-page .all_auto-title {
    font-size: 4.688vw;
    line-height: 5.208vw;
    padding-bottom: 7.031vw;
    border-bottom: 0.13vw solid #d9d9d9;
  }

  .favorit-page .all_auto-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }

  .favorit-page .all_auto-filter .filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7.031vw 0 5.339vw 0;
    gap: 2.605vw;
  }

  .favorit-page .all_auto-filter .sort {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.345vw;
    line-height: 2.995vw;
    color: #010334;
    padding: 0 5.208vw 0 3.908vw;
    position: relative;
    cursor: pointer;
  }

  .no-webp .favorit-page .all_auto-filter .sort::before {
    background-image: url(../img/sort-icon.png);
  }

  .favorit-page .all_auto-filter .sort::before {
    content: "";
    width: 2.605vw;
    height: 2.605vw;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: cover;
    background-repeat: no-repeat;
  }

  .favorit-page .all_auto-filter .sort-item {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #010334;
    cursor: pointer;
  }

  .favorit-page .all_auto-filter .sort-item.active {
    font-weight: 700;
  }

  .favorit-page .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 3.125vw;
  }

  .favorit-page .auto_item {
    width: 44.525vw;
    overflow: hidden;
    background: #fff;
    border: 0.13vw solid #ccdaff;
    border-radius: 1.302vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .favorit-page .auto_item:hover {
    border: 0.13vw solid #a6beff;
    -webkit-box-shadow: 0 0.26vw 1.692vw rgba(25, 1, 52, 0.15);
    box-shadow: 0 0.26vw 1.692vw rgba(25, 1, 52, 0.15);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .favorit-page .little_slider {
    height: 30.99vw;
    position: relative;
  }

  .favorit-page .little_slider .little_slider-item {
    width: 44.533vw;
    height: 30.99vw;
    position: relative;
  }

  .favorit-page .little_slider .little_slider-item img {
    width: 100%;
  }

  .favorit-page .little_slider .slick-list {
    overflow: hidden;
  }

  .favorit-page .little_slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .favorit-page .little_slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.302vw;
    position: absolute;
    bottom: 2.212vw;
    z-index: 10;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .favorit-page .little_slider .slick-dots li {
    list-style: none;
  }

  .favorit-page .little_slider .slick-dots li button {
    font-size: 0;
    width: 0.52vw;
    height: 0.52vw;
    background: #d9d9d9;
    border-radius: 0.52vw;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .favorit-page .little_slider .slick-dots li.slick-active button {
    font-size: 0;
    width: 3.645vw;
    height: 0.52vw;
    background: #010334;
    border-radius: 0.52vw;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .favorit-page .auto_info {
    margin: 2.605vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.063vw;
    position: relative;
  }

  .favorit-page .auto_info .auto_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 2.345vw;
    line-height: 2.995vw;
    color: #1a1a1a;
  }

  .favorit-page .auto_info .model {
    font-weight: 700;
  }

  .favorit-page .auto_info .auto_description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0.325vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 2.995vw;
    color: #585b79;
  }

  .favorit-page .auto_info .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .favorit-page .auto_info .new_price {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 4.167vw;
    line-height: 5.208vw;
    color: #1a1a1a;
  }

  .favorit-page .auto_info .old_price {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.605vw;
    line-height: 3.255vw;
    text-decoration-line: line-through;
    color: #585b79;
  }

  .favorit-page .auto_info .button {
    border: 0.13vw solid #eec16a;
    border-radius: 1.302vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.302vw 0;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 2.083vw;
    line-height: 3.125vw;
    text-transform: uppercase;
    color: #eec16a;
  }

  .favorit-page .auto_info .how_much {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 1.823vw;
    line-height: 2.345vw;
    color: #585b79;
  }

  .favorit-page .auto_info .in_stok {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 1.823vw;
    line-height: 2.345vw;
    color: #4cb050;
    position: absolute;
    right: 0;
    top: 0;
  }

  .favorit-page .wish_icon {
    width: 3.125vw;
    height: 3.125vw;
    position: absolute;
    top: 1.302vw;
    right: 1.302vw;
    cursor: pointer;
  }

  .favorit-page .wish_icon svg {
    width: 100%;
  }

  .favorit-page .button_more {
    width: 60.417vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.345vw 0 2.605vw 0;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 2.605vw;
    line-height: 2.865vw;
    text-transform: uppercase;
    color: #1a1a1a;
    background: #eec16a;
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    border-radius: 1.302vw;
    cursor: pointer;
  }

  .auto-card-block {
    padding: 3.908vw 0 8.854vw 0;
  }

  .auto-card-block .breadscrumbs {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #abafbc;
    display: flex;
    gap: 0.65vw;
  }

  .auto-card-block .breadscrumbs .home {
    width: 2.083vw;
    height: 2.083vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .auto-card-block .breadscrumbs .home img {
    width: 1.563vw;
    height: 1.563vw;
  }

  .auto-card-block .breadscrumbs span {
    color: #585b79;
  }

  .auto-card-block .auto-name {
    font-size: 3.385vw;
    line-height: 3.646vw;
    padding: 6.51vw 0 3.385vw 0;
    width: 78.125vw;
  }

  .auto-card-block .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.906vw;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .auto-card-block .auto-card-left {
    width: 92.188vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.255vw;
    position: relative;
  }

  .auto-card-block .auto-card-left .auto-card-slider {
    width: 100%;
        border-radius: 1.3020833333333335vw;
    overflow: hidden;
  }

  .auto-card-block .auto-card-left .auto-card-slider img {
    width: 100%;
  }

  .auto-card-block .auto-card-left .slick-list {
    overflow: hidden;
  }

  .auto-card-block .auto-card-left .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .auto-card-block .auto-card-left .auto-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 3.255vw;
  }

  .auto-card-block .auto-card-left .block-deskr {
    width: 60.417vw;
    height: 22.917vw;
    background: #f1f4f7;
    border-radius: 1.302vw;
    padding: 3.125vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.083vw;
  }

  .auto-card-block .auto-card-left .deskr-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .auto-card-block .auto-card-left .deskr-item .left {
    font-family: Mulish;
    font-style: normal;
    font-weight: 300;
    font-size: 2.083vw;
    line-height: 2.605vw;
    color: #010334;
  }

  .auto-card-block .auto-card-left .deskr-item .right {
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-size: 2.083vw;
    line-height: 2.605vw;
    color: #010334;
  }

  .auto-card-block .auto-card-right {
    width: 92.188vw;
    height: 67.057vw;
    border-radius: 1.302vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -o-linear-gradient(
      354.48deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    );
    background: linear-gradient(
      95.52deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    );
  }

  .auto-card-block .auto-order {
    width: 91.667vw;
    height: 66.536vw;
    border-radius: 1.302vw;
    background: #fff;
    padding: 4.688vw 5.077vw 0 5.6vw;
  }

  .auto-card-block .auto-order .auto-order-content {
    position: relative;
  }

  .auto-card-block .auto-order .first-pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.52vw;
    padding-bottom: 3.908vw;
  }

  .auto-card-block .auto-order .first-pay .title {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 2.605vw;
    color: #010334;
  }

  .auto-card-block .auto-order .first-pay .how-much {
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 5.208vw;
    line-height: 6.51vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1a1a1a;
    gap: 1.302vw;
  }

  .auto-card-block .auto-order .all-pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.52vw;
    padding-bottom: 0;
    position: absolute;
    left: 41.016vw;
    top: 0;
  }

  .auto-card-block .auto-order .all-pay .title {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 2.605vw;
    color: #010334;
  }

  .auto-card-block .auto-order .all-pay .how-much {
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 5.208vw;
    line-height: 6.51vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1a1a1a;
    gap: 1.302vw;
  }

  .auto-card-block .auto-order .all-price-auto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.52vw;
    padding-bottom: 3.125vw;
  }

  .auto-card-block .auto-order .all-price-auto .title {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 2.605vw;
    color: #010334;
  }

  .auto-card-block .auto-order .all-price-auto .new-price {
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 5.208vw;
    line-height: 6.51vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.302vw;
    background: -o-linear-gradient(
      353.03deg,
      #440551 -8.52%,
      #631279 -0.67%,
      #404267 68.68%,
      #3c7a80 99.19%,
      #3c7a80 99.19%
    );
    background: linear-gradient(
      96.97deg,
      #440551 -8.52%,
      #631279 -0.67%,
      #404267 68.68%,
      #3c7a80 99.19%,
      #3c7a80 99.19%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }

  .auto-card-block .auto-order .all-price-auto .old-price {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 3.908vw;
    line-height: 4.948vw;
    text-decoration-line: line-through;
    color: #abafbc;
  }

  .auto-card-block .auto-order .all-price-auto .in-credit {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 2.083vw;
    line-height: 2.605vw;
    color: #585b79;
  }

  .auto-card-block .auto-order .byu-in-credit {
    cursor: pointer;
    background: #eec16a;
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    border-radius: 1.302vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 39.974vw;
    height: 7.813vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 2.605vw;
    line-height: 2.865vw;
    text-align: center;
    text-transform: uppercase;
    color: #010334;
    margin-bottom: 2.083vw;
  }

  .auto-card-block .auto-order .trade-in-button {
    cursor: pointer;
    border: 0.13vw solid #010334;
    -webkit-filter: drop-shadow(0 0.13vw 0.26vw rgba(0, 0, 0, 0.06))
      drop-shadow(0 0.13vw 0.39vw rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 0.13vw 0.26vw rgba(0, 0, 0, 0.06))
      drop-shadow(0 0.13vw 0.39vw rgba(0, 0, 0, 0.1));
    border-radius: 1.302vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 2.605vw;
    line-height: 2.865vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    color: #010334;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 3.125vw;
    width: 39.974vw;
    height: 7.813vw;
    position: absolute;
    top: 29.496vw;
    left: 41.667vw;
  }

  .auto-card-block .auto-order .auto-stock {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 3.385vw;
    line-height: 3.645vw;
    color: #1a1a1a;
  }

  .auto-card-block .auto-order .auto-stock .adress {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 2.345vw;
    line-height: 3.385vw;
    color: #abafbc;
    padding-left: 2.605vw;
    position: relative;
    margin-top: 2.083vw;
    margin-bottom: 1.302vw;
  }

  .no-webp .auto-card-block .auto-order .auto-stock .adress::before {
    background-image: url(../img/card-location.png);
  }

  .auto-card-block .auto-order .auto-stock .adress::before {
    content: "";
    position: absolute;
    width: 1.823vw;
    height: 2.083vw;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .auto-card-block .auto-order .auto-stock .time {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 2.345vw;
    line-height: 3.385vw;
    color: #abafbc;
    padding-left: 2.605vw;
    position: relative;
  }

  .no-webp .auto-card-block .auto-order .auto-stock .time::before {
    background-image: url(../img/card-clock.png);
  }

  .auto-card-block .auto-order .auto-stock .time::before {
    content: "";
    position: absolute;
    width: 1.875vw;
    height: 1.875vw;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .auto-card-block .auto-order .favorite {
    position: absolute;
    top: 0;
    right: 2.604vw;
    width: 3.125vw;
    height: 3.125vw;
    cursor: pointer;
  }

  .auto-card-block .auto-order .favorite svg {
    width: 100%;
  }

  .auto-card-block .auto-card-slider-little {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .auto-card-block .auto-card-slider-little .auto-card-slider-item-little {
    width: 100%;
    height: 13.412vw;
    border-radius: 1.302vw;
    overflow: hidden;
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .auto-card-block .auto-card-slider-little .auto-card-slider-item-little img {
    width: 21.875vw;
    -o-object-fit: cover;
    object-fit: cover;
    height: 13.15vw;
    border-radius: 1.302vw;
  }

  .auto-card-block .auto-card-slider-little .slick-list {
    overflow: hidden;
  }

  .auto-card-block
    .auto-card-slider-little
    .slick-current.slick-active
    .auto-card-slider-item-little {
    background: -o-linear-gradient(
      354.48deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    );
    background: linear-gradient(
      95.52deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    );
  }

  .auto-card-block .auto-card-slider-little .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3.125vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .auto-card-block .auto-card-slider-little .slick-arrow {
    position: absolute;
    top: 23.698vw;
    font-size: 0;
    z-index: 10;
    width: 7.813vw;
    height: 7.813vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .no-webp .auto-card-block .auto-card-slider-little .slick-arrow.slick-prev {
    background: url(../img/Arrow_Left.png);
  }

  .auto-card-block .auto-card-slider-little .slick-arrow.slick-prev {
    left: 2.605vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .no-webp .auto-card-block .auto-card-slider-little .slick-arrow.slick-next {
    background: url(../img/Arrow_Right.png);
  }

  .auto-card-block .auto-card-slider-little .slick-arrow.slick-next {
    right: 2.605vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .complectation-auto {
    padding: 8.203vw 0 9.115vw 0;
  }

  .complectation-auto .content {
    gap: 6.51vw;
  }

  .complectation-auto .title {
    font-size: 4.167vw;
    line-height: 5.208vw;
  }

  .complectation-auto .complectation-items {
    height: auto;
    row-gap: 4.167vw;
    -webkit-column-gap: 7.813vw;
    -moz-column-gap: 7.813vw;
    column-gap: 7.813vw;
    width: 100%;
  }

  .complectation-auto .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.083vw;
    width: 100%;
  }

  .complectation-auto .item-title {
    font-size: 2.605vw;
    line-height: 3.385vw;
  }

  .complectation-auto .item-list {
    gap: 1.042vw;
    font-size: 1.823vw;
    line-height: 2.865vw;
    grid-template-columns: 1fr 1fr;
  }

  .complectation-auto .item-list li {
    position: relative;
    padding-left: 2.605vw;
  }

  .complectation-auto .item-list li::before {
    content: "";
    position: absolute;
    width: 1.173vw;
    height: 1.173vw;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-radius: 50%;
    background: -o-linear-gradient(
      339.16deg,
      #671578 7.97%,
      #404267 52.12%,
      #4499a2 85.51%
    );
    background: linear-gradient(
      110.84deg,
      #671578 7.97%,
      #404267 52.12%,
      #4499a2 85.51%
    );
  }

  .otzyvy {
    padding: 10.156vw 0 12.891vw 0;
  }

  .otzyvy .title {
    font-size: 4.688vw;
    line-height: 5.208vw;
    padding-bottom: 8.202vw;
  }

  .otzyvy .slider-otzyvy-item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 2.083vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0.39vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .otzyvy .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44.271vw;
    height: 46.615vw;
    border-radius: 2.605vw;
    background: -o-linear-gradient(
      346.62deg,
      #671578 -23.88%,
      #404267 41.9%,
      #4499a2 91.64%
    );
    background: linear-gradient(
      103.38deg,
      #671578 -23.88%,
      #404267 41.9%,
      #4499a2 91.64%
    );
  }

  .otzyvy .item-content {
    width: 99%;
    height: 46.095vw;
    background: #fff;
    -webkit-backdrop-filter: blur(0.65vw);
    backdrop-filter: blur(0.65vw);
    border-radius: 2.605vw;
    padding: 4.817vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .otzyvy .otzyv-title {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 3.125vw;
    line-height: 3.125vw;
    color: #1a1a1a;
    padding-bottom: 2.605vw;
  }

  .otzyvy .otzyv-text {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 2.083vw;
    line-height: 3.125vw;
    color: #1a1a1a;
  }

  .otzyvy .otzyv-autor {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 2.083vw;
    line-height: 3.125vw;
    color: #585b79;
  }

  .otzyvy .slick-list {
    overflow: hidden;
  }

  .otzyvy .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        gap: 1vw;
  }

  .otzyvy .slick-arrow {
    display: none !important;
  }

  .otzyvy .slick-dots {
    gap: 2.344vw;
    bottom: 5.859vw;
    -webkit-filter: drop-shadow(0 0.52vw 2.605vw rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 0.52vw 2.605vw rgba(0, 0, 0, 0.2));
  }

  .otzyvy .slick-dots li {
    list-style: none;
  }

  .otzyvy .slick-dots li button {
    width: 1.44vw;
    height: 1.302vw;
    border-radius: 4.557vw;
  }

  .otzyvy .slick-dots li.slick-active button {
    width: 5.143vw;
    height: 1.302vw;
    border-radius: 4.557vw;
  }

  .get-autocredit {
    padding: 6.771vw 0 12.5vw 0;
    background: #f1f4f7;
  }

  .get-autocredit .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    flex-direction: column-reverse;
  }

  .get-autocredit .title {
    font-size: 4.688vw;
    line-height: 5.208vw;
    padding-bottom: 0;
  }

  .get-autocredit .form-autocredit {
    width: 92.188vw;
  }

  .get-autocredit .form-text {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 3.385vw;
    line-height: 3.645vw;
    color: #1a1a1a;
  }

  .get-autocredit .text-about {
    display: none;
  }

  .form-autocredit .chose-auto-block {
    padding-top: 4.167vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.605vw;
  }

  .no-webp .form-autocredit .select-input-block select {
    background-image: url(../img/cheveron-down.png);
  }

  .form-autocredit .select-input-block select {
    width: 92.188vw;
    height: 7.813vw;
    background: #fff;
    border-radius: 1.302vw;
    padding-left: 2.605vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #abafbc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 2.604vw;
    background-position: 95%;
  }

  .form-autocredit .select-input-block.block-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.605vw;
  }

  .no-webp .form-autocredit .select-input-block.block-one select {
    background-image: url(../img/cheveron-down.png);
  }

  .form-autocredit .select-input-block.block-one select {
    width: 44.792vw;
    height: 7.813vw;
    background: #fff;
    padding-left: 2.605vw;
    border-radius: 1.302vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #abafbc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 2.604vw;
    background-position: 90%;
  }

  .form-autocredit .calc-auto-block {
    padding-top: 6.51vw;
  }

  .form-autocredit .content {
    width: 100%;
  }

  .form-autocredit .credit-calc {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4.298vw;
    padding-top: 4.167vw;
  }

  .form-autocredit .form-for-credit.for-autocredit {
    padding-top: 6.51vw;
  }

  .form-autocredit .form-for-credit.for-autocredit .block-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.302vw;
  }

  .form-autocredit
    .form-for-credit.for-autocredit
    .block-input.input-for-autocredit {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 19.533vw;
    row-gap: 3.125vw;
    -webkit-column-gap: 3.125vw;
    -moz-column-gap: 3.125vw;
    column-gap: 3.125vw;
    margin-top: 4.167vw;
  }

  .form-autocredit .form-for-credit.for-autocredit .input-date,
  .form-autocredit .form-for-credit.for-autocredit .input-name,
  .form-autocredit .form-for-credit.for-autocredit .input-sity,
  .form-autocredit .form-for-credit.for-autocredit .input-tel {
    background: #fff;
    border-radius: 1.302vw;
    width: 44.533vw;
    height: 7.813vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form-autocredit .form-for-credit.for-autocredit .input-date input,
  .form-autocredit .form-for-credit.for-autocredit .input-name input,
  .form-autocredit .form-for-credit.for-autocredit .input-sity input,
  .form-autocredit .form-for-credit.for-autocredit .input-tel input {
    background: #fff;
    border-radius: 1.302vw;
    width: 44.533vw;
    height: 7.813vw;
    padding-left: 2.605vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: black;
  }
  .form-autocredit .form-for-credit.for-autocredit .input-sity.four select{
background: #fff;
    border-radius: 1.302vw;
    width: 44.533vw;
    height: 7.813vw;
    padding-left: 2.2vw;
    font-family: Mulish;
     font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #76777a;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 2.604vw;
    background-position: 90%;
    background-image: url(../img/cheveron-down.webp);
}
  .form-autocredit .form-for-credit.for-autocredit .input-name input {
    background-image: url(../img/fio.webp);
    background-repeat: no-repeat;
    background-position: 2.605vw center;
    padding-left: 6.605vw;
  }
  .form-autocredit .form-for-credit.for-autocredit .input-tel input {
    background-image: url(../img/telinput.webp);
    background-repeat: no-repeat;
    background-position: 2.605vw center;
    padding-left: 6.605vw;
  }

  .form-autocredit .form-for-credit.for-autocredit .button-sub button {
    width: 45.052vw;
    margin-top: 2.604vw;
  }

  .form-autocredit .block {
    width: 100%;
  }

  .form-autocredit .flex-container.for-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .form-autocredit .flex-container h5 {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 2.605vw;
    color: #010334;
    padding-bottom: 1.302vw;
  }

  .form-autocredit .flex-container .per {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 1.823vw;
    line-height: 120%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #585b79;
  }

  .form-autocredit .flex-container h6 {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 4.167vw;
    line-height: 120%;
    color: #1a1a1a;
    padding-bottom: 1.302vw;
  }

  .form-autocredit .val-summ {
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 5.208vw;
    line-height: 6.51vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1a1a1a;
  }

  .form-autocredit input[type="range"] {
    width: 100%;
    height: 0.39vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 1.302vw;
    
  }
  .form-autocredit input[type="range"].range-credit-time {
  background: linear-gradient(to right, rgb(238, 193, 106) 0%, rgb(238, 193, 106) 100%, rgb(228, 228, 228) 100%, rgb(228, 228, 228) 100%);
  }
  .form-autocredit input[type="range"].range-time {
  	background: linear-gradient(to right, rgb(238, 193, 106) 0%, rgb(238, 193, 106) 50%, rgb(228, 228, 228) 50%, rgb(228, 228, 228) 100%);
  }
  .form-autocredit input[type="range"]::-webkit-slider-runnable-track {
    height: 0.39vw;
    border-radius: 1.302vw;
    background: 0 0;
  }

  .form-autocredit input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 2.605vw;
    height: 1.952vw;
    background: #eec16a;
    border: 0.13vw solid #fff;
    border-radius: 3.125vw;
    cursor: pointer;
    margin-top: -0.912vw;
    margin-left: 0vw;
  }

  .form-autocredit input[type="range"]::-webkit-slider-thumb:hover {
    border: 0.26vw solid gray;
  }

  .credit-calc-block {
    padding: 9.115vw 0;
  }

  .credit-calc-block .content {
    border-radius: 1.302vw;
    padding: 10.417vw 3.906vw;
    gap: 5.208vw;
    width: 100%;
  }

  .credit-calc-block .for-range {
    padding-top: 1.302vw;
  }

  .credit-calc-block .title {
    font-size: 4.688vw;
    line-height: 5.208vw;
  }

  .credit-calc-block .title br {
    display: block;
  }

  .credit-calc-block .name-auto {
    font-size: 2.604vw;
    line-height: 3.646vw;
  }

  .credit-calc-block .credit-calc {
    gap: 3.906vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .credit-calc-block .left {
    width: 92.188vw;
    gap: 3.255vw;
  }

  .credit-calc-block .left .flex-container h5 {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 2.605vw;
    color: #010334;
    padding-bottom: 1.302vw;
  }

  .credit-calc-block .left .flex-container .per {
    font-size: 1.823vw;
    line-height: 120%;
  }

  .credit-calc-block .left .flex-container h6 {
    font-size: 4.167vw;
    padding-bottom: 1.302vw;
  }

  .credit-calc-block .left .val-summ {
    font-weight: 700;
    font-size: 4.167vw;
    line-height: 120%;
  }

  .credit-calc-block .right {
    width: 92.188vw;
    height: 42.708vw;
    border-radius: 1.302vw;
    margin-top: -1.302vw;
  }

  .credit-calc-block .right .info-pay {
    width: 91.667vw;
    height: 42.188vw;
    border-radius: 1.302vw;
    background: #fff;
    padding: 5.077vw 0 5.077vw  5.077vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    gap: 3.908vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .credit-calc-block .right .info-pay-block {
    width: 100%;
    gap: 13.021vw;
    position: relative;
  }

  .credit-calc-block .right .item {
    width: 29.818vw;
  }

  .credit-calc-block .right .title-range {
    font-family: Mulish;
    font-style: normal;
    font-weight: 300;
    font-size: 2.083vw;
    line-height: 2.605vw;
    color: #010334;
  }

  .credit-calc-block .right .persent {
    font-size: 5.208vw;
    line-height: 6.51vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .credit-calc-block .right .summ {
    font-size: 5.208vw;
    line-height: 6.51vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .credit-calc-block .right .yeahr {
    font-size: 5.208vw;
    line-height: 6.51vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .credit-calc-block .right .economy {
    font-weight: 700;
    font-size: 2.605vw;
    line-height: 3.908vw;
    background: -o-linear-gradient(
      344.58deg,
      #671578 9.76%,
      #404267 45.62%,
      #4499a2 72.73%
    );
    background: linear-gradient(
      105.42deg,
      #671578 9.76%,
      #404267 45.62%,
      #4499a2 72.73%
    );
    left: 42%;
    -webkit-transform: translate(70%, 0);
    -ms-transform: translate(70%, 0);
    transform: translate(70%, 0);
    background: linear-gradient(
      105.42deg,
      #671578 9.76%,
      #404267 45.62%,
      #4499a2 72.73%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }

  .credit-calc-block input[type="range"] {
    width: 100%;
    height: 0.39vw;
    border-radius: 1.302vw;
  }

  .credit-calc-block input[type="range"]::-webkit-slider-runnable-track {
    height: 0.39vw;
    border-radius: 1.302vw;
  }

  .credit-calc-block input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 2.805vw;
    height: 1.952vw;
    background: #eec16a;
    border: 0.13vw solid #fff;
    border-radius: 3.125vw;
    cursor: pointer;
    margin-top: -0.912vw;
    margin-left: 0vw;
  }

  .credit-calc-block input[type="range"]::-webkit-slider-thumb:hover {
    border: 0.26vw solid gray;
  }

  .credit-calc-block .checkbox__text {
    padding: 0 0 0 4.948vw;
  }

  .credit-calc-block .checkbox__text:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    width: 2.605vw;
    height: 2.605vw;
    border-radius: 0.362vw;
    border: 0.13vw solid #eec16a;
  }

  .credit-calc-block .checkbox__text:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 1.302vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.302vw;
    height: 1.302vw;
    border-radius: 0.208vw;
  }

  .all-form,
  .form-for-credit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .all-form .title-form,
  .form-for-credit .title-form {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 4.688vw;
    line-height: 5.859vw;
    text-align: center;
    color: #1a1a1a;
    padding-top: 0;
    padding-bottom: 2.212vw;
  }

  .all-form .subtitle-form,
  .form-for-credit .subtitle-form {
    font-size: 2.605vw;
    line-height: 3.908vw;
    text-align: center;
    padding-bottom: 2vw;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 78.125vw;
  }

  .all-form form,
  .form-for-credit form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.93vw;
  }

  .all-form .block-input,
  .form-for-credit .block-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.4vw;
  }

  .no-webp .all-form .input-name input,
  .no-webp .form-for-credit .input-name input {
    background-image: url(../img/fio.png);
  }

  .all-form .input input,
  .form-for-credit .input input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.173vw 2.605vw 1.173vw 7.292vw;
    width: 45.052vw;
    height: 7.813vw;
    background: #f1f4f7;
    border-radius: 1.302vw;
    background-repeat: no-repeat;
    background-position: 2.605vw center;
    background-size: 2.345vw;
    position: relative;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #010334;
  }

  .all-form .input input::-webkit-input-placeholder,
  .form-for-credit .input input::-webkit-input-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 7.5vw;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .all-form .input input::-moz-placeholder,
  .form-for-credit .input input::-moz-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 7.5vw;
    transform: translate(0, -50%);
  }

  .all-form .input input:-ms-input-placeholder,
  .form-for-credit .input input:-ms-input-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 7.5vw;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .all-form .input input::-ms-input-placeholder,
  .form-for-credit .input input::-ms-input-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 7.5vw;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .all-form .input input::placeholder,
  .form-for-credit .input input::placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 7.5vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .no-webp .all-form .input-tel input,
  .no-webp .form-for-credit .input-tel input {
    background-image: url(../img/telinput.png);
  }

  .all-form .input-tel input,
  .form-for-credit .input-tel input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.173vw 2.605vw 1.173vw 7.292vw;
    width: 45.052vw;
    height: 7.813vw;
    background: #f1f4f7;
    border-radius: 1.302vw;
    background-repeat: no-repeat;
    background-position: 2.605vw center;
    background-size: 2.345vw;
    position: relative;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #010334;
  }

  .all-form .input-tel input::-webkit-input-placeholder,
  .form-for-credit .input-tel input::-webkit-input-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 7.5vw;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .all-form .input-tel input::-moz-placeholder,
  .form-for-credit .input-tel input::-moz-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 7.5vw;
    transform: translate(0, -50%);
  }

  .all-form .input-tel input:-ms-input-placeholder,
  .form-for-credit .input-tel input:-ms-input-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 7.5vw;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .all-form .input-tel input::-ms-input-placeholder,
  .form-for-credit .input-tel input::-ms-input-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 7.5vw;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .all-form .input-tel input::placeholder,
  .form-for-credit .input-tel input::placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 7.5vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .all-form .button-sub button,.all-form .button-sub input,
  .form-for-credit .button-sub button ,.form-for-credit .button-sub input,.form-autocredit .form-for-credit.for-autocredit .button-sub input{
    width: 45.052vw;
    height: 8.052vw;
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    border-radius: 1.302vw;
    font-size: 2.605vw;
    line-height: 2.865vw;
        margin-top: 2.5vw;
  }

  .all-form .agree-input label,
  .form-for-credit .agree-input label {
    gap: 2.345vw;
    font-size: 2.083vw;
    line-height: 3.515vw;
  }

  .all-form .checkbox input,
  .form-for-credit .checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }

  .all-form .checkbox__text,
  .form-for-credit .checkbox__text {
    position: relative;
    padding: 0 0 0 4.948vw;
    cursor: pointer;
  }

  .all-form .checkbox__text:before,
  .form-for-credit .checkbox__text:before {
    content: "";
    position: absolute;
    top: 0%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    left: 0;
    width: 2.605vw;
    height: 2.605vw;
    border-radius: 0.362vw;
    border: 0.13vw solid #eec16a;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }

  .all-form .checkbox__text:after,
  .form-for-credit .checkbox__text:after {
    content: "";
    position: absolute;
    top: 0;
    left: 1.302vw;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    width: 1.302vw;
    height: 1.302vw;
    background: #eec16a;
    opacity: 0;
    border-radius: 0.208vw;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;

  }

  .all-form .checkbox input:checked + .checkbox__text:before,
  .form-for-credit .checkbox input:checked + .checkbox__text:before {
    background: 0 0;
  }

  .all-form .checkbox input:checked + .checkbox__text:after,
  .form-for-credit .checkbox input:checked + .checkbox__text:after {
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .trade-in-block-main {
    padding: 9.115vw 0 5.469vw 0;
  }

  .trade-in-block-main form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0;
  }

  .trade-in-block-main form .left-part {
    width: 79.427vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.605vw;
  }

  .trade-in-block-main form .select-input-text {
    width: 71.615vw;
    font-family: Mulish;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 2.605vw;
    line-height: 3.908vw;
    color: #010334;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .trade-in-block-main .first-block {
    border-radius: 1.302vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 9.375vw 6.51vw 6.51vw 6.51vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .trade-in-block-main .title-block {
    font-size: 4.688vw;
    line-height: 5.208vw;
    padding-bottom: 8.208vw;
  }

  .trade-in-block-main .steps {
    width: 59.896vw;
    height: 5.99vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.65vw;
    padding-bottom: 12.115vw;
  }

  .trade-in-block-main .steps .step-sircle {
    position: relative;
    background: #fff;
    border: 0.188vw solid #a2a8bd;
    border-radius: 5.99vw;
    width: 5.99vw;
    height: 5.99vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-size: 2.995vw;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #a2a8bd;
  }

  .trade-in-block-main .steps .step-sircle.active {
    background: -o-linear-gradient(
        353.03deg,
        #440551 -8.52%,
        #631279 -0.67%,
        #404267 68.68%,
        #3c7a80 99.19%,
        #3c7a80 99.19%
      ),
      #fff;
    background: linear-gradient(
        96.97deg,
        #440551 -8.52%,
        #631279 -0.67%,
        #404267 68.68%,
        #3c7a80 99.19%,
        #3c7a80 99.19%
      ),
      #fff;
    border-radius: 5.99vw;
    color: #fff;
  }

  .trade-in-block-main .steps .step-sircle .text-sirsle {
    position: absolute;
    top: 7.552vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 120%;
    color: #737885;
    width: 26.042vw;
    text-align: center;
  }

  .trade-in-block-main .steps .step-sircle .text-sirsle.active {
    font-weight: 900;
    font-size: 2.083vw;
    line-height: 120%;
    color: #440d54;
  }

  .trade-in-block-main .steps .circle-line {
    width: 17.318vw;
    height: 0.26vw;
    background-color: rgba(171, 175, 188, 0.3);
  }

  .trade-in-block-main .steps .circle-line.active {
    background: -o-linear-gradient(
        354.48deg,
        #440551 0.7%,
        #404267 55.29%,
        #3c7a80 99.34%,
        #3c7a80 99.34%
      ),
      #fff;
    background: linear-gradient(
        95.52deg,
        #440551 0.7%,
        #404267 55.29%,
        #3c7a80 99.34%,
        #3c7a80 99.34%
      ),
      #fff;
  }

  .trade-in-block-main .select-input-block {
    margin-bottom: 0.65vw;
    width: 79.427vw;
    height: 6.51vw;
  }

  .no-webp .trade-in-block-main .select-input-block select {
    background-image: url(../img/cheveron-down.png);
  }

  .trade-in-block-main .select-input-block select {
    background: #f1f4f7;
    height: 7.813vw;
    padding: 0 2.605vw;
    border-radius: 1.302vw;
    width: 100%;
    height: 100%;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #abafbc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 2.604vw;
    background-position: 95%;
  }

  .trade-in-block-main .right-part {
    width: 79.427vw;
    border-radius: 1.302vw;
    height: 34.766vw;
  }

  .trade-in-block-main .right-part img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    border-radius: 1.302vw;
  }

  .trade-in-block-main .trade-form-btn {
    background: #eec16a;
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    border-radius: 1.302vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    width: 45.052vw;
    height: 7.813vw;
    font-size: 2.344vw;
    line-height: 2.865vw;
    text-transform: uppercase;
    color: #1a1a1a;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .trade-in-block-main .trade-form-btn:hover {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background: #fbd07c;
    -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
      0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
      0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  }

  .development {
       height: auto;
    border-top: none;
  }

  .development a {
font-size: 2.345vw;
    line-height: 3.385vw;
  }
.footer .footer-down .dop-information {
    display: flex;
    gap: 1vw;
    font-size: 2.345vw;
    line-height: 3.385vw;
    flex-direction: column;
}
  .development a img {
    width: 2.93vw;
  }

  .development a span {
    font-size: 1.074vw;
    line-height: 1.172vw;
  }

  .footer {
    background: -o-linear-gradient(
      346.62deg,
      #671578 -23.88%,
      #404267 41.9%,
      #4499a2 91.64%
    );
    background: linear-gradient(
      103.38deg,
      #671578 -23.88%,
      #404267 41.9%,
      #4499a2 91.64%
    );
    -webkit-backdrop-filter: blur(0.65vw);
    backdrop-filter: blur(0.65vw);
  }

  .footer .content {
    padding: 7.683vw 0 0 0;
  }

  .footer .footer-top {
    padding-bottom: 7.813vw;
    border-bottom: 0.13vw solid rgba(255, 255, 255, 0.1);
  }

  .footer .block_logo {
    gap: 3.908vw;
  }

  .footer .footer_logo {
    width: 14.323vw;
    height: 5.208vw;
  }

  .footer .footer_logo img {
    width: 100%;
  }

  .footer .footer_tel {
    gap: 0.65vw;
  }

  .footer .tel {
    font-size: 2.345vw;
    line-height: 3.385vw;
    padding-left: 3.645vw;
  }

  .no-webp .footer .tel::before {
    background-image: url(../img/footer-tel.png);
  }

  .footer .tel::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 2.345vw;
    height: 2.345vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
  }

  .footer .mail {
    font-size: 2.345vw;
    line-height: 3.385vw;
    position: relative;
    padding-left: 3.645vw;
  }

  .no-webp .footer .mail::before {
    background-image: url(../img/footer-mail.png);
  }

  .footer .mail::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 2.475vw;
    height: 1.952vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }

  .footer .block_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.083vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.083vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer .blocks:first-child a:first-child {
    display: none;
  }

  .footer .page_link {
    color: #fff;
    font-size: 2.083vw;
    line-height: 3.385vw;
    font-weight: 600;
  }

  .footer .block_contacts {
    gap: 2.604vw;
    width: 30.469vw;
  }

  .footer .contacts {
    gap: 0.65vw;
  }

  .footer .adress {
    font-size: 1.823vw;
    line-height: 3.385vw;
    color: #fff;
    position: relative;
    padding-left: 3.645vw;
  }

  .no-webp .footer .adress::before {
    background-image: url(../img/footer-adress.png);
  }

  .footer .adress::before {
    content: "";
    position: absolute;
    width: 1.823vw;
    height: 2.083vw;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }

  .footer .time {
    font-size: 1.823vw;
    line-height: 3.385vw;
    color: #fff;
    position: relative;
    padding-left: 3.645vw;
  }

  .no-webp .footer .time::before {
    background-image: url(../img/footer-clock.png);
  }

  .footer .time::before {
    content: "";
    position: absolute;
    width: 2.345vw;
    height: 2.345vw;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }

  .footer .footer_button {
    width: 30.469vw;
    height: 5.208vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #eec16a;
    border-radius: 1.042vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 2.083vw;
    line-height: 2.865vw;
    color: #1a1a1a;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .footer .footer_button:hover {
    background: #fbd07c;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0 0.021vw 0.042vw rgba(0, 0, 0, 0.06),
      0 0.021vw 0.062vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.021vw 0.042vw rgba(0, 0, 0, 0.06),
      0 0.021vw 0.062vw rgba(0, 0, 0, 0.1);
    color: #1a1a1a;
  }

  .footer .footer-down {
    padding: 3.645vw 0 3.385vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer .footer-down .text-down {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.083vw;
    line-height: 3.385vw;
    color: #fff;
    opacity: 0.5;
  }

  .popup-form {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(0.26vw);
    backdrop-filter: blur(0.26vw);
    top: 0;
    left: 0;
    z-index: 12000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .popup-form:target {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .popup-form .popup-body {
    min-width: 100%;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .no-webp .popup-form .popup-content {
    background-image: url(../img/popapbg.png);
  }

  .popup-form .popup-content {
    width: 92.188vw;
    height: 76.563vw;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 1.302vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .popup-form .popup_close {
    width: 4.167vw;
    height: 4.167vw;
    display: block;
    position: absolute;
    top: 4.167vw;
    right: 4.167vw;
    cursor: pointer;
  }

  .popup-form .popup_close img {
    width: 100%;
  }

  .popup-form .content-colback {
    width: 75.52vw;
  }

  .popup-form .title-form {
    text-transform: uppercase;
    color: #fff;
    font-size: 3.125vw;
    line-height: 3.908vw;
  }

  .popup-form .subtitle-form {
    font-size: 2.083vw;
    line-height: 2.995vw;
    color: #fff;
    width: 53.515vw;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .popup-form .block-input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .popup-form .input-name {
    width: 44.655vw;
  }

  .popup-form .input-name input {
    width: 100%;
  }

  .popup-form .input-tel {
    width: 44.655vw;
  }

  .popup-form .input-tel input {
    width: 100%;
  }

  .popup-form .button-sub {
    width: 44.655vw;
  }

  .popup-form .button-sub button,.popup-form .button-sub input {
    width: 100%;
  }

  .popup-form .agree-input {
    width: 58.595vw;
  }

  .popup-form .checkbox__text {
    color: #fff;
  }

  .popup-form .model-for-credit {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 3.385vw;
    line-height: 3.645vw;
    text-align: center;
    color: #fff;
    width: 75.52vw;
    padding-bottom: 3.255vw;
  }

  .popup-form.popup-for-successful.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .no-webp .popup-form.popup-for-successful .popup-content {
    background-image: url(../img/1200/popupsucc1200.png);
  }

  .popup-form.popup-for-successful .popup-content {
    width: 92.188vw;
    height: 56.12vw;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 1.302vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .popup-form.popup-for-successful .content-colback {
    width: 44.661vw;
  }

  .popup-form.popup-for-successful .subtitle-form {
    width: 40.661vw;
  }

  .popup-form.popup-for-successful .back-to-main {
    width: 44.661vw;
    height: 7.813vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    font-weight: 800;
    font-size: 2.605vw;
    line-height: 2.865vw;
    text-transform: uppercase;
    color: #1a1a1a;
    background: #eec16a;
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    border-radius: 1.302vw;
  }

  .popup-form.popup-for-trade-in .popup-content {
    width: 92.188vw;
    height: 95vh;
    background: #fff;
    background-image: none !important;
    border-radius: 1.302vw;
    overflow-y: scroll;
  }

  .popup-form.popup-for-trade-in .content-colback {
    width: 92.188vw;
  }

  .popup-form.popup-for-trade-in form {
    width: 92.188vw;
    padding: 6.51vw;
  }

  .popup-form.popup-for-trade-in .form-autocredit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 180vw;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .popup-form.popup-for-trade-in .form-autocredit .chose-auto-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .popup-form.popup-for-trade-in .title-form {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 5.99vw;
    line-height: 7.552vw;
    color: #1a1a1a;
    text-align: center;
    padding-bottom: 3.908vw;
  }

  .popup-form.popup-for-trade-in .model-for-credit {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 3.385vw;
    line-height: 3.645vw;
    width: 80.99vw;
    color: #1a1a1a;
    text-align: center;
  }

  .popup-form.popup-for-trade-in .form-text {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 3.385vw;
    line-height: 3.645vw;
    text-align: left;
    color: #1a1a1a;
    padding-bottom: 2.345vw;
  }

  .popup-form.popup-for-trade-in .subtitle-form {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 2.605vw;
    line-height: 3.908vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    color: #010334;
    width: auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .popup-form.popup-for-trade-in .input-marka input,
  .popup-form.popup-for-trade-in .input-model input,
  .popup-form.popup-for-trade-in .input-probeg input,
  .popup-form.popup-for-trade-in .input-yahre input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.173vw 2.605vw;
    width: 79.688vw;
    height: 7.813vw;
    background: #f1f4f7;
    border-radius: 1.302vw;
    color: #1a1a1a;
    font-size: 2.083vw;
font-family: 'Mulish';
font-style: normal;
line-height: 3.385vw;
  }

  .popup-form.popup-for-trade-in .select-input-block.block-one {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .popup-form.popup-for-trade-in .form-for-credit.for-autocredit .block-input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-for-autocredit {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 18.229vw;
    margin-top: 0;
    margin-bottom: 4.298vw;
  }

  .popup-form.popup-for-trade-in .form-for-credit.for-autocredit .input-name {
    width: 79.427vw;
  }

  .no-webp
    .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-name
    input {
    background-image: url(../img/fio.png);
  }

  .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-name
    input {
    width: 79.427vw;
    height: 7.813vw;
    background: #f1f4f7;
    border-radius: 1.302vw;
    background-repeat: no-repeat;
    background-position: 2.605vw center;
    background-size: 2.605vw;
    position: relative;
  }

  .popup-form.popup-for-trade-in .form-for-credit.for-autocredit .input-tel {
    width: 79.427vw;
  }

  .no-webp
    .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-tel
    input {
    background-image: url(../img/telinput.png);
  }

  .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-tel
    input {
    width: 79.427vw;
    height: 7.813vw;
    background: #f1f4f7;
    border-radius: 1.302vw;
    background-repeat: no-repeat;
    background-position: 2.605vw center;
    background-size: 2.605vw;
  }

  .popup-form.popup-for-trade-in .form-for-credit.for-autocredit .button-sub {
    width: 79.427vw;
  }

  .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .button-sub
    button {
    width: 79.427vw;
  }

  .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .checkbox__text {
    color: #010334;
  }

  .popup-form.popup-user-agrement .popup-content-agrement {
    width: 92.188vw;
    height: 95.323vh;
    background: #fff;
    border-radius: 1.302vw;
    overflow-y: scroll;
    position: relative;
    padding: 7.813vw 6.25vw 3.255vw 6.25vw;
  }

  .popup-form.popup-user-agrement .user-agrement-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.908vw;
  }

  .popup-form.popup-user-agrement .big-title {
    padding-bottom: 3.908vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 3.125vw;
    line-height: 3.908vw;
    text-align: center;
    text-transform: uppercase;
    color: #1a1a1a;
  }

  .popup-form.popup-user-agrement .title {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 2.605vw;
    line-height: 3.385vw;
    color: #1a1a1a;
  }

  .popup-form.popup-user-agrement .punkts {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 2.345vw;
    line-height: 3.385vw;
    color: #000;
  }

  .popup-form.popup-user-agrement ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.302vw;
  }

  .popup-form.popup-user-agrement li {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 2.345vw;
    line-height: 3.385vw;
    color: #000;
    padding-left: 1.952vw;
    position: relative;
  }

  .popup-form.popup-user-agrement li::before {
    content: "";
    width: 1.042vw;
    height: 1.042vw;
    border-radius: 50%;
    background-color: #eec16a;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

@media only screen and (max-width: 600px) {
  .container {
    width: 91.467vw;
  }

  main {
       margin-top:22.133vw;
  }
  main.no_active {
       margin-top:22.133vw;
  }

  .header .header__top {
  	display:none;
    background-image: none;
    height: 17.067vw;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#398593),
        color-stop(48.44%, #448c99),
        to(#2c7481)
      ),
      #fff;
    background: -o-linear-gradient(
        left,
        #398593 0,
        #448c99 48.44%,
        #2c7481 100%
      ),
      #fff;
    background: linear-gradient(90deg, #398593 0, #448c99 48.44%, #2c7481 100%),
      #fff;
  }

  .header .item_first {
    font-size: 3.2vw;
    line-height: 4.267vw;
    width: 34.4vw;
    text-align: left;
  }

  .header .item_two {
    display: none;
  }

  .header .button_three {
    border-radius: 2.667vw;
    width: 44.267vw;
    height: 8.267vw;
    font-weight: 800;
    font-size: 3.2vw;
    line-height: 6.4vw;
  }

  .header .close {
    width: 5.333vw;
    height: 5.333vw;
    left: calc(50% - 2.6665vw + 44.133vw);
    top: calc(50% - 2.6665vw);
  }

  .header .header__down_content {
    padding: 5.067vw 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .header .header__adress {
    display: none;
  }

  .header .header_counter {
   display:none;
  }

  .header .header__button {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0;
    border-radius: 1.867vw;
    width: 12vw;
    height: 12vw;
  }

  .no-webp .header .header__button a {
    background-image: url(../img/tel-icon.png);
  }

  .header .header__button a {
    color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 4.8vw;
    cursor: pointer;
  }

  .header .header__logo {
   width: 23.2vw;
    height: 8.933vw;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .no-webp .header .menu-burger-icon {
    background-image: url(../img/600/burger600.png);
  }

  .header .menu-burger-icon {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: block;
    margin-left: 0;
    cursor: pointer;
    width: 11.2vw;
    height: 11.2vw;
    right: 2.667vw;
    top: calc(50% - 5.6vw + 0.133vw);
    background-size: 7.467vw 5.6vw;
    background-position: center;
    background-repeat: no-repeat;
  }

  .header .menu-burger-icon img {
    display: none;
  }

  .header .right-part {
    width: 100%;
    padding: 13.6vw 0;
  }

  .header .burger-close {
    position: absolute;
    right: 3.467vw;
    top: 3.733vw;
    cursor: pointer;
    width: 8.533vw;
    height: 8.533vw;
  }

  .header .burger-close img {
    width: 100%;
  }

  .header .burger-logo {
    width: 29.333vw;
    height: 10.667vw;
    margin-bottom: 12.8vw;
    margin-left: -5.333vw;
  }

  .header .burger-logo img {
    width: 100%;
  }

  .header .burger-nav {
    gap: 10.667vw;
    margin-bottom: 25.733vw;
  }

  .header .burger-nav a {
    font-size: 5.333vw;
    line-height: 6.933vw;
  }

  .header .burger-contacts {
    gap: 1.333vw;
    border-bottom: 0.533vw solid rgba(120, 119, 119, 0.5568627451);
    padding-bottom: 10.667vw;
  }

  .header .burger-contacts .tel {
    font-size: 4.8vw;
    line-height: 6.933vw;
    padding-left: 6.667vw;
  }

  .header .burger-contacts .tel::before {
    width: 3.467vw;
    height: 3.467vw;
  }

  .header .burger-contacts .mail {
    font-size: 4.8vw;
    line-height: 6.933vw;
    padding-left: 6.667vw;
  }

  .header .burger-contacts .mail::before {
    width: 5.067vw;
    height: 4vw;
  }

  .header .wrapper {
    height: 250.667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
  }

  .header .button-form .agree-input {
    width: 74.933vw;
  }

  .header .button-form .agree-input label {
    font-size: 3.467vw;
    line-height: 5.333vw;
  }

  .header .button-form .title-form {
    font-weight: 900;
    font-size: 5.333vw;
    line-height: 6.667vw;
    padding-top: 48;
    padding-bottom: 8vw;
  }

  .header .button-form .block-input {
    gap: 4vw;
  }

  .header .button-form .form-for-credit .input input {
    width: 91.467vw;
    height: 13.333vw;
    border-radius: 2.667vw;
    background-position: 5.333vw center;
    background-size: 4.267vw 5.067vw;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #010334;
  }

  .header
    .button-form
    .form-for-credit
    .input-name
    input::-webkit-input-placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    padding-left: 5.333vw;
  }

  .header .button-form .form-for-credit .input input::-moz-placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    padding-left: 5.333vw;
  }

  .header
    .button-form
    .form-for-credit
    .input-name
    input:-ms-input-placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    padding-left: 5.333vw;
  }

  .header
    .button-form
    .form-for-credit
    .input-name
    input::-ms-input-placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    padding-left: 5.333vw;
  }

  .header .button-form .form-for-credit .input input::placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    padding-left: 5.333vw;
  }

  .header .button-form .form-for-credit .input-tel input {
    width: 91.467vw;
    height: 13.333vw;
    border-radius: 2.667vw;
    background-position: 5.333vw center;
    background-size: 4.8vw 5.067vw;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #010334;
  }

  .header
    .button-form
    .form-for-credit
    .input-tel
    input::-webkit-input-placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    padding-left: 5.333vw;
  }

  .header .button-form .form-for-credit .input-tel input::-moz-placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    padding-left: 5.333vw;
  }

  .header .button-form .form-for-credit .input-tel input:-ms-input-placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    padding-left: 5.333vw;
  }

  .header
    .button-form
    .form-for-credit
    .input-tel
    input::-ms-input-placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    padding-left: 5.333vw;
  }

  .header .button-form .form-for-credit .input-tel input::placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    padding-left: 5.333vw;
  }

  .header .button-form .button-sub {
    width: 91.453vw;
    height: 13.333vw;
  }

  .header .button-form .button-sub button {
    width: 91.453vw;
    height: 13.333vw;
    border-radius: 2.667vw;
    font-size: 4.267vw;
    line-height: 5.867vw;
  }

  .slider {
    height: 210.667vw;
    background: -o-linear-gradient(
      354.48deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    ) !important;
    background: linear-gradient(
      95.52deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    ) !important;
  }

  .slider .slider_item {
    height: 210.667vw;
    overflow: hidden;
  }

  .slider .slider_item .banner_content {
    position: absolute;
    width: 92.188vw;
    left: 4vw;
    top: 8vw;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 80%;
  }

  .slider .title_slide {
    font-size: 8vw;
    line-height: 10.667vw;
    padding-bottom: 2.667vw;
  }

  .slider .text_slide {
    font-size: 5.333vw;
    line-height: 6.933vw;
    width: 87.467vw;
    padding-bottom: 4.167vw;
  }

  .slider .button_slide {
    background: #eec16a;
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    border-radius: 2.667vw;
    padding: 2.345vw 3.125vw 2.605vw 3.125vw;
    font-size: 4.267vw;
    line-height: 5.867vw;
    width: 91.467vw;
    height: 13.333vw;
    position: absolute;
    bottom: -18.667vw;
  }

  .slider .sliders_blocks {
    gap: 4vw;
    padding-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .slider .block {
    width: 91.467vw;
    height: 29.067vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.333vw;
    padding: 4.533vw 7.467vw 0 4.267vw;
    border: 0.533vw solid rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(1.333vw);
    backdrop-filter: blur(1.333vw);
    border-radius: 2.667vw;
    background: rgba(255, 255, 255, 0.64);
  }

  .slider .block_one {
    background-image: none;
  }

  .slider .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.042vw;
  }

  .slider .title {
    font-size: 4.8vw;
    line-height: 6.4vw;
    width: 76.533vw;
  }

  .slider .text {
    font-size: 3.733vw;
    line-height: 5.333vw;
  }

  .slider .block_two {
    background-image: none;
  }

  .slider .block_three {
    background-image: none;
  }

  .slider .banner {
    right: -8vw;
    top: 28.133vw;
    z-index: -1;
    width: 129.333vw;
    height: 78.667vw;
    z-index: -1;
  }

  .slider .slick-list {
    overflow: hidden;
  }

  .slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .slider .slick-arrow {
    display: none !important;
  }

  .slider .slick-dots {
    gap: 4.533vw;
    bottom: 3.906vw;
  }

  .slider .slick-dots li button {
    width: 2.669vw;
    height: 2.669vw;
    border-radius: 12.132vw;
  }

  .slider .slick-dots li.slick-active button {
    width: 9.731vw;
    height: 2.669vw;
    border-radius: 12.132vw;
  }

  .slider .slick-arrow.slick-prev {
    display: none !important;
  }

  .slider .slick-arrow.slick-next {
    display: none !important;
  }

  .auto_models .content {
    padding: 11.467vw 0 13.333vw 0;
  }

  .auto_models .title {
    font-size: 8vw;
    line-height: 10.133vw;
  }

  .auto_models .auto_models_items {
    row-gap: 4vw;
    -webkit-column-gap: 2.667vw;
    -moz-column-gap: 2.667vw;
    column-gap: 2.667vw;
    padding: 5.333vw 0 9.333vw 0;
    height: 53.333vw;
    overflow: hidden;
  }

  .auto_models .auto_models_items .auto_models_item {
    cursor: pointer;
    width: 43.999vw;
    height: 11.999vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 2.214vw 0 2.214vw;
    border: 0.266vw solid #ccdaff;
    border-radius: 2.666vw;
  }

 


  .auto_models .auto_models_items .auto_models_item .auto_models_item-title {
    font-size: 12.004px;
    line-height: 19.999px;
  }

  .auto_models .auto_models_items .auto_models_item .auto_models_item-counter {
    font-size: 3.734vw;
    line-height: 7.467vw;
  }

  .auto_models .button {
    -webkit-box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.801vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.801vw rgba(0, 0, 0, 0.1);
    border-radius: 2.666vw;
    width: 91.467vw;
    height: 13.333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.666vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4.801vw 0 5.333vw 0;
    font-size: 4.267vw;
    line-height: 5.867vw;
    margin-top: 4vw;
  }

  .all_auto {
    padding: 10.933vw 0 17.333vw 0;
    gap: 10.667vw;
  }

  .all_auto .all_auto-title {
    font-size: 8vw;
    line-height: 10.133vw;
    padding-bottom: 2.133vw;
  }

  .all_auto .all_auto-filter {
    gap: 8.533vw;
  }

  .all_auto .all_auto-filter .button-filter-popup {
    border: 0.267vw solid #010334;
    -webkit-filter: drop-shadow(0 0.267vw 0.533vw rgba(0, 0, 0, 0.06))
      drop-shadow(0 0.267vw 0.8vw rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 0.267vw 0.533vw rgba(0, 0, 0, 0.06))
      drop-shadow(0 0.267vw 0.8vw rgba(0, 0, 0, 0.1));
    border-radius: 2.667vw;
    width: 91.467vw;
    height: 13.333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.667vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 4.267vw;
    line-height: 5.333vw;
    cursor: pointer;
    text-transform: uppercase;
    color: #010334;
  }

  .all_auto .all_auto-filter .button-filter-popup img {
    width: 5.599vw;
    height: 5.599vw;
  }

  .all_auto .all_auto-filter .filter_auto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    row-gap: 6.4vw;
    -webkit-column-gap: 5.333vw;
    -moz-column-gap: 5.333vw;
    column-gap: 5.333vw;
    height: 37.333vw;
    opacity: 0;
    visibility: hidden;
    height: 0;
  }

  .no-webp .all_auto .all_auto-filter .select_item {
    background-image: url(../img/cheveron-down.png);
  }

  .all_auto .all_auto-filter .select_item {
    width: 58.665vw;
    height: 16.001vw;
    border-radius: 2.666vw;
    padding: 5.335vw;
    font-size: 4.266vw;
    line-height: 120%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 5.333vw;
    background-position: 95%;
  }

  .all_auto .all_auto-filter .reset_filters {
    bottom: -5.208vw;
    font-size: 2.605vw;
    line-height: 3.908vw;
  }

  .all_auto .all_auto-filter .button_filter {
    background: #eec16a;
    -webkit-box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.799vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.799vw rgba(0, 0, 0, 0.1);
    border-radius: 2.666vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 5.335vw;
    line-height: 5.867vw;
    text-transform: uppercase;
    color: #1a1a1a;
    cursor: pointer;
    width: 58.931vw;
    padding: 4.803vw 0 5.335vw 0;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all_auto .all_auto-filter .button_filter:hover {
    background: #fbd07c;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
      0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
      0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  }

  .all_auto .content {
    gap: 5.333vw;
    height: auto;
  }

  .all_auto .auto_item {
    width: 91.187vw;
    overflow: hidden;
    background: #fff;
    border: 0.266vw solid #ccdaff;
    border-radius: 2.666vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all_auto .auto_item:hover {
    border: 0.266vw solid #a6beff;
    -webkit-box-shadow: 0 0.533vw 3.465vw rgba(25, 1, 52, 0.15);
    box-shadow: 0 0.533vw 3.465vw rgba(25, 1, 52, 0.15);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all_auto .little_slider {
    height: 46.133vw;
    position: relative;
  }

  .all_auto .little_slider .little_slider-item {
    width: 91.203vw;
    height: 46.133vw;
    position: relative;
  }

  .all_auto .little_slider .little_slider-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2.666vw 2.666vw 0 0;
  }

  .all_auto .little_slider .slick-list {
    overflow: hidden;
  }

  .all_auto .little_slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .all_auto .little_slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.666vw;
    position: absolute;
    bottom: 4.53vw;
    z-index: 10;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .all_auto .little_slider .slick-dots li {
    list-style: none;
  }

  .all_auto .little_slider .slick-dots li button {
    font-size: 0;
    width: 1.065vw;
    height: 1.065vw;
    background: #d9d9d9;
    border-radius: 1.065vw;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all_auto .little_slider .slick-dots li.slick-active button {
    font-size: 0;
    width: 7.465vw;
    height: 1.065vw;
    background: #010334;
    border-radius: 1.065vw;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all_auto .auto_info {
    margin: 5.335vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.177vw;
    position: relative;
  }

  .all_auto .auto_info .auto_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 4.267vw;
    line-height: 5.333vw;
    color: #1a1a1a;
  }

  .all_auto .auto_info .model {
    font-weight: 700;
  }

  .all_auto .auto_info .auto_description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0.666vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 3.733vw;
    line-height: 6.133vw;
    color: #585b79;
  }

  .all_auto .auto_info .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .all_auto .auto_info .new_price {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 6.4vw;
    line-height: 8vw;
    color: #1a1a1a;
  }

  .all_auto .auto_info .old_price {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 5.333vw;
    text-decoration-line: line-through;
    color: #585b79;
  }

  .all_auto .auto_info .button {
    border: 0.266vw solid #eec16a;
    border-radius: 2.666vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.666vw 0;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 4.266vw;
    line-height: 6.4vw;
    text-transform: uppercase;
    color: #eec16a;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
  }

  .all_auto .auto_info .button:hover {
    background: #fbd07c;
    border: 0.266vw solid #fbd07c;
    color: #010334;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all_auto .auto_info .how_much {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 3.734vw;
    line-height: 4.803vw;
    color: #585b79;
  }

  .all_auto .auto_info .in_stok {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 3.734vw;
    line-height: 4.803vw;
    color: #4cb050;
    position: absolute;
    right: 0;
    top: 0;
  }

  .all_auto .wish_icon {
    width: 6.4vw;
    height: 6.4vw;
    position: absolute;
    top: 2.666vw;
    right: 2.666vw;
    cursor: pointer;
  }

  .all_auto .wish_icon svg {
    width: 100%;
  }

  .all_auto .button_more {
    width: 91.467vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3.733vw 8.533vw 4.267vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 4.267vw;
    line-height: 5.867vw;
    text-transform: uppercase;
    color: #1a1a1a;
    background: #eec16a;
    -webkit-box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.799vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.799vw rgba(0, 0, 0, 0.1);
    border-radius: 2.666vw;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all_auto .button_more:hover {
    background: #fbd07c;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0 0.106vw 0.213vw rgba(0, 0, 0, 0.06),
      0 0.106vw 0.319vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.106vw 0.213vw rgba(0, 0, 0, 0.06),
      0 0.106vw 0.319vw rgba(0, 0, 0, 0.1);
  }

  .no-webp .all-banks {
    background-image: url(../img/600/bgbanks.png);
  }

  .all-banks {
    padding: 11.2vw 0 13.333vw 0;
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .all-banks .title {
    font-size: 8vw;
    line-height: 10.133vw;
    padding-bottom: 4.003vw;
  }

  .all-banks .text {
    font-size: 3.733vw;
    line-height: 5.6vw;
    width: 87.733vw;
    text-align: center;
    padding-bottom: 4vw;
  }

  .all-banks .all-banks-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 4vw;
    -moz-column-gap: 4vw;
    column-gap: 4vw;
    row-gap: 4.267vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .all-banks .bank-item {
    width: 43.733vw;
    height: 19.467vw;
    border: 0.533vw solid rgba(0, 0, 0, 0.02);
    -webkit-backdrop-filter: blur(1.333vw);
    backdrop-filter: blur(1.333vw);
    border-radius: 4vw;
    background-repeat: no-repeat;
    background-position: center;
  }

  .no-webp .all-banks .bank-item:nth-child(1) {
    background-image: url(../img/bank1.png);
  }

  .all-banks .bank-item:nth-child(1) {
    background-size: 23.438vw 3.908vw;
  }

  .no-webp .all-banks .bank-item:nth-child(2) {
    background-image: url(../img/bank2.png);
  }

  .all-banks .bank-item:nth-child(2) {
    background-size: 23.438vw 5.273vw;
  }

  .no-webp .all-banks .bank-item:nth-child(3) {
    background-image: url(../img/bank3.png);
  }

  .all-banks .bank-item:nth-child(3) {
    background-size: 23.438vw 4.558vw;
  }

  .no-webp .all-banks .bank-item:nth-child(4) {
    background-image: url(../img/bank4.png);
  }

  .all-banks .bank-item:nth-child(4) {
    background-size: 23.438vw 3.515vw;
  }

  .no-webp .all-banks .bank-item:nth-child(5) {
    background-image: url(../img/bank5.png);
  }

  .all-banks .bank-item:nth-child(5) {
    background-size: 23.438vw 2.5vw;
  }

  .no-webp .all-banks .bank-item:nth-child(6) {
    background-image: url(../img/bank6.png);
  }

  .all-banks .bank-item:nth-child(6) {
    background-size: 19.533vw 4.037vw;
  }

  .no-webp .all-banks .bank-item:nth-child(7) {
    background-image: url(../img/bank7.png);
  }

  .all-banks .bank-item:nth-child(7) {
    background-size: 23.438vw 3.515vw;
  }

  .no-webp .all-banks .bank-item:nth-child(8) {
    background-image: url(../img/bank8.png);
  }

  .all-banks .bank-item:nth-child(8) {
    background-size: 23.438vw 3.308vw;
  }

  .no-webp .all-banks .bank-item:nth-child(9) {
    background-image: url(../img/bank9.png);
  }

  .all-banks .bank-item:nth-child(9) {
    background-size: 16.927vw 5.077vw;
  }

  .no-webp .all-banks .bank-item:nth-child(10) {
    background-image: url(../img/bank10.png);
  }

  .all-banks .bank-item:nth-child(10) {
    background-size: 23.438vw 5.99vw;
  }

  .no-webp .all-banks .bank-item:nth-child(11) {
    background-image: url(../img/bank11.png);
  }

  .all-banks .bank-item:nth-child(11) {
    background-size: 23.438vw 2.942vw;
  }

  .no-webp .all-banks .bank-item:nth-child(12) {
    background-image: url(../img/bank12.png);
  }

  .all-banks .bank-item:nth-child(12) {
    background-size: 16.927vw 4.948vw;
  }

  .best-promo {
    background: -o-linear-gradient(
        354.48deg,
        #440551 0.7%,
        #404267 55.29%,
        #3c7a80 99.34%,
        #3c7a80 99.34%
      ),
      #fff !important;
    background: linear-gradient(
        95.52deg,
        #440551 0.7%,
        #404267 55.29%,
        #3c7a80 99.34%,
        #3c7a80 99.34%
      ),
      #fff !important;
    height: 197.333vw;
  }

  .best-promo .title {
    padding-bottom: 7.467vw;
    padding-top: 5.333vw;
    font-size: 8vw;
    line-height: 10.133vw;
    width: 80vw;
    margin: 0 auto;
  }

  .best-promo .slider_item {
    height: 181.781vw;
  }

  .best-promo .slider_item .banner_content {
    overflow-x: scroll;
  }

  .best-promo .slick-dots {
    bottom: 7.813vw;
  }

  .best-promo .slick-arrow {
    display: none !important;
  }

  .best-promo .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 4vw;
    width: 377.867vw;
  }

  .best-promo .auto_item {
    width: 91.203vw;
    height: 132.8vw;
    overflow: hidden;
    background: #fff;
    border: 0.266vw solid #ccdaff;
    border-radius: 2.666vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .best-promo .auto_item:hover {
    border: 0.266vw solid #a6beff;
    -webkit-box-shadow: 0 0.533vw 3.465vw rgba(25, 1, 52, 0.15);
    box-shadow: 0 0.533vw 3.465vw rgba(25, 1, 52, 0.15);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .best-promo .little_slider {
    height: 46.133vw;
    position: relative;
  }

  .best-promo .little_slider .little_slider-item {
    width: 91.203vw;
    height: 46.133vw;
    position: relative;
  }

  .best-promo .little_slider .little_slider-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2.666vw 2.666vw 0 0;
  }

  .best-promo .little_slider .slick-list {
    overflow: hidden;
  }

  .best-promo .little_slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .best-promo .little_slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.666vw;
    position: absolute;
    bottom: 4.53vw;
    z-index: 10;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .best-promo .little_slider .slick-dots li {
    list-style: none;
  }

  .best-promo .little_slider .slick-dots li button {
    font-size: 0;
    width: 7.465vw;
    height: 1.065vw;
    background: #d9d9d9;
    border-radius: 1.065vw;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .best-promo .little_slider .slick-dots li.slick-active button {
    font-size: 0;
    width: 7.465vw;
    height: 1.065vw;
    background: #010334;
    border-radius: 1.065vw;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .best-promo .auto_info {
    margin: 5.335vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.177vw;
    position: relative;
  }

  .best-promo .auto_info .auto_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 4.267vw;
    line-height: 5.333vw;
    color: #1a1a1a;
  }

  .best-promo .auto_info .model {
    font-weight: 700;
  }

  .best-promo .auto_info .auto_description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0.666vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 3.733vw;
    line-height: 6.133vw;
    color: #585b79;
  }

  .best-promo .auto_info .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .best-promo .auto_info .new_price {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 6.4vw;
    line-height: 8vw;
    color: #1a1a1a;
  }

  .best-promo .auto_info .old_price {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 5.333vw;
    text-decoration-line: line-through;
    color: #585b79;
  }

  .best-promo .auto_info .button {
    border: 0.266vw solid #eec16a;
    border-radius: 2.666vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.666vw 0;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 4.266vw;
    line-height: 6.4vw;
    text-transform: uppercase;
    color: #eec16a;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .best-promo .auto_info .button:hover {
    background: #fbd07c;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
      0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
      0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
    color: #1a1a1a;
  }

  .best-promo .auto_info .how_much {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 3.734vw;
    line-height: 4.803vw;
    color: #585b79;
  }

  .best-promo .auto_info .in_stok {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 3.734vw;
    line-height: 4.803vw;
    color: #4cb050;
    position: absolute;
    right: 0;
    top: 0;
  }

  .best-promo .wish_icon {
    width: 6.4vw;
    height: 6.4vw;
    position: absolute;
    top: 2.666vw;
    right: 2.666vw;
    cursor: pointer;
  }

  .best-promo .wish_icon svg {
    width: 100%;
  }

  .map {
    position: relative;
    height: 152.533vw;
  }

  .map .map-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .map .marker-big {
    position: absolute;
    width: 20.533vw;
    height: 24.8vw;
    left: 57.867vw;
    top: 18.667vw;
  }

  .no-webp .map .content {
    background-image: url(../img/bg-adress.png);
  }

  .map .content {
    position: absolute;
    left: 1.5vw;
    top: 74.933vw;
    width: 91.467vw;
    height: 58.933vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 7.733vw 0 8vw 8.533vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.333vw;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .map .addres-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.799vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .map .little-text {
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-size: 3.2vw;
    line-height: 4vw;
    color: #585b79;
  }

  .map .little-text.time {
    position: relative;
    padding-left: 6.67vw;
  }

  .no-webp .map .little-text.time::before {
    background-image: url(../img/clock-icon.png);
  }

  .map .little-text.time::before {
    content: "";
    width: 4.267vw;
    height: 4.267vw;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .map .little-text.phone {
    position: relative;
    padding-left: 6.667vw;
  }

  .no-webp .map .little-text.phone::before {
    background-image: url(../img/tel-icon.png);
  }

  .map .little-text.phone::before {
    content: "";
    width: 4.267vw;
    height: 4.267vw;
    position: absolute;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .map .big-text {
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-size: 4.267vw;
    line-height: 5.333vw;
    color: #1a1a1a;
  }

  .map .big-text a {
    color: #1a1a1a;
  }

  .page_banner {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .page_banner .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 7.999vw 0 10.667vw 0;
  }

  .page_banner .breadscrumbs {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.266vw;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding-bottom: 4.267vw;
  }

  .page_banner .breadscrumbs a {
    width: 4.266vw;
    height: 4.266vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 2.666vw;
    cursor: pointer;
  }

  .page_banner .breadscrumbs a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .page_banner .breadscrumbs span {
    margin-left: 2.666vw;
  }

  .page_banner .page-name {
    font-size: 8vw;
    line-height: 10.667vw;
    padding-bottom: 2.667vw;
  }

  .page_banner .page-subtitle {
    font-size: 5.333vw;
    line-height: 6.933vw;
  }

  .page_banner .page-subtitle.avtocredit-subtitle {
    width: 55vw;
  }

  .page_banner .page-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #eec16a;
    -webkit-box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.799vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.799vw rgba(0, 0, 0, 0.1);
    border-radius: 2.666vw;
    width: 91.467vw;
    height: 13.333vw;
    padding: 0;
    width: 91.467vw;
    font-size: 4.267vw;
    line-height: 5.867vw;
    height: 13.333vw;
    text-transform: uppercase;
    color: #1a1a1a;
    margin-top: 52.267vw;
    cursor: pointer;
  }

  .page_banner .page-button.trade-button {
    margin-top: 66.933vw;
  }

  .page_banner .page-button.cred-button {
    margin-top: 62.333vw;
  }

  .page_banner .banner-img-1200,
  .page_banner .banner-img-1920 {
    display: none;
  }

  .page_banner .banner-img-600 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
  }

  .page_banner .banner-img-600 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .page_banner .persent-banner {
    position: absolute;
    top: 46.667vw;
    left: 4.533vw;
    color: #fff;
    font-size: 5.333vw;
  }

  .page_banner .persent-banner .big {
    font-weight: 900;
    font-size: 29.333vw;
    line-height: 29.333vw;
  }

  .page_banner .persent-banner .little {
    font-weight: 900;
    font-size: 16vw;
    line-height: 17.333vw;
  }

  .change-auto {
    background: #fff;
    padding: 9.333vw 0 11.733vw 0;
  }

  .change-auto .title {
    font-size: 8vw;
    line-height: 10.133vw;
    padding-bottom: 9.6vw;
  }

  .change-auto .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .change-auto .steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 9.6vw;
    margin-bottom: 8vw;
  }

  .change-auto .steps .background-step {
    position: relative;
    width: 91.467vw;
    height: 52vw;
    border-radius: 5.333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -o-linear-gradient(
        346.62deg,
        #671578 -23.88%,
        #404267 41.9%,
        #4499a2 91.64%
      ),
      #440d54;
    background: linear-gradient(
        103.38deg,
        #671578 -23.88%,
        #404267 41.9%,
        #4499a2 91.64%
      ),
      #440d54;
  }

  .change-auto .steps .content-step {
    background: #fff;
    -webkit-backdrop-filter: blur(1.331vw);
    backdrop-filter: blur(1.331vw);
    border-radius: 5.335vw;
    width: 90.4vw;
    height: 50.933vw;
    padding: 10.667vw 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.933vw;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .change-auto .steps .step-title {
    font-size: 5.333vw;
    line-height: 6.4vw;
  }

  .change-auto .steps .step-title br {
    display: none;
  }

  .change-auto .steps .step-text {
    width: 74.667vw;
    font-weight: 500;
    font-size: 4.267vw;
    line-height: 6.4vw;
  }

  .change-auto .steps .number-step {
    position: absolute;
    width: 69.867vw;
    height: 10.667vw;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -o-linear-gradient(
        346.62deg,
        #671578 -23.88%,
        #404267 41.9%,
        #4499a2 91.64%
      ),
      #440d54;
    background: linear-gradient(
        103.38deg,
        #671578 -23.88%,
        #404267 41.9%,
        #4499a2 91.64%
      ),
      #440d54;
    border-radius: 53.334vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 4.267vw;
    line-height: 6.4vw;
    text-transform: uppercase;
    color: #fff;
  }

  .change-auto .separator-step {
    width: 6.933vw;
    height: 2.935vw;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: -5.12vw;
  }

  .change-auto .separator-step img {
    width: 100%;
  }

  .change-auto .button-steps {
    background: #eec16a;
    -webkit-box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.799vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.799vw rgba(0, 0, 0, 0.1);
    border-radius: 2.666vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 91.467vw;
    height: 13.333vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3.733vw 8.533vw 4.267vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 4.267vw;
    line-height: 5.867vw;
    text-transform: uppercase;
    color: #1a1a1a;
  }

  .no-webp .benefits_trade-in {
    background: url(../img/600/trade-in-ben600.png);
  }

  .benefits_trade-in {
    background-repeat: no-repeat;
    background-size: cover!important;
  }

  .benefits_trade-in .content {
    padding: 11.2vw 0 13.333vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10.667vw;
  }

  .benefits_trade-in .title {
    font-size: 8vw;
    line-height: 10.133vw;
  }

  .benefits_trade-in .benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 5.333vw;
  }

  .benefits_trade-in .benefits-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.333vw;
  }

  .benefits_trade-in .benefits-item {
    background: #f1f4f7;
    border-radius: 9.333vw;
    position: relative;
    width: 91.467vw;
    height: 34.667vw;
    padding: 3.733vw 5.867vw 0 28.003vw;
  }

  .benefits_trade-in .benefits-item-square {
    width: 18.667vw;
    height: 18.667vw;
    border-radius: 50%;
    position: absolute;
    left: 5.333vw;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .benefits_trade-in .benefits-item-square img {
    width: 100%;
  }

  .benefits_trade-in .benefits-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.133vw;
  }

  .benefits_trade-in .benefits-item-title {
    font-size: 5.333vw;
    line-height: 5.333vw;
  }

  .benefits_trade-in .benefits-item-text {
    font-size: 3.733vw;
    line-height: 5.333vw;
  }

  .documents-change-trade-in {
    background: #f1f4f7;
    padding: 11.2vw 0 21.333vw 0;
  }

  .documents-change-trade-in .title {
    font-size: 8vw;
    line-height: 10.133vw;
    padding-bottom: 14.667vw;
    text-align: center;
  }

  .documents-change-trade-in .documetns-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 18.4vw;
  }

  .documents-change-trade-in .list-item {
    position: relative;
    background: #fff;
    -webkit-backdrop-filter: blur(1.331vw);
    backdrop-filter: blur(1.331vw);
    border-radius: 5.333vw;
    padding: 18.667vw 0 0 0;
    width: 91.467vw;
    height: 42.667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .documents-change-trade-in .name-documents {
    width: 69.867vw;
    font-size: 5.333vw;
    line-height: 7.467vw;
  }

  .documents-change-trade-in .name-documents br {
    display: none;
  }

  .documents-change-trade-in .lisi-item-number {
    position: absolute;
    top: 0;
    left: 50%;
    width: 28.801vw;
    height: 28.801vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 8.533vw;
    line-height: 10.667vw;
    text-transform: uppercase;
    color: #fff;
    background: -o-linear-gradient(
      339.16deg,
      #671578 7.97%,
      #404267 52.12%,
      #4499a2 85.51%
    );
    background: linear-gradient(
      110.84deg,
      #671578 7.97%,
      #404267 52.12%,
      #4499a2 85.51%
    );
    border: 3.998vw solid #f1f4f7;
    border-radius: 53.398vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .documents-change-trade-in .button {
    margin-top: 10.666vw;
    width: 91.467vw;
    height: 13.333vw;
    background: #eec16a;
    -webkit-box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.799vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.799vw rgba(0, 0, 0, 0.1);
    border-radius: 2.666vw;
    font-size: 4.267vw;
    line-height: 5.867vw;
  }

  .favorit-page {
    padding: 11.2vw 0 19.733vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .favorit-page .all_auto-title {
    font-size: 8vw;
    line-height: 10.133vw;
    padding-bottom: 8.533vw;
    border-bottom: 0.266vw solid #d9d9d9;
  }

  .favorit-page .all_auto-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }

  .favorit-page .all_auto-filter .filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8.533vw 0;
    gap: 5.335vw;
  }

  .favorit-page .all_auto-filter .sort {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.803vw;
    line-height: 6.134vw;
    color: #010334;
    padding: 0 10.666vw 0 8.003vw;
    position: relative;
    cursor: pointer;
  }

  .no-webp .favorit-page .all_auto-filter .sort::before {
    background-image: url(../img/sort-icon.png);
  }

  .favorit-page .all_auto-filter .sort::before {
    content: "";
    width: 5.335vw;
    height: 5.335vw;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: cover;
    background-repeat: no-repeat;
  }

  .favorit-page .all_auto-filter .sort-item {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.266vw;
    line-height: 6.933vw;
    color: #010334;
    cursor: pointer;
  }

  .favorit-page .all_auto-filter .sort-item.active {
    font-weight: 700;
  }

  .favorit-page .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 5.333vw;
  }

  .favorit-page .auto_item {
    width: 91.187vw;
    overflow: hidden;
    background: #fff;
    border: 0.266vw solid #ccdaff;
    border-radius: 2.666vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .favorit-page .auto_item:hover {
    border: 0.266vw solid #a6beff;
    -webkit-box-shadow: 0 0.533vw 3.465vw rgba(25, 1, 52, 0.15);
    box-shadow: 0 0.533vw 3.465vw rgba(25, 1, 52, 0.15);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .favorit-page .little_slider {
    height: 46.133vw;
    position: relative;
  }

  .favorit-page .little_slider .little_slider-item {
    width: 891.467vw;
    height: 46.133vw;
    position: relative;
  }

  .favorit-page .little_slider .little_slider-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .favorit-page .little_slider .slick-list {
    overflow: hidden;
  }

  .favorit-page .little_slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .favorit-page .little_slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.666vw;
    position: absolute;
    bottom: 4.53vw;
    z-index: 10;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .favorit-page .little_slider .slick-dots li {
    list-style: none;
  }

  .favorit-page .little_slider .slick-dots li button {
    font-size: 0;
    width: 1.065vw;
    height: 1.065vw;
    background: #d9d9d9;
    border-radius: 1.065vw;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .favorit-page .little_slider .slick-dots li.slick-active button {
    font-size: 0;
    width: 7.465vw;
    height: 1.065vw;
    background: #010334;
    border-radius: 1.065vw;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .favorit-page .auto_info {
    margin: 5.335vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.177vw;
    position: relative;
  }

  .favorit-page .auto_info .auto_name {
    font-size: 4.267vw;
    line-height: 5.333vw;
  }

  .favorit-page .auto_info .model {
    font-weight: 700;
  }

  .favorit-page .auto_info .auto_description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.333vw;
    font-size: 3.733vw;
    line-height: 4.8vw;
  }

  .favorit-page .auto_info .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .favorit-page .auto_info .new_price {
    font-size: 6.4vw;
    line-height: 8vw;
  }

  .favorit-page .auto_info .old_price {
    font-size: 4.267vw;
    line-height: 5.333vw;
  }

  .favorit-page .auto_info .button {
    border: 0.266vw solid #eec16a;
    border-radius: 2.666vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.666vw 0;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 4.266vw;
    line-height: 6.4vw;
    text-transform: uppercase;
    color: #eec16a;
  }

  .favorit-page .auto_info .how_much {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 3.734vw;
    line-height: 4.803vw;
    color: #585b79;
  }

  .favorit-page .auto_info .in_stok {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 3.734vw;
    line-height: 4.803vw;
    color: #4cb050;
    position: absolute;
    right: 0;
    top: 0;
  }

  .favorit-page .wish_icon {
    width: 6.4vw;
    height: 6.4vw;
    position: absolute;
    top: 2.666vw;
    right: 2.666vw;
    cursor: pointer;
  }

  .favorit-page .wish_icon svg {
    width: 100%;
  }

  .favorit-page .button_more {
    width: 123.734vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4.803vw 0 5.335vw 0;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 5.335vw;
    line-height: 5.867vw;
    text-transform: uppercase;
    color: #1a1a1a;
    background: #eec16a;
    -webkit-box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.799vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.799vw rgba(0, 0, 0, 0.1);
    border-radius: 2.666vw;
    cursor: pointer;
  }

  .auto-card-block {
    padding: 8.003vw 0 18.133vw 0;
  }

  .auto-card-block .breadscrumbs {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.266vw;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #abafbc;
    display: flex;
    gap: 1.331vw;
  }

  .auto-card-block .breadscrumbs .home {
    width: 4.266vw;
    height: 4.266vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .auto-card-block .breadscrumbs .home img {
    width: 3.201vw;
    height: 3.201vw;
  }

  .auto-card-block .breadscrumbs span {
    color: #585b79;
  }

  .auto-card-block .auto-name {
    padding: 9.333vw 0 6.933vw 0;
    width: 91.2vw;
    font-size: 4.8vw;
    line-height: 6.133vw;
  }

  .auto-card-block .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7.999vw;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .auto-card-block .auto-card-slider-item {
    width: 91.2vw;
    height: 49.867vw;
    border-radius: 2.667vw;
    overflow: hidden;
  }

  .auto-card-block .auto-card-slider-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .auto-card-block .auto-card-left {
    width: 91.2vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.666vw;
    position: relative;
  }

  .auto-card-block .auto-card-left .auto-card-slider {
    width: 100%;
        border-radius: 2.6666666666666665vw;
    overflow: hidden;
  }

  .auto-card-block .auto-card-left .auto-card-slider img {
    width: 100%;
  }

  .auto-card-block .auto-card-left .slick-list {
    overflow: hidden;
  }

  .auto-card-block .auto-card-left .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .auto-card-block .auto-card-left .auto-description {
    gap: 4vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .auto-card-block .auto-card-left .block-deskr {
    width: 91.467vw;
    height: 37.333vw;
    background: #f1f4f7;
    border-radius: 2.666vw;
    padding: 4.267vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.2vw;
  }

  .auto-card-block .auto-card-left .deskr-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .auto-card-block .auto-card-left .deskr-item .left {
    font-size: 3.733vw;
    line-height: 4.8vw;
  }

  .auto-card-block .auto-card-left .deskr-item .right {
    font-size: 3.733vw;
    line-height: 4.8vw;
  }

  .auto-card-block .auto-card-right {
    width: 91.467vw;
    height: 139.467vw;
    border-radius: 2.666vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -o-linear-gradient(
      354.48deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    );
    background: linear-gradient(
      95.52deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    );
  }

  .auto-card-block .auto-order {
    width: 90.4vw;
    height: 138.4vw;
    border-radius: 2.666vw;
    background: #fff;
    padding: 4.533vw 5.6vw 0 5.6vw;
  }

  .auto-card-block .auto-order .auto-order-content {
    position: relative;
  }

  .auto-card-block .auto-order .first-pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.065vw;
    padding-bottom: 5.333vw;
  }

  .auto-card-block .auto-order .first-pay .title {
    font-size: 3.2vw;
    line-height: 4vw;
  }

  .auto-card-block .auto-order .first-pay .how-much {
    font-size: 6.4vw;
    line-height: 8vw;
    gap: 2.666vw;
  }

  .auto-card-block .auto-order .all-pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.065vw;
    padding-bottom: 5.333vw;
    position: static;
  }

  .auto-card-block .auto-order .all-pay .title {
    font-size: 3.2vw;
    line-height: 4vw;
  }

  .auto-card-block .auto-order .all-pay .how-much {
    font-size: 6.4vw;
    line-height: 8vw;
  }

  .auto-card-block .auto-order .all-price-auto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.065vw;
    padding-bottom: 6.4vw;
  }

  .auto-card-block .auto-order .all-price-auto .title {
    font-size: 3.2vw;
    line-height: 4vw;
  }

  .auto-card-block .auto-order .all-price-auto .new-price {
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 6.4vw;
    line-height: 8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.666vw;
    background: -o-linear-gradient(
      353.03deg,
      #440551 -8.52%,
      #631279 -0.67%,
      #404267 68.68%,
      #3c7a80 99.19%,
      #3c7a80 99.19%
    );
    background: linear-gradient(
      96.97deg,
      #440551 -8.52%,
      #631279 -0.67%,
      #404267 68.68%,
      #3c7a80 99.19%,
      #3c7a80 99.19%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }

  .auto-card-block .auto-order .all-price-auto .old-price {
    font-size: 4.8vw;
    line-height: 6.133vw;
  }

  .auto-card-block .auto-order .all-price-auto .in-credit {
    font-size: 3.733vw;
    line-height: 4.8vw;
  }

  .auto-card-block .auto-order .byu-in-credit {
    cursor: pointer;
    background: #eec16a;
    -webkit-box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.799vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.266vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.266vw 0.799vw rgba(0, 0, 0, 0.1);
    border-radius: 2.666vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80.267vw;
    height: 13.333vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 4.267vw;
    line-height: 5.867vw;
    text-align: center;
    text-transform: uppercase;
    color: #010334;
    margin-bottom: 4.266vw;
  }

  .auto-card-block .auto-order .trade-in-button {
    cursor: pointer;
    border: 0.266vw solid #010334;
    -webkit-filter: drop-shadow(0 0.266vw 0.533vw rgba(0, 0, 0, 0.06))
      drop-shadow(0 0.266vw 0.799vw rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 0.266vw 0.533vw rgba(0, 0, 0, 0.06))
      drop-shadow(0 0.266vw 0.799vw rgba(0, 0, 0, 0.1));
    border-radius: 2.666vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 4.267vw;
    line-height: 5.867vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    color: #010334;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 6.4vw;
    width: 80.267vw;
    height: 13.333vw;
    position: static;
  }

  .auto-card-block .auto-order .auto-stock {
    font-size: 5.333vw;
    line-height: 6.933vw;
  }

  .auto-card-block .auto-order .auto-stock .adress {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 3.733vw;
    line-height: 5.867vw;
    color: #abafbc;
    padding-left: 5.335vw;
    position: relative;
    margin-top: 3.2vw;
    margin-bottom: 2.666vw;
  }

  .no-webp .auto-card-block .auto-order .auto-stock .adress::before {
    background-image: url(../img/card-location.png);
  }

  .auto-card-block .auto-order .auto-stock .adress::before {
    content: "";
    position: absolute;
    width: 3.734vw;
    height: 4.266vw;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .auto-card-block .auto-order .auto-stock .time {
    font-size: 3.733vw;
    line-height: 5.867vw;
    color: #abafbc;
    padding-left: 5.335vw;
    position: relative;
  }

  .no-webp .auto-card-block .auto-order .auto-stock .time::before {
    background-image: url(../img/card-clock.png);
  }

  .auto-card-block .auto-order .auto-stock .time::before {
    content: "";
    position: absolute;
    width: 3.84vw;
    height: 3.84vw;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .auto-card-block .auto-order .favorite {
    position: absolute;
    top: 0;
    right: 5.333vw;
    width: 6.4vw;
    height: 6.4vw;
    cursor: pointer;
  }

  .auto-card-block .auto-order .favorite svg {
    width: 100%;
  }

  .auto-card-block .auto-card-slider-little {
    display: none !important;
    opacity: 0;
    visibility: hidden;
  }

  .complectation-auto {
    padding: 11.466vw 0 18.667vw 0;
  }

  .complectation-auto .content {
    gap: 9.333vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .complectation-auto .title {
    font-size: 8vw;
    line-height: 10.133vw;
  }

  .complectation-auto .complectation-items {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: auto;
    row-gap: 4vw;
    -webkit-column-gap: 4vw;
    -moz-column-gap: 4vw;
    column-gap: 4vw;
  }

  .complectation-auto .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    width: 91.467vw;
    border: 0.267vw solid #abafbc;
    border-radius: 1.6vw;
    padding: 8vw 2.667vw 2.667vw 8vw;
  }

  .complectation-auto .item-title {
    font-size: 4.8vw;
    line-height: 5.867vw;
    position: relative;
  }

  .complectation-auto .item-title img {
    display: inline;
    width: 6.4vw;
    height: 6.4vw;
    position: absolute;
    right: 5.333vw;
    top: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .complectation-auto .item-title img.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .complectation-auto .item-list {
    gap: 1.333vw;
    font-size: 3.733vw;
    grid-template-columns: 1fr;
    line-height: 5.867vw;
    overflow: hidden;
    opacity: 0;
    height: 0;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding-top: 4vw;
  }

  .complectation-auto .item-list.active {
    overflow: visible;
    opacity: 1;
    height: auto;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .complectation-auto .item-list li {
    position: relative;
    padding-left: 1.335vw;
    font-size: 3.733vw;
    line-height: 5.867vw;
  }

  .complectation-auto .item-list li::before {
    content: "";
    position: absolute;
    width: 2.402vw;
    height: 2.402vw;
    left: -4vw;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-radius: 50%;
    background: -o-linear-gradient(
      339.16deg,
      #671578 7.97%,
      #404267 52.12%,
      #4499a2 85.51%
    );
    background: linear-gradient(
      110.84deg,
      #671578 7.97%,
      #404267 52.12%,
      #4499a2 85.51%
    );
  }

  .otzyvy {
    padding: 20.799vw 0 26.401vw 0;
  }

  .otzyvy .title {
    font-size: 8vw;
    line-height: 10.133vw;
    padding-bottom: 13.333vw;
  }

  .get-autocredit {
    padding: 13.333vw 0 13.533vw 0;
    background: #f1f4f7;
  }

  .get-autocredit .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }

 .get-autocredit .title {
    font-size: 8vw;
    line-height: 10.133vw;
    padding-bottom: 0;
}

  .get-autocredit .form-autocredit {
    width: 91.733vw;
  }

  .get-autocredit .form-text {
    font-size: 5.333vw;
    line-height: 6.667vw;
    text-align: center;
  }

  .get-autocredit .text-about {
    display: none;
  }

  .form-autocredit .chose-auto-block {
    padding-top: 8.534vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4vw;
  }

  .no-webp .form-autocredit .select-input-block select {
    background-image: url(../img/cheveron-down.png);
  }

  .form-autocredit .select-input-block select {
    width: 91.453vw;
    height: 13.333vw;
    background: #fff;
    border-radius: 2.666vw;
    padding-left: 5.335vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.266vw;
    line-height: 6.933vw;
    color: #abafbc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 5.333vw;
    background-position: 95%;
  }

  .form-autocredit .select-input-block.block-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4vw;
  }

  .no-webp .form-autocredit .select-input-block.block-one select {
    background-image: url(../img/cheveron-down.png);
  }

  .form-autocredit .select-input-block.block-one select {
    width: 91.453vw;
    height: 13.333vw;
    background: #fff;
    border-radius: 2.666vw;
    padding-left: 5.335vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.266vw;
    line-height: 6.933vw;
    color: #abafbc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 5.333vw;
    background-position: 95%;
  }

  .form-autocredit .calc-auto-block {
    padding-top: 6.333vw;
  }

  .form-autocredit .content {
    width: 100%;
  }

  .form-autocredit .credit-calc {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4vw;
    padding-top: 8.534vw;
  }

  .form-autocredit .form-for-credit.for-autocredit {
    padding-top: 13.333vw;
  }

  .form-autocredit .form-for-credit.for-autocredit .hidden-600 {
    display: none;
  }

  .form-autocredit .form-for-credit.for-autocredit .form-subtitle600,
  .form-autocredit .form-for-credit.for-autocredit .form-text-600 {
    display: block;
  }

  .form-autocredit .form-for-credit.for-autocredit .form-text-600 {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 5.333vw;
    line-height: 6.667vw;
    text-align: center;
    color: #1a1a1a;
  }

  .form-autocredit .form-for-credit.for-autocredit .form-subtitle600 {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.133vw;
    text-align: center;
    color: #010334;
    padding-top: 4vw;
  }

  .form-autocredit .form-for-credit.for-autocredit .block-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .form-autocredit
    .form-for-credit.for-autocredit
    .block-input.input-for-autocredit {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 77.333vw;
    row-gap: 4vw;
    -webkit-column-gap: 6.4vw;
    -moz-column-gap: 6.4vw;
    column-gap: 6.4vw;
    margin-top: 8.534vw;
  }

  .form-autocredit .form-for-credit.for-autocredit .input-date,
  .form-autocredit .form-for-credit.for-autocredit .input-name,
  .form-autocredit .form-for-credit.for-autocredit .input-sity,
  .form-autocredit .form-for-credit.for-autocredit .input-tel {
    background: #fff;
    border-radius: 2.666vw;
    width: 91.453vw;
    height: 13.333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }


  .form-autocredit .form-for-credit.for-autocredit .input-date input,
  .form-autocredit .form-for-credit.for-autocredit .input-name input,
  .form-autocredit .form-for-credit.for-autocredit .input-sity input,
  .form-autocredit .form-for-credit.for-autocredit .input-tel input {
    background: #fff;
    border-radius: 2.666vw;
    width: 91.453vw;
    height: 13.333vw;
    padding-left: 4vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.266vw;
    line-height: 6.933vw;
    color: #010334;
  }
      .form-autocredit .form-for-credit.for-autocredit .input-sity.four select{
background: #fff;
    border-radius: 2.666vw;
    width: 91.453vw;
    height: 13.333vw;
    padding-left: 4vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.266vw;
    line-height: 6.933vw;
     color: #b1b1b3;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 4vw;
    background-position: 95%;
    background-image: url(../img/cheveron-down.webp);
}

  .form-autocredit
    .form-for-credit.for-autocredit
    .input-date
    input::-webkit-input-placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-name
    input::-webkit-input-placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-sity
    input::-webkit-input-placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-tel
    input::-webkit-input-placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
  }

  .form-autocredit
    .form-for-credit.for-autocredit
    .input-date
    input::-moz-placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-name
    input::-moz-placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-sity
    input::-moz-placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-tel
    input::-moz-placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
  }

  .form-autocredit
    .form-for-credit.for-autocredit
    .input-date
    input:-ms-input-placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-name
    input:-ms-input-placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-sity
    input:-ms-input-placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-tel
    input:-ms-input-placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
  }

  .form-autocredit
    .form-for-credit.for-autocredit
    .input-date
    input::-ms-input-placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-name
    input::-ms-input-placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-sity
    input::-ms-input-placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-tel
    input::-ms-input-placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
  }

  .form-autocredit
    .form-for-credit.for-autocredit
    .input-date
    input::placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-name
    input::placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-sity
    input::placeholder,
  .form-autocredit
    .form-for-credit.for-autocredit
    .input-tel
    input::placeholder {
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
  }

  .form-autocredit .form-for-credit.for-autocredit .input-name {
    position: relative;
  }

  .no-webp
    .form-autocredit
    .form-for-credit.for-autocredit
    .input-name::before {
    background-image: url(../img/fio.png);
  }

  .form-autocredit .form-for-credit.for-autocredit .input-name::before {
    content: "";
    width: 4.267vw;
    height: 4.8vw;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 5.333vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
  }

  .form-autocredit .form-for-credit.for-autocredit .input-tel {
    position: relative;
  }

  .no-webp .form-autocredit .form-for-credit.for-autocredit .input-tel::before {
    background-image: url(../img/telinput.png);
  }

  .form-autocredit .form-for-credit.for-autocredit .input-tel::before {
    content: "";
    width: 4.267vw;
    height: 4.8vw;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 5.333vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
  }

  .form-autocredit .form-for-credit.for-autocredit .button-sub button {
    width: 91.467vw;
    height: 13.333vw;
    font-size: 4.267vw;
    line-height: 5.867vw;
  }

  .form-autocredit .block {
    width: 100%;
  }

  .form-autocredit .flex-container.for-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .form-autocredit .flex-container h5 {
    font-size: 3.2vw;
    line-height: 4vw;
  }

  .form-autocredit .flex-container .per {
    font-size: 3.2vw;
    line-height: 120%;
  }

  .form-autocredit .flex-container h6 {
    font-size: 6.4vw;
    line-height: 120%;
  }

  .form-autocredit .val-summ {
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-size: 10.666vw;
    line-height: 13.333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1a1a1a;
  }

  .form-autocredit input[type="range"] {
    width: 100%;
    height: 0.799vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2.666vw;

  }

  .form-autocredit input[type="range"]::-webkit-slider-runnable-track {
    height: 0.799vw;
    border-radius: 2.666vw;
    background: 0 0;
  }

  .form-autocredit input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 5.335vw;
    height: 3.998vw;
    background: #eec16a;
    border: 0.266vw solid #fff;
    border-radius: 6.4vw;
    cursor: pointer;
    margin-top: -1.868vw;
    margin-left: 0vw;
  }

  .form-autocredit input[type="range"]::-webkit-slider-thumb:hover {
    border: 0.533vw solid gray;
  }

  .credit-calc-block {
    padding: 20.001vw 0;
  }

  .credit-calc-block .content {
    border-radius: 2.666vw;
    padding: 10.934vw 4.267vw;
    gap: 9.333vw;
    width: 100%;
  }

  .credit-calc-block .for-range {
    padding-top: 2.666vw;
  }

  .credit-calc-block .title {
    font-size: 8vw;
    line-height: 10.133vw;
  }

  .credit-calc-block .title br {
    display: block;
  }

  .credit-calc-block .name-auto {
    font-size: 5.333vw;
    line-height: 7.467vw;
  }

  .credit-calc-block .credit-calc {
    gap: 7.999vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .credit-calc-block .left {
    width: 91.467vw;
    gap: 5.333vw;
  }

  .credit-calc-block .left .flex-container h5 {
    font-size: 3.2vw;
    line-height: 4vw;
    padding-bottom: 2.666vw;
  }

  .credit-calc-block .left .flex-container .per {
    font-size: 3.2vw;
    line-height: 120%;
  }

  .credit-calc-block .left .flex-container h6 {
    font-size: 6.4vw;
    line-height: 120%;
    padding-bottom: 2.666vw;
  }

  .credit-calc-block .left .val-summ {
    font-size: 6.4vw;
    line-height: 120%;
  }

  .credit-calc-block .right {
    width: 91.468vw;
    height: 78.667vw;
    border-radius: 2.666vw;
    margin-top: -2.666vw;
  }

  .credit-calc-block .right.info-pay-right {
    width: 91.467vw;
    height: 60.8vw;
  }

 .credit-calc-block .right .info-pay {
    width: 90.401vw;
    height: 77.6vw;
    border-radius: 2.666vw;
    background: #fff;
    padding: 8.533vw 0 8.533vw 9.333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    gap: 5.337vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

  .credit-calc-block .right .info-pay.info-pay-kard {
    width: 90.4vw;
    height: 59.733vw;
  }

  .credit-calc-block .right .info-pay-block {
    width: 100%;
    gap: 8vw;
    position: relative;
  }

  .credit-calc-block .right .info-pay-block:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .credit-calc-block .right .item {
    width: 61.067vw;
  }

  .credit-calc-block .right .title-range {
    font-size: 3.2vw;
    line-height: 4vw;
  }

  .credit-calc-block .right .persent {
    font-size: 6.4vw;
    line-height: 8vw;
  }

  .credit-calc-block .right .summ {
    font-size: 6.4vw;
    line-height: 8vw;
  }

  .credit-calc-block .right .yeahr {
    font-size: 6.4vw;
    line-height: 8vw;
  }

  .credit-calc-block .right .economy {
    font-weight: 700;
    font-size: 4.267vw;
    line-height: 6.667vw;
    background: -o-linear-gradient(
      344.58deg,
      #671578 9.76%,
      #404267 45.62%,
      #4499a2 72.73%
    );
    background: linear-gradient(
      105.42deg,
      #671578 9.76%,
      #404267 45.62%,
      #4499a2 72.73%
    );
    left: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    background: linear-gradient(
      105.42deg,
      #671578 9.76%,
      #404267 45.62%,
      #4499a2 72.73%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }

  .credit-calc-block input[type="range"] {
    width: 100%;
    height: 0.799vw;
    border-radius: 2.666vw;
  }

  .credit-calc-block input[type="range"]::-webkit-slider-runnable-track {
    height: 0.799vw;
    border-radius: 2.666vw;
  }

  .credit-calc-block input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 5.335vw;
    height: 3.998vw;
    background: #eec16a;
    border: 0.266vw solid #fff;
    border-radius: 6.4vw;
    cursor: pointer;
    margin-top: -1.868vw;
    margin-left: 0vw;
  }

  .credit-calc-block input[type="range"]::-webkit-slider-thumb:hover {
    border: 0.533vw solid gray;
  }

  .credit-calc-block .checkbox__text {
    padding: 0 0 0 10.134vw;
  }

  .credit-calc-block .checkbox__text:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    width: 5.335vw;
    height: 5.335vw;
    border-radius: 0.741vw;
    border: 0.266vw solid #eec16a;
  }

  .credit-calc-block .checkbox__text:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 2.666vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.666vw;
    height: 2.666vw;
    border-radius: 0.426vw;
  }

  .all-form form,
  .form-for-credit form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8vw;
  }

  .all-form .title-form,
  .form-for-credit .title-form {
    font-size: 5.333vw;
    line-height: 6.667vw;
    text-align: center;
  }

  .all-form .subtitle-form,
  .form-for-credit .subtitle-form {
    font-size: 4.267vw;
    line-height: 6.133vw;
    padding-bottom: 4vw;
  }

  .all-form form,
  .form-for-credit form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8.533vw;
  }

  .all-form .block-input,
  .form-for-credit .block-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4vw;
  }

  .no-webp .all-form .input-name input,
  .no-webp .form-for-credit .input-name input {
    background-image: url(../img/fio.png);
  }

  .all-form .input input,
  .form-for-credit .input input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.4vw 5.333vw 2.4vw 10.333vw;
    width: 91.467vw;
    height: 13.333vw;
    background: #f1f4f7;
    border-radius: 2.667vw;
    background-repeat: no-repeat;
    background-position: 5.333vw center;
    background-size: 4.267vw 4.8vw;
    position: relative;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #010334;
  }

  .all-form .input input::-webkit-input-placeholder,
  .form-for-credit .input input::-webkit-input-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 13.333vw;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .all-form .input input::-moz-placeholder,
  .form-for-credit .input input::-moz-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 13.333vw;
    transform: translate(0, -50%);
  }

  .all-form .input input:-ms-input-placeholder,
  .form-for-credit .input input:-ms-input-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 13.333vw;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .all-form .input-name input::-ms-input-placeholder,
  .form-for-credit .input input::-ms-input-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 13.333vw;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .all-form .input input::placeholder,
  .form-for-credit .input input::placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 13.333vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .no-webp .all-form .input-tel input,
  .no-webp .form-for-credit .input-tel input {
    background-image: url(../img/telinput.png);
  }

  .all-form .input-tel input,
  .form-for-credit .input-tel input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.4vw 5.333vw 2.4vw 10.333vw;
    width: 91.467vw;
    height: 13.333vw;
    background: #f1f4f7;
    border-radius: 2.667vw;
    background-repeat: no-repeat;
    background-position: 5.333vw center;
    background-size: 4.8vw 4.8vw;
    position: relative;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #010334;
  }

  .all-form .input-tel input::-webkit-input-placeholder,
  .form-for-credit .input-tel input::-webkit-input-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 13.333vw;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .all-form .input-tel input::-moz-placeholder,
  .form-for-credit .input-tel input::-moz-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 13.333vw;
    transform: translate(0, -50%);
  }

  .all-form .input-tel input:-ms-input-placeholder,
  .form-for-credit .input-tel input:-ms-input-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 13.333vw;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .all-form .input-tel input::-ms-input-placeholder,
  .form-for-credit .input-tel input::-ms-input-placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 13.333vw;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .all-form .input-tel input::placeholder,
  .form-for-credit .input-tel input::placeholder {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
    position: absolute;
    top: 50%;
    left: 13.333vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .all-form .button-sub button,.all-form .button-sub input,
  .form-for-credit .button-sub button,.form-for-credit .button-sub input ,.form-autocredit .form-for-credit.for-autocredit .button-sub input{
    width: 91.467vw;
    height: 13.333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #eec16a;
    -webkit-box-shadow: 0 0.267vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.267vw 0.8vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.267vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.267vw 0.8vw rgba(0, 0, 0, 0.1);
    border-radius: 2.667vw;
    font-weight: 800;
    font-size: 4.267vw;
    line-height: 5.867vw;
    margin-top: 0;
  }

  .all-form .button-sub button:hover,.all-form .button-sub input:hover,
  .form-for-credit .button-sub button:hover,.form-for-credit .button-sub input:hover {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background: #fbd07c;
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.391vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.391vw rgba(0, 0, 0, 0.1);
  }

  .all-form .agree-input label,
  .form-for-credit .agree-input label {
    gap: 4.803vw;
    font-size: 4.266vw;
    line-height: 7.199vw;
  }

  .all-form .checkbox input,
  .form-for-credit .checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }

  .all-form .checkbox__text,
  .form-for-credit .checkbox__text {
    position: relative;
    padding: 0 0 0 10.134vw;
    cursor: pointer;
  }

  .all-form .checkbox__text:before,
  .form-for-credit .checkbox__text:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    width: 5.335vw;
    height: 5.335vw;
    border-radius: 0.741vw;
    border: 0.266vw solid #eec16a;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }

  .all-form .checkbox__text:after,
  .form-for-credit .checkbox__text:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 2.666vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.666vw;
    height: 2.666vw;
    background: #eec16a;
    opacity: 0;
    border-radius: 0.426vw;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .all-form .checkbox input:checked + .checkbox__text:before,
  .form-for-credit .checkbox input:checked + .checkbox__text:before {
    background: 0 0;
  }

  .all-form .checkbox input:checked + .checkbox__text:after,
  .form-for-credit .checkbox input:checked + .checkbox__text:after {
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .trade-in-block-main {
    padding: 13.333vw 0 0 0;
  }

  .trade-in-block-main .trade-in-content {
    width: 100%;
  }

  .trade-in-block-main form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0;
  }

  .trade-in-block-main form .left-part {
    width: 91.467vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4vw;
  }

  .trade-in-block-main form .select-input-text {
    width: 91.467vw;
    font-family: Mulish;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 3.733vw;
    line-height: 5.333vw;
    color: #010334;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .trade-in-block-main .first-block {
    border-radius: 1.302vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 9.375vw 6.51vw 6.51vw 6.51vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .trade-in-block-main .title-block {
    font-size: 8vw;
    line-height: 10.133vw;
    padding-bottom: 9.6vw;
  }

  .trade-in-block-main .steps {
    width: 70.4vw;
    height: 10.133vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.667vw;
    padding-bottom: 20.267vw;
  }

  .trade-in-block-main .steps .step-sircle {
    border: 0.383vw solid #a2a8bd;
    border-radius: 12.267vw;
    width: 10.133vw;
    height: 10.133vw;
    font-weight: 600;
    font-size: 4.8vw;
    line-height: 6.133vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #a2a8bd;
  }

  .trade-in-block-main .steps .step-sircle.active {
    background: -o-linear-gradient(
        353.03deg,
        #440551 -8.52%,
        #631279 -0.67%,
        #404267 68.68%,
        #3c7a80 99.19%,
        #3c7a80 99.19%
      ),
      #fff;
    background: linear-gradient(
        96.97deg,
        #440551 -8.52%,
        #631279 -0.67%,
        #404267 68.68%,
        #3c7a80 99.19%,
        #3c7a80 99.19%
      ),
      #fff;
    border-radius: 12.267vw;
    color: #fff;
  }

  .trade-in-block-main .steps .step-sircle .text-sirsle {
    position: absolute;
    top: 12.552vw;
    font-size: 3.2vw;
    line-height: 120%;
    width: 25.333vw;
  }

  .trade-in-block-main .steps .step-sircle .text-sirsle.active {
    font-size: 3.2vw;
    line-height: 120%;
  }

  .trade-in-block-main .steps .circle-line {
    width: 12.267vw;
    height: 0.26vw;
    background-color: rgba(171, 175, 188, 0.3);
  }

  .trade-in-block-main .steps .circle-line.active {
    background: -o-linear-gradient(
        354.48deg,
        #440551 0.7%,
        #404267 55.29%,
        #3c7a80 99.34%,
        #3c7a80 99.34%
      ),
      #fff;
    background: linear-gradient(
        95.52deg,
        #440551 0.7%,
        #404267 55.29%,
        #3c7a80 99.34%,
        #3c7a80 99.34%
      ),
      #fff;
  }

  .trade-in-block-main .select-input-block {
    margin-bottom: 0.65vw;
    width: 91.467vw;
    height: 13.333vw;
  }

  .no-webp .trade-in-block-main .select-input-block select {
    background-image: url(../img/cheveron-down.png);
  }

  .trade-in-block-main .select-input-block select {
    background: #f1f4f7;
    height: 13.333vw;
    padding: 0 2.605vw;
    border-radius: 2.667vw;
    font-size: 4.267vw;
    line-height: 6.933vw;
    color: #abafbc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 5.333vw;
    background-position: 95%;
  }

  .trade-in-block-main .right-part {
    width: 91.467vw;
    height: 45.333vw;
    border-radius: 2.667vw;
  }

  .trade-in-block-main .right-part img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    border-radius: 1.302vw;
  }

  .trade-in-block-main .trade-form-btn {
    -webkit-box-shadow: 0 0.267vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.267vw 0.8vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.267vw 0.533vw rgba(0, 0, 0, 0.06),
      0 0.267vw 0.8vw rgba(0, 0, 0, 0.1);
    border-radius: 2.667vw;
    width: 91.467vw;
    height: 13.333vw;
    font-size: 4.267vw;
    line-height: 5.867vw;
  }

  .trade-in-block-main .trade-form-btn:hover {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background: #fbd07c;
    -webkit-box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
      0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.052vw 0.104vw rgba(0, 0, 0, 0.06),
      0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  }

  .development {
    height:auto;
    border-top: none;
  }

  .development a {

  }

  .development a img {
    width: 8vw;
  }

  .development a span {
    font-size: 2.933vw;
    line-height: 3.2vw;
  }

  .footer {
    background: -o-linear-gradient(
      346.62deg,
      #671578 -23.88%,
      #404267 41.9%,
      #4499a2 91.64%
    );
    background: linear-gradient(
      103.38deg,
      #671578 -23.88%,
      #404267 41.9%,
      #4499a2 91.64%
    );
    -webkit-backdrop-filter: blur(1.331vw);
    backdrop-filter: blur(1.331vw);
  }

  .footer .content {
    padding: 13.333vw 0 0 0;
  }

  .footer .footer-top {
    padding-bottom: 8.533vw;
    border-bottom: 0.266vw solid rgba(255, 255, 255, 0.1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8.533vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer .block_logo {
    gap: 6.133vw;
  }

  .footer .footer_logo {
    width: 29.334vw;
    height: 10.666vw;
    margin-left: 10.667vw;
  }

  .footer .footer_logo img {
    width: 100%;
  }

  .footer .footer_tel {
    gap: 1.331vw;
  }

  .footer .tel {
    font-size: 4.803vw;
    line-height: 6.933vw;
    padding-left: 7.465vw;
  }

  .no-webp .footer .tel::before {
    background-image: url(../img/footer-tel.png);
  }

  .footer .tel::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 4.803vw;
    height: 4.803vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
  }

  .footer .mail {
    font-size: 4.803vw;
    line-height: 6.933vw;
    position: relative;
    padding-left: 7.465vw;
  }

  .no-webp .footer .mail::before {
    background-image: url(../img/footer-mail.png);
  }

  .footer .mail::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 5.069vw;
    height: 3.998vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }

  .footer .block_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4.266vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4.266vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer .blocks:first-child a:first-child {
    display: block;
  }

  .footer .page_link {
    color: #fff;
    font-size: 4.266vw;
    line-height: 6.933vw;
    font-weight: 600;
  }

  .footer .block_contacts {
    gap: 5.333vw;
    width: 91.467vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer .contacts {
    gap: 1.331vw;
  }

  .footer .adress {
    font-size: 3.734vw;
    line-height: 6.933vw;
    color: #fff;
    position: relative;
    padding-left: 7.465vw;
  }

  .no-webp .footer .adress::before {
    background-image: url(../img/footer-adress.png);
  }

  .footer .adress::before {
    content: "";
    position: absolute;
    width: 3.734vw;
    height: 4.266vw;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }

  .footer .time {
    font-size: 3.734vw;
    line-height: 6.933vw;
    color: #fff;
    position: relative;
    padding-left: 7.465vw;
  }

  .no-webp .footer .time::before {
    background-image: url(../img/footer-clock.png);
  }

  .footer .time::before {
    content: "";
    position: absolute;
    width: 4.803vw;
    height: 4.803vw;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }

  .footer .footer_button {
    width: 91.467vw;
    height: 13.333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #eec16a;
    border-radius: 2.134vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 4.266vw;
    line-height: 5.867vw;
    color: #1a1a1a;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .footer .footer_button:hover {
    background: #fbd07c;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0 0.043vw 0.086vw rgba(0, 0, 0, 0.06),
      0 0.043vw 0.127vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.043vw 0.086vw rgba(0, 0, 0, 0.06),
      0 0.043vw 0.127vw rgba(0, 0, 0, 0.1);
    color: #1a1a1a;
  }

  .footer .footer-down {
    padding: 7.465vw 0 6.933vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer .footer-down .text-down {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.266vw;
    line-height: 6.933vw;
    color: #fff;
    opacity: 0.5;
  }

  .popup-form {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(0.26vw);
    backdrop-filter: blur(0.26vw);
    top: 0;
    left: 0;
    z-index: 12000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .popup-form:target {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .popup-form .popup-body {
    min-width: 100%;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .popup-form .popup-content {
    width: 92vw;
    height: 171.2vw;
    background-image: none;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 1.302vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -o-linear-gradient(
      346.62deg,
      #671578 -23.88%,
      #404267 41.9%,
      #4499a2 91.64%
    );
    background: linear-gradient(
      103.38deg,
      #671578 -23.88%,
      #404267 41.9%,
      #4499a2 91.64%
    );
  }

  .popup-form .popup_close {
    width: 4.167vw;
    height: 4.167vw;
    display: block;
    position: absolute;
    top: 4.167vw;
    right: 4.167vw;
    cursor: pointer;
  }

  .popup-form .popup_close img {
    width: 100%;
  }

  .popup-form .content-colback {
    width: 81.867vw;
  }

  .popup-form .title-form {
    text-transform: uppercase;
    color: #fff;
    font-size: 6.4vw;
    line-height: 8vw;
  }

  .popup-form .subtitle-form {
    font-size: 4.267vw;
    line-height: 6.133vw;
    color: #fff;
    width: 100%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .popup-form .block-input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .popup-form .input-name {
    width: 81.867vw;
  }

  .popup-form .input-name input {
    width: 100%;
  }

  .popup-form .input-tel {
    width: 81.867vw;
  }

  .popup-form .input-tel input {
    width: 100%;
  }

  .popup-form .button-sub {
    width: 81.867vw;
  }

  .popup-form .button-sub button,.popup-form .button-sub input  {
    width: 100%;
  }

  .popup-form .agree-input {
    width: 81.867vw;
  }

  .popup-form .checkbox__text {
    color: #fff;
  }

  .popup-form .model-for-credit {
    font-family: Mulish;
    font-style: normal;
    font-size: 4.8vw;
    line-height: 6.4vw;
    text-align: center;
    color: #fff;
    width: 75.52vw;
    padding-bottom: 3.255vw;
  }

  .popup-form.popup-for-successful.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .popup-form.popup-for-successful .popup-content {
    width: 91.733vw;
    height: 93.6vw;
    background-image: none;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 1.302vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -o-linear-gradient(
        346.62deg,
        #671578 -23.88%,
        #404267 41.9%,
        #4499a2 91.64%
      ),
      #fff;
    background: linear-gradient(
        103.38deg,
        #671578 -23.88%,
        #404267 41.9%,
        #4499a2 91.64%
      ),
      #fff;
    border-radius: 2.667vw;
  }

  .popup-form.popup-for-successful .title-form {
    text-transform: uppercase;
    color: #fff;
    font-size: 5.333vw;
    line-height: 6.667vw;
    width: 80vw;
  }

  .popup-form.popup-for-successful .content-colback {
    width: 85.333vw;
  }

  .popup-form.popup-for-successful .subtitle-form {
    width: 80vw;
  }

  .popup-form.popup-for-successful .back-to-main {
    width: 83.733vw;
    height: 13.333vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    font-weight: 800;
    font-size: 4.267vw;
    line-height: 5.867vw;
    text-transform: uppercase;
    color: #1a1a1a;
    background: #eec16a;
    -webkit-box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.13vw 0.26vw rgba(0, 0, 0, 0.06),
      0 0.13vw 0.39vw rgba(0, 0, 0, 0.1);
    border-radius: 1.302vw;
  }

  .popup-form.popup-for-trade-in .popup-content {
    width: 92.188vw;
    height: 95vh;
    background: #fff;
    border-radius: 1.302vw;
    overflow-y: scroll;
  }

  .popup-form.popup-for-trade-in .content-colback {
    width: 92.188vw;
  }

  .popup-form.popup-for-trade-in form {
    width: 92.188vw;
    padding: 6.51vw;
  }

  .popup-form.popup-for-trade-in .form-autocredit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 380vw;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .popup-form.popup-for-trade-in .form-autocredit .chose-auto-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .popup-form.popup-for-trade-in .title-form {
    font-size: 5.333vw;
    line-height: 6.667vw;
    padding-bottom: 3.908vw;
  }

  .popup-form.popup-for-trade-in .model-for-credit {
    font-size: 4.8vw;
    line-height: 7.467vw;
  }

  .popup-form.popup-for-trade-in .form-text {
    font-size: 5.333vw;
    line-height: 6.667vw;
    padding-bottom: 2.345vw;
  }

  .popup-form.popup-for-trade-in .subtitle-form {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 4.8vw;
    line-height: 6.933vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    color: #010334;
    width: auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .popup-form.popup-for-trade-in .input-marka input,
  .popup-form.popup-for-trade-in .input-model input,
  .popup-form.popup-for-trade-in .input-probeg input,
  .popup-form.popup-for-trade-in .input-yahre input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.173vw 2.605vw;
    width: 76.643vw;
    height: 13.333vw;
    background: #f1f4f7;
    border-radius: 1.302vw;
    color: #1a1a1a;
        font-size: 4.265vw;
    font-family: 'Mulish';
    font-style: normal;
    line-height: 6.933vw;
  }

  .popup-form.popup-for-trade-in .select-input-block.block-one {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .popup-form.popup-for-trade-in .form-for-credit.for-autocredit .block-input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-for-autocredit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 32vw;
    margin-top: 0;
    margin-bottom: 4.298vw;
  }

  .popup-form.popup-for-trade-in .form-for-credit.for-autocredit .input-name {
    width: 76.643vw;
    height: 13.333vw;
  }

  .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-name::before {
    background-image: url(../img/fio.png);
  }

  .no-webp
    .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-name
    input {
    background-image: none;
  }

  .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-name
    input {
    width: 76.643vw;
    height: 13.333vw;
    background: #f1f4f7;
    border-radius: 1.302vw;
    background-repeat: no-repeat;
    background-position: 2.605vw center;
    background-size: 2.605vw;
    position: relative;
  }

  .popup-form.popup-for-trade-in .form-for-credit.for-autocredit .input-tel {
    width: 76.643vw;
    height: 13.333vw;
  }

  .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-tel::before {
    background-image: none;
  }

  .no-webp
    .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-tel
    input {
    background-image: url(../img/telinput.png);
  }

  .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-tel
    input {
    width: 76.643vw;
    height: 13.333vw;
    background: #f1f4f7;
    border-radius: 1.302vw;
    background-repeat: no-repeat;
    background-position: 2.605vw center;
    background-size: 2.605vw;
  }

  .popup-form.popup-for-trade-in .form-for-credit.for-autocredit .button-sub {
    width: 79.427vw;
  }

  .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .button-sub
    button {
    width: 79.427vw;
  }

  .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .checkbox__text {
    color: #010334;
  }

  .popup-form.popup-user-agrement .popup-content-agrement {
    width: 92.188vw;
    height: 95.323vh;
    background: #fff;
    border-radius: 1.302vw;
    overflow-y: scroll;
    position: relative;
    padding: 7.813vw 6.25vw 3.255vw 6.25vw;
  }

  .popup-form.popup-user-agrement .user-agrement-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.908vw;
  }

  .popup-form.popup-user-agrement .big-title {
    padding-bottom: 3.908vw;
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 3.125vw;
    line-height: 3.908vw;
    text-align: center;
    text-transform: uppercase;
    color: #1a1a1a;
  }

  .popup-form.popup-user-agrement .title {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-size: 2.605vw;
    line-height: 3.385vw;
    color: #1a1a1a;
  }

  .popup-form.popup-user-agrement .punkts {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 2.345vw;
    line-height: 3.385vw;
    color: #000;
  }

  .popup-form.popup-user-agrement ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.302vw;
  }

  .popup-form.popup-user-agrement li {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 2.345vw;
    line-height: 3.385vw;
    color: #000;
    padding-left: 1.952vw;
    position: relative;
  }

  .popup-form.popup-user-agrement li::before {
    content: "";
    width: 1.042vw;
    height: 1.042vw;
    border-radius: 50%;
    background-color: #eec16a;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.webp .header .header__top {
  background-image: url(../img/topBG.webp);
}

.webp .header .header__adress::before {
  background-image: url(../img/adressbef.webp);
}

.webp .header .header__adress:hover::before {
  background-image: url(../img/adressbefyellow.webp);
}

.webp .slider {
  background: url(../img/firstBanner.webp);
}

.webp .slider .block_one {
  background-image: url(../img/Wordmark1.webp);
}

.webp .slider .block_two {
  background-image: url(../img/Wordmark2.webp);
}

.webp .slider .block_three {
  background-image: url(../img/Wordmark3.webp);
}

.webp .slider .slick-arrow.slick-prev {
  background: url(../img/Arrow_Left.webp);
}

.webp .slider .slick-arrow.slick-prev:hover {
  background: url(../img/hoverleft.webp);
}

.webp .slider .slick-arrow.slick-next {
  background: url(../img/Arrow_Right.webp);
}

.webp .slider .slick-arrow.slick-next:hover {
  background: url(../img/hoverright.webp);
}

.webp .all_auto .all_auto-filter .select_item {
  background-image: url(../img/cheveron-down.webp);
}

.webp .all-banks {
  background-image: url(../img/bankoBG.webp);
}

.webp .all-banks .bank-item:nth-child(1) {
  background-image: url(../img/bank1.webp);
}

.webp .all-banks .bank-item:nth-child(2) {
  background-image: url(../img/bank2.webp);
}

.webp .all-banks .bank-item:nth-child(3) {
  background-image: url(../img/bank3.webp);
}

.webp .all-banks .bank-item:nth-child(4) {
  background-image: url(../img/bank4.webp);
}

.webp .all-banks .bank-item:nth-child(5) {
  background-image: url(../img/bank5.webp);
}

.webp .all-banks .bank-item:nth-child(6) {
  background-image: url(../img/bank6.webp);
}

.webp .all-banks .bank-item:nth-child(7) {
  background-image: url(../img/bank7.webp);
}

.webp .all-banks .bank-item:nth-child(8) {
  background-image: url(../img/bank8.webp);
}

.webp .all-banks .bank-item:nth-child(9) {
  background-image: url(../img/bank9.webp);
}

.webp .all-banks .bank-item:nth-child(10) {
  background-image: url(../img/bank10.webp);
}

.webp .all-banks .bank-item:nth-child(11) {
  background-image: url(../img/bank11.webp);
}

.webp .all-banks .bank-item:nth-child(12) {
  background-image: url(../img/bank12.webp);
}

.webp .map .content {
  background-image: url(../img/bg-adress.webp);
}

.webp .map .little-text.time::before {
  background-image: url(../img/clock-icon.webp);
}

.webp .map .little-text.phone::before {
  background-image: url(../img/tel-icon.webp);
}

.webp .benefits_trade-in {
  background: url(../img/benefit-trade-in.webp);
}

.webp .favorit-page .all_auto-filter .sort::before {
  background-image: url(../img/sort-icon.webp);
}

.webp .auto-card-block .auto-order .auto-stock .adress::before {
  background-image: url(../img/card-location.webp);
}

.webp .auto-card-block .auto-order .auto-stock .time::before {
  background-image: url(../img/card-clock.webp);
}

.webp .auto-card-block .auto-card-slider-little .slick-arrow.slick-prev {
  background: url(../img/Arrow_Left.webp);
}

.webp .auto-card-block .auto-card-slider-little .slick-arrow.slick-next {
  background: url(../img/Arrow_Right.webp);
}

.webp .otzyvy .slick-arrow.slick-prev {
  background: url(../img/auto-left.webp);
}

.webp .otzyvy .slick-arrow.slick-next {
  background: url(../img/auto-right.webp);
}

.webp .form-autocredit .select-input-block select {
  background-image: url(../img/cheveron-down.webp);
}

.webp .form-autocredit .select-input-block.block-one select {
  background-image: url(../img/cheveron-down.webp);
}

.webp .all-form .input-name input,
.webp .form-for-credit .input-name input {
  background-image: url(../img/fio.webp);
}

.webp .all-form .input-tel input,
.webp .form-for-credit .input-tel input {
  background-image: url(../img/telinput.webp);
}

.webp .trade-in-block-main .select-input-block select {
  background-image: url(../img/cheveron-down.webp);
}

.webp .footer .tel::before {
  background-image: url(../img/footer-tel.webp);
}

.webp .footer .mail::before {
  background-image: url(../img/footer-mail.webp);
}

.webp .footer .adress::before {
  background-image: url(../img/footer-adress.webp);
}

.webp .footer .time::before {
  background-image: url(../img/footer-clock.webp);
}

.webp .popup-form .popup-content {
  background-image: url(../img/popapbg.webp);
}

.webp .popup-form.popup-for-successful .popup-content {
  background-image: url(../img/succsessbg.webp);
}

.webp
  .popup-form.popup-for-trade-in
  .form-for-credit.for-autocredit
  .input-name
  input {
  background-image: url(../img/fio.webp);
}

.webp
  .popup-form.popup-for-trade-in
  .form-for-credit.for-autocredit
  .input-tel
  input {
  background-image: url(../img/telinput.webp);
}

@media only screen and (max-width: 1200px) {
  .webp .header .header__top {
    background-image: url(../img/1200/TopLine1200.webp);
  }
  .webp .slider {
    background: linear-gradient(
      95.52deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    );
  }
}

@media only screen and (max-width: 1200px) {
  .webp .header .burger-contacts .tel::before {
    background: url(../img/1200/phone-burger.webp);
    background-size: contain;
  }
}

@media only screen and (max-width: 1200px) {
  .webp .header .burger-contacts .mail::before {
    background: url(../img/1200/mail-burger.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .slider .block_one {
    background-image: url(../img/1200/Wordmark12001.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .slider .block_two {
    background-image: url(../img/1200/Wordmark12002.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .slider .block_three {
    background-image: url(../img/1200/Wordmark12003.webp);
  }
}
@media only screen and (max-width: 600px) {
  .webp .slider .block_one {
    background-image: none;
  }
  .webp .slider {
    background: linear-gradient(
      95.52deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    );
  }
}

@media only screen and (max-width: 600px) {
  .webp .slider .block_two {
    background-image: none;
  }
}

@media only screen and (max-width: 600px) {
  .webp .slider .block_three {
    background-image: none;
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all_auto .all_auto-filter .select_item {
    background-image: url(../img/cheveron-down.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-banks {
    background-image: url(../img/1200/bank1200.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-banks .bank-item:nth-child(1) {
    background-image: url(../img/bank1.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-banks .bank-item:nth-child(2) {
    background-image: url(../img/bank2.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-banks .bank-item:nth-child(3) {
    background-image: url(../img/bank3.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-banks .bank-item:nth-child(4) {
    background-image: url(../img/bank4.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-banks .bank-item:nth-child(5) {
    background-image: url(../img/bank5.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-banks .bank-item:nth-child(6) {
    background-image: url(../img/bank6.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-banks .bank-item:nth-child(7) {
    background-image: url(../img/bank7.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-banks .bank-item:nth-child(8) {
    background-image: url(../img/bank8.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-banks .bank-item:nth-child(9) {
    background-image: url(../img/bank9.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-banks .bank-item:nth-child(10) {
    background-image: url(../img/bank10.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-banks .bank-item:nth-child(11) {
    background-image: url(../img/bank11.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-banks .bank-item:nth-child(12) {
    background-image: url(../img/bank12.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .map .content {
    background-image: url(../img/bg-adress.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .map .little-text.time::before {
    background-image: url(../img/clock-icon.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .map .little-text.phone::before {
    background-image: url(../img/tel-icon.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .benefits_trade-in {
    background: url(../img/1200/bgTrade-in1200.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .favorit-page .all_auto-filter .sort::before {
    background-image: url(../img/sort-icon.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .auto-card-block .auto-order .auto-stock .adress::before {
    background-image: url(../img/card-location.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .auto-card-block .auto-order .auto-stock .time::before {
    background-image: url(../img/card-clock.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .auto-card-block .auto-card-slider-little .slick-arrow.slick-prev {
    background: url(../img/Arrow_Left.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .auto-card-block .auto-card-slider-little .slick-arrow.slick-next {
    background: url(../img/Arrow_Right.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .form-autocredit .select-input-block select {
    background-image: url(../img/cheveron-down.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .form-autocredit .select-input-block.block-one select {
    background-image: url(../img/cheveron-down.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-form .input-name input,
  .webp .form-for-credit .input-name input {
    background-image: url(../img/fio.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .all-form .input-tel input,
  .webp .form-for-credit .input-tel input {
    background-image: url(../img/telinput.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .trade-in-block-main .select-input-block select {
    background-image: url(../img/cheveron-down.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .footer .tel::before {
    background-image: url(../img/footer-tel.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .footer .mail::before {
    background-image: url(../img/footer-mail.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .footer .adress::before {
    background-image: url(../img/footer-adress.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .footer .time::before {
    background-image: url(../img/footer-clock.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp .popup-form .popup-content {
    background-image: none;
    background: linear-gradient(
      95.52deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    );
  }
}

@media only screen and (max-width: 1200px) {
  .webp .popup-form.popup-for-successful .popup-content {
    background-image: url(../img/1200/popupsucc1200.webp);
        background-position: center;
    background-size: contain;
  }
}

@media only screen and (max-width: 1200px) {
  .webp
    .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-name
    input {
    background-image: url(../img/fio.webp);
  }
}

@media only screen and (max-width: 1200px) {
  .webp
    .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-tel
    input {
    background-image: url(../img/telinput.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .header .header__button a {
    background-image: url(../img/tel-icon.webp);
  }
}
@media only screen and (max-width: 600px) {
  .webp .popup-form.popup-for-successful .popup-content {
    background-image: none;
    background: linear-gradient(
      95.52deg,
      #440551 0.7%,
      #404267 55.29%,
      #3c7a80 99.34%,
      #3c7a80 99.34%
    );
  }
}
@media only screen and (max-width: 600px) {
  .webp .header .menu-burger-icon {
    background-image: url(../img/600/burger600.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all_auto .all_auto-filter .select_item {
    background-image: url(../img/cheveron-down.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-banks {
    background-image: url(../img/600/bgbanks.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-banks .bank-item:nth-child(1) {
    background-image: url(../img/bank1.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-banks .bank-item:nth-child(2) {
    background-image: url(../img/bank2.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-banks .bank-item:nth-child(3) {
    background-image: url(../img/bank3.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-banks .bank-item:nth-child(4) {
    background-image: url(../img/bank4.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-banks .bank-item:nth-child(5) {
    background-image: url(../img/bank5.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-banks .bank-item:nth-child(6) {
    background-image: url(../img/bank6.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-banks .bank-item:nth-child(7) {
    background-image: url(../img/bank7.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-banks .bank-item:nth-child(8) {
    background-image: url(../img/bank8.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-banks .bank-item:nth-child(9) {
    background-image: url(../img/bank9.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-banks .bank-item:nth-child(10) {
    background-image: url(../img/bank10.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-banks .bank-item:nth-child(11) {
    background-image: url(../img/bank11.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-banks .bank-item:nth-child(12) {
    background-image: url(../img/bank12.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .map .content {
    background-image: url(../img/bg-adress.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .map .little-text.time::before {
    background-image: url(../img/clock-icon.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .map .little-text.phone::before {
    background-image: url(../img/tel-icon.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .benefits_trade-in {
    background: url(../img/600/trade-in-ben600.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .favorit-page .all_auto-filter .sort::before {
    background-image: url(../img/sort-icon.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .auto-card-block .auto-order .auto-stock .adress::before {
    background-image: url(../img/card-location.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .auto-card-block .auto-order .auto-stock .time::before {
    background-image: url(../img/card-clock.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .form-autocredit .select-input-block select {
    background-image: url(../img/cheveron-down.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .form-autocredit .select-input-block.block-one select {
    background-image: url(../img/cheveron-down.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .form-autocredit .form-for-credit.for-autocredit .input-name::before {
    background-image: url(../img/fio.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .form-autocredit .form-for-credit.for-autocredit .input-tel::before {
    background-image: url(../img/telinput.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-form .input-name input,
  .webp .form-for-credit .input-name input {
    background-image: url(../img/fio.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .all-form .input-tel input,
  .webp .form-for-credit .input-tel input {
    background-image: url(../img/telinput.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .trade-in-block-main .select-input-block select {
    background-image: url(../img/cheveron-down.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .footer .tel::before {
    background-image: url(../img/footer-tel.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .footer .mail::before {
    background-image: url(../img/footer-mail.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .footer .adress::before {
    background-image: url(../img/footer-adress.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp .footer .time::before {
    background-image: url(../img/footer-clock.webp);
  }
}

@media only screen and (max-width: 600px) {
  .webp
    .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-name
    input {
    background-image: none;
  }
}

@media only screen and (max-width: 600px) {
  .webp
    .popup-form.popup-for-trade-in
    .form-for-credit.for-autocredit
    .input-tel
    input {
    background-image: none;
  }
}