@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
* {
  margin: 0;
  padding: 0;
  line-height: 1;
  box-sizing: border-box;
}
html {
  font-size: 16px;
}
body {
  margin: 0;
}

.cl-section {
  margin: 0 auto !important;
  padding: 80px 60px !important;
  box-sizing: border-box !important;
  background: #fff !important;
}
@media all and (max-width: 1200px) {
  .cl-section {
    padding: 40px 20px !important;
  }
}

.section-container {
  max-width: initial !important;
  margin: initial !important;
  padding: initial !important;
}

/*Advantages section*/
.cl-advantages__container {
  display: flex;
  column-gap: 48px;
}
@media all and (max-width: 1200px) {
  .cl-advantages__container {
    column-gap: 24px;
  }
}
@media all and (max-width: 992px) {
  .cl-advantages__container {
    flex-direction: column;
    row-gap: 24px;
  }
}
.cl-advantages__col_left {
  min-width: 47.272727272%;
  max-width: 47.272727272%;
  background: #f8f8f8;
  border-radius: 24px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}
@media all and (max-width: 1200px) {
  .cl-advantages__col_left {
    padding: 24px;
    row-gap: 40px;
  }
}
@media all and (max-width: 992px) {
  .cl-advantages__col_left {
    min-width: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 640px) {
  .cl-advantages__col_left {
    row-gap: 24px;
  }
}
.cl-advantages__col_right {
  background-image: url("../img/hyndai.jpeg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  flex-grow: 1;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media all and (max-width: 992px) {
  .cl-advantages__col_right {
    row-gap: 100px;
  }
}
.cl-advantages__col_right-top {
  width: 57.561728395%;
  border-bottom-right-radius: 24px;
  position: relative;
}
@media all and (max-width: 992px) {
  .cl-advantages__col_right-top {
    width: 40%;
  }
}
.cl-advantages__col_right-top::before {
  position: absolute;
  left: 0;
  top: 100%;
  content: "";
  width: 3rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: transparent;
  -webkit-box-shadow: -1.5rem -1.5rem 0 #fff;
  box-shadow: -1.5rem -1.5rem 0 #fff;
}
.cl-advantages__col_right-top::after {
  position: absolute;
  left: 100%;
  top: 0;
  content: "";
  width: 3rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: transparent;
  -webkit-box-shadow: -1.5rem -1.5rem 0 #fff;
  box-shadow: -1.5rem -1.5rem 0 #fff;
}
.cl-advantages__col_right-top-wrapper {
  height: 0;
  padding-bottom: 96.514745308%;
  background: #fff;
  position: relative;
  border-bottom-right-radius: 24px;
}
@media all and (max-width: 992px) {
  .cl-advantages__col_right-top-wrapper {
    padding-bottom: 100%;
  }
}
.cl-advantages__col_right-top-wrapper-content {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.cl-advantages__col_right-top-wrapper-content img {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 24px);
  height: calc(100% - 31px);
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
}
@media all and (max-width: 540px) {
  .cl-advantages__col_right-top-wrapper-content img {
    width: calc(100% - 12px);
    height: calc(100% - 12px);
  }
}
.cl-advantages__col_right-bottom {
  align-self: flex-end;
  padding: 24px 24px 0;
  background: #fff;
  border-top-left-radius: 24px;
  position: relative;
}
@media all and (max-width: 1200px) {
  .cl-advantages__col_right-bottom {
    padding-right: 0;
  }
}
@media all and (max-width: 540px) {
  .cl-advantages__col_right-bottom {
    border-top-left-radius: 0;
    width: 100%;
    padding-left: 0;
  }
}
.cl-advantages__col_right-bottom::before {
  position: absolute;
  right: 100%;
  bottom: 0;
  content: "";
  width: 3rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: transparent;
  -webkit-box-shadow: -1.5rem -1.5rem 0 #fff;
  box-shadow: -1.5rem -1.5rem 0 #fff;
  rotate: 180deg;
  pointer-events: none;
}
@media all and (max-width: 540px) {
  .cl-advantages__col_right-bottom::before {
    rotate: 270deg;
    left: 0;
    bottom: 100%;
  }
}
.cl-advantages__col_right-bottom::after {
  position: absolute;
  right: 0;
  bottom: 100%;
  content: "";
  width: 3rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: transparent;
  -webkit-box-shadow: -1.5rem -1.5rem 0 #fff;
  box-shadow: -1.5rem -1.5rem 0 #fff;
  rotate: 180deg;
  pointer-events: none;
}
.cl-advantages__info {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
}
@media all and (max-width: 640px) {
  .cl-advantages__info {
    row-gap: 24px;
  }
}
.cl-advantages__title {
  font-size: 40px;
  color: #414042;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}
@media all and (max-width: 640px) {
  .cl-advantages__title {
    font-size: 32px;
  }
}
@media all and (max-width: 480px) {
  .cl-advantages__title {
    font-size: 24px;
  }
}
.cl-advantages__description {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 2%;
  color: #797779;
}
.cl-advantages__advantages {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px;
}
@media all and (max-width: 1200px) {
  .cl-advantages__advantages {
    gap: 24px;
  }
}
@media all and (max-width: 480px) {
  .cl-advantages__advantages {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.cl-advantages__advantage {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media all and (max-width: 640px) {
  .cl-advantages__advantage {
    row-gap: 12px;
  }
}
.cl-advantages__advantage-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #414042;
  display: flex;
  align-items: center;
  column-gap: 12px;
}
.cl-advantages__advantage-title::before {
  content: url("../img/circle-check-solid.svg");
  line-height: 0;
}
.cl-advantages__advantage-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 2%;
  color: #797779;
}

/*Now data section*/
.now-data__container {
  background-image: url("../img/now-data-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 80px !important;
  border-radius: 24px;
  overflow: hidden;
}
@media all and (max-width: 1200px) {
  .now-data__container {
    padding: 80px 40px !important;
  }
}
@media all and (max-width: 992px) {
  .now-data__container {
    flex-direction: column;
    row-gap: 24px;
  }
}
@media all and (max-width: 640px) {
  .now-data__container {
    padding: 40px 20px !important;
  }
}
.now-data__title {
  min-width: 30.431034482%;
  max-width: 30.431034482%;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 40px;
  color: #fff;
}
@media all and (max-width: 1200px) {
  .now-data__title {
    font-size: 32px;
  }
}
@media all and (max-width: 992px) {
  .now-data__title {
    min-width: unset;
    max-width: 100%;
  }
}
@media all and (max-width: 480px) {
  .now-data__title {
    font-size: 24px;
  }
}
.now-data__counters {
  display: flex;
  column-gap: 24px;
}
@media all and (max-width: 640px) {
  .now-data__counters {
    flex-direction: column;
    row-gap: 24px;
  }
}
.now-data__counter {
  border-radius: 24px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
  min-width: 203px;
}
@media all and (max-width: 1200px) {
  .now-data__counter {
    min-width: unset;
  }
}
@media all and (max-width: 640px) {
  .now-data__counter {
    background: rgba(255, 255, 255, 0.2);
  }
}
@media all and (max-width: 480px) {
  .now-data__counter {
    padding: 12px;
    row-gap: 12px;
  }
}
.now-data__counter-number {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 40px;
  color: #fff;
}
@media all and (max-width: 480px) {
  .now-data__counter-number {
    font-size: 24px;
  }
}
.now-data__counter-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 2%;
  color: #fff;
}

/*Services section*/
.cl-services {
  background: #fff;
}
.cl-services__container {
  display: flex;
  flex-direction: column;
  row-gap: 60px;
}
.cl-services__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media all and (max-width: 992px) {
  .cl-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media all and (max-width: 640px) {
  .cl-services__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.cl-services__grid-item {
  padding-top: 60px;
  position: relative;
  transition-duration: 0.3s;
}
.cl-services__grid-item-icon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 120px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cl-services__grid-item-info {
  height: 100%;
  padding: 84px 24px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
  background: #f8f8f8;
  border-radius: 24px;
  transition-duration: 0.3s;
}
.cl-services__grid-item-info-title {
  padding: 0 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  color: #414042;
  transition-duration: 0.3s;
}
.cl-services__grid-item-info-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 2%;
  text-align: center;
  color: #bcb8bb;
}
.cl-services__grid-item:hover {
  transition-duration: 0.3s;
  box-shadow: 0 50px 40px 10px #f8f8f8;
}
.cl-services__grid-item:hover .cl-services__grid-item-info-title {
  color: #2f58cd;
}
.cl-services__grid-item:hover .cl-services__grid-item-info {
  background: #fff;
}
.cl-services__info {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  row-gap: 24px;
}
.cl-services__info-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 40px;
  text-align: center;
  color: #414042;
}
@media all and (max-width: 480px) {
  .cl-services__info-title {
    font-size: 24px;
  }
}
.cl-services__info-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #bcb8bb;
}
.cl-services__btn {
  display: flex;
  justify-content: center;
}

/*Popular questions*/
.cl-faq__container {
  display: flex;
  column-gap: 48px;
}
@media all and (max-width: 768px) {
  .cl-faq__container {
    flex-direction: column;
    row-gap: 48px;
  }
}
.cl-faq__title {
  min-width: 51.080246913%;
  max-width: 51.080246913%;
  background: #fff;
  border-bottom-right-radius: 24px;
  padding: 24px;
  box-sizing: border-box;
  position: relative;
}
@media all and (max-width: 1200px) {
  .cl-faq__title {
    min-width: 75%;
    max-width: 75%;
  }
}
.cl-faq__title::before {
  position: absolute;
  top: 100%;
  left: 0;
  content: "";
  width: 3rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: transparent;
  -webkit-box-shadow: -1.5rem -1.5rem 0 #fff;
  box-shadow: -1.5rem -1.5rem 0 #fff;
  pointer-events: none;
}
.cl-faq__title::after {
  position: absolute;
  left: 100%;
  top: 0;
  content: "";
  width: 3rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: transparent;
  -webkit-box-shadow: -1.5rem -1.5rem 0 #fff;
  box-shadow: -1.5rem -1.5rem 0 #fff;
  pointer-events: none;
}
.cl-faq__title h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 40px;
  font-weight: 600;
  color: #414042;
}
@media all and (max-width: 640px) {
  .cl-faq__title h2 {
    font-size: 32px;
  }
}
@media all and (max-width: 480px) {
  .cl-faq__title h2 {
    font-size: 24px;
  }
}
.cl-faq__col_left {
  min-width: 49.09090909%;
  max-width: 49.09090909%;
  background-image: url("../img/faq-bg.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 24px;
}
@media all and (max-width: 768px) {
  .cl-faq__col_left {
    min-width: 100%;
    max-width: 100%;
    min-height: 400px;
  }
}
.cl-faq__col_right {
  flex-grow: 1;
}
.cl-faq__accordion {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.cl-faq__accordion-item-title {
  border-radius: 24px;
  border: 1px solid #f3f2f3;
  padding: 24px;
  column-gap: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  line-height: 160%;
  font-weight: 500;
  color: #414042;
  background: #f8f8f8;
  transition-duration: 0.3s, 0.3s, 0s;
  transition-delay: 0s, 0s, 0.3s;
  transition-property: background-color, color, border-radius;
}
.cl-faq__accordion-item-title::after {
  content: url("../img/faq-acc.svg");
  line-height: 0;
  transition-duration: 0.3s;
  transition-property: all;
}
.cl-faq__accordion-item-title:hover {
  cursor: pointer;
  background: #2f58cd;
  border-color: #2f58cd;
  color: #fff;
}
.cl-faq__accordion-item-title:hover::after {
  content: url("../img/faq-acc-active.svg");
}
.cl-faq__accordion-item-title_active {
  background: #2f58cd;
  border-color: #2f58cd;
  color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transition-duration: 0.3s, 0.3s, 0s;
  transition-delay: 0s, 0s, 0s;
  transition-property: background-color, color, border-radius;
}
.cl-faq__accordion-item-title_active::after {
  content: url("../img/faq-acc-active.svg");
  transform: rotateZ(180deg);
}
.cl-faq__accordion-item-content {
  display: none;
  padding: 0 24px 24px;
  background: #2f58cd;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 2%;
  font-weight: 500;
  color: #fff;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

/*Landing slider*/
.landing-slider {
  background: #f8f8f8;
}
.landing-slider__wrapper {
  padding: 80px 40px;
  margin: 0 auto;
  overflow: hidden;
}
@media all and (max-width: 1200px) {
  .landing-slider__wrapper {
    padding: 40px 0;
  }
}
.landing-slider__slogan {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  letter-spacing: 2%;
  font-weight: 500;
  color: #797779;
  margin-top: 7px;
}
@media all and (max-width: 640px) {
  .landing-slider__slogan {
    text-align: center;
  }
}
.landing-slider__slider_guarantee {
  padding: 24px;
}
@media all and (max-width: 768px) {
  .landing-slider__slider_guarantee {
    padding: 0;
  }
}
.landing-slider__slider_guarantee .swiper-slide__guarantee {
  height: auto;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  background: #fff;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid #F2F5FE;
  transition-duration: 0.3s;
  transition-property: all;
}
@media all and (max-width: 640px) {
  .landing-slider__slider_guarantee .swiper-slide__guarantee {
    background: #F2F5FE;
  }
}
.landing-slider__slider_guarantee .swiper-slide__guarantee-head {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.landing-slider__slider_guarantee .swiper-slide__guarantee-head-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #2F58CD;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 0.3s;
  transition-property: all;
}
.landing-slider__slider_guarantee .swiper-slide__guarantee-head-icon img {
  line-height: 0;
  transition-duration: 0.3s;
  transition-property: all;
}
.landing-slider__slider_guarantee .swiper-slide__guarantee-head-title {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  line-height: 140%;
  font-weight: 600;
  color: #414042;
  transition-duration: 0.3s;
  transition-property: all;
}
.landing-slider__slider_guarantee .swiper-slide__guarantee-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 2%;
  color: #797779;
  transition-duration: 0.3s;
  transition-property: all;
}
.landing-slider__slider_guarantee .swiper-slide__guarantee-btn {
  align-self: flex-start;
  border-radius: 12px;
  border: 1px solid #2F58CD;
  padding: 16px 32px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 2%;
  color: #2F58CD;
  transition-duration: 0.3s;
  transition-property: all;
}
.landing-slider__slider_guarantee .swiper-slide__guarantee:hover {
  background: #2f58cd;
}
.landing-slider__slider_guarantee .swiper-slide__guarantee:hover .swiper-slide__guarantee-head-icon {
  background: #fff;
}
.landing-slider__slider_guarantee .swiper-slide__guarantee:hover .swiper-slide__guarantee-head-icon img {
  filter: brightness(0) saturate(100%) invert(31%) sepia(20%) saturate(6082%) hue-rotate(210deg) brightness(89%) contrast(89%);
}
.landing-slider__slider_guarantee .swiper-slide__guarantee:hover .swiper-slide__guarantee-head-title,
.landing-slider__slider_guarantee .swiper-slide__guarantee:hover .swiper-slide__guarantee-text {
  color: #fff;
}
.landing-slider__slider_guarantee .swiper-slide__guarantee:hover .swiper-slide__guarantee-btn {
  background: #fff;
  color: #2F58CD;
  border-color: #fff;
}
@media all and (max-width: 768px) {
  .landing-slider__guarantee {
    background: transparent;
    row-gap: 0;
  }
}
@media all and (max-width: 640px) {
  .landing-slider__guarantee .landing-slider__head {
    flex-direction: column;
  }
}
@media all and (max-width: 992px) {
  .landing-slider__guarantee .landing-slider__head-left {
    max-width: 60%;
  }
}
@media all and (max-width: 768px) {
  .landing-slider__guarantee .landing-slider__head-left {
    padding-right: 0;
  }
}
@media all and (max-width: 640px) {
  .landing-slider__guarantee .landing-slider__head-left {
    max-width: 100%;
  }
}
@media all and (max-width: 992px) {
  .landing-slider__guarantee .landing-slider__head-left .landing-slider__title {
    font-size: 32px;
  }
}
@media all and (max-width: 640px) {
  .landing-slider__guarantee .landing-slider__head-left .landing-slider__title {
    text-align: center;
  }
}
@media all and (max-width: 768px) {
  .landing-slider__guarantee .landing-slider__head-left::before {
    display: none;
  }
}

.landing-slider__guarantee .landing-slider__head .landing-slider__navs {
  align-self: stretch;
}
.landing-slider__guarantee .landing-slider__head .landing-slider__navs {
  align-self: flex-end;
}
.landing-slider__wrapper .landing-slider__guarantee .landing-slider__head .landing-slider__navs {
  align-self: auto;
}

/*Button*/
.cl-btn {
  padding: 16px 32px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  column-gap: 16px;
  background: #2f58cd;
  color: #fff;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 2%;
  font-weight: 500;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
}
.cl-btn::after {
  content: url("../img/diag-arr.svg");
  line-height: 0;
  transition-duration: 0.3s;
}
.cl-btn:hover::after {
  transform: rotateZ(45deg);
}
.search_car_home {
  display: flex;
  flex-direction: column;
}
.search_car_home .order-last {
  order: 1;
}

.header-user__select button.select__option:first-child {
  display: none;
}

.landing-support__social-list img,
.landing-social__list img {
  width: 50px;
  height: 50px;
  border-radius: 10px;
}

/*.hero-landing, .landing-filter, .landing-block {
  margin-left: 20px;
  margin-right: 20px;
}*/
/*
.landing-support {
  @media all and (max-width: 1300px) {
    padding-left: 20px;
    padding-right: 20px;
  }
}*/

/*# sourceMappingURL=style.css.map */

.newstyle .detailsdiv {
    margin-top: 0 !important;
}