/* custom-select.css подключается отдельным <link> в header.php, перед этим файлом.
   Через @import браузер начинал качать его только после загрузки и разбора
   main.css — лишний последовательный запрос на критическом пути. */
*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

header .container {
  transform: translateY(10%);
  opacity: 0;
  transition: 1s ease;
  transition-delay: 0.2s;
}
header .logo {
  transform: translateX(-50%);
  transition: 1s ease;
  transition-delay: 0.2s;
}
header .logo a img {
  animation: spin 1.2s ease 0.2s forwards;
}
header.animate .container {
  transform: translateY(0%);
  opacity: 1;
}
header.animate .logo {
  transform: translateX(0%);
}

nav.menu li {
  transition: 1s ease;
  opacity: 0;
}
nav.menu li:nth-child(1) {
  transition-delay: 0.2s;
}
nav.menu li:nth-child(2) {
  transition-delay: 0.3s;
}
nav.menu li:nth-child(3) {
  transition-delay: 0.4s;
}
nav.menu li:nth-child(4) {
  transition-delay: 0.5s;
}
nav.menu li:nth-child(5) {
  transition-delay: 0.6s;
}
nav.menu li:nth-child(6) {
  transition-delay: 0.7s;
}
nav.menu .dropdown {
  opacity: 0;
  transition: 1s ease;
  transition-delay: 0.2s;
}
nav.menu .social a {
  transition: 1s ease;
  opacity: 0;
}
nav.menu .social a:nth-child(1) {
  transition-delay: 0.55s;
}
nav.menu .social a:nth-child(2) {
  transition-delay: 0.5s;
}
nav.menu .social a:nth-child(3) {
  transition-delay: 0.45s;
}
nav.menu .social a:nth-child(4) {
  transition-delay: 0.4s;
}
nav.menu .social a:nth-child(5) {
  transition-delay: 0.35s;
}
nav.menu .social a:nth-child(6) {
  transition-delay: 0.3s;
}
nav.menu .social a:nth-child(7) {
  transition-delay: 0.25s;
}
nav.menu.animate li,
nav.menu.animate .dropdown,
nav.menu.animate .social a {
  opacity: 1;
}

.main__hero .swiper-slide .content > * {
  transform: translateX(-10%);
  opacity: 0;
  transition: 1s ease;
}
.main__hero .swiper-slide .content > *:nth-child(1) {
  transition-delay: 0.2s;
}
.main__hero .swiper-slide .content > *:nth-child(2) {
  transition-delay: 0.3s;
}
.main__hero .swiper-slide .content > *:nth-child(3) {
  transition-delay: 0.4s;
}
.main__hero .swiper-slide .content > *:nth-child(4) {
  transition-delay: 0.5s;
}
.main__hero .swiper-slide.--to-right .content > * {
  transform: translateX(10%);
}
.main__hero .swiper-slide-active .content > * {
  transform: translateX(0%);
  opacity: 1;
}
.main__hero .swiper-slide-active.--to-right .content > * {
  transform: translateX(0%);
}

.calculate .container .title + p {
  opacity: 0;
  transform: translateY(100%);
  transition: 1s ease;
  transition-delay: 0.3s;
}
.calculate .container .--left {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.3s;
}
.calculate .container .--right {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.calculate.animate .container .title + p {
  opacity: 1;
  transform: translateY(0%);
}
.calculate.animate .container .--left,
.calculate.animate .container .--right {
  opacity: 1;
  transform: translateY(0%);
}

.prefs .list .item {
  transform: translateX(-10%);
  opacity: 0;
  transition: 1s ease;
}
.prefs .list .item:nth-child(1) {
  transition-delay: 0.2s;
}
.prefs .list .item:nth-child(2) {
  transition-delay: 0.3s;
}
.prefs .list .item:nth-child(3) {
  transition-delay: 0.4s;
}
.prefs .list .item:nth-child(4) {
  transition-delay: 0.5s;
}
.prefs.animate .list .item {
  transform: translateX(0%);
  opacity: 1;
}

.about .video {
  transform: scale(0.8);
  opacity: 0;
  transition: 1s ease;
  transition-delay: 0.2s;
}
.about .text > * {
  transform: translateY(20%);
  opacity: 0;
  transition: 1s ease;
}
.about .text > *:nth-child(1) {
  transition-delay: 0.2s;
}
.about .text > *:nth-child(2) {
  transition-delay: 0.3s;
}
.about .text > *:nth-child(3) {
  transition-delay: 0.4s;
}
.about .text > *:nth-child(4) {
  transition-delay: 0.5s;
}
.about .text > *:nth-child(5) {
  transition-delay: 0.6s;
}
.about .text > *:nth-child(6) {
  transition-delay: 0.7s;
}
.about .text > *:nth-child(7) {
  transition-delay: 0.8s;
}
.about .text > *:nth-child(8) {
  transition-delay: 0.9s;
}
.about.animate .video {
  transform: scale(1);
  opacity: 1;
}
.about.animate .text > * {
  transform: translateY(0%);
  opacity: 1;
}

.why__us p {
  transform: translateY(10%);
  opacity: 0;
  transition: 1s ease;
  transition-delay: 0.3s;
}
.why__us .list > * {
  transform: translateX(-10%);
  opacity: 0;
  transition: 1s ease;
}
.why__us .list > *:nth-child(1) {
  transition-delay: 0.2s;
}
.why__us .list > *:nth-child(2) {
  transition-delay: 0.4s;
}
.why__us .list > *:nth-child(3) {
  transition-delay: 0.6s;
}
.why__us .list > *:nth-child(4) {
  transition-delay: 0.8s;
}
.why__us .list > *:nth-child(5) {
  transition-delay: 1s;
}
.why__us .list > *:nth-child(6) {
  transition-delay: 1.2s;
}
.why__us .list > *:nth-child(7) {
  transition-delay: 1.4s;
}
.why__us .list > *:nth-child(8) {
  transition-delay: 1.6s;
}
.why__us.animate p {
  transform: translateY(0%);
  opacity: 1;
}
.why__us.animate .list > * {
  transform: translateX(0%);
  opacity: 1;
}

.main__choose .title {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.2s;
}
.main__choose .list > * {
  transform: translateY(-10%);
  opacity: 0;
  transition: 1s ease;
}
.main__choose .list > *:nth-child(1) {
  transition-delay: 0.2s;
}
.main__choose .list > *:nth-child(2) {
  transition-delay: 0.4s;
}
.main__choose .list > *:nth-child(3) {
  transition-delay: 0.6s;
}
.main__choose .list > *:nth-child(4) {
  transition-delay: 0.8s;
}
.main__choose .list > *:nth-child(5) {
  transition-delay: 1s;
}
.main__choose .list > *:nth-child(6) {
  transition-delay: 1.2s;
}
.main__choose .list > *:nth-child(7) {
  transition-delay: 1.4s;
}
.main__choose .list > *:nth-child(8) {
  transition-delay: 1.6s;
}
.main__choose .right {
  transform: scale(0.8);
  opacity: 0;
  transition: 1s ease;
  transition-delay: 0.2s;
}
.main__choose.animate .title {
  opacity: 1;
  transform: translateY(0%);
}
.main__choose.animate .list > * {
  transform: translateX(0%);
  opacity: 1;
}
.main__choose.animate .right {
  transform: scale(1);
  opacity: 1;
}

.used__cars .note,
.used__cars p,
.used__cars .btn-group {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.3s;
}
.used__cars .note {
  transform: translateY(50%);
}
.used__cars p {
  transition-delay: 0.4s;
}
.used__cars .btn-group {
  transition-delay: 0.5s;
}
.used__cars .video {
  transform: scale(0.8);
  opacity: 0;
  transition: 1s ease;
  transition-delay: 0.2s;
}
.used__cars.animate .note,
.used__cars.animate p,
.used__cars.animate .btn-group {
  opacity: 1;
  transform: translateY(0%);
}
.used__cars.animate .video {
  transform: scale(1);
  opacity: 1;
}

.main__steps .list > * {
  transform: translateX(-10%);
  opacity: 0;
  transition: 1s ease;
}
.main__steps .list > *:nth-child(1) {
  transition-delay: 0.2s;
}
.main__steps .list > *:nth-child(2) {
  transition-delay: 0.4s;
}
.main__steps .list > *:nth-child(3) {
  transition-delay: 0.6s;
}
.main__steps .list > *:nth-child(4) {
  transition-delay: 0.8s;
}
.main__steps .list > *:nth-child(5) {
  transition-delay: 1s;
}
.main__steps .list > *:nth-child(6) {
  transition-delay: 1.2s;
}
.main__steps .list > *:nth-child(7) {
  transition-delay: 1.4s;
}
.main__steps .list > *:nth-child(8) {
  transition-delay: 1.6s;
}
.main__steps.animate .list > * {
  transform: translateX(0%);
  opacity: 1;
}

.main__check .left .title {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.2s;
}
.main__check .left .img {
  opacity: 0;
  transform: translate(-30%, 30%);
  transition: 1s ease;
  transition-delay: 0.2s;
}
.main__check .right {
  opacity: 0;
  transform: translateY(15%);
  transition: 1s ease;
}
.main__check.animate .title {
  opacity: 1;
  transform: translateY(0%);
}
.main__check.animate .img {
  opacity: 1;
  transform: translate(0%, 0%);
}
.main__check.animate .img svg path {
  opacity: 1;
}
.main__check.animate .right {
  opacity: 1;
  transform: translateY(0%);
}

.main__services .list {
  transform: translateY(20%);
  opacity: 0;
  transition: 1s ease;
  transition-delay: 0.2s;
}
.main__services .list .item {
  opacity: 0;
  transition: 1s ease;
  transition-delay: 0.2s;
}
.main__services .list .item:nth-child(1) {
  transform: translateX(20%);
}
.main__services .list .item:nth-child(2) {
  opacity: 1;
}
.main__services .list .item:nth-child(3) {
  transform: translateX(-20%);
}
.main__services.animate .list {
  opacity: 1;
  transform: translateY(0%);
}
.main__services.animate .list .item {
  opacity: 1;
}
.main__services.animate .list .item:nth-child(1) {
  transform: translateX(0%);
}
.main__services.animate .list .item:nth-child(3) {
  transform: translateX(0%);
}

.main__selection .container > .title + p {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.main__selection .steps__title {
  opacity: 0;
  transform: translateX(-5%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.main__selection .steps__list .item {
  opacity: 0;
  transform: translateX(-10%);
  transition: 1s ease;
}
.main__selection .steps__list .item:nth-child(1) {
  transition-delay: 0.4s;
}
.main__selection .steps__list .item:nth-child(2) {
  transition-delay: 0.8s;
}
.main__selection .steps__list .item:nth-child(3) {
  transition-delay: 1.2s;
}
.main__selection.animate .container > .title + p {
  opacity: 1;
  transform: translateY(0);
}
.main__selection.animate .steps__title {
  opacity: 1;
  transform: translateX(0);
}
.main__selection.animate .steps__list .item {
  opacity: 1;
  transform: translateX(0);
}

.about__numbers .title {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.2s;
}
.about__numbers .title + p {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.about__numbers .video__preload {
  transform: scale(0.8);
  opacity: 0;
  transition: 1s ease;
  transition-delay: 0.2s;
}
.about__numbers .list .item {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
}
.about__numbers .list .item:nth-child(1) {
  transition-delay: 0.5s;
}
.about__numbers .list .item:nth-child(2) {
  transition-delay: 0.7s;
}
.about__numbers .list .item:nth-child(3) {
  transition-delay: 0.9s;
}
.about__numbers .list .item:nth-child(4) {
  transition-delay: 1.1s;
}
.about__numbers.animate .title {
  opacity: 1;
  transform: translateY(0%);
}
.about__numbers.animate .title + p {
  opacity: 1;
  transform: translateY(0%);
}
.about__numbers.animate .video__preload {
  transform: scale(1);
  opacity: 1;
}
.about__numbers.animate .list .item {
  opacity: 1;
  transform: translateY(0%);
}

.main__map .title {
  opacity: 0;
  transform: translateX(-10%);
  transition: 1s ease;
  transition-delay: 0.2s;
}
.main__map p {
  opacity: 0;
  transform: translateX(10%);
  transition: 1s ease;
  transition-delay: 0.2s;
}
.main__map .map__regions .item .city {
  opacity: 0;
  transform: scale(0.8);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.main__map.animate .title,
.main__map.animate p {
  opacity: 1;
  transform: translateX(0%);
}
.main__map.animate .map__regions .item .city {
  opacity: 1;
  transform: scale(1);
}

.main__works .item {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
}
.main__works .item:nth-child(1) {
  transition-delay: 0.4s;
}
.main__works .item:nth-child(2) {
  transition-delay: 0.6s;
}
.main__works .item:nth-child(3) {
  transition-delay: 0.8s;
}
.main__works.animate .item {
  opacity: 1;
  transform: translateY(0%);
}

.main__cars-slider .head .title {
  opacity: 0;
  transform: translateX(-10%);
  transition: 1s ease;
  transition-delay: 0.2s;
}
.main__cars-slider .head .btn-group {
  opacity: 0;
  transform: translateX(10%);
  transition: 1s ease;
  transition-delay: 0.2s;
}
.main__cars-slider .swiper {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.main__cars-slider .swiper-slide .left {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.main__cars-slider .swiper-slide .gallery-container {
  opacity: 0;
  transform: translateY(-10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.main__cars-slider .swiper-slide-active .left,
.main__cars-slider .swiper-slide-active .gallery-container {
  opacity: 1;
  transform: translateY(0%);
}
.main__cars-slider.animate .head .title {
  opacity: 1;
  transform: translateX(0%);
}
.main__cars-slider.animate .head .btn-group {
  opacity: 1;
  transform: translateX(0%);
}
.main__cars-slider.animate .swiper {
  opacity: 1;
  transform: translateY(0%);
}

.main__reviews .swiper {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.main__reviews.animate .swiper {
  opacity: 1;
  transform: translateY(0%);
}

.main__video-reviews .swiper {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.main__video-reviews.animate .swiper {
  opacity: 1;
  transform: translateY(0%);
}

.main__form-small p,
.main__form-small form {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.main__form-small form {
  transition-delay: 0.6s;
}
.main__form-small .form__photo {
  opacity: 0;
  transform: translateX(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.main__form-small.animate p,
.main__form-small.animate form {
  opacity: 1;
  transform: translateY(0%);
}
.main__form-small.animate .form__photo {
  opacity: 1;
  transform: translateX(0%);
}

.main__risks .list .item {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
}
.main__risks .list .item .img {
  scale: 0.8;
  transition: 1s ease;
}
.main__risks .list .item:nth-child(1) {
  transition-delay: 0.4s;
}
.main__risks .list .item:nth-child(1) .img {
  transition-delay: 0.4s;
}
.main__risks .list .item:nth-child(2) {
  transition-delay: 0.6s;
}
.main__risks .list .item:nth-child(2) .img {
  transition-delay: 0.6s;
}
.main__risks .list .item:nth-child(3) {
  transition-delay: 0.8s;
}
.main__risks .list .item:nth-child(3) .img {
  transition-delay: 0.8s;
}
.main__risks .list .item:nth-child(4) {
  transition-delay: 1s;
}
.main__risks .list .item:nth-child(4) .img {
  transition-delay: 1s;
}
.main__risks .list .item:nth-child(5) {
  transition-delay: 1.2s;
}
.main__risks .list .item:nth-child(5) .img {
  transition-delay: 1.2s;
}
.main__risks .list .item:nth-child(6) {
  transition-delay: 1.4s;
}
.main__risks .list .item:nth-child(6) .img {
  transition-delay: 1.4s;
}
.main__risks.animate .list .item {
  opacity: 1;
  transform: translateY(0%);
}
.main__risks.animate .list .item .img {
  scale: 1;
}

.main__faq .swiper {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.main__faq.animate .swiper {
  opacity: 1;
  transform: translateY(0%);
}

.main__instagram .swiper,
.main__instagram .title .container {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.main__instagram .title .container {
  transition-delay: 0.2s;
}
.main__instagram.animate .swiper,
.main__instagram.animate .title .container {
  opacity: 1;
  transform: translateY(0%);
}

.main__form-large .form {
  transform: scale(0.8);
  opacity: 0;
  transition: 1s ease;
  transition-delay: 0.2s;
}
.main__form-large .img {
  opacity: 0;
  transform: translateX(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.main__form-large.animate .form {
  transform: scale(1);
  opacity: 1;
}
.main__form-large.animate .img {
  opacity: 1;
  transform: translateX(0%);
}

.auto__services .list {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.auto__services.animate .list {
  opacity: 1;
  transform: translateY(0%);
}

.auto__selection .list {
  transform: translateY(20%);
  opacity: 0;
  transition: 1s ease;
  transition-delay: 0.2s;
}
.auto__selection .list .item {
  opacity: 0;
  transition: 1s ease;
  transition-delay: 0.2s;
}
.auto__selection .list .item:nth-child(1) {
  transform: translateX(20%);
}
.auto__selection .list .item:nth-child(2) {
  opacity: 1;
}
.auto__selection .list .item:nth-child(3) {
  transform: translateX(-20%);
}
.auto__selection.animate .list {
  opacity: 1;
  transform: translateY(0%);
}
.auto__selection.animate .list .item {
  opacity: 1;
}
.auto__selection.animate .list .item:nth-child(1), .auto__selection.animate .list .item:nth-child(3) {
  transform: translateX(0%);
}

.--buyback .right {
  transform: scale(0.8);
  opacity: 0;
  transition: 1s ease;
  transition-delay: 0.2s;
}
.--buyback.animate .right {
  transform: scale(1);
  opacity: 1;
}

.contacts__page .list .item {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
}
.contacts__page .list .item:nth-child(1) {
  transition-delay: 0.4s;
}
.contacts__page .list .item:nth-child(2) {
  transition-delay: 0.6s;
}
.contacts__page .list .item:nth-child(3) {
  transition-delay: 0.8s;
}
.contacts__page .list .item:nth-child(4) {
  transition-delay: 1s;
}
.contacts__page .img {
  opacity: 0;
  transform: scale(0.8);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.contacts__page.animate .list .item {
  opacity: 1;
  transform: translateY(0%);
}
.contacts__page.animate .img {
  opacity: 1;
  transform: scale(1);
}

.main__news .swiper,
.main__news .title {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.main__news .title {
  transition-delay: 0.2s;
}
.main__news.animate .swiper,
.main__news.animate .title {
  opacity: 1;
  transform: translateY(0%);
}

.latest__post .container,
.latest__post .title + p,
.news__head .container,
.news__head .title + p,
.news__list .container,
.news__list .title + p,
.news__title .container,
.news__title .title + p {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.4s;
}
.latest__post.animate .container,
.latest__post.animate .title + p,
.news__head.animate .container,
.news__head.animate .title + p,
.news__list.animate .container,
.news__list.animate .title + p,
.news__title.animate .container,
.news__title.animate .title + p {
  opacity: 1;
  transform: translateY(0%);
}

.container > .title {
  opacity: 0;
  transform: translateY(10%);
  transition: 1s ease;
  transition-delay: 0.2s;
}

.swiper-nav-btn {
  opacity: 0;
  transition: 1s ease;
  transition-delay: 0.2s;
}
.swiper-nav-btn:nth-child(1) {
  transform: translatex(-20%);
}
.swiper-nav-btn:nth-child(2) {
  transform: translatex(20%);
}

.animate .container > .title {
  opacity: 1;
  transform: translateY(0%);
}
.animate .swiper-nav-btn {
  opacity: 1;
  transform: translatex(0%);
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1440deg);
  }
}
html {
  font-size: 0.039vw;
  scroll-behavior: smooth;
  overflow: hidden;
}
@media only screen and (max-width: 2560px) {
  html {
    font-size: 0.039vw;
  }
}
@media only screen and (max-width: 1920px) {
  html {
    font-size: 0.052vw;
  }
}
@media only screen and (max-width: 1400px) {
  html {
    font-size: 0.057vw;
  }
}
@media only screen and (max-width: 1024px) {
  html {
    font-size: 0.18vw;
  }
}
@media only screen and (max-width: 768px) {
  html {
    font-size: 0.2vw;
  }
}
@media only screen and (max-width: 391px) {
  html {
    font-size: 0.256vw;
  }
}
@media only screen and (max-width: 1024px) {
  html {
    overflow-x: clip;
  }
}
html.menu-open {
  overflow: hidden !important;
}

body {
  background: #191919;
  font-family: Jost, sans-serif;
  font-weight: 400;
  color: #FFFFFF;
  scroll-behavior: smooth;
}
@media only screen and (max-width: 1024px) {
  body {
    padding-top: 100rem;
    overflow-x: clip;
  }
}
body.menu-open {
  overflow: hidden;
}

.container {
  width: 100%;
  max-width: 1482rem;
  margin: 0 auto;
  padding: 0 16rem;
}
@media only screen and (max-width: 1024px) {
  .container {
    padding: 0 20rem;
  }
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10rem;
  padding: 0;
  background: transparent;
  border: none;
  font-family: inherit;
  color: #FFFFFF;
  cursor: pointer;
  transition: 0.3s ease;
}
.btn.--primary {
  padding: 14rem 38rem;
  border: 1rem solid #FFA800;
  border-radius: 20rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .btn.--primary {
    padding: 20rem 0;
    font-size: 14rem;
    line-height: 1;
  }
}
.btn.--primary:hover {
  background: #FFA800;
  color: #FFFFFF;
}
.btn.--orange {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .btn.--orange {
    font-size: 14rem;
    line-height: 1;
  }
}
.btn.--orange.--full {
  background: #FFA800;
  color: #FFFFFF;
}
.btn.--orange.--full:hover {
  background: #FFFFFF;
  color: #FFA800;
}
.btn.--white {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.btn.--white:hover {
  background: #FFFFFF;
  color: #FFA800;
}
.btn.--dark {
  color: #191919;
  border-color: #191919;
}
.btn.--dark:hover {
  background: #191919;
  color: #FFFFFF;
}

header {
  position: relative;
  padding: 20rem 0 16rem;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110rem;
    padding: 20rem 0;
    background: #191919;
    border-bottom: 1rem solid transparent;
    z-index: 98;
    transition: 0.3s ease;
  }
  header .call-modal {
    display: none;
  }
}
header .container {
  display: flex;
  align-items: flex-start;
  gap: 45rem;
}
@media only screen and (max-width: 1024px) {
  header .container {
    align-items: center;
    gap: 15rem;
  }
}
header .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
}
header .logo a {
  display: flex;
}
header .logo a img {
  width: 67rem;
  transition: 0.3s ease;
}
header .logo a:after {
  width: 1px;
  min-height: 100%;
  margin: 0 20rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 45.73%, rgba(255, 255, 255, 0) 100%);
  border-radius: 1rem;
  content: "";
}
header .logo .slogan {
  width: 165rem;
  font-size: 18rem;
  line-height: 20rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  header .logo .slogan {
    width: 130rem;
    font-size: 12rem;
    line-height: 20rem;
  }
}
header .address {
  display: flex;
  gap: 15rem;
}
@media only screen and (max-width: 1024px) {
  header .address {
    display: none;
  }
}
header .address .img {
  display: flex;
}
header .address .icon img {
  width: 36rem;
}
header .address .caption {
  display: flex;
  flex-direction: column;
  gap: 12rem;
  margin-top: -5rem;
}
header .address .title {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
}
header .address .dropdown .btn {
  font-size: 18rem;
  line-height: 24rem;
}
@media only screen and (max-width: 1024px) {
  header .address .dropdown .btn {
    color: #191919;
  }
}
header .schedule {
  display: flex;
  gap: 15rem;
}
@media only screen and (max-width: 1024px) {
  header .schedule {
    display: none;
  }
}
header .schedule .img {
  display: flex;
}
header .schedule .icon img {
  width: 55rem;
}
header .schedule .caption {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6rem;
  margin-top: -6rem;
}
header .schedule .title {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
}
header .schedule .text {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
header .schedule .text p {
  font-size: 18rem;
  line-height: 24rem;
}
@media only screen and (max-width: 1024px) {
  header .schedule .text p {
    color: #191919;
  }
}
header .callback {
  display: flex;
  gap: 15rem;
}
@media only screen and (max-width: 1024px) {
  header .callback {
    display: none;
  }
}
header .callback .img {
  display: flex;
}
header .callback .icon img {
  width: 32rem;
}
header .callback .caption {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6rem;
  margin-top: -4rem;
}
header .callback a {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #FFFFFF;
  transition: 0.3s ease;
}
header .callback a:hover {
  color: #FFA800;
}
header .callback .callback {
  justify-content: flex-start;
  border-bottom: 1rem dashed #FFFFFF;
  font-size: 18rem;
  line-height: 24rem;
}
@media only screen and (max-width: 1024px) {
  header .callback .callback {
    color: #191919;
    border-color: #191919;
  }
}
header .callback .callback:hover {
  color: #FFA800;
  border-color: #FFA800;
}
header .hidden-lg {
  display: none;
}
@media only screen and (max-width: 1024px) {
  header .hidden-lg {
    display: flex;
    align-items: center;
    gap: 40rem;
  }
}
header .hidden-lg > .icon {
  width: 17rem;
  height: 30rem;
  background: none;
  border: none;
}
header .hidden-lg > .icon img {
  width: 100%;
}
header .hidden-lg > .icon .btn {
  width: 100%;
  height: 100%;
}
header .hidden-lg > .icon .btn img {
  width: 100%;
  transform: none !important;
}
header .hidden-lg > .icon .dropdown-content {
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  padding: 15rem 10rem;
}
header .hidden-lg > .icon .dropdown-content a {
  padding: 0;
}
header .hidden-lg .menu-btn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 31rem;
  height: 20rem;
}
header .hidden-lg .menu-btn:before,
header .hidden-lg .menu-btn div {
  position: relative;
  width: 100%;
  height: 3rem;
  background: #FFA800;
  border-radius: 4rem;
  content: "";
  transition: 0.3s ease;
}
header .hidden-lg .menu-btn:after {
  position: relative;
  width: 17rem;
  height: 3rem;
  margin-left: auto;
  background: #FFA800;
  border-radius: 4rem;
  content: "";
  transition: 0.3s ease;
}
header .hidden-lg .menu-btn.active:before {
  transform: rotateZ(45deg);
  top: 44%;
}
header .hidden-lg .menu-btn.active div {
  opacity: 0;
}
header .hidden-lg .menu-btn.active:after {
  transform: rotateZ(-45deg);
  width: 100%;
  bottom: 44%;
}
header .hidden-lg .mobile-menu {
  display: flex;
  flex-direction: column;
  gap: 40rem;
  position: fixed;
  top: 90rem;
  left: -100%;
  opacity: 0;
  width: 100vw;
  height: calc(100vh - 110rem);
  padding: 40rem 20rem;
  background: #FFA800;
  z-index: 98;
  transition: 0.3s ease;
  overflow: auto;
}
header .hidden-lg .mobile-menu .menu {
  display: flex;
  margin-bottom: 20rem;
  padding: 0;
  border: none;
  background: none;
}
header .hidden-lg .mobile-menu .menu .container {
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}
header .hidden-lg .mobile-menu .menu .container .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
header .hidden-lg .mobile-menu .menu .container .title .language .btn {
  font-weight: 700;
  font-size: 14rem;
  line-height: 23rem;
  letter-spacing: 0.56rem;
  text-transform: uppercase;
}
header .hidden-lg .mobile-menu .menu .container .list {
  flex-direction: column;
  align-items: flex-start;
  gap: 25rem;
}
header .hidden-lg .mobile-menu .menu .container .list .btn {
  font-size: 18rem;
  line-height: 24rem;
  color: #191919;
  transition: 0.3s ease;
}
header .hidden-lg .mobile-menu .title {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
}
header .hidden-lg .mobile-menu .address,
header .hidden-lg .mobile-menu .schedule,
header .hidden-lg .mobile-menu .callback {
  display: flex;
}
header .hidden-lg .mobile-menu .address .icon,
header .hidden-lg .mobile-menu .schedule .icon,
header .hidden-lg .mobile-menu .callback .icon {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 46rem;
}
header .hidden-lg .mobile-menu .address .icon img {
  width: 30rem;
}
header .hidden-lg .mobile-menu .schedule .icon img {
  width: 46rem;
}
header .hidden-lg .mobile-menu .callback .icon img {
  width: 31rem;
}
header .hidden-lg .mobile-menu .contacts {
  display: flex;
  flex-direction: column;
  margin-top: 20rem;
}
header .hidden-lg .mobile-menu .contacts .title {
  margin-bottom: 16rem;
}
header .hidden-lg .mobile-menu .contacts > a {
  margin-bottom: 25rem;
  font-size: 18rem;
  line-height: 24rem;
  color: #191919;
}
header .hidden-lg .mobile-menu .contacts .social {
  display: flex;
  align-items: center;
  gap: 19rem;
}
header .hidden-lg .mobile-menu .contacts .social svg {
  width: 21rem;
}
header .hidden-lg .mobile-menu .contacts .social svg path {
  fill: #191919 !important;
}
header .hidden-lg .mobile-menu.active {
  left: 0;
  opacity: 1;
}
header.--menu-fixed {
  padding-bottom: 75rem;
}
@media only screen and (max-width: 1024px) {
  header.--menu-fixed {
    display: flex;
    align-items: center;
    height: 80rem;
    padding: 0;
    border-bottom-color: rgba(255, 255, 255, 0.3);
  }
  header.--menu-fixed .logo img {
    width: 56rem;
  }
}

.menu {
  padding: 25rem;
  background: #191919;
  border-top: 1rem solid rgba(255, 255, 255, 0.3);
  border-bottom: 1rem solid transparent;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .menu {
    display: none;
  }
}
.menu .container {
  display: flex;
  align-items: center;
  gap: 24rem;
}
@media only screen and (max-width: 1024px) {
  .menu .container {
    gap: 16rem;
  }
}
.menu .list {
  display: flex;
  align-items: center;
  gap: 45rem;
}
.menu .list li {
  display: flex;
  align-items: center;
  gap: 6rem;
}
.menu .list li a {
  font-size: 18rem;
  line-height: 24rem;
  color: #FFFFFF;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .menu .list li > a {
    color: #191919;
  }
}
.menu .list li > a:hover {
  text-decoration: underline;
  color: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .menu .list li > a:hover {
    color: #191919;
  }
}
.menu .social {
  display: flex;
  align-items: center;
  gap: 19rem;
}
.menu .hidden {
  display: flex;
  align-items: center;
  gap: 16rem;
  margin-left: auto;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease;
}
.menu .hidden img {
  width: 18rem;
}
.menu .hidden a {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #FFFFFF;
  transition: 0.3s ease;
}
.menu .hidden a:hover {
  color: #FFA800;
}
.menu .hidden .callback {
  justify-content: flex-start;
  border-bottom: 1rem dashed #FFFFFF;
  font-size: 18rem;
  line-height: 24rem;
}
@media only screen and (max-width: 1024px) {
  .menu .hidden .callback {
    color: #191919;
    border-color: #191919;
  }
}
.menu .hidden .callback:hover {
  color: #FFA800;
  border-color: #FFA800;
}
.menu.--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-top: none;
  border-bottom-color: rgba(255, 255, 255, 0.3);
  z-index: 98;
}
.menu.--fixed .hidden {
  opacity: 1;
  pointer-events: auto;
}

.main__hero {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .main__hero {
    height: 407rem;
  }
  .main__hero.--buyback {
    height: 855rem;
  }
  .main__hero.--buyback img {
    max-height: 303rem;
  }
}
@media only screen and (max-width: 1024px) {
  .main__hero.--buyback .--to-right .container {
    flex-direction: column-reverse;
    top: 36rem;
    left: 0;
    transform: none;
  }
}
.main__hero.--buyback .--to-right .container .left {
  min-height: auto;
  min-width: 698rem;
}
@media only screen and (max-width: 1024px) {
  .main__hero.--buyback .--to-right .container .left {
    min-width: 100%;
    margin-top: 48rem;
  }
}
.main__hero.--buyback .--to-right .container .content {
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .main__hero.--buyback .--to-right .container .content {
    align-items: flex-start !important;
  }
  .main__hero.--buyback .--to-right .container .content .title {
    text-align: left !important;
  }
}
.main__hero .swiper {
  height: 100%;
}
.main__hero .swiper-slide {
  overflow: hidden;
  height: auto !important;
}
.main__hero .swiper-slide > img {
  width: 100%;
  position: relative;
  scale: 1.2;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 2560px) {
  .main__hero .swiper-slide > img {
    scale: 1.3;
  }
}
.main__hero .swiper-slide .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main__hero .swiper-slide .container .content {
  max-width: 780rem;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide .container .content .btn-group {
    width: 100%;
  }
  .main__hero .swiper-slide .container .content .btn-group .btn {
    width: 100%;
    padding: 15rem 0;
    max-width: 350rem;
    border-radius: 15rem;
  }
}
.main__hero .swiper-slide .container .content .note {
  margin-bottom: 30rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  text-transform: uppercase;
  color: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide .container .content .note {
    margin-bottom: 10rem;
    font-size: 12rem;
    line-height: 1;
  }
}
.main__hero .swiper-slide .container .content .title {
  margin-bottom: 40rem;
  font-weight: 700;
  font-size: 60rem;
  line-height: 1;
  text-transform: uppercase;
  color: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide .container .content .title {
    margin-bottom: 20rem;
    font-size: 30rem;
    line-height: 36rem;
  }
}
.main__hero .swiper-slide .container .content .list {
  display: flex;
  flex-direction: column;
  gap: 20rem;
  margin-bottom: 50rem;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide .container .content .list {
    gap: 12rem;
    margin-bottom: 30rem;
  }
}
.main__hero .swiper-slide .container .content .list__item {
  display: flex;
  align-items: center;
  gap: 15rem;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide .container .content .list__item {
    gap: 8rem;
  }
  .main__hero .swiper-slide .container .content .list__item .img {
    width: 12rem;
  }
  .main__hero .swiper-slide .container .content .list__item .img img {
    width: 100%;
  }
}
.main__hero .swiper-slide .container .content .list__item .text {
  font-weight: 600;
  font-size: 20rem;
  line-height: 24rem;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide .container .content .list__item .text {
    font-size: 14rem;
    line-height: 1;
  }
}
.main__hero .swiper-slide .container .content.--wide {
  max-width: 790rem;
}
.main__hero .swiper-slide .container .content.--wider {
  max-width: 860rem;
}
.main__hero .swiper-slide .container .content.--sm {
  max-width: 448rem;
}
.main__hero .swiper-slide .container .content.--sm .title {
  position: relative;
  margin-bottom: 40rem;
  padding-bottom: 40rem;
}
.main__hero .swiper-slide .container .content.--sm .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.main__hero .swiper-slide .container .right {
  position: relative;
  max-width: 738rem;
  min-height: 100%;
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide .container .right {
    margin-top: 58rem;
    padding-left: 7rem;
  }
}
.main__hero .swiper-slide .container.--centered {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide .container.--centered {
    flex-direction: column;
    top: 65rem;
    left: 0;
    transform: none;
  }
  .main__hero .swiper-slide .container.--centered .title {
    margin-bottom: 20rem !important;
    padding: 0 !important;
  }
  .main__hero .swiper-slide .container.--centered .title:before {
    display: none;
  }
}
.main__hero .swiper-slide .container .form__container {
  position: relative;
  min-height: 100%;
  padding: 80rem 70rem;
  background: #303030;
  border-radius: 20rem;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide .container .form__container {
    padding: 40rem 35rem;
  }
}
.main__hero .swiper-slide .container .form__container .form__title {
  margin-bottom: 20rem;
  font-weight: 700;
  font-size: 23rem;
  line-height: 31rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide .container .form__container .form__title {
    margin-bottom: 10rem;
    font-size: 18rem;
    line-height: 24rem;
  }
}
.main__hero .swiper-slide .container .form__container .form__title span {
  color: #FFFFFF;
}
.main__hero .swiper-slide .container .form__container .form__text {
  margin-bottom: 40rem;
  font-size: 17rem;
  line-height: 25rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide .container .form__container .form__text {
    margin-bottom: 20rem;
    font-size: 14rem;
    line-height: 17rem;
  }
}
.main__hero .swiper-slide .container .form__container .form-group + .form-group {
  margin-top: 30rem;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide .container .form__container .form-group + .form-group {
    margin-top: 20rem;
  }
}
.main__hero .swiper-slide .container .form__container .btn {
  width: 100%;
  margin-top: 35rem;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide .container .form__container .btn {
    margin-top: 20rem;
  }
}
.main__hero .swiper-slide .container .--after {
  position: relative;
  padding-left: 18rem;
}
.main__hero .swiper-slide .container .--after:after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 408rem;
  height: 465rem;
  background: #FFA800;
  border-radius: 20rem;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide .container .--after:after {
    top: 40rem;
    width: 194rem;
    height: 220rem;
    transform: none;
  }
}
.main__hero .swiper-slide.--to-right .container {
  display: flex;
  justify-content: flex-end;
}
.main__hero .swiper-slide.--to-right .container .content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  max-width: 890rem;
}
.main__hero .swiper-slide.--to-right .container .content .list__item {
  justify-content: flex-end;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide.--to-right .container .content .list__item {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-slide.--to-right .container .content .btn-group {
    display: flex;
    justify-content: flex-end;
  }
}
.main__hero .swiper-slide.--to-right .container .content .title {
  text-align: right;
}
.main__hero .swiper-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .main__hero .swiper-nav {
    display: none;
  }
}
.main__hero .swiper-nav .swiper-nav-btn {
  cursor: pointer;
}
.main__hero .swiper-nav .swiper-nav-btn.swiper-button-disabled {
  cursor: auto;
}
.main__hero .swiper-nav .swiper-nav-btn.swiper-button-disabled svg path {
  fill: rgba(255, 255, 255, 0.4);
}
.main__hero .swiper-nav .main-prev {
  margin-left: 56rem;
}
.main__hero .swiper-nav .main-prev svg {
  rotate: 180deg;
}
.main__hero .swiper-nav .main-next {
  margin-right: 56rem;
}
.main__hero .main-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 50rem;
  left: 50% !important;
  transform: translate(-50%) !important;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .main__hero .main-pagination {
    bottom: 10rem;
  }
}
.main__hero .main-pagination .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 2rem solid transparent;
  background: none;
  opacity: 1;
  transition: 0.3s ease;
}
.main__hero .main-pagination .swiper-pagination-bullet:before {
  position: absolute;
  width: 10rem;
  height: 10rem;
  background: #D7D7D7;
  border-radius: 50%;
  transition: 0.3s ease;
  content: "";
}
.main__hero .main-pagination .swiper-pagination-bullet-active {
  border-color: #FFA800;
}
.main__hero .main-pagination .swiper-pagination-bullet-active:before {
  background: #FFA800;
}

.calculate {
  padding: 50rem 0;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .calculate {
    padding: 40rem 0;
  }
}
.calculate .title {
  position: relative;
  margin-bottom: 50rem;
  padding-bottom: 10rem;
  font-weight: 600;
  font-size: 25rem;
  line-height: 24rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .calculate .title {
    margin-bottom: 40rem !important;
    font-size: 18rem !important;
    line-height: 24rem;
  }
}
.calculate .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.calculate .title span {
  color: #FFFFFF;
}
.calculate .content {
  display: flex;
  flex-wrap: wrap;
  gap: 94rem;
}
@media only screen and (max-width: 1024px) {
  .calculate .content {
    flex-direction: column;
    gap: 20rem;
  }
}
.calculate .content .item {
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 47rem);
  gap: 40rem 94rem;
}
@media only screen and (max-width: 1024px) {
  .calculate .content .item {
    width: 100%;
    gap: 20rem;
  }
}
.calculate .content .item .customSelect {
  width: calc(50% - 47rem);
}
@media only screen and (max-width: 1024px) {
  .calculate .content .item .customSelect {
    width: 100%;
  }
}
.calculate .content .item .customSelect.is-open .custom-select-opener {
  border-bottom: none;
  border-radius: 20rem 20rem 0 0;
}
.calculate .content .item.--left {
  position: relative;
  z-index: 1;
}
.calculate .content .item.--right .range-item {
  width: calc(50% - 47rem);
  height: 54rem;
}
@media only screen and (max-width: 1024px) {
  .calculate .content .item.--right .range-item {
    width: 100%;
  }
}
.calculate .content .item.--right .range-container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.calculate .content .item.--right .range-container label {
  margin-bottom: 15rem;
  font-size: 15rem;
  line-height: 1;
}
.calculate .content .item.--right .range-container label > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.calculate .content .item.--right .range-container label > span span {
  color: #FFFFFF;
}
.calculate .content .item.--right .range-container .noUi-target {
  width: 96%;
  height: 3rem;
  margin: 0 auto;
  background: #303030;
  border-radius: 0;
  border: none;
  box-shadow: none;
}
.calculate .content .item.--right .range-container .noUi-target .noUi-connect {
  background: #303030;
}
.calculate .content .item.--right .range-container .noUi-target .noUi-handle {
  right: -6rem;
  top: -4rem;
  border: none;
  border-radius: 50%;
  background: #FFF;
  width: 11rem !important;
  height: 11rem !important;
  cursor: pointer;
  box-shadow: none;
  transition: 0.3s ease;
}
.calculate .content .item.--right .range-container .noUi-target .noUi-handle:before, .calculate .content .item.--right .range-container .noUi-target .noUi-handle:after {
  display: none;
}
.calculate .content .item.--right .range-container .noUi-target .noUi-handle:hover {
  background: #FFA800;
}
.calculate .content .item.--right .range-container .label {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 15rem;
  line-height: 1;
}
.calculate.--orange {
  background: #FFA800;
}
.calculate.--orange .title {
  margin-bottom: 35rem;
  font-size: 30rem;
  color: #191919;
}
.calculate.--orange .title:before {
  background-image: url(/wp-content/themes/exp_car/assets/img/icons/title_line_white.svg);
}
.calculate.--orange .title + p {
  margin-bottom: 50rem;
  font-weight: 500;
  font-size: 20rem;
  line-height: 25rem;
  color: #FFFFFF;
}
.calculate.--orange .custom-select-opener {
  background: rgba(255, 255, 255, 0.3);
  border-color: #FFFFFF;
}
.calculate.--orange .custom-select-opener > span {
  color: #191919;
}
.calculate.--orange .custom-select-opener:after {
  background-image: url(/wp-content/themes/exp_car/assets/img/icons/dropdown_arrow_black.svg);
}
.calculate.--orange .custom-select-opener:hover {
  background: #191919;
  border-color: #191919;
}
.calculate.--orange .custom-select-opener:hover > span {
  color: #FFFFFF;
}
.calculate.--orange .custom-select-opener:hover:after {
  background-image: url(/wp-content/themes/exp_car/assets/img/icons/dropdown__arrow.svg);
}
.calculate.--orange .custom-select-panel {
  background-color: #ffc24d;
  border-color: #FFFFFF;
}
.calculate.--orange .custom-select-option {
  color: #191919;
}
.calculate.--orange .custom-select-option.has-focus {
  background: #191919;
  color: #FFFFFF;
}
.calculate.--orange .custom-select-option.is-selected:after {
  background: url(/wp-content/themes/exp_car/assets/img/icons/check_black.svg) center center/auto no-repeat;
}
.calculate.--orange .custom-select-option:after {
  background: #7f6126;
}
.calculate.--orange .content .item.--right .range-container label > span span {
  color: #191919;
}
.calculate.--orange .content .item.--right .range-container .noUi-target {
  background: #FFFFFF;
}
.calculate.--orange .content .item.--right .range-container .noUi-target .noUi-connect {
  background: #FFFFFF;
}
.calculate.--orange .content .item.--right .range-container .noUi-target .noUi-handle {
  background: #191919;
}
.calculate.--orange .content .item.--right .range-container .label {
  color: #191919;
}
.calculate.--white {
  background: #FFFFFF;
}
.calculate.--white .title {
  margin-bottom: 35rem;
  padding-bottom: 30rem;
  font-size: 30rem;
  color: #FFA800;
}
.calculate.--white .title span {
  color: #191919;
}
.calculate.--white .title:before {
  background-image: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg);
}
.calculate.--white .title + p {
  margin-bottom: 50rem;
  font-weight: 500;
  font-size: 20rem;
  line-height: 25rem;
  color: #5C5C5C;
}
.calculate.--white .custom-select-opener {
  background: rgba(255, 255, 255, 0.3);
  border-color: #5C5C5C;
}
.calculate.--white .custom-select-opener > span {
  color: #5C5C5C;
}
.calculate.--white .custom-select-opener:after {
  background-image: url(/wp-content/themes/exp_car/assets/img/icons/dropdown_arrow_orange.svg);
}
.calculate.--white .custom-select-opener:hover {
  background: #FFA800;
  border-color: #FFA800;
}
.calculate.--white .custom-select-opener:hover > span {
  color: #FFFFFF;
}
.calculate.--white .custom-select-opener:hover:after {
  background-image: url(/wp-content/themes/exp_car/assets/img/icons/dropdown__arrow.svg);
}
.calculate.--white .custom-select-panel {
  background-color: #FFFFFF;
  border-color: #191919;
}
.calculate.--white .custom-select-option {
  color: #191919;
}
.calculate.--white .custom-select-option.has-focus {
  background: #191919;
  color: #FFFFFF;
}
.calculate.--white .custom-select-option.is-selected:after {
  background: url(/wp-content/themes/exp_car/assets/img/icons/check_black.svg) center center/auto no-repeat;
}
.calculate.--white .custom-select-option:after {
  background: rgba(0, 0, 0, 0.5);
}
.calculate.--white .content .item.--right .range-container label > span span {
  color: #191919;
}
.calculate.--white .content .item.--right .range-container .noUi-target {
  background: #191919;
}
.calculate.--white .content .item.--right .range-container .noUi-target .noUi-connect {
  background: #303030;
}
.calculate.--white .content .item.--right .range-container .noUi-target .noUi-handle {
  background: #FFA800;
}
.calculate.--white .content .item.--right .range-container .label {
  color: #191919;
}

.prefs {
  padding: 50rem 0;
  background: #F6F6F7;
}
@media only screen and (max-width: 1024px) {
  .prefs {
    padding: 40rem 0;
  }
}
.prefs .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .prefs .list {
    flex-direction: column;
    gap: 60rem;
  }
}
.prefs .list .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20rem;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .prefs .list .item img {
    width: 65rem;
  }
}
.prefs .list .item .title {
  font-weight: 700;
  font-size: 23rem;
  line-height: 24rem;
  text-transform: uppercase;
  color: #191919;
}
@media only screen and (max-width: 1024px) {
  .prefs .list .item .title {
    font-size: 14rem;
    line-height: 24rem;
  }
}

.about {
  padding: 130rem 0 100rem;
  background: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .about {
    padding: 65rem 0;
  }
}
.about .title {
  position: relative;
  margin-bottom: 70rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .about .title {
    margin-bottom: 40rem;
    font-size: 22rem;
    line-height: 30rem;
    text-align: left;
  }
}
.about .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100rem;
  height: 2rem;
  margin: 0 auto;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .about .title:before {
    right: auto;
  }
}
.about .content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 60rem;
}
@media only screen and (max-width: 1024px) {
  .about .content {
    flex-direction: column;
    gap: 28rem;
  }
}
.about .content .video {
  display: flex;
  position: relative;
  width: 50%;
  max-width: 711rem;
  height: 525rem;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .about .content .video {
    width: 100%;
    height: 350rem;
  }
}
@media only screen and (max-width: 391px) {
  .about .content .video {
    height: 250rem;
  }
}
.about .content .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about .content .video__preload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 16rem 16rem 0;
  background: #FFFFFF;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .about .content .video__preload {
    padding: 0 8rem 8rem 0;
  }
}
.about .content .video__preload .img {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.about .content .video__preload .img img {
  max-width: 100%;
  border-radius: 20rem;
}
@media only screen and (max-width: 1024px) {
  .about .content .video__preload .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: none;
    border-radius: 10rem;
  }
}
.about .content .video__preload .play {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 72rem;
  transform: translateY(-50%);
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .about .content .video__preload .play {
    left: 72rem;
  }
  .about .content .video__preload .play img {
    width: 100rem;
  }
}
@media only screen and (max-width: 391px) {
  .about .content .video__preload .play {
    left: 35rem;
  }
}
.about .content .video__preload .play p {
  font-weight: 500;
  font-size: 17rem;
  line-height: 20rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .about .content .video__preload .play p {
    font-size: 10rem;
    line-height: 12rem;
  }
}
.about .content .video__preload .play p.--orange {
  color: #FFA800;
}
.about .content .video__preload .play div {
  margin-left: -55rem;
}
@media only screen and (max-width: 1024px) {
  .about .content .video__preload .play div {
    margin-left: -25rem;
  }
}
.about .content .video__preload:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 408rem;
  height: 300rem;
  background: #FFA800;
  border-radius: 20rem;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .about .content .video__preload:after {
    width: 201rem;
    height: 147rem;
    border-radius: 10rem;
  }
}
.about .content .video__preload.hide {
  display: none;
}
.about .content .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}
.about .content .text .name {
  margin-bottom: 21rem;
  font-weight: 700;
  font-size: 35rem;
  line-height: 24rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .about .content .text .name {
    margin-bottom: 12rem;
    font-size: 18rem;
    line-height: 1;
  }
}
.about .content .text .status {
  margin-bottom: 35rem;
  font-weight: 500;
  font-size: 20rem;
  line-height: 24rem;
  color: #000000;
}
@media only screen and (max-width: 1024px) {
  .about .content .text .status {
    margin-bottom: 18rem;
    font-size: 16rem;
    line-height: 1;
  }
}
.about .content .text p {
  font-size: 17rem;
  line-height: 25rem;
  color: #5C5C5C;
}
@media only screen and (max-width: 1024px) {
  .about .content .text p {
    font-size: 14rem;
    line-height: 17rem;
  }
}
.about .content .text .btn {
  margin-top: 35rem;
}
@media only screen and (max-width: 1024px) {
  .about .content .text .btn {
    width: 100%;
    margin-top: 18rem;
  }
}
@media only screen and (max-width: 1024px) {
  .about .content .text .btn-group {
    width: 100%;
  }
}

.why__us {
  padding: 130rem 0;
}
@media only screen and (max-width: 1024px) {
  .why__us {
    padding: 65rem 0;
  }
}
.why__us .container > .title {
  position: relative;
  margin-bottom: 35rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .why__us .container > .title {
    margin-bottom: 25rem;
    font-size: 22rem;
    line-height: 30rem;
    text-align: center;
  }
}
.why__us .container > .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .why__us .container > .title:before {
    right: 0;
    margin: 0 auto;
  }
}
.why__us .container > .title span {
  color: #FFFFFF;
}
.why__us .container > .title + p {
  max-width: 970rem;
  margin-bottom: 74rem;
  font-style: normal;
  font-weight: 400;
  font-size: 20rem;
  line-height: 25rem;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 1024px) {
  .why__us .container > .title + p {
    margin-bottom: 40rem;
    font-size: 16rem;
    line-height: 19rem;
    text-align: center;
  }
}
.why__us .container .list {
  display: flex;
  flex-wrap: wrap;
  gap: 74rem 43rem;
}
@media only screen and (max-width: 1024px) {
  .why__us .container .list {
    display: none;
  }
}
.why__us .container .list .item {
  display: flex;
  width: calc(25% - 33rem);
  gap: 25rem;
}
.why__us .container .list .item .img {
  display: flex;
  align-items: flex-start;
  min-width: 65rem;
}
.why__us .container .list .item .img img {
  max-width: 100%;
}
.why__us .container .list .item .title {
  margin-bottom: 10rem;
  font-weight: 700;
  font-size: 23rem;
  line-height: 31rem;
  text-transform: uppercase;
}
.why__us .container .list .item .text {
  font-size: 20rem;
  line-height: 25rem;
  color: rgba(255, 255, 255, 0.7);
}
.why__us .why-us-slider {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .why__us .why-us-slider {
    display: flex;
  }
  .why__us .why-us-slider .swiper-slide {
    display: flex;
    flex-direction: column;
    gap: 40rem;
  }
  .why__us .why-us-slider .swiper-slide .item {
    display: flex;
    width: calc(25% - 33rem);
    gap: 25rem;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .why__us .why-us-slider .swiper-slide .item {
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .why__us .why-us-slider .swiper-slide .item .img {
    display: flex;
    align-items: flex-start;
    min-width: 65rem;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .why__us .why-us-slider .swiper-slide .item .img {
    align-items: center;
  }
}
@media only screen and (max-width: 1024px) {
  .why__us .why-us-slider .swiper-slide .item .img img {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (max-width: 1024px) {
  .why__us .why-us-slider .swiper-slide .item .title {
    margin-bottom: 10rem;
    font-weight: 700;
    font-size: 23rem;
    line-height: 31rem;
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .why__us .why-us-slider .swiper-slide .item .title {
    font-size: 14rem;
    line-height: 19rem;
  }
}
@media only screen and (max-width: 1024px) {
  .why__us .why-us-slider .swiper-slide .item .text {
    font-size: 20rem;
    line-height: 25rem;
    color: rgba(255, 255, 255, 0.7);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .why__us .why-us-slider .swiper-slide .item .text {
    font-size: 16rem;
    line-height: 25rem;
  }
}
.why__us .why-us-navbar {
  display: none;
  position: relative;
  margin-top: 40rem;
}
@media only screen and (max-width: 1024px) {
  .why__us .why-us-navbar {
    display: block;
  }
}
.why__us .why-us-navbar .swiper-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.why__us .why-us-navbar .swiper-nav .swiper-nav-btn {
  cursor: pointer;
}
.why__us .why-us-navbar .swiper-nav .swiper-nav-btn.swiper-button-disabled {
  cursor: auto;
}
.why__us .why-us-navbar .swiper-nav .swiper-nav-btn.swiper-button-disabled svg path {
  fill: rgba(255, 168, 0, 0.4);
}
.why__us .why-us-navbar .swiper-nav .why-us-prev svg {
  rotate: 180deg;
}
.why__us .why-us-navbar .why-us-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.why__us .why-us-navbar .why-us-pagination .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 2rem solid transparent;
  background: none;
  opacity: 1;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .why__us .why-us-navbar .why-us-pagination .swiper-pagination-bullet {
    min-width: 15rem;
    height: 15rem;
  }
}
.why__us .why-us-navbar .why-us-pagination .swiper-pagination-bullet:before {
  position: absolute;
  width: 10rem;
  height: 10rem;
  background: #D7D7D7;
  border-radius: 50%;
  transition: 0.3s ease;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .why__us .why-us-navbar .why-us-pagination .swiper-pagination-bullet:before {
    width: 7.5rem;
    height: 7.5rem;
  }
}
.why__us .why-us-navbar .why-us-pagination .swiper-pagination-bullet-active {
  border-color: #FFA800;
}
.why__us .why-us-navbar .why-us-pagination .swiper-pagination-bullet-active:before {
  background: #FFA800;
}

.main__choose {
  padding: 130rem 0;
  background: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .main__choose {
    padding: 65rem 0;
  }
}
.main__choose .content {
  display: flex;
  flex-wrap: wrap;
  gap: 88rem;
}
@media only screen and (max-width: 1024px) {
  .main__choose .content {
    gap: 30rem;
  }
}
.main__choose .content .left {
  width: 44%;
  max-width: 620rem;
}
@media only screen and (max-width: 1024px) {
  .main__choose .content .left {
    width: 100%;
  }
}
.main__choose .content .left > .title {
  position: relative;
  margin-bottom: 60rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #191919;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__choose .content .left > .title {
    margin-bottom: 40rem;
    font-size: 22rem;
    line-height: 32rem;
  }
}
.main__choose .content .left > .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.main__choose .content .left > .title span {
  color: #FFA800;
}
.main__choose .content .left .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20rem;
}
@media only screen and (max-width: 1024px) {
  .main__choose .content .left .list {
    gap: 12rem;
  }
}
.main__choose .content .left .list .item {
  display: flex;
  position: relative;
  border-radius: 10rem;
  cursor: pointer;
  overflow: hidden;
}
.main__choose .content .left .list .item img {
  width: 100%;
}
.main__choose .content .left .list .item:before, .main__choose .content .left .list .item:after {
  position: absolute;
  content: "";
  opacity: 0;
  transition: 0.3s ease;
}
.main__choose .content .left .list .item:hover:before {
  top: 50%;
  left: 38rem;
  transform: translateY(-50%);
  width: 56rem;
  height: 56rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/check_lg.svg) center center/100% no-repeat;
  opacity: 1;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .main__choose .content .left .list .item:hover:before {
    left: 20rem;
    width: 32rem;
    height: 32rem;
  }
}
.main__choose .content .left .list .item:hover:after {
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(25, 25, 25, 0.6), rgba(25, 25, 25, 0.6));
  border-radius: 10rem;
  border: 3rem solid #FFA800;
  opacity: 1;
}
.main__choose .content .right {
  flex: 1;
  position: relative;
  min-height: 100%;
  padding-left: 18rem;
}
@media only screen and (max-width: 1024px) {
  .main__choose .content .right {
    padding-left: 7rem;
  }
}
.main__choose .content .right .form__container {
  position: relative;
  min-height: 100%;
  padding: 80rem 70rem;
  background: #303030;
  border-radius: 20rem;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .main__choose .content .right .form__container {
    padding: 40rem 35rem;
  }
}
.main__choose .content .right .form__container .form__title {
  margin-bottom: 20rem;
  font-weight: 700;
  font-size: 23rem;
  line-height: 31rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__choose .content .right .form__container .form__title {
    margin-bottom: 10rem;
    font-size: 18rem;
    line-height: 24rem;
  }
}
.main__choose .content .right .form__container .form__title span {
  color: #FFFFFF;
}
.main__choose .content .right .form__container .form__text {
  margin-bottom: 40rem;
  font-size: 17rem;
  line-height: 25rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .main__choose .content .right .form__container .form__text {
    margin-bottom: 20rem;
    font-size: 14rem;
    line-height: 17rem;
  }
}
.main__choose .content .right .form__container .form-group + .form-group {
  margin-top: 30rem;
}
@media only screen and (max-width: 1024px) {
  .main__choose .content .right .form__container .form-group + .form-group {
    margin-top: 20rem;
  }
}
.main__choose .content .right .form__container .btn {
  width: 100%;
  margin-top: 35rem;
}
@media only screen and (max-width: 1024px) {
  .main__choose .content .right .form__container .btn {
    margin-top: 20rem;
  }
}
.main__choose .content .right:after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 408rem;
  height: 465rem;
  background: #FFA800;
  border-radius: 20rem;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .main__choose .content .right:after {
    top: 40rem;
    width: 194rem;
    height: 220rem;
    transform: none;
  }
}

.used__cars {
  padding: 130rem 0;
  background: #F6F6F7;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .used__cars {
    padding: 65rem 0;
  }
}
.used__cars .title {
  position: relative;
  margin-bottom: 21rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #191919;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .used__cars .title {
    margin-bottom: 12rem;
    font-size: 22rem;
    line-height: 32rem;
    text-align: left;
  }
}
.used__cars .title span {
  color: #FFA800;
}
.used__cars .note {
  margin-bottom: 35rem;
  font-weight: 500;
  font-size: 20rem;
  line-height: 24rem;
  color: #000000;
}
@media only screen and (max-width: 1024px) {
  .used__cars .note {
    margin-bottom: 18rem;
    font-size: 16rem;
    line-height: 24rem;
    text-align: left;
  }
}
.used__cars p {
  max-width: 1305rem;
  margin: 0 auto;
  font-size: 17rem;
  line-height: 25rem;
  color: #5C5C5C;
}
@media only screen and (max-width: 1024px) {
  .used__cars p {
    font-size: 14rem;
    line-height: 17rem;
    text-align: left;
  }
}
.used__cars .btn {
  margin: 35rem auto 60rem;
}
@media only screen and (max-width: 1024px) {
  .used__cars .btn {
    width: 100%;
    margin: 18rem auto 20rem;
  }
}
.used__cars .video {
  display: flex;
  position: relative;
  height: 670rem;
  margin-bottom: 17rem;
}
@media only screen and (max-width: 1024px) {
  .used__cars .video {
    height: auto;
    margin-bottom: 5rem;
  }
}
.used__cars .video .preload {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20rem;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .used__cars .video .preload {
    border-radius: 5rem;
    position: relative;
    width: 100%;
    height: auto;
  }
}
.used__cars .video .preload > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.used__cars .video .preload .play {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
}
.used__cars .video .preload .play .title {
  margin-bottom: 40rem;
  font-weight: 700;
  font-size: 30rem;
  line-height: 20rem;
  text-transform: uppercase;
  color: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .used__cars .video .preload .play .title {
    margin-bottom: 10rem;
    font-size: 12rem;
  }
}
.used__cars .video .preload .play img {
  width: 250rem;
  height: 250rem;
}
@media only screen and (max-width: 1024px) {
  .used__cars .video .preload .play img {
    width: 60rem;
    height: 60rem;
  }
}
.used__cars .video .preload .play .time {
  margin-top: 30rem;
  font-weight: 700;
  font-size: 17rem;
  line-height: 25rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .used__cars .video .preload .play .time {
    margin-top: 7rem;
    font-size: 8rem;
  }
}
.used__cars .video .preload:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(25, 25, 25, 0.35), rgba(25, 25, 25, 0.35));
  content: "";
}
.used__cars .video:after {
  position: absolute;
  bottom: -17rem;
  left: 50%;
  transform: translate(-50%);
  width: 1180rem;
  height: 300rem;
  background: #FFA800;
  border-radius: 20rem;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .used__cars .video:after {
    bottom: -5rem;
    position: absolute;
    width: 285rem;
    height: 72rem;
    border-radius: 5rem;
  }
}

.main__steps {
  padding: 130rem 0;
  background: url(/wp-content/themes/exp_car/assets/img/steps-bg.jpg) center center/cover no-repeat;
}
@media only screen and (max-width: 1024px) {
  .main__steps {
    padding: 65rem 0;
  }
}
.main__steps .container > .title {
  position: relative;
  margin-bottom: 70rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__steps .container > .title {
    margin-bottom: 40rem;
    font-size: 22rem;
    line-height: 30rem;
  }
}
.main__steps .container > .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.main__steps .container > .title span {
  color: #FFFFFF;
}
.main__steps .container .list {
  display: flex;
  flex-wrap: wrap;
  gap: 50rem 30rem;
}
@media only screen and (max-width: 1024px) {
  .main__steps .container .list {
    display: none;
  }
}
.main__steps .container .list .item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(25% - 23rem);
  align-items: center;
  padding: 45rem 29rem 22rem;
  text-align: center;
}
.main__steps .container .list .item .num {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -20rem;
  width: 40rem;
  height: 40rem;
  border: 1rem solid #FFFFFF;
  border-radius: 50%;
  font-weight: 700;
  font-size: 18rem;
  line-height: 25rem;
  letter-spacing: 0.1em;
  color: transparent;
  -webkit-text-stroke: 1rem #FFFFFF;
}
.main__steps .container .list .item .line {
  width: 100%;
  max-width: 260rem;
  height: 1rem;
  margin: 20rem 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 49.72%, rgba(255, 255, 255, 0) 99.62%);
  border-radius: 1rem;
}
.main__steps .container .list .item .text {
  font-size: 20rem;
  line-height: 25rem;
  color: rgba(255, 255, 255, 0.7);
}
.main__steps .container .list .item:nth-child(5):before {
  display: none;
}
.main__steps .container .list .item:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/wp-content/themes/exp_car/assets/img/border.png) center center/100% 100% no-repeat;
  content: "";
}
.main__steps .container .list .item + .item:before {
  position: absolute;
  bottom: 108rem;
  left: -22rem;
  width: 17rem;
  height: 18rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/step-next.svg) center center/100% no-repeat;
  content: "";
}
.main__steps .container .list.item-count-6 .item {
  width: calc(33.3333333333% - 23rem);
}
.main__steps .container .list.item-count-6 .item:nth-child(4):before {
  display: none;
}
.main__steps .container .list.item-count-6 .item:nth-child(5):before {
  display: block;
}
.main__steps .container .main-steps-slider {
  display: none;
  padding-top: 20rem;
}
@media only screen and (max-width: 1024px) {
  .main__steps .container .main-steps-slider {
    display: flex;
  }
}
.main__steps .container .main-steps-slider .swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 60rem;
}
.main__steps .container .main-steps-slider .item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  align-items: center;
  padding: 50rem 30rem 26rem;
  text-align: center;
}
.main__steps .container .main-steps-slider .item .num {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -20rem;
  width: 40rem;
  height: 40rem;
  border: 1rem solid #FFFFFF;
  border-radius: 50%;
  font-weight: 700;
  font-size: 18rem;
  line-height: 25rem;
  letter-spacing: 0.1em;
  color: transparent;
  -webkit-text-stroke: 1rem #FFFFFF;
}
.main__steps .container .main-steps-slider .item .line {
  width: 100%;
  max-width: 260rem;
  height: 1rem;
  margin: 20rem 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 49.72%, rgba(255, 255, 255, 0) 99.62%);
  border-radius: 1rem;
}
.main__steps .container .main-steps-slider .item .text {
  font-size: 16rem;
  line-height: 19rem;
  color: rgba(255, 255, 255, 0.7);
}
.main__steps .container .main-steps-slider .item:nth-child(5):before {
  display: none;
}
.main__steps .container .main-steps-slider .item:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/wp-content/themes/exp_car/assets/img/border.png) center center/100% 100% no-repeat;
  content: "";
}
.main__steps .container .main-steps-slider .item + .item:before {
  position: absolute;
  top: -48rem;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
  width: 17rem;
  height: 18rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/step-next.svg) center center/100% no-repeat;
  content: "";
}
.main__steps .container .main-steps-navbar {
  display: none;
  position: relative;
  margin-top: 40rem;
}
@media only screen and (max-width: 1024px) {
  .main__steps .container .main-steps-navbar {
    display: block;
  }
}
.main__steps .container .main-steps-navbar .swiper-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.main__steps .container .main-steps-navbar .swiper-nav .swiper-nav-btn {
  cursor: pointer;
}
.main__steps .container .main-steps-navbar .swiper-nav .swiper-nav-btn.swiper-button-disabled {
  cursor: auto;
}
.main__steps .container .main-steps-navbar .swiper-nav .swiper-nav-btn.swiper-button-disabled svg path {
  fill: rgba(255, 168, 0, 0.4);
}
.main__steps .container .main-steps-navbar .swiper-nav .main-steps-prev svg {
  rotate: 180deg;
}
.main__steps .container .main-steps-navbar .main-steps-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main__steps .container .main-steps-navbar .main-steps-pagination .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 2rem solid transparent;
  background: none;
  opacity: 1;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .main__steps .container .main-steps-navbar .main-steps-pagination .swiper-pagination-bullet {
    min-width: 15rem;
    height: 15rem;
  }
}
.main__steps .container .main-steps-navbar .main-steps-pagination .swiper-pagination-bullet:before {
  position: absolute;
  width: 10rem;
  height: 10rem;
  background: #D7D7D7;
  border-radius: 50%;
  transition: 0.3s ease;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .main__steps .container .main-steps-navbar .main-steps-pagination .swiper-pagination-bullet:before {
    width: 7.5rem;
    height: 7.5rem;
  }
}
.main__steps .container .main-steps-navbar .main-steps-pagination .swiper-pagination-bullet-active {
  border-color: #FFA800;
}
.main__steps .container .main-steps-navbar .main-steps-pagination .swiper-pagination-bullet-active:before {
  background: #FFA800;
}

.main__check {
  padding: 130rem 0;
  background: #FFFFFF;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .main__check {
    padding: 65rem 0;
  }
}
.main__check .container {
  display: flex;
  flex-wrap: wrap;
}
.main__check .container .left {
  display: flex;
  position: relative;
  flex: 1;
}
@media only screen and (max-width: 1024px) {
  .main__check .container .left {
    flex-direction: column;
    margin-bottom: 20rem;
  }
}
.main__check .container .left .title {
  position: relative;
  margin-bottom: 70rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__check .container .left .title {
    margin-bottom: 0;
    font-size: 22rem;
    line-height: 32rem;
  }
  .main__check .container .left .title:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100rem;
    height: 2rem;
    background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
    content: "";
  }
}
.main__check .container .left .title span {
  color: #191919;
}
.main__check .container .left .img {
  display: flex;
  position: absolute;
  top: 50rem;
  right: 0;
}
@media only screen and (max-width: 1780px) {
  .main__check .container .left .img {
    top: 0;
    right: -150rem;
    scale: 0.7;
    z-index: 0;
  }
}
@media only screen and (max-width: 1240px) {
  .main__check .container .left .img {
    top: -100rem;
    right: -250rem;
    scale: 0.6;
    z-index: 0;
  }
}
@media only screen and (max-width: 1200px) {
  .main__check .container .left .img {
    right: -295rem;
  }
}
@media only screen and (max-width: 1024px) {
  .main__check .container .left .img {
    position: relative;
    width: calc(100% + 40rem);
    top: 0;
    right: 0;
    scale: 1;
    z-index: 0;
    margin: 0 0 0 -20rem;
  }
  .main__check .container .left .img img {
    width: 100%;
  }
}
.main__check .container .left .img #all-parts {
  position: absolute;
  top: 29%;
  left: 14%;
}
@media only screen and (max-width: 1024px) {
  .main__check .container .left .img #all-parts {
    top: 28%;
    left: 12%;
    width: 385rem;
    height: 190rem;
  }
}
@media only screen and (max-width: 391px) {
  .main__check .container .left .img #all-parts {
    top: 66rem;
    left: 51rem;
    width: 273rem;
    height: 150rem;
  }
}
.main__check .container .left .img #all-parts path {
  transition: 0.3s ease;
  cursor: pointer;
}
.main__check .container .left .img #all-parts path.active {
  fill: #FFFFFF;
}
.main__check .container .right {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  position: relative;
  width: 770rem;
  gap: 20rem;
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  .main__check .container .right {
    grid-template-columns: repeat(2, 1fr);
    gap: 10rem;
  }
}
.main__check .container .right .item {
  display: flex;
  align-items: center;
  gap: 20rem;
  padding: 20rem 40rem 20rem 20rem;
  background: #FFA800;
  border-radius: 20rem;
  border: 1rem solid transparent;
  transition: 0.3s ease;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .main__check .container .right .item {
    gap: 10rem;
    padding: 14rem;
  }
}
.main__check .container .right .item .img {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 65rem;
  width: 65rem;
  min-height: 65rem;
  height: 65rem;
  background: #FFFFFF;
  border-radius: 50%;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .main__check .container .right .item .img {
    min-width: 45rem;
    width: 45rem;
    min-height: 45rem;
    height: 45rem;
  }
}
.main__check .container .right .item .img svg {
  max-width: 100%;
}
.main__check .container .right .item .img svg path {
  transition: 0.3s ease;
}
.main__check .container .right .item .text {
  font-weight: 500;
  font-size: 22rem;
  line-height: 25rem;
  color: #191919;
}
@media only screen and (max-width: 1024px) {
  .main__check .container .right .item .text {
    font-size: 17rem;
    line-height: 1;
  }
}
.main__check .container .right .item.active, .main__check .container .right .item:hover {
  background: #FFFFFF;
  border-color: #FFA800;
}
.main__check .container .right .item.active .img, .main__check .container .right .item:hover .img {
  background: #FFA800;
}
.main__check .container .right .item.active .img svg path, .main__check .container .right .item:hover .img svg path {
  fill: #FFFFFF;
}

.main__services {
  padding: 130rem 0;
  background: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .main__services {
    padding: 65rem 0;
  }
}
.main__services .container > .title {
  position: relative;
  margin-bottom: 50rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #191919;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .main__services .container > .title {
    margin-bottom: 40rem;
    font-size: 22rem;
    line-height: 30rem;
    text-align: left;
  }
}
.main__services .container > .title:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line_white.svg) center center/cover no-repeat;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .main__services .container > .title:before {
    left: 0;
    transform: none;
  }
}
.main__services .container > .title span {
  color: #FFFFFF;
}
.main__services .container .list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 724rem;
  gap: 16rem;
}
@media only screen and (max-width: 1024px) {
  .main__services .container .list {
    display: none;
  }
}
.main__services .container .list .item {
  flex: 1;
  position: relative;
}
.main__services .container .list .item__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 60rem 22rem;
  transition: 0.3s ease;
  z-index: 1;
}
.main__services .container .list .item__wrapper .img {
  display: flex;
  align-items: flex-end;
  height: 151rem;
  margin-bottom: 40rem;
}
.main__services .container .list .item__wrapper .img img {
  max-width: 100%;
  height: 100%;
}
.main__services .container .list .item__wrapper .title {
  margin-bottom: 40rem;
  font-weight: 700;
  font-size: 30rem;
  line-height: 43rem;
  color: #FFA800;
  text-transform: uppercase;
  transition: 0.3s ease;
}
.main__services .container .list .item__wrapper .price {
  width: 100%;
}
.main__services .container .list .item__wrapper .price li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 25rem;
  line-height: 40rem;
  color: #FFFFFF;
  transition: 0.3s ease;
}
.main__services .container .list .item__wrapper .price li span {
  font-weight: 400;
}
.main__services .container .list .item__wrapper .btn {
  width: 100%;
  margin-top: 50rem;
}
.main__services .container .list .item:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 20rem;
  background: #191919;
  content: "";
  transition: 0.3s ease;
}
.main__services .container .list .item:first-child .item__wrapper .img {
  padding-bottom: 10rem;
}
.main__services .container .list .item:first-child .item__wrapper .img img {
  height: 102rem;
}
.main__services .container .list .item:hover {
  z-index: 1;
}
.main__services .container .list .item:hover .item__wrapper .price li {
  font-size: 22rem;
  line-height: 40rem;
  color: #191919;
}
.main__services .container .list .item:hover:after {
  width: calc(100% + 60rem);
  height: calc(100% + 100rem);
  border-radius: 20rem;
  background: #FFFFFF;
  box-shadow: 0 0 60rem rgba(173, 173, 173, 0.3);
}
.main__services .container .main-services-slider {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .main__services .container .main-services-slider {
    display: flex;
  }
  .main__services .container .main-services-slider .swiper-slide {
    display: flex;
    flex-direction: column;
    gap: 40rem;
  }
  .main__services .container .main-services-slider .swiper-slide .item {
    position: relative;
    flex: 1;
  }
  .main__services .container .main-services-slider .swiper-slide .item__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 70rem 20rem;
    border-radius: 15rem;
    box-shadow: 0 0 60rem rgba(173, 173, 173, 0.3);
    transition: 0.3s ease;
    z-index: 1;
  }
  .main__services .container .main-services-slider .swiper-slide .item .img {
    display: flex;
    align-items: flex-end;
    height: 95rem;
    margin-bottom: 28rem;
  }
  .main__services .container .main-services-slider .swiper-slide .item .img img {
    height: 100%;
  }
  .main__services .container .main-services-slider .swiper-slide .item .title {
    margin-bottom: 28rem;
    font-weight: 700;
    font-size: 16rem;
    line-height: 23rem;
    color: #FFA800;
    text-transform: uppercase;
  }
  .main__services .container .main-services-slider .swiper-slide .item .price {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20rem;
  }
  .main__services .container .main-services-slider .swiper-slide .item .price li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    font-size: 14rem;
    line-height: 28rem;
    color: #FFFFFF;
  }
  .main__services .container .main-services-slider .swiper-slide .item .price li span {
    font-weight: 400;
  }
  .main__services .container .main-services-slider .swiper-slide .item .btn {
    width: 100%;
    margin-top: 40rem;
  }
  .main__services .container .main-services-slider .swiper-slide .item:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 20rem;
    background: #191919;
    content: "";
    transition: 0.3s ease;
  }
  .main__services .container .main-services-slider .swiper-slide .item:hover {
    z-index: 1;
  }
  .main__services .container .main-services-slider .swiper-slide .item:hover .item__wrapper .price li {
    color: #191919;
  }
  .main__services .container .main-services-slider .swiper-slide .item:hover:after {
    background: #FFFFFF;
    box-shadow: 0 0 60rem rgba(173, 173, 173, 0.3);
  }
  .main__services .container .main-services-slider .swiper-slide .item:hover .btn {
    border-color: #FFA800;
    color: #FFA800;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .main__services .container .main-services-slider .swiper-slide .item.--main .item__wrapper {
    padding-top: 85rem;
  }
}
@media only screen and (max-width: 1024px) {
  .main__services .container .main-services-slider .swiper-slide .item.--main .item__wrapper .img {
    height: 75rem;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .main__services .container .main-services-slider .swiper-slide .item.--main .item__wrapper .img {
    margin-bottom: 33rem;
  }
}
.main__services .container .main-services-navbar {
  display: none;
  position: relative;
  margin-top: 40rem;
}
@media only screen and (max-width: 1024px) {
  .main__services .container .main-services-navbar {
    display: block;
  }
}
.main__services .container .main-services-navbar .swiper-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.main__services .container .main-services-navbar .swiper-nav .swiper-nav-btn {
  cursor: pointer;
}
.main__services .container .main-services-navbar .swiper-nav .swiper-nav-btn.swiper-button-disabled {
  cursor: auto;
}
.main__services .container .main-services-navbar .swiper-nav .swiper-nav-btn.swiper-button-disabled svg path {
  fill: rgba(255, 168, 0, 0.4);
}
.main__services .container .main-services-navbar .swiper-nav .main-services-prev svg {
  rotate: 180deg;
}
.main__services .container .main-services-navbar .main-services-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main__services .container .main-services-navbar .main-services-pagination .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 2rem solid transparent;
  background: none;
  opacity: 1;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .main__services .container .main-services-navbar .main-services-pagination .swiper-pagination-bullet {
    min-width: 15rem;
    height: 15rem;
  }
}
.main__services .container .main-services-navbar .main-services-pagination .swiper-pagination-bullet:before {
  position: absolute;
  width: 10rem;
  height: 10rem;
  background: #D7D7D7;
  border-radius: 50%;
  transition: 0.3s ease;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .main__services .container .main-services-navbar .main-services-pagination .swiper-pagination-bullet:before {
    width: 7.5rem;
    height: 7.5rem;
  }
}
.main__services .container .main-services-navbar .main-services-pagination .swiper-pagination-bullet-active {
  border-color: #FFFFFF;
}
.main__services .container .main-services-navbar .main-services-pagination .swiper-pagination-bullet-active:before {
  background: #FFFFFF;
}

.main__selection {
  padding: 130rem 0;
  background: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .main__selection {
    padding: 65rem 0;
  }
}
.main__selection .container > .title {
  position: relative;
  margin-bottom: 35rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__selection .container > .title {
    margin-bottom: 25rem;
    font-size: 22rem;
    line-height: 30rem;
  }
}
.main__selection .container > .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.main__selection .container > .title span {
  color: #191919;
}
.main__selection .container > p {
  max-width: 1000rem;
  margin-bottom: 70rem;
  font-size: 20rem;
  line-height: 25rem;
  color: #5C5C5C;
}
@media only screen and (max-width: 1024px) {
  .main__selection .container > p {
    margin-bottom: 65rem;
    font-size: 16rem;
    line-height: 19rem;
  }
}
.main__selection .container .steps__title {
  margin-bottom: 55rem;
  font-weight: 700;
  font-size: 30rem;
  line-height: 43rem;
  color: #191919;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__selection .container .steps__title {
    margin-bottom: 20rem;
    font-size: 16rem;
    line-height: 23rem;
  }
}
.main__selection .container .steps__list {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30rem;
}
@media only screen and (max-width: 1024px) {
  .main__selection .container .steps__list {
    flex-direction: column;
    gap: 10rem;
  }
}
.main__selection .container .steps__list .item {
  display: flex;
  align-items: flex-start;
  position: relative;
  gap: 25rem;
}
@media only screen and (max-width: 1024px) {
  .main__selection .container .steps__list .item {
    flex-direction: column;
    align-items: center;
    gap: 12rem;
    padding: 14rem;
    text-align: center;
    background: #F6F6F7;
    border-radius: 20rem;
  }
}
.main__selection .container .steps__list .item .num {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 90rem;
  height: 90rem;
  background: #FFA800;
  border-radius: 50%;
  font-weight: 700;
  font-size: 30rem;
  line-height: 41rem;
  color: #191919;
}
@media only screen and (max-width: 1024px) {
  .main__selection .container .steps__list .item .num {
    min-width: 65rem;
    height: 65rem;
    font-size: 26rem;
    line-height: 35rem;
  }
}
.main__selection .container .steps__list .item .caption {
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
.main__selection .container .steps__list .item .caption .title {
  font-weight: 700;
  font-size: 23rem;
  line-height: 31rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__selection .container .steps__list .item .caption .title {
    font-size: 14rem;
    line-height: 25rem;
  }
}
.main__selection .container .steps__list .item .caption p {
  font-size: 20rem;
  line-height: 25rem;
  color: #5C5C5C;
}
@media only screen and (max-width: 1024px) {
  .main__selection .container .steps__list .item .caption p {
    font-size: 12rem;
    line-height: 14rem;
  }
}
.main__selection .container .steps__list .item:before {
  position: absolute;
  bottom: -23rem;
  left: 57rem;
  width: 123%;
  border: 1rem dashed #FFA800;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .main__selection .container .steps__list .item:before {
    display: none;
  }
}
.main__selection .container .steps__list .item:after {
  position: absolute;
  bottom: -31rem;
  left: 35rem;
  width: 18rem;
  height: 18rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/selection-arrow.svg) center center/100% no-repeat;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .main__selection .container .steps__list .item:after {
    display: none;
  }
}
.main__selection .container .steps__list .item:first-child {
  width: 432rem;
}
@media only screen and (max-width: 1024px) {
  .main__selection .container .steps__list .item:first-child {
    width: 100%;
  }
}
.main__selection .container .steps__list .item:nth-child(2) {
  width: 378rem;
}
@media only screen and (max-width: 1024px) {
  .main__selection .container .steps__list .item:nth-child(2) {
    width: 100%;
  }
}
.main__selection .container .steps__list .item:nth-child(2):before {
  width: 127%;
}
.main__selection .container .steps__list .item:nth-child(3) {
  width: 390rem;
}
@media only screen and (max-width: 1024px) {
  .main__selection .container .steps__list .item:nth-child(3) {
    width: 100%;
  }
}
.main__selection .container .steps__list .item:nth-child(3):before {
  display: none;
}
.main__selection .container .steps__list.--top {
  margin-bottom: 70rem;
}
@media only screen and (max-width: 1024px) {
  .main__selection .container .steps__list.--top {
    margin-bottom: 65rem;
  }
}
.main__selection .container .steps__list.--top .item:nth-child(2) .title {
  white-space: nowrap;
}
.main__selection.--invert {
  background: #FFA800;
}
.main__selection.--invert .container > .title {
  margin-bottom: 70rem;
  color: #191919;
}
@media only screen and (max-width: 1024px) {
  .main__selection.--invert .container > .title {
    margin-bottom: 65rem;
  }
}
.main__selection.--invert .container > .title span {
  color: #FFFFFF;
}
.main__selection.--invert .container > .title:before {
  background-image: url(/wp-content/themes/exp_car/assets/img/icons/title_line_white.svg);
}
@media only screen and (max-width: 1024px) {
  .main__selection.--invert .container .steps__list .item {
    background: #FFFFFF;
  }
}
.main__selection.--invert .container .steps__list .item .num {
  background: #FFFFFF;
  color: #191919;
}
@media only screen and (max-width: 1024px) {
  .main__selection.--invert .container .steps__list .item .num {
    background: #FFA800;
  }
}
.main__selection.--invert .container .steps__list .item .caption .title {
  color: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .main__selection.--invert .container .steps__list .item .caption .title {
    color: #FFA800;
  }
}
.main__selection.--invert .container .steps__list .item .caption p {
  color: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .main__selection.--invert .container .steps__list .item .caption p {
    color: #5C5C5C;
  }
}
.main__selection.--invert .container .steps__list .item:before {
  border-color: #FFFFFF;
}
.main__selection.--invert .container .steps__list .item:after {
  background-image: url(/wp-content/themes/exp_car/assets/img/icons/selection-arrow-white.svg);
}
.main__selection.--invert .container .steps__list.--top {
  margin-bottom: 70rem;
}
@media only screen and (max-width: 1024px) {
  .main__selection.--invert .container .steps__list.--top {
    margin-bottom: 0;
    padding-bottom: 10rem;
  }
}

.about__numbers {
  padding: 130rem 0;
}
@media only screen and (max-width: 1024px) {
  .about__numbers {
    padding: 65rem 0;
  }
}
.about__numbers .container {
  display: flex;
  flex-wrap: wrap;
  gap: 63rem;
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container {
    flex-direction: column-reverse;
    gap: 40rem;
  }
}
.about__numbers .container .video__preload {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50%;
  max-width: 713rem;
  padding: 0 13rem 13rem 0;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container .video__preload {
    width: 100%;
    padding: 0 7rem 7rem 0;
  }
}
.about__numbers .container .video__preload .img {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.about__numbers .container .video__preload .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20rem;
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container .video__preload .img img {
    border-radius: 10rem;
  }
}
.about__numbers .container .video__preload .play {
  display: flex;
  position: absolute;
  z-index: 1;
}
.about__numbers .container .video__preload .play img {
  width: 150rem;
  height: 150rem;
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container .video__preload .play img {
    width: 75rem;
    height: 75rem;
  }
}
.about__numbers .container .video__preload .caption {
  position: absolute;
  bottom: 33rem;
  z-index: 1;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container .video__preload .caption {
    bottom: 10rem;
  }
}
.about__numbers .container .video__preload .caption p {
  font-weight: 700;
  font-size: 17rem;
  line-height: 20rem;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow: 0 4rem 4rem rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container .video__preload .caption p {
    font-size: 8rem;
    line-height: 10rem;
  }
}
.about__numbers .container .video__preload:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 408rem;
  height: 300rem;
  background: #FFA800;
  border-radius: 20rem;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container .video__preload:after {
    width: 204rem;
    height: 150rem;
    border-radius: 10rem;
  }
}
.about__numbers .container .text {
  flex: 1;
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container .text {
    width: 100%;
  }
}
.about__numbers .container .text .title {
  position: relative;
  margin-bottom: 35rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container .text .title {
    margin-bottom: 25rem;
    font-size: 22rem;
    line-height: 30rem;
  }
}
.about__numbers .container .text .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.about__numbers .container .text .title span {
  color: #FFFFFF;
}
.about__numbers .container .text .title + p {
  margin-bottom: 35rem;
  font-size: 20rem;
  line-height: 25rem;
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container .text .title + p {
    font-size: 16rem;
    line-height: 19rem;
    color: rgba(255, 255, 255, 0.7);
  }
}
.about__numbers .container .text .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20rem;
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container .text .list {
    gap: 10rem;
  }
}
.about__numbers .container .text .list .item {
  display: flex;
  flex-direction: column;
  gap: 15rem;
  padding: 30rem 20rem 20rem 25rem;
  border: 1rem solid #FFA800;
  border-radius: 20rem;
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container .text .list .item {
    padding: 14rem 27rem 14rem 14rem;
  }
}
.about__numbers .container .text .list .item .name {
  display: flex;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container .text .list .item .name {
    flex-direction: column;
    position: relative;
    font-size: 14rem;
    line-height: 25rem;
  }
}
.about__numbers .container .text .list .item .name span {
  margin-right: 10rem;
  font-weight: 700;
  font-size: 35rem;
  line-height: 24rem;
  color: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container .text .list .item .name span {
    margin-right: 0;
    font-size: 20rem;
    line-height: 24rem;
  }
}
.about__numbers .container .text .list .item .name #counter-4:after {
  content: "%";
}
.about__numbers .container .text .list .item p {
  font-size: 17rem;
  line-height: 25rem;
}
@media only screen and (max-width: 1024px) {
  .about__numbers .container .text .list .item p {
    font-size: 12rem;
    line-height: 14rem;
  }
}

.main__map {
  padding: 130rem 0;
  background: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .main__map {
    padding: 65rem 0;
  }
}
.main__map .container .head {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .main__map .container .head {
    flex-direction: column;
    margin-bottom: 40rem;
  }
}
.main__map .container .head > .title {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 35rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__map .container .head > .title {
    margin-bottom: 25rem;
    font-size: 22rem;
    line-height: 30rem;
  }
}
.main__map .container .head > .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.main__map .container .head > .title span {
  color: #191919;
}
.main__map .container .head p {
  font-size: 20rem;
  line-height: 25rem;
  color: #5C5C5C;
  text-align: right;
}
@media only screen and (max-width: 1024px) {
  .main__map .container .head p {
    font-size: 16rem;
    line-height: 19rem;
    color: rgba(92, 92, 92, 0.7);
    text-align: left;
  }
}
.main__map .container #map {
  position: relative;
}
.main__map .container #map .map__empty {
  display: flex;
  width: 100%;
}
.main__map .container #map .map__empty img {
  width: 100%;
}
.main__map .container #map .map__regions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main__map .container #map .map__regions .item {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
}
.main__map .container #map .map__regions .item > img {
  width: 100%;
  display: none;
}
.main__map .container #map .map__regions .item .city {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  gap: 10rem;
  scale: 0.9;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .main__map .container #map .map__regions .item .city {
    gap: 5rem;
  }
}
@media only screen and (max-width: 450px) {
  .main__map .container #map .map__regions .item .city {
    scale: 0.8;
  }
}
@media only screen and (max-width: 390px) {
  .main__map .container #map .map__regions .item .city {
    scale: 0.65;
  }
}
.main__map .container #map .map__regions .item .city .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 60rem;
  height: 60rem;
}
.main__map .container #map .map__regions .item .city .icon img {
  width: 100%;
  position: relative;
  z-index: 1;
}
.main__map .container #map .map__regions .item .city .icon:after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #191919;
  border-radius: 50%;
  transform: scale(1);
  opacity: 1;
  animation: pulse 3s infinite forwards;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .main__map .container #map .map__regions .item .city .icon {
    width: 20rem;
    height: 20rem;
  }
}
.main__map .container #map .map__regions .item .city .name {
  font-weight: 700;
  font-size: 20rem;
  line-height: 25rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__map .container #map .map__regions .item .city .name {
    font-size: 8rem;
    line-height: 1;
  }
}
.main__map .container #map .map__regions .item#lviv .city {
  left: 7.5%;
  top: 29.5%;
}
@media only screen and (max-width: 1024px) {
  .main__map .container #map .map__regions .item#lviv .city {
    left: 9.5%;
    top: 23.5%;
  }
}
.main__map .container #map .map__regions .item#ivano-frankivsk .city {
  left: 7.2%;
  top: 42.1%;
  z-index: 1;
}
.main__map .container #map .map__regions .item#ivano-frankivsk .city .name {
  max-width: 90%;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .main__map .container #map .map__regions .item#ivano-frankivsk .city {
    left: 2.2%;
    top: 38.1%;
  }
}
.main__map .container #map .map__regions .item#vinnytsya .city {
  left: 32.8%;
  top: 38.9%;
}
@media only screen and (max-width: 1024px) {
  .main__map .container #map .map__regions .item#vinnytsya .city {
    left: 31.8%;
    top: 36.9%;
  }
}
.main__map .container #map .map__regions .item#kyiv .city {
  left: 44.7%;
  top: 22.5%;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .main__map .container #map .map__regions .item#kyiv .city {
    left: 43.7%;
  }
}
@media only screen and (max-width: 390px) {
  .main__map .container #map .map__regions .item#kyiv .city {
    top: 20.5%;
  }
}
.main__map .container #map .map__regions .item#dnipro .city {
  left: 68%;
  top: 44%;
}
.main__map .container #map .map__regions .item#kharkiv .city {
  left: 77%;
  top: 31%;
}
@media only screen and (max-width: 1024px) {
  .main__map .container #map .map__regions .item#kharkiv .city {
    left: 75%;
  }
}
.main__map .container #map .map__regions .item#poltava .city {
  left: 61.1%;
  top: 28.4%;
}
@media only screen and (max-width: 1024px) {
  .main__map .container #map .map__regions .item#poltava .city {
    left: 60.1%;
  }
}
.main__map .container #map .map__regions .item#odesa .city {
  left: 43%;
  top: 60%;
}
@media only screen and (max-width: 1024px) {
  .main__map .container #map .map__regions .item#odesa .city {
    top: 57%;
  }
}
.main__map .container #map .map__regions .item#cherkasy .city {
  left: 50%;
  top: 33%;
}
.main__map .container #map .map__regions .item#chernihiv .city {
  left: 51%;
  top: 9%;
}
.main__map .container #map .map__regions .item#chernivtsi .city {
  left: 18%;
  top: 49.3%;
  color: #191919;
}
.main__map .container #map .map__regions .item#kherson .city {
  left: 61%;
  top: 66%;
}
.main__map .container #map .map__regions .item#khmelnitsky .city {
  left: 21%;
  top: 26%;
  z-index: 1;
}
.main__map .container #map .map__regions .item#ternopil .city {
  left: 16%;
  top: 35%;
}
.main__map .container #map .map__regions .item#kirovograd .city {
  left: 52%;
  top: 45%;
}
.main__map .container #map .map__regions .item#kirovograd .city {
  left: 52%;
  top: 45%;
}
.main__map .container #map .map__regions .item#lutsk .city {
  left: 13%;
  top: 11%;
}
.main__map .container #map .map__regions .item#mykolaiv .city {
  left: 51%;
  top: 59%;
}
.main__map .container #map .map__regions .item#rivne .city {
  left: 23%;
  top: 13%;
}
.main__map .container #map .map__regions .item#sumy .city {
  left: 62%;
  top: 13%;
}
.main__map .container #map .map__regions .item#uzhgorod .city {
  left: 1%;
  top: 49%;
  color: #191919;
  z-index: 1;
}
.main__map .container #map .map__regions .item#uzhgorod .city .name {
  text-shadow: 0 0 5px #FFFFFF;
}
.main__map .container #map .map__regions .item#zaporizhya .city {
  left: 71%;
  top: 59%;
}
.main__map .container #map .map__regions .item#zhytomyr .city {
  left: 31%;
  top: 17%;
}
.main__map .container #map .map__regions .item.active img {
  display: block;
}
.main__map .container #map .map__regions .item.active .name {
  color: #191919;
}
.main__map .container #map .map__regions:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/wp-content/themes/exp_car/assets/img/map/map-border.png) center center/100% no-repeat;
  content: "";
  z-index: 1;
}
.main__map .container #map .map__regions:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/wp-content/themes/exp_car/assets/img/map/map-border.png) center center/100% no-repeat;
  content: "";
}

.main__works {
  background: #FFFFFF;
  padding: 0 0 130rem;
}
@media only screen and (max-width: 1024px) {
  .main__works {
    padding: 0 0 65rem;
  }
}
.main__works .container {
  position: relative;
}
.main__works .container > .title {
  position: relative;
  margin-bottom: 70rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFA800;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .main__works .container > .title {
    margin-bottom: 40rem;
    font-size: 22rem;
    line-height: 30rem;
    text-align: left;
  }
}
.main__works .container > .title:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .main__works .container > .title:before {
    left: 0;
    transform: none;
  }
}
.main__works .container > .title span {
  color: #191919;
}
.main__works .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35rem;
}
@media only screen and (max-width: 1024px) {
  .main__works .list {
    display: none;
  }
}
.main__works .works-slider {
  display: flex;
}
.main__works .works-slider.--xs {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .main__works .works-slider.--xs {
    display: flex;
  }
}
@media only screen and (max-width: 1024px) {
  .main__works .works-slider {
    height: 722rem;
  }
  .main__works .works-slider .swiper-slide {
    display: flex;
    flex-direction: column;
    gap: 20rem;
  }
  .main__works .works-slider .swiper-slide .item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .main__works .works-slider .swiper-slide .item .img {
    display: flex;
    position: relative;
    margin-bottom: 36rem;
  }
  .main__works .works-slider .swiper-slide .item .img img {
    position: relative;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 15rem;
    z-index: 1;
  }
  .main__works .works-slider .swiper-slide .item .img:after {
    position: absolute;
    bottom: -8rem;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40rem);
    height: 100%;
    background: #FFA800;
    border-radius: 15rem;
    content: "";
  }
  .main__works .works-slider .swiper-slide .item .name {
    width: 100%;
    max-width: 390rem;
    margin-bottom: 19rem;
    font-weight: 700;
    font-size: 18rem;
    line-height: 18rem;
    text-align: center;
    color: #191919;
  }
  .main__works .works-slider .swiper-slide .item .date {
    font-size: 16rem;
    line-height: 18rem;
    text-align: center;
    color: #5C5C5C;
  }
}
@media only screen and (max-width: 460px) {
  .main__works .works-slider {
    height: 874rem;
  }
}
.main__works .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.main__works .item .img {
  display: flex;
  position: relative;
  margin-bottom: 48rem;
  padding-bottom: 10rem;
  overflow: hidden;
  border-radius: 20rem;
}
.main__works .item .img img {
  position: relative;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 20rem;
  z-index: 1;
  transition: 0.3s ease;
}
.main__works .item .img:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 50rem);
  height: 100%;
  background: #FFA800;
  border-radius: 20rem;
  content: "";
}
.main__works .item .name {
  width: 100%;
  max-width: 390rem;
  margin-bottom: 25rem;
  font-weight: 700;
  font-size: 23rem;
  line-height: 24rem;
  text-align: center;
  color: #191919;
  transition: 0.3s ease;
}
.main__works .item .name:hover {
  color: #FFA800;
  text-decoration: underline;
}
.main__works .item .date {
  font-size: 20rem;
  line-height: 24rem;
  text-align: center;
  color: #5C5C5C;
}
.main__works .item:hover img {
  scale: 1.1;
}
.main__works .works-navbar {
  position: absolute;
  top: 130rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 150rem);
}
.main__works .works-navbar.--xs {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .main__works .works-navbar.--xs {
    display: flex;
  }
  .main__works .works-navbar.--xs .swiper-nav {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .main__works .works-navbar {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    margin-top: 40rem;
  }
}
.main__works .works-navbar .swiper-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.main__works .works-navbar .swiper-nav .swiper-nav-btn {
  cursor: pointer;
}
.main__works .works-navbar .swiper-nav .swiper-nav-btn.swiper-button-disabled {
  cursor: auto;
}
.main__works .works-navbar .swiper-nav .swiper-nav-btn.swiper-button-disabled svg path {
  fill: rgba(255, 168, 0, 0.4);
}
.main__works .works-navbar .swiper-nav .works-prev svg {
  rotate: 180deg;
}
.main__works .works-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40rem;
}
@media only screen and (max-width: 1024px) {
  .main__works .works-pagination {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
  }
  .main__works .works-pagination.--lg {
    display: none;
  }
}
.main__works .works-pagination .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 2rem solid transparent;
  background: none;
  opacity: 1;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .main__works .works-pagination .swiper-pagination-bullet {
    min-width: 15rem;
    height: 15rem;
  }
}
.main__works .works-pagination .swiper-pagination-bullet:before {
  position: absolute;
  width: 10rem;
  height: 10rem;
  background: #D7D7D7;
  border-radius: 50%;
  transition: 0.3s ease;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .main__works .works-pagination .swiper-pagination-bullet:before {
    width: 7.5rem;
    height: 7.5rem;
  }
}
.main__works .works-pagination .swiper-pagination-bullet-active {
  border-color: #FFA800;
}
.main__works .works-pagination .swiper-pagination-bullet-active:before {
  background: #FFA800;
}
.main__works.--page {
  padding: 130rem 0;
}
@media only screen and (max-width: 1024px) {
  .main__works.--page {
    padding: 65rem 0;
  }
}

.main__cars-slider {
  padding: 130rem 0;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider {
    padding: 65rem 0;
  }
}
.main__cars-slider .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 70rem;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .head {
    margin-bottom: 40rem;
  }
  .main__cars-slider .head .btn {
    display: none;
  }
}
.main__cars-slider .head > .title {
  position: relative;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFFFFF;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .head > .title {
    font-size: 22rem;
    line-height: 30rem;
  }
}
.main__cars-slider .head > .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.main__cars-slider .head > .title span {
  color: #FFA800;
}
.main__cars-slider .content {
  position: relative;
}
.main__cars-slider .content .info__slider {
  display: flex;
  position: relative;
  max-height: 722rem;
  padding: 64rem 38rem;
  gap: 10rem;
  background: #FFFFFF;
  border-radius: 20rem;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider {
    flex-direction: column;
    max-height: none;
    padding: 20rem 0;
  }
}
.main__cars-slider .content .info__slider .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 594rem;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide {
    height: auto;
  }
}
.main__cars-slider .content .info__slider .swiper-slide .left {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 50%;
  max-width: 634rem;
  height: 100%;
  margin: 0;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide .left {
    width: 100%;
    max-width: none;
    height: auto;
  }
}
.main__cars-slider .content .info__slider .swiper-slide .left .name {
  margin-bottom: 43rem;
  font-weight: 700;
  font-size: 30rem;
  line-height: 35rem;
  color: #191919;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide .left .name {
    margin-bottom: 40rem;
    padding: 0 30rem;
    font-size: 24rem;
    line-height: 35rem;
    text-align: center;
  }
}
.main__cars-slider .content .info__slider .swiper-slide .left .stats {
  display: flex;
  justify-content: flex-start;
  gap: 45rem;
  margin-bottom: 15rem;
  padding: 35rem 60rem 40rem 50rem;
  border: 1rem solid #FFA800;
  border-radius: 20rem;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide .left .stats {
    padding: 0 10rem;
    border: none;
  }
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide .left .stats {
    flex-direction: column;
  }
}
.main__cars-slider .content .info__slider .swiper-slide .left .stats .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  gap: 39rem 20rem;
  flex: 1;
  align-items: center;
}
.main__cars-slider .content .info__slider .swiper-slide .left .stats .list .item {
  display: flex;
  flex-direction: column;
  gap: 9rem;
  font-size: 20rem;
  line-height: 1;
  color: #5C5C5C;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide .left .stats .list .item {
    font-size: 19rem;
  }
}
.main__cars-slider .content .info__slider .swiper-slide .left .stats .list .item span {
  font-weight: 700;
  color: #191919;
}
.main__cars-slider .content .info__slider .swiper-slide .left .stats .price {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40rem 23rem 35rem;
  background: #FFA800;
  border-radius: 20rem;
  font-size: 20rem;
  line-height: 24rem;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide .left .stats .price {
    align-items: flex-start;
    padding: 20rem 25rem 25rem 115rem;
    text-align: left;
  }
}
.main__cars-slider .content .info__slider .swiper-slide .left .stats .price img {
  width: 65rem;
  height: 65rem;
  margin-bottom: 30rem;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide .left .stats .price img {
    position: absolute;
    left: 35rem;
    margin-bottom: 0;
  }
}
.main__cars-slider .content .info__slider .swiper-slide .left .stats .price span {
  margin-bottom: 10rem;
  font-weight: 700;
}
.main__cars-slider .content .info__slider .swiper-slide .left .description {
  display: flex;
  padding: 20rem 4rem 20rem 25rem;
  border: 1rem solid #FFA800;
  border-radius: 20rem;
  font-size: 17rem;
  line-height: 25rem;
  color: #5C5C5C;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide .left .description {
    padding: 20rem;
    border: none;
  }
}
.main__cars-slider .content .info__slider .swiper-slide .left .description .text {
  width: 100%;
  height: 100%;
  padding-right: 46rem;
  overflow-y: auto;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide .left .description .text {
    padding-right: 0;
    text-align: center;
  }
}
.main__cars-slider .content .info__slider .swiper-slide .left .description .text::-webkit-scrollbar {
  width: 5rem;
}
.main__cars-slider .content .info__slider .swiper-slide .left .description .text::-webkit-scrollbar-track {
  background: transparent;
}
.main__cars-slider .content .info__slider .swiper-slide .left .description .text::-webkit-scrollbar-thumb {
  background: #FFA800;
  border-radius: 25rem;
}
.main__cars-slider .content .info__slider .swiper-slide .gallery-container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 53%;
  max-width: 728rem;
  height: 100%;
  gap: 17rem;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide .gallery-container {
    width: 100%;
    max-width: none;
    max-height: none;
    height: auto;
    gap: 10rem;
  }
}
.main__cars-slider .content .info__slider .swiper-slide .gallery-container .gallery {
  display: flex;
  flex: 1;
  position: relative;
  width: 100%;
  border-radius: 20rem;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide .gallery-container .gallery {
    min-height: 246rem;
    border-radius: 0;
  }
}
.main__cars-slider .content .info__slider .swiper-slide .gallery-container .gallery img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 20rem;
  opacity: 0;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide .gallery-container .gallery img {
    border-radius: 0;
  }
}
.main__cars-slider .content .info__slider .swiper-slide .gallery-container .gallery img.active {
  opacity: 1;
}
.main__cars-slider .content .info__slider .swiper-slide .gallery-container .thumbnails {
  display: flex;
  width: 100%;
  gap: 13rem;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide .gallery-container .thumbnails {
    gap: 7rem;
    padding: 0 10rem;
  }
}
.main__cars-slider .content .info__slider .swiper-slide .gallery-container .thumbnails img {
  min-width: 110rem;
  height: 55rem;
  object-fit: cover;
  border-radius: 10rem;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .content .info__slider .swiper-slide .gallery-container .thumbnails img {
    min-width: 49rem;
    height: 24rem;
    border-radius: 5rem;
  }
}
.main__cars-slider .content .info__slider .swiper-slide .gallery-container .thumbnails img.active {
  opacity: 0.3;
}
.main__cars-slider .content .info__slider .swiper-slide .gallery-container .thumbnails::-webkit-scrollbar {
  height: 5rem;
}
.main__cars-slider .content .info__slider .swiper-slide .gallery-container .thumbnails::-webkit-scrollbar-track {
  background: transparent;
}
.main__cars-slider .content .info__slider .swiper-slide .gallery-container .thumbnails::-webkit-scrollbar-thumb {
  background: #FFA800;
  border-radius: 25rem;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .cars-navbar {
    position: relative;
  }
}
.main__cars-slider .cars-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 150rem);
  left: 50%;
  z-index: 1;
}
.main__cars-slider .cars-nav .swiper-nav-btn {
  cursor: pointer;
}
.main__cars-slider .cars-nav .swiper-nav-btn.swiper-button-disabled {
  cursor: auto;
}
.main__cars-slider .cars-nav .swiper-nav-btn.swiper-button-disabled svg path {
  opacity: 0.4;
}
.main__cars-slider .cars-nav .cars-prev svg {
  rotate: 180deg;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .cars-nav.hidden-xs {
    display: none;
  }
}
.main__cars-slider .cars-nav.hidden-lg {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .cars-nav.hidden-lg {
    display: flex;
  }
}
.main__cars-slider .cars-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 50rem;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .cars-pagination {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
}
.main__cars-slider .cars-pagination .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 2rem solid transparent;
  background: none;
  opacity: 1;
  transition: 0.3s ease;
}
.main__cars-slider .cars-pagination .swiper-pagination-bullet:before {
  position: absolute;
  width: 10rem;
  height: 10rem;
  background: #D7D7D7;
  border-radius: 50%;
  transition: 0.3s ease;
  content: "";
}
.main__cars-slider .cars-pagination .swiper-pagination-bullet-active {
  border-color: #FFA800;
}
.main__cars-slider .cars-pagination .swiper-pagination-bullet-active:before {
  background: #FFA800;
}
.main__cars-slider .hidden-lg {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .main__cars-slider .hidden-lg {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    margin-top: 40rem;
  }
}

.main__reviews {
  padding: 130rem 0;
  background: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .main__reviews {
    padding: 65rem 0;
  }
}
.main__reviews .container > .title {
  position: relative;
  margin-bottom: 70rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #191919;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .main__reviews .container > .title {
    margin-bottom: 40rem;
    font-size: 22rem;
    line-height: 30rem;
  }
}
.main__reviews .container > .title:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.main__reviews .container > .title span {
  color: #FFA800;
}
.main__reviews .container .swiper-slide {
  padding-top: 75rem;
  background: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .main__reviews .container .swiper-slide {
    padding-top: 50rem;
  }
}
.main__reviews .container .swiper-slide-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0 39rem 50rem;
  align-items: center;
  background: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .main__reviews .container .swiper-slide-wrapper {
    padding: 0 30rem 40rem;
    border-radius: 15rem;
  }
}
.main__reviews .container .swiper-slide-wrapper .img {
  position: relative;
  width: 200rem;
  height: 200rem;
  margin: -75rem 0 45rem;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .main__reviews .container .swiper-slide-wrapper .img {
    width: 100rem;
    height: 100rem;
    margin: -50rem 0 30rem;
  }
}
.main__reviews .container .swiper-slide-wrapper .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.main__reviews .container .swiper-slide-wrapper .name {
  margin-bottom: 20rem;
  font-weight: 700;
  font-size: 26rem;
  line-height: 24rem;
  color: #191919;
}
@media only screen and (max-width: 1024px) {
  .main__reviews .container .swiper-slide-wrapper .name {
    margin-bottom: 15rem;
    font-size: 18rem;
    line-height: 18rem;
  }
}
.main__reviews .container .swiper-slide-wrapper .info {
  margin-bottom: 40rem;
  font-size: 20rem;
  line-height: 24rem;
  color: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .main__reviews .container .swiper-slide-wrapper .info {
    margin-bottom: 30rem;
    font-size: 16rem;
    line-height: 18rem;
  }
}
.main__reviews .container .swiper-slide-wrapper .info span {
  font-weight: 700;
}
.main__reviews .container .swiper-slide-wrapper .description {
  margin-bottom: 40rem;
  font-size: 20rem;
  line-height: 25rem;
  color: #5C5C5C;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .main__reviews .container .swiper-slide-wrapper .description {
    font-size: 16rem;
    line-height: 19rem;
  }
}
.main__reviews .container .swiper-slide-wrapper .btn {
  width: 100%;
  padding: 20rem 0;
}
.main__reviews .container .swiper-slide-wrapper a {
  position: absolute;
  top: 15rem;
  right: 15rem;
}
.main__reviews .container .swiper-slide-wrapper:after {
  position: absolute;
  left: 1rem;
  width: calc(100% - 2rem);
  height: 100%;
  border: 1rem solid #D7D7D7;
  border-radius: 20rem;
  pointer-events: none;
  content: "";
}
.main__reviews-slider {
  position: relative;
  padding: 0 2rem;
}
@media only screen and (max-width: 1024px) {
  .main__reviews-slider .reviews-navbar {
    position: relative;
    margin-top: 40rem;
  }
}
.main__reviews-slider .reviews-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 150rem);
  left: 50%;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .main__reviews-slider .reviews-nav {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
  }
}
.main__reviews-slider .reviews-nav .swiper-nav-btn {
  cursor: pointer;
}
.main__reviews-slider .reviews-nav .swiper-nav-btn.swiper-button-disabled {
  cursor: auto;
}
.main__reviews-slider .reviews-nav .swiper-nav-btn.swiper-button-disabled svg path {
  opacity: 0.4;
}
.main__reviews-slider .reviews-nav .reviews-prev svg {
  rotate: 180deg;
}
.main__reviews-slider .reviews-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50rem;
}
@media only screen and (max-width: 1024px) {
  .main__reviews-slider .reviews-pagination {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
}
.main__reviews-slider .reviews-pagination .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 2rem solid transparent;
  background: none;
  opacity: 1;
  transition: 0.3s ease;
}
.main__reviews-slider .reviews-pagination .swiper-pagination-bullet:before {
  position: absolute;
  width: 10rem;
  height: 10rem;
  background: #D7D7D7;
  border-radius: 50%;
  transition: 0.3s ease;
  content: "";
}
.main__reviews-slider .reviews-pagination .swiper-pagination-bullet-active {
  border-color: #FFA800;
}
.main__reviews-slider .reviews-pagination .swiper-pagination-bullet-active:before {
  background: #FFA800;
}

.main__video-reviews {
  padding: 130rem 0;
  background: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .main__video-reviews {
    padding: 65rem 0;
  }
}
.main__video-reviews .container > .title {
  position: relative;
  margin-bottom: 70rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #191919;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .main__video-reviews .container > .title {
    margin-bottom: 40rem;
    padding: 0 44rem 10rem;
    font-size: 22rem;
    line-height: 30rem;
  }
}
.main__video-reviews .container > .title:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line_white.svg) center center/cover no-repeat;
  content: "";
}
.main__video-reviews .container > .title span {
  color: #FFFFFF;
}
.main__video-reviews .container .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25rem 10rem 10rem;
  background: #F6F6F7;
  border-radius: 20rem;
}
@media only screen and (max-width: 1024px) {
  .main__video-reviews .container .swiper-slide {
    padding: 18rem 7rem 6rem;
  }
}
.main__video-reviews .container .swiper-slide .name {
  margin-bottom: 20rem;
  font-weight: 700;
  font-size: 25rem;
  line-height: 25rem;
  color: #191919;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__video-reviews .container .swiper-slide .name {
    margin-bottom: 14rem;
    font-size: 18rem;
    line-height: 19rem;
  }
}
.main__video-reviews .container .swiper-slide .rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12rem;
  margin-bottom: 25rem;
}
@media only screen and (max-width: 1024px) {
  .main__video-reviews .container .swiper-slide .rating {
    gap: 9rem;
    margin-bottom: 19rem;
  }
  .main__video-reviews .container .swiper-slide .rating img {
    width: 20rem;
  }
}
.main__video-reviews .container .swiper-slide .preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 20rem;
}
.main__video-reviews .container .swiper-slide .preview > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 20rem;
  transition: 0.3s ease;
  scale: 1;
}
.main__video-reviews .container .swiper-slide .preview .play {
  position: absolute;
  pointer-events: none;
}
.main__video-reviews .container .swiper-slide .preview .play img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .main__video-reviews .container .swiper-slide .preview .play {
    width: 120rem;
    height: 120rem;
  }
}
.main__video-reviews .container .swiper-slide:hover .preview > img {
  scale: 1.2;
}
.main__video-reviews_slider {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .main__video-reviews_slider .video-reviews-navbar {
    position: relative;
    margin-top: 40rem;
  }
}
.main__video-reviews_slider .video-reviews-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 150rem);
  left: 50%;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .main__video-reviews_slider .video-reviews-nav {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
  }
}
.main__video-reviews_slider .video-reviews-nav .swiper-nav-btn {
  cursor: pointer;
}
.main__video-reviews_slider .video-reviews-nav .swiper-nav-btn.swiper-button-disabled {
  cursor: auto;
}
.main__video-reviews_slider .video-reviews-nav .swiper-nav-btn.swiper-button-disabled svg path {
  opacity: 0.4;
}
.main__video-reviews_slider .video-reviews-nav .video-reviews-prev svg {
  rotate: 180deg;
}
.main__video-reviews_slider .video-reviews-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50rem;
}
@media only screen and (max-width: 1024px) {
  .main__video-reviews_slider .video-reviews-pagination {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
}
.main__video-reviews_slider .video-reviews-pagination .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 2rem solid transparent;
  background: none;
  opacity: 1;
  transition: 0.3s ease;
}
.main__video-reviews_slider .video-reviews-pagination .swiper-pagination-bullet:before {
  position: absolute;
  width: 10rem;
  height: 10rem;
  background: #D7D7D7;
  border-radius: 50%;
  transition: 0.3s ease;
  content: "";
}
.main__video-reviews_slider .video-reviews-pagination .swiper-pagination-bullet-active {
  border-color: #FFFFFF;
}
.main__video-reviews_slider .video-reviews-pagination .swiper-pagination-bullet-active:before {
  background: #FFFFFF;
}

.main__form-small {
  background: url(/wp-content/themes/exp_car/assets/img/form-bg-1.jpg) center center/cover no-repeat;
  overflow-x: clip;
}
.main__form-small .container {
  position: relative;
  padding: 117rem 16rem 130rem;
}
@media only screen and (max-width: 1024px) {
  .main__form-small .container {
    padding: 65rem 20rem;
  }
}
.main__form-small .container > .title {
  position: relative;
  margin-bottom: 20rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__form-small .container > .title {
    font-size: 22rem;
    line-height: 30rem;
  }
}
.main__form-small .container > .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.main__form-small .container > .title span {
  color: #FFFFFF;
}
.main__form-small .container > p {
  margin-bottom: 36rem;
  font-weight: 500;
  font-size: 20rem;
  line-height: 25rem;
}
@media only screen and (max-width: 1024px) {
  .main__form-small .container > p {
    margin-bottom: 40rem;
    font-size: 16rem;
    line-height: 19rem;
    color: rgba(255, 255, 255, 0.7);
  }
}
.main__form-small .container form {
  display: flex;
  align-items: flex-end;
  position: relative;
  gap: 30rem;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .main__form-small .container form {
    flex-direction: column;
    gap: 0;
  }
}
.main__form-small .container form > * {
  width: 33.3333333333%;
}
@media only screen and (max-width: 1024px) {
  .main__form-small .container form > * {
    width: 100%;
    margin-top: 20rem !important;
  }
  .main__form-small .container form > * input {
    height: 50rem;
  }
}
.main__form-small .container form .btn {
  height: 62rem;
}
@media only screen and (max-width: 1024px) {
  .main__form-small .container form .btn {
    height: 48rem;
  }
}
.main__form-small .container .form__photo {
  display: flex;
  position: absolute;
  width: 619rem;
  right: -220rem;
  bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .main__form-small .container .form__photo {
    display: none;
  }
}
.main__form-small .container .form__photo img {
  max-width: 100%;
}

.main__risks {
  padding: 130rem 0;
  background: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .main__risks {
    padding: 65rem 0;
  }
}
.main__risks .container > .title {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 70rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__risks .container > .title {
    margin-bottom: 40rem;
    font-size: 22rem;
    line-height: 32rem;
  }
}
.main__risks .container > .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.main__risks .container > .title span {
  color: #191919;
}
.main__risks .container .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30rem;
}
@media only screen and (max-width: 1024px) {
  .main__risks .container .list {
    gap: 10rem;
  }
}
.main__risks .container .list .item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 35rem;
  padding: 30rem 60rem 30rem 30rem;
  background: #F6F6F7;
  border-radius: 20rem;
}
@media only screen and (max-width: 1024px) {
  .main__risks .container .list .item {
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 14rem;
    gap: 10rem;
  }
}
.main__risks .container .list .item .img {
  width: 135rem;
}
@media only screen and (max-width: 1024px) {
  .main__risks .container .list .item .img {
    width: 65rem;
  }
}
.main__risks .container .list .item .img img {
  max-width: 100%;
}
.main__risks .container .list .item .caption {
  flex: 1;
}
.main__risks .container .list .item .caption .name {
  margin-bottom: 20rem;
  font-weight: 700;
  font-size: 25rem;
  line-height: 24rem;
  color: #000000;
}
@media only screen and (max-width: 1024px) {
  .main__risks .container .list .item .caption .name {
    margin-bottom: 16rem;
    font-size: 14rem;
    line-height: 25rem;
    text-align: center;
  }
}
.main__risks .container .list .item .caption p {
  font-size: 20rem;
  line-height: 25rem;
  color: #5C5C5C;
}
@media only screen and (max-width: 1024px) {
  .main__risks .container .list .item .caption p {
    font-size: 12rem;
    line-height: 14rem;
    text-align: center;
  }
}

.main__faq {
  position: relative;
  padding: 130rem 0;
}
@media only screen and (max-width: 1024px) {
  .main__faq {
    padding: 65rem 0;
    overflow: hidden;
  }
}
.main__faq:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 305rem;
  height: 609rem;
  background: url(/wp-content/themes/exp_car/assets/img/faq-left.svg) center center/100% auto no-repeat;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .main__faq:before {
    top: 56rem;
    width: 122rem;
    height: 243rem;
  }
}
.main__faq:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 609rem;
  height: 305rem;
  background: url(/wp-content/themes/exp_car/assets/img/faq-right.svg) center center/100% auto no-repeat;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .main__faq:after {
    right: -140rem;
    bottom: -20rem;
    width: 324rem;
    height: 162rem;
  }
}
.main__faq .container > .title {
  position: relative;
  margin-bottom: 38rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__faq .container > .title {
    margin-bottom: 40rem;
    font-size: 22rem;
    line-height: 30rem;
  }
}
.main__faq .container > .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.main__faq .container > .title span {
  color: #FFFFFF;
}
.main__faq .container .accordion {
  width: 100%;
}
.main__faq .container .accordion-item {
  margin-bottom: 10rem;
}
.main__faq .container .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 85rem;
  gap: 35rem;
  font-weight: 700;
  font-size: 23rem;
  line-height: 31rem;
  text-transform: uppercase;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .main__faq .container .accordion-header {
    height: auto;
    font-size: 14rem;
    line-height: 19rem;
  }
}
.main__faq .container .accordion-header img {
  width: 48rem;
  height: 48rem;
  margin: auto 0;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .main__faq .container .accordion-header img {
    width: 24rem;
    height: 24rem;
  }
}
.main__faq .container .accordion-header.active img {
  transform: rotateZ(45deg);
}
.main__faq .container .accordion-content {
  max-height: 0;
  padding-top: 38rem;
  transition: max-height 0.4s ease, padding 0.4s ease;
  border-bottom: 1rem solid #D7D7D7;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .main__faq .container .accordion-content {
    padding-top: 20rem;
  }
}
.main__faq .container .accordion-content ul {
  padding-left: 27rem;
  list-style: disc;
}
.main__faq .container .accordion-content ul li {
  font-size: 20rem;
  line-height: 25rem;
  color: #bcbcbc;
}
@media only screen and (max-width: 1024px) {
  .main__faq .container .accordion-content ul li {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.main__faq .container .accordion .active + .accordion-content {
  padding: 20rem 0 38rem;
}
@media only screen and (max-width: 1024px) {
  .main__faq .container .accordion .active + .accordion-content {
    padding: 20rem 0;
  }
}
.main__faq .container .accordion .accordion-item + .accordion-item {
  margin-top: 38rem;
}
@media only screen and (max-width: 1024px) {
  .main__faq .container .accordion .accordion-item + .accordion-item {
    margin-top: 20rem;
  }
}
.main__faq .faq-navbar {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .main__faq .faq-navbar {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 40rem;
  }
  .main__faq .faq-navbar .faq-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 150rem);
    left: 50%;
    z-index: 1;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .main__faq .faq-navbar .faq-nav {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .main__faq .faq-navbar .faq-nav .swiper-nav-btn {
    cursor: pointer;
  }
  .main__faq .faq-navbar .faq-nav .swiper-nav-btn.swiper-button-disabled {
    cursor: auto;
  }
  .main__faq .faq-navbar .faq-nav .swiper-nav-btn.swiper-button-disabled svg path {
    opacity: 0.4;
  }
}
@media only screen and (max-width: 1024px) {
  .main__faq .faq-navbar .faq-nav .faq-prev svg {
    rotate: 180deg;
  }
}
@media only screen and (max-width: 1024px) {
  .main__faq .faq-navbar .faq-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50rem;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .main__faq .faq-navbar .faq-pagination {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .main__faq .faq-navbar .faq-pagination .swiper-pagination-bullet {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20rem;
    height: 20rem;
    border-radius: 50%;
    border: 2rem solid transparent;
    background: none;
    opacity: 1;
    transition: 0.3s ease;
  }
  .main__faq .faq-navbar .faq-pagination .swiper-pagination-bullet:before {
    position: absolute;
    width: 10rem;
    height: 10rem;
    background: #D7D7D7;
    border-radius: 50%;
    transition: 0.3s ease;
    content: "";
  }
  .main__faq .faq-navbar .faq-pagination .swiper-pagination-bullet-active {
    border-color: #FFA800;
  }
  .main__faq .faq-navbar .faq-pagination .swiper-pagination-bullet-active:before {
    background: #FFA800;
  }
}

.main__instagram {
  background: #FFFFFF;
}
.main__instagram > .title {
  position: relative;
  padding: 100rem 0;
  background: #FFA800;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFFFFF;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__instagram > .title {
    padding: 65rem 0;
    font-size: 22rem;
    line-height: 30rem;
  }
}
.main__instagram > .title .container {
  display: flex;
  align-items: center;
  gap: 12rem;
}
@media only screen and (max-width: 1024px) {
  .main__instagram > .title .container {
    position: relative;
    justify-content: center;
  }
  .main__instagram > .title .container:before {
    position: absolute;
    bottom: -10rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100rem;
    height: 2rem;
    background: url(/wp-content/themes/exp_car/assets/img/icons/title_line_white.svg) center center/cover no-repeat;
    content: "";
  }
}
.main__instagram > .title .container .insta-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  gap: 40rem;
  margin-left: auto;
  z-index: 1;
}
.main__instagram > .title .container .insta-nav .swiper-nav-btn {
  cursor: pointer;
}
.main__instagram > .title .container .insta-nav .swiper-nav-btn.swiper-button-disabled {
  cursor: auto;
}
.main__instagram > .title .container .insta-nav .swiper-nav-btn.swiper-button-disabled svg path {
  opacity: 0.4;
}
.main__instagram > .title .container .insta-nav .insta-prev svg {
  rotate: 180deg;
}
@media only screen and (max-width: 1024px) {
  .main__instagram > .title .container .insta-nav {
    display: none;
  }
}
.main__instagram > .title span {
  color: #191919;
}
.main__instagram > .container {
  padding: 70rem 0 130rem;
}
@media only screen and (max-width: 1024px) {
  .main__instagram > .container {
    padding: 40rem 20rem 65rem;
  }
}
.main__instagram .swiper-slide {
  background: #F6F6F7;
  border-radius: 20rem;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .main__instagram .swiper-slide {
    border-radius: 10rem;
  }
}
.main__instagram .swiper-slide .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rem 32rem;
}
@media only screen and (max-width: 1024px) {
  .main__instagram .swiper-slide .header {
    padding: 8rem 12rem;
  }
}
.main__instagram .swiper-slide .header .logo {
  display: flex;
  align-items: center;
  gap: 25rem;
}
@media only screen and (max-width: 1024px) {
  .main__instagram .swiper-slide .header .logo {
    gap: 8rem;
  }
}
.main__instagram .swiper-slide .header .logo img {
  width: 45rem;
  height: 45rem;
}
@media only screen and (max-width: 1024px) {
  .main__instagram .swiper-slide .header .logo img {
    width: 16rem;
    height: 16rem;
  }
}
.main__instagram .swiper-slide .header .logo span {
  font-size: 25rem;
  line-height: 25rem;
  color: #5C5C5C;
}
@media only screen and (max-width: 1024px) {
  .main__instagram .swiper-slide .header .logo span {
    font-size: 12rem;
    line-height: 17rem;
  }
}
.main__instagram .swiper-slide .header a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main__instagram .swiper-slide .header a img {
  width: 45rem;
  height: 45rem;
}
@media only screen and (max-width: 1024px) {
  .main__instagram .swiper-slide .header a img {
    width: 16rem;
    height: 16rem;
  }
}
.main__instagram .swiper-slide .img {
  position: relative;
  display: block;
  width: 100%;
  height: 472rem;
}
@media only screen and (max-width: 1024px) {
  .main__instagram .swiper-slide .img {
    width: 100%;
    height: auto;
  }
}
.main__instagram .swiper-slide .img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.main__instagram .swiper-slide .img .copy {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 22rem;
  right: 32rem;
  background: none;
  border: none;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .main__instagram .swiper-slide .img .copy {
    top: 8rem;
    right: 12rem;
  }
}
.main__instagram .swiper-slide .img .copy img {
  width: 40rem;
  height: 40rem;
}
@media only screen and (max-width: 1024px) {
  .main__instagram .swiper-slide .img .copy img {
    width: 15rem;
    height: 15rem;
  }
}
@media only screen and (max-width: 1024px) {
  .main__instagram .insta-navbar {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 40rem;
  }
}
.main__instagram .insta-navbar .insta-nav {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .main__instagram .insta-navbar .insta-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    gap: 40rem;
    z-index: 1;
  }
  .main__instagram .insta-navbar .insta-nav .swiper-nav-btn {
    cursor: pointer;
  }
  .main__instagram .insta-navbar .insta-nav .swiper-nav-btn.swiper-button-disabled {
    cursor: auto;
  }
  .main__instagram .insta-navbar .insta-nav .swiper-nav-btn.swiper-button-disabled svg path {
    opacity: 0.4;
  }
  .main__instagram .insta-navbar .insta-nav .insta-prev svg {
    rotate: 180deg;
  }
}
.main__instagram .insta-navbar .insta-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50rem;
}
@media only screen and (max-width: 1024px) {
  .main__instagram .insta-navbar .insta-pagination {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0;
  }
}
.main__instagram .insta-navbar .insta-pagination .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 2rem solid transparent;
  background: none;
  opacity: 1;
  transition: 0.3s ease;
}
.main__instagram .insta-navbar .insta-pagination .swiper-pagination-bullet:before {
  position: absolute;
  width: 10rem;
  height: 10rem;
  background: #D7D7D7;
  border-radius: 50%;
  transition: 0.3s ease;
  content: "";
}
.main__instagram .insta-navbar .insta-pagination .swiper-pagination-bullet-active {
  border-color: #FFA800;
}
.main__instagram .insta-navbar .insta-pagination .swiper-pagination-bullet-active:before {
  background: #FFA800;
}

.main__form-large {
  padding: 0 0 130rem;
  background: #FFFFFF;
}
.main__form-large.--pt {
  padding-top: 130rem;
}
@media only screen and (max-width: 1024px) {
  .main__form-large.--pt {
    padding: 40rem 0 65rem;
  }
}
.main__form-large .container > .title {
  position: relative;
  margin-bottom: 70rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFA800;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .main__form-large .container > .title {
    margin-bottom: 40rem;
    font-size: 22rem;
    line-height: 32rem;
  }
}
.main__form-large .container > .title:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.main__form-large .container > .title span {
  color: #191919;
}
.main__form-large .container .form__wrapper {
  position: relative;
  transform: translateX(10rem);
  padding: 80rem 70rem 80rem 100rem;
  background: #303030;
  border-radius: 20rem;
}
@media only screen and (max-width: 1024px) {
  .main__form-large .container .form__wrapper {
    transform: none;
    padding: 40rem 34rem;
    border-radius: 10rem;
  }
}
.main__form-large .container .form__wrapper:before {
  position: absolute;
  top: 50%;
  left: -17rem;
  transform: translateY(-50%);
  width: 17rem;
  height: 465rem;
  background: #FFA800;
  border-radius: 20rem 0 0 20rem;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .main__form-large .container .form__wrapper:before {
    top: auto;
    bottom: 58rem;
    left: -7rem;
    transform: none;
    width: 7rem;
    height: 220rem;
    border-radius: 10rem 0 0 10rem;
  }
}
.main__form-large .container .form__wrapper .form {
  display: flex;
  flex-direction: column;
  max-width: 580rem;
}
.main__form-large .container .form__wrapper .form .name {
  max-width: 510rem;
  margin-bottom: 40rem;
  font-weight: 700;
  font-size: 30rem;
  line-height: 41rem;
  text-transform: uppercase;
  color: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .main__form-large .container .form__wrapper .form .name {
    margin-bottom: 20rem;
    font-size: 18rem;
    line-height: 24rem;
  }
}
.main__form-large .container .form__wrapper .form .name span {
  color: #FFA800;
}
.main__form-large .container .form__wrapper .form .form-group + .form-group {
  margin-top: 30rem;
}
@media only screen and (max-width: 1024px) {
  .main__form-large .container .form__wrapper .form .form-group + .form-group {
    margin-top: 20rem;
  }
}
.main__form-large .container .form__wrapper .form .btn {
  width: 100%;
  margin-top: 35rem;
}
@media only screen and (max-width: 1024px) {
  .main__form-large .container .form__wrapper .form .btn {
    margin-top: 20rem;
  }
}
.main__form-large .container .form__wrapper .img {
  position: absolute;
  right: 86rem;
  bottom: 0;
  width: 636rem;
}
@media only screen and (max-width: 1024px) {
  .main__form-large .container .form__wrapper .img {
    display: none;
  }
}
.main__form-large .container .form__wrapper .img img {
  max-width: 100%;
}
.main__form-large .container .form__wrapper:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/wp-content/themes/exp_car/assets/img/circle-form.svg) right center/auto no-repeat;
  content: "";
  pointer-events: none;
}
.main__form-large.--hidden {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .main__form-large.--hidden {
    display: block;
  }
}

.main__news {
  padding: 0 0 130rem;
  background: #FFFFFF;
}
.main__news .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 70rem;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .main__news .head {
    margin-bottom: 40rem;
  }
  .main__news .head .btn {
    display: none;
  }
}
.main__news .head .title {
  position: relative;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFA800;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main__news .head .title {
    font-size: 22rem;
    line-height: 30rem;
  }
}
.main__news .head .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.main__news .head .title span {
  color: #191919;
}
.main__news .head .subtitle {
  font-weight: 700;
  font-size: 48rem;
  line-height: 35rem;
  color: #191919;
}
@media only screen and (max-width: 1024px) {
  .main__news .head .subtitle {
    font-size: 32rem;
  }
}
.main__news .head p {
  margin-top: 35rem;
  font-weight: 500;
  font-size: 20rem;
  line-height: 25rem;
  color: #5C5C5C;
}
.main__news .head .btn {
  width: 330rem;
}
.main__news .head .news-nav {
  position: unset;
  width: auto;
  transform: none;
  gap: 40rem;
}
.main__news .content {
  position: relative;
}
.main__news .swiper {
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .main__news .swiper {
    height: 820rem;
  }
}
.main__news .news-navbar {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .main__news .news-navbar {
    display: flex;
    position: relative;
    margin-top: 40rem;
  }
}
.main__news .news-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 132rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 150rem);
  z-index: 1;
}
.main__news .news-nav .swiper-nav-btn {
  cursor: pointer;
}
.main__news .news-nav .swiper-nav-btn svg {
  width: 50rem;
  height: 50rem;
}
.main__news .news-nav .swiper-nav-btn.swiper-button-disabled {
  cursor: auto;
}
.main__news .news-nav .swiper-nav-btn.swiper-button-disabled svg path {
  opacity: 0.4;
}
.main__news .news-nav .news-prev svg {
  rotate: 180deg;
}
@media only screen and (max-width: 1024px) {
  .main__news .news-nav.hidden-xs {
    display: none;
  }
}
.main__news .news-nav.hidden-lg {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .main__news .news-nav.hidden-lg {
    display: flex;
  }
}
.main__news .news-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 50rem;
}
@media only screen and (max-width: 1024px) {
  .main__news .news-pagination {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
}
.main__news .news-pagination .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 2rem solid transparent;
  background: none;
  opacity: 1;
  transition: 0.3s ease;
}
.main__news .news-pagination .swiper-pagination-bullet:before {
  position: absolute;
  width: 10rem;
  height: 10rem;
  background: #D7D7D7;
  border-radius: 50%;
  transition: 0.3s ease;
  content: "";
}
.main__news .news-pagination .swiper-pagination-bullet-active {
  border-color: #FFA800;
}
.main__news .news-pagination .swiper-pagination-bullet-active:before {
  background: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .main__news .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    justify-content: center;
  }
}
.main__news .hidden-lg {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .main__news .hidden-lg {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
  }
}
.main__news .btn.hidden-lg {
  margin-top: 30rem;
}
@media only screen and (max-width: 1024px) {
  .main__news .btn.hidden-xs {
    display: none;
  }
}

.news-item {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  .news-item {
    text-align: center;
  }
}
.news-item .img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 326rem;
  margin-bottom: 38rem;
  padding-bottom: 11rem;
  border-radius: 20rem;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .news-item .img {
    height: 248rem;
    margin-bottom: 28rem;
  }
}
.news-item .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  border-radius: 20rem;
  transition: 0.3s ease;
}
.news-item .img:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 410rem;
  height: 300rem;
  background: #FFA800;
  border-radius: 20rem;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .news-item .img:after {
    width: 311rem;
    height: 228rem;
    background: #FFA800;
    border-radius: 15rem;
  }
}
.news-item .category {
  margin-bottom: 12rem;
  align-self: baseline;
  border-bottom: 2px solid transparent;
  font-weight: 700;
  font-size: 23rem;
  line-height: 24rem;
  color: #FFA800;
  text-transform: uppercase;
}
.news-item .category:hover {
  border-color: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .news-item .category {
    font-weight: 700;
    font-size: 18rem;
    line-height: 24rem;
    color: #FFA800;
  }
}
.news-item .title {
  margin-bottom: 12rem;
  font-weight: 700;
  font-size: 26rem;
  line-height: 32rem;
  color: #191919;
}
.news-item .title:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 1024px) {
  .news-item .title {
    font-size: 18rem;
    line-height: 18rem;
  }
}
.news-item .description {
  margin-bottom: 12rem;
  font-size: 23rem;
  line-height: 29rem;
  color: #5C5C5C;
}
@media only screen and (max-width: 1024px) {
  .news-item .description {
    display: none;
  }
}
.news-item .group {
  display: flex;
  align-items: center;
  gap: 45rem;
}
@media only screen and (max-width: 1024px) {
  .news-item .group {
    justify-content: center;
  }
}
.news-item .group .date {
  font-weight: 600;
  font-size: 23rem;
  line-height: 24rem;
  color: #5C5C5C;
}
@media only screen and (max-width: 1024px) {
  .news-item .group .date {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.news-item .group a {
  border-bottom: 2px solid transparent;
  font-weight: 600;
  font-size: 23rem;
  line-height: 24rem;
  color: #FFA800;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .news-item .group a {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.news-item .group a:hover {
  border-color: #FFA800;
}
.news-item:hover .img img {
  scale: 1.1;
}

.auto__services {
  padding: 130rem 0;
  position: relative;
  background: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .auto__services {
    padding: 65rem 0;
  }
}
.auto__services .container > .title {
  position: relative;
  margin-bottom: 70rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #191919;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .auto__services .container > .title {
    margin-bottom: 40rem;
    font-size: 22rem;
    line-height: 32rem;
    text-align: left;
  }
}
.auto__services .container > .title:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line_white.svg) center center/cover no-repeat;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .auto__services .container > .title:before {
    left: 0;
    transform: none;
  }
}
.auto__services .container > .title span {
  color: #FFFFFF;
}
.auto__services .container .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16rem;
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .list {
    display: none;
  }
}
.auto__services .container .list .item__wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 720rem;
  padding: 36rem 24rem;
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .list .item__wrapper {
    height: 700rem;
    padding: 40rem 20rem;
  }
}
.auto__services .container .list .item__wrapper:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 20rem;
  box-shadow: 0 0 42rem rgba(119, 119, 119, 0.2);
  transition: 0.3s ease;
  content: "";
}
.auto__services .container .list .item__wrapper > * {
  position: relative;
  z-index: 1;
}
.auto__services .container .list .item__wrapper .price {
  display: flex;
  align-items: center;
  gap: 30rem;
  padding: 30rem;
  border: 1rem solid #FFFFFF;
  border-radius: 20rem;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .list .item__wrapper .price {
    justify-content: center;
    gap: 20rem;
    padding: 20rem;
  }
}
.auto__services .container .list .item__wrapper .price .img {
  display: flex;
  width: 75rem;
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .list .item__wrapper .price .img {
    width: 47rem;
  }
}
.auto__services .container .list .item__wrapper .price .img img {
  width: 100%;
}
.auto__services .container .list .item__wrapper .price span {
  font-weight: 700;
  font-size: 30rem;
  line-height: 43rem;
  text-transform: uppercase;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .list .item__wrapper .price span {
    font-size: 22rem;
    line-height: 32rem;
  }
}
.auto__services .container .list .item__wrapper .price svg path {
  transition: 0.3s ease;
}
.auto__services .container .list .item__wrapper .name {
  margin: 40rem 0;
  font-weight: 700;
  font-size: 25rem;
  line-height: 36rem;
  text-transform: uppercase;
  text-align: center;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .list .item__wrapper .name {
    font-size: 16rem;
    line-height: 23rem;
  }
}
.auto__services .container .list .item__wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.auto__services .container .list .item__wrapper ul li {
  display: flex;
  align-items: center;
  gap: 20rem;
  font-size: 20rem;
  line-height: 24rem;
  color: #E4E4E4;
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .list .item__wrapper ul li {
    font-size: 18rem;
    line-height: 30rem;
  }
}
.auto__services .container .list .item__wrapper ul li:before {
  min-width: 25rem;
  height: 25rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/round-check.svg) center center/100% no-repeat;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .list .item__wrapper ul li:before {
    min-width: 18rem;
    height: 18rem;
  }
}
.auto__services .container .list .item__wrapper .btn {
  margin-top: auto;
}
.auto__services .container .list .item__wrapper:hover {
  z-index: 1;
}
.auto__services .container .list .item__wrapper:hover:after {
  width: calc(100% + 60rem);
  height: calc(100% + 60rem);
  box-shadow: 0 0 42rem rgba(212, 212, 212, 0.5), 0 0 42rem rgba(119, 119, 119, 0.2);
}
.auto__services .container .list .item__wrapper:hover .price {
  border-color: #FFA800;
}
.auto__services .container .list .item__wrapper:hover .price svg path {
  fill: #FFA800;
  stroke: #FFA800;
}
.auto__services .container .list .item__wrapper:hover .price span {
  color: #FFA800;
}
.auto__services .container .list .item__wrapper:hover .name {
  color: #FFA800;
}
.auto__services .container .list .item__wrapper:hover .btn {
  background: #FFA800;
  color: #FFFFFF;
  border-color: #FFA800;
}
.auto__services .container .list .item:nth-child(1) .item__wrapper:after {
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/1.png) center center/cover no-repeat, #FFFFFF;
}
.auto__services .container .list .item:nth-child(2) .item__wrapper:after {
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/2.png) center center/cover no-repeat, #FFFFFF;
}
.auto__services .container .list .item:nth-child(2) .item__wrapper:hover svg path {
  fill: transparent !important;
}
.auto__services .container .list .item:nth-child(3) .item__wrapper:after {
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/3.png) center center/cover no-repeat, #FFFFFF;
}
.auto__services .container .list .item:nth-child(4) .item__wrapper {
  padding-bottom: 20rem;
}
.auto__services .container .list .item:nth-child(4) .item__wrapper:after {
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/4.png) center center/cover no-repeat, #FFFFFF;
}
.auto__services .container .list .item:nth-child(5) .item__wrapper {
  padding-bottom: 20rem;
}
.auto__services .container .list .item:nth-child(5) .item__wrapper:after {
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/5.png) center center/cover no-repeat, #FFFFFF;
}
.auto__services .container .list .item:nth-child(6) .item__wrapper {
  padding-bottom: 20rem;
}
.auto__services .container .list .item:nth-child(6) .item__wrapper:after {
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/6.png) center center/cover no-repeat, #FFFFFF;
}
.auto__services .container .auto__services-slider {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider {
    display: flex;
    box-shadow: 0 0 42rem rgba(119, 119, 119, 0.2);
    border-radius: 20rem;
  }
  .auto__services .container .auto__services-slider .item {
    display: flex;
    flex-direction: column;
    height: 926rem;
    padding: 60rem 24rem;
    border-radius: 20rem;
    transition: 0.3s ease;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item {
    height: 700rem;
    padding: 40rem 20rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item .price {
    display: flex;
    align-items: center;
    gap: 30rem;
    padding: 30rem;
    border: 1rem solid #FFFFFF;
    border-radius: 20rem;
    transition: 0.3s ease;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item .price {
    justify-content: center;
    gap: 20rem;
    padding: 20rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item .price .img {
    display: flex;
    width: 75rem;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item .price .img {
    width: 47rem;
    height: 47rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item .price .img svg {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item .price span {
    font-weight: 700;
    font-size: 30rem;
    line-height: 43rem;
    text-transform: uppercase;
    transition: 0.3s ease;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item .price span {
    font-size: 22rem;
    line-height: 32rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item .price svg path {
    transition: 0.3s ease;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item .name {
    margin: 40rem 0;
    font-weight: 700;
    font-size: 25rem;
    line-height: 36rem;
    text-transform: uppercase;
    text-align: center;
    transition: 0.3s ease;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item .name {
    margin: 25rem 0 28rem;
    font-size: 16rem;
    line-height: 23rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item ul {
    display: flex;
    flex-direction: column;
    gap: 25rem;
  }
  .auto__services .container .auto__services-slider .item ul li {
    display: flex;
    align-items: center;
    gap: 20rem;
    font-size: 25rem;
    line-height: 40rem;
    color: #E4E4E4;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item ul li {
    font-size: 18rem;
    line-height: 30rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item ul li:before {
    min-width: 25rem;
    height: 25rem;
    background: url(/wp-content/themes/exp_car/assets/img/icons/round-check.svg) center center/100% no-repeat;
    content: "";
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item ul li:before {
    min-width: 18rem;
    height: 18rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item .btn {
    margin-top: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item:nth-child(1) {
    background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/1.png) no-repeat, #FFFFFF;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item:nth-child(2) {
    background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/2.png) no-repeat, #FFFFFF;
  }
  .auto__services .container .auto__services-slider .item:nth-child(2) svg path {
    fill: none !important;
    stroke: #FFA800;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item:nth-child(3) {
    background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/3.png) no-repeat, #FFFFFF;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item:nth-child(4) {
    padding-bottom: 20rem;
    background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/4.png) no-repeat, #FFFFFF;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item:nth-child(5) {
    padding-bottom: 20rem;
    background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/5.png) no-repeat, #FFFFFF;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item:nth-child(6) {
    padding-bottom: 20rem;
    background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/6.png) no-repeat, #FFFFFF;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item .price {
    border-color: #FFA800;
  }
  .auto__services .container .auto__services-slider .item .price svg path {
    fill: #FFA800;
    stroke: #FFA800;
  }
  .auto__services .container .auto__services-slider .item .price span {
    color: #FFA800;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item .name {
    color: #FFA800;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-slider .item .btn {
    background: #FFA800;
    color: #FFFFFF;
    border-color: #FFA800;
  }
}
.auto__services .container .auto__services-navbar {
  display: none;
  position: relative;
  margin-top: 40rem;
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-navbar {
    display: block;
  }
}
.auto__services .container .auto__services-navbar .swiper-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.auto__services .container .auto__services-navbar .swiper-nav .swiper-nav-btn {
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-navbar .swiper-nav .swiper-nav-btn svg path {
    fill: rgb(255, 255, 255);
  }
}
.auto__services .container .auto__services-navbar .swiper-nav .swiper-nav-btn.swiper-button-disabled {
  cursor: auto;
}
.auto__services .container .auto__services-navbar .swiper-nav .swiper-nav-btn.swiper-button-disabled svg path {
  fill: rgba(255, 168, 0, 0.4);
}
.auto__services .container .auto__services-navbar .swiper-nav .auto__services-prev svg {
  rotate: 180deg;
}
.auto__services .container .auto__services-navbar .auto__services-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.auto__services .container .auto__services-navbar .auto__services-pagination .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 2rem solid transparent;
  background: none;
  opacity: 1;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-navbar .auto__services-pagination .swiper-pagination-bullet {
    min-width: 15rem;
    height: 15rem;
  }
}
.auto__services .container .auto__services-navbar .auto__services-pagination .swiper-pagination-bullet:before {
  position: absolute;
  width: 10rem;
  height: 10rem;
  background: #D7D7D7;
  border-radius: 50%;
  transition: 0.3s ease;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-navbar .auto__services-pagination .swiper-pagination-bullet:before {
    width: 7.5rem;
    height: 7.5rem;
  }
}
.auto__services .container .auto__services-navbar .auto__services-pagination .swiper-pagination-bullet-active {
  border-color: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-navbar .auto__services-pagination .swiper-pagination-bullet-active {
    border-color: #191919;
  }
}
.auto__services .container .auto__services-navbar .auto__services-pagination .swiper-pagination-bullet-active:before {
  background: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .auto__services .container .auto__services-navbar .auto__services-pagination .swiper-pagination-bullet-active:before {
    background: #191919;
  }
}

.auto__selection {
  padding: 130rem 0;
  position: relative;
  background: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .auto__selection {
    padding: 65rem 0;
  }
}
.auto__selection .container > .title {
  position: relative;
  margin-bottom: 70rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #191919;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container > .title {
    margin-bottom: 40rem;
    font-size: 22rem;
    line-height: 32rem;
    text-align: left;
  }
}
.auto__selection .container > .title:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line_white.svg) center center/cover no-repeat;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container > .title:before {
    left: 0;
    transform: none;
  }
}
.auto__selection .container > .title span {
  color: #FFFFFF;
}
.auto__selection .container .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  gap: 16rem;
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .list {
    display: none;
  }
}
.auto__selection .container .list .item {
  height: 100%;
}
.auto__selection .container .list .item:nth-child(1) .item__wrapper:after {
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/7.jpg) no-repeat, #FFFFFF;
}
.auto__selection .container .list .item:nth-child(2) .item__wrapper:after {
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/8.jpg) no-repeat, #FFFFFF;
}
.auto__selection .container .list .item:nth-child(3) .item__wrapper:after {
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/9.jpg) no-repeat, #FFFFFF;
}
.auto__selection .container .list .item:hover {
  z-index: 1;
}
.auto__selection .container .list .item:hover:nth-child(1) .item__wrapper {
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.9), rgba(34, 34, 34, 0.9)), url(/wp-content/themes/exp_car/assets/img/auto-services/7.jpg) no-repeat, #FFFFFF;
}
.auto__selection .container .list .item:hover:nth-child(2) .item__wrapper {
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.9), rgba(34, 34, 34, 0.9)), url(/wp-content/themes/exp_car/assets/img/auto-services/8.jpg) no-repeat, #FFFFFF;
}
.auto__selection .container .list .item:hover:nth-child(3) .item__wrapper {
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.9), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/9.jpg) no-repeat, #FFFFFF;
}
.auto__selection .container .list .item__wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  padding: 60rem 32rem;
  transition: 0.3s ease;
  border-radius: 20rem;
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .list .item__wrapper {
    padding: 40rem 20rem;
  }
}
.auto__selection .container .list .item__wrapper:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 20rem;
  box-shadow: 0 0 42rem rgba(119, 119, 119, 0.2);
  background-size: cover !important;
  transition: 0.3s ease;
  content: "";
}
.auto__selection .container .list .item__wrapper > * {
  position: relative;
  z-index: 1;
}
.auto__selection .container .list .item__wrapper .price {
  display: flex;
  align-items: center;
  height: 135rem;
  gap: 30rem;
  padding: 30rem;
  border: 1rem solid #FFFFFF;
  border-radius: 20rem;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .list .item__wrapper .price {
    justify-content: center;
    gap: 20rem;
    padding: 20rem;
  }
}
.auto__selection .container .list .item__wrapper .price .img {
  display: flex;
  width: 75rem;
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .list .item__wrapper .price .img {
    width: 47rem;
  }
}
.auto__selection .container .list .item__wrapper .price .img img {
  width: 100%;
}
.auto__selection .container .list .item__wrapper .price span {
  font-weight: 700;
  font-size: 30rem;
  line-height: 43rem;
  text-transform: uppercase;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .list .item__wrapper .price span {
    font-size: 22rem;
    line-height: 32rem;
  }
}
.auto__selection .container .list .item__wrapper .price svg path {
  transition: 0.3s ease;
}
.auto__selection .container .list .item__wrapper .name {
  margin: 40rem 0;
  font-weight: 700;
  font-size: 25rem;
  line-height: 36rem;
  text-transform: uppercase;
  text-align: center;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .list .item__wrapper .name {
    font-size: 16rem;
    line-height: 23rem;
  }
}
.auto__selection .container .list .item__wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 25rem;
  margin-bottom: 50rem;
}
.auto__selection .container .list .item__wrapper ul li {
  display: flex;
  align-items: center;
  gap: 20rem;
  font-size: 24rem;
  line-height: 26rem;
  color: #E4E4E4;
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .list .item__wrapper ul li {
    font-size: 18rem;
    line-height: 30rem;
  }
}
.auto__selection .container .list .item__wrapper ul li:before {
  min-width: 25rem;
  height: 25rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/round-check.svg) center center/100% no-repeat;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .list .item__wrapper ul li:before {
    min-width: 18rem;
    height: 18rem;
  }
}
.auto__selection .container .list .item__wrapper .btn {
  margin-top: auto;
}
.auto__selection .container .list .item__wrapper:hover {
  padding: 60rem 30rem;
  z-index: 1;
}
.auto__selection .container .list .item__wrapper:hover:after {
  width: calc(100% + 60rem);
  height: calc(100% + 80rem);
  box-shadow: 0 0 42rem rgba(212, 212, 212, 0.5), 0 0 42rem rgba(119, 119, 119, 0.2);
  border-radius: 20rem !important;
}
.auto__selection .container .list .item__wrapper:hover .price {
  border-color: #FFA800;
}
.auto__selection .container .list .item__wrapper:hover .price svg path {
  fill: #FFA800;
  stroke: #FFA800;
}
.auto__selection .container .list .item__wrapper:hover .price span {
  color: #FFA800;
}
.auto__selection .container .list .item__wrapper:hover .name {
  color: #FFA800;
}
.auto__selection .container .list .item__wrapper:hover .btn {
  background: #FFA800;
  color: #FFFFFF;
  border-color: #FFA800;
}
.auto__selection .container .auto__selection-slider {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider {
    display: flex;
  }
  .auto__selection .container .auto__selection-slider .item {
    display: flex;
    flex-direction: column;
    padding: 40rem 20rem;
    border-radius: 20rem;
    transition: 0.3s ease;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item {
    padding: 40rem 20rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item .price {
    display: flex;
    align-items: center;
    height: 82rem;
    gap: 30rem;
    padding: 30rem;
    border: 1rem solid #FFFFFF;
    border-radius: 20rem;
    transition: 0.3s ease;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item .price {
    justify-content: center;
    gap: 20rem;
    padding: 20rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item .price .img {
    display: flex;
    width: 75rem;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item .price .img {
    width: 47rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item .price .img img {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item .price span {
    font-weight: 700;
    font-size: 30rem;
    line-height: 43rem;
    text-transform: uppercase;
    transition: 0.3s ease;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item .price span {
    font-size: 22rem;
    line-height: 32rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item .price svg path {
    transition: 0.3s ease;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item .name {
    margin: 40rem 0;
    font-weight: 700;
    font-size: 25rem;
    line-height: 36rem;
    text-transform: uppercase;
    text-align: center;
    transition: 0.3s ease;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item .name {
    font-size: 16rem;
    line-height: 23rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item ul {
    display: flex;
    flex-direction: column;
    gap: 25rem;
  }
  .auto__selection .container .auto__selection-slider .item ul li {
    display: flex;
    align-items: center;
    gap: 20rem;
    font-size: 25rem;
    line-height: 40rem;
    color: #E4E4E4;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item ul li {
    font-size: 18rem;
    line-height: 30rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item ul li:before {
    min-width: 25rem;
    height: 25rem;
    background: url(/wp-content/themes/exp_car/assets/img/icons/round-check.svg) center center/100% no-repeat;
    content: "";
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item ul li:before {
    min-width: 18rem;
    height: 18rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item .btn {
    margin-top: 50rem;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item:nth-child(1) {
    background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/7.jpg) no-repeat, #FFFFFF;
    border-radius: 20px 0 0 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item:nth-child(2) {
    background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/8.jpg) no-repeat, #FFFFFF;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item:nth-child(3) {
    background: linear-gradient(0deg, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(/wp-content/themes/exp_car/assets/img/auto-services/9.jpg) no-repeat, #FFFFFF;
    border-radius: 0 20px 20px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-slider .item.active {
    z-index: 1;
  }
  .auto__selection .container .auto__selection-slider .item.active .price {
    border-color: #FFA800;
  }
  .auto__selection .container .auto__selection-slider .item.active .price svg path {
    fill: #FFA800;
    stroke: #FFA800;
  }
  .auto__selection .container .auto__selection-slider .item.active .price span {
    color: #FFA800;
  }
  .auto__selection .container .auto__selection-slider .item.active .name {
    color: #FFA800;
  }
  .auto__selection .container .auto__selection-slider .item.active .btn {
    background: #FFA800;
    color: #FFFFFF;
    border-color: #FFA800;
  }
}
.auto__selection .container .auto__selection-navbar {
  display: none;
  position: relative;
  margin-top: 40rem;
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-navbar {
    display: block;
  }
}
.auto__selection .container .auto__selection-navbar .swiper-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.auto__selection .container .auto__selection-navbar .swiper-nav .swiper-nav-btn {
  cursor: pointer;
}
.auto__selection .container .auto__selection-navbar .swiper-nav .swiper-nav-btn.swiper-button-disabled {
  cursor: auto;
}
.auto__selection .container .auto__selection-navbar .swiper-nav .auto__selection-prev svg {
  rotate: 180deg;
}
.auto__selection .container .auto__selection-navbar .auto__selection-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.auto__selection .container .auto__selection-navbar .auto__selection-pagination .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 2rem solid transparent;
  background: none;
  opacity: 1;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-navbar .auto__selection-pagination .swiper-pagination-bullet {
    min-width: 15rem;
    height: 15rem;
  }
}
.auto__selection .container .auto__selection-navbar .auto__selection-pagination .swiper-pagination-bullet:before {
  position: absolute;
  width: 10rem;
  height: 10rem;
  background: #D7D7D7;
  border-radius: 50%;
  transition: 0.3s ease;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .auto__selection .container .auto__selection-navbar .auto__selection-pagination .swiper-pagination-bullet:before {
    width: 7.5rem;
    height: 7.5rem;
  }
}
.auto__selection .container .auto__selection-navbar .auto__selection-pagination .swiper-pagination-bullet-active {
  border-color: #FFFFFF;
}
.auto__selection .container .auto__selection-navbar .auto__selection-pagination .swiper-pagination-bullet-active:before {
  background: #FFFFFF;
}

.contacts__page {
  padding: 130rem 0;
  background: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .contacts__page {
    padding: 65rem 0;
  }
}
.contacts__page .container > .title {
  position: relative;
  margin-bottom: 60rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #191919;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .contacts__page .container > .title {
    margin-bottom: 40rem;
    font-size: 22rem;
    line-height: 32rem;
  }
}
.contacts__page .container > .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.contacts__page .container .content {
  display: flex;
  flex-wrap: wrap;
  gap: 30rem;
}
.contacts__page .container .content .list {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 30rem;
}
.contacts__page .container .content .list .item {
  display: flex;
  flex-direction: column;
  padding: 33rem 50rem;
  gap: 25rem;
  background: #FFA800;
  border-radius: 20rem;
}
@media only screen and (max-width: 1024px) {
  .contacts__page .container .content .list .item {
    padding: 20rem 30rem;
  }
}
.contacts__page .container .content .list .item .name {
  font-weight: 700;
  font-size: 26rem;
  line-height: 24rem;
}
.contacts__page .container .content .list .item a,
.contacts__page .container .content .list .item p {
  font-weight: 500;
  font-size: 22rem;
  line-height: 24rem;
  color: #191919;
}
.contacts__page .container .content .list .item a:hover {
  text-decoration: underline;
}
.contacts__page .container .content .list .item .social {
  display: flex;
  align-items: center;
  gap: 19rem;
}
.contacts__page .container .content .list .item .social svg {
  height: 20rem;
}
.contacts__page .container .content .img {
  position: relative;
  max-width: 860rem;
  padding-right: 17rem;
}
@media only screen and (max-width: 1024px) {
  .contacts__page .container .content .img {
    display: none;
  }
}
.contacts__page .container .content .img img {
  position: relative;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 20rem;
  z-index: 1;
}
.contacts__page .container .content .img:after {
  position: absolute;
  width: 408rem;
  height: 582rem;
  top: 58rem;
  right: 0;
  background: #FFA800;
  border-radius: 20px;
  content: "";
}

.main__examples {
  position: relative;
  /* background: url(/wp-content/themes/exp_car/assets/img/examples.jpg) center center/cover no-repeat; */
}
@media only screen and (max-width: 2560px) {
  .main__examples {
    height: 660rem;
  }
}
@media only screen and (max-width: 1920px) {
  .main__examples {
    height: 484rem;
  }
}
@media only screen and (max-width: 1024px) {
  .main__examples {
    height: 405rem;
    background-image: url(/wp-content/themes/exp_car/assets/img/examples-xs.jpg);
  }
}
.main__examples .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
  z-index: 1;
}
.main__examples .container .title {
  position: relative;
  margin-bottom: 30rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 58rem;
  text-transform: uppercase;
  color: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .main__examples .container .title {
    display: flex;
    flex-direction: column;
    margin-bottom: 93rem;
    font-size: 22rem;
    line-height: 29rem;
    text-align: center;
  }
}
.main__examples .container .title span {
  color: #FFFFFF;
}
.main__examples .container .title:before {
  position: absolute;
  top: 100%;
  left: 173rem;
  width: 48rem;
  height: 60rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/examples-arrow.svg) center center/100% no-repeat;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .main__examples .container .title:before {
    top: calc(100% + 25rem);
    left: 50%;
    transform: translateX(-50%);
    width: 12rem;
    height: 44rem;
    background-image: url(/wp-content/themes/exp_car/assets/img/icons/arrow-down.svg);
  }
}
.main__examples .container .btn {
  width: 287rem;
}
@media only screen and (max-width: 1024px) {
  .main__examples .container .btn {
    height: 50rem;
  }
}
.main__examples:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  content: "";
}

.news__head {
  padding: 130rem 0 70rem;
  background: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .news__head {
    padding: 80rem 0 40rem;
  }
}
.news__head .title {
  position: relative;
  margin-bottom: 35rem;
  padding-bottom: 10rem;
  font-weight: 700;
  font-size: 45rem;
  line-height: 65rem;
  color: #FFA800;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .news__head .title {
    font-size: 22rem;
    line-height: 30rem;
  }
}
.news__head .title:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100rem;
  height: 2rem;
  background: url(/wp-content/themes/exp_car/assets/img/icons/title_line.svg) center center/cover no-repeat;
  content: "";
}
.news__head .title span {
  color: #191919;
}
.news__head p {
  font-weight: 500;
  font-size: 20rem;
  line-height: 25rem;
  color: #5C5C5C;
  text-align: center;
}

.latest__post {
  padding-bottom: 70rem;
  background: #FFFFFF;
}
.latest__post .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80rem;
}
@media only screen and (max-width: 1024px) {
  .latest__post .wrapper {
    flex-direction: column;
    gap: 24rem;
  }
}
.latest__post .wrapper .img {
  min-width: 698rem;
  height: 409rem;
  border-radius: 20rem;
  overflow: hidden;
  filter: drop-shadow(0px 9.97087px 24.9272px rgba(0, 0, 0, 0.08));
}
@media only screen and (max-width: 1024px) {
  .latest__post .wrapper .img {
    width: 100%;
    min-width: auto;
    height: 320rem;
  }
}
.latest__post .wrapper .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
}
.latest__post .wrapper .img img:hover {
  scale: 1.1;
}
.latest__post .wrapper .caption {
  display: flex;
  flex-direction: column;
}
.latest__post .wrapper .caption .category {
  margin-bottom: 14rem;
  align-self: baseline;
  border-bottom: 2px solid transparent;
  font-weight: 700;
  font-size: 23rem;
  line-height: 33rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #FFA800;
}
.latest__post .wrapper .caption .category:hover {
  border-color: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .latest__post .wrapper .caption .category {
    font-size: 18rem;
    line-height: 24rem;
  }
}
.latest__post .wrapper .caption .title {
  margin-bottom: 20rem;
  font-weight: 600;
  font-size: 45rem;
  line-height: 56rem;
  letter-spacing: -0.01em;
  color: #191919;
}
.latest__post .wrapper .caption .title:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 1024px) {
  .latest__post .wrapper .caption .title {
    margin-bottom: 16rem;
    font-size: 24rem;
    line-height: 28rem;
  }
}
.latest__post .wrapper .caption .description {
  margin-bottom: 30rem;
  font-size: 23rem;
  line-height: 37rem;
  color: #5C5C5C;
}
@media only screen and (max-width: 1024px) {
  .latest__post .wrapper .caption .description {
    margin-bottom: 16rem;
    font-size: 18rem;
    line-height: 24rem;
  }
}
.latest__post .wrapper .caption .group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .latest__post .wrapper .caption .group {
    justify-content: center;
    gap: 45rem;
  }
}
.latest__post .wrapper .caption .group .date {
  font-size: 23rem;
  line-height: 24rem;
  color: #191919;
}
@media only screen and (max-width: 1024px) {
  .latest__post .wrapper .caption .group .date {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.latest__post .wrapper .caption .group .link {
  border-bottom: 2px solid transparent;
  font-weight: 600;
  font-size: 23rem;
  line-height: 24rem;
  color: #FFA800;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .latest__post .wrapper .caption .group .link {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.latest__post .wrapper .caption .group .link:hover {
  border-color: #FFA800;
}

.news__list {
  padding: 0 0 130rem;
  background: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .news__list {
    padding: 0 0 80rem;
  }
}
.news__list .container > .title {
  margin-bottom: 70rem;
  font-weight: 700;
  font-size: 48rem;
  line-height: 35rem;
  color: #191919;
}
.news__list .container .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 70rem 35rem;
}
@media only screen and (max-width: 1024px) {
  .news__list .container .list {
    display: flex;
    flex-direction: column;
    gap: 24rem;
  }
}
.news__list .container .news__pagination {
  display: flex;
  justify-content: center;
  margin-top: 130rem;
}
@media only screen and (max-width: 1024px) {
  .news__list .container .news__pagination {
    margin-top: 80rem;
  }
}
.news__list .container .news__pagination .wrapper {
  display: flex;
  align-items: center;
  gap: 4rem;
  padding: 4rem;
  border: 2px solid rgba(173, 173, 173, 0.3);
  border-radius: 100px;
}
.news__list .container .news__pagination .page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60rem;
  height: 60rem;
  font-weight: 500;
  font-size: 16rem;
  line-height: 23rem;
  color: #5C5C5C;
}
.news__list .container .news__pagination .page.active {
  font-weight: 900;
}
.news__list .container .news__pagination .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60rem;
  height: 60rem;
}
.news__list .container .news__pagination .arrow svg {
  width: 100%;
  opacity: 0.4;
  transition: 0.3s ease;
}
.news__list .container .news__pagination .arrow:hover svg {
  opacity: 1;
}

.news__title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 632rem;
}
@media only screen and (max-width: 1024px) {
  .news__title {
    height: 420rem;
  }
}
.news__title .banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news__title .banner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.news__title .container {
  position: relative;
  max-width: 908rem;
  margin: 0 auto;
  z-index: 1;
}
.news__title .container .subtitle {
  margin-bottom: 30rem;
  font-weight: 700;
  font-size: 23rem;
  line-height: 24rem;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
}
.news__title .container .title {
  margin-bottom: 40rem;
  font-weight: 700;
  font-size: 60rem;
  line-height: 60rem;
  color: #FFA800;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .news__title .container .title {
    font-size: 48rem;
    line-height: 48rem;
  }
}
.news__title .container .date {
  font-size: 23rem;
  line-height: 24rem;
  text-align: center;
  color: #FFFFFF;
}
.news__title:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(34.84% 311.72% at 67.35% 55.37%, rgba(0, 0, 0, 0.264) 0%, rgba(0, 0, 0, 0.8) 100%);
  content: "";
}

.news__text {
  padding: 130rem 0;
  background: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  .news__text {
    padding: 80rem 0;
  }
}
.news__text h2 {
  margin-bottom: 70rem;
  font-weight: 600;
  font-size: 48rem;
  line-height: 58rem;
  letter-spacing: -0.01em;
  color: #191919;
}
@media only screen and (max-width: 1024px) {
  .news__text h2 {
    margin-bottom: 40rem;
    font-size: 32rem;
    line-height: 38rem;
  }
}
.news__text p {
  font-size: 24rem;
  line-height: 30rem;
  color: #5C5C5C;
}
@media only screen and (max-width: 1024px) {
  .news__text p {
    font-size: 18rem;
    line-height: 24rem;
  }
}
.news__text p + p {
  margin-top: 16rem;
}
.news__text img {
  width: 100%;
  margin-bottom: 38rem;
  border-radius: 30rem;
}
@media only screen and (max-width: 1024px) {
  .news__text img {
    margin-bottom: 24rem;
    border-radius: 16rem;
  }
}
.news__text .text__block + .text__block {
  margin-top: 70rem;
}
@media only screen and (max-width: 1024px) {
  .news__text .text__block + .text__block {
    margin-top: 32rem;
  }
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: #000000;
  opacity: 1;
  transition: 0.3s ease;
}
#preloader video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#preloader video.mobile {
  display: none;
}
@media only screen and (max-width: 1024px) {
  #preloader video.desktop {
    display: none;
  }
  #preloader video.mobile {
    display: block;
  }
}
#preloader.hidden {
  opacity: 0;
  pointer-events: none;
}

footer {
  padding: 60rem 0 80rem;
  background: #191919;
}
@media only screen and (max-width: 1024px) {
  footer {
    padding: 65rem 0;
  }
}
footer .container {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  footer .container {
    flex-direction: column-reverse;
    gap: 65rem;
  }
}
footer .container .logo {
  display: flex;
  flex-direction: column;
  max-width: 178rem;
  gap: 20rem;
}
@media only screen and (max-width: 1024px) {
  footer .container .logo {
    flex-direction: row;
    align-items: flex-end;
    max-width: 265rem;
  }
}
footer .container .logo img {
  width: 93rem;
}
footer .container .logo .slogan {
  margin-top: auto;
  font-size: 18rem;
  line-height: 20rem;
  text-transform: uppercase;
}
footer .container .columns {
  display: flex;
  gap: 140rem;
}
@media only screen and (max-width: 1024px) {
  footer .container .columns {
    flex-direction: column;
    gap: 60rem;
  }
}
footer .container .columns .column {
  display: flex;
  flex-direction: column;
}
footer .container .columns .column > .title {
  margin-bottom: 32rem;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
@media only screen and (max-width: 1024px) {
  footer .container .columns .column > .title {
    margin-bottom: 40rem;
  }
}
footer .container .columns .column .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 19rem 30rem;
}
@media only screen and (max-width: 1024px) {
  footer .container .columns .column .list {
    gap: 30rem;
  }
}
footer .container .columns .column .list li {
  display: flex;
  align-items: center;
  gap: 6rem;
}
footer .container .columns .column .list li a {
  font-size: 18rem;
  line-height: 24rem;
  color: #FFFFFF;
  transition: 0.3s ease;
}
footer .container .columns .column .list li > a:hover {
  text-decoration: underline;
  color: #FFA800;
}
footer .container .columns .column .address {
  display: flex;
  gap: 15rem;
}
@media only screen and (max-width: 1024px) {
  footer .container .columns .column .address {
    margin-bottom: 40rem;
  }
}
footer .container .columns .column .address .img {
  display: flex;
}
footer .container .columns .column .address .icon img {
  width: 36rem;
}
footer .container .columns .column .address .caption {
  display: flex;
  flex-direction: column;
  gap: 12rem;
  margin-top: -5rem;
}
footer .container .columns .column .address .title {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
}
footer .container .columns .column .address .dropdown .btn {
  font-size: 18rem;
  line-height: 24rem;
}
footer .container .columns .column .schedule {
  display: flex;
  gap: 15rem;
  margin-top: auto;
}
footer .container .columns .column .schedule .img {
  display: flex;
}
footer .container .columns .column .schedule .icon img {
  width: 46rem;
}
footer .container .columns .column .schedule .caption {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6rem;
  margin-top: -6rem;
}
footer .container .columns .column .schedule .title {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
}
footer .container .columns .column .schedule .text {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
footer .container .columns .column .schedule .text p {
  font-size: 18rem;
  line-height: 24rem;
}
footer .container .columns .column .content {
  display: flex;
  flex-direction: column;
  gap: 19rem 30rem;
}
@media only screen and (max-width: 1024px) {
  footer .container .columns .column .content {
    gap: 25rem;
  }
}
footer .container .columns .column .content > a {
  font-size: 18rem;
  line-height: 24rem;
  color: #FFFFFF;
  transition: 0.3s ease;
}
footer .container .columns .column .content > a:hover {
  color: #FFA800;
}
footer .container .columns .column .content .social {
  display: flex;
  align-items: center;
  gap: 19rem;
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  footer .container .columns .column .content .social {
    margin-left: 0;
  }
}

.dropdown {
  position: relative;
}
.dropdown .btn img {
  width: 10rem;
  transition: 0.3s ease;
}
.dropdown .dropdown-content {
  display: flex;
  position: absolute;
  top: 100%;
  left: -15rem;
  width: max-content;
  min-width: 100rem;
  max-height: 444rem;
  background: #111111;
  border: 1px solid #4B4B4B;
  border-radius: 20rem;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease;
  overflow: hidden;
  z-index: 99;
}
@media only screen and (max-width: 1024px) {
  .dropdown .dropdown-content {
    max-height: 200rem;
  }
}
.dropdown .dropdown-content .dropdown-overflow {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
}
.dropdown .dropdown-content .dropdown-overflow a {
  padding: 9rem 15rem;
  font-size: 17rem;
  line-height: 26rem;
  color: #FFFFFF;
  transition: 0.3s ease;
}
.dropdown .dropdown-content .dropdown-overflow a:hover {
  background: #FFA800;
}
.dropdown .dropdown-content .dropdown-overflow::-webkit-scrollbar {
  width: 3rem;
}
.dropdown .dropdown-content .dropdown-overflow::-webkit-scrollbar-track {
  background: transparent;
}
.dropdown .dropdown-content .dropdown-overflow::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  border-radius: 25rem 0 0 25rem;
}
.dropdown.active .btn img {
  transform: rotate(180deg);
}
.dropdown.active .dropdown-content {
  top: 120%;
  opacity: 1;
  pointer-events: auto;
}
@media (hover: hover) {
  .dropdown:hover .btn img {
    transform: rotate(180deg);
  }
  .dropdown:hover .dropdown-content {
    top: 104%;
    opacity: 1;
    pointer-events: auto;
  }
}
.dropdown.--on-top .dropdown-content {
  top: auto;
  bottom: 100%;
}
.dropdown.--on-top.active .dropdown-content {
  top: auto;
  bottom: 120%;
}
.dropdown.--to-right .dropdown-content {
  right: -15rem;
  left: auto;
}

.modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease;
  z-index: 99;
}
.modal#modal-callback .modal-body {
  position: relative;
  width: 100%;
  max-width: 1462rem;
  padding-left: 17rem;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-callback .modal-body {
    padding: 0 20rem;
  }
}
.modal#modal-callback .modal-body .modal-content {
  display: flex;
  align-items: center;
  background: #FFA800;
  border-radius: 20rem;
  overflow: hidden;
}
.modal#modal-callback .modal-body .modal-content .form-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 135rem 0 100rem;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-callback .modal-body .modal-content .form-wrapper {
    padding: 20rem;
  }
}
.modal#modal-callback .modal-body .modal-content .form-wrapper .title {
  margin-bottom: 20rem;
  font-weight: 700;
  font-size: 30rem;
  line-height: 41rem;
  text-transform: uppercase;
  color: #191919;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-callback .modal-body .modal-content .form-wrapper .title {
    padding-right: 30rem;
    font-size: 22rem;
    line-height: 30rem;
  }
}
.modal#modal-callback .modal-body .modal-content .form-wrapper .title span {
  color: #FFFFFF;
}
.modal#modal-callback .modal-body .modal-content .form-wrapper p {
  margin-bottom: 40rem;
  font-weight: 500;
  font-size: 20rem;
  line-height: 25rem;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-callback .modal-body .modal-content .form-wrapper p {
    margin-bottom: 20rem;
    font-size: 16rem;
    line-height: 24rem;
  }
}
.modal#modal-callback .modal-body .modal-content .img {
  display: flex;
  min-width: 630rem;
  height: 645rem;
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-callback .modal-body .modal-content .img {
    display: none;
  }
}
.modal#modal-callback .modal-body .modal-content .img img {
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-callback .modal-body .modal-content .form-group + .form-group {
    margin-top: 20rem;
  }
}
.modal#modal-callback .modal-body .modal-content .btn {
  width: 100%;
  margin-top: 35rem;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-callback .modal-body .modal-content .btn {
    margin-top: 20rem;
  }
}
.modal#modal-callback .close {
  top: 25rem;
  right: 25rem;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-callback .close {
    top: 15rem;
    right: 35rem;
    width: 15rem;
    height: 15rem;
  }
}
.modal#modal-video .modal-body, .modal#modal-ftp-video .modal-body {
  position: relative;
  width: 100%;
  max-width: 960rem;
  padding-left: 17rem;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-video .modal-body, .modal#modal-ftp-video .modal-body {
    padding: 0 20rem;
  }
}
.modal#modal-video .modal-body .modal-content, .modal#modal-ftp-video .modal-body .modal-content {
  height: 640rem;
  padding: 30rem;
  background: #FFFFFF;
  border-radius: 20rem;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-video .modal-body .modal-content, .modal#modal-ftp-video .modal-body .modal-content {
    height: 250rem;
    padding: 10rem;
  }
}
.modal#modal-video .modal-body .modal-content iframe, .modal#modal-ftp-video .modal-body .modal-content iframe {
  width: 100%;
  height: 100%;
  border-radius: 20rem;
}
.modal#modal-video .modal-body .close, .modal#modal-ftp-video .modal-body .close {
  top: -30rem;
  right: -30rem;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-video .modal-body .close, .modal#modal-ftp-video .modal-body .close {
    top: -50rem;
    right: 20rem;
  }
}
.modal#modal-ftp-video .modal-body .modal-content {
  height: auto;
}
.modal#modal-insta .modal-body {
  position: relative;
  width: 100%;
  max-width: 1442rem;
  padding: 60rem 100rem;
  background: #FFFFFF;
  border-radius: 20rem;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-insta .modal-body {
    display: flex;
    width: calc(100% - 40rem);
    max-height: calc(100% - 40rem);
    margin: 0 auto;
    padding: 20rem;
  }
  .modal#modal-insta .modal-body .close {
    top: 25rem;
    right: 25rem;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .modal#modal-insta .modal-body .close {
    top: 15rem;
    right: 15rem;
    width: 15rem;
    height: 15rem;
  }
}
.modal#modal-insta .modal-body .modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-insta .modal-body .modal-content {
    max-height: 100%;
  }
}
.modal#modal-insta .modal-body .modal-content .img {
  display: flex;
  width: 150rem;
  height: 150rem;
  margin-bottom: 40rem;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-insta .modal-body .modal-content .img {
    width: 100rem;
    height: 100rem;
    margin-bottom: 30rem;
  }
}
.modal#modal-insta .modal-body .modal-content .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.modal#modal-insta .modal-body .modal-content .name {
  margin-bottom: 25rem;
  font-weight: 700;
  font-size: 26rem;
  line-height: 24rem;
  color: #191919;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-insta .modal-body .modal-content .name {
    margin-bottom: 15rem;
    font-size: 18rem;
    line-height: 18rem;
  }
}
.modal#modal-insta .modal-body .modal-content .info {
  margin-bottom: 45rem;
  font-size: 20rem;
  line-height: 24rem;
  color: #FFA800;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-insta .modal-body .modal-content .info {
    margin-bottom: 30rem;
    font-size: 16rem;
    line-height: 18rem;
  }
}
.modal#modal-insta .modal-body .modal-content .info span {
  font-weight: 700;
}
.modal#modal-insta .modal-body .modal-content .description {
  margin-bottom: 45rem;
  font-size: 24rem;
  line-height: 30rem;
  color: #5C5C5C;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-insta .modal-body .modal-content .description {
    flex: 1;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .modal#modal-insta .modal-body .modal-content .description {
    font-size: 16rem;
    line-height: 19rem;
  }
}
@media only screen and (max-width: 1024px) {
  .modal#modal-insta .modal-body .modal-content .link {
    width: 100%;
  }
}
.modal#modal-insta .modal-body .modal-content .link svg path {
  transition: 0.3s ease;
}
.modal#modal-insta .modal-body .modal-content .link:hover svg path {
  fill: #FFFFFF;
}
.modal#modal-default .modal-content {
  flex: 1;
  position: relative;
  width: 737rem;
  padding-left: 18rem;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-default .modal-content {
    width: 350rem;
    padding-left: 7rem;
  }
}
.modal#modal-default .modal-content .form__container {
  position: relative;
  min-height: 100%;
  padding: 80rem 70rem;
  background: #303030;
  border-radius: 20rem;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-default .modal-content .form__container {
    padding: 40rem 35rem;
  }
}
.modal#modal-default .modal-content .form__container .form__title {
  margin-bottom: 20rem;
  font-weight: 700;
  font-size: 23rem;
  line-height: 31rem;
  color: #FFA800;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-default .modal-content .form__container .form__title {
    margin-bottom: 10rem;
    font-size: 18rem;
    line-height: 24rem;
  }
}
.modal#modal-default .modal-content .form__container .form__title span {
  color: #FFFFFF;
}
.modal#modal-default .modal-content .form__container .form__text {
  margin-bottom: 40rem;
  font-size: 17rem;
  line-height: 25rem;
  color: #FFFFFF;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-default .modal-content .form__container .form__text {
    margin-bottom: 20rem;
    font-size: 14rem;
    line-height: 17rem;
  }
}
.modal#modal-default .modal-content .form__container .form-group + .form-group {
  margin-top: 30rem;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-default .modal-content .form__container .form-group + .form-group {
    margin-top: 20rem;
  }
}
.modal#modal-default .modal-content .form__container .btn {
  width: 100%;
  margin-top: 35rem;
}
@media only screen and (max-width: 1024px) {
  .modal#modal-default .modal-content .form__container .btn {
    margin-top: 20rem;
  }
}
.modal#modal-default .modal-content:after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 408rem;
  height: 465rem;
  background: #FFA800;
  border-radius: 20rem;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .modal#modal-default .modal-content:after {
    top: 40rem;
    width: 194rem;
    height: 220rem;
    transform: none;
  }
}
.modal#modal-go .modal-content {
  position: relative;
  padding: 40rem;
  background: #303030;
  border-radius: 20rem;
}
.modal#modal-go .modal-content .btn {
  width: 100%;
}
.modal#modal-go .modal-content .btn + .btn {
  margin-top: 20rem;
}
.modal#modal-go .modal-content .close:not(span) {
  position: unset;
  height: auto;
}
.modal#modal-go .modal-content span.close {
  top: 15rem;
  right: 15rem;
  width: 20rem;
  height: 20rem;
}
.modal .close {
  display: flex;
  position: absolute;
  top: 30rem;
  right: 30rem;
  width: 30rem;
  height: 30rem;
  cursor: pointer;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .modal .close {
    top: 10rem;
    right: 10rem;
    width: 20rem;
    height: 20rem;
  }
}
.modal .close img {
  max-width: 100%;
}
.modal.active {
  opacity: 1;
  pointer-events: auto;
}

.form-group + .form-group {
  margin-top: 30rem;
}

.swiper-nav-btn {
  transition: 0.3s ease;
  opacity: 0.5 !important;
}
.swiper-nav-btn:hover {
  opacity: 1 !important;
}
@media only screen and (max-width: 1024px) {
  .swiper-nav-btn {
    width: 40rem;
  }
  .swiper-nav-btn svg {
    width: 100%;
  }
}

label {
  display: block;
  margin-bottom: 22rem;
  font-size: 17rem;
  line-height: 26rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
  label {
    margin-bottom: 10rem;
    font-size: 14rem;
  }
}
label span {
  color: #FFA800;
}

input[type=text],
input[type=email],
input[type=number],
input[type=password] {
  padding: 25rem 60rem 25rem 30rem;
  width: 100%;
  height: 62rem;
  background: #F7F7F7;
  border-radius: 20rem;
  border: none;
  font-family: "Jost", sans-serif;
  font-size: 17rem;
  line-height: 26rem;
  color: #5C5C5C;
}
@media only screen and (max-width: 1024px) {
  input[type=text],
  input[type=email],
  input[type=number],
  input[type=password] {
    padding: 12rem 14rem;
    height: 34rem;
    border-radius: 10rem;
    font-size: 14rem;
    line-height: 1;
  }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  transform: none !important;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    transform: translate(-50%, -50%) !important;
    justify-content: flex-start;
    height: 20rem;
  }
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.works-pagination {
    justify-content: center;
  }
}

.social a svg path {
  transition: 0.3s ease;
}
.social a:hover svg path {
  fill: #FFA800;
}

@keyframes pulse {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.3);
    opacity: 0;
  }
}

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