/* Start:/local/templates/car/css/main.min.css?175032280077467*/
@charset "UTF-8";
/**
* Подключение шрифтов локально из папки "./src/fonts"
*/
@font-face {
  font-family: CormorantGaramond;
  font-display: swap;
  src: url("/local/templates/car/css/../fonts/CormorantGaramond-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: CormorantGaramond;
  font-display: swap;
  src: url("/local/templates/car/css/../fonts/CormorantGaramond-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: CormorantGaramond;
  font-display: swap;
  src: url("/local/templates/car/css/../fonts/CormorantGaramond-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: CormorantGaramond;
  font-display: swap;
  src: url("/local/templates/car/css/../fonts/CormorantGaramond-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Coustard;
  font-display: swap;
  src: url("/local/templates/car/css/../fonts/Coustard-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: GemunuLibre;
  font-display: swap;
  src: url("/local/templates/car/css/../fonts/GemunuLibre-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Genos;
  font-display: swap;
  src: url("/local/templates/car/css/../fonts/Genos-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("/local/templates/car/css/../fonts/Gilroy-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
/** Подключение переменных */
:root {
  --bs-font-family: "Gilroy", sans-serif;
  --bs-font-size: 10px;
  --bs-font-weight: 400;
  --bs-line-height: 1;
  --white-color: #fff;
  --black-color: #2B2B2B;
  --dark-color: #1C1C1C;
  --grey-color: #6E6E6E;
  --grey-light-color: #E6E6E6;
  --light-color: #DCDCDC;
  --bg-color: #EEF3F9;
}

/**
* Подключение sass function и mixins и extends стилей
*/
/**
	Шаблоны (заготовки)
	@extend %имя шаблона;
*/
/** Обнуление */
* {
  margin: 0;
  border: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
*, *::before, *::after {
  box-sizing: border-box;
}
*:focus, *:active {
  outline: none;
}

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

html {
  opacity: 0;
  scroll-behavior: smooth;
  transition: opacity 0.8s ease-in-out;
}
html.loaded {
  opacity: 1;
}
html.lock {
  touch-action: none;
  overflow: hidden;
}
html.lock [data-lp] {
  padding-inline-end: var(--bh-scrollbar-width, 1rem);
}
html.lock .wrapper {
  margin-inline-end: var(--bh-scrollbar-width, 1rem);
}

html,
body {
  inline-size: 100%;
  block-size: 100%;
  min-inline-size: 320px;
}

body {
  overscroll-behavior: none;
  line-height: var(--bs-line-height);
  text-rendering: optimizelegibility;
  text-size-adjust: 100%;
  font-family: var(--bs-font-family);
  font-size: var(--bs-font-size);
  font-weight: var(--bs-font-weight);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

input[type=number] {
  appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  appearance: none;
}

button {
  cursor: pointer;
  user-select: none;
  background-color: transparent;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

a {
  user-select: none;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus, a:active {
  outline: none;
}
a:visited {
  text-decoration: none;
}

ul,
li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 400;
}

sup {
  color: inherit;
}

/**
* Библиотеки
* раскомментировать для использования
*/
/*
 * Swiper 8.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 21, 2022
*/
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

/**
* Подключение custom scrollbar для всего сайта
*/
*::-webkit-scrollbar {
  inline-size: 0.5rem;
  background-color: var(--white-color);
}
*::-webkit-scrollbar-track {
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.2);
  background: #eee;
}
*::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  border: 0 none #fff;
  background-color: var(--dark-color);
}
@media (any-hover: hover) {
  *::-webkit-scrollbar-thumb:hover {
    background-color: var(--black-color);
  }
}

/**
* Общие параметры, шаблоны(заготовки) и вспомогательные классы
*/
/** Базовые анимации: */
@keyframes show-header {
  0% {
    inset-block-start: -100%;
  }
  100% {
    inset-block-start: 0;
  }
}
@keyframes fade-up-big {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(359deg);
  }
}
/*
* (i) Стили будут применяться ко
* всем классам содержащим *__container
* Например header__container, main__container и т.д.
*/
[class*=__container] {
  margin-inline: auto;
  max-inline-size: 83.75rem;
  padding-inline: 0.9375rem;
}

.ibg {
  position: relative;
}
.ibg img {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  object-fit: cover;
  block-size: 100%;
  inline-size: 100%;
}
.ibg_contain img {
  object-fit: contain;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-block-size: 100%;
}

.page {
  position: relative;
  flex: 1 1 auto;
  background-color: var(--white-color);
  overflow: hidden;
}

.section__caption {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: clamp(20px, 1.6666666667vw, 30px);
}
@media (max-width: 53.75em) {
  .section__caption {
    flex-direction: column;
    align-items: flex-start;
  }
}
.section__caption-num {
  position: absolute;
  top: calc(-25px + (-50 - -25) * ((100vw - 1400px) / (1800 - 1400)));
  left: calc(-30px + (-60 - -30) * ((100vw - 1400px) / (1800 - 1400)));
  color: #E6E6E6;
  font-family: Coustard;
  font-size: clamp(180px, 13.8888888889vw, 250px);
  font-weight: 400;
  line-height: 100%;
  pointer-events: none;
  z-index: 1;
}
@media (min-width: 112.56125em) {
  .section__caption-num {
    top: -50px;
    left: -60px;
  }
}
@media (max-width: 87.5em) {
  .section__caption-num {
    top: -25px;
    left: -30px;
  }
}
.section__caption-text {
  color: var(--dark-color);
  font-family: CormorantGaramond;
  font-size: clamp(42px, 2.8888888889vw, 52px);
  font-weight: 500;
  line-height: 90%;
  z-index: 2;
}
.section__caption-subtext {
  max-width: clamp(550px, 48.3333333333vw, 870px);
  color: var(--grey-color);
  text-align: right;
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
  z-index: 2;
}
@media (max-width: 53.75em) {
  .section__caption-subtext {
    text-align: left;
  }
}
@media (max-width: 53.75em) {
  .section__caption-icon {
    display: none;
  }
}

.mg-bt-65 {
  margin-bottom: 65px;
}

.mg-bt-95 {
  margin-bottom: clamp(65px, 5.2777777778vw, 95px);
}

.handle__up {
  position: fixed;
  right: clamp(15px, 3.3333333333vw, 60px);
  bottom: clamp(30px, 3.3333333333vw, 60px);
  width: 60px;
  height: 60px;
  opacity: 0;
  transition: 0.3s ease-out;
  cursor: pointer;
  z-index: 20;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: 0.4s ease-in-out;
  pointer-events: none;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}
.modal.is-active {
  pointer-events: auto;
  opacity: 1;
  transition: 0.3s ease-in;
}
.modal__container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
}
.modal__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1090px;
  max-height: 800px;
  padding: clamp(25px, 2.7777777778vw, 50px) clamp(30px, 6.1111111111vw, 110px);
  background-color: var(--grey-light-color);
}
.modal__content.is-thanks {
  width: 650px;
}
.modal__content.is-thanks .modal__content-caption {
  margin-bottom: 10px;
}
.modal__content.is-form {
  width: 650px;
}
.modal__content.is-form .modal__content-caption {
  margin-bottom: 10px;
  color: var(--dark-color);
  text-align: center;
  font-family: CormorantGaramond;
  font-size: 52px;
  font-weight: 500;
  line-height: 90%;
}
.modal__content-close {
  position: absolute;
  top: 20px;
  right: 30px;
  cursor: pointer;
}
.modal__content-caption {
  margin-bottom: clamp(15px, 1.6666666667vw, 30px);
  color: var(--dark-color);
  text-align: center;
  font-family: CormorantGaramond;
  font-size: 28px;
  font-weight: 600;
  line-height: 120%;
}
.modal__content-policy {
  height: 635px;
  padding-right: 20px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.modal__content-policy::-webkit-scrollbar {
  inline-size: 0.125rem;
}
.modal__content-policy p {
  color: var(--dark-color);
  font-family: Gilroy;
  font-size: 17px;
  font-weight: 300;
  line-height: 110%;
}
.modal__content-text p {
  text-align: center;
  color: var(--dark-color);
  font-family: Gilroy;
  font-size: 17px;
  font-weight: 300;
  line-height: 110%;
}
.modal__content-subtext p {
  color: var(--dark-color);
  text-align: center;
  font-family: Gilroy;
  font-size: 17px;
  font-weight: 300;
  line-height: 110%;
}
.modal__content-form {
  width: 100%;
  margin-top: clamp(30px, 2.7777777778vw, 50px);
}
.modal__content-form form {
  display: flex;
  flex-direction: column;
}
.modal__content-form .form-input {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: clamp(10px, 1.1111111111vw, 20px);
}
.modal__content-form .form-input.input-policy {
  flex-direction: row;
  align-items: center;
}
.modal__content-form .form-input label {
  color: var(--dark-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.modal__content-form .form-input input {
  height: clamp(37px, 2.3888888889vw, 43px);
  padding: 0 10px;
  color: var(--dark-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
  border: 1px solid var(--grey-color);
  background-color: transparent;
  transition: 0.3s ease;
}
.modal__content-form .form-input input:focus {
  text-shadow: 0 0 1px var(--dark-color);
  box-shadow: 0 0 0 1px var(--dark-color);
  transition: 0.3s ease;
}
.modal__content-form .form-input input[type=checkbox] {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0;
  -webkit-appearance: none;
  border: 1px solid var(--dark-color);
  cursor: pointer;
}
.modal__content-form .form-input input[type=checkbox]::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNTUwMDIgMTcuMzA4TDQuNTgwMDIgMTIuMzM4TDUuMjk0MDIgMTEuNjI1TDkuNTUwMDIgMTUuODgxTDE4LjcwNiA2LjcyNDk4TDE5LjQxOSA3LjQzODk4TDkuNTUwMDIgMTcuMzA4WiIgZmlsbD0iI0RDRENEQyIvPgo8L3N2Zz4K);
  opacity: 0;
}
.modal__content-form .form-input input[type=checkbox]:checked {
  background-color: var(--dark-color);
}
.modal__content-form .form-input input[type=checkbox]:checked::before {
  opacity: 1;
}
.modal__content-form .form-input p {
  color: var(--grey-color);
  font-family: Gilroy;
  font-size: 15px;
  font-weight: 300;
  line-height: 110%;
  text-decoration: underline;
}
.modal__content-form .button {
  margin-top: 30px;
}

/**
* Подключение стилей отдельных блоков и секций
*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  inline-size: 100%;
  background-color: rgba(88, 88, 88, 0.15);
  backdrop-filter: blur(10px);
  transition: 0.3s ease;
  z-index: 50;
}
.header.is-sticky, .header.is-dark {
  background-color: var(--dark-color);
  transition: 0.3s ease;
}
.header.is-sticky .header__nav-link, .header.is-dark .header__nav-link {
  color: var(--light-color);
}
.header.is-sticky .header__nav-link:hover, .header.is-dark .header__nav-link:hover {
  text-shadow: 0 0 1px var(--light-color);
  transition: 0.3s ease;
}
.header.is-sticky .header__logo svg path, .header.is-dark .header__logo svg path {
  fill: var(--light-color);
  transition: 0.3s ease;
}
.header.is-sticky .header__info-location .location-icon svg path, .header.is-dark .header__info-location .location-icon svg path {
  fill: var(--light-color);
  transition: 0.3s ease;
}
.header.is-sticky .header__info-location .location-text, .header.is-dark .header__info-location .location-text {
  color: var(--light-color);
}
.header.is-sticky .header__info-location .location-text:hover, .header.is-dark .header__info-location .location-text:hover {
  text-shadow: 0 0 1px var(--light-color);
  transition: 0.3s ease;
}
.header.is-sticky .header__info-phone .phone-item, .header.is-dark .header__info-phone .phone-item {
  color: var(--light-color);
}
.header.is-sticky .header__info-phone .phone-item:hover, .header.is-dark .header__info-phone .phone-item:hover {
  text-shadow: 0 0 1px var(--light-color);
  transition: 0.3s ease;
}
.header.is-sticky .header__button .button, .header.is-dark .header__button .button {
  color: var(--light-color);
}
.header.is-sticky .header__button .button-is-border, .header.is-dark .header__button .button-is-border {
  border: 1px solid var(--light-color);
}
.header.is-sticky .header__button .button-is-border:hover, .header.is-dark .header__button .button-is-border:hover {
  text-shadow: 0 0 1px var(--light-color);
  box-shadow: 0 0 0 1px var(--light-color);
  transition: 0.3s ease;
}
.header.is-sticky .header__burger span, .header.is-dark .header__burger span {
  background-color: var(--white-color);
}
.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 85em) {
  .header__container {
    block-size: 5rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 85em) {
  @supports (block-size: clamp( 4.375rem , 2.6964769648rem  +  2.7100271003vw , 5rem )) {
    .header__container {
      block-size: clamp( 4.375rem , 2.6964769648rem  +  2.7100271003vw , 5rem );
    }
  }
  @supports not (block-size: clamp( 4.375rem , 2.6964769648rem  +  2.7100271003vw , 5rem )) {
    .header__container {
      block-size: calc(
				4.375rem + 0.625 * (100vi - 61.9375rem) / 23.0625
			);
    }
  }
}
@media (max-width: 61.9375em) {
  .header__container {
    block-size: 4.375rem;
  }
}
.header__nav {
  display: flex;
}
@media (min-width: 85em) {
  .header__nav {
    gap: 1.25rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 85em) {
  @supports (gap: clamp( 0.9375rem , 0.0982384824rem  +  1.3550135501vw , 1.25rem )) {
    .header__nav {
      gap: clamp( 0.9375rem , 0.0982384824rem  +  1.3550135501vw , 1.25rem );
    }
  }
  @supports not (gap: clamp( 0.9375rem , 0.0982384824rem  +  1.3550135501vw , 1.25rem )) {
    .header__nav {
      gap: calc(
				0.9375rem + 0.3125 * (100vi - 61.9375rem) / 23.0625
			);
    }
  }
}
@media (max-width: 61.9375em) {
  .header__nav {
    gap: 0.9375rem;
  }
}
@media (max-width: 61.9375em) {
  .header__nav {
    display: none;
  }
}
.header__nav-link {
  color: var(--dark-color);
  font-weight: 300;
  line-height: 110%;
  transition: 0.3s ease;
}
@media (min-width: 85em) {
  .header__nav-link {
    font-size: 1.0625rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 85em) {
  @supports (font-size: clamp( 0.9375rem , 0.601795393rem  +  0.5420054201vw , 1.0625rem )) {
    .header__nav-link {
      font-size: clamp( 0.9375rem , 0.601795393rem  +  0.5420054201vw , 1.0625rem );
    }
  }
  @supports not (font-size: clamp( 0.9375rem , 0.601795393rem  +  0.5420054201vw , 1.0625rem )) {
    .header__nav-link {
      font-size: calc(
				0.9375rem + 0.125 * (100vi - 61.9375rem) / 23.0625
			);
    }
  }
}
@media (max-width: 61.9375em) {
  .header__nav-link {
    font-size: 0.9375rem;
  }
}
.header__nav-link:hover {
  text-shadow: 0 0 1px var(--dark-color);
  transition: 0.3s ease;
}
.header__logo svg path {
  fill: var(--dark-color);
  transition: 0.3s ease;
}
.header__info {
  display: flex;
}
@media (min-width: 85em) {
  .header__info {
    gap: 1.875rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 85em) {
  @supports (gap: clamp( 0.9375rem , -1.5802845528rem  +  4.0650406504vw , 1.875rem )) {
    .header__info {
      gap: clamp( 0.9375rem , -1.5802845528rem  +  4.0650406504vw , 1.875rem );
    }
  }
  @supports not (gap: clamp( 0.9375rem , -1.5802845528rem  +  4.0650406504vw , 1.875rem )) {
    .header__info {
      gap: calc(
				0.9375rem + 0.9375 * (100vi - 61.9375rem) / 23.0625
			);
    }
  }
}
@media (max-width: 61.9375em) {
  .header__info {
    gap: 0.9375rem;
  }
}
@media (max-width: 61.9375em) {
  .header__info {
    display: none;
  }
}
.header__info-location {
  display: flex;
  align-items: center;
}
.header__info-location .location-icon svg path {
  fill: var(--dark-color);
  transition: 0.3s ease;
}
.header__info-location .location-text {
  color: var(--dark-color);
  font-weight: 300;
  line-height: 110%;
  transition: 0.3s ease;
}
@media (min-width: 85em) {
  .header__info-location .location-text {
    font-size: 1.0625rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 85em) {
  @supports (font-size: clamp( 0.9375rem , 0.601795393rem  +  0.5420054201vw , 1.0625rem )) {
    .header__info-location .location-text {
      font-size: clamp( 0.9375rem , 0.601795393rem  +  0.5420054201vw , 1.0625rem );
    }
  }
  @supports not (font-size: clamp( 0.9375rem , 0.601795393rem  +  0.5420054201vw , 1.0625rem )) {
    .header__info-location .location-text {
      font-size: calc(
				0.9375rem + 0.125 * (100vi - 61.9375rem) / 23.0625
			);
    }
  }
}
@media (max-width: 61.9375em) {
  .header__info-location .location-text {
    font-size: 0.9375rem;
  }
}
.header__info-location .location-text:hover {
  text-shadow: 0 0 1px var(--dark-color);
  transition: 0.3s ease;
}
.header__info-phone {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.header__info-phone .phone-item {
  color: var(--dark-color);
  font-weight: 300;
  line-height: 110%;
  transition: 0.3s ease;
}
@media (min-width: 85em) {
  .header__info-phone .phone-item {
    font-size: 1.0625rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 85em) {
  @supports (font-size: clamp( 0.9375rem , 0.601795393rem  +  0.5420054201vw , 1.0625rem )) {
    .header__info-phone .phone-item {
      font-size: clamp( 0.9375rem , 0.601795393rem  +  0.5420054201vw , 1.0625rem );
    }
  }
  @supports not (font-size: clamp( 0.9375rem , 0.601795393rem  +  0.5420054201vw , 1.0625rem )) {
    .header__info-phone .phone-item {
      font-size: calc(
				0.9375rem + 0.125 * (100vi - 61.9375rem) / 23.0625
			);
    }
  }
}
@media (max-width: 61.9375em) {
  .header__info-phone .phone-item {
    font-size: 0.9375rem;
  }
}
.header__info-phone .phone-item:hover {
  text-shadow: 0 0 1px var(--dark-color);
  transition: 0.3s ease;
}
.header__burger {
  position: relative;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 35px;
  height: 23px;
  cursor: pointer;
}
@media (max-width: 61.9375em) {
  .header__burger {
    display: flex;
  }
}
.header__burger span {
  height: 1px;
  width: 100%;
  background-color: var(--dark-color);
  border-radius: 2px;
  transition: 0.3s ease;
  transform-origin: 0% 100%;
  transform-style: preserve-3d;
  opacity: 1;
  overflow: hidden;
}
.header__burger.is-active span:nth-child(1) {
  transform: rotate(40deg);
}
.header__burger.is-active span:nth-child(2) {
  width: 0;
}
.header__burger.is-active span:nth-child(3) {
  transform: rotate(-40deg);
}
.header__menu {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  height: calc(100vh - 70px);
  background-color: var(--dark-color);
  border-top: 1px solid var(--grey-color);
  transform: translateX(-100%);
  transition: 0.3s ease;
  z-index: 10;
}
.header__menu.is-open {
  transform: translateX(0);
}
.header__menu .menu__content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 30px 15px;
}
.header__menu .menu__list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 10px;
}
.header__menu .menu__list-link {
  color: var(--white-color);
  font-size: 17px;
  font-weight: 300;
  line-height: 110%;
  transition: 0.3s ease;
}
.header__menu .menu__location {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}
.header__menu .menu__location .location-text {
  color: var(--white-color);
  font-size: 17px;
  font-weight: 300;
  line-height: 110%;
  transition: 0.3s ease;
}
.header__menu .menu__phone {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.header__menu .menu__phone-item {
  color: var(--white-color);
  font-size: 17px;
  font-weight: 300;
  line-height: 110%;
  transition: 0.3s ease;
}
.header__menu .menu__button {
  display: flex;
}
.header__menu .menu__button .button {
  width: 100%;
  color: var(--white-color);
}
.header__menu .menu__button .button-is-border {
  border-color: var(--white-color);
}

.button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dark-color);
  font-weight: 300;
  line-height: 110%;
  transition: 0.3s ease;
}
@media (min-width: 85em) {
  .button {
    height: 2.875rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 85em) {
  @supports (height: clamp( 2.25rem , 0.5714769648rem  +  2.7100271003vw , 2.875rem )) {
    .button {
      height: clamp( 2.25rem , 0.5714769648rem  +  2.7100271003vw , 2.875rem );
    }
  }
  @supports not (height: clamp( 2.25rem , 0.5714769648rem  +  2.7100271003vw , 2.875rem )) {
    .button {
      height: calc(
				2.25rem + 0.625 * (100vi - 61.9375rem) / 23.0625
			);
    }
  }
}
@media (max-width: 61.9375em) {
  .button {
    height: 2.25rem;
  }
}
@media (min-width: 85em) {
  .button {
    padding-left: 1.5rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 85em) {
  @supports (padding-left: clamp( 1.125rem , 0.1178861789rem  +  1.6260162602vw , 1.5rem )) {
    .button {
      padding-left: clamp( 1.125rem , 0.1178861789rem  +  1.6260162602vw , 1.5rem );
    }
  }
  @supports not (padding-left: clamp( 1.125rem , 0.1178861789rem  +  1.6260162602vw , 1.5rem )) {
    .button {
      padding-left: calc(
				1.125rem + 0.375 * (100vi - 61.9375rem) / 23.0625
			);
    }
  }
}
@media (max-width: 61.9375em) {
  .button {
    padding-left: 1.125rem;
  }
}
@media (min-width: 85em) {
  .button {
    padding-right: 1.5rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 85em) {
  @supports (padding-right: clamp( 1.125rem , 0.1178861789rem  +  1.6260162602vw , 1.5rem )) {
    .button {
      padding-right: clamp( 1.125rem , 0.1178861789rem  +  1.6260162602vw , 1.5rem );
    }
  }
  @supports not (padding-right: clamp( 1.125rem , 0.1178861789rem  +  1.6260162602vw , 1.5rem )) {
    .button {
      padding-right: calc(
				1.125rem + 0.375 * (100vi - 61.9375rem) / 23.0625
			);
    }
  }
}
@media (max-width: 61.9375em) {
  .button {
    padding-right: 1.125rem;
  }
}
@media (min-width: 85em) {
  .button {
    font-size: 1.0625rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 85em) {
  @supports (font-size: clamp( 0.9375rem , 0.601795393rem  +  0.5420054201vw , 1.0625rem )) {
    .button {
      font-size: clamp( 0.9375rem , 0.601795393rem  +  0.5420054201vw , 1.0625rem );
    }
  }
  @supports not (font-size: clamp( 0.9375rem , 0.601795393rem  +  0.5420054201vw , 1.0625rem )) {
    .button {
      font-size: calc(
				0.9375rem + 0.125 * (100vi - 61.9375rem) / 23.0625
			);
    }
  }
}
@media (max-width: 61.9375em) {
  .button {
    font-size: 0.9375rem;
  }
}
.button-is-border {
  border: 1px solid var(--dark-color);
}
.button-is-border:hover {
  text-shadow: 0 0 1px var(--dark-color);
  box-shadow: 0 0 0 1px var(--dark-color);
  transition: 0.3s ease;
}
.button-bg-dark {
  color: #C8C8C8;
  background-color: var(--dark-color);
  transition: 0.3s ease;
}
.button-bg-dark svg path {
  stroke: #DCDCDC;
  transition: 0.3s ease;
}
.button-bg-dark:hover {
  color: var(--dark-color);
  background-color: #E6E6E6;
  transition: 0.3s ease;
}
.button-bg-dark:hover svg path {
  stroke: var(--dark-color);
  transition: 0.3s ease;
}

.banner {
  position: relative;
  overflow: hidden;
}
.banner__image {
  height: clamp(600px, 50vw, 900px);
}
.banner__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: clamp(50px, 5.5555555556vw, 100px);
}
.banner__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 540px;
  padding: clamp(10px, 1.1111111111vw, 20px);
  background: rgba(28, 28, 28, 0.25);
  backdrop-filter: blur(10px);
}
@media (max-width: 53.75em) {
  .banner__card {
    width: 100%;
  }
}
.banner__card .card-title {
  margin-bottom: 10px;
  color: var(--light-color);
  font-family: Genos;
  font-size: clamp(60px, 4.4444444444vw, 80px);
  font-weight: 400;
  line-height: 80%;
}
.banner__card .card-subtitle {
  color: var(--light-color);
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
}
.banner__card .button {
  margin-top: 20px;
}
.banner__slider {
  position: relative;
  display: flex;
  flex-direction: column;
}
.banner__slider-content {
  min-width: 100vw;
  width: 100%;
  height: clamp(600px, 50vw, 900px);
  padding-top: clamp(130px, 9.7222222222vw, 175px);
  padding-bottom: clamp(30px, 2.5vw, 45px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}
.banner__slider-content.swiper-slide-active {
  pointer-events: all;
}
.banner__slider-content .content-subtitle {
  display: inline-block;
  margin-bottom: 10px;
  color: #444;
  font-family: Genos;
  font-size: clamp(40px, 3.3333333333vw, 60px);
  font-weight: 400;
  line-height: 80%;
}
.banner__slider-content .content-title {
  margin-bottom: clamp(15px, 1.6666666667vw, 30px);
  color: var(--dark-color);
  font-family: CormorantGaramond;
  font-size: clamp(40px, 3.3333333333vw, 60px);
  font-weight: 600;
  line-height: 90%;
}
.banner__slider-content .content-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(10px, 1.1111111111vw, 20px);
}

.pagination-bullets {
  position: absolute;
  left: 0;
  right: 0;
  bottom: clamp(15px, 1.6666666667vw, 30px);
  display: flex;
  justify-content: space-between;
  gap: 20px;
  z-index: 2;
}
.pagination-bullets.is-circle {
  position: relative;
  bottom: unset;
  justify-content: flex-start;
}
.pagination-bullets.is-circle .pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #C5C5C5;
  border-radius: 50%;
}
.pagination-bullets.is-circle .pagination-bullet-active {
  background-color: var(--grey-color);
}
.pagination-bullet {
  display: flex;
  width: 100%;
  height: 4px;
  background-color: #5E656F;
  transition: 0.3s ease;
  cursor: pointer;
}
.pagination-bullet-active {
  background-color: #F0F0F0;
  transition: 0.3s ease;
}

.catalog__container {
  display: flex;
  flex-direction: column;
}
.catalog__list {
  position: relative;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  z-index: 2;
}
.catalog__list-item {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 1.1111111111vw, 20px);
  padding: clamp(10px, 1.1111111111vw, 20px);
  border: 1px solid var(--grey-color);
  transition: 0.3s ease;
}
.catalog__list-item:hover {
  border-color: var(--dark-color);
  box-shadow: 0 0 0 1px var(--dark-color);
  transition: 0.3s ease;
}
.catalog__list-item:hover .item-title {
  text-shadow: 0 0 1px var(--dark-color);
  transition: 0.3s ease;
}
.catalog__list-item .item-image {
  width: 100%;
  min-height: clamp(300px, 22.2222222222vw, 400px);
  overflow: hidden;
}
.catalog__list-item .item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--dark-color);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
  transition: 0.3s ease;
}
.catalog__more {
  margin: clamp(15px, 1.6666666667vw, 30px) auto 0;
}

.advantages__list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  z-index: 2;
}
@media (max-width: 74.375em) {
  .advantages__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 36.25em) {
  .advantages__list {
    grid-template-columns: 1fr;
  }
}
.advantages__list-item {
  display: flex;
  flex-direction: column;
  gap: clamp(5px, 0.5555555556vw, 10px);
  padding: clamp(10px, 1.1111111111vw, 20px);
  background-color: var(--grey-light-color);
}
.advantages__list-item:nth-child(1) {
  grid-column: 2/3;
}
.advantages__list-item:nth-child(2) {
  grid-column: 3/4;
}
.advantages__list-item:nth-child(3) {
  grid-column: 4/5;
}
.advantages__list-item:nth-child(4) {
  grid-column: 1/2;
}
.advantages__list-item:nth-child(5) {
  grid-column: 2/3;
}
.advantages__list-item:nth-child(7) {
  grid-column: 1/3;
}
.advantages__list-item:nth-child(6), .advantages__list-item:nth-child(8) {
  grid-column: 3/5;
}
@media (max-width: 74.375em) {
  .advantages__list-item {
    grid-column: auto !important;
  }
}
.advantages__list-item .item-title {
  padding-bottom: clamp(5px, 0.5555555556vw, 10px);
  color: var(--dark-color);
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
  border-bottom: 1px solid #C8C8C8;
}
.advantages__list-item .item-subtitle {
  color: var(--grey-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}

.stages__content {
  display: flex;
  flex-direction: column;
}
.stages__content-item {
  display: flex;
  padding: clamp(10px, 1.1111111111vw, 20px);
  border-top: 1px solid var(--dark-color);
}
.stages__content-item:last-child {
  border-bottom: 1px solid var(--dark-color);
}
.stages__content-item:hover .item-num {
  color: #C8C8C8;
  transition: 0.3s ease;
}
.stages__content-item .item-num {
  min-width: clamp(48px, 4.3333333333vw, 78px);
  margin-right: clamp(15px, 1.9444444444vw, 35px);
  color: var(--grey-light-color);
  font-family: Coustard;
  font-size: clamp(30px, 3.3333333333vw, 60px);
  font-weight: 400;
  line-height: 90%;
  transition: 0.3s ease;
}
.stages__content-item .item-text {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
  width: 100%;
}
.stages__content-item .item-title {
  color: var(--dark-color);
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
}
.stages__content-item .item-subtitle {
  color: var(--grey-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.stages__content-item .item-icon {
  display: flex;
  align-items: center;
  margin-left: clamp(10px, 1.1111111111vw, 20px);
}

.nicety {
  overflow: hidden;
}
.nicety__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
@media (max-width: 53.75em) {
  .nicety__content {
    grid-template-columns: 1fr;
  }
}
.nicety__content-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: clamp(370px, 26.1111111111vw, 470px);
}
.nicety__content-item.is-text {
  padding: clamp(10px, 1.1111111111vw, 20px) clamp(20px, 2.2222222222vw, 40px);
  background-color: var(--grey-light-color);
}
.nicety__content-item.is-col-2 {
  grid-column: 1/-1;
}
.nicety__content-item .item-title {
  color: var(--dark-color);
  text-align: center;
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
}
.nicety__content-item .item-text {
  color: var(--grey-color);
  text-align: center;
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.nicety__content-item .item-image {
  width: 100%;
  height: 100%;
}

.promo {
  position: relative;
  background: url(/local/templates/car/css/../images/promo-item-1.png) center no-repeat;
}
.promo__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: clamp(15px, 1.6666666667vw, 30px) 10px clamp(15px, 1.6666666667vw, 30px) 0;
  max-width: 50%;
  min-height: clamp(380px, 32.2222222222vw, 580px);
}
@media (max-width: 53.75em) {
  .promo__content {
    max-width: 100%;
  }
}
.promo__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: rgba(34, 30, 19, 0.1);
  backdrop-filter: blur(20px);
}
@media (max-width: 53.75em) {
  .promo__content::before {
    width: 100%;
  }
}
.promo__content .content-text {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 550px;
}
.promo__content .content-text h2 {
  color: var(--light-color);
  font-family: CormorantGaramond;
  font-size: clamp(42px, 2.8888888889vw, 52px);
  font-weight: 500;
  line-height: 90%;
}
.promo__content .content-text p {
  color: var(--light-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.promo__content .content-timer {
  position: relative;
  color: var(--light-color);
  font-family: GemunuLibre;
  font-size: clamp(60px, 5.5555555556vw, 100px);
  font-style: normal;
  font-weight: 500;
  line-height: 80%;
  pointer-events: none;
}
.promo__content .button {
  width: 210px;
}

.news__list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 2;
}
.news__list-item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  min-height: 320px;
  background-color: var(--grey-light-color);
}
@media (max-width: 42.5em) {
  .news__list-item {
    grid-template-columns: 1fr;
  }
}
.news__list-item .item-image {
  overflow: hidden;
}
@media (max-width: 42.5em) {
  .news__list-item .item-image {
    height: 200px;
  }
}
.news__list-item .item-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  padding: clamp(10px, 1.1111111111vw, 20px);
}
.news__list-item .item-content .text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.news__list-item .item-content h3 {
  color: var(--dark-color);
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
}
.news__list-item .item-content p {
  color: var(--grey-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.news__list-item .item-content .button {
  width: 197px;
  margin: 0 0 0 auto;
}

.offer__container {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
@media (max-width: 57.5em) {
  .offer__container {
    flex-direction: column;
  }
}
.offer__container .section__caption {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  max-width: 760px;
}
.offer__container .section__caption-subtext {
  text-align: left;
}
.offer__form {
  min-width: 430px;
}
@media (max-width: 57.5em) {
  .offer__form {
    min-width: 100%;
  }
}
.offer__form form {
  display: flex;
  flex-direction: column;
}
.offer__form .form-input {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: clamp(10px, 1.1111111111vw, 20px);
}
.offer__form .form-input label {
  color: var(--dark-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.offer__form .form-input input {
  height: clamp(37px, 2.3888888889vw, 43px);
  padding: 0 10px;
  color: var(--dark-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
  border: 1px solid var(--grey-color);
  transition: 0.3s ease;
}
.offer__form .form-input input:focus {
  text-shadow: 0 0 1px var(--dark-color);
  box-shadow: 0 0 0 1px var(--dark-color);
  transition: 0.3s ease;
}
.offer__form .button {
  margin-top: 10px;
}

.accordion__container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.accordion__item {
  background-color: var(--grey-light-color);
  transition: 0.4s ease;
}
.accordion__item.open .accordion__header::after {
  transform: rotate(45deg);
}
.accordion__item.open .accordion__content {
  block-size: max-content;
  padding: 1.25rem;
}
.accordion__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 1.25rem;
  color: var(--dark-color);
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
  border: 1px solid transparent;
  transition: 0.4s ease;
  cursor: pointer;
}
.accordion__header:hover {
  border-color: var(--dark-color);
}
.accordion__header::after {
  content: "";
  position: static;
  flex: 0 0 1.5rem;
  block-size: 1.5rem;
  inline-size: 1.5rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjQyNTcgMTMuNTE3MkMyMi41MjEzIDEzLjQyMTYgMjIuNTc1IDEzLjI5MTkgMjIuNTc1IDEzLjE1NjdDMjIuNTc1IDEzLjAyMTUgMjIuNTIxMyAxMi44OTE5IDIyLjQyNTcgMTIuNzk2M0MyMi4zMzAxIDEyLjcwMDcgMjIuMjAwNCAxMi42NDcgMjIuMDY1MiAxMi42NDdIMTMuMDA5OFYzLjU5MTUyQzEzLjAwOTggMy40NTYzMiAxMi45NTYxIDMuMzI2NjUgMTIuODYwNSAzLjIzMTA1QzEyLjc2NDkgMy4xMzU0NSAxMi42MzUyIDMuMDgxNzQgMTIuNSAzLjA4MTc0QzEyLjM2NDggMy4wODE3NCAxMi4yMzUxIDMuMTM1NDUgMTIuMTM5NSAzLjIzMTA1QzEyLjA0MzkgMy4zMjY2NSAxMS45OTAyIDMuNDU2MzIgMTEuOTkwMiAzLjU5MTUyVjEyLjY0N0gyLjkzNDc4QzIuNzk5NTggMTIuNjQ3IDIuNjY5OTEgMTIuNzAwNyAyLjU3NDMxIDEyLjc5NjNDMi40Nzg3MSAxMi44OTE5IDIuNDI1IDEzLjAyMTUgMi40MjUgMTMuMTU2N0MyLjQyNSAxMy4yOTE5IDIuNDc4NzEgMTMuNDIxNiAyLjU3NDMxIDEzLjUxNzJDMi42Njk5MSAxMy42MTI4IDIuNzk5NTggMTMuNjY2NSAyLjkzNDc4IDEzLjY2NjVIMTEuOTkwMlYyMi43MjJDMTEuOTkwMiAyMi44NTcyIDEyLjA0MzkgMjIuOTg2OCAxMi4xMzk1IDIzLjA4MjRDMTIuMjM1MSAyMy4xNzggMTIuMzY0OCAyMy4yMzE3IDEyLjUgMjMuMjMxN0MxMi42MzUyIDIzLjIzMTcgMTIuNzY0OSAyMy4xNzggMTIuODYwNSAyMy4wODI0QzEyLjk1NjEgMjIuOTg2OCAxMy4wMDk4IDIyLjg1NzIgMTMuMDA5OCAyMi43MjJWMTMuNjY2NUgyMi4wNjUyQzIyLjIwMDQgMTMuNjY2NSAyMi4zMzAxIDEzLjYxMjggMjIuNDI1NyAxMy41MTcyWiIgZmlsbD0iIzFDMUMxQyIgc3Ryb2tlPSIjMUMxQzFDIiBzdHJva2Utd2lkdGg9IjAuMTUiLz4KPC9zdmc+Cg==);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.4s ease;
}
.accordion__content {
  block-size: 0;
  padding: 0rem 1.25rem;
  color: var(--grey-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
  overflow: hidden;
  transition: 0.4s ease;
}
.accordion__content p {
  max-width: 740px;
}

.contacts__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contacts__content-item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  min-height: clamp(350px, 27.7777777778vw, 500px);
}
@media (max-width: 57.5em) {
  .contacts__content-item {
    grid-template-columns: 1fr;
  }
}
.contacts__content-item .item-image {
  position: relative;
  overflow: hidden;
}
.contacts__content-item .item-image .item {
  min-width: 100%;
  height: 100%;
}
@media (max-width: 57.5em) {
  .contacts__content-item .item-image .item {
    height: 350px;
  }
}
.contacts__content-item .item-image .pagination-bullets {
  bottom: 20px;
  padding: 0 20px;
}
.contacts__content-item .item-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  padding: 20px;
  background-color: var(--grey-light-color);
}
.contacts__content-item .item-text .info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contacts__content-item .item-text .info h3 {
  width: 100%;
  padding-bottom: 5px;
  color: var(--dark-color);
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
  border-bottom: 1px solid var(--grey-color);
}
.contacts__content-item .item-text .info-item {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}
@media (max-width: 57.5em) {
  .contacts__content-item .item-text .info-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
}
.contacts__content-item .item-text .info-item .head {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.contacts__content-item .item-text .info-item .phone,
.contacts__content-item .item-text .info-item .address,
.contacts__content-item .item-text .info-item .mail {
  display: flex;
  align-items: center;
  gap: 5px;
}
.contacts__content-item .item-text .info-item .phone::before,
.contacts__content-item .item-text .info-item .address::before,
.contacts__content-item .item-text .info-item .mail::before {
  content: "";
  position: static;
  display: block;
  block-size: 1.5rem;
  inline-size: 1.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.contacts__content-item .item-text .info-item .phone::before {
  content: "";
  position: static;
  background-image: url(/local/templates/car/css/../images/phone.png);
}
.contacts__content-item .item-text .info-item .address::before {
  content: "";
  position: static;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjAxMDUgMjAuMDM1NkwxMS44MDI2IDE5LjgwMThMMTEuNzk3NyAxOS43OTYzTDExLjc5MjUgMTkuNzkxMUwxMS43OTI0IDE5Ljc5MDlMMTEuNzkxOSAxOS43OTA1TDExLjc5MDEgMTkuNzg4NkwxMS43ODQgMTkuNzgyTDExLjc2NCAxOS43NkMxMS43NDc1IDE5Ljc0MTcgMTEuNzI1OSAxOS43MTcyIDExLjY5OTQgMTkuNjg2NUMxMS42NDYzIDE5LjYyNTMgMTEuNTc0OCAxOS41NDEyIDExLjQ4NzMgMTkuNDM2MkMxMS4zMTI0IDE5LjIyNjQgMTEuMDc1IDE4LjkzNDQgMTAuNzk2NSAxOC41NzhDMTAuMjM5MyAxNy44NjQ5IDkuNTE5MDcgMTYuODk1NSA4LjgwNjc0IDE1LjgxMDdDOC4wOTM5NCAxNC43MjUxIDcuMzkyMDggMTMuNTI4MyA2Ljg2OTIxIDEyLjM1OThDNi4zNDQzOSAxMS4xODY5IDYuMDA5NzcgMTAuMDYzOSA2LjAwOTc3IDkuMTE5ODhDNi4wMDk3NyA1LjgwMTk1IDguNjgxODQgMy4xMjk4OCAxMS45OTk4IDMuMTI5ODhDMTUuMzE3NyAzLjEyOTg4IDE3Ljk4OTggNS44MDE5NSAxNy45ODk4IDkuMTE5ODhDMTcuOTg5OCAxMC4wNjM5IDE3LjY1NTEgMTEuMTg2OSAxNy4xMzAzIDEyLjM2MDZDMTYuNjA3NCAxMy41Mjk5IDE1LjkwNTUgMTQuNzI4MiAxNS4xOTI2IDE1LjgxNjlDMTMuODIyMyAxNy45MDk2IDEyLjQyMzkgMTkuNTc4NyAxMi4yMTE1IDE5LjgzMjFDMTIuMjA2OCAxOS44Mzc4IDEyLjIwMjYgMTkuODQyOCAxMi4xOTkxIDE5Ljg0N0wxMi4wMTA1IDIwLjAzNTZaTTExLjgwNTcgMTkuMDY5NUwxMS45OTk4IDE5LjMwODNMMTIuMTkzOCAxOS4wNjk1QzEyLjgyMDUgMTguMjk4MiAxNC4xNDggMTYuNjA4OSAxNS4zMjAxIDE0LjcyMzlDMTUuOTA2MSAxMy43ODE1IDE2LjQ1NjIgMTIuNzg1MyAxNi44NjA2IDExLjgyNzFDMTcuMjYzNCAxMC44NzI2IDE3LjUyOTggOS45MzY2MSAxNy41Mjk4IDkuMTE5ODhDMTcuNTI5OCA2LjA1MzgxIDE1LjA2NTggMy41ODk4OCAxMS45OTk4IDMuNTg5ODhDOC45MzM2OSAzLjU4OTg4IDYuNDY5NzcgNi4wNTM4MSA2LjQ2OTc3IDkuMTE5ODhDNi40Njk3NyA5LjkzNjYxIDYuNzM2MTcgMTAuODcyNiA3LjEzODkzIDExLjgyNzFDNy41NDMyOSAxMi43ODUzIDguMDkzNDYgMTMuNzgxNSA4LjY3OTQ2IDE0LjcyMzlDOS44NTE1MyAxNi42MDg5IDExLjE3OSAxOC4yOTgyIDExLjgwNTcgMTkuMDY5NVoiIGZpbGw9IiMxQzFDMUMiIHN0cm9rZT0iIzFDMUMxQyIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPHBhdGggZD0iTTEyLjAwMDEgMTEuNTIwMkMxMC42NTYxIDExLjUyMDIgOS42MDAxIDEwLjQ2NDIgOS42MDAxIDkuMTIwMjFDOS42MDAxIDcuNzc2MjEgMTAuNjU2MSA2LjcyMDIxIDEyLjAwMDEgNi43MjAyMUMxMy4zNDQxIDYuNzIwMjEgMTQuNDAwMSA3Ljc3NjIxIDE0LjQwMDEgOS4xMjAyMUMxNC40MDAxIDEwLjQ2NDIgMTMuMzQ0MSAxMS41MjAyIDEyLjAwMDEgMTEuNTIwMlpNMTIuMDAwMSA3LjY4MDIxQzExLjE4NDEgNy42ODAyMSAxMC41NjAxIDguMzA0MjEgMTAuNTYwMSA5LjEyMDIxQzEwLjU2MDEgOS45MzYyMSAxMS4xODQxIDEwLjU2MDIgMTIuMDAwMSAxMC41NjAyQzEyLjgxNjEgMTAuNTYwMiAxMy40NDAxIDkuOTM2MjEgMTMuNDQwMSA5LjEyMDIxQzEzLjQ0MDEgOC4zMDQyMSAxMi44MTYxIDcuNjgwMjEgMTIuMDAwMSA3LjY4MDIxWiIgZmlsbD0iIzFDMUMxQyIvPgo8L3N2Zz4K);
}
.contacts__content-item .item-text .info-item .mail::before {
  content: "";
  position: static;
  display: block;
  block-size: 1.5rem;
  inline-size: 1.5rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjM4NTQgMTguNzVIMTkuMzg1SDQuNjE2QzQuMjE3NCAxOC43NSAzLjg5Nzk4IDE4LjYxOTQgMy42Mzk3OCAxOC4zNjEyQzMuMzgxNTkgMTguMTAzIDMuMjUwNjIgMTcuNzgzMiAzLjI1IDE3LjM4MzhWNi42MTZDMy4yNSA2LjI4Nzg1IDMuMzM4NzEgNi4wMTMzNCAzLjUxNDU5IDUuNzgyNDRMMy44NDkyOSA2SDMuNzVWNi40MjI4M1Y2Ljg4NVYxNy4zODVWMThWMTguMjVINEg0LjYxNkgxOS4zODVDMTkuNjIzNCAxOC4yNSAxOS44MzY3IDE4LjE3MDkgMjAuMDAzOCAxOC4wMDM4QzIwLjE3MTEgMTcuODM2NSAyMC4yNSAxNy42MjI4IDIwLjI1IDE3LjM4NFY2Ljg4NFY2LjQyMTc4TDE5Ljg2MzIgNi42NzQ3N0wxMiAxMS44MTczTDQuMjUgNi43NDk3N1Y2LjI2MDQ3TDExLjg2MzcgMTEuMjA5NkwxMiAxMS4yOTgyTDEyLjEzNjMgMTEuMjA5NkwxOS44MjgzIDYuMjA5NjFMMjAuNDg1MSA1Ljc4MjY2QzIwLjY2MDcgNi4wMTQwOCAyMC43NDk1IDYuMjg4NzEgMjAuNzUgNi42MTYzNlYxNy4zODVDMjAuNzUgMTcuNzgyNyAyMC42MTkzIDE4LjEwMjIgMjAuMzYwMiAxOC4zNjEyQzIwLjEwMTIgMTguNjIwMyAxOS43ODIxIDE4Ljc1MDYgMTkuMzg1NCAxOC43NVpNNC4zMDggNS43NUgzLjU0MDFDMy41NzA4NCA1LjcxMjE0IDMuNjA0IDUuNjc1NDcgMy42Mzk1OSA1LjYzOTk3QzMuODk4NzMgNS4zODEzOCA0LjIxODEgNS4yNTA2MiA0LjYxNTE4IDUuMjVIMTkuMzg1QzE5Ljc4MjcgNS4yNSAyMC4xMDE3IDUuMzgwNzEgMjAuMzYgNS42Mzk1OUMyMC4zOTU2IDUuNjc1MjMgMjAuNDI4NyA1LjcxMjAyIDIwLjQ1OTUgNS43NUgxOS42OTJINC4zMDhaIiBmaWxsPSIjRjhGOEY4IiBzdHJva2U9IiMxQzFDMUMiIHN0cm9rZS13aWR0aD0iMC41Ii8+Cjwvc3ZnPgo=);
}
.contacts__content-item .item-text .info-item h4 {
  color: var(--grey-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.contacts__content-item .item-text .info-item p,
.contacts__content-item .item-text .info-item a {
  color: var(--dark-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.contacts__content-item .item-text .info-item a {
  transition: 0.3s ease;
}
.contacts__content-item .item-text .info-item a:hover {
  text-shadow: 0 0 1px var(--dark-color);
}
.contacts__content-item .item-text .button {
  margin: 0 0 0 auto;
}

.about {
  overflow: hidden;
}
.about__text {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: clamp(15px, 1.6666666667vw, 30px);
}
@media (max-width: 47.9375em) {
  .about__text {
    flex-direction: column;
  }
}
.about__text p {
  max-width: 760px;
  color: var(--dark-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.about__slider-content {
  display: flex;
  flex-direction: column;
  min-width: 100%;
  height: clamp(500px, 33.3333333333vw, 600px);
  padding: clamp(10px, 1.1111111111vw, 20px);
}
.about__slider-content.is-flex-end {
  justify-content: flex-end;
}
.about__slider-content .content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 630px;
  min-height: 274px;
  padding: clamp(10px, 1.1111111111vw, 20px);
  background: rgba(28, 28, 28, 0.4);
  backdrop-filter: blur(10px);
}
.about__slider-content .content h2 {
  color: var(--grey-light-color);
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
}
.about__slider-content .content p {
  color: var(--grey-light-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}

.services__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px 10px;
}
@media (max-width: 47.9375em) {
  .services__cards {
    grid-template-columns: 1fr;
  }
}
.services__cards .card-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.services__cards .card-item:hover .caption {
  opacity: 0;
  pointer-events: none;
}
.services__cards .card-item:hover .content {
  opacity: 1;
  pointer-events: all;
}
.services__cards .card-item .image {
  position: relative;
  width: 100%;
  min-height: 350px;
}
@media (max-width: 47.9375em) {
  .services__cards .card-item .image {
    min-height: 300px;
  }
}
.services__cards .card-item .caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--dark-color);
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
  opacity: 1;
  pointer-events: all;
  transition: 0.3s ease;
}
.services__cards .card-item .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(15px, 1.6666666667vw, 30px);
  padding: clamp(10px, 1.1111111111vw, 20px);
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease;
}
.services__cards .card-item .content p {
  color: var(--grey-light-color);
  text-align: center;
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
}
.services__cards .card-item .content .button {
  color: var(--light-color);
}
.services__cards .card-item .content .button-is-border {
  border: 1px solid var(--light-color);
}
.services__cards .card-item .content .button-is-border:hover {
  text-shadow: 0 0 1px var(--light-color);
  box-shadow: 0 0 0 1px var(--light-color);
  transition: 0.3s ease;
}

.team {
  overflow: hidden;
}
.team__slider-item {
  display: flex;
  gap: 10px;
  min-width: clamp(580px, 36.1111111111vw, 650px);
  height: clamp(655px, 42.5vw, 765px);
}
.team__slider-item .item-content {
  width: clamp(290px, 17.7777777778vw, 320px);
}
.team__slider-item .item-content:nth-child(2n) {
  align-self: flex-end;
}
.team__slider-item .item-image {
  width: 100%;
  height: clamp(300px, 19.4444444444vw, 350px);
  margin-bottom: 10px;
}
.team__slider-item .item-post {
  color: var(--grey-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.team__slider-item .item-title {
  color: var(--dark-color);
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
}

.navigation__slider {
  display: flex;
  gap: 20px;
}
.navigation__button-next, .navigation__button-prev {
  cursor: pointer;
}
.navigation__button-disabled svg path,
.navigation__button-disabled svg rect {
  stroke: #A0A0A0;
  transition: 0.3s ease;
}

.char__info {
  background: var(--dark-color);
}
.char__info-list {
  display: flex;
  justify-content: space-between;
  padding: clamp(15px, 1.6666666667vw, 30px) 0;
}
@media (max-width: 47.9375em) {
  .char__info-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
}
.char__info-list .list-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.char__info-list .list-item:not(:last-child) {
  padding-right: 80px;
  border-right: 1px solid var(--grey-color);
}
@media (max-width: 47.9375em) {
  .char__info-list .list-item:not(:last-child) {
    padding-right: 0;
  }
  .char__info-list .list-item:not(:last-child):nth-child(2) {
    border: none;
  }
}
.char__info-list .list-item p {
  color: var(--light-color);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: CormorantGaramond;
  font-size: clamp(30px, 3.3333333333vw, 60px);
  font-weight: 600;
  line-height: 90%;
}
.char__info-list .list-item h4 {
  color: var(--light-color);
  text-align: center;
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
}
.char__about {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.char__about-title {
  max-width: 870px;
}
.char__about-title p {
  color: var(--dark-color);
  text-align: center;
  font-family: CormorantGaramond;
  font-size: clamp(32px, 2.8888888889vw, 52px);
  font-weight: 500;
  line-height: 90%;
}
.char__images {
  display: flex;
  gap: 10px;
  height: clamp(300px, 33.3333333333vw, 600px);
}
@media (max-width: 36.25em) {
  .char__images {
    flex-direction: column;
    height: 600px;
  }
}
.char__images-item {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.char__detail {
  padding: clamp(50px, 5.5555555556vw, 100px) 0;
  background-color: #E6E6E6;
}
.char__detail-text {
  display: flex;
  justify-content: center;
  gap: 0 clamp(35px, 3.0555555556vw, 55px);
}
@media (max-width: 36.25em) {
  .char__detail-text {
    flex-direction: column;
    gap: 10px 0;
  }
}
.char__detail-text .text-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.char__detail-text .text-item h3 {
  color: var(--dark-color);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: CormorantGaramond;
  font-size: clamp(42px, 3.3333333333vw, 60px);
  font-weight: 600;
  line-height: 90%;
}
.char__detail-text .text-item p {
  color: var(--grey-color);
  text-align: center;
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.char__detail-slider {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 30px;
  max-width: 650px;
}
.char__detail-slider .item {
  min-width: 650px;
  height: 460px;
}
@media (max-width: 40.6875em) {
  .char__detail-slider .item {
    min-width: 100%;
    height: 360px;
  }
}
.char__detail-desc {
  display: flex;
}
@media (max-width: 40.625em) {
  .char__detail-desc {
    flex-direction: column;
    gap: 10px;
  }
}
.char__detail-desc .desc-item {
  padding: 0 clamp(15px, 1.6666666667vw, 30px);
}
.char__detail-desc .desc-item:not(:last-child) {
  border-right: 1px solid #6E6E6E;
}
@media (max-width: 40.625em) {
  .char__detail-desc .desc-item:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid #6E6E6E;
  }
}
.char__detail-desc .desc-item p {
  color: var(--dark-color);
  text-align: center;
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
@media (max-width: 40.625em) {
  .char__detail-desc .desc-item {
    padding: 0 0 10px 0;
  }
}

.exterior {
  overflow: hidden;
}
.exterior__banner {
  display: flex;
  align-items: flex-end;
  height: clamp(400px, 27.7777777778vw, 500px);
  padding: clamp(10px, 1.1111111111vw, 20px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.exterior__banner p {
  max-width: 630px;
  color: var(--grey-light-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.exterior__slider {
  margin-top: 10px;
}
.exterior__slider-item {
  min-width: clamp(330px, 23.8888888889vw, 430px);
}
.exterior__slider-item .item-image {
  width: 100%;
  height: clamp(400px, 27.7777777778vw, 500px);
  margin-bottom: 10px;
  overflow: hidden;
}
.exterior__slider-item .item-title {
  margin-bottom: 5px;
  color: var(--dark-color);
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
}
.exterior__slider-item .item-subtitle {
  color: var(--dark-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}

.interior__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
@media (max-width: 47.9375em) {
  .interior__cards {
    grid-template-columns: 1fr;
  }
}
.interior__cards-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: clamp(400px, 27.7777777778vw, 500px);
  padding: clamp(10px, 1.1111111111vw, 20px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.interior__cards-item.is-bg {
  justify-content: center;
  padding: clamp(15px, 1.6666666667vw, 30px);
  background-color: var(--grey-light-color);
}
.interior__cards-item.is-bg .item-text {
  align-items: center;
  background: transparent;
}
.interior__cards-item.is-bg .item-text h3 {
  color: var(--dark-color);
}
.interior__cards-item.is-bg .item-text p {
  color: var(--dark-color);
}
.interior__cards-item.is-bg .item-text .button {
  margin-top: clamp(15px, 1.6666666667vw, 30px);
}
.interior__cards-item .item-text {
  display: flex;
  flex-direction: column;
  padding: clamp(10px, 1.1111111111vw, 20px);
  background: rgba(28, 28, 28, 0.4);
  backdrop-filter: blur(7.5px);
}
.interior__cards-item .item-text h3 {
  margin-bottom: 10px;
  color: var(--light-color);
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
}
.interior__cards-item .item-text p {
  color: var(--light-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}

.multimedia__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
@media (max-width: 53.75em) {
  .multimedia__cards {
    grid-template-columns: 1fr;
  }
}
.multimedia__cards-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: clamp(400px, 27.7777777778vw, 500px);
  padding: clamp(10px, 1.1111111111vw, 20px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.multimedia__cards-item:nth-child(1), .multimedia__cards-item:nth-child(4) {
  grid-column: 1/-1;
}
.multimedia__cards-item:nth-child(1) .item-text, .multimedia__cards-item:nth-child(4) .item-text {
  max-width: 630px;
}
.multimedia__cards-item:nth-child(4) {
  align-items: flex-end;
}
.multimedia__cards-item .item-text {
  display: flex;
  flex-direction: column;
  padding: clamp(10px, 1.1111111111vw, 20px);
  background: rgba(28, 28, 28, 0.4);
  backdrop-filter: blur(7.5px);
}
.multimedia__cards-item .item-text h3 {
  margin-bottom: 10px;
  color: var(--light-color);
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
}
.multimedia__cards-item .item-text p {
  color: var(--light-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}

.equipment__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
@media (max-width: 47.9375em) {
  .equipment__content {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 47.9375em) {
  .equipment__content .content__image {
    height: 400px;
  }
}
.equipment__content .content__text {
  padding: clamp(10px, 1.1111111111vw, 20px);
  background-color: var(--grey-light-color);
}
.equipment__content .content__text .caption {
  margin-bottom: 10px;
  padding-bottom: 5px;
  color: var(--dark-color);
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
  border-bottom: 1px solid var(--grey-color);
}
.equipment__content .content__text .caption:not(:first-child) {
  margin-top: clamp(15px, 1.6666666667vw, 30px);
}
.equipment__content .content__text .info {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 1.1111111111vw, 20px);
}
.equipment__content .content__text .info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.equipment__content .content__text .info-item h4 {
  color: var(--dark-color);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
}
.equipment__content .content__text .info-item span {
  color: var(--grey-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.equipment__content .content__text .list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.equipment__content .content__text .list li {
  position: relative;
  padding-left: 20px;
  color: var(--dark-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.equipment__content .content__text .list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #D2D2D2;
  border-radius: 50%;
  transform: translateY(-50%);
}
.equipment__content .content__text .button {
  margin: clamp(35px, 3.6111111111vw, 65px) 0 0 auto;
}

.video__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(200px, 33.3333333333vw, 600px);
  overflow: hidden;
}
.video__control-play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(40px, 2.5vw, 45px);
  height: clamp(40px, 2.5vw, 45px);
  border-radius: 50%;
  border: 1px solid #F0F0F0;
  background-color: rgba(28, 28, 28, 0.4);
  backdrop-filter: blur(7.5px);
  cursor: pointer;
}
.video video {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.breadcrumbs {
  margin-top: clamp(90px, 6.1111111111vw, 110px);
  margin-bottom: 20px;
}
.breadcrumbs__container {
  display: flex;
  align-items: center;
  gap: 5px;
}
.breadcrumbs__item {
  font-size: clamp(15px, 0.9444444444vw, 17px);
}
.breadcrumbs__item:not(:last-child)::after {
  content: "/";
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.breadcrumbs__item a {
  padding-right: 5px;
  color: var(--dark-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
  transition: 0.3s ease;
}
.breadcrumbs__item a:hover {
  text-shadow: 0 0 1px var(--dark-color);
}

.filter__checkbox {
  display: flex;
  margin-bottom: clamp(15px, 1.6666666667vw, 30px);
  border-bottom: 1px solid var(--dark-color);
}
.filter__checkbox .swiper-wrapper {
  justify-content: space-between;
}
.filter__checkbox-item {
  min-width: fit-content;
  padding: clamp(5px, 0.5555555556vw, 10px) clamp(10px, 1.1111111111vw, 20px);
  color: var(--dark-color);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
  border-bottom: 2px solid transparent;
  transition: 0.3s ease;
  cursor: pointer;
}
.filter__checkbox-item:hover {
  border-color: var(--dark-color);
}
.filter__checkbox-item input {
  display: none;
}
.filter__select {
  display: flex;
  gap: clamp(15px, 1.6666666667vw, 30px);
  margin-bottom: clamp(15px, 1.6666666667vw, 30px);
}
@media (max-width: 47.9375em) {
  .filter__select {
    flex-direction: column;
    align-items: flex-start;
  }
}
.filter__select-item {
  position: relative;
}
.filter__select-item.is-open .item-caption svg {
  transition: 0.3s ease;
  transform: rotate(0deg);
}
.filter__select-item.is-open .item-dropdown {
  opacity: 1;
  pointer-events: all;
}
.filter__select-item .item-caption {
  display: flex;
  align-items: baseline;
  gap: 10px;
  cursor: pointer;
}
.filter__select-item .item-caption h2 {
  color: var(--dark-color);
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
  transition: 0.3s ease;
}
.filter__select-item .item-caption h2:hover {
  text-shadow: 0 0 1px var(--dark-color);
}
.filter__select-item .item-caption svg {
  transition: 0.3s ease;
  transform: rotate(-180deg);
}
.filter__select-item .item-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 10px;
  padding: clamp(10px, 1.1111111111vw, 20px);
  border: 1px solid var(--grey-color);
  background: var(--background, #F0F0F0);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease;
  z-index: 10;
}
.filter__select-item .item-dropdown label {
  cursor: pointer;
}
.filter__select-item .item-dropdown.is-color {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  max-width: 200px;
}
.filter__select-item .item-dropdown.is-color input[type=checkbox] {
  display: none;
}
.filter__select-item .item-dropdown.is-color input[type=checkbox]:checked + label::before, .filter__select-item .item-dropdown.is-color input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.filter__select-item .item-dropdown.is-color label {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
}
.filter__select-item .item-dropdown.is-color label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #F0F0F0;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: 0.3s ease;
  z-index: 2;
}
.filter__select-item .item-dropdown.is-color label::after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid var(--dark-color);
  opacity: 0;
  transition: 0.3s ease;
}
.filter__select-item .item-dropdown.is-color label:hover::before, .filter__select-item .item-dropdown.is-color label:hover::after {
  opacity: 1;
}
.filter__select-item .item-dropdown.is-checkbox-line {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 260px;
}
.filter__select-item .item-dropdown.is-checkbox-line .box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.filter__select-item .item-dropdown.is-checkbox-line input[type=checkbox] {
  position: relative;
  width: 24px;
  height: 24px;
  -webkit-appearance: none;
  border: 1px solid var(--dark-color);
  cursor: pointer;
}
.filter__select-item .item-dropdown.is-checkbox-line input[type=checkbox]::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNTUwMDIgMTcuMzA4TDQuNTgwMDIgMTIuMzM4TDUuMjk0MDIgMTEuNjI1TDkuNTUwMDIgMTUuODgxTDE4LjcwNiA2LjcyNDk4TDE5LjQxOSA3LjQzODk4TDkuNTUwMDIgMTcuMzA4WiIgZmlsbD0iI0RDRENEQyIvPgo8L3N2Zz4K);
  opacity: 0;
}
.filter__select-item .item-dropdown.is-checkbox-line input[type=checkbox]:checked {
  background-color: var(--dark-color);
}
.filter__select-item .item-dropdown.is-checkbox-line input[type=checkbox]:checked::before {
  opacity: 1;
}
.filter__select-item .item-dropdown.is-checkbox-line input[type=checkbox]:checked + label {
  text-shadow: 0 0 1px var(--dark-color);
}
.filter__select-item .item-dropdown.is-checkbox-line label {
  color: var(--dark-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
  transition: 0.3s ease;
}
.filter__select-item .item-dropdown.is-checkbox-line label:hover {
  text-shadow: 0 0 1px var(--dark-color);
}
.filter__select-item .item-dropdown.is-checkbox-line .button {
  margin-top: 15px;
}
.filter__select-item .item-dropdown.is-price {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 1.1111111111vw, 20px);
}
.filter__select-item .item-dropdown.is-price .box {
  display: flex;
  align-items: center;
  gap: 5px;
}
.filter__select-item .item-dropdown.is-price .box .line {
  width: 10px;
  height: 1px;
  background-color: var(--dark-color);
}
.filter__select-item .item-dropdown.is-price input[type=number] {
  width: 110px;
  height: 40px;
  padding: 10px;
  color: var(--dark-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
  -webkit-appearance: none;
  border: 1px solid transparent;
  background: var(--grey-light-color);
  transition: 0.3s ease;
}
.filter__select-item .item-dropdown.is-price input[type=number]:hover {
  border-color: var(--dark-color);
}
.filter__select-item .item-dropdown.is-price input[type=number]::placeholder {
  color: #C8C8C8;
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
.filter__select-item .item-dropdown.is-price .drag__track {
  position: relative;
  width: 100%;
  height: 12px;
}
.filter__select-item .item-dropdown.is-price .drag__track-bar {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 4px;
  background: var(--dark-color);
  transform: translateY(-50%);
  z-index: 2;
}
.filter__select-item .item-dropdown.is-price .drag__track-bar-vn {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 4px;
  background: var(--grey-light-color);
  transform: translateY(-50%);
  z-index: 1;
}
.filter__select-item .item-dropdown.is-price .drag__track-item {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--dark-color);
  cursor: pointer;
  z-index: 3;
}
.filter__select-item .item-dropdown.is-price .drag__track-item.is-left {
  left: 0;
}
.filter__select-item .item-dropdown.is-price .drag__track-item.is-right {
  right: 0;
}

.footer {
  padding: clamp(50px, 5.5555555556vw, 100px) 0;
  background-color: var(--dark-color);
}
.footer__content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 45px;
}
@media (max-width: 53.75em) {
  .footer__content {
    flex-direction: column;
    gap: 15px;
  }
}
.footer__menu {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 53.75em) {
  .footer__menu {
    align-items: flex-start;
    gap: 15px;
  }
}
.footer__menu-top {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 53.75em) {
  .footer__menu-top {
    flex-direction: column;
  }
}
.footer__menu-top a {
  color: var(--light-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
  transition: 0.3s ease;
}
.footer__menu-top a:hover {
  color: #8C8C8C;
}
.footer__menu-bottom button {
  position: relative;
  display: inline-block;
  color: var(--grey-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
  transition: 0.3s ease;
}
.footer__menu-bottom button::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 1px;
  background-color: var(--grey-color);
  transition: 0.3s ease;
}
.footer__menu-bottom button:hover {
  color: var(--light-color);
}
.footer__menu-bottom button:hover::before {
  width: 0;
}
.footer__info {
  display: flex;
  flex-direction: column;
  gap: clamp(15px, 1.6666666667vw, 30px);
}
@media (max-width: 53.75em) {
  .footer__info {
    flex-direction: row;
  }
}
@media (max-width: 30em) {
  .footer__info {
    flex-direction: column;
  }
}
.footer__info-tel {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer__info-tel a {
  color: var(--light-color);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: CormorantGaramond;
  font-size: clamp(21px, 1.5555555556vw, 28px);
  font-weight: 600;
  line-height: 120%;
  transition: 0.3s ease;
}
.footer__info-tel a:hover {
  color: #8C8C8C;
}
.footer__info .button {
  color: var(--light-color);
}
.footer__info .button-is-border {
  border: 1px solid var(--light-color);
}
.footer__info .button-is-border:hover {
  text-shadow: 0 0 1px var(--light-color);
  box-shadow: 0 0 0 1px var(--light-color);
  transition: 0.3s ease;
}
.footer__copyright {
  padding-top: 30px;
  border-top: 1px solid var(--grey-color);
}
.footer__copyright p {
  color: var(--grey-color);
  font-size: clamp(15px, 0.9444444444vw, 17px);
  font-weight: 300;
  line-height: 110%;
}
/*# sourceMappingURL=main.min.css.map */

/* End */
/* /local/templates/car/css/main.min.css?175032280077467 */