*,
::after,
::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

main,
section {
  display: block;
}

address {
  font-style: normal;
}

img {
  max-width: 100%;
  border: 0;
}

:focus {
  outline: 0;
}

:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

button::-moz-focus-inner {
  border: none;
}

button,
input,
select,
textarea {
  font-family: inherit;
  color: inherit;
  border: none;
  border-radius: 0;
  background: 0 0;
}

input:not([type=checkbox]):not([type=radio]),
textarea {
  appearance: none;
  box-shadow: none;
}

img[data-object-fit=contain] {
  object-fit: contain;
}

img[data-object-fit=cover] {
  object-fit: cover;
}

@font-face {
  font-family: Exo2;
  src: url("/assets/fonts/Exo2-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Exo2;
  src: url("/assets/fonts/Exo2-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Exo2;
  src: url("/assets/fonts/Exo2-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Exo2;
  src: url("/assets/fonts/Exo2-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: Exo2, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #2c2e35;
  background-color: #f4f6f8;
}
@media (min-width: 1720px) {
  body {
    font-size: 18px;
  }
}
body:has(.gallery-popup--show) {
  overflow: hidden;
}

footer {
  margin-top: auto;
}

.main {
  padding-top: 56px;
}
@media (min-width: 600px) {
  .main {
    padding-top: 60px;
  }
}
@media (min-width: 1280px) {
  .main {
    padding-top: 72px;
  }
}
@media (min-width: 1720px) {
  .main {
    padding-top: 80px;
  }
}
.main--transparent-header {
  padding-top: 0;
}

.main-landing {
  padding-top: 48px;
}
@media (min-width: 1280px) {
  .main-landing {
    padding-top: 64px;
  }
}

.main-landing-without-header,
.main-landing-without-header-footer {
  padding-top: 0;
}

.theme-dark {
  color: #fff;
  background-color: #2c2e35;
}

.theme-medium {
  color: #2c2e35;
  background-color: #fff;
}

.theme-light {
  color: #2c2e35;
  background-color: #f4f6f8;
}

.svg-icon {
  overflow: hidden;
}

.responsive-media {
  position: relative;
  background-position: center;
}
.responsive-media::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
.responsive-media > picture {
  background-position: center;
}
.responsive-media > img,
.responsive-media > picture,
.responsive-media > picture > img,
.responsive-media > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-media > video {
  object-fit: cover;
}

.block-anchor {
  display: block;
  height: 0;
  font-size: 0;
}

.no-scroll {
  overflow: hidden;
  touch-action: none;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.hidden {
  display: none !important;
}

.word-up {
  transform: translateY(0) scale(1);
  transition: all 0.5s linear;
}

.word-fade-in {
  transform: scale(1);
  transition: all 0.3s 0.1s ease-out;
}

@media (prefers-reduced-motion: no-preference) {
  .js .word-up:not(.is-visible) {
    transform: translateY(30px) scale(0.999);
    opacity: 0;
  }
  .js .word-fade-in:not(.is-visible) {
    transform: scale(0.85);
    opacity: 0;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
h1,
.h1 {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 36px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 600px) {
  h1,
  .h1 {
    font-size: 48px;
  }
}
@media (min-width: 1280px) {
  h1,
  .h1 {
    font-size: 56px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  h1,
  .h1 {
    font-size: 72px;
  }
}
[class*=theme-dark] h1,
[class*=theme-dark] .h1 {
  color: #fff;
}
[class*=theme-medium] h1, [class*=theme-light] h1,
[class*=theme-medium] .h1,
[class*=theme-light] .h1 {
  color: #000;
}

h2,
.h2 {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 1280px) {
  h2,
  .h2 {
    font-size: 48px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  h2,
  .h2 {
    font-size: 56px;
    line-height: 1.071;
  }
}
[class*=theme-dark] h2,
[class*=theme-dark] .h2 {
  color: #fff;
}
[class*=theme-medium] h2, [class*=theme-light] h2,
[class*=theme-medium] .h2,
[class*=theme-light] .h2 {
  color: #000;
}

h3,
.h3 {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 24px;
  letter-spacing: normal;
  line-height: 1.1;
}
@media (min-width: 600px) {
  h3,
  .h3 {
    font-size: 32px;
  }
}
@media (min-width: 1280px) {
  h3,
  .h3 {
    font-size: 40px;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1720px) {
  h3,
  .h3 {
    font-size: 48px;
  }
}
[class*=theme-dark] h3,
[class*=theme-dark] .h3 {
  color: #fff;
}
[class*=theme-medium] h3, [class*=theme-light] h3,
[class*=theme-medium] .h3,
[class*=theme-light] .h3 {
  color: #000;
}

h4,
.h4 {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 22px;
  letter-spacing: normal;
  line-height: 1.1;
}
@media (min-width: 600px) {
  h4,
  .h4 {
    font-size: 28px;
  }
}
@media (min-width: 1280px) {
  h4,
  .h4 {
    font-size: 32px;
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1720px) {
  h4,
  .h4 {
    font-size: 36px;
  }
}
[class*=theme-dark] h4,
[class*=theme-dark] .h4 {
  color: #fff;
}
[class*=theme-medium] h4, [class*=theme-light] h4,
[class*=theme-medium] .h4,
[class*=theme-light] .h4 {
  color: #000;
}

h5,
.h5 {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.2;
}
@media (min-width: 600px) {
  h5,
  .h5 {
    font-size: 24px;
    line-height: 1.167;
  }
}
@media (min-width: 1280px) {
  h5,
  .h5 {
    font-size: 28px;
    line-height: 1.143;
  }
}
@media (min-width: 1720px) {
  h5,
  .h5 {
    font-size: 32px;
    line-height: 1.125;
  }
}
[class*=theme-dark] h5,
[class*=theme-dark] .h5 {
  color: #fff;
}
[class*=theme-medium] h5, [class*=theme-light] h5,
[class*=theme-medium] .h5,
[class*=theme-light] .h5 {
  color: #000;
}

h6,
.h6 {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.3;
}
@media (min-width: 600px) {
  h6,
  .h6 {
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  h6,
  .h6 {
    font-size: 24px;
  }
}
@media (min-width: 1720px) {
  h6,
  .h6 {
    font-size: 28px;
  }
}
[class*=theme-dark] h6,
[class*=theme-dark] .h6 {
  color: #fff;
}
[class*=theme-medium] h6, [class*=theme-light] h6,
[class*=theme-medium] .h6,
[class*=theme-light] .h6 {
  color: #000;
}

[class*=theme-dark] .model-title, [class*=theme-dark] .small-caps, [class*=theme-dark] .caps, [class*=theme-dark] .large-caps, [class*=theme-dark] .tiny-text, [class*=theme-dark] .supersmall-text, [class*=theme-dark] .small-text, [class*=theme-dark] .main-text, [class*=theme-dark] .large-text {
  color: #fff;
}
[class*=theme-medium] .model-title, [class*=theme-medium] .small-caps, [class*=theme-medium] .caps, [class*=theme-medium] .large-caps, [class*=theme-medium] .tiny-text, [class*=theme-medium] .supersmall-text, [class*=theme-medium] .small-text, [class*=theme-medium] .main-text, [class*=theme-medium] .large-text, [class*=theme-light] .model-title, [class*=theme-light] .small-caps, [class*=theme-light] .caps, [class*=theme-light] .large-caps, [class*=theme-light] .tiny-text, [class*=theme-light] .supersmall-text, [class*=theme-light] .small-text, [class*=theme-light] .main-text, [class*=theme-light] .large-text {
  color: #2c2e35;
}

.large-text {
  font-size: 18px;
  color: #2c2e35;
  line-height: 1.4;
  font-weight: 500;
}
@media (min-width: 1280px) {
  .large-text {
    font-size: 20px;
  }
}
@media (min-width: 1720px) {
  .large-text {
    font-size: 24px;
  }
}

.main-text {
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.5;
}
@media (min-width: 1720px) {
  .main-text {
    font-size: 18px;
  }
}

.small-text {
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .small-text {
    font-size: 16px;
    line-height: 1.5;
  }
}

.supersmall-text {
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .supersmall-text {
    font-size: 14px;
    line-height: 1.4;
  }
}

.tiny-text {
  font-size: 10px;
  color: #2c2e35;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .tiny-text {
    font-size: 12px;
    line-height: 1.3;
  }
}

.large-caps {
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.4;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .large-caps {
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 1.3;
  }
}
@media (min-width: 1720px) {
  .large-caps {
    font-size: 24px;
    letter-spacing: 1px;
  }
}

.caps {
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.3;
  letter-spacing: 2px;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .caps {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 1.4;
  }
}
@media (min-width: 1720px) {
  .caps {
    font-size: 22px;
    letter-spacing: 0.7px;
    line-height: 1.3;
  }
}

.small-caps {
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .small-caps {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1720px) {
  .small-caps {
    font-size: 14px;
    line-height: 1.4;
  }
}

.model-title {
  font-size: 64px;
  color: #2c2e35;
  line-height: 1;
  letter-spacing: -2px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .model-title {
    font-size: 80px;
  }
}
@media (min-width: 1280px) {
  .model-title {
    font-size: 120px;
    letter-spacing: -4px;
  }
}
@media (min-width: 1720px) {
  .model-title {
    font-size: 160px;
    letter-spacing: -5px;
  }
}

.tone-80 {
  color: rgba(44, 46, 53, 0.8);
}
.theme-dark .tone-80 {
  color: rgba(245, 245, 245, 0.8);
}
.theme-light .tone-80, .theme-medium .tone-80 {
  color: rgba(44, 46, 53, 0.8);
}

.tone-60 {
  color: rgba(44, 46, 53, 0.6);
}
.theme-dark .tone-60 {
  color: rgba(245, 245, 245, 0.6);
}
.theme-light .tone-60, .theme-medium .tone-60 {
  color: rgba(44, 46, 53, 0.6);
}

.tone-40 {
  color: rgba(44, 46, 53, 0.4);
}
.theme-dark .tone-40 {
  color: rgba(245, 245, 245, 0.4);
}
.theme-light .tone-40, .theme-medium .tone-40 {
  color: rgba(44, 46, 53, 0.4);
}

.tone-20 {
  color: rgba(44, 46, 53, 0.2);
}
.theme-dark .tone-20 {
  color: rgba(245, 245, 245, 0.2);
}
.theme-light .tone-20, .theme-medium .tone-20 {
  color: rgba(44, 46, 53, 0.2);
}

.tone-10 {
  color: rgba(44, 46, 53, 0.1);
}
.theme-dark .tone-10 {
  color: rgba(245, 245, 245, 0.1);
}
.theme-light .tone-10, .theme-medium .tone-10 {
  color: rgba(44, 46, 53, 0.1);
}

.container,
.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
}
@media (min-width: 600px) {
  .container,
  .container-fluid {
    padding-right: 48px;
    padding-left: 48px;
  }
}
@media (min-width: 1280px) {
  .container,
  .container-fluid {
    padding-right: 64px;
    padding-left: 64px;
  }
}

.container {
  max-width: 1720px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}
.row > .col,
.row > [class*=col-] {
  padding-right: 12px;
  padding-left: 12px;
}
@media (min-width: 1280px) {
  .row {
    margin-right: -16px;
    margin-left: -16px;
  }
  .row > .col,
  .row > [class*=col-] {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 1720px) {
  .row {
    margin-right: -20px;
    margin-left: -20px;
  }
  .row > .col,
  .row > [class*=col-] {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > .col,
.row.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xxl,
.col-xxl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-xl,
.col-xl-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-lg,
.col-lg-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-md,
.col-md-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1, .col,
.col-auto {
  position: relative;
  width: 100%;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 600px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 960px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1720px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0%;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
}
.m-xs {
  margin-top: 12px;
  margin-bottom: 12px;
}
@media (min-width: 600px) {
  .m-xs {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1280px) {
  .m-xs {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1720px) {
  .m-xs {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.mt-xs {
  margin-top: 12px;
}
@media (min-width: 600px) {
  .mt-xs {
    margin-top: 12px;
  }
}
@media (min-width: 1280px) {
  .mt-xs {
    margin-top: 16px;
  }
}
@media (min-width: 1720px) {
  .mt-xs {
    margin-top: 20px;
  }
}

.mb-xs {
  margin-bottom: 12px;
}
@media (min-width: 600px) {
  .mb-xs {
    margin-bottom: 12px;
  }
}
@media (min-width: 1280px) {
  .mb-xs {
    margin-bottom: 16px;
  }
}
@media (min-width: 1720px) {
  .mb-xs {
    margin-bottom: 20px;
  }
}

.p-xs {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (min-width: 600px) {
  .p-xs {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media (min-width: 1280px) {
  .p-xs {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 1720px) {
  .p-xs {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.pt-xs {
  padding-top: 12px;
}
@media (min-width: 600px) {
  .pt-xs {
    padding-top: 12px;
  }
}
@media (min-width: 1280px) {
  .pt-xs {
    padding-top: 16px;
  }
}
@media (min-width: 1720px) {
  .pt-xs {
    padding-top: 20px;
  }
}

.pb-xs {
  padding-bottom: 12px;
}
@media (min-width: 600px) {
  .pb-xs {
    padding-bottom: 12px;
  }
}
@media (min-width: 1280px) {
  .pb-xs {
    padding-bottom: 16px;
  }
}
@media (min-width: 1720px) {
  .pb-xs {
    padding-bottom: 20px;
  }
}

.m-sm {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 600px) {
  .m-sm {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1280px) {
  .m-sm {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1720px) {
  .m-sm {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}

.mt-sm {
  margin-top: 20px;
}
@media (min-width: 600px) {
  .mt-sm {
    margin-top: 24px;
  }
}
@media (min-width: 1280px) {
  .mt-sm {
    margin-top: 24px;
  }
}
@media (min-width: 1720px) {
  .mt-sm {
    margin-top: 28px;
  }
}

.mb-sm {
  margin-bottom: 20px;
}
@media (min-width: 600px) {
  .mb-sm {
    margin-bottom: 24px;
  }
}
@media (min-width: 1280px) {
  .mb-sm {
    margin-bottom: 24px;
  }
}
@media (min-width: 1720px) {
  .mb-sm {
    margin-bottom: 28px;
  }
}

.p-sm {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 600px) {
  .p-sm {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media (min-width: 1280px) {
  .p-sm {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media (min-width: 1720px) {
  .p-sm {
    padding-top: 28px;
    padding-bottom: 28px;
  }
}

.pt-sm {
  padding-top: 20px;
}
@media (min-width: 600px) {
  .pt-sm {
    padding-top: 24px;
  }
}
@media (min-width: 1280px) {
  .pt-sm {
    padding-top: 24px;
  }
}
@media (min-width: 1720px) {
  .pt-sm {
    padding-top: 28px;
  }
}

.pb-sm {
  padding-bottom: 20px;
}
@media (min-width: 600px) {
  .pb-sm {
    padding-bottom: 24px;
  }
}
@media (min-width: 1280px) {
  .pb-sm {
    padding-bottom: 24px;
  }
}
@media (min-width: 1720px) {
  .pb-sm {
    padding-bottom: 28px;
  }
}

.m-md {
  margin-top: 28px;
  margin-bottom: 28px;
}
@media (min-width: 600px) {
  .m-md {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media (min-width: 1280px) {
  .m-md {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media (min-width: 1720px) {
  .m-md {
    margin-top: 36px;
    margin-bottom: 36px;
  }
}

.mt-md {
  margin-top: 28px;
}
@media (min-width: 600px) {
  .mt-md {
    margin-top: 32px;
  }
}
@media (min-width: 1280px) {
  .mt-md {
    margin-top: 32px;
  }
}
@media (min-width: 1720px) {
  .mt-md {
    margin-top: 36px;
  }
}

.mb-md {
  margin-bottom: 28px;
}
@media (min-width: 600px) {
  .mb-md {
    margin-bottom: 32px;
  }
}
@media (min-width: 1280px) {
  .mb-md {
    margin-bottom: 32px;
  }
}
@media (min-width: 1720px) {
  .mb-md {
    margin-bottom: 36px;
  }
}

.p-md {
  padding-top: 28px;
  padding-bottom: 28px;
}
@media (min-width: 600px) {
  .p-md {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media (min-width: 1280px) {
  .p-md {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media (min-width: 1720px) {
  .p-md {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}

.pt-md {
  padding-top: 28px;
}
@media (min-width: 600px) {
  .pt-md {
    padding-top: 32px;
  }
}
@media (min-width: 1280px) {
  .pt-md {
    padding-top: 32px;
  }
}
@media (min-width: 1720px) {
  .pt-md {
    padding-top: 36px;
  }
}

.pb-md {
  padding-bottom: 28px;
}
@media (min-width: 600px) {
  .pb-md {
    padding-bottom: 32px;
  }
}
@media (min-width: 1280px) {
  .pb-md {
    padding-bottom: 32px;
  }
}
@media (min-width: 1720px) {
  .pb-md {
    padding-bottom: 36px;
  }
}

.m-lg {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (min-width: 600px) {
  .m-lg {
    margin-top: 52px;
    margin-bottom: 52px;
  }
}
@media (min-width: 1280px) {
  .m-lg {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
@media (min-width: 1720px) {
  .m-lg {
    margin-top: 76px;
    margin-bottom: 76px;
  }
}

.mt-lg {
  margin-top: 40px;
}
@media (min-width: 600px) {
  .mt-lg {
    margin-top: 52px;
  }
}
@media (min-width: 1280px) {
  .mt-lg {
    margin-top: 64px;
  }
}
@media (min-width: 1720px) {
  .mt-lg {
    margin-top: 76px;
  }
}

.mb-lg {
  margin-bottom: 40px;
}
@media (min-width: 600px) {
  .mb-lg {
    margin-bottom: 52px;
  }
}
@media (min-width: 1280px) {
  .mb-lg {
    margin-bottom: 64px;
  }
}
@media (min-width: 1720px) {
  .mb-lg {
    margin-bottom: 76px;
  }
}

.p-lg {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 600px) {
  .p-lg {
    padding-top: 52px;
    padding-bottom: 52px;
  }
}
@media (min-width: 1280px) {
  .p-lg {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (min-width: 1720px) {
  .p-lg {
    padding-top: 76px;
    padding-bottom: 76px;
  }
}

.pt-lg {
  padding-top: 40px;
}
@media (min-width: 600px) {
  .pt-lg {
    padding-top: 52px;
  }
}
@media (min-width: 1280px) {
  .pt-lg {
    padding-top: 64px;
  }
}
@media (min-width: 1720px) {
  .pt-lg {
    padding-top: 76px;
  }
}

.pb-lg {
  padding-bottom: 40px;
}
@media (min-width: 600px) {
  .pb-lg {
    padding-bottom: 52px;
  }
}
@media (min-width: 1280px) {
  .pb-lg {
    padding-bottom: 64px;
  }
}
@media (min-width: 1720px) {
  .pb-lg {
    padding-bottom: 76px;
  }
}

.m-xl {
  margin-top: 56px;
  margin-bottom: 56px;
}
@media (min-width: 600px) {
  .m-xl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
@media (min-width: 1280px) {
  .m-xl {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}
@media (min-width: 1720px) {
  .m-xl {
    margin-top: 104px;
    margin-bottom: 104px;
  }
}

.mt-xl {
  margin-top: 56px;
}
@media (min-width: 600px) {
  .mt-xl {
    margin-top: 64px;
  }
}
@media (min-width: 1280px) {
  .mt-xl {
    margin-top: 96px;
  }
}
@media (min-width: 1720px) {
  .mt-xl {
    margin-top: 104px;
  }
}

.mb-xl {
  margin-bottom: 56px;
}
@media (min-width: 600px) {
  .mb-xl {
    margin-bottom: 64px;
  }
}
@media (min-width: 1280px) {
  .mb-xl {
    margin-bottom: 96px;
  }
}
@media (min-width: 1720px) {
  .mb-xl {
    margin-bottom: 104px;
  }
}

.p-xl {
  padding-top: 56px;
  padding-bottom: 56px;
}
@media (min-width: 600px) {
  .p-xl {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (min-width: 1280px) {
  .p-xl {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
@media (min-width: 1720px) {
  .p-xl {
    padding-top: 104px;
    padding-bottom: 104px;
  }
}

.pt-xl {
  padding-top: 56px;
}
@media (min-width: 600px) {
  .pt-xl {
    padding-top: 64px;
  }
}
@media (min-width: 1280px) {
  .pt-xl {
    padding-top: 96px;
  }
}
@media (min-width: 1720px) {
  .pt-xl {
    padding-top: 104px;
  }
}

.pb-xl {
  padding-bottom: 56px;
}
@media (min-width: 600px) {
  .pb-xl {
    padding-bottom: 64px;
  }
}
@media (min-width: 1280px) {
  .pb-xl {
    padding-bottom: 96px;
  }
}
@media (min-width: 1720px) {
  .pb-xl {
    padding-bottom: 104px;
  }
}

.p-sm {
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (min-width: 600px) {
  .p-sm {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media (min-width: 1720px) {
  .p-sm {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

@media (min-width: 600px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 960px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 1280px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 1720px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
}
.scroll-top {
  position: fixed;
  z-index: 2;
  bottom: 0;
  left: 50%;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 5px 5px 0 0;
  background: #fff;
  transform: translateX(-50%);
  box-shadow: 0 6px 20px 0 rgba(44, 46, 53, 0.1490196078);
  cursor: pointer;
}
.scroll-top:after {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  left: calc(50% - 3px);
  width: 7px;
  height: 7px;
  border-top: 2px solid #2c2e35;
  border-left: 2px solid #2c2e35;
  transform: rotate(45deg);
  pointer-events: none;
}

.scroll-top-hidden {
  display: none;
}

.scroll-down {
  width: 56px;
  height: 56px;
  display: inline-block;
  border-radius: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjAzMSA5LjUzMTA0TDEyLjUzMSAxNy4wMzFDMTIuNDYxNCAxNy4xMDA4IDEyLjM3ODcgMTcuMTU2MSAxMi4yODc2IDE3LjE5MzhDMTIuMTk2NiAxNy4yMzE2IDEyLjA5OSAxNy4yNTEgMTIuMDAwNCAxNy4yNTFDMTEuOTAxOSAxNy4yNTEgMTEuODA0MyAxNy4yMzE2IDExLjcxMzIgMTcuMTkzOEMxMS42MjIyIDE3LjE1NjEgMTEuNTM5NCAxNy4xMDA4IDExLjQ2OTggMTcuMDMxTDMuOTY5NzkgOS41MzEwNEMzLjgyOTA2IDkuMzkwMzEgMy43NSA5LjE5OTQ0IDMuNzUgOS4wMDA0MkMzLjc1IDguODAxMzkgMy44MjkwNiA4LjYxMDUyIDMuOTY5NzkgOC40Njk3OUM0LjExMDUyIDguMzI5MDYgNC4zMDEzOSA4LjI1IDQuNTAwNDIgOC4yNUM0LjY5OTQ0IDguMjUgNC44OTAzMSA4LjMyOTA2IDUuMDMxMDQgOC40Njk3OUwxMi4wMDA0IDE1LjQ0MDFMMTguOTY5OCA4LjQ2OTc5QzE5LjAzOTUgOC40MDAxMSAxOS4xMjIyIDguMzQ0ODMgMTkuMjEzMiA4LjMwNzEyQzE5LjMwNDMgOC4yNjk0MSAxOS40MDE5IDguMjUgMTkuNTAwNCA4LjI1QzE5LjU5OSA4LjI1IDE5LjY5NjUgOC4yNjk0MSAxOS43ODc2IDguMzA3MTJDMTkuODc4NiA4LjM0NDgzIDE5Ljk2MTQgOC40MDAxMSAyMC4wMzEgOC40Njk3OUMyMC4xMDA3IDguNTM5NDcgMjAuMTU2IDguNjIyMiAyMC4xOTM3IDguNzEzMjRDMjAuMjMxNCA4LjgwNDI5IDIwLjI1MDggOC45MDE4NyAyMC4yNTA4IDkuMDAwNDJDMjAuMjUwOCA5LjA5ODk2IDIwLjIzMTQgOS4xOTY1NCAyMC4xOTM3IDkuMjg3NTlDMjAuMTU2IDkuMzc4NjMgMjAuMTAwNyA5LjQ2MTM2IDIwLjAzMSA5LjUzMTA0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  background-position: center;
  background-color: #101820;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: background-color 0.25s;
}
.scroll-down:hover {
  background-color: #4e5a66;
}
.scroll-down:active {
  background-color: #4e5a66;
}

.scroll-to-anchor {
  display: block;
  position: absolute;
  bottom: 0;
}

.block-ancor {
  height: 0;
  font-size: 0;
}

.btn-img {
  padding: 0;
}

.gallery-popup {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s, opacity 0.3s;
  z-index: 2000;
}
.gallery-popup--show {
  visibility: visible;
  opacity: 1;
}
[class*=theme-dark] .gallery-popup {
  background-color: #101820;
}
.gallery-popup__close {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 9999;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.gallery-popup__close svg {
  width: 100%;
  height: 100%;
  pointer-events: none;
  fill: #101820;
}
[class*=theme-dark] .gallery-popup__close svg {
  fill: #fff;
}
.gallery-popup__footer {
  width: 100%;
  pointer-events: none;
}
.gallery-popup__footer > .container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: space-between;
}
.gallery-popup__title {
  margin-top: 4px;
}
.gallery-popup__state {
  position: static;
  color: rgba(44, 46, 53, 0.4);
}
[class*=theme-dark] .gallery-popup__state {
  color: rgba(245, 245, 245, 0.4);
}
.gallery-popup__state span:first-child {
  color: #000;
}
.gallery-popup__state span:nth-child(2) {
  color: #101820;
}
[class*=theme-dark] .gallery-popup__state span:nth-child(2) {
  color: #fff;
}
.gallery-popup__navigation {
  position: absolute;
  top: auto;
  bottom: 28px;
  right: 24px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  transition: all 0.3s ease-in-out;
}
.gallery-popup__navigation [class^=swiper-button] {
  position: static;
  flex-shrink: 0;
}
.gallery-popup__play {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.gallery-popup__play-btn {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: auto;
  color: #fff;
  background-color: #101820;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
[class*=theme-dark] .gallery-popup__play-btn {
  color: #101820;
  background-color: #fff;
}
.gallery-popup__play-btn .svg-icon {
  position: relative;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-left: 1px;
  fill: currentColor;
}
.swiper-slide:has(.active) .gallery-popup__play-btn, .swiper-slide:has(.playing) .gallery-popup__play-btn {
  opacity: 0;
}
.gallery-popup__play-btn .svg-icon {
  width: 14px;
  height: 14px;
  transition: fill 0.3s;
}
.swiper-slide:has(.loaded) .gallery-popup__play, .swiper-slide:has(.playing) .gallery-popup__play {
  display: none;
}
.gallery-popup__media {
  position: relative;
  text-align: center;
  flex: 1 1 100%;
  width: 100%;
  height: 200px;
}
.gallery-popup__media .video-poster {
  left: 0;
  right: 0;
  margin: auto;
}
.gallery-popup__media:has(.video-holder) {
  width: 100%;
}
.gallery-popup__media[data-type=video] {
  cursor: pointer;
}
.gallery-popup__controls {
  position: absolute;
  bottom: -24px;
  display: flex;
  column-gap: 32px;
  pointer-events: auto;
}
.gallery-popup__controls-play, .gallery-popup__controls-sound {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #101820;
  cursor: pointer;
}
[class*=theme-dark] .gallery-popup__controls-play, [class*=theme-dark] .gallery-popup__controls-sound {
  color: #fff;
}
.gallery-popup__controls-play .svg-icon, .gallery-popup__controls-sound .svg-icon {
  width: 100%;
  height: 100%;
  fill: currentColor;
  pointer-events: none;
}
.gallery-popup__controls-play .svg-icon:nth-child(2), .gallery-popup__controls-sound .svg-icon:nth-child(2) {
  display: none;
}
.swiper-slide:has(.playing) .gallery-popup__controls-play .svg-icon:nth-child(1) {
  display: none;
}
.swiper-slide:has(.playing) .gallery-popup__controls-play .svg-icon:nth-child(2) {
  display: inline-block;
}
.gallery-popup__controls-sound.active .svg-icon:nth-child(1) {
  display: none;
}
.gallery-popup__controls-sound.active .svg-icon:nth-child(2) {
  display: inline-block;
}
.gallery-popup .swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gallery-popup .swiper-slide:has(.video-holder.loaded) {
  padding-top: 56px !important;
}
.gallery-popup .swiper-slide .video-holder, .gallery-popup .swiper-slide .video-wrapper, .gallery-popup .swiper-slide iframe, .gallery-popup .swiper-slide img, .gallery-popup .swiper-slide video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.gallery-popup .swiper-slide picture {
  top: 0;
  height: 100%;
}
.gallery-popup .swiper-slide img, .gallery-popup .swiper-slide video {
  object-fit: contain;
}
.gallery-popup .swiper-slide .video-holder, .gallery-popup .swiper-slide > video {
  top: 0;
  height: 100%;
  cursor: pointer;
}
.gallery-popup .swiper-slide .video-holder {
  left: 0;
  right: 0;
  width: 100%;
  aspect-ratio: 16/9;
  margin: auto;
}
.gallery-popup .swiper-slide .video-holder.loaded {
  height: 100%;
}
.gallery-popup .swiper-wrapper {
  list-style-type: none;
}
.gallery-popup .swiper {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 52px;
}
.gallery-popup--cta .gallery-popup__slider.swiper {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  height: auto;
}
.gallery-popup__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}
@media (min-width: 960px) {
  .gallery-popup__body {
    flex-direction: row;
  }
}
.gallery-popup .gallery-popup__thumbs.swiper {
  order: 1;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  padding: 12px 24px;
}
@media (min-width: 960px) {
  .gallery-popup .gallery-popup__thumbs.swiper {
    order: 0;
    width: 150px;
    height: auto;
    padding: 30px 0 30px 30px;
  }
}
.gallery-popup .gallery-popup__thumb.swiper-slide {
  display: block;
  width: 96px;
  height: 64px;
  border-radius: 4px;
  overflow: hidden;
  opacity: 0.6;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}
.gallery-popup .gallery-popup__thumb.swiper-slide.swiper-slide-thumb-active, .gallery-popup .gallery-popup__thumb.swiper-slide:hover {
  opacity: 1;
}
.gallery-popup .gallery-popup__thumb.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 960px) {
  .gallery-popup .gallery-popup__thumb.swiper-slide {
    width: 100%;
    height: 80px;
  }
}
.gallery-popup--cta {
  --swiper-navigation-color: #101820;
  --swiper-navigation-size: 32px;
}
@media (min-width: 960px) {
  .gallery-popup--cta .gallery-popup__navigation {
    top: 0;
    bottom: 0;
    width: auto;
    transform: none;
    pointer-events: none;
  }
  .gallery-popup--cta .gallery-popup__navigation [class^=swiper-button] {
    pointer-events: auto;
  }
}
@media (min-width: 960px) {
  .gallery-popup--cta .gallery-popup__state {
    position: absolute;
    top: 34px;
    left: 30px;
    width: auto;
  }
}
.gallery-popup__cta {
  flex: 0 0 auto;
  padding: 16px 0;
  border-top: 1px solid rgba(44, 46, 53, 0.1);
  background-color: #fff;
}
.gallery-popup__cta-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px 24px;
}
.gallery-popup__cta-title {
  font-weight: 600;
  color: #101820;
}
.gallery-popup__cta-price {
  text-align: right;
}
.gallery-popup__cta-value {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #101820;
  white-space: nowrap;
}
.gallery-popup__cta-button {
  grid-column: 1/-1;
}
@media (min-width: 600px) {
  .gallery-popup__cta-inner {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }
  .gallery-popup__cta-button {
    grid-column: auto;
  }
}
body:has(.gallery-popup--show) {
  overflow: hidden;
}

@media (min-width: 600px) {
  .gallery-popup__navigation {
    bottom: 32px;
    right: 48px;
  }
  .gallery-popup__play-btn {
    width: 52px;
    height: 52px;
  }
  .gallery-popup__play-btn .svg-icon {
    width: 20px;
    height: 20px;
  }
  .gallery-popup .swiper {
    padding-bottom: 62px;
  }
}
@media (min-width: 960px) {
  .gallery-popup__close {
    top: 30px;
    right: 30px;
    width: 32px;
    height: 32px;
  }
  .gallery-popup__navigation {
    top: 50%;
    left: 0;
    right: 0;
    width: 100vw;
    padding: 0 30px;
    transform: translateY(-50%);
  }
  .gallery-popup__play-btn .svg-icon {
    width: 20px;
    height: 20px;
  }
  .gallery-popup__media {
    width: auto;
    max-width: calc(100% - 192px);
  }
  .gallery-popup__controls {
    position: static;
  }
  .gallery-popup__controls-play, .gallery-popup__controls-sound {
    width: 32px;
    height: 32px;
  }
  .gallery-popup .swiper-slide .video-holder {
    width: auto;
  }
  .gallery-popup .swiper {
    height: auto;
    padding-bottom: 0;
  }
}
@media (min-width: 1720px) {
  .gallery-popup__play-btn {
    width: 64px;
    height: 64px;
  }
  .gallery-popup__play-btn .svg-icon {
    width: 24px;
    height: 24px;
  }
}
@media (hover: hover) {
  .gallery-popup__play:hover .gallery-popup__play-btn {
    color: #fff;
    background-color: #4e5a66;
  }
}

.video-holder {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  cursor: pointer;
}

.video-poster {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.loaded > .video-poster {
  display: none;
}

.text-content a:not(.btn) {
  color: #000;
  text-decoration: underline;
  transition: color 0.3s ease-in-out;
}
.text-content a:not(.btn):hover {
  color: rgba(44, 46, 53, 0.8);
}
.text-content a:not(.btn):active {
  color: rgba(44, 46, 53, 0.4);
}
[class*=theme-dark] .text-content a:not(.btn) {
  color: #fff;
}
[class*=theme-dark] .text-content a:not(.btn):hover {
  color: rgba(245, 245, 245, 0.8);
}
[class*=theme-dark] .text-content a:not(.btn):active {
  color: rgba(245, 245, 245, 0.4);
}
.text-content > :first-child {
  margin-top: 0;
}
.text-content h1:not(:first-child), .text-content h2:not(:first-child), .text-content h3:not(:first-child), .text-content h4:not(:first-child), .text-content h5:not(:first-child), .text-content h6:not(:first-child), .text-content ol:not(:first-child), .text-content p:not(:first-child), .text-content ul:not(:first-child) {
  margin-top: 20px;
}
.text-content ol, .text-content ul {
  list-style: none;
  padding-left: 32px;
}
.text-content li {
  position: relative;
}
.text-content li:not(:last-child) {
  margin-bottom: 20px;
}
.text-content ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: -25px;
  width: 8px;
  height: 8px;
  border-width: 0;
  border-style: solid;
  border-color: #4e5a66;
  border-radius: 0;
  background: #4e5a66;
  transform: rotate(-45deg);
  clip-path: none;
}
[class*=theme-dark] .text-content ul li:before {
  border-color: rgba(245, 245, 245, 0.4);
  background-color: transparent;
}
.text-content ol {
  counter-reset: counter-numbers;
}
.text-content ol li {
  counter-increment: counter-numbers;
}
.text-content ol li:before {
  position: absolute;
  right: 100%;
  margin-right: 8px;
  content: counter(counter-numbers) ".";
  color: #4e5a66;
}
[class*=theme-dark] .text-content ol li:before {
  color: #fff;
}
.text-content ul {
  padding-left: 25px;
}
.text-content ul:not(:first-child) {
  margin-top: 12px !important;
}
.text-content ul li:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 0;
  top: 8px;
}
.text-content ul li:not(:last-child) {
  margin-bottom: 8px;
}
@media (min-width: 600px) {
  .text-content h1:not(:first-child), .text-content h2:not(:first-child), .text-content h3:not(:first-child), .text-content h4:not(:first-child), .text-content h5:not(:first-child), .text-content h6:not(:first-child), .text-content ol:not(:first-child), .text-content p:not(:first-child), .text-content ul:not(:first-child) {
    margin-top: 24px;
  }
  .text-content li:not(:last-child) {
    margin-bottom: 24px;
  }
  .text-content ul li:before {
    left: -25px;
    width: 8px;
    height: 8px;
    background: #4e5a66;
  }
}
@media (min-width: 960px) {
  .text-content ul li:before {
    top: 5px;
    left: -25px;
    width: 8px;
    height: 8px;
    background: #4e5a66;
  }
}
@media (min-width: 1280px) {
  .text-content h1:not(:first-child), .text-content h2:not(:first-child), .text-content h3:not(:first-child), .text-content h4:not(:first-child), .text-content h5:not(:first-child), .text-content h6:not(:first-child), .text-content ol:not(:first-child), .text-content p:not(:first-child), .text-content ul:not(:first-child) {
    margin-top: 24px;
  }
  .text-content li:not(:last-child) {
    margin-bottom: 24px;
  }
}
@media (min-width: 1720px) {
  .text-content h1:not(:first-child), .text-content h2:not(:first-child), .text-content h3:not(:first-child), .text-content h4:not(:first-child), .text-content h5:not(:first-child), .text-content h6:not(:first-child), .text-content ol:not(:first-child), .text-content p:not(:first-child), .text-content ul:not(:first-child) {
    margin-top: 28px;
  }
  .text-content li:not(:last-child) {
    margin-bottom: 28px;
  }
  .text-content ul li:before {
    top: 10px;
  }
  .text-content ul li:before {
    top: 9px;
  }
}

.text__buttons-wrap .btn:not(:first-child) {
  margin-top: 20px;
}
.text:has(~ .table) > .container {
  margin-bottom: 0 !important;
}
.text:has(~ .table) ~ .table > .container {
  margin-top: 0 !important;
}
@media (min-width: 600px) {
  .text__buttons-wrap {
    display: flex;
    justify-content: center;
  }
  .text__buttons-wrap .btn:not(:first-child) {
    margin: 0 0 0 16px;
  }
}
@media (min-width: 960px) {
  .text--list-two-columns ol, .text--list-two-columns ul {
    column-count: 2;
    column-gap: 64px;
  }
}

.text-buttons__buttons-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.text-buttons__buttons-wrap .btn {
  width: 100%;
}

.text-msg-icon__wrap {
  padding-right: 16px;
  padding-left: 16px;
  background-color: #fff;
}
.theme-medium .text-msg-icon__wrap {
  background-color: #fff;
}
[class*=theme-dark] .text-msg-icon__wrap {
  background-color: rgba(245, 245, 245, 0.1);
}
.text-msg-icon__icon {
  display: block;
  flex-shrink: 0;
  fill: #b4c3cc;
  margin-bottom: 20px;
}
[class*=theme-dark] .text-msg-icon__icon {
  fill: rgba(245, 245, 245, 0.1);
}
@media (min-width: 600px) {
  .text-msg-icon__wrap {
    display: flex;
    align-items: center;
  }
  .text-msg-icon__icon {
    margin-right: 16px;
    margin-bottom: 0;
  }
}
@media (min-width: 960px) {
  .text-msg-icon__wrap {
    padding-right: 48px;
    padding-left: 48px;
  }
  .text-msg-icon__icon {
    margin-right: 32px;
  }
}

.btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: auto;
  font-size: 14px;
  color: #fff;
  line-height: 1.42857;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  padding: 12px 18px;
  border-style: solid;
  border-color: #101820;
  border-width: 2px;
  border-radius: 4px;
  background-position: right;
  background-repeat: no-repeat;
  background-color: #2c2e35;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.btn svg {
  width: 20px;
  height: 20px;
  fill: #fff;
  margin: 0 0 0 20px;
  flex-shrink: 0;
  transition: fill 0.3s ease-in-out;
}
.btn:not(:has(svg)) {
  justify-content: center;
}
[class*=theme-dark] .btn {
  color: #2c2e35;
  border-color: #fff;
  background-color: #fff;
}
[class*=theme-dark] .btn svg {
  fill: #101820;
}
[class*=theme-light] .btn {
  color: #fff;
  border-color: #101820;
  background-color: #2c2e35;
}
[class*=theme-light] .btn svg {
  fill: #fff;
}
.btn:hover {
  color: #fff;
  background-color: #4e5a66;
  border-color: #4e5a66;
}
[class*=theme-light] .btn:hover {
  color: #fff;
  background-color: #4e5a66;
}
[class*=theme-light] .btn:hover svg {
  fill: #fff;
}
[class*=theme-medium] .btn:hover {
  color: #fff;
  background-color: #4e5a66;
}
[class*=theme-medium] .btn:hover svg {
  fill: #fff;
}
.btn:hover svg {
  fill: #fff;
}
.btn:active {
  color: #fff;
  background-color: #b4c3cc;
  border-color: #b4c3cc;
}
[class*=theme-light] .btn:active {
  background-color: #b4c3cc;
}
.btn:active svg {
  fill: #fff;
}
.btn.btn--secondary {
  color: #101820;
  text-decoration: none;
  background-position: right;
  background-repeat: no-repeat;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.btn.btn--secondary svg {
  fill: #101820;
  flex-shrink: 0;
  transition: fill 0.3s ease-in-out;
}
.btn.btn--secondary:not(:has(svg)) {
  justify-content: center;
}
[class*=theme-dark] .btn.btn--secondary {
  color: #fff;
  border-color: #fff;
}
[class*=theme-dark] .btn.btn--secondary svg {
  fill: #fff;
}
[class*=theme-light] .btn.btn--secondary {
  color: #101820;
  background-color: transparent;
}
[class*=theme-light] .btn.btn--secondary svg {
  fill: #101820;
}
.btn.btn--secondary:hover {
  color: #fff;
  background-color: #4e5a66;
  border-color: #4e5a66;
}
[class*=theme-light] .btn.btn--secondary:hover {
  color: #fff;
  background-color: #4e5a66;
}
[class*=theme-light] .btn.btn--secondary:hover svg {
  fill: #fff;
}
[class*=theme-medium] .btn.btn--secondary:hover {
  color: #fff;
  background-color: #4e5a66;
}
[class*=theme-medium] .btn.btn--secondary:hover svg {
  fill: #fff;
}
.btn.btn--secondary:hover svg {
  fill: #fff;
}
.btn.btn--secondary:active {
  color: #fff;
  background-color: #b4c3cc;
  border-color: #b4c3cc;
}
[class*=theme-light] .btn.btn--secondary:active {
  background-color: #b4c3cc;
}
.btn.btn--secondary:active svg {
  fill: #fff;
}
.btn.btn--arrow {
  display: inline-flex;
  font-size: 14px;
  color: #101820;
  line-height: 1.57;
  font-weight: 700;
  letter-spacing: 0;
  text-decoration: none;
  padding: 0 32px 0 0;
  border-style: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15 5L13.59 6.41L18.17 11L2 11L2 13L18.17 13L13.58 17.59L15 19L22 12L15 5Z' fill='%23092651'/%3e%3c/svg%3e");
  background-position: right;
  background-repeat: no-repeat;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.btn.btn--arrow svg {
  flex-shrink: 0;
  transition: fill 0.3s ease-in-out;
}
.btn.btn--arrow:not(:has(svg)) {
  justify-content: center;
}
[class*=theme-dark] .btn.btn--arrow {
  color: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.5 4.16667L11.325 5.34167L15.1417 9.16667L1.66669 9.16667L1.66669 10.8333L15.1417 10.8333L11.3167 14.6583L12.5 15.8333L18.3334 10L12.5 4.16667Z' fill='white'/%3e%3c/svg%3e");
}
[class*=theme-light] .btn.btn--arrow {
  color: #101820;
  background-color: transparent;
}
.btn.btn--arrow:hover, .btn.btn--arrow:active, [class*=theme-] .btn.btn--arrow:hover, [class*=theme-] .btn.btn--arrow:active {
  color: #101820;
  padding-right: 38px;
  background-color: transparent;
}
[class*=theme-dark] .btn.btn--arrow:hover, [class*=theme-dark] .btn.btn--arrow:active {
  color: #fff;
}
.btn.btn--download {
  justify-content: flex-start;
  font-size: 14px;
  color: #101820;
  line-height: 1.3;
  font-weight: 700;
  text-decoration: none;
  padding: 16px;
  border-style: none;
  background-position: right;
  background-repeat: no-repeat;
  background-color: #f5f6f7;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.btn.btn--download svg {
  order: -1;
  width: 20px;
  height: 20px;
  fill: #101820;
  margin: 0 8px 0 0;
  flex-shrink: 0;
  transition: fill 0.3s ease-in-out;
}
.btn.btn--download:not(:has(svg)) {
  justify-content: center;
}
[class*=theme-dark] .btn.btn--download {
  color: #fff;
  background-color: rgba(245, 245, 245, 0.07);
}
[class*=theme-dark] .btn.btn--download svg {
  fill: #fff;
}
[class*=theme-medium] .btn.btn--download {
  background-color: #fff;
}
[class*=theme-light] .btn.btn--download {
  color: #101820;
  background-color: #f5f6f7;
}
[class*=theme-light] .btn.btn--download svg {
  fill: #101820;
}
.btn.btn--small {
  font-size: 12px;
  line-height: 1.33;
  text-decoration: none;
  padding: 10px 16px;
  background-position: right;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.btn.btn--small svg {
  width: 16px;
  height: 16px;
  margin: 0 0 0 10px;
  flex-shrink: 0;
  transition: fill 0.3s ease-in-out;
}
.btn.btn--small:not(:has(svg)) {
  justify-content: center;
}
.btn.btn--small.btn--primary:after {
  display: none;
}
.btn.btn--link {
  justify-content: flex-start;
  min-height: auto;
  font-size: 14px;
  color: inherit;
  font-weight: 400;
  padding: 0;
  border: 0;
  background: 0;
  clip-path: none;
}
.btn.btn--link:after {
  display: none;
}
.btn.btn--link:hover {
  color: rgba(44, 46, 53, 0.6);
}
.btn.btn--link:hover svg {
  fill: #b4c3cc;
}
.theme-dark .btn.btn--link:hover {
  color: rgba(245, 245, 245, 0.6);
}
.btn.btn--link svg {
  order: -1;
  fill: currentColor;
  margin: 0 8px 0 0;
}
@media (min-width: 600px) {
  .btn {
    display: inline-flex;
  }
  .btn.btn--arrow {
    display: inline-flex;
    font-size: 14px;
  }
  .btn.btn--download {
    font-size: 16px;
  }
}
@media (min-width: 1720px) {
  .btn {
    min-height: auto;
    font-size: 16px;
    line-height: 1.5;
    padding: 13px 30px 15px 30px;
  }
  .btn svg {
    width: 24px;
    height: 24px;
    margin: 0 0 -2px 16px;
  }
  .btn.btn--arrow {
    font-size: 14px;
    line-height: 1.57;
    padding: 0 32px 0 0;
  }
  .btn.btn--download {
    line-height: 1.3;
    padding: 16px;
  }
  .btn.btn--download svg {
    width: 20px;
    height: 20px;
    margin: 0 8px 0 0;
  }
  .btn.btn--small {
    line-height: 1.33;
    padding: 10px 16px;
  }
  .btn.btn--small svg {
    width: 16px;
    height: 16px;
    margin: 0 0 0 10px;
  }
}

.tab-item {
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.5;
}
[class*=theme-dark] .tab-item {
  color: #fff;
}
[class*=theme-medium] .tab-item {
  color: #2c2e35;
}
[class*=theme-light] .tab-item {
  color: #2c2e35;
}
.tab-item {
  position: relative;
  z-index: 1;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 400;
  color: #2c2e35;
  list-style-type: none;
  padding: 0 0 12px 0;
}
.tab-item:not(:last-of-type) {
  margin-right: 32px;
}
.tab-item.active {
  font-weight: 700;
  color: #2c2e35;
  background: 0 0;
  border-radius: 0;
}
.theme-dark .tab-item.active {
  color: #fff;
}
.tab-item.active:after {
  display: block;
  background-color: #4e5a66;
}
.tab-item:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: rgba(44, 46, 53, 0.2);
}
@media (min-width: 1720px) {
  .tab-item {
    font-size: 18px;
  }
}

.tabs-wrap {
  position: relative;
  display: inline-flex;
}
.tabs-wrap:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
}

.slider-flow-buttons {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.slider-flow-buttons .container {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.slider-flow-buttons .swiper-button-next, .slider-flow-buttons .swiper-button-prev {
  position: static;
  width: 44px;
  height: 40px;
  border: 1px solid #2c2e35;
  border-radius: 5px;
  background: 0 0;
}
.slider-flow-buttons .swiper-button-next:after, .slider-flow-buttons .swiper-button-prev:after {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.50032 15.8337L8.67532 14.6587L4.85866 10.8337H18.3337V9.16699H4.85866L8.68366 5.34199L7.50032 4.16699L1.66699 10.0003L7.50032 15.8337Z' fill='%23303C48' /%3E%3C/svg%3E");
}
.slider-flow-buttons .swiper-button-prev {
  left: 0;
}
.slider-flow-buttons .swiper-button-next {
  right: 0;
}
.slider-flow-buttons .swiper-button-next:after {
  transform: rotate(180deg);
}
@media (min-width: 960px) {
  .slider-flow-buttons {
    display: flex;
    justify-content: space-between;
  }
}

.slider-flow-progress .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 0;
}
.slider-flow-progress .swiper-pagination-bullet {
  --swiper-pagination-bullet-horizontal-gap: 0;
  width: 8px;
  height: 8px;
  background: rgba(44, 46, 53, 0.4);
  border-radius: 50%;
  opacity: 1;
  transition: 0.3s linear;
  transform-origin: center;
}
.slider-flow-progress .swiper-pagination-bullet:not(:last-child) {
  margin-right: 16px;
}
.slider-flow-progress .swiper-pagination-bullet > span {
  display: none;
}
.slider-flow-progress .swiper-pagination-bullet-active {
  opacity: 1;
  background: #2c2e35;
  transform: scale(1.5);
}
.slider-flow-progress--custom .swiper-pagination {
  height: 44px;
}

.slider-media-buttons {
  display: none;
}
.slider-media-buttons .container {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.slider-media-buttons .swiper-button-next, .slider-media-buttons .swiper-button-prev {
  position: static;
  width: 47px;
  height: 20px;
  -webkit-tap-highlight-color: transparent;
}
.slider-media-buttons .swiper-button-next:after, .slider-media-buttons .swiper-button-prev:after {
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background: url("data:image/svg+xml,%3Csvg width='47' height='20' viewBox='0 0 47 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.8172 4.24408C37.145 3.91864 37.6764 3.91864 38.0042 4.24408L43.0399 9.24408C43.3677 9.56951 43.3677 10.0972 43.0399 10.4226L38.0042 15.4226C37.6764 15.748 37.145 15.748 36.8172 15.4226C36.4895 15.0972 36.4895 14.5695 36.8172 14.2441L40.4202 10.6667L3.83929 10.6667C3.37576 10.6667 3 10.2936 3 9.83333C3 9.3731 3.37576 9 3.83929 9L40.4202 9L36.8172 5.42259C36.4895 5.09715 36.4895 4.56951 36.8172 4.24408Z' fill='black' /%3E%3C/svg%3E");
}
[class*=theme-dark] .slider-media-buttons .swiper-button-next:after, [class*=theme-dark] .slider-media-buttons .swiper-button-prev:after {
  background: url("data:image/svg+xml,%3Csvg width='47' height='20' viewBox='0 0 47 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.8172 4.24408C37.145 3.91864 37.6764 3.91864 38.0042 4.24408L43.0399 9.24408C43.3677 9.56951 43.3677 10.0972 43.0399 10.4226L38.0042 15.4226C37.6764 15.748 37.145 15.748 36.8172 15.4226C36.4895 15.0972 36.4895 14.5695 36.8172 14.2441L40.4202 10.6667L3.83929 10.6667C3.37576 10.6667 3 10.2936 3 9.83333C3 9.3731 3.37576 9 3.83929 9L40.4202 9L36.8172 5.42259C36.4895 5.09715 36.4895 4.56951 36.8172 4.24408Z' fill='white' /%3E%3C/svg%3E");
}
.slider-media-buttons .swiper-button-prev:after {
  transform: rotate(180deg);
}
@media (min-width: 960px) {
  .slider-media-buttons {
    display: flex;
    align-items: center;
    gap: 24px;
  }
}

.slider-media-progress {
  display: flex;
  align-items: center;
  gap: 16px;
}
.slider-media-progress .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-media-progress .swiper-pagination-bullet {
  --swiper-pagination-bullet-horizontal-gap: 0;
  width: 4px;
  height: 4px;
  background: rgba(44, 46, 53, 0.4);
  border-radius: 6px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
[class*=theme-dark] .slider-media-progress .swiper-pagination-bullet {
  background: rgba(245, 245, 245, 0.4);
}
.slider-media-progress .swiper-pagination-bullet:not(:last-child) {
  margin-right: 16px;
}
.slider-media-progress .swiper-pagination-bullet > span {
  display: none;
}
.slider-media-progress .swiper-pagination-bullet-active {
  background: #000;
  width: 64px;
}
[class*=theme-dark] .slider-media-progress .swiper-pagination-bullet-active {
  background: #fff;
}
.slider-media-progress .swiper-counter {
  color: rgba(44, 46, 53, 0.8);
}
[class*=theme-dark] .slider-media-progress .swiper-counter {
  color: rgba(245, 245, 245, 0.8);
}

.slider-button-small {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #fff;
  border-radius: 0;
  background: rgba(44, 46, 53, 0.4);
  box-shadow: 0 4px 8px 0 rgba(38, 35, 33, 0.07);
  transition: all 0.3s ease-in-out;
}
.theme-dark .slider-button-small {
  color: #101820;
  background-color: rgba(245, 245, 245, 0.4);
}
.slider-button-small[disabled] {
  color: rgba(44, 46, 53, 0.4);
  background: rgba(44, 46, 53, 0.2);
}
.theme-dark .slider-button-small[disabled] {
  color: rgba(245, 245, 245, 0.4);
  background: rgba(245, 245, 245, 0.2);
}
.slider-button-small:after {
  display: none;
}
.slider-button-small svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
@media (hover: hover) {
  .slider-button-small:hover:not([disabled]) {
    background: rgba(44, 46, 53, 0.6);
  }
  .theme-dark .slider-button-small:hover:not([disabled]) {
    background: rgba(245, 245, 245, 0.6);
  }
}

.play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 39px;
  color: #fff;
  border-radius: 50%;
  background-color: #101820;
  transition: all 0.3s ease-in-out;
}
.play-btn:hover {
  color: #fff;
  background-color: #4e5a66;
}
.theme-dark .play-btn {
  color: #101820;
  background-color: #fff;
}
.play-btn svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}
@media (min-width: 600px) {
  .play-btn {
    width: 52px;
    height: 52px;
  }
  .play-btn svg {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1720px) {
  .play-btn {
    width: 64px;
    height: 64px;
  }
  .play-btn svg {
    width: 24px;
    height: 24px;
  }
}

.text-disclaimer__content p:not(:first-child) {
  margin-top: 20px;
}
.text-disclaimer__content a {
  color: #000;
  text-decoration: underline;
  transition: color 0.3s ease-in-out;
}
.text-disclaimer__content a:hover {
  color: rgba(44, 46, 53, 0.8);
}
.text-disclaimer__content a:active {
  color: rgba(44, 46, 53, 0.4);
}
[class*=theme-dark] .text-disclaimer__content a {
  color: #fff;
}
[class*=theme-dark] .text-disclaimer__content a:hover {
  color: rgba(245, 245, 245, 0.8);
}
[class*=theme-dark] .text-disclaimer__content a:active {
  color: rgba(245, 245, 245, 0.4);
}
@media (min-width: 600px) {
  .text-disclaimer__content p:not(:first-child) {
    margin-top: 24px;
  }
}
@media (min-width: 1280px) {
  .text-disclaimer__content p:not(:first-child) {
    margin-top: 24px;
  }
}
@media (min-width: 1720px) {
  .text-disclaimer__content p:not(:first-child) {
    margin-top: 28px;
  }
}

.text-disclaimer-accordion__content {
  overflow: hidden;
}
.text-disclaimer-accordion__content p:first-child.closed {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-disclaimer-accordion__content p:not(:first-child) {
  margin-top: 20px;
}
.text-disclaimer-accordion__content a {
  color: #000;
  text-decoration: underline;
  transition: color 0.3s ease-in-out;
}
.text-disclaimer-accordion__content a:hover {
  color: rgba(44, 46, 53, 0.8);
}
.text-disclaimer-accordion__content a:active {
  color: rgba(44, 46, 53, 0.4);
}
[class*=theme-dark] .text-disclaimer-accordion__content a {
  color: #fff;
}
[class*=theme-dark] .text-disclaimer-accordion__content a:hover {
  color: rgba(245, 245, 245, 0.8);
}
[class*=theme-dark] .text-disclaimer-accordion__content a:active {
  color: rgba(245, 245, 245, 0.4);
}
.text-disclaimer-accordion__container {
  max-height: 2.8em;
  overflow: hidden;
  position: relative;
  transition: max-height 0.25s ease;
}
.text-disclaimer-accordion__container.opened {
  max-height: 300em;
}
.text-disclaimer-accordion__container.opened .text-disclaimer-accordion__content {
  display: block;
  overflow: auto;
}
.text-disclaimer-accordion__btn {
  display: flex;
  align-items: center;
  color: #2c2e35;
  cursor: pointer;
}
.text-disclaimer-accordion__btn:after {
  content: "";
  height: 24px;
  width: 24px;
  margin-left: 8px;
  transition: transform 0.25s ease;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0306 9.53055L12.5306 17.0306C12.4609 17.1003 12.3782 17.1556 12.2871 17.1933C12.1961 17.2311 12.0985 17.2505 11.9999 17.2505C11.9014 17.2505 11.8038 17.2311 11.7127 17.1933C11.6217 17.1556 11.539 17.1003 11.4693 17.0306L3.9693 9.53055C3.82857 9.38982 3.74951 9.19895 3.74951 8.99993C3.74951 8.80091 3.82857 8.61003 3.9693 8.4693C4.11003 8.32857 4.30091 8.24951 4.49993 8.24951C4.69895 8.24951 4.88982 8.32857 5.03055 8.4693L11.9999 15.4396L18.9693 8.4693C19.039 8.39962 19.1217 8.34435 19.2128 8.30663C19.3038 8.26892 19.4014 8.24951 19.4999 8.24951C19.5985 8.24951 19.6961 8.26892 19.7871 8.30663C19.8781 8.34435 19.9609 8.39962 20.0306 8.4693C20.1002 8.53899 20.1555 8.62171 20.1932 8.71276C20.2309 8.8038 20.2503 8.90138 20.2503 8.99993C20.2503 9.09847 20.2309 9.19606 20.1932 9.2871C20.1555 9.37815 20.1002 9.46087 20.0306 9.53055Z' fill='%23101820' /%3E%3C/svg%3E") center no-repeat;
}
.text-disclaimer-accordion__btn.hidden {
  display: none;
}
.text-disclaimer-accordion__btn.opened:after {
  transform: rotate(180deg);
}
[class*=theme-dark] .text-disclaimer-accordion__btn {
  color: #fff;
}
[class*=theme-dark] .text-disclaimer-accordion__btn:after {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0306 9.53055L12.5306 17.0306C12.4609 17.1003 12.3782 17.1556 12.2871 17.1933C12.1961 17.2311 12.0985 17.2505 11.9999 17.2505C11.9014 17.2505 11.8038 17.2311 11.7127 17.1933C11.6217 17.1556 11.539 17.1003 11.4693 17.0306L3.9693 9.53055C3.82857 9.38982 3.74951 9.19895 3.74951 8.99993C3.74951 8.80091 3.82857 8.61003 3.9693 8.4693C4.11003 8.32857 4.30091 8.24951 4.49993 8.24951C4.69895 8.24951 4.88982 8.32857 5.03055 8.4693L11.9999 15.4396L18.9693 8.4693C19.039 8.39962 19.1217 8.34435 19.2128 8.30663C19.3038 8.26892 19.4014 8.24951 19.4999 8.24951C19.5985 8.24951 19.6961 8.26892 19.7871 8.30663C19.8781 8.34435 19.9609 8.39962 20.0306 8.4693C20.1002 8.53899 20.1555 8.62171 20.1932 8.71276C20.2309 8.8038 20.2503 8.90138 20.2503 8.99993C20.2503 9.09847 20.2309 9.19606 20.1932 9.2871C20.1555 9.37815 20.1002 9.46087 20.0306 9.53055Z' fill='white' /%3E%3C/svg%3E") center no-repeat;
}
@media (min-width: 600px) {
  .text-disclaimer-accordion__content p:not(:first-child) {
    margin-top: 24px;
  }
}
@media (min-width: 1280px) {
  .text-disclaimer-accordion__content p:not(:first-child) {
    margin-top: 24px;
  }
}
@media (min-width: 1720px) {
  .text-disclaimer-accordion__content p:not(:first-child) {
    margin-top: 28px;
  }
}

.packages {
  position: relative;
  background-color: #fff;
}
.packages__title {
  text-align: center;
}
.packages__slider {
  position: relative;
}
.packages__slider-wrap .row {
  justify-content: center;
  row-gap: 24px;
  width: auto;
}
.packages__slider-wrap .row > .swiper-slide {
  height: auto;
}
.packages__item {
  color: inherit;
  text-decoration: none;
}
.packages__item-inner {
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
  background-color: #fff;
  transition: box-shadow 0.3s ease-in-out;
}
.packages__item[href] .packages__item-inner {
  cursor: pointer;
}
.packages__item[href] .packages__item-inner:hover {
  box-shadow: 0 4px 16px 0 rgba(16, 24, 32, 0.13);
}
.packages__item[href] .packages__item-inner:hover .packages__item-arrow {
  fill: #4e5a66;
}
.packages__item-image {
  width: 100%;
}
.packages__item-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.packages__item-subtitle {
  opacity: 0.4;
}
.packages__item-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.packages__item-arrow {
  fill: #000;
  transition: fill 0.3s ease-in-out;
}
.packages__btns {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.packages__btn:not(:last-of-type) {
  margin-bottom: 16px;
}
@media (min-width: 600px) {
  .packages__btns {
    flex-direction: row;
    align-items: center;
  }
  .packages__btn:not(:last-of-type) {
    margin-right: 16px;
    margin-bottom: 0;
  }
}

.packages-single {
  position: relative;
  background-color: #f4f6f8;
}
.packages-single__card {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  height: initial;
  color: inherit;
  text-decoration: none;
  padding: 20px;
  border-radius: 16px;
  background-color: #fff;
  transition: box-shadow 0.3s ease-in-out;
}
.packages-single__card-img {
  width: 100%;
}
.packages-single__card-img:before {
  padding-top: 50%;
}
.packages-single__card-price {
  font-weight: 400;
  margin-top: 8px;
}
.packages-single__card-params {
  display: flex;
  flex-direction: row;
  row-gap: 12px;
}
.packages-single__card-param {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 0 16px;
  border-left: 1px solid rgba(44, 46, 53, 0.2);
  row-gap: 8px;
}
.packages-single__card-param .svg-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  fill: rgba(44, 46, 53, 0.6);
}
.packages-single__card-text-bold {
  font-weight: 400;
}
.packages-single__card-description ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.packages-single__card-description ul li {
  padding-left: 28px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.91058 4.41107C7.23602 4.08563 7.76366 4.08563 8.08909 4.41107L13.0891 9.41107C13.4145 9.73651 13.4145 10.2641 13.0891 10.5896L8.08909 15.5896C7.76366 15.915 7.23602 15.915 6.91058 15.5896C6.58514 15.2641 6.58514 14.7365 6.91058 14.4111L11.3213 10.0003L6.91058 5.58958C6.58514 5.26414 6.58514 4.73651 6.91058 4.41107Z' fill='%232C2E35' fill-opacity='0.2'/%3e%3c/svg%3e");
  background-position: left top;
  background-repeat: no-repeat;
}
.packages-single__card-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.packages-single__card-footer a {
  width: 100%;
}
.packages-single__btns {
  margin-top: 12px;
}
@media (min-width: 600px) {
  .packages-single__card {
    padding: 24px;
  }
  .packages-single__btns {
    margin-top: 12px;
  }
}
@media (min-width: 960px) {
  .packages-single__header {
    display: flex;
    gap: 32px;
  }
  .packages-single__title {
    display: flex;
    flex-shrink: 0;
    width: 50%;
  }
  .packages-single__title.mt-sm {
    margin-top: 0;
  }
  .packages-single__subtitle {
    order: 1;
    flex-shrink: 0;
    margin-left: 11px;
  }
  .packages-single__text.mt-sm {
    margin-top: 0;
  }
  .packages-single__card {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    padding: 16px 32px 32px;
  }
  .packages-single__card-img-wrap {
    padding-right: 32px;
  }
  .packages-single__card-price {
    margin-top: 0;
  }
  .packages-single__card-params.m-md {
    margin: 0;
  }
  .packages-single__card-description {
    margin-top: 24px;
  }
  .packages-single__card-description ul {
    row-gap: 4px;
  }
  .packages-single__card-footer.mt-md {
    margin: 0;
  }
  .packages-single__card-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
  }
  .packages-single__card-name {
    margin-top: 16px;
  }
  .packages-single__btns {
    margin-top: 48px;
  }
}
@media (min-width: 1280px) {
  .packages-single__card-description {
    margin-top: 24px;
  }
}
@media (min-width: 1720px) {
  .packages-single__card-description {
    margin-top: 28px;
  }
}
@media (max-width: 959.98px) {
  .packages-single__card-params {
    flex-direction: column;
    row-gap: 0;
  }
  .packages-single__card-param {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-left: none;
    padding: 8px 0;
    border-bottom: 1px solid rgba(44, 46, 53, 0.6);
  }
}

.table {
  text-align: center;
}
.table__title {
  text-align: center;
}
.table__wrap {
  overflow-x: auto;
}
.table__content {
  width: 100%;
  text-align: left;
  border-top: 4px solid #4e5a66;
}
[class*=theme-dark] .table__content {
  border-top-color: #fff;
}
.table table {
  border-collapse: collapse;
}
.table table thead {
  border-bottom: 1px solid #4e5a66;
}
.table table thead th {
  color: #000;
  font-weight: 700;
  padding: 12px 0;
}
[class*=theme-dark] .table table thead th {
  color: #fff;
}
.table table thead th:not(:first-child) {
  padding-left: 16px;
  text-align: right;
}
.table table tbody tr {
  border-bottom: 1px solid rgba(44, 46, 53, 0.1);
}
.table table tbody tr td {
  color: rgba(44, 46, 53, 0.8);
  padding: 12px 0;
  white-space: nowrap;
}
[class*=theme-dark] .table table tbody tr td {
  color: #fff;
}
.table table tbody tr td:not(:first-child) {
  padding-left: 16px;
  text-align: right;
}
.table table tbody.table__two-columns tr td {
  vertical-align: top;
  white-space: normal;
}
.table table tbody.table__two-columns tr td:first-child {
  opacity: 0.8;
  white-space: nowrap;
}
.table table tbody.table__two-columns tr td:last-child {
  color: #000;
  font-weight: 700;
}
[class*=theme-dark] .table table tbody.table__two-columns tr td:last-child {
  color: #fff;
}
.table table tbody.table__two-columns tr td:not(:first-child) {
  padding-left: 24px;
}
.table table a {
  color: inherit;
}
.table[class*=theme-dark] .table__content {
  border-color: #fff;
}
.table[class*=theme-dark] table thead {
  border-color: #fff;
}
.table[class*=theme-dark] table thead th {
  color: #fff;
}
.table[class*=theme-dark] table tbody tr {
  border-color: #fff;
}
.table[class*=theme-dark] table tbody td {
  color: #fff !important;
}
.table.table--accordion .container {
  padding: 0;
  margin: 0;
}
.table.table--accordion .row {
  display: block;
  padding: 0;
  margin: 0;
}
.table.table--accordion .table__content {
  border-width: 1px;
  border-color: rgba(44, 46, 53, 0.2);
}
.table.table--accordion .table__content tr {
  border-color: rgba(44, 46, 53, 0.2);
}
.table.table--accordion .table__content tr td:last-child {
  font-weight: 700;
  color: #000;
}
[class*=theme-dark] .table.table--accordion .table__content tr td:last-child {
  color: #fff;
}
.table.table--accordion .table__title {
  display: none;
}
.table.table--accordion .table__wrap {
  padding: 0;
  margin: 0;
  max-width: 100%;
}
[class*=theme-dark] .table.table--accordion .table__content {
  border-color: rgba(245, 245, 245, 0.1);
}
[class*=theme-dark] .table.table--accordion .table__content tr {
  border-color: rgba(245, 245, 245, 0.1);
}
@media (min-width: 1280px) {
  .table table thead th:not(:first-child) {
    padding-left: 24px;
  }
  .table table tbody tr td {
    white-space: normal;
  }
  .table table tbody tr td:not(:first-child) {
    padding-left: 24px;
  }
}

.table-tech {
  text-align: center;
}
.table-tech__title {
  text-align: left;
}
.table-tech__content {
  position: relative;
  text-align: left;
  width: 100%;
  padding-top: 4px;
}
.table-tech__content-border:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  background: #101820;
  border-radius: 2px;
}
[class*=theme-dark] .table-tech__content-border:before {
  background: #fff;
}
.table-tech table {
  border-collapse: collapse;
}
.table-tech table thead {
  border-bottom: 1px solid #101820;
}
.table-tech table thead th {
  color: #101820;
  font-weight: 700;
  padding: 12px 0;
}
.table-tech table thead th:not(:first-child) {
  padding-left: 24px;
  text-align: right;
}
.table-tech table tbody tr {
  position: relative;
  vertical-align: top;
}
.table-tech table tbody tr:first-child td {
  padding-top: 14px;
}
.table-tech table tbody tr::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(44, 46, 53, 0.2);
  border-radius: 2px;
}
.table-tech table tbody tr td {
  color: rgba(44, 46, 53, 0.8);
  max-width: 50%;
  width: 100%;
  padding: 10px 0;
  word-break: break-word;
}
.table-tech table tbody tr td:not(:first-child) {
  padding-left: 24px;
  text-align: right;
}
.table-tech table tbody tr td:last-child {
  color: #101820;
  font-weight: 700;
}
.table-tech table a {
  color: inherit;
}
.table-tech__scroll-wrap {
  overflow-x: auto;
}
.table-tech__scroll-wrap table thead th:not(:first-child) {
  padding-left: 16px;
}
.table-tech__scroll-wrap table tbody tr td {
  max-width: none;
  width: auto;
}
.table-tech__scroll-wrap table tbody tr td:not(:first-child) {
  padding-left: 16px;
}
.table-tech[class*=theme-dark] .table-tech__content, [class*=theme-dark] .table-tech .table-tech__content {
  border-color: #fff;
}
.table-tech[class*=theme-dark] table thead, [class*=theme-dark] .table-tech table thead {
  border-bottom: 1px solid #fff;
}
.table-tech[class*=theme-dark] table thead th, [class*=theme-dark] .table-tech table thead th {
  color: #fff;
}
.table-tech[class*=theme-dark] table tbody tr::after, [class*=theme-dark] .table-tech table tbody tr::after {
  background: #fff;
}
.table-tech[class*=theme-dark] table tbody td, [class*=theme-dark] .table-tech table tbody td {
  color: #fff !important;
}
@media (min-width: 1280px) {
  .table-tech__scroll-wrap table thead th:not(:first-child) {
    padding-left: 24px;
  }
  .table-tech__scroll-wrap table tbody tr td:not(:first-child) {
    padding-left: 24px;
  }
}
@media (max-width: 599.98px) {
  .table-tech__scroll-wrap {
    margin-right: -24px;
    padding-right: 24px;
  }
}

.columns-tech__content {
  position: relative;
}
.columns-tech__content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 12px;
  right: 12px;
  display: block;
  height: 4px;
  background: #101820;
  border-radius: 2px;
}
[class*=theme-dark] .columns-tech__content:before {
  background: #fff;
}
@media (min-width: 1280px) {
  .columns-tech__content:before {
    left: 16px;
    right: 16px;
  }
}
@media (min-width: 1720px) {
  .columns-tech__content:before {
    left: 20px;
    right: 20px;
  }
}

.table-v1 {
  -webkit-tap-highlight-color: transparent;
}
.table-v1__container {
  position: relative;
  width: 100%;
  background-color: rgba(44, 46, 53, 0.1);
}
[class*=theme-dark] .table-v1__container {
  background-color: rgba(245, 245, 245, 0.1);
}
.table-v1__btns {
  position: absolute;
  top: 11px;
  right: -16px;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.in-container .table-v1__btns {
  right: 0;
}
.table-v1__btns.hidden {
  display: none;
}
.table-v1__btn {
  width: 36px;
  height: 36px;
  padding: 8px;
  cursor: pointer;
  background-color: #101820;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 4px 8px 0 rgba(44, 46, 53, 0.1);
  border-radius: 50%;
}
[class*=theme-dark] .table-v1__btn {
  background-color: #fff;
}
.table-v1__btn.disabled {
  pointer-events: none;
  background-color: rgba(44, 46, 53, 0.2);
}
[class*=theme-dark] .table-v1__btn.disabled {
  background-color: rgba(245, 245, 245, 0.2);
}
.table-v1__btn--prev {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9427 15.8077C13.0007 15.8657 13.0468 15.9347 13.0782 16.0105C13.1097 16.0864 13.1258 16.1677 13.1258 16.2499C13.1258 16.332 13.1097 16.4133 13.0782 16.4892C13.0468 16.565 13.0007 16.634 12.9427 16.692C12.8846 16.7501 12.8157 16.7962 12.7398 16.8276C12.6639 16.859 12.5826 16.8752 12.5005 16.8752C12.4184 16.8752 12.3371 16.859 12.2612 16.8276C12.1853 16.7962 12.1164 16.7501 12.0583 16.692L5.8083 10.442C5.75019 10.384 5.70409 10.3151 5.67264 10.2392C5.64119 10.1633 5.625 10.082 5.625 9.99986C5.625 9.91772 5.64119 9.8364 5.67264 9.76052C5.70409 9.68465 5.75019 9.61572 5.8083 9.55767L12.0583 3.30767C12.1756 3.1904 12.3346 3.12451 12.5005 3.12451C12.6663 3.12451 12.8254 3.1904 12.9427 3.30767C13.06 3.42495 13.1258 3.58401 13.1258 3.74986C13.1258 3.91571 13.06 4.07477 12.9427 4.19205L7.13409 9.99986L12.9427 15.8077Z' fill='white' /%3E%3C/svg%3E");
}
[class*=theme-dark] .table-v1__btn--prev {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9427 15.8077C13.0007 15.8657 13.0468 15.9347 13.0782 16.0105C13.1097 16.0864 13.1258 16.1677 13.1258 16.2499C13.1258 16.332 13.1097 16.4133 13.0782 16.4892C13.0468 16.565 13.0007 16.634 12.9427 16.692C12.8846 16.7501 12.8157 16.7962 12.7398 16.8276C12.6639 16.859 12.5826 16.8752 12.5005 16.8752C12.4184 16.8752 12.3371 16.859 12.2612 16.8276C12.1853 16.7962 12.1164 16.7501 12.0583 16.692L5.8083 10.442C5.75019 10.384 5.70409 10.3151 5.67264 10.2392C5.64119 10.1633 5.625 10.082 5.625 9.99986C5.625 9.91772 5.64119 9.8364 5.67264 9.76052C5.70409 9.68465 5.75019 9.61572 5.8083 9.55767L12.0583 3.30767C12.1756 3.1904 12.3346 3.12451 12.5005 3.12451C12.6663 3.12451 12.8254 3.1904 12.9427 3.30767C13.06 3.42495 13.1258 3.58401 13.1258 3.74986C13.1258 3.91571 13.06 4.07477 12.9427 4.19205L7.13409 9.99986L12.9427 15.8077Z' fill='black' /%3E%3C/svg%3E");
}
.table-v1__btn--next {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1925 10.442L7.94254 16.692C7.88447 16.7501 7.81553 16.7962 7.73966 16.8276C7.66379 16.859 7.58247 16.8752 7.50035 16.8752C7.41823 16.8752 7.33691 16.859 7.26104 16.8276C7.18517 16.7962 7.11623 16.7501 7.05816 16.692C7.00009 16.634 6.95403 16.565 6.9226 16.4892C6.89117 16.4133 6.875 16.332 6.875 16.2499C6.875 16.1677 6.89117 16.0864 6.9226 16.0105C6.95403 15.9347 7.00009 15.8657 7.05816 15.8077L12.8668 9.99986L7.05816 4.19205C6.94088 4.07477 6.875 3.91571 6.875 3.74986C6.875 3.58401 6.94088 3.42495 7.05816 3.30767C7.17544 3.1904 7.33449 3.12451 7.50035 3.12451C7.6662 3.12451 7.82526 3.1904 7.94254 3.30767L14.1925 9.55767C14.2506 9.61572 14.2967 9.68465 14.3282 9.76052C14.3596 9.8364 14.3758 9.91772 14.3758 9.99986C14.3758 10.082 14.3596 10.1633 14.3282 10.2392C14.2967 10.3151 14.2506 10.384 14.1925 10.442Z' fill='white' /%3E%3C/svg%3E");
}
[class*=theme-dark] .table-v1__btn--next {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1925 10.442L7.94254 16.692C7.88447 16.7501 7.81553 16.7962 7.73966 16.8276C7.66379 16.859 7.58247 16.8752 7.50035 16.8752C7.41823 16.8752 7.33691 16.859 7.26104 16.8276C7.18517 16.7962 7.11623 16.7501 7.05816 16.692C7.00009 16.634 6.95403 16.565 6.9226 16.4892C6.89117 16.4133 6.875 16.332 6.875 16.2499C6.875 16.1677 6.89117 16.0864 6.9226 16.0105C6.95403 15.9347 7.00009 15.8657 7.05816 15.8077L12.8668 9.99986L7.05816 4.19205C6.94088 4.07477 6.875 3.91571 6.875 3.74986C6.875 3.58401 6.94088 3.42495 7.05816 3.30767C7.17544 3.1904 7.33449 3.12451 7.50035 3.12451C7.6662 3.12451 7.82526 3.1904 7.94254 3.30767L14.1925 9.55767C14.2506 9.61572 14.2967 9.68465 14.3282 9.76052C14.3596 9.8364 14.3758 9.91772 14.3758 9.99986C14.3758 10.082 14.3596 10.1633 14.3282 10.2392C14.2967 10.3151 14.2506 10.384 14.1925 10.442Z' fill='black' /%3E%3C/svg%3E");
}
.table-v1__wrap {
  overflow-x: auto;
  overflow-y: auto;
  max-height: 100vh;
  scrollbar-width: none;
}
.table-v1__wrap::-webkit-scrollbar {
  width: 0;
  background: 0 0;
}
.table-v1__table {
  border-collapse: collapse;
  width: 100%;
}
.table-v1__head {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: #fff;
}
[class*=theme-dark] .table-v1__head {
  background-color: #101820;
}
.table-v1__head:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #101820;
  z-index: 2;
  border-radius: 0;
}
[class*=theme-dark] .table-v1__head:before {
  background-color: #fff;
}
.table-v1__head:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #101820;
  border-radius: 0;
}
[class*=theme-dark] .table-v1__head:after {
  background-color: #fff;
}
.table-v1__head-cell {
  position: relative;
  font-weight: 700;
  padding: 27px 10px;
  background-color: #fff;
}
[class*=theme-dark] .table-v1__head-cell {
  background-color: #101820;
}
.table-v1__head-cell:not(:last-of-type)::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(44, 46, 53, 0.1);
}
[class*=theme-dark] .table-v1__head-cell:not(:last-of-type)::before {
  background-color: rgba(245, 245, 245, 0.2);
}
.table-v1__head.active {
  box-shadow: 0 4px 16px 0 rgba(16, 24, 32, 0.13);
}
.table-v1__body-row:nth-child(even) {
  background-color: #fff;
}
[class*=theme-dark] .table-v1__body-row:nth-child(even) {
  background-color: #101820;
}
.table-v1__body-title {
  display: inline-block;
  position: sticky;
  left: 0;
  padding: 12px;
  border: 0;
  z-index: 2;
  white-space: normal;
  font-weight: 700;
}
.table-v1__body-cell {
  min-width: 125px;
  max-width: 125px;
  text-align: center;
  padding: 8px;
}
.table-v1__body-cell:not(:last-of-type) {
  border-right: 1px solid rgba(44, 46, 53, 0.1);
}
[class*=theme-dark] .table-v1__body-cell:not(:last-of-type) {
  border-right: 1px solid rgba(245, 245, 245, 0.2);
}
.table-v1__body-cell-icon--check {
  fill: #101820;
}
[class*=theme-dark] .table-v1__body-cell-icon--check {
  fill: #fff;
}
.table-v1__body-cell-icon--dash {
  fill: rgba(44, 46, 53, 0.2);
}
[class*=theme-dark] .table-v1__body-cell-icon--dash {
  fill: rgba(245, 245, 245, 0.2);
}
.table-v1__scroll-vertical {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 8px;
  max-width: 8px;
  height: 100%;
  z-index: 3;
  margin: 4px;
}
.table-v1__scroll-vertical-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  max-width: 8px;
  background-color: #101820;
  height: 40px;
  cursor: grab;
}
[class*=theme-dark] .table-v1__scroll-vertical-thumb {
  background-color: #fff;
}
.table-v1__scroll-vertical.hidden {
  display: none;
}
.table-v1__scroll-horizontal {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 8px;
  max-height: 8px;
  width: calc(100% - 8px);
  margin: 4px;
}
.table-v1__scroll-horizontal-thumb {
  position: absolute;
  width: 60px;
  height: 8px;
  max-height: 8px;
  background-color: #101820;
  left: 0;
  cursor: grab;
}
[class*=theme-dark] .table-v1__scroll-horizontal-thumb {
  background-color: #fff;
}
.table-v1__scroll-horizontal.hidden {
  display: none;
}
@media (min-width: 960px) {
  .table-v1__body-cell {
    min-width: 156px;
    max-width: 201px;
  }
}

.accordion__body .text__content {
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.5;
}
.accordion__body [class*=theme-dark] .text__content, [class*=theme-dark] .accordion__body .text__content {
  color: #fff;
}
.accordion__body [class*=theme-medium] .text__content, [class*=theme-medium] .accordion__body .text__content {
  color: #2c2e35;
}
.accordion__body [class*=theme-light] .text__content, [class*=theme-light] .accordion__body .text__content {
  color: #2c2e35;
}
.accordion__content > div:not(:first-of-type) {
  margin-top: 20px;
}
.accordion .text-disclaimer > .container {
  padding: 0;
  margin: 0;
}
.accordion .text-disclaimer__content {
  max-width: initial;
  flex: initial;
  padding: 0;
  margin: 0;
}
.accordion__list {
  width: 100%;
  list-style: none;
  border-top: 4px solid #4e5a66;
}
[class*=theme-dark] .accordion__list {
  border-color: #fff;
}
[class*=theme-medium] .accordion__list {
  border-color: #4e5a66;
}
.accordion__item {
  border-bottom: 1px solid rgba(44, 46, 53, 0.4);
}
[class*=theme-dark] .accordion__item {
  border-color: #fff;
}
[class*=theme-medium] .accordion__item {
  border-color: rgba(44, 46, 53, 0.4);
}
.accordion__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  cursor: pointer;
}
.accordion__header-icon {
  flex-shrink: 0;
  position: relative;
  width: 14px;
  height: 14px;
  margin-left: 12px;
}
.accordion__header-icon:after, .accordion__header-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  margin-top: -2px;
  background: #4e5a66;
  transition: all 0.3s;
}
[class*=theme-dark] .accordion__header-icon:after, [class*=theme-dark] .accordion__header-icon:before {
  background: #fff;
}
.theme-medium .accordion__header-icon:after, .theme-medium .accordion__header-icon:before {
  background: #4e5a66;
}
.accordion__header-icon:after {
  transform: rotate(90deg);
}
.is-opened .accordion__header-icon:after {
  transform: rotate(0);
}
.accordion__body {
  overflow: hidden;
  height: 0;
  transition: height 250ms;
}
.accordion__body .text__content {
  color: rgba(44, 46, 53, 0.8);
  font-weight: 400;
}
.accordion__body .flow-slider .flow-modal__content .text__content {
  height: 60%;
  overflow: auto;
}
.accordion__body .media-accordion__accordion-text .text__content p:not(:first-child) {
  margin-top: 8px;
}
@media (min-width: 600px) {
  .accordion__content > div:not(:first-of-type) {
    margin-top: 24px;
  }
  .accordion__header-icon {
    margin-left: 22px;
  }
}
@media (min-width: 960px) {
  .accordion__content > div.page-header__subtitle:not(:first-of-type) {
    margin-bottom: 0;
  }
  .accordion__content > div.page-header__text:not(:first-of-type) {
    margin-top: 0;
  }
  .accordion__content > div.header-h2__subtitle:not(:first-of-type) {
    margin-bottom: 0;
  }
  .accordion__content > div.header-h2__text:not(:first-of-type) {
    margin-top: 0;
  }
  .accordion__content > div.header-h2-image__subtitle:not(:first-of-type) {
    margin-bottom: 0;
  }
  .accordion__content > div.header-h2-image__text:not(:first-of-type) {
    margin-top: 0;
  }
  .accordion__content > div.packages-single__title:not(:first-of-type) {
    margin-top: 0;
  }
  .accordion__content > div.packages-single__text:not(:first-of-type) {
    margin-top: 0;
  }
  .accordion__body .menu-lev2__link.text__content {
    font-size: 14px;
  }
}
@media (min-width: 1280px) {
  .accordion__content > div:not(:first-of-type) {
    margin-top: 24px;
  }
}
@media (min-width: 1720px) {
  .accordion__body .text__content {
    font-size: 18px;
  }
  .accordion__content > div:not(:first-of-type) {
    margin-top: 28px;
  }
}
@media (max-width: 1279.98px) {
  .accordion__content > div.menu-lev2__list:not(:first-of-type) {
    margin-top: 0;
  }
}
@media (max-width: 599.98px) {
  .accordion__content > div.benefits__tabs:not(:first-of-type) {
    margin-top: 28px;
  }
}

.accordion-tabs__header-item {
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.5;
}
[class*=theme-dark] .accordion-tabs__header-item {
  color: #fff;
}
[class*=theme-medium] .accordion-tabs__header-item {
  color: #2c2e35;
}
[class*=theme-light] .accordion-tabs__header-item {
  color: #2c2e35;
}
.accordion-tabs__header {
  overflow-x: auto;
  scrollbar-width: none;
  text-align: center;
}
.accordion-tabs__header-nav {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
[class*=theme-dark] .accordion-tabs__header-nav {
  background-color: transparent;
}
.accordion-tabs__header-nav:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 2px;
  background-color: rgba(44, 46, 53, 0.2);
  border-radius: 2px;
}
[class*=theme-dark] .accordion-tabs__header-nav:after {
  background-color: rgba(245, 245, 245, 0.2);
}
.accordion-tabs__header::-webkit-scrollbar {
  display: none;
}
.accordion-tabs__header-item {
  position: relative;
  line-height: 1.4;
  color: #101820;
  list-style-type: none;
  cursor: pointer;
  padding: 0 0 8px;
  margin-right: 16px;
  border-bottom: 2px solid rgba(44, 46, 53, 0.2);
  white-space: nowrap;
  border-radius: 0;
  font-weight: 400;
  text-transform: none;
}
.accordion-tabs__header-item:not(:first-child) {
  margin-left: 16px;
}
.accordion-tabs__header-item:last-child {
  margin-right: 0;
}
.accordion-tabs__header-item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 2px;
  background-color: #4e5a66;
  opacity: 0;
  transition: opacity 0.3s;
}
[class*=theme-dark] .accordion-tabs__header-item:after {
  color: #fff;
  background-color: #4e5a66;
}
.accordion-tabs__header-item:first-child:after {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.accordion-tabs__header-item:last-child:after {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
[class*=theme-dark] .accordion-tabs__header-item {
  color: #fff;
  border-color: #fff;
}
.accordion-tabs__header-item.active {
  z-index: 1;
  font-weight: 400;
  background-color: transparent;
  color: rgba(44, 46, 53, 0.8);
  border-color: #4e5a66;
}
.accordion-tabs__header-item.active:after {
  opacity: 1;
}
[class*=theme-dark] .accordion-tabs__header-item.active {
  color: #fff;
  border-color: #4e5a66;
  background-color: transparent;
}
.accordion-tabs__content-item {
  display: none;
}
.accordion-tabs__content-item.active {
  display: block;
}
@media (min-width: 960px) {
  .menu-lev2__link.accordion-tabs__header-item {
    font-size: 14px;
  }
}
@media (min-width: 1720px) {
  .accordion-tabs__header-item {
    font-size: 18px;
  }
}

.flow-slider.theme-dark, .flow-slider.theme-medium {
  background-color: #fff;
}
.flow-slider.theme-dark__item, .flow-slider.theme-medium__item {
  background-color: red;
}
.flow-slider__item {
  border-radius: 8px;
  background-color: #fff;
}
.flow-slider__item.swiper-slide {
  height: auto;
}
.flow-slider__item img {
  border-radius: 8px 8px 0 0;
}
.flow-slider .media-flow {
  border-radius: 8px;
}
.flow-slider .media-flow.theme-medium {
  background-color: #f4f6f8;
}
.flow-slider .media-flow.theme-light {
  background-color: #fff;
}
.flow-slider .media-flow__content {
  padding: 28px;
}
.flow-slider__navigation {
  margin-top: 32px;
}
.flow-slider__navigation-wrap {
  display: flex;
  justify-content: space-between;
}
.flow-slider .flow-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1001;
  transition: opacity 0.3s ease;
}
.flow-slider .flow-modal.hidden {
  display: none;
}
.flow-slider .flow-modal__content {
  background: #fff;
  width: 90%;
  max-width: 1200px;
  padding: 32px;
  position: relative;
  border-radius: 16px;
}
.menu-models__item-title .flow-slider .flow-modal__content span, .flow-slider .flow-modal__content .main-text, .flow-slider .flow-modal__content .menu-models__item-title span, .flow-slider .flow-modal__content .tab-item, .flow-slider .flow-modal__content .accordion-tabs__header-item, .flow-slider .flow-modal__content .accordion__body .text__content {
  height: 60%;
  overflow: auto;
}
.flow-slider .flow-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: 0 0;
  font-size: 32px;
  border: none;
  cursor: pointer;
  z-index: 2;
}
.flow-slider .article-expanded {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
.flow-slider .article-expanded__image {
  width: 50%;
}
.flow-slider .article-expanded__image img {
  border-radius: 8px;
}
.flow-slider .article-expanded__body {
  width: 50%;
}
@media (min-width: 600px) {
  .flow-slider__navigation {
    margin-top: 32px;
  }
}
@media (max-width: 959.98px) {
  .flow-slider .media-flow__content {
    padding: 24px;
  }
  .flow-slider .flow-modal .swiper {
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
  }
  .flow-slider .flow-modal__content {
    height: 100vh;
    padding: 16px;
  }
  .flow-slider .article-expanded {
    flex-direction: column;
  }
  .flow-slider .article-expanded__image {
    width: 100%;
    text-align: center;
  }
  .flow-slider .article-expanded__body {
    width: 100%;
  }
}

.media-flow {
  display: flex;
  flex-direction: column;
  color: #fff;
  height: 100%;
}
.media-flow__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  height: 100%;
}
.media-flow__title {
  text-align: left;
  color: #000;
}
.media-flow__subtitle {
  color: rgba(44, 46, 53, 0.4);
}
.media-flow__text {
  color: rgba(44, 46, 53, 0.8);
}
.media-flow .responsive-media img {
  border-radius: 0;
}
.media-flow .responsive-media:before {
  padding-top: 56.4102564103%;
}

.media-flow-vertical {
  overflow: hidden;
  border-radius: 0;
  clip-path: none;
}
.media-flow-vertical::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(180deg, rgba(16, 24, 32, 0) 50%, rgba(16, 24, 32, 0.6) 100%), rgba(44, 46, 53, 0.2);
  border-radius: 0;
  pointer-events: none;
}
.media-flow-vertical--txt-top-center:after, .media-flow-vertical--txt-top-left:after {
  background: linear-gradient(0deg, rgba(16, 24, 32, 0) 50%, rgba(16, 24, 32, 0.6) 100%), rgba(44, 46, 53, 0.2);
}
.media-flow-vertical__img img {
  transition: transform 0.5s;
}
.media-flow-vertical .responsive-media:before {
  padding-top: 129.8076923077%;
}
.media-flow-vertical__inner {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  padding: 0 24px;
}
.media-flow-vertical__inner > div:first-child {
  margin-top: 0;
}
.media-flow-vertical--txt-top-left .media-flow-vertical__inner {
  top: 0;
  bottom: auto;
}
.media-flow-vertical--txt-top-center .media-flow-vertical__inner {
  top: 0;
  bottom: auto;
  text-align: center;
}
.media-flow-vertical--txt-bottom-center .media-flow-vertical__inner {
  text-align: center;
}
.media-flow-vertical__subtitle, .media-flow-vertical__title {
  color: #fff !important;
}
.media-flow-vertical__title {
  overflow-wrap: break-word;
}
.media-flow-vertical__text {
  color: #fff !important;
}
.media-flow-vertical__text a {
  color: #000;
  text-decoration: underline;
  transition: color 0.3s ease-in-out;
}
.media-flow-vertical__text a:hover {
  color: rgba(44, 46, 53, 0.8);
}
.media-flow-vertical__text a:active {
  color: rgba(44, 46, 53, 0.4);
}
[class*=theme-dark] .media-flow-vertical__text a {
  color: #fff;
}
[class*=theme-dark] .media-flow-vertical__text a:hover {
  color: rgba(245, 245, 245, 0.8);
}
[class*=theme-dark] .media-flow-vertical__text a:active {
  color: rgba(245, 245, 245, 0.4);
}
@media (max-width: 599.98px) {
  .media-flow-vertical--txt-top-center .media-flow-vertical__inner {
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .media-flow-vertical--txt-top-center .media-flow-vertical__inner .btn {
    justify-content: center;
  }
  .media-flow-vertical__inner .btn:not(.btn--arrow) {
    font-size: 12px;
    line-height: 1.33;
    text-decoration: none;
    padding: 10px 16px;
    background-position: right;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
  }
  .media-flow-vertical__inner .btn:not(.btn--arrow) svg {
    width: 16px;
    height: 16px;
    margin: 0 0 0 10px;
    flex-shrink: 0;
    transition: fill 0.3s ease-in-out;
  }
  .media-flow-vertical__inner .btn:not(.btn--arrow):not(:has(svg)) {
    justify-content: center;
  }
}
@media (hover: hover) {
  .media-flow-vertical:hover .media-flow-vertical__img img {
    transform: scale(1.15);
  }
}

.media-flow-vertical-card {
  height: auto;
}
.media-flow-vertical-card .media-flow__img {
  height: 436px;
}
@media (min-width: 960px) {
  .media-flow-vertical-card .media-flow__img {
    height: 540px;
  }
}

.media-hero2__timer-segment:not(:last-child) .media-hero2__timer-unit:not(:last-child)::after {
  color: #000;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 1;
  font-weight: 700;
  text-transform: none;
}
.media-hero2__timer-segment:not(:last-child) [class*=theme-dark] .media-hero2__timer-unit:not(:last-child)::after, [class*=theme-dark] .media-hero2__timer-segment:not(:last-child) .media-hero2__timer-unit:not(:last-child)::after {
  color: #fff;
}
.media-hero2__timer-segment:not(:last-child) [class*=theme-medium] .media-hero2__timer-unit:not(:last-child)::after, [class*=theme-medium] .media-hero2__timer-segment:not(:last-child) .media-hero2__timer-unit:not(:last-child)::after {
  color: #000;
}
.media-hero2__timer-segment:not(:last-child) [class*=theme-light] .media-hero2__timer-unit:not(:last-child)::after, [class*=theme-light] .media-hero2__timer-segment:not(:last-child) .media-hero2__timer-unit:not(:last-child)::after {
  color: #000;
}
.media-hero2 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.media-hero2 {
  position: relative;
  height: calc(100vh - 56px);
  height: calc(100svh - 56px);
}
.main-landing-without-header .media-hero2, .main-landing-without-header-footer .media-hero2 {
  height: 100vh;
}
.media-hero2__wrap {
  position: relative;
}
.media-hero2 .container > .row {
  height: 100%;
}
.media-hero2__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.media-hero2__img:before {
  display: none;
}
.media-hero2__content {
  position: relative;
  z-index: 1;
  height: 100%;
  color: #101820;
}
[class*=theme-dark] .media-hero2__content {
  color: #fff;
}
.media-hero2__content a:not(.btn) {
  color: inherit;
}
.media-hero2__content a:not(.btn):hover {
  text-decoration: none;
}
.media-hero2__content-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.media-hero2__timer {
  margin-top: auto;
}
.media-hero2__timer-segment:not(:last-child) .media-hero2__timer-unit:not(:last-child)::after {
  content: ":";
  position: absolute;
  display: block;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
}
.media-hero2__timer-units {
  display: flex;
  align-items: flex-start;
  column-gap: 24px;
}
.media-hero2__timer-unit {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: inherit;
  max-width: 60px;
  width: 100%;
}
.media-hero2__timer-unit::first-letter {
  margin-right: 4px;
}
.media-hero2__timer-text {
  margin-left: 4px;
}
.media-hero2__timer-separator {
  display: flex;
  align-items: center;
  text-align: center;
  color: inherit;
  padding: 8px 7px;
}
@media (min-width: 600px) {
  .media-hero2__timer-segment:not(:last-child) .media-hero2__timer-unit:not(:last-child)::after {
    font-size: 40;
  }
  .media-hero2 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .media-hero2 {
    height: calc(100vh - 60px);
    height: calc(100svh - 60px);
  }
  .media-hero2__timer-segment:not(:last-child) .media-hero2__timer-unit:not(:last-child)::after {
    right: -18px;
  }
  .media-hero2__timer-unit {
    max-width: none;
    width: auto;
  }
}
@media (min-width: 960px) {
  .media-hero2__timer {
    order: 1;
  }
  .media-hero2__timer-unit {
    height: 80px;
  }
  .media-hero2__timer-separator {
    padding: 10px 8px;
  }
}
@media (min-width: 1280px) {
  .media-hero2__timer-segment:not(:last-child) .media-hero2__timer-unit:not(:last-child)::after {
    font-size: 48px;
    letter-spacing: -1px;
  }
  .media-hero2 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .media-hero2 {
    height: calc(100vh - 72px);
    height: calc(100svh - 72px);
  }
  .media-hero2__timer-segment:not(:last-child) .media-hero2__timer-unit:not(:last-child)::after {
    right: -22px;
  }
  .media-hero2__timer-units {
    column-gap: 31px;
  }
}
@media (min-width: 1720px) {
  .media-hero2__timer-segment:not(:last-child) .media-hero2__timer-unit:not(:last-child)::after {
    font-size: 56px;
    line-height: 1.071;
  }
  .media-hero2 {
    padding-top: 104px;
    padding-bottom: 104px;
  }
  .media-hero2 {
    height: calc(100vh - 80px);
    height: calc(100svh - 80px);
  }
}
@media (max-width: 599.98px) {
  .media-hero2__btn-wrap .btn {
    width: 100%;
  }
}

.pagination__wrap {
  align-items: center;
  justify-content: center;
  display: flex;
}
.pagination__pages {
  margin: 0 30px;
}
.pagination__pages-page {
  font-size: 18px;
  line-height: 1.5;
  color: #101820;
  font-weight: 300;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none;
}
.pagination__pages-page:not(:last-child) {
  margin-right: 8px;
}
.pagination__pages-page:hover, .pagination__pages-page--active {
  color: rgba(44, 46, 53, 0.4);
  font-weight: 700;
  transition: 0.3s;
}
[class*=theme-dark] .pagination__pages-page:hover {
  color: rgba(245, 245, 245, 0.4);
}
.pagination__arrow {
  position: relative;
  width: 24px;
  height: 24px;
}
.pagination__arrow--prev {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12.5' r='11' stroke='%2330363A'/%3e%3cpath d='M14 17.5L9 12.5L14 7.5' stroke='%2330363A' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") 0 0 no-repeat;
}
.pagination__arrow--next {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12.5' r='11' stroke='%2330363A'/%3e%3cpath d='M10 7.5L15 12.5L10 17.5' stroke='%2330363A' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") 0 0 no-repeat;
}
@media (min-width: 600px) {
  .pagination__pages-page:not(:last-child) {
    margin-right: 30px;
  }
}

.sidebar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: fixed;
  z-index: 1002;
  right: 0;
  bottom: 0;
  width: 100%;
  transition: top 0.4s ease;
  pointer-events: none;
}
.sidebar--opened .sidebar__items {
  visibility: visible;
  overflow: visible;
  opacity: 1;
  transform: translateY(0);
}
.sidebar--opened .sidebar__trigger {
  box-shadow: none;
}
.sidebar--opened .sidebar__trigger-close {
  visibility: visible;
  transform: rotate(0);
  opacity: 1;
}
.sidebar--opened .sidebar__trigger-dots {
  visibility: hidden;
  transform: rotate(-45deg);
  opacity: 0;
}
.sidebar__trigger {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 8px 0 0 0;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(16, 24, 32, 0.13);
  cursor: pointer;
  pointer-events: initial;
}
.sidebar__trigger:focus {
  outline: 0;
}
.sidebar__trigger-close {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0675 15.1832C16.1256 15.2412 16.1717 15.3102 16.2031 15.386C16.2345 15.4619 16.2507 15.5432 16.2507 15.6253C16.2507 15.7075 16.2345 15.7888 16.2031 15.8647C16.1717 15.9405 16.1256 16.0095 16.0675 16.0675C16.0095 16.1256 15.9405 16.1717 15.8647 16.2031C15.7888 16.2345 15.7075 16.2507 15.6253 16.2507C15.5432 16.2507 15.4619 16.2345 15.386 16.2031C15.3102 16.1717 15.2412 16.1256 15.1832 16.0675L10.0003 10.8839L4.81753 16.0675C4.70026 16.1848 4.5412 16.2507 4.37535 16.2507C4.20949 16.2507 4.05044 16.1848 3.93316 16.0675C3.81588 15.9503 3.75 15.7912 3.75 15.6253C3.75 15.4595 3.81588 15.3004 3.93316 15.1832L9.11675 10.0003L3.93316 4.81753C3.81588 4.70026 3.75 4.5412 3.75 4.37535C3.75 4.2095 3.81588 4.05044 3.93316 3.93316C4.05044 3.81588 4.20949 3.75 4.37535 3.75C4.5412 3.75 4.70026 3.81588 4.81753 3.93316L10.0003 9.11675L15.1832 3.93316C15.3004 3.81588 15.4595 3.75 15.6253 3.75C15.7912 3.75 15.9503 3.81588 16.0675 3.93316C16.1848 4.05044 16.2507 4.2095 16.2507 4.37535C16.2507 4.5412 16.1848 4.70026 16.0675 4.81753L10.8839 10.0003L16.0675 15.1832Z' fill='%2318161F'/%3E%3C/svg%3E") center center no-repeat;
  transform: rotate(45deg);
  transition: visibility 0.2s, transform 0.2s, opacity 0.2s;
}
.sidebar__trigger-dots {
  opacity: 1;
  visibility: visible;
  display: flex;
  gap: 3px;
  justify-content: center;
  transform: rotate(90deg);
  transition: visibility 0.2s, transform 0.2s, opacity 0.2s;
}
.sidebar__trigger-dot {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #2c2e35;
  transition: transform 0.2s;
}
.sidebar__trigger-dot:first-child, .sidebar__trigger-dot:last-child {
  transform: translateX(0);
}
.sidebar__items {
  display: flex;
  flex-direction: column;
  list-style: none;
  text-decoration: none;
  background: #fff;
  pointer-events: initial;
}
.sidebar__link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  color: #2c2e35;
  text-decoration: none;
  padding: 16px;
  border-bottom: 1px solid rgba(44, 46, 53, 0.2);
  transition: color 0.3s, background-color 0.3s;
}
.sidebar__link:hover {
  color: rgba(44, 46, 53, 0.6);
  background-color: #fff;
}
.sidebar__link:hover .sidebar__icon {
  fill: #b4c3cc;
}
.sidebar__icon {
  display: block;
  width: 20px;
  height: 20px;
  fill: #2c2e35;
  transition: fill 0.3s;
}
@media (min-width: 960px) {
  .sidebar {
    bottom: 50%;
    width: 52px;
    overflow: hidden;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 4px 16px 0 rgba(16, 24, 32, 0.13);
    transform: translateY(50%);
    transition: width 0.2s;
  }
  .sidebar:hover {
    width: 250px;
  }
  .sidebar__trigger {
    display: none;
  }
  .sidebar__link {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .sidebar span {
    white-space: nowrap;
    width: 182px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media (max-width: 959.98px) {
  .sidebar__blackout {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s;
  }
  .sidebar__blackout--show {
    opacity: 1;
    visibility: visible;
    background: rgba(44, 46, 53, 0.4);
    transition: opacity 0.4s;
  }
  .sidebar__items {
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    width: 100%;
    max-height: 400px;
    padding-bottom: 52px;
    transform: translateY(20px);
    transition: visibility 0.2s, opacity 0.2s, transform 0.2s, max-height 0.6s;
  }
  .sidebar__items--hide {
    opacity: 0;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s, opacity 0.1s;
  }
}

.header-h2.theme-medium ~ .slider-media-text-ribbon.theme-medium.padding-bottom, .slider-media-text-ribbon.theme-medium.padding-bottom:has(> .header-h2.theme-medium) {
  background-color: #fff !important;
}
.header-h2:not(.theme-medium) ~ .slider-media-text-ribbon.theme-medium.padding-bottom, .slider-media-text-ribbon.theme-medium.padding-bottom:has(> .header-h2:not(.theme-medium)) {
  background-color: transparent;
}
@media (min-width: 960px) {
  .header-h2__content {
    align-items: center;
  }
  .header-h2__subtitle {
    display: flex;
    justify-content: flex-end;
  }
  .header-h2__subtitle.mb-sm {
    margin-bottom: 0;
  }
  .header-h2__subtitle.mt-sm {
    margin-bottom: 0;
  }
  .header-h2__text.mt-sm {
    margin-top: 0;
  }
}

.slider-media-text-ribbon > .header-h2:not(.theme-medium) {
  background-color: #f4f6f8;
}
.slider-media-text-ribbon > .header-h2:not(.theme-medium) > .container.mb-lg {
  margin-bottom: 0;
  padding-bottom: 40px;
}
@media (min-width: 600px) {
  .slider-media-text-ribbon > .header-h2:not(.theme-medium) > .container.mb-lg {
    padding-bottom: 52px;
  }
}
@media (min-width: 1280px) {
  .slider-media-text-ribbon > .header-h2:not(.theme-medium) > .container.mb-lg {
    padding-bottom: 64px;
  }
}
@media (min-width: 1720px) {
  .slider-media-text-ribbon > .header-h2:not(.theme-medium) > .container.mb-lg {
    padding-bottom: 76px;
  }
}

.header-h2-narrow:has(~ .text) > .container, .text > .header-h2-narrow > .container, section:has(~ .text) > .header-h2-narrow > .container {
  margin-bottom: 32px !important;
}
.header-h2-narrow ~ .text > .container, section:has(> .header-h2-narrow) ~ .text > .container, .text:has(> .header-h2-narrow) > .container {
  margin-top: 0 !important;
}

.header-h2-image__image img {
  width: 100%;
  height: auto;
}
@media (min-width: 960px) {
  .header-h2-image__content {
    align-items: center;
  }
  .header-h2-image__subtitle {
    display: flex;
    justify-content: flex-end;
  }
  .header-h2-image__subtitle.mb-sm {
    margin-bottom: 0;
  }
  .header-h2-image__subtitle.mt-sm {
    margin-bottom: 0;
  }
  .header-h2-image__text.mt-sm {
    margin-top: 0;
  }
}
@media (max-width: 1279.98px) {
  .header-h2-image__title {
    margin-bottom: 20px;
  }
  .header-h2-image__content div:nth-child(2) {
    margin-bottom: 12px;
  }
}

.gallery-slider .swiper-wrapper {
  align-items: stretch;
}
.gallery-slider .swiper-slide {
  height: auto;
}
.gallery-slider__slide {
  position: relative;
  height: 35vh;
  height: 35svh;
  padding-top: 72px;
  color: #fff;
}
.gallery-slider__slide::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 46, 53, 0.2);
}
.gallery-slider__img-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.gallery-slider__img-wrap img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.gallery-slider__title {
  position: relative;
  z-index: 2;
  text-align: right;
  color: rgba(245, 245, 245, 0.6);
}
.gallery-slider__navigation {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.gallery-slider__navigation-wrap {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 600px) {
  .gallery-slider__slide {
    height: 55vh;
    height: 55svh;
    padding-top: 84px;
  }
}
@media (min-width: 960px) {
  .gallery-slider__slide {
    height: var(--gallery-height, 82svh);
    padding-top: 84px;
  }
  .gallery-slider__slide.pt-lg {
    padding-top: 64px;
  }
}
@media (min-width: 1280px) {
  .gallery-slider__slide {
    height: var(--gallery-height, 100svh);
    padding-top: 96px;
  }
  .gallery-slider__slide.pt-lg {
    padding-top: 96px;
  }
}
@media (min-width: 1720px) {
  .gallery-slider__slide {
    padding-top: 108px;
  }
  .gallery-slider__slide.pt-lg {
    padding-top: 104px;
  }
}

.packages-extended {
  position: relative;
  background-color: #f4f6f8;
}
.packages-extended__title {
  text-align: center;
}
.packages-extended__text {
  color: rgba(44, 46, 53, 0.6);
}
.packages-extended__text-bold {
  font-weight: 600;
}
.packages-extended__slider {
  position: relative;
  overflow: hidden;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: -24px;
  margin-right: -24px;
}
.packages-extended__slider .swiper {
  overflow: visible;
}
.packages-extended__item {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  height: initial;
  color: inherit;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 16px;
  background-color: #fff;
  transition: box-shadow 0.3s ease-in-out;
}
.packages-extended__item-image {
  width: 100%;
}
.packages-extended__item-image:before {
  padding-top: 50%;
}
.packages-extended__item-title {
  line-height: 1.143;
}
.packages-extended__item-price {
  margin-top: 8px;
  margin-top: auto;
}
.packages-extended__item-params {
  display: flex;
  flex-direction: row;
  row-gap: 12px;
}
.packages-extended__item-param {
  display: flex;
  flex-direction: column;
  align-items: left;
  padding: 0 16px;
  border-right: 1px solid rgba(44, 46, 53, 0.6);
  row-gap: 8px;
  width: 100%;
}
.packages-extended__item-param:first-child {
  padding-left: 0;
}
.packages-extended__item-param:last-child {
  padding-right: 0;
}
.packages-extended__item-param:last-child {
  border: none;
}
.packages-extended__item-param .svg-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.packages-extended__item-description ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.packages-extended__item-description ul li {
  padding-left: 28px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjkxMDc2IDQuNDExMDdDNy4yMzYyIDQuMDg1NjMgNy43NjM4NCA0LjA4NTYzIDguMDg5MjggNC40MTEwN0wxMy4wODkzIDkuNDExMDdDMTMuNDE0NyA5LjczNjUxIDEzLjQxNDcgMTAuMjY0MSAxMy4wODkzIDEwLjU4OTZMOC4wODkyOCAxNS41ODk2QzcuNzYzODQgMTUuOTE1IDcuMjM2MiAxNS45MTUgNi45MTA3NiAxNS41ODk2QzYuNTg1MzMgMTUuMjY0MSA2LjU4NTMzIDE0LjczNjUgNi45MTA3NiAxNC40MTExTDExLjMyMTUgMTAuMDAwM0w2LjkxMDc2IDUuNTg5NThDNi41ODUzMyA1LjI2NDE0IDYuNTg1MzMgNC43MzY1MSA2LjkxMDc2IDQuNDExMDdaIiBmaWxsPSIjMkMyRTM1IiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8L3N2Zz4K);
  background-position: left top;
  background-repeat: no-repeat;
}
.packages-extended__item-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: auto;
}
.packages-extended__item-footer a {
  width: 100%;
}
.packages-extended__item-more-btn {
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  column-gap: 8px;
}
.packages-extended__item-more-btn .svg-icon {
  width: 24px;
  height: 24px;
}
.packages-extended__item-stock-btn {
  align-self: stretch;
}
.packages-extended__navigation {
  margin-top: 32px;
}
.packages-extended__navigation-wrap {
  display: flex;
  justify-content: space-between;
}
.packages-extended .swiper-wrapper {
  align-items: stretch;
}
.packages-extended .swiper-wrapper.centered {
  justify-content: center;
}
@media (min-width: 600px) {
  .packages-extended__slider {
    padding-left: 48px;
    padding-right: 48px;
    margin-left: -48px;
    margin-right: -48px;
  }
  .packages-extended__item {
    padding-left: 24px;
    padding-right: 24px;
  }
  .packages-extended__navigation {
    margin-top: 32px;
  }
}
@media (min-width: 960px) {
  .packages-extended__slider {
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 1280px) {
  .packages-extended__item {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1720px) {
  .packages-extended__item {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (max-width: 959.98px) {
  .packages-extended__item-params {
    flex-direction: column;
    row-gap: 0;
  }
  .packages-extended__item-param {
    flex-direction: row;
    justify-content: space-between;
    border-right: none;
    padding: 8px 0;
    border-bottom: 1px solid rgba(44, 46, 53, 0.6);
  }
  .packages-extended__navigation-wrap {
    flex-direction: column-reverse;
    gap: 28px;
  }
}

.media-fullscreen .text-content li:not(:last-child) {
  margin-bottom: 12px;
}
.media-fullscreen {
  position: relative;
  overflow: hidden;
}
.media-fullscreen__flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.media-fullscreen__title-wrap {
  z-index: 1;
  position: relative;
}
.media-fullscreen__title {
  position: relative;
  z-index: 1;
  text-align: left;
  padding: 40px 0 56px;
}
.media-fullscreen__img-wrap::before {
  padding-top: 56.3888888889%;
}
.media-fullscreen__content {
  position: relative;
  z-index: 1;
}
.media-fullscreen__content-wrap {
  display: flex;
  flex-direction: column;
}
.media-fullscreen__btns {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.media-fullscreen__pagination-before-title {
  position: relative;
  bottom: auto;
}
.media-fullscreen .swiper-counter-current {
  color: #fff !important;
}
@media (min-width: 600px) {
  .media-fullscreen .text-content li:not(:last-child) {
    margin-bottom: 12px;
  }
  .media-fullscreen__title {
    padding: 52px 0 64px;
  }
  .media-fullscreen__btns {
    gap: 24px;
  }
}
@media (min-width: 960px) {
  .media-fullscreen {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 56px);
    height: calc(100svh - 56px);
  }
  .main-landing-without-header .media-fullscreen, .main-landing-without-header-footer .media-fullscreen {
    height: 100vh;
  }
  .media-fullscreen__title-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: rotate(180deg);
    background: linear-gradient(360deg, rgba(245, 246, 247, 0.4) 0.01%, rgba(245, 246, 247, 0) 100%);
  }
  [class*=theme-dark] .media-fullscreen__title-wrap::before {
    background: linear-gradient(360deg, rgba(48, 60, 72, 0.4) 0.01%, rgba(48, 60, 72, 0) 100%);
  }
  .media-fullscreen__title {
    text-align: left;
    padding: 64px 0 56px;
  }
  .media-fullscreen__img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .media-fullscreen__img-wrap:before {
    display: none;
  }
  .media-fullscreen__content {
    margin: auto 64px 64px auto;
    width: 50%;
  }
  .media-fullscreen__content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 16px;
  }
  [class*=theme-dark] .media-fullscreen__content::before {
    background: rgba(44, 46, 53, 0.8);
  }
  .media-fullscreen__btns {
    flex-direction: row;
    gap: 16px;
  }
  .media-fullscreen {
    height: auto;
    min-height: calc(100vh - 60px);
    min-height: var(--media-fullscreen-height, calc(100svh - 60px));
  }
}
@media (min-width: 1280px) {
  .media-fullscreen {
    min-height: calc(100vh - 72px);
    min-height: var(--media-fullscreen-height, calc(100svh - 72px));
  }
  .media-fullscreen .text-content li:not(:last-child) {
    margin-bottom: 16px;
  }
}
@media (min-width: 1720px) {
  .media-fullscreen {
    min-height: calc(100vh - 80px);
    min-height: var(--media-fullscreen-height, calc(100svh - 80px));
  }
  .media-fullscreen .text-content li:not(:last-child) {
    margin-bottom: 20px;
  }
  .media-fullscreen__title {
    padding-top: 76px;
  }
}
@media (max-width: 959.98px) {
  .media-fullscreen__pagination-before-title {
    bottom: 0;
    position: absolute;
    margin-bottom: 0;
  }
}

.slider-fullscreen {
  position: relative;
}
.slider-fullscreen .swiper-wrapper {
  align-items: stretch;
}
.slider-fullscreen .swiper-slide {
  height: auto;
}
.slider-fullscreen__pagination {
  padding-bottom: 56px;
}
.slider-fullscreen__title {
  padding-top: 56px;
}
.slider-fullscreen__title.small-caps {
  color: rgba(245, 245, 245, 0.6);
}
.slider-fullscreen__line {
  background-color: rgba(245, 245, 245, 0.4);
  height: 1px;
  width: 32px;
}
@media (min-width: 960px) {
  .slider-fullscreen__pagination {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    right: 122px;
    width: 100%;
    padding-bottom: 10em;
  }
  .slider-fullscreen__title {
    position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    z-index: 2;
    text-align: right;
    padding-top: 0;
  }
}
@media (min-width: 1720px) {
  .slider-fullscreen__pagination {
    padding-bottom: 76px;
  }
}
@media (max-width: 959.98px) {
  .slider-fullscreen:has(.slider-fullscreen__title) .media-fullscreen__title {
    padding-top: 20px;
  }
}

@media (min-width: 960px) {
  .slider-fullscreen .swiper-slide {
    display: flex;
    height: auto;
  }
  .slider-fullscreen .media-fullscreen {
    width: 100%;
  }
}

.cookie-notify {
  position: relative;
}
.cookie-notify::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  background: linear-gradient(180deg, #00a1e4, #0067b3);
}
@media (min-width: 600px) {
  .cookie-notify::before {
    width: 24px;
    clip-path: polygon(0 0, 100% 0, 40% 100%, 0 100%);
  }
}
.cookie-notify {
  position: fixed;
  z-index: 11;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  gap: 16px;
  padding: 20px 20px 20px 34px;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  color: #2c2e35;
  box-shadow: 0 -12px 40px rgba(16, 24, 32, 0.16);
  overflow: hidden;
  animation: cookie-notify-in 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.cookie-notify[hidden] {
  display: none;
}
.cookie-notify--hidden-anim {
  animation: cookie-notify-out 0.4s ease both;
}
.cookie-notify__close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #f4f6f8;
  color: #101820;
  cursor: pointer;
}
.cookie-notify__title {
  padding-right: 40px;
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.3;
}
@media (min-width: 600px) {
  .cookie-notify__title {
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  .cookie-notify__title {
    font-size: 24px;
  }
}
@media (min-width: 1720px) {
  .cookie-notify__title {
    font-size: 28px;
  }
}
.cookie-notify__title {
  color: #101820;
}
.cookie-notify__text-wrap {
  margin-top: 8px;
}
.cookie-notify__text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(44, 46, 53, 0.75);
}
.opened .cookie-notify__text {
  display: block;
}
.cookie-notify__text a {
  color: #101820;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cookie-notify__text a:hover {
  color: #0067b3;
}
.cookie-notify__toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 13px;
  color: #101820;
  cursor: pointer;
}
.cookie-notify__toggle svg {
  transition: transform 0.3s ease-in-out;
}
.cookie-notify__toggle.opened svg {
  transform: rotate(180deg);
}
.cookie-notify__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.cookie-notify__actions .btn {
  flex: 1 1 160px;
  justify-content: center;
  white-space: nowrap;
}
@media (min-width: 960px) {
  .cookie-notify {
    left: 48px;
    right: 48px;
    bottom: 24px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 40px;
    max-width: calc(1720px - 128px);
    margin: 0 auto;
    padding: 24px 32px 24px 56px;
    border-radius: 5px;
    box-shadow: 0 24px 60px rgba(16, 24, 32, 0.22);
  }
  .cookie-notify__close {
    display: none;
  }
  .cookie-notify__title {
    padding-right: 0;
  }
  .cookie-notify__text {
    display: block;
  }
  .cookie-notify__toggle {
    display: none;
  }
  .cookie-notify__actions {
    flex-wrap: nowrap;
  }
  .cookie-notify__actions .btn {
    flex: 0 0 auto;
  }
}
@media (min-width: 1280px) {
  .cookie-notify {
    left: 64px;
    right: 64px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cookie-notify, .cookie-notify--hidden-anim {
    animation: none;
  }
}

@keyframes cookie-notify-in {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
}
@keyframes cookie-notify-out {
  to {
    opacity: 0;
    transform: translateY(24px);
  }
}
.landing-header {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
  transition: all 0.3s ease-in-out;
}
.landing-header.theme-dark {
  background: #2c2e35;
}
.landing-header__main {
  display: flex;
  align-items: center;
  column-gap: 20px;
  height: 48px;
}
.landing-header__logo {
  flex-shrink: 0;
}
.landing-header__logo img {
  display: block;
  height: 24px;
}
.landing-header__contacts {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
}
.landing-header__contacts:after {
  content: "";
  position: absolute;
  top: 0;
  left: -100px;
  right: -100px;
  height: 1px;
  background-color: rgba(44, 46, 53, 0.1);
}
.landing-header__contacts-address {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 24px;
}
.landing-header__contacts-address-icon {
  fill: currentColor;
}
.landing-header__contacts-phone {
  display: flex;
  color: inherit;
  text-decoration: none;
}
.landing-header__contacts-phone-icon {
  fill: currentColor;
}
.landing-header__contacts-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 8px;
  width: 100%;
  cursor: pointer;
}
.landing-header__contacts-label.active .landing-header__contacts-label-icon {
  transform: scaleY(-1);
}
.landing-header__contacts-label-icon {
  fill: currentColor;
}
.landing-header__contacts-list-wrap {
  position: fixed;
  top: 96px;
  left: 0;
  width: 100%;
  display: none;
  background: linear-gradient(0deg, rgba(245, 245, 245, 0.8) 0, rgba(245, 245, 245, 0.8) 100%), #fff;
}
.theme-dark .landing-header__contacts-list-wrap {
  background: #2c2e35;
}
.landing-header__contacts-list-wrap.active {
  display: block;
}
.landing-header__contacts-list {
  list-style: none;
}
.landing-header__contacts-item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 20px 0;
}
.landing-header__contacts-item:not(.landing-header__contacts-item:last-of-type) {
  border-bottom: 1px solid rgba(44, 46, 53, 0.1);
}
.theme-dark .landing-header__contacts-item:not(.landing-header__contacts-item:last-of-type) {
  border-color: rgba(245, 245, 245, 0.1);
}
.landing-header__contacts-item-phone {
  color: inherit;
  text-decoration: none;
}
.landing-header__contacts-item-num {
  display: none;
  font-weight: 700;
  white-space: nowrap;
}
.landing-header__contacts-item-icon {
  display: block;
  width: 24px;
  height: 24px;
  fill: currentColor;
}
@media (min-width: 600px) {
  .landing-header__contacts-item {
    padding: 24px 0;
  }
}
@media (min-width: 1280px) {
  .landing-header__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .landing-header__main {
    column-gap: 32px;
    height: 64px;
  }
  .landing-header__logo img {
    height: 40px;
  }
  .landing-header__contacts {
    height: auto;
  }
  .landing-header__contacts:after {
    display: none;
  }
  .landing-header__contacts-address {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .landing-header__contacts-phone {
    align-items: center;
    gap: 8px;
  }
  .landing-header__contacts-phone span {
    font-weight: 700;
    white-space: nowrap;
  }
  .landing-header__contacts-label {
    display: none;
  }
  .landing-header__contacts-list-wrap {
    position: initial;
    display: flex;
    padding: 0 0 0 24px !important;
    margin: 0 0 0 auto;
    background: 0 0;
  }
  .landing-header__contacts-list {
    display: flex;
    gap: 24px;
  }
  .landing-header__contacts-item {
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    padding: 0;
  }
  .landing-header__contacts-item:not(.landing-header__contacts-item:first-of-type) {
    border-top: none;
  }
  .landing-header__contacts-item:not(.landing-header__contacts-item:last-of-type) {
    border-bottom: none;
  }
  .landing-header__contacts-item-num {
    display: inline-block;
  }
  .landing-header__contacts-item-icon {
    display: none;
  }
  .landing-header__contacts-item-name {
    font-size: 12px;
    line-height: 1.3;
  }
}

.landing-footer a {
  color: inherit;
  text-decoration: none;
}
.landing-footer__copy {
  flex-shrink: 0;
  margin-right: 16px;
}
.landing-footer__links {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.landing-footer__creator {
  flex-shrink: 0;
  margin-top: 40px;
}
.landing-footer__creator-link {
  display: flex;
  column-gap: 8px;
  align-items: center;
}
.landing-footer__creator-link:after {
  display: block;
  content: "";
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.88873 1.85383C6.69767 0.645139 8.82441 0 11 0C13.4803 0.00261919 15.8735 0.841918 17.8023 2.36135L15.2497 5.21337H17.2772L18.9174 3.37048C20.8904 5.41775 21.997 8.15148 22 11C22 13.1756 21.3549 15.3023 20.1462 17.1113C18.9375 18.9202 17.2195 20.3301 15.2095 21.1627C13.1995 21.9952 10.9878 22.2131 8.85401 21.7886C6.72022 21.3642 4.76021 20.3165 3.22183 18.7782C1.68345 17.2398 0.635804 15.2798 0.211367 13.146C-0.213071 11.0122 0.00476613 8.80047 0.83733 6.79048C1.66989 4.78049 3.07979 3.06253 4.88873 1.85383ZM10.3853 15.7447H5.91483V14.1543H7.27602L10.0056 11.088L7.04677 7.89993H5.90713V6.31665H10.3781V7.89993H9.28915L11.0945 9.89874L12.8999 7.89993H11.682V6.31665H16.2742L12.162 10.8946L15.0921 14.1543H16.045V15.7447H11.6318V14.1757H12.7996L11.03 12.1268L9.19602 14.1543H10.3853V15.7447Z' fill='url(%23paint0_radial_15520_4216)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_15520_4216' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(19 19) rotate(-135) scale(22.6274 22.9043)'%3E%3Cstop stop-color='%23EE2087'/%3E%3Cstop offset='0.327778' stop-color='%23B224B2'/%3E%3Cstop offset='0.666667' stop-color='%23853DCC'/%3E%3Cstop offset='1' stop-color='%235252CC'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
}
@media (min-width: 600px) {
  .landing-footer__links {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .landing-footer__creator {
    margin-top: 52px;
  }
}
@media (min-width: 1280px) {
  .landing-footer__links {
    margin-top: 0;
  }
  .landing-footer__creator {
    margin-top: 0;
    margin-left: auto;
  }
}

.header {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100%;
  color: #101820;
  transition: transform 0.3s ease-in-out;
}
.header--hidden {
  transform: translateY(-100%);
}
.header--transparent {
  color: #fff;
}
.header--transparent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0, rgba(0, 0, 0, 0.18) 55%, rgba(0, 0, 0, 0) 100%);
}
.header--transparent .header__wrap {
  background-color: transparent;
  box-shadow: none;
}
.header--transparent .menu {
  box-shadow: none;
}
.header--transparent .header-links__item {
  color: #fff;
}
.header--transparent .header-links__icon {
  fill: currentColor;
}
.header--transparent .header__burger {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 6C3 5.44772 3.44772 5 4 5H20C20.5523 5 21 5.44772 21 6C21 6.55228 20.5523 7 20 7H4C3.44772 7 3 6.55228 3 6ZM3 12C3 11.4477 3.44772 11 4 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H4C3.44772 13 3 12.5523 3 12ZM3 18C3 17.4477 3.44772 17 4 17H14C14.5523 17 15 17.4477 15 18C15 18.5523 14.5523 19 14 19H4C3.44772 19 3 18.5523 3 18Z' fill='%23FFFFFF' /%3E%3Cpath d='M18 18C18 17.4477 18.4477 17 19 17H20C20.5523 17 21 17.4477 21 18C21 18.5523 20.5523 19 20 19H19C18.4477 19 18 18.5523 18 18Z' fill='%23FFFFFF' /%3E%3C/svg%3E");
}
.header.active .header__wrap {
  transition: none;
}
.header__wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 56px;
  padding: 0 24px;
  margin: 0;
  background-color: #fff;
  box-shadow: 0 4px 16px 0 rgba(44, 46, 53, 0.16), 0 0 8px 0 rgba(44, 46, 53, 0.04);
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.header__logo {
  height: 30px;
  width: 50px;
}
.header__logo a, .header__logo svg {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
  min-height: 100%;
  color: inherit;
  text-decoration: none;
}
.header__logo-desktop {
  display: none !important;
}
.header__links-wrap {
  display: flex;
  align-items: center;
}
.header__header-links {
  display: none;
}
.header__burger {
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-left: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 6C3 5.44772 3.44772 5 4 5H20C20.5523 5 21 5.44772 21 6C21 6.55228 20.5523 7 20 7H4C3.44772 7 3 6.55228 3 6ZM3 12C3 11.4477 3.44772 11 4 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H4C3.44772 13 3 12.5523 3 12ZM3 18C3 17.4477 3.44772 17 4 17H14C14.5523 17 15 17.4477 15 18C15 18.5523 14.5523 19 14 19H4C3.44772 19 3 18.5523 3 18Z' fill='%232C2E35' /%3E%3Cpath d='M18 18C18 17.4477 18.4477 17 19 17H20C20.5523 17 21 17.4477 21 18C21 18.5523 20.5523 19 20 19H19C18.4477 19 18 18.5523 18 18Z' fill='%232C2E35' /%3E%3C/svg%3E") center no-repeat;
}
.header__burger--open {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.29289 3.29289C3.68342 2.90237 4.31658 2.90237 4.70711 3.29289L12 10.5858L19.2929 3.29289C19.6834 2.90237 20.3166 2.90237 20.7071 3.29289C21.0976 3.68342 21.0976 4.31658 20.7071 4.70711L13.4142 12L20.7071 19.2929C21.0976 19.6834 21.0976 20.3166 20.7071 20.7071C20.3166 21.0976 19.6834 21.0976 19.2929 20.7071L12 13.4142L4.70711 20.7071C4.31658 21.0976 3.68342 21.0976 3.29289 20.7071C2.90237 20.3166 2.90237 19.6834 3.29289 19.2929L10.5858 12L3.29289 4.70711C2.90237 4.31658 2.90237 3.68342 3.29289 3.29289Z' fill='%232C2E35' /%3E%3C/svg%3E") center no-repeat;
}
@media (min-width: 600px) {
  .header__wrap {
    height: 60px;
  }
  .header__logo {
    height: 32px;
    width: 53px;
  }
  .header__header-links {
    display: block;
  }
}
@media (min-width: 960px) {
  .header--transparent .menu__list {
    background-color: transparent;
  }
  .header--transparent .menu__link {
    color: #fff;
  }
  .header__wrap {
    padding: 0 64px;
  }
}
@media (min-width: 960px) and (min-width: 960px) and (max-width: 1279.98px) {
  .header__wrap {
    padding: 0 48px;
  }
}
@media (min-width: 960px) {
  .header__wrap > .header__links-wrap, .header__wrap > .header__logo {
    position: relative;
    z-index: 2;
  }
  .header__wrap > .menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    box-shadow: none;
    pointer-events: none;
    z-index: 1;
  }
  .header__wrap > .menu .menu-dropdown, .header__wrap > .menu .menu__list {
    pointer-events: auto;
  }
  .header__wrap > .menu .menu__list {
    margin-left: 0;
  }
  .header__logo {
    height: 24px;
    width: 128px;
  }
  .header__logo-mobile {
    display: none !important;
  }
  .header__logo-desktop {
    display: block !important;
  }
  .header__burger {
    display: none;
  }
}
@media (min-width: 1280px) {
  .header__wrap {
    height: 72px;
  }
  .header__logo {
    height: 28px;
    width: 148px;
  }
}
@media (min-width: 1720px) {
  .header__wrap {
    height: 80px;
  }
  .header__logo {
    height: 28.76px;
    width: 152px;
  }
}
@media (max-width: 1279.98px) {
  .header__header-links .header-links {
    flex-direction: row;
    padding: 0;
    background-color: transparent;
  }
  .header__header-links .header-links__item {
    padding: 0;
    margin-top: 0;
  }
  .header__header-links .header-links__item:not(:first-of-type) {
    margin-left: 24px;
  }
  .header__header-links .header-links__item span {
    display: none;
  }
  .header__header-links .header-links__support {
    display: none;
  }
}
@media (max-width: 959.98px) {
  .active .header__wrap {
    padding: 0 24px;
  }
}

.header-links {
  height: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  padding-left: 24px;
  padding-right: 24px;
  background-color: #f4f6f8;
}
.header-links__wrap {
  display: flex;
  align-items: center;
}
.header-links__item {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  text-align: left;
}
.header-links__icon {
  width: 20px;
  height: 20px;
}
.header-links__support {
  display: block;
}
.header-links__support-link {
  text-decoration: none;
  color: inherit;
}
.header-links__support-label {
  margin-bottom: 8px;
}
@media (min-width: 600px) {
  .header-links {
    padding-right: 48px;
    padding-left: 48px;
  }
}
@media (min-width: 960px) {
  .header-links {
    flex-direction: row;
    align-self: center;
    padding: 0;
    margin-left: auto;
    background-color: transparent;
  }
  .header-links.pb-xl, .header-links.pt-lg {
    padding: 0;
  }
  .header-links__item {
    flex-direction: row;
    margin-left: 24px;
    padding: 0;
  }
  .header-links__item span {
    display: none;
  }
  .header-links__support {
    display: none;
  }
}
@media (min-width: 1280px) {
  .header-links__icon {
    order: 1;
  }
}
@media (min-width: 1440px) {
  .header-links__item span {
    display: inline-block;
  }
}
@media (min-width: 1720px) {
  .header-links__item {
    flex-grow: initial;
  }
}

.menu {
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
  top: 56px;
}
.menu__back {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 18px 24px;
  background-color: #f4f6f8;
}
.menu__back::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.70711 5.61809C9.09763 6.00861 9.09763 6.64178 8.70711 7.0323L4.41421 11.3252H22C22.5523 11.3252 23 11.7729 23 12.3252C23 12.8775 22.5523 13.3252 22 13.3252H4.41421L8.70711 17.6181C9.09763 18.0086 9.09763 18.6418 8.70711 19.0323C8.31658 19.4228 7.68342 19.4228 7.29289 19.0323L1.29289 13.0323C0.902369 12.6418 0.902369 12.0086 1.29289 11.6181L7.29289 5.61809C7.68342 5.22756 8.31658 5.22756 8.70711 5.61809Z' fill='%232C2E35' /%3E%3C/svg%3E") center no-repeat;
}
.menu__list {
  list-style: none;
  background-color: #fff;
  margin-top: 20px;
}
.menu__list .menu__item.submenu--dropdown {
  position: relative;
}
.menu__link {
  position: relative;
  display: block;
  padding: 12px 24px;
  color: #000;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}
.menu__link--submenu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.menu__link--submenu:after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7442 4.68182C13.0697 4.35638 13.5973 4.35638 13.9228 4.68182L18.9228 9.68182C19.2482 10.0073 19.2482 10.5349 18.9228 10.8603L13.9228 15.8603C13.5973 16.1858 13.0697 16.1858 12.7442 15.8603C12.4188 15.5349 12.4188 15.0073 12.7442 14.6818L16.3217 11.1044L1.66683 11.1044C1.20659 11.1044 0.833496 10.7313 0.833496 10.2711C0.833496 9.81084 1.20659 9.43774 1.66683 9.43774L16.3217 9.43774L12.7442 5.86033C12.4188 5.5349 12.4188 5.00726 12.7442 4.68182Z' fill='%232C2E35' /%3E%3C/svg%3E") center no-repeat;
}
.menu__header-links {
  height: 100%;
}
.menu__header-links .header-links__wrap {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 600px) {
  .menu {
    top: 60px;
  }
  .menu__back::before {
    width: 24px;
    height: 24px;
  }
  .menu__back {
    padding: 20px 48px;
  }
  .menu__back:after {
    left: 48px;
  }
  .menu__list {
    margin-top: 24px;
  }
  .menu__link {
    padding: 16px 48px;
  }
  .menu__link--submenu:after {
    width: 24px;
    height: 24px;
  }
  .menu__header-links .header-links__wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (min-width: 960px) {
  .menu {
    overflow-x: initial;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    padding: 0;
    border: 0;
    box-shadow: 0 4px 10px 0 var(--t-dark-10);
  }
  .menu__back {
    display: none;
  }
  .menu__list {
    border-top: none;
    display: flex;
    gap: 8px;
    margin-left: 32px;
    margin-top: 0;
  }
  .menu__link {
    padding: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
  .menu__list > .menu__item > .menu__link {
    white-space: nowrap;
  }
}
@media (min-width: 960px) and (min-width: 960px) and (max-width: 1279.98px) {
  .menu__list {
    gap: 2px;
    margin-left: 16px;
  }
  .menu__link {
    padding: 12px 8px;
  }
}
@media (min-width: 960px) {
  .menu__link:hover {
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
  }
  .menu__link--submenu:after {
    display: none;
  }
  .menu__header-links {
    display: none;
  }
}
@media (min-width: 1280px) {
  .menu {
    top: 72px;
  }
}
@media (min-width: 1720px) {
  .menu {
    top: 80px;
  }
  .menu__list {
    margin-left: 40px;
  }
  .menu__link {
    padding: 14px;
  }
}
@media (max-width: 959.98px) {
  .menu {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    visibility: none;
    background-color: #fff;
  }
  .menu--close, .menu--open {
    transition: all 0.3s ease-in-out;
  }
  .menu--open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

.menu-dropdown {
  z-index: 11;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 4px 16px 0 rgba(44, 46, 53, 0.16), 0 0 8px 0 rgba(44, 46, 53, 0.04);
}
.menu-dropdown.submenu--dropdown {
  padding: 16px 24px;
  width: auto;
  left: auto;
  right: 0;
}
@media (min-width: 960px) {
  .menu-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    transition: opacity 0.3s, transform 0.3s;
  }
  .menu-dropdown--open {
    visibility: visible;
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 959.98px) {
  .menu-dropdown {
    position: fixed;
    top: 56px;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-y: auto;
    transform: translateX(100%);
    pointer-events: none;
  }
  .menu-dropdown--close, .menu-dropdown--open {
    transition: transform 0.3s;
  }
  .menu-dropdown--open {
    transform: none;
    pointer-events: auto;
  }
}

.menu-lev2 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.menu-lev2__container {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  flex-grow: 1;
}
.menu-lev2__row {
  display: flex;
  flex-direction: column-reverse;
}
.menu-lev2__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.menu-lev2__title {
  display: block;
  text-decoration: none;
  padding: 8px 24px;
}
.menu-lev2__list {
  list-style: none;
}
.menu-lev2__item {
  color: inherit;
}
.menu-lev2__link {
  display: block;
  color: #101820;
  text-decoration: none;
  padding: 8px 24px;
}
@media (min-width: 600px) {
  .menu-lev2__content {
    gap: 24px;
  }
  .menu-lev2__title {
    padding: 8px 48px;
    border: 0;
    margin: 0;
  }
  .menu-lev2__title:not(:first-child) {
    margin-top: 24px;
  }
  .menu-lev2__list {
    margin: 0;
  }
  .menu-lev2__link {
    display: inline-block;
    padding: 8px 48px;
  }
}
@media (min-width: 960px) {
  .menu-lev2__container {
    display: grid;
    grid-template-columns: 22% 1fr 22%;
    gap: 24px;
    justify-content: unset;
  }
  .menu-lev2__row {
    flex-direction: row;
    justify-content: space-between;
  }
  .menu-lev2__content {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
  .menu-lev2__title {
    padding: 0;
  }
  .menu-lev2__item {
    margin-top: 8px;
  }
  .menu-lev2__link {
    padding: 0;
  }
  .menu-lev2__link.main-text, .menu-lev2__link.tab-item {
    font-size: 14px;
  }
}
@media (min-width: 1280px) {
  .menu-lev2__container {
    grid-template-columns: 24.41% 1fr 24.41%;
    gap: 32px;
  }
}
@media (max-width: 1279.98px) {
  .menu-lev2__list.mt-sm {
    margin-top: 0;
  }
}
@media (max-width: 959.98px) {
  .menu-lev2.pt-md {
    padding-top: 0;
  }
  .menu-lev2__content.pt-md {
    padding-top: 24px;
  }
}
@media (max-width: 599.98px) {
  .menu-lev2__content.pt-md {
    padding-top: 20px;
  }
}

.menu-models__item-title span {
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.5;
}
.menu-models__item-title [class*=theme-dark] span, [class*=theme-dark] .menu-models__item-title span {
  color: #fff;
}
.menu-models__item-title [class*=theme-medium] span, [class*=theme-medium] .menu-models__item-title span {
  color: #2c2e35;
}
.menu-models__item-title [class*=theme-light] span, [class*=theme-light] .menu-models__item-title span {
  color: #2c2e35;
}
.menu-models {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.menu-models__list {
  display: grid;
  list-style: none;
  grid-template-columns: 1fr;
  gap: 20px;
  padding-left: 24px;
  padding-right: 24px;
}
.menu-models__item-title {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}
.menu-models__item-title span {
  color: rgba(44, 46, 53, 0.8);
}
.menu-models__item-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #f4f6f8;
  border-radius: 16px;
}
.menu-models__item-top {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #f4f6f8;
}
.menu-models__item-img {
  width: 100%;
}
.menu-models__item-img.responsive-media::before {
  padding-top: 46.93%;
}
.menu-models__item-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 16px;
  padding-right: 16px;
}
.menu-models__item-footer {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: auto;
  border-top: 1px solid rgba(44, 46, 53, 0.1);
}
.menu-models__item-footer::before {
  content: "";
  order: 2;
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0 23px;
}
.menu-models__item-price {
  color: #2c2e35;
  height: 100%;
  margin-top: 8px;
}
.menu-models__item-available {
  position: relative;
  display: flex;
  align-items: center;
  order: 3;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  padding: 0;
  border: none;
}
.menu-models__item-available.btn:hover {
  background-color: transparent;
  color: initial;
}
.menu-models__item-available.btn:hover svg {
  fill: initial;
}
.menu-models__item-available svg {
  width: 20px;
  height: 20px;
  margin-left: 6px;
}
.menu-models__item-btn {
  display: flex;
  align-items: center;
  order: 1;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  padding: 0;
  border: none;
}
.menu-models__item-btn.btn {
  color: #000;
  white-space: nowrap;
}
.menu-models__item-btn.btn:hover {
  background-color: transparent;
  color: initial;
}
.menu-models__item-btn.btn:hover svg {
  fill: initial;
}
.menu-models__item-btn svg {
  width: 20px;
  height: 20px;
  margin-left: 6px;
}
.menu-models__promo {
  order: 2;
  display: none;
}
.menu-models__promo .menu-promo {
  position: static !important;
  margin: 0 !important;
  width: auto !important;
}
@media (min-width: 600px) {
  .menu-models__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    row-gap: 24px;
    padding-left: 48px;
    padding-right: 48px;
  }
  .menu-models__item-title {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  .menu-models__item-title span {
    margin-right: auto;
  }
  .menu-models__item-top {
    padding-left: 24px;
    padding-right: 24px;
  }
  .menu-models__item-img.responsive-media::before {
    padding-top: 50%;
  }
  .menu-models__item-info {
    padding-left: 24px;
    padding-right: 24px;
  }
  .menu-models__item-footer {
    justify-content: space-between;
  }
  .menu-models__item-footer::before {
    margin: 0 auto;
  }
}
@media (min-width: 960px) {
  .menu-models__item-title span.menu-lev2__link {
    font-size: 14px;
  }
  .menu-models {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 60px);
  }
  .menu-models__sideblock {
    width: 32.5%;
  }
  .menu-models__list {
    flex: 1;
    column-gap: 24px;
    row-gap: 32px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .menu-models__list.pt-sm {
    padding-top: 32px;
  }
  .menu-models__item:nth-child(1) {
    order: 1;
  }
  .menu-models__item:nth-child(n+2) {
    order: 3;
  }
  .menu-models__promo {
    display: block;
  }
  .menu-models .menu-sideblock {
    width: 100%;
  }
  .menu-models .menu-promo {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }
}
@media (min-width: 1280px) {
  .menu-models {
    max-height: calc(100vh - 72px);
  }
  .menu-models__sideblock {
    min-width: 336px;
    width: 24.42%;
  }
  .menu-models__list {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 32px;
    row-gap: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }
  .menu-models__item:nth-child(2) {
    order: 1;
  }
  .menu-models__item-footer {
    justify-content: start;
  }
}
@media (min-width: 1720px) {
  .menu-models__item-title span {
    font-size: 18px;
  }
  .menu-models {
    max-height: calc(100vh - 80px);
  }
  .menu-models__list {
    row-gap: 36px;
  }
  .menu-models__list.pt-sm {
    padding-top: 36px;
  }
}
@media (max-width: 959.98px) {
  .menu-models.pt-md {
    padding-top: 0;
  }
}
@media (max-width: 599.98px) {
  .menu-models .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.menu-sideblock {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 28px;
  background-color: #f4f6f8;
  padding-left: 32px;
  padding-right: 32px;
  height: 100%;
}
.menu-sideblock__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  text-decoration: none;
}
.menu-sideblock__item.mt-xs:first-child {
  margin-top: 0;
}
.menu-sideblock__item span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #000;
}
.menu-sideblock__item svg {
  flex-shrink: 0;
  height: 20px;
  width: 20px;
}
.menu-sideblock__support-phone {
  display: inline-block;
  text-decoration: none;
  margin-top: 8px;
}
@media (min-width: 600px) {
  .menu-sideblock {
    gap: 32px;
  }
}
@media (min-width: 960px) {
  .menu-sideblock {
    flex-direction: column;
  }
  .menu-sideblock.pt-lg {
    padding-top: 32px;
  }
  .menu-sideblock.pb-xl {
    padding-bottom: 64px;
  }
}
@media (min-width: 1280px) {
  .menu-sideblock {
    gap: 32px;
  }
}
@media (min-width: 1720px) {
  .menu-sideblock {
    gap: 36px;
  }
  .menu-sideblock.pt-lg {
    padding-top: 36px;
  }
  .menu-sideblock.pb-xl {
    padding-bottom: 76px;
  }
}

.menu-promo {
  display: flex;
  flex-direction: column;
  margin-right: 32px;
  background-color: #f4f6f8;
  overflow: hidden;
  border-radius: 16px;
  color: inherit;
  text-decoration: none;
}
.menu-promo__image.responsive-media::before {
  padding-top: 66.44%;
}
.menu-promo__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 24px;
}
.menu-promo__btn {
  margin-top: auto;
  align-self: flex-start;
}

.footer {
  color: #101820;
  background-color: #fff;
  width: 100%;
}
.footer__menu-title {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.footer__menu-section.mt-lg:first-child {
  margin-top: 0;
}
.footer__menu-item {
  position: relative;
  -webkit-tap-highlight-color: transparent;
}
.footer__menu-item:not(:last-of-type):before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 12px;
  right: 12px;
  height: 1px;
  background-color: rgba(44, 46, 53, 0.1);
}
.footer__menu-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer__menu-link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.footer__menu-link.mb-sm:last-of-type {
  margin-bottom: 0;
}
.footer__collapse-header {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.footer__collapse-header:after {
  display: block;
  content: "";
  right: 0;
  width: 24px;
  height: 24px;
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.0306 9.53055L12.5306 17.0306C12.4609 17.1003 12.3782 17.1556 12.2871 17.1933C12.1961 17.2311 12.0985 17.2505 11.9999 17.2505C11.9014 17.2505 11.8038 17.2311 11.7127 17.1933C11.6217 17.1556 11.539 17.1003 11.4693 17.0306L3.9693 9.53055C3.82857 9.38982 3.74951 9.19895 3.74951 8.99993C3.74951 8.80091 3.82857 8.61003 3.9693 8.4693C4.11003 8.32857 4.30091 8.24951 4.49993 8.24951C4.69895 8.24951 4.88982 8.32857 5.03055 8.4693L11.9999 15.4396L18.9693 8.4693C19.039 8.39962 19.1217 8.34435 19.2128 8.30663C19.3038 8.26892 19.4014 8.24951 19.4999 8.24951C19.5985 8.24951 19.6961 8.26892 19.7871 8.30663C19.8781 8.34435 19.9609 8.39962 20.0306 8.4693C20.1002 8.53899 20.1555 8.62171 20.1932 8.71276C20.2309 8.8038 20.2503 8.90138 20.2503 8.99993C20.2503 9.09847 20.2309 9.19606 20.1932 9.2871C20.1555 9.37815 20.1002 9.46087 20.0306 9.53055Z' fill='%23101820'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.footer__collapse-content {
  overflow: hidden;
  transition: height 0.2s;
}
.footer__collapse--open .footer__collapse-header:after {
  transform: rotate(180deg);
}
.footer__logo {
  width: 80px;
  height: 40px;
}
.footer__logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.footer__contacts {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
}
.footer__contacts::before, .footer__contacts::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  height: 1px;
  background-color: rgba(44, 46, 53, 0.1);
}
@media (min-width: 1280px) {
  .footer__contacts::before, .footer__contacts::after {
    left: 16px;
    right: 16px;
  }
}
@media (min-width: 1720px) {
  .footer__contacts::before, .footer__contacts::after {
    left: 20px;
    right: 20px;
  }
}
.footer__contacts::before {
  top: 0;
}
.footer__contacts::after {
  bottom: 0;
}
.footer__contacts-title {
  color: rgba(44, 46, 53, 0.6);
  margin-bottom: 8px;
}
.footer__contacts-phone {
  color: inherit;
  text-decoration: none;
}
.footer__media-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px 16px;
}
.footer__media {
  display: flex;
}
.footer__media-title {
  margin-bottom: 8px;
}
.footer__media-link {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(44, 46, 53, 0.1);
  transition: background-color 0.3s ease-in-out;
}
.footer__media-link:hover, .footer__media-link:focus-visible {
  background-color: #0b71bb;
}
.footer__media-link:hover .footer__media-icon, .footer__media-link:focus-visible .footer__media-icon {
  fill: #fff;
}
.footer__media-link:not(:last-of-type) {
  margin-right: 16px;
}
.footer__media-link span {
  display: none;
}
.footer__media-icon {
  width: 32px;
  height: 32px;
  fill: #000;
  transition: fill 0.3s ease-in-out;
}
.footer__anchor {
  display: flex;
  align-items: flex-start;
  margin: 0 12px;
}
.footer__links {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 20px;
}
.footer__copy {
  margin-bottom: 24px;
}
.footer__copy:has(+ .footer__note) {
  margin-bottom: 0;
}
.footer__note {
  margin-top: 8px;
  margin-bottom: 24px;
}
.footer__note p + p {
  margin-top: 4px;
}
@media (min-width: 960px) {
  .footer__note {
    margin-bottom: 0;
  }
}
.footer__legal {
  text-decoration: none;
  color: inherit;
}
.footer__creator {
  display: flex;
  align-items: center;
}
.footer__creator-link {
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.footer__creator-link:after {
  display: block;
  content: "";
  width: 22px;
  height: 22px;
  margin-left: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.88873 1.85383C6.69767 0.645139 8.82441 0 11 0C13.4803 0.00261919 15.8735 0.841918 17.8023 2.36135L15.2497 5.21337H17.2772L18.9174 3.37048C20.8904 5.41775 21.997 8.15148 22 11C22 13.1756 21.3549 15.3023 20.1462 17.1113C18.9375 18.9202 17.2195 20.3301 15.2095 21.1627C13.1995 21.9952 10.9878 22.2131 8.85401 21.7886C6.72022 21.3642 4.76021 20.3165 3.22183 18.7782C1.68345 17.2398 0.635804 15.2798 0.211367 13.146C-0.213071 11.0122 0.00476613 8.80047 0.83733 6.79048C1.66989 4.78049 3.07979 3.06253 4.88873 1.85383ZM10.3853 15.7447H5.91483V14.1543H7.27602L10.0056 11.088L7.04677 7.89993H5.90713V6.31665H10.3781V7.89993H9.28915L11.0945 9.89874L12.8999 7.89993H11.682V6.31665H16.2742L12.162 10.8946L15.0921 14.1543H16.045V15.7447H11.6318V14.1757H12.7996L11.03 12.1268L9.19602 14.1543H10.3853V15.7447Z' fill='url(%23paint0_radial_15520_4216)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_15520_4216' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(19 19) rotate(-135) scale(22.6274 22.9043)'%3E%3Cstop stop-color='%23EE2087'/%3E%3Cstop offset='0.327778' stop-color='%23B224B2'/%3E%3Cstop offset='0.666667' stop-color='%23853DCC'/%3E%3Cstop offset='1' stop-color='%235252CC'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
}
@media (min-width: 600px) {
  .footer__contacts {
    row-gap: 32px;
  }
  .footer__media-inner {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
  }
}
@media (min-width: 960px) {
  .footer.pb-xl {
    padding-bottom: 36px;
  }
  .footer.pb-xl {
    padding-bottom: 40px;
  }
  .footer__menu-title.p-sm {
    padding-top: 0;
  }
  .footer__menu-subtitle.mb-md {
    margin-bottom: 24px;
  }
  .footer__menu-section.mt-lg {
    margin-top: 32px;
  }
  .footer__menu-item:not(:last-of-type):before {
    content: none;
  }
  .footer__menu-link.mb-sm {
    margin-bottom: 12px;
  }
  .footer__collapse-header:after {
    content: none;
  }
  .footer__collapse-inner.pb-lg {
    padding-bottom: 0;
  }
  .footer__contacts {
    flex-direction: row;
  }
  .footer__anchor {
    justify-content: flex-end;
  }
  .footer__bottom {
    padding-top: 36px;
  }
  .footer__bottom {
    padding-top: 40px;
  }
  .footer__copy {
    margin-bottom: 0;
  }
  .footer__creator {
    justify-content: flex-end;
  }
  .footer__creator.mt-lg {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .footer__menu-subtitle.mb-md {
    margin-bottom: 24px;
  }
  .footer__menu-section.mt-lg {
    margin-top: 32px;
  }
  .footer__menu-link.mb-sm {
    margin-bottom: 16px;
  }
  .footer__media-wrap.col-lg-6 {
    flex: 1;
  }
  .footer__media-inner {
    column-gap: 32px;
  }
  .footer__anchor {
    margin: 0 16px;
  }
}
@media (min-width: 1720px) {
  .footer.pb-xl {
    padding-bottom: 48px;
  }
  .footer__menu-subtitle.mb-md {
    margin-bottom: 28px;
  }
  .footer__menu-section.mt-lg {
    margin-top: 36px;
  }
  .footer__menu-link.mb-sm {
    margin-bottom: 20px;
  }
  .footer__media-inner {
    column-gap: 40px;
  }
  .footer__anchor {
    margin: 0 20px;
  }
  .footer__bottom {
    padding-top: 48px;
  }
}
@media (max-width: 959.98px) {
  .footer.pt-lg {
    padding-top: 8px;
  }
  .footer__menu.pb-xl {
    padding-bottom: 0;
  }
  .footer__collapse-header.mb-sm {
    margin-bottom: 0;
    padding: 16px 0;
  }
  .footer__collapse-inner.pb-lg,
  .footer .js-footer-collapse-inner-content.pb-lg {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .footer__bottom {
    padding-top: 24px;
  }
  .footer__note {
    margin-bottom: 20px;
  }
  .footer__links {
    flex-direction: column;
    row-gap: 12px;
  }
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .breadcrumbs {
    font-size: 16px;
    line-height: 1.5;
  }
}
.breadcrumbs-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: inherit;
  text-decoration: none;
}
.breadcrumbs-link:last-child {
  color: rgba(44, 46, 53, 0.6);
}
.breadcrumbs-link:not(:last-child)::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1953 3.74507C10.4556 3.48472 10.8777 3.48472 11.1381 3.74507L15.1381 7.74507C15.3984 8.00542 15.3984 8.42753 15.1381 8.68788L11.1381 12.6879C10.8777 12.9482 10.4556 12.9482 10.1953 12.6879C9.93493 12.4275 9.93493 12.0054 10.1953 11.7451L13.0572 8.88314L1.33335 8.88314C0.965164 8.88314 0.666687 8.58466 0.666687 8.21647C0.666687 7.84828 0.965164 7.5498 1.33335 7.5498L13.0572 7.5498L10.1953 4.68788C9.93493 4.42753 9.93493 4.00542 10.1953 3.74507Z' fill='%232C2E35' fill-opacity='0.6' /%3E%3C/svg%3E") center no-repeat;
}
.breadcrumbs a.breadcrumbs-link:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.filter-tabs__row {
  overflow-x: auto;
  margin-bottom: 20px;
}
.filter-tabs__list {
  padding: 0;
  margin: 0;
}
.filter-tabs .tab-item a {
  color: inherit;
  text-decoration: none;
}

.form__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 24px;
  letter-spacing: normal;
  line-height: 1.1;
}
@media (min-width: 600px) {
  .form__title {
    font-size: 32px;
  }
}
@media (min-width: 1280px) {
  .form__title {
    font-size: 40px;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1720px) {
  .form__title {
    font-size: 48px;
  }
}
.form__title {
  margin-bottom: 28px;
}
@media (min-width: 1280px) {
  .form__title {
    margin-bottom: 40px;
  }
}
.form__text {
  margin-bottom: 28px;
}
.form__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px 24px;
}
@media (min-width: 600px) {
  .form__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.form__field {
  min-width: 0;
}
.form__field--full {
  grid-column: 1/-1;
}
.form__label {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: rgba(44, 46, 53, 0.8);
  margin-bottom: 10px;
}
.form__control {
  display: block;
  width: 100%;
  height: 52px;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  background-color: transparent;
  border: 2px solid rgba(44, 46, 53, 0.4);
  border-radius: 4px;
  transition: border-color 0.3s ease-in-out;
}
.form__control::placeholder {
  color: rgba(44, 46, 53, 0.4);
}
.form__control:hover {
  border-color: rgba(44, 46, 53, 0.6);
}
.form__control:focus, .form__control:focus-visible {
  border-color: #101820;
  outline: 0;
}
.form__control:disabled {
  color: rgba(44, 46, 53, 0.4);
  background-color: rgba(44, 46, 53, 0.1);
  cursor: not-allowed;
}
.form textarea.form__control {
  height: auto;
  min-height: 104px;
  resize: vertical;
}
.form select.form__control {
  appearance: none;
  padding-right: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23101820' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  cursor: pointer;
}
.form select.form__control:invalid {
  color: rgba(44, 46, 53, 0.4);
}
.form select.form__control option {
  color: #000;
}
.form__error {
  display: none;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.3;
  color: #d92d20;
}
.form__error.jax-visible {
  display: block;
}
.form__field:has(.jax-visible) .form__control {
  border-color: #d92d20;
}
.form__consents {
  display: grid;
  gap: 16px;
  margin-top: 28px;
}
.form__checkbox {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 32px;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(44, 46, 53, 0.8);
  cursor: pointer;
}
.form__checkbox a {
  color: #000;
  text-decoration: none;
}
.form__checkbox a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.form__checkbox-input {
  position: absolute;
  width: 32px;
  height: 32px;
  opacity: 0;
  cursor: pointer;
}
.form__checkbox-box {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border: 2px solid rgba(44, 46, 53, 0.6);
  border-radius: 4px;
  background: center/20px no-repeat;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.form__checkbox-input:checked + .form__checkbox-box {
  border-color: #0b71bb;
  background-color: #0b71bb;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form__checkbox-input:focus-visible + .form__checkbox-box {
  outline: 2px solid #101820;
  outline-offset: 2px;
}
.form__consent:has(.jax-visible) .form__checkbox-box {
  border-color: #d92d20;
}
.form__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  margin-top: 28px;
}
.form__note {
  margin-top: 20px;
  font-size: 12px;
  line-height: 1.3;
  color: rgba(44, 46, 53, 0.8);
}
.form__trap {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.form.jax-updating .btn, .form.is-loading .btn {
  opacity: 0.6;
  pointer-events: none;
}
[class*=theme-dark] .form__title {
  color: #fff;
}
[class*=theme-dark] .form__label, [class*=theme-dark] .form__checkbox, [class*=theme-dark] .form__note {
  color: rgba(245, 245, 245, 0.8);
}
[class*=theme-dark] .form__checkbox a {
  color: #fff;
}
[class*=theme-dark] .form__control {
  color: #fff;
  border-color: rgba(245, 245, 245, 0.4);
}
[class*=theme-dark] .form__control::placeholder {
  color: rgba(245, 245, 245, 0.4);
}
[class*=theme-dark] .form__control:focus {
  border-color: #fff;
}
[class*=theme-dark] .form__checkbox-box {
  border-color: rgba(245, 245, 245, 0.6);
}

.form-success {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 28px 24px;
  background-color: #fff;
  border-radius: 5px;
}
@media (min-width: 600px) {
  .form-success {
    padding: 40px 48px;
  }
}
.form-success__icon {
  fill: #0ac03b;
}
.form-success__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .form-success__title {
    font-size: 24px;
    line-height: 1.167;
  }
}
@media (min-width: 1280px) {
  .form-success__title {
    font-size: 28px;
    line-height: 1.143;
  }
}
@media (min-width: 1720px) {
  .form-success__title {
    font-size: 32px;
    line-height: 1.125;
  }
}
.form-success__text {
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.5;
}
@media (min-width: 1720px) {
  .form-success__text {
    font-size: 18px;
  }
}
.form-success__text {
  color: rgba(44, 46, 53, 0.8);
}

.lead-context {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 16px;
  margin-bottom: 28px;
  background-color: #fff;
  border-radius: 5px;
  color: inherit;
  text-decoration: none;
}
.lead-context__img {
  flex: 0 0 120px;
  border-radius: 4px;
  overflow: hidden;
}
.lead-context__img::before {
  padding-top: 66.56%;
}
@media (min-width: 600px) {
  .lead-context__img {
    flex-basis: 180px;
  }
}
.lead-context__label {
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .lead-context__label {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1720px) {
  .lead-context__label {
    font-size: 14px;
    line-height: 1.4;
  }
}
.lead-context__label {
  color: rgba(44, 46, 53, 0.6);
  margin-bottom: 6px;
}
.lead-context__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.3;
}
@media (min-width: 600px) {
  .lead-context__title {
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  .lead-context__title {
    font-size: 24px;
  }
}
@media (min-width: 1720px) {
  .lead-context__title {
    font-size: 28px;
  }
}
.lead-context__text {
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .lead-context__text {
    font-size: 16px;
    line-height: 1.5;
  }
}
.lead-context__text {
  color: rgba(44, 46, 53, 0.6);
  margin-top: 4px;
}

.select {
  position: relative;
  display: block;
}
.select__native {
  padding-right: 48px;
  opacity: 0;
  pointer-events: none;
}
.select > button.select__toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-right: 48px;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.select > button.select__toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-color: #2c2e35;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.select > button.select__toggle:disabled {
  cursor: not-allowed;
}
.select__value {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select__toggle--placeholder .select__value {
  color: rgba(44, 46, 53, 0.4);
  transition: color 0.3s ease-in-out;
}
.select__toggle--placeholder:hover:not(:disabled) .select__value, .select--open .select__toggle--placeholder .select__value {
  color: #000;
}
.select--open > button.select__toggle {
  border-color: rgba(44, 46, 53, 0.8);
  box-shadow: 0 0 0 2px rgba(44, 46, 53, 0.1);
}
.select--open > button.select__toggle::after {
  transform: rotate(180deg);
}
.select__dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 5;
  width: 100%;
  max-height: 256px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
  scrollbar-width: thin;
  scrollbar-color: rgba(44, 46, 53, 0.4) rgba(44, 46, 53, 0.1);
}
.select__dropdown[hidden] {
  display: none;
}
.select--up .select__dropdown {
  top: auto;
  bottom: calc(100% + 4px);
}
.select__option {
  min-height: 40px;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.45;
  text-align: left;
  color: #000;
  cursor: pointer;
}
.select__option--active, .select__option[aria-selected=true] {
  color: #2c2e35;
  background-color: rgba(44, 46, 53, 0.1);
}
.select__option[aria-disabled=true] {
  color: rgba(44, 46, 53, 0.4);
  background-color: transparent;
  cursor: not-allowed;
}
[class*=theme-dark] .select > button.select__toggle::after {
  background-color: rgba(245, 245, 245, 0.4);
}
[class*=theme-dark] .select .select__toggle--placeholder .select__value {
  color: rgba(245, 245, 245, 0.4);
}
[class*=theme-dark] .select .select__toggle--placeholder:hover:not(:disabled) .select__value, [class*=theme-dark] .select--open .select__toggle--placeholder .select__value {
  color: #fff;
}
[class*=theme-dark] .select--open > button.select__toggle {
  border-color: #fff;
  box-shadow: 0 0 0 2px rgba(255, 128, 51, 0.16);
}
[class*=theme-dark] .select--open > button.select__toggle::after {
  background-color: #fff;
}
[class*=theme-dark] .select__dropdown {
  top: calc(100% + 6px);
  background-color: #2c2e35;
  border: 1px solid #fff;
  box-shadow: 0 4px 16px 0 rgba(4, 12, 20, 0.08);
  scrollbar-color: rgba(245, 245, 245, 0.4) rgba(245, 245, 245, 0.1);
}
[class*=theme-dark] .select--up .select__dropdown {
  top: auto;
  bottom: calc(100% + 6px);
}
[class*=theme-dark] .select__option {
  min-height: 48px;
  padding: 12px 24px;
  line-height: 20px;
  color: #fff;
}
[class*=theme-dark] .select__option[aria-selected=true] {
  color: #fff;
  background-color: transparent;
}
[class*=theme-dark] .select__option--active, [class*=theme-dark] .select__option--active[aria-selected=true] {
  color: #fff;
  background-color: rgba(245, 245, 245, 0.1);
}
[class*=theme-dark] .select__option[aria-disabled=true] {
  color: rgba(245, 245, 245, 0.4);
  background-color: transparent;
}

.listing-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.listing-card__media {
  position: relative;
  display: block;
  background-color: #f4f6f8;
}
.listing-card__media::before {
  padding-top: 66.56%;
}
.listing-card__status {
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 12px;
  padding: 6px 10px;
  border-radius: 4px;
  background-color: #2c2e35;
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .listing-card__status {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1720px) {
  .listing-card__status {
    font-size: 14px;
    line-height: 1.4;
  }
}
.listing-card__status {
  color: #fff;
}
.listing-card__status--muted {
  background-color: #4e5a66;
}
.listing-card__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px;
}
@media (min-width: 600px) {
  .listing-card__body {
    padding: 24px;
  }
}
.listing-card__title {
  display: block;
  color: #000;
  text-decoration: none;
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.3;
}
@media (min-width: 600px) {
  .listing-card__title {
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  .listing-card__title {
    font-size: 24px;
  }
}
@media (min-width: 1720px) {
  .listing-card__title {
    font-size: 28px;
  }
}
.listing-card__trim {
  margin-top: 4px;
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .listing-card__trim {
    font-size: 16px;
    line-height: 1.5;
  }
}
.listing-card__trim {
  color: rgba(44, 46, 53, 0.6);
}
.listing-card__specs {
  display: grid;
  gap: 8px;
  margin: 20px 0;
  padding: 0;
  list-style: none;
}
.listing-card__spec {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .listing-card__spec {
    font-size: 16px;
    line-height: 1.5;
  }
}
.listing-card__spec svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  fill: rgba(44, 46, 53, 0.8);
}
.listing-card__spec span:first-of-type {
  color: rgba(44, 46, 53, 0.6);
}
.listing-card__footer {
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid rgba(44, 46, 53, 0.1);
}
.listing-card__price {
  font-size: 18px;
  color: #2c2e35;
  line-height: 1.4;
  font-weight: 500;
}
@media (min-width: 1280px) {
  .listing-card__price {
    font-size: 20px;
  }
}
@media (min-width: 1720px) {
  .listing-card__price {
    font-size: 24px;
  }
}
.listing-card__price {
  font-weight: 700;
  color: #000;
}
.listing-card__old-price {
  margin-top: 2px;
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .listing-card__old-price {
    font-size: 14px;
    line-height: 1.4;
  }
}
.listing-card__old-price {
  color: rgba(44, 46, 53, 0.6);
}
.listing-card__old-price s {
  margin-right: 8px;
}
.listing-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}
.listing-card__actions .btn {
  flex: 1 1 auto;
}

.catalog__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}
@media (min-width: 1280px) {
  .catalog__layout {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 32px;
  }
}
@media (min-width: 1720px) {
  .catalog__layout {
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 40px;
  }
}
.catalog__items {
  row-gap: 20px;
}
.catalog__items.row {
  margin-right: -10px;
  margin-left: -10px;
}
.catalog__items > .catalog__item {
  padding-right: 10px;
  padding-left: 10px;
}
.catalog__items[aria-busy=true] {
  opacity: 0.5;
  pointer-events: none;
}
@media (min-width: 600px) {
  .catalog__items[data-view=list] > .catalog__item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .catalog__items[data-view=list] > .catalog__item .listing-card {
    flex-direction: row;
  }
  .catalog__items[data-view=list] > .catalog__item .listing-card__media {
    flex: 0 0 40%;
  }
}
.catalog__empty {
  padding: 40px 24px;
  background-color: #fff;
  border-radius: 5px;
}
@media (min-width: 600px) {
  .catalog__empty {
    padding: 64px 48px;
  }
}
@media (max-width: 1279.98px) {
  .catalog__sidebar {
    position: fixed;
    z-index: 1002;
    inset: 0;
    overflow-y: auto;
    padding: 24px;
    background-color: #f4f6f8;
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
  .catalog__sidebar.is-open {
    transform: none;
    visibility: visible;
  }
}
@media (min-width: 600px) and (max-width: 1279.98px) {
  .catalog__sidebar {
    padding: 32px 48px;
  }
}

.catalog-filters {
  padding: 24px;
  background-color: #fff;
  border-radius: 5px;
}
@media (min-width: 1280px) {
  .catalog-filters {
    position: sticky;
    top: 24px;
  }
}
.catalog-filters__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.catalog-filters__close {
  display: flex;
  cursor: pointer;
}
@media (min-width: 1280px) {
  .catalog-filters__close {
    display: none;
  }
}
.catalog-filters__group {
  padding: 20px 0;
  border: 0;
  border-top: 1px solid rgba(44, 46, 53, 0.1);
}
.catalog-filters__legend {
  float: left;
  width: 100%;
  margin-bottom: 14px;
}
.catalog-filters__option {
  position: relative;
  clear: both;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 0;
  cursor: pointer;
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .catalog-filters__option {
    font-size: 16px;
    line-height: 1.5;
  }
}
.catalog-filters__option .form__checkbox-input,
.catalog-filters__option .form__checkbox-box {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
  background-size: 16px;
}
.catalog-filters__option--disabled {
  color: rgba(44, 46, 53, 0.4);
  cursor: default;
}
.catalog-filters__label {
  flex-grow: 1;
}
.catalog-filters__count {
  color: rgba(44, 46, 53, 0.4);
}
.catalog-filters__actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  padding-top: 20px;
  border-top: 1px solid rgba(44, 46, 53, 0.1);
}
.catalog-filters__reset {
  justify-content: center;
}
@media (min-width: 1280px) {
  .js .catalog-filters__submit {
    display: none;
  }
}

.price-range {
  clear: both;
}
.price-range__fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.price-range__label {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 20px;
  color: #000;
}
.price-range .form__control {
  height: 50px;
  padding: 8px 14px;
  font-size: 16px;
}
.price-range .form__control::placeholder {
  color: #000;
  opacity: 1;
}
.price-range__slider {
  position: relative;
  display: none;
  height: 24px;
  margin: 13px 12px 0;
}
.js .price-range__slider {
  display: block;
}
.price-range__rail {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 3px;
  margin-top: -1.5px;
  background-color: rgba(44, 46, 53, 0.1);
  border-radius: 2px;
}
.price-range__track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #0b71bb;
  border-radius: 2px;
}
.price-range__thumb {
  position: absolute;
  top: 0;
  right: -12px;
  left: -12px;
  width: calc(100% + 24px);
  height: 24px;
  margin: 0;
  padding: 0;
  background: none;
  appearance: none;
  pointer-events: none;
}
.price-range__thumb:focus {
  outline: 0;
}
.price-range__thumb::-webkit-slider-runnable-track {
  height: 24px;
  background: none;
}
.price-range__thumb::-moz-range-track {
  height: 24px;
  background: none;
}
.price-range__thumb::-webkit-slider-thumb {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 3px solid #0b71bb;
  border-radius: 50%;
  appearance: none;
  cursor: pointer;
  pointer-events: auto;
}
.price-range__thumb::-moz-range-thumb {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 3px solid #0b71bb;
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
}
.price-range__thumb:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 4px rgba(11, 113, 187, 0.2);
}
.price-range__thumb:focus-visible::-moz-range-thumb {
  box-shadow: 0 0 0 4px rgba(11, 113, 187, 0.2);
}
.price-range__thumb.is-top {
  z-index: 1;
}

.catalog-toolbar {
  margin-bottom: 24px;
}
.catalog-toolbar__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.catalog-toolbar__controls {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (min-width: 1280px) {
  .catalog-toolbar__filters {
    display: none !important;
  }
}
.catalog-toolbar__sort .form__control {
  width: auto;
  min-width: 200px;
  height: 44px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #fff;
}
.catalog-toolbar__view {
  display: none;
  border: 2px solid rgba(44, 46, 53, 0.4);
  border-radius: 4px;
  overflow: hidden;
}
@media (min-width: 600px) {
  .catalog-toolbar__view {
    display: flex;
  }
}
.catalog-toolbar__view-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
.catalog-toolbar__view-btn svg {
  fill: #101820;
}
.catalog-toolbar__view-btn[aria-pressed=true] {
  background-color: #2c2e35;
}
.catalog-toolbar__view-btn[aria-pressed=true] svg {
  fill: #fff;
}
.catalog-toolbar__view-icon--grid {
  transform: rotate(90deg);
}
.catalog-toolbar__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.catalog-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .catalog-chip {
    font-size: 16px;
    line-height: 1.5;
  }
}
.catalog-chip svg {
  fill: currentColor;
}
.catalog-chip:hover {
  color: #fff;
  background-color: #4e5a66;
}
.catalog-chip--reset {
  background-color: transparent;
  color: rgba(44, 46, 53, 0.6);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.catalog-chip--reset:hover {
  color: #2c2e35;
  background-color: transparent;
}

.catalog-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.catalog-more__nav {
  display: flex;
  gap: 16px;
}

.catalog-offers__list {
  row-gap: 24px;
}
@media (min-width: 1280px) {
  .catalog-offers__list {
    row-gap: 32px;
  }
}

.car-summary__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}
@media (min-width: 960px) {
  .car-summary__layout {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: 32px;
    align-items: start;
  }
}
@media (min-width: 1720px) {
  .car-summary__layout {
    gap: 40px;
  }
}
.car-summary__info {
  padding: 24px;
  background-color: #fff;
  border-radius: 5px;
}
@media (min-width: 1280px) {
  .car-summary__info {
    padding: 32px;
  }
}
.car-summary__availability {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 16px;
}
.car-summary__status {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 4px;
  background-color: #2c2e35;
}
.car-summary__status.small-caps {
  color: #fff;
}
.car-summary__status--muted {
  background-color: #4e5a66;
}
.car-summary__trim {
  margin-top: 8px;
}
.car-summary__price {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(44, 46, 53, 0.1);
}
.car-summary__price-base, .car-summary__max-benefit, .car-summary__total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.car-summary__benefits {
  display: grid;
  gap: 4px;
  margin-top: 12px;
}
.car-summary__benefit {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 0;
  cursor: pointer;
}
.car-summary__benefit .form__checkbox-input,
.car-summary__benefit .form__checkbox-box {
  width: 24px;
  height: 24px;
}
.car-summary__benefit .form__checkbox-box {
  flex-basis: 24px;
  background-size: 16px;
}
.car-summary__benefit-label {
  flex-grow: 1;
}
.car-summary__benefit-amount {
  white-space: nowrap;
}
.car-summary__max-benefit {
  margin-top: 12px;
}
.car-summary__total {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(44, 46, 53, 0.1);
}
.car-summary__price > .car-summary__total:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.car-summary__actions {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}
.car-summary__actions .btn {
  width: 100%;
}
.car-summary__phone {
  margin-top: 20px;
}
.car-summary__phone a {
  color: #000;
  font-weight: 600;
  text-decoration: none;
}

.car-gallery {
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
}
.car-gallery__photo::before {
  padding-top: 66.56%;
}
.car-gallery__photo--zoom {
  display: block;
  cursor: zoom-in;
}
.car-gallery__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 12px 16px;
}
.car-gallery__nav .swiper-counter {
  min-width: 20px;
  text-align: center;
  font-variant-numeric: tabular-nums;
  color: rgba(44, 46, 53, 0.8);
}
.car-gallery__buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}
.car-gallery__buttons .swiper-button-prev,
.car-gallery__buttons .swiper-button-next {
  margin-top: 0;
}

.car-gallery-thumbs {
  margin-top: 12px;
}
.car-gallery-thumbs__item {
  width: 96px;
  height: 64px;
  border-radius: 4px;
  overflow: hidden;
  opacity: 0.6;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}
.car-gallery-thumbs__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.car-gallery-thumbs__item.swiper-slide-thumb-active, .car-gallery-thumbs__item:hover {
  opacity: 1;
}
@media (min-width: 1280px) {
  .car-gallery-thumbs__item {
    width: 120px;
    height: 80px;
  }
}

.car-highlights__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (min-width: 960px) {
  .car-highlights__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }
}
@media (min-width: 1280px) {
  .car-highlights__list {
    gap: 32px;
  }
}
.car-highlights__item {
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
}
@media (min-width: 1280px) {
  .car-highlights__item {
    padding: 24px;
  }
}
.car-highlights__icon {
  fill: rgba(44, 46, 53, 0.8);
  margin-bottom: 12px;
}
.car-highlights__label {
  margin-top: 4px;
}

.car-price__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(44, 46, 53, 0.1);
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.5;
}
@media (min-width: 1720px) {
  .car-price__row {
    font-size: 18px;
  }
}
.car-price__row--total {
  font-weight: 700;
  color: #000;
  border-bottom: 0;
}
.car-price__row--total .large-text {
  font-weight: 700;
  color: #000;
}

.car-equipment__list {
  columns: 1;
}
@media (min-width: 600px) {
  .car-equipment__list {
    columns: 2;
    column-gap: 32px;
  }
}
.car-equipment__list li {
  break-inside: avoid;
}

.dealer__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-radius: 5px;
  overflow: hidden;
  background-color: #f4f6f8;
}
.theme-light .dealer__layout {
  background-color: #fff;
}
@media (min-width: 960px) {
  .dealer__layout {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
.dealer__card {
  padding: 24px;
}
.dealer__card:only-child {
  grid-column: 1/-1;
}
@media (min-width: 600px) {
  .dealer__card {
    padding: 40px 48px;
  }
}
@media (min-width: 1280px) {
  .dealer__card {
    padding: 56px 64px;
  }
}
.dealer__list {
  display: grid;
  gap: 20px;
  margin-top: 28px;
}
.dealer__row {
  display: flex;
  gap: 16px;
}
.dealer__row dd {
  margin-top: 2px;
}
.dealer__row a {
  color: inherit;
  text-decoration: none;
}
.dealer__icon {
  flex-shrink: 0;
  margin-top: 2px;
  fill: #4e5a66;
}
.dealer__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}
.dealer__map {
  position: relative;
  min-height: 320px;
}
@media (min-width: 960px) {
  .dealer__map {
    min-height: 480px;
  }
}
.dealer__map-canvas {
  position: absolute;
  inset: 0;
}
.dealer__map-marker {
  position: relative;
  width: 0;
  height: 0;
  font-family: Exo2, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #2c2e35;
  cursor: pointer;
  outline: 0;
}
.dealer__map-pin {
  position: absolute;
  left: -22px;
  bottom: 0;
  display: flex;
  justify-content: center;
  width: 44px;
  height: 56px;
  padding-top: 14px;
  background-color: #2c2e35;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='44' height='56' viewBox='0 0 44 56' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 0C9.85 0 0 9.76 0 21.8c0 9.2 5.74 17.06 13.86 20.26L22 56l8.14-13.94C38.26 38.86 44 31 44 21.8 44 9.76 34.15 0 22 0Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='44' height='56' viewBox='0 0 44 56' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 0C9.85 0 0 9.76 0 21.8c0 9.2 5.74 17.06 13.86 20.26L22 56l8.14-13.94C38.26 38.86 44 31 44 21.8 44 9.76 34.15 0 22 0Z'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: background-color 0.3s ease-in-out;
}
.dealer__map-logo {
  height: 16px;
  fill: #fff;
  color: #fff;
}
.dealer__map-marker:hover .dealer__map-pin, .dealer__map-marker:focus .dealer__map-pin {
  background-color: #4e5a66;
}
.dealer__map-card {
  position: absolute;
  top: 10px;
  left: 0;
  width: max-content;
  max-width: 260px;
  padding: 16px 20px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  pointer-events: none;
}
.dealer__map-marker:hover .dealer__map-card, .dealer__map-marker:focus .dealer__map-card {
  opacity: 1;
  visibility: visible;
}
.dealer__map-card-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: #101820;
}
.dealer__map-card-text {
  margin-top: 4px;
  color: rgba(44, 46, 53, 0.6);
}
.dealer__map-card-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  padding: 4px 10px;
  font-size: 12px;
  border: 1px solid rgba(44, 46, 53, 0.2);
  border-radius: 100px;
}

.calculator__panel {
  padding: 24px;
  background-color: #f4f6f8;
  border-radius: 5px;
}
@media (min-width: 600px) {
  .calculator__panel {
    padding: 40px 48px;
  }
}
.calculator__result {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid rgba(44, 46, 53, 0.1);
}

.model-360 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 100px);
  min-height: 300px;
  max-height: 100vh;
  overflow: hidden;
  background: #f4f6f8 center/cover no-repeat;
}
.model-360__stage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: grab;
  user-select: none;
  touch-action: pan-y;
}
.model-360__stage:focus {
  outline: 0;
}
.model-360__stage:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -6px;
}
.model-360__stage.is-dragging {
  cursor: grabbing;
}
.model-360__view {
  position: relative;
  flex: 0 0 var(--model-360-width);
  width: var(--model-360-width);
  aspect-ratio: var(--model-360-ratio);
  pointer-events: none;
}
.model-360__car {
  position: absolute;
}
.model-360__frame {
  display: block;
  width: 100%;
  height: 100%;
}
.model-360.is-loading .model-360__stage::after {
  content: "";
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-bottom-color: #101820;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  pointer-events: none;
}
.model-360__title {
  position: absolute;
  z-index: 2;
  top: 40px;
  left: 24px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: rgba(245, 245, 245, 0.6);
  pointer-events: none;
}
.model-360__picker {
  position: absolute;
  z-index: 3;
  right: 24px;
  bottom: 40px;
  left: 24px;
  padding: 16px;
  background-color: #fff;
  border-radius: 5px;
}
.model-360__color {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin-bottom: 16px;
}
.model-360__color-name {
  font-size: 18px;
  line-height: 26px;
  color: #000;
}
.model-360__color-code {
  font-size: 14px;
  line-height: 20px;
  color: rgba(44, 46, 53, 0.4);
}
.model-360__swatches {
  display: flex;
  gap: 16px;
  padding: 8px;
  overflow-x: auto;
}
.model-360__swatch {
  position: relative;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.model-360__swatch::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--model-360-swatch);
  border-radius: 3px;
}
.model-360__swatch--light::before {
  border: 1px solid rgba(44, 46, 53, 0.1);
}
.model-360__swatch:hover, .model-360__swatch.is-active {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.26);
}
.model-360__swatch.is-active {
  border-color: #fff;
}
.model-360__swatch:focus-visible {
  outline: 2px solid #0b71bb;
  outline-offset: 2px;
}
@media (min-width: 600px) {
  .model-360__view {
    flex-basis: var(--model-360-width-md);
    width: var(--model-360-width-md);
  }
  .model-360__title {
    top: 52px;
    right: 48px;
    left: auto;
    line-height: 18px;
    letter-spacing: 0.5px;
  }
  .model-360__picker {
    right: auto;
    bottom: 52px;
    left: 48px;
    max-width: calc(100% - 96px);
  }
  .model-360__color {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    max-width: 140px;
  }
  .model-360__color-name {
    font-size: 20px;
  }
  .model-360__color-code {
    line-height: 22px;
  }
  .model-360__swatches {
    display: grid;
    grid-template-columns: repeat(3, 44px);
    overflow: hidden;
  }
}
@media (min-width: 960px) {
  .model-360 {
    height: var(--model-360-height, calc(100vh - 100px));
  }
  .model-360__view {
    flex-basis: var(--model-360-width-lg);
    width: var(--model-360-width-lg);
  }
}
@media (min-width: 1280px) {
  .model-360__view {
    flex-basis: var(--model-360-width-xl);
    width: var(--model-360-width-xl);
  }
  .model-360__title {
    top: 64px;
    right: 64px;
  }
  .model-360__picker {
    bottom: 64px;
    left: 64px;
    padding: 24px;
  }
  .model-360__color-name {
    line-height: 28px;
  }
}
@media (min-width: 1720px) {
  .model-360__view {
    flex-basis: var(--model-360-width-xxl);
    width: var(--model-360-width-xxl);
  }
  .model-360__title {
    top: 76px;
    right: 164px;
    font-size: 14px;
  }
  .model-360__picker {
    bottom: 76px;
    left: 164px;
  }
  .model-360__color-name {
    font-size: 24px;
    line-height: 32px;
  }
  .model-360__color-code {
    font-size: 16px;
    line-height: 24px;
  }
}

.chat {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 100vh;
  background: #f4f6f8;
}
@media (min-width: 960px) {
  .chat {
    grid-template-columns: minmax(0, 1fr) minmax(420px, 36vw);
  }
}
@media (min-width: 1720px) {
  .chat {
    grid-template-columns: minmax(0, 1fr) 680px;
  }
}
.js .chat {
  height: 100vh;
  height: 100dvh;
  min-height: 560px;
  grid-template-rows: auto minmax(0, 1fr);
}
@media (min-width: 960px) {
  .js .chat {
    grid-template-rows: minmax(0, 1fr);
  }
}
.chat__stage {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 16px 20px 14px;
  background: radial-gradient(120% 80% at 50% 40%, #fff 0 36%, #f4f6f8 78%), #f4f6f8;
}
@media (min-width: 600px) {
  .chat__stage {
    padding: 24px 40px 20px;
  }
}
@media (min-width: 960px) {
  .chat__stage {
    padding: 36px 48px 40px;
  }
}
.chat__stage::before {
  content: "";
  position: absolute;
  inset: 66% 0 0;
  background: linear-gradient(#e9e9e9, #f4f6f8 60%);
}
.chat__stage::after {
  content: "";
  position: absolute;
  top: 66%;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(16, 24, 32, 0.18), transparent);
}
.chat__stage > * {
  position: relative;
  z-index: 1;
}
.chat__light {
  display: none;
}
.chat__brand {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
}
.chat__logo {
  display: block;
  width: 54px;
  height: 32px;
  background: currentColor;
  mask: url("/assets/images/logo.svg") center/contain no-repeat;
}
@media (min-width: 960px) {
  .chat__logo {
    width: 67px;
    height: 40px;
  }
}
.chat__dealer {
  color: rgba(44, 46, 53, 0.6);
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .chat__dealer {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media (min-width: 960px) {
  .chat__dealer {
    font-size: 14px;
    color: #2c2e35;
    line-height: 1.4;
  }
}
@media (min-width: 960px) and (min-width: 1720px) {
  .chat__dealer {
    font-size: 16px;
    line-height: 1.5;
  }
}
.chat__title {
  max-width: 15em;
}
@media (min-width: 960px) {
  .chat__title {
    max-width: min(15em, 100% - 330px);
  }
}
.chat__title {
  margin-top: 10px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
}
@media (min-width: 600px) {
  .chat__title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 960px) {
  .chat__title {
    margin-top: 28px;
    font-size: 40px;
    line-height: 50px;
  }
}
@media (min-width: 1720px) {
  .chat__title {
    font-size: 52px;
    line-height: 62px;
  }
}
.chat__podium {
  position: relative;
  flex: 1 1 auto;
  min-height: 150px;
  margin: 6px -20px 0;
}
@media (min-width: 960px) {
  .chat__podium {
    min-height: 0;
    margin: 0 -24px;
  }
}
.chat__car {
  --range: min(0.5, calc(0.98 / var(--cols, 1)));
  --shift: calc(var(--x, 0) * var(--range) * 102%);
  --lift: calc(var(--row, 0) * var(--range) * -96%);
  position: absolute;
  left: 50%;
  bottom: 8%;
  z-index: 1;
  width: min(96%, 980px);
  max-height: 100%;
  object-fit: contain;
  object-position: center bottom;
  transform: translate(calc(-50% + var(--shift)), var(--lift)) scale(var(--range));
  transform-origin: 50% 100%;
  transition: opacity 0.5s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.is-picked > .chat__car {
  opacity: 0;
  transform: translate(calc(-50% + var(--shift) * 3), var(--lift)) scale(0.6);
}
.is-picked > .chat__car.is-active {
  z-index: 3;
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
.chat[data-trade=yes] .is-picked > .chat__car.is-active {
  transform: translateX(-40%) scale(0.86);
}
@media (prefers-reduced-motion: reduce) {
  .chat__car {
    transition: none;
  }
}
.chat__oldcar {
  position: absolute;
  left: 2%;
  bottom: 8%;
  z-index: 4;
  display: none;
  width: min(22%, 220px);
  color: rgba(44, 46, 53, 0.6);
}
.chat__oldcar svg {
  display: block;
  width: 100%;
  height: auto;
}
.chat[data-trade=yes] .is-picked > .chat__oldcar {
  display: block;
  animation: chat-oldcar 1.1s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.chat__swap {
  position: absolute;
  top: -6%;
  right: -22%;
  width: 44px;
  height: 44px;
  padding: 8px;
  border-radius: 50%;
  background: var(--accent, #101820);
  color: #fff;
  animation: chat-swap 1.6s 0.9s ease-in-out both;
}
.chat__swap svg {
  width: 100%;
}
.chat__oldcar-label {
  display: block;
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
  line-height: 15px;
}
.chat__deal {
  position: absolute;
  top: 120px;
  right: 48px;
  z-index: 5;
  display: grid;
  gap: 10px;
  width: 290px;
}
@media (max-width: 959.98px) {
  .chat__deal {
    top: auto;
    right: 12px;
    bottom: 10px;
    width: auto;
  }
}
.chat__ticket {
  position: relative;
  display: none;
  align-items: center;
  gap: 12px;
  overflow: hidden;
  padding: 12px 16px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  color: #2c2e35;
  box-shadow: 0 12px 30px -12px rgba(0, 0, 0, 0.35);
}
@media (max-width: 959.98px) {
  .chat__ticket {
    padding: 6px 10px;
  }
  .chat__ticket small {
    display: none;
  }
}
.chat[data-pay=credit] .chat__ticket[data-deal=pay-credit], .chat[data-pay=cash] .chat__ticket[data-deal=pay-cash], .chat[data-pay=cash_credit] .chat__ticket[data-deal=pay-cash_credit], .chat[data-pay=compare] .chat__ticket[data-deal=pay-compare], .chat[data-trade=yes] .chat__ticket[data-deal=trade-yes], .chat[data-trade=undecided] .chat__ticket[data-deal=trade-undecided] {
  display: flex;
  animation: chat-ticket 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.chat__ticket-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--accent, #101820);
  color: #fff;
}
.chat__ticket-icon svg {
  width: 26px;
  animation: chat-icon 0.9s 0.3s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@media (max-width: 959.98px) {
  .chat__ticket-icon {
    width: 28px;
    height: 28px;
  }
  .chat__ticket-icon svg {
    width: 18px;
  }
}
.chat__ticket-text {
  display: grid;
  gap: 2px;
  font-size: 14px;
  line-height: 18px;
}
.chat__ticket-text small {
  color: rgba(44, 46, 53, 0.6);
  font-size: 12px;
  line-height: 16px;
}
.chat__ticket-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--accent, #101820);
  transform-origin: left;
  animation: chat-bar 1.2s 0.4s ease-out both;
}
.chat__caption-item {
  animation: chat-in 0.4s ease-out both;
}
.chat__caption-name {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .chat__caption-name {
    font-size: 24px;
    line-height: 1.167;
  }
}
@media (min-width: 1280px) {
  .chat__caption-name {
    font-size: 28px;
    line-height: 1.143;
  }
}
@media (min-width: 1720px) {
  .chat__caption-name {
    font-size: 32px;
    line-height: 1.125;
  }
}
.chat__caption-text {
  margin-top: 2px;
  color: rgba(44, 46, 53, 0.6);
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .chat__caption-text {
    font-size: 16px;
    line-height: 1.5;
  }
}
.chat__panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: #fff;
}
@media (min-width: 960px) {
  .chat__panel {
    border-left: 1px solid #efefef;
  }
}
.chat__head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  border-bottom: 1px solid #efefef;
}
@media (min-width: 960px) {
  .chat__head {
    padding: 20px 32px;
  }
}
.chat__avatar {
  display: grid;
  flex: 0 0 40px;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #101820;
  color: #fff;
  font-weight: 500;
  font-size: 17px;
}
.chat__who {
  min-width: 0;
  flex: 1 1 auto;
}
.chat__name {
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.4;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .chat__name {
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 1.3;
  }
}
@media (min-width: 1720px) {
  .chat__name {
    font-size: 24px;
    letter-spacing: 1px;
  }
}
.chat__role {
  overflow: hidden;
  color: rgba(44, 46, 53, 0.6);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .chat__role {
    font-size: 14px;
    line-height: 1.4;
  }
}
.chat__progress {
  flex: 0 0 auto;
  padding: 6px 12px;
  border-radius: 40px;
  background: #f4f6f8;
  color: #101820;
  white-space: nowrap;
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .chat__progress {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1720px) {
  .chat__progress {
    font-size: 14px;
    line-height: 1.4;
  }
}
.chat__form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}
.chat__log {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  padding: 20px 20px 28px;
}
@media (min-width: 960px) {
  .chat__log {
    padding: 32px 32px 40px;
  }
}
.js .chat__log {
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.chat__step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  margin: 0 0 12px;
  padding: 0;
  border: 0;
}
.chat__msg {
  float: none;
  max-width: min(88%, 520px);
  padding: 12px 16px;
  border-radius: 4px 18px 18px;
  background: #f4f6f8;
  color: #2c2e35;
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.5;
}
@media (min-width: 1720px) {
  .chat__msg {
    font-size: 18px;
  }
}
.chat legend.chat__msg {
  margin-bottom: 8px;
  font-weight: 500;
}
.chat__summary {
  display: grid;
  gap: 4px;
  list-style: none;
}
.chat__summary span {
  color: rgba(44, 46, 53, 0.6);
}
.chat__reply {
  align-self: flex-end;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  max-width: 80%;
  margin: -4px 0 12px;
  padding: 12px 16px;
  border: 0;
  border-radius: 18px 4px 18px 18px;
  background: #101820;
  color: #fff;
  text-align: right;
  cursor: pointer;
  animation: chat-in 0.3s ease-out both;
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.5;
}
@media (min-width: 1720px) {
  .chat__reply {
    font-size: 18px;
  }
}
.chat__reply {
  color: #fff;
}
.chat__reply:disabled {
  cursor: default;
}
.chat__reply:disabled .chat__edit {
  display: none;
}
.chat__edit {
  margin-top: 4px;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .chat__edit {
    font-size: 14px;
    line-height: 1.4;
  }
}
.chat__edit {
  color: rgba(255, 255, 255, 0.85);
}
.chat__typing {
  display: inline-flex;
  gap: 4px;
  padding: 16px 18px;
  border-radius: 4px 18px 18px;
  background: #f4f6f8;
}
.chat__typing i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(44, 46, 53, 0.6);
  animation: chat-dot 1s infinite ease-in-out;
}
.chat__typing i:nth-child(2) {
  animation-delay: 0.15s;
}
.chat__typing i:nth-child(3) {
  animation-delay: 0.3s;
}
.chat__options {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 8px;
  width: 100%;
}
.chat__option {
  display: flex;
  cursor: pointer;
}
.chat__option--wide {
  grid-column: 1/-1;
}
.chat__radio {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.chat__option-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-height: 52px;
  padding: 10px 16px;
  border: 1px solid rgba(16, 24, 32, 0.16);
  border-radius: 5px;
  background: #fff;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.chat__option:hover .chat__option-body {
  border-color: #101820;
}
.chat__radio:checked + .chat__option-body {
  border-color: #101820;
  background: #101820;
  color: #fff;
}
.chat__radio:focus-visible + .chat__option-body {
  outline: 2px solid #4e5a66;
  outline-offset: 2px;
}
.chat__option-title {
  font-weight: 500;
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.5;
}
@media (min-width: 1720px) {
  .chat__option-title {
    font-size: 18px;
  }
}
.chat__option-title {
  color: inherit;
}
.chat__option-note {
  color: rgba(44, 46, 53, 0.6);
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .chat__option-note {
    font-size: 16px;
    line-height: 1.5;
  }
}
.chat__radio:checked + .chat__option-body .chat__option-note {
  color: rgba(255, 255, 255, 0.75);
}
.chat__fine {
  color: rgba(44, 46, 53, 0.6);
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .chat__fine {
    font-size: 14px;
    line-height: 1.4;
  }
}
.chat__contact {
  display: grid;
  gap: 18px;
  width: 100%;
  margin-top: 4px;
  padding: 20px;
  border-radius: 8px;
  background: #f4f6f8;
}
@media (min-width: 960px) {
  .chat__contact {
    padding: 24px;
  }
}
.chat__contact .form__control {
  background: #fff;
}
.chat__contact:has([data-chat-done]) {
  padding: 0;
  background: none;
}
.chat__field {
  display: grid;
  gap: 8px;
}
.chat__label {
  padding: 0;
  color: rgba(44, 46, 53, 0.6);
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .chat__label {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1720px) {
  .chat__label {
    font-size: 14px;
    line-height: 1.4;
  }
}
.chat__phone {
  min-height: 60px;
  font-size: 20px;
  letter-spacing: 0.02em;
}
.chat__channels {
  display: grid;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.chat__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.chat__chip {
  cursor: pointer;
}
.chat__chip span {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid rgba(16, 24, 32, 0.16);
  border-radius: 40px;
  background: #fff;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .chat__chip span {
    font-size: 16px;
    line-height: 1.5;
  }
}
.chat__chip:hover span {
  border-color: #101820;
}
.chat__chip .chat__radio:checked + span {
  border-color: #101820;
  background: #101820;
  color: #fff;
}
.chat__chip .chat__radio:focus-visible + span {
  outline: 2px solid #4e5a66;
  outline-offset: 2px;
}
.chat__submit {
  width: 100%;
}
.chat__done {
  display: flex;
  flex-direction: column;
  gap: 8px;
  outline: none;
}
.chat__done .chat__msg {
  animation: chat-in 0.4s ease-out both;
}
.chat__foot {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  padding: 10px 20px;
  border-top: 1px solid #efefef;
  color: rgba(44, 46, 53, 0.6);
  font-size: 10px;
  color: #2c2e35;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .chat__foot {
    font-size: 12px;
    line-height: 1.3;
  }
}
@media (min-width: 960px) {
  .chat__foot {
    padding: 12px 32px;
  }
}
.chat__foot a {
  color: inherit;
  text-decoration: underline;
}

@media (max-width: 959.98px) {
  .js .chat__podium {
    flex: 0 0 auto;
    height: 26vh;
  }
  .js .chat__caption {
    display: none;
  }
  .js .chat.is-contact .chat__podium {
    height: 15vh;
    min-height: 96px;
  }
  .js .chat.is-contact .chat__title {
    display: none;
  }
}
.chat.is-live .chat__step:not(.is-shown),
.chat.is-live .chat__step > .chat__msg:not(.is-in),
.chat.is-live .chat__step > :not(.chat__msg):not(.chat__typing):not(.is-in),
.chat__step.is-answered > :not(legend) {
  display: none;
}

.chat.is-live .chat__step > .is-in {
  animation: chat-in 0.35s ease-out both;
}

.chat.is-done .chat__progress {
  background: #101820;
  color: #fff;
}

@keyframes chat-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
@keyframes chat-ticket {
  from {
    opacity: 0;
    transform: translateX(40px) scale(0.96);
  }
}
@keyframes chat-icon {
  from {
    opacity: 0;
    transform: rotate(-20deg) scale(0.6);
  }
}
@keyframes chat-bar {
  from {
    transform: scaleX(0);
  }
}
@keyframes chat-oldcar {
  from {
    opacity: 0;
    transform: translateX(-60%);
  }
}
@keyframes chat-swap {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(8px);
  }
}
@keyframes chat-dot {
  0%, 80%, 100% {
    opacity: 0.3;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-3px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .chat__reply,
  .chat__caption-item,
  .chat__done .chat__msg,
  .chat.is-live .chat__step > .is-in {
    animation: none;
  }
  .chat__typing {
    display: none;
  }
  .chat__ticket,
  .chat__ticket-icon svg,
  .chat__ticket-bar,
  .chat__oldcar,
  .chat__swap {
    animation: none !important;
  }
}
body:has(.chat) .cookie-notify {
  top: 0;
  bottom: auto;
  border-radius: 0 0 5px 5px;
}
@media (min-width: 960px) {
  body:has(.chat) .cookie-notify {
    top: auto;
    bottom: 24px;
    right: max(420px, 36vw);
    border-radius: 5px;
  }
}
@media (min-width: 1720px) {
  body:has(.chat) .cookie-notify {
    right: 680px;
  }
}

.legal-doc__meta {
  margin-bottom: 24px;
}
.legal-doc table {
  width: 100%;
  margin: 16px 0 24px;
  border-collapse: collapse;
}
.legal-doc th,
.legal-doc td {
  padding: 10px 12px 10px 0;
  border-bottom: 1px solid #efefef;
  text-align: left;
  vertical-align: top;
}
.legal-doc th {
  width: 36%;
  font-weight: 500;
}
@media (max-width: 599.98px) {
  .legal-doc thead {
    display: none;
  }
  .legal-doc tr,
  .legal-doc th,
  .legal-doc td {
    display: block;
    width: auto;
  }
  .legal-doc tr {
    padding: 12px 0;
    border-bottom: 1px solid #efefef;
  }
  .legal-doc th,
  .legal-doc td {
    padding: 2px 0;
    border: 0;
  }
}
.legal-doc h2 {
  margin: 32px 0 12px;
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .legal-doc h2 {
    font-size: 24px;
    line-height: 1.167;
  }
}
@media (min-width: 1280px) {
  .legal-doc h2 {
    font-size: 28px;
    line-height: 1.143;
  }
}
@media (min-width: 1720px) {
  .legal-doc h2 {
    font-size: 32px;
    line-height: 1.125;
  }
}

.legal-check .legal-var,
.legal-doc--draft .legal-var {
  padding: 0 4px;
  border-radius: 3px;
  background: #fff3b0;
  outline: 1px dashed #c9a400;
  cursor: help;
}

.legal-check .legal-var--missing,
.legal-doc--draft .legal-var--missing {
  background: #ffe2c2;
  color: #8a3b00;
  outline-color: #e07a1f;
}

.legal-legend {
  margin-bottom: 32px;
  padding: 20px 24px;
  border-left: 4px solid #e07a1f;
  border-radius: 4px;
  background: #fff7ee;
  font-size: 14px;
  line-height: 1.5;
}
.legal-legend p + p {
  margin-top: 8px;
}
.legal-legend .legal-var {
  padding: 0 4px;
  border-radius: 3px;
  background: #fff3b0;
  outline: 1px dashed #c9a400;
}
.legal-legend .legal-var--missing {
  background: #ffe2c2;
  color: #8a3b00;
  outline-color: #e07a1f;
}

.legal-blank {
  display: inline-block;
  min-width: 260px;
  border-bottom: 1px solid currentColor;
  vertical-align: bottom;
}
.legal-blank--line {
  width: 100%;
  min-width: 0;
  height: 1.6em;
}

.legal-operator {
  line-height: 1.7;
}

.legal-vars {
  margin-top: 48px;
  padding: 24px;
  border-radius: 5px;
  background: #f4f6f8;
}
.legal-vars code {
  font-size: 13px;
  overflow-wrap: anywhere;
}
.legal-vars td {
  overflow-wrap: anywhere;
}
@media (max-width: 599.98px) {
  .legal-vars {
    padding: 16px;
  }
  .legal-vars th:first-child,
  .legal-vars td:first-child {
    display: none;
  }
}
.legal-vars .is-missing td {
  color: #d92d20;
}
.legal-vars .is-optional td {
  color: rgba(44, 46, 53, 0.6);
}

.dealer-logo {
  display: block;
  width: auto;
  height: 32px;
  max-width: 120px;
  object-fit: contain;
}
.dealer-logo--slot {
  display: grid;
  place-items: center;
  width: 92px;
  padding: 0 6px;
  border: 1px dashed currentColor;
  border-radius: 4px;
  font-size: 10px;
  line-height: 11px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.7;
}

.header__logo:has(.header__dealer) {
  width: auto;
}
.header__logo:has(.header__dealer) a {
  display: flex;
  align-items: center;
  gap: 14px;
}
.header__logo:has(.header__dealer) .header__logo-desktop {
  display: none !important;
}
.header__logo:has(.header__dealer) .header__logo-mobile {
  display: block !important;
  flex: 0 0 auto;
  width: 50px;
}
@media (min-width: 600px) {
  .header__logo:has(.header__dealer) .header__logo-mobile {
    width: 53px;
  }
}

.header__dealer {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 14px;
  border-left: 1px solid rgba(128, 128, 128, 0.4);
}
.header__logo .header__dealer .dealer-logo {
  width: auto;
  min-height: 0;
  flex-shrink: 0;
  color: inherit;
}
.header__dealer .dealer-logo {
  height: 26px;
  max-width: 80px;
}
@media (min-width: 1280px) {
  .header__dealer .dealer-logo {
    height: 30px;
    max-width: 92px;
  }
}

.lead-modal {
  width: min(760px, 100% - 24px);
  max-height: calc(100% - 24px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: 5px;
  background: #fff;
  color: #2c2e35;
  box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.45);
}
.lead-modal::backdrop {
  background: rgba(16, 24, 32, 0.55);
  backdrop-filter: blur(3px);
}
.lead-modal[open] {
  animation: lead-modal-in 0.3s ease-out both;
}
.lead-modal__close {
  position: absolute;
  z-index: 1;
  top: 16px;
  right: 16px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: #f4f6f8;
  color: inherit;
  cursor: pointer;
}
.lead-modal [data-lead-modal-body] {
  padding: 32px 20px 28px 34px;
}
@media (min-width: 600px) {
  .lead-modal [data-lead-modal-body] {
    padding: 48px 56px 40px 72px;
  }
}
.lead-modal__title {
  padding-right: 48px;
  margin-bottom: 16px;
}
@media (min-width: 1280px) {
  .lead-modal__title {
    margin-bottom: 16px;
  }
}
.lead-modal__text {
  margin-bottom: 24px;
}
.lead-modal .form-success {
  padding: 0 48px 0 0;
}
@media (prefers-reduced-motion: reduce) {
  .lead-modal[open] {
    animation: none;
  }
}

@keyframes lead-modal-in {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
}
.lead-chip {
  color: rgba(44, 46, 53, 0.6);
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .lead-chip {
    font-size: 16px;
    line-height: 1.5;
  }
}
.lead-chip b {
  color: #2c2e35;
}

.showroom {
  --accent: #0067b3;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  overflow: hidden;
  color: #fff;
}
@media (min-width: 1280px) {
  .showroom {
    min-height: calc(var(--stage-height) + var(--dealer-plate-height));
  }
}
.showroom {
  background: radial-gradient(120% 80% at 70% 70%, #16263a 0%, #0a1a2f 45%, #000 100%);
}
.showroom__light {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.showroom__beam {
  position: absolute;
  top: -10%;
  bottom: 0;
  transition: background 0.9s ease;
}
.showroom__beam--wide {
  left: 38%;
  width: 46%;
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 60%, transparent), transparent 85%);
  clip-path: polygon(30% 0, 70% 0, 100% 100%, 0 100%);
  opacity: 0.35;
}
.showroom__beam--narrow {
  right: 6%;
  width: 14%;
  background: linear-gradient(200deg, var(--accent), transparent 80%);
  clip-path: polygon(55% 0, 100% 0, 45% 100%, 0 100%);
  opacity: 0.55;
}
.showroom__floor {
  position: absolute;
  left: 20%;
  right: 0;
  bottom: 14%;
  height: 30%;
  background: radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 70%);
  filter: blur(20px);
  transition: background 0.9s ease;
}
.showroom__head {
  position: relative;
  z-index: 2;
  padding-top: 120px;
}
@media (min-width: 1280px) {
  .showroom__head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 150px;
  }
}
.showroom__kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #00a1e4;
}
.showroom__kicker::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}
.showroom__title {
  max-width: 640px;
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 1280px) {
  .showroom__title {
    font-size: 48px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .showroom__title {
    font-size: 56px;
    line-height: 1.071;
  }
}
.showroom__title {
  color: #fff;
  text-transform: uppercase;
}
.showroom__title span {
  display: block;
  color: rgba(255, 255, 255, 0.5);
}
.showroom__text {
  max-width: 460px;
  margin-top: 16px;
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.5;
}
@media (min-width: 1720px) {
  .showroom__text {
    font-size: 18px;
  }
}
.showroom__text {
  color: rgba(255, 255, 255, 0.75);
}
.showroom__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.showroom__stage {
  position: relative;
  flex-grow: 1;
  width: 100%;
  max-width: 1720px;
  min-height: 420px;
  margin: 0 auto;
}
@media (min-width: 1280px) {
  .showroom__stage {
    flex-grow: 1;
    min-height: clamp(600px, 66vh, 740px);
  }
}
.showroom__slide {
  position: absolute;
  inset: 0;
  margin: 0;
  pointer-events: none;
}
.showroom__slide.is-active {
  pointer-events: auto;
}
.showroom__car {
  position: absolute;
  right: 4%;
  bottom: 17%;
  width: min(50vw, 780px);
  height: auto;
  opacity: 0;
  transform: translateX(40%) scale(0.92);
  transition: opacity 0.5s ease, transform 1s cubic-bezier(0.22, 1, 0.36, 1);
  filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.6));
}
.is-active .showroom__car {
  opacity: 1;
  transform: translateX(0) scale(1);
  transition-delay: 0.1s;
}
.is-leaving .showroom__car {
  opacity: 0;
  transform: translateX(-30%) scale(0.96);
}
@media (max-width: 1279.98px) {
  .showroom__car {
    right: 4%;
    bottom: 20%;
    width: 92vw;
  }
}
.showroom__caption {
  position: absolute;
  right: 200px;
  bottom: 9%;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 24px;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.4s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.is-active .showroom__caption {
  opacity: 1;
  transform: none;
  transition-delay: 0.35s;
}
@media (max-width: 1279.98px) {
  .showroom__caption {
    left: 24px;
    right: 24px;
    bottom: 2%;
  }
}
.showroom__kind {
  color: rgba(255, 255, 255, 0.6);
}
.showroom__price {
  font-size: 24px;
  font-weight: 700;
}
@media (min-width: 1280px) {
  .showroom__price {
    font-size: 32px;
  }
}
.showroom__links {
  display: flex;
  gap: 20px;
}
.showroom__link {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.showroom__link:hover {
  border-color: #fff;
}
.showroom__link--stock {
  color: #00a1e4;
  border-color: rgba(0, 161, 228, 0.5);
}
.showroom__arrow {
  position: absolute;
  bottom: 12%;
  z-index: 2;
  width: 56px;
  height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.showroom__arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.showroom__arrow:hover {
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.08);
}
.showroom__arrow--prev {
  right: 92px;
}
.showroom__arrow--prev::before {
  transform: translateX(2px) rotate(-135deg);
}
.showroom__arrow--next {
  right: 24px;
}
.showroom__arrow--next::before {
  transform: translateX(-2px) rotate(45deg);
}
@media (max-width: 1279.98px) {
  .showroom__arrow {
    display: none;
  }
}
.showroom__tabs {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.showroom__tab {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
.showroom__tab:hover, .showroom__tab.is-active {
  color: #fff;
}
.showroom__tab-name {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  transform: skewX(-12deg);
  transform-origin: left;
}
@media (min-width: 1280px) {
  .showroom__tab-name {
    font-size: 28px;
  }
}
.showroom__tab-bar {
  position: relative;
  display: block;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  overflow: hidden;
}
.showroom__tab-bar span {
  position: absolute;
  inset: 0;
  background-color: var(--accent);
  transform: scaleX(0);
  transform-origin: left;
}
.showroom__tab.is-active .showroom__tab-bar span {
  transform: scaleX(var(--progress, 1));
}
.showroom__note {
  position: relative;
  z-index: 2;
  margin-bottom: 16px;
  color: rgba(255, 255, 255, 0.45);
}

body:has(.showroom .kv-hero__plate) .dealer-plate--footer {
  display: none;
}

.model-rail {
  position: relative;
  background-color: #000;
  color: #fff;
}
.model-rail__sticky {
  padding: 72px 0 40px;
}
.is-pinned .model-rail__sticky {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  height: 100svh;
  padding: 96px 0 32px;
  overflow: hidden;
}
.model-rail__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px 40px;
  margin-bottom: 32px;
}
.model-rail__kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #00a1e4;
}
.model-rail__kicker::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}
.model-rail__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 1280px) {
  .model-rail__title {
    font-size: 48px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .model-rail__title {
    font-size: 56px;
    line-height: 1.071;
  }
}
.model-rail__title {
  color: #fff;
}
.model-rail__meta {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 420px;
}
.model-rail__meta p {
  color: rgba(255, 255, 255, 0.7);
}
.model-rail__progress {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
}
.model-rail__bar {
  position: relative;
  flex-grow: 1;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.2);
}
.model-rail__bar span {
  position: absolute;
  inset: 0;
  background-color: #00a1e4;
  transform: scaleX(var(--rail-progress, 0));
  transform-origin: left;
}
.model-rail__viewport {
  flex-grow: 1;
  min-height: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.is-pinned .model-rail__viewport {
  overflow: visible;
}
.model-rail__track {
  display: flex;
  gap: 20px;
  height: 100%;
  margin: 0;
  padding: 0 24px;
  list-style: none;
  will-change: transform;
}
@media (min-width: 600px) {
  .model-rail__track {
    padding: 0 48px;
  }
}
@media (min-width: 1280px) {
  .model-rail__track {
    padding: 0 64px;
  }
}
.model-rail__card {
  position: relative;
  flex: 0 0 86vw;
  min-height: 480px;
  border-radius: 5px;
  overflow: hidden;
  scroll-snap-align: start;
}
@media (min-width: 960px) {
  .model-rail__card {
    flex-basis: 72vw;
  }
}
@media (min-width: 1280px) {
  .model-rail__card {
    flex-basis: 64vw;
  }
}
.model-rail__photo {
  position: absolute;
  inset: 0;
}
.model-rail__photo::before {
  display: none;
}
.model-rail__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.08);
  transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (min-width: 600px) {
  .model-rail__photo img {
    object-position: var(--photo-position, 50% 50%);
  }
}
.model-rail__photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0) 70%);
}
.model-rail__card:hover .model-rail__photo img, .model-rail__card.is-current .model-rail__photo img {
  transform: scale(1);
}
.model-rail__body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 12px 24px;
  padding: 28px;
}
@media (min-width: 1280px) {
  .model-rail__body {
    padding: 44px;
  }
}
.model-rail__index {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.7);
  transform: skewX(-12deg);
  transform-origin: left bottom;
}
@media (min-width: 1280px) {
  .model-rail__index {
    top: 36px;
    right: 44px;
    font-size: 24px;
  }
}
.model-rail__kind {
  grid-column: 1/-1;
  color: rgba(255, 255, 255, 0.7);
}
.model-rail__logo {
  grid-column: 1;
  width: auto;
  height: 40px;
  filter: brightness(0) invert(1);
}
@media (min-width: 1280px) {
  .model-rail__logo {
    height: 72px;
  }
}
.model-rail__price {
  grid-column: 1;
  font-size: 22px;
  font-weight: 700;
}
@media (min-width: 1280px) {
  .model-rail__price {
    font-size: 28px;
  }
}
.model-rail__actions {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 960px) {
  .model-rail__actions {
    grid-column: 2;
    grid-row: 2/span 2;
  }
}

.rail {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 24px;
  scrollbar-width: none;
  cursor: grab;
}
.rail::-webkit-scrollbar {
  display: none;
}
.rail.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}
.rail.is-dragging a {
  pointer-events: none;
}
@media (min-width: 600px) {
  .rail {
    scroll-padding-inline: 48px;
  }
}
@media (min-width: 1280px) {
  .rail {
    scroll-padding-inline: 64px;
  }
}
.rail__track {
  display: flex;
  gap: 20px;
  width: max-content;
  margin: 0;
  padding: 0 24px 8px;
  list-style: none;
}
@media (min-width: 600px) {
  .rail__track {
    padding: 0 48px 8px;
  }
}
@media (min-width: 1280px) {
  .rail__track {
    padding: 0 64px 8px;
  }
}
.rail__item {
  flex: 0 0 auto;
  width: min(82vw, 420px);
  scroll-snap-align: start;
}
.rail__item[hidden] {
  display: none;
}
@media (min-width: 1280px) {
  .rail__item {
    width: 440px;
  }
}

.rail-arrows {
  display: flex;
  gap: 8px;
}
.rail-arrows__button {
  position: relative;
  width: 48px;
  height: 48px;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out;
}
.rail-arrows__button:hover {
  opacity: 1;
}
.rail-arrows__button:disabled {
  opacity: 0.25;
  cursor: default;
}
.rail-arrows__button::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}
.rail-arrows__button--prev::before {
  transform: translateX(2px) rotate(-135deg);
}
.rail-arrows__button--next::before {
  transform: translateX(-2px) rotate(45deg);
}

.theme-dark .rail-arrows {
  color: #fff;
}

.stock-showcase__slider {
  overflow: clip visible;
}

.stock-showcase__track {
  margin: 0;
  padding: 0 0 8px;
  list-style: none;
}

.stock-showcase__slider .swiper-slide {
  height: auto;
}
.stock-showcase__slider .swiper-slide > .listing-card {
  height: 100%;
}

.rail-arrows:has(.swiper-button-lock) {
  display: none;
}

.stock-showcase {
  overflow: hidden;
  padding-top: 72px;
}
@media (min-width: 1280px) {
  .stock-showcase {
    padding-top: 104px;
  }
}
.stock-showcase__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px 40px;
}
.stock-showcase__kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #00a1e4;
}
.stock-showcase__kicker::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}
.stock-showcase__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 1280px) {
  .stock-showcase__title {
    font-size: 48px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .stock-showcase__title {
    font-size: 56px;
    line-height: 1.071;
  }
}
.theme-dark .stock-showcase__title {
  color: #fff;
}
.stock-showcase__text {
  max-width: 560px;
  margin-top: 12px;
  opacity: 0.7;
}
.theme-dark .stock-showcase__text {
  color: #fff;
}
.stock-showcase__counter {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.theme-dark .stock-showcase__counter {
  color: rgba(255, 255, 255, 0.7);
}
.stock-showcase__number {
  font-size: 96px;
  font-weight: 700;
  line-height: 0.85;
  letter-spacing: -3px;
  color: #00a1e4;
}
@media (min-width: 1280px) {
  .stock-showcase__number {
    font-size: 144px;
  }
}
.stock-showcase__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 32px;
  margin-bottom: 24px;
}
.stock-showcase__tabs {
  margin-bottom: 0;
}
.stock-showcase__more {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.split-tiles {
  padding: 72px 0;
  background-color: #000;
}
@media (min-width: 1280px) {
  .split-tiles {
    padding: 104px 0;
  }
}
.split-tiles__head {
  margin-bottom: 32px;
}
.split-tiles__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 1280px) {
  .split-tiles__title {
    font-size: 48px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .split-tiles__title {
    font-size: 56px;
    line-height: 1.071;
  }
}
.split-tiles__title {
  color: #fff;
}
.split-tiles__list {
  display: grid;
  gap: 16px;
}
@media (min-width: 960px) {
  .split-tiles__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(260px, 1fr);
    gap: 20px;
  }
}
@media (min-width: 960px) {
  .split-tiles__list--3 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
    height: clamp(560px, 64svh, 760px);
  }
  .split-tiles__list--3 .split-tiles__tile:first-child {
    grid-row: span 2;
  }
}
@media (min-width: 960px) {
  .split-tiles__list--2, .split-tiles__list--1 {
    height: clamp(420px, 50svh, 600px);
  }
}
@media (min-width: 960px) {
  .split-tiles__list--1 {
    grid-template-columns: 1fr;
  }
}
.split-tiles__tile {
  position: relative;
  display: block;
  aspect-ratio: 4/3;
  border-radius: 5px;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}
@media (min-width: 600px) {
  .split-tiles__tile {
    aspect-ratio: 16/9;
  }
}
@media (min-width: 960px) {
  .split-tiles__tile {
    aspect-ratio: auto;
  }
}
.split-tiles__photo {
  position: absolute;
  inset: 0;
}
.split-tiles__photo::before {
  display: none;
}
.split-tiles__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(0.4) brightness(0.7);
  transform: scale(1.06);
  transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1), filter 0.8s ease;
}
.split-tiles__photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1) 60%);
}
.split-tiles__tile:hover .split-tiles__photo img, .split-tiles__tile:focus-visible .split-tiles__photo img {
  filter: none;
  transform: scale(1);
}
.split-tiles__body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 28px;
}
@media (min-width: 1280px) {
  .split-tiles__body {
    padding: 40px;
  }
}
.split-tiles__kicker {
  color: #00a1e4;
}
.split-tiles__name {
  max-width: 460px;
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 22px;
  letter-spacing: normal;
  line-height: 1.1;
}
@media (min-width: 600px) {
  .split-tiles__name {
    font-size: 28px;
  }
}
@media (min-width: 1280px) {
  .split-tiles__name {
    font-size: 32px;
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1720px) {
  .split-tiles__name {
    font-size: 36px;
  }
}
.split-tiles__name {
  color: #fff;
}
.split-tiles__text {
  max-width: 420px;
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .split-tiles__text {
    font-size: 16px;
    line-height: 1.5;
  }
}
.split-tiles__text {
  color: rgba(255, 255, 255, 0.75);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.split-tiles__cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
}
.split-tiles__cta svg {
  transition: transform 0.3s ease-in-out;
}
.split-tiles__tile:hover .split-tiles__cta svg {
  transform: translate(4px, -4px);
}

.marquee {
  display: block;
  overflow: hidden;
  padding: 28px 0;
  background-color: #0067b3;
  color: #fff;
  text-decoration: none;
}
@media (min-width: 1280px) {
  .marquee {
    padding: 40px 0;
  }
}
.marquee__track {
  display: flex;
  width: max-content;
  animation: marquee 32s linear infinite;
}
.marquee:hover .marquee__track {
  animation-play-state: paused;
}
.marquee__group {
  display: flex;
  align-items: center;
}
.marquee__item {
  padding: 0 32px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  transform: skewX(-12deg);
}
@media (min-width: 1280px) {
  .marquee__item {
    font-size: 72px;
  }
}
.marquee__item:nth-child(4n+3) {
  color: rgba(255, 255, 255, 0.6);
}
.marquee__sep {
  flex-shrink: 0;
  width: 48px;
  height: 4px;
  background-color: #00a1e4;
  transform: skewX(-30deg);
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.journey__list {
  position: relative;
}
.journey__line {
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  height: 2px;
  list-style: none;
  pointer-events: none;
}
.journey__line span {
  display: block;
  height: 100%;
  background-color: #0067b3;
  transform: scaleX(var(--journey-progress, 0));
  transform-origin: left;
}
@media (max-width: 1279.98px) {
  .journey__line {
    display: none;
  }
}
.journey__step {
  display: flex;
  flex-direction: column;
  transition: opacity 0.5s ease;
}
.journey__step .journey__link {
  margin-top: auto;
  padding-top: 16px;
}
[data-journey].is-live .journey__step {
  opacity: 0.35;
}
[data-journey].is-live .journey__step.is-lit {
  opacity: 1;
}
.journey__step.is-lit .journey__number {
  color: #0067b3;
  transition: color 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__track {
    animation: none;
  }
  .showroom__car,
  .showroom__caption,
  .model-rail__photo img {
    transition: none;
  }
}
.model-stage {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: min(100svh, 186vw);
}
@media (min-width: 600px) {
  .model-stage {
    min-height: min(100svh, 52vw);
  }
}
@media (min-width: 1280px) {
  .model-stage {
    min-height: var(--stage-height);
  }
}
.model-stage {
  overflow: hidden;
  color: #fff;
  background-color: #000;
}
.model-stage__media {
  position: absolute;
  inset: 0;
}
.model-stage__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  transform-origin: 50% 60%;
  will-change: transform;
}
.model-stage__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.2) 45%, rgba(0, 0, 0, 0) 70%), linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 55%);
}
.model-stage__body {
  position: relative;
  z-index: 2;
  padding-top: 140px;
  padding-bottom: 48px;
}
@media (min-width: 1280px) {
  .model-stage__body {
    padding-bottom: 72px;
  }
}
.model-stage__title {
  max-width: 760px;
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 24px;
  letter-spacing: normal;
  line-height: 1.1;
}
@media (min-width: 600px) {
  .model-stage__title {
    font-size: 32px;
  }
}
@media (min-width: 1280px) {
  .model-stage__title {
    font-size: 40px;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1720px) {
  .model-stage__title {
    font-size: 48px;
  }
}
.model-stage__title {
  color: #fff;
}
.model-stage__price {
  margin-top: 12px;
  font-size: 24px;
  font-weight: 700;
  color: #00a1e4;
}
@media (min-width: 1280px) {
  .model-stage__price {
    font-size: 32px;
  }
}
.model-stage__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

@keyframes stage-figure {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.model-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.86);
  backdrop-filter: blur(12px);
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.model-nav__inner {
  display: flex;
  align-items: center;
  gap: 24px;
  height: 64px;
}
.model-nav__name {
  flex-shrink: 0;
  font-weight: 700;
  font-size: 18px;
  transform: skewX(-12deg);
}
@media (max-width: 959.98px) {
  .model-nav__name {
    display: none;
  }
}
.model-nav__list {
  position: relative;
  display: flex;
  flex-grow: 1;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}
.model-nav__list::-webkit-scrollbar {
  display: none;
}
.model-nav__pill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 40px;
  background-color: #fff;
  opacity: 0;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), width 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;
}
.model-nav__link {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  padding: 8px 16px;
  border-radius: 40px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.3s ease;
}
.model-nav__link:hover {
  color: #fff;
}
.model-nav__link.is-active {
  color: #101820;
}
.model-nav__actions {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
}
.model-nav__actions .btn.btn--secondary {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
}
.model-nav__actions .btn.btn--secondary svg {
  fill: #fff;
}
@media (max-width: 959.98px) {
  .model-nav__actions {
    display: none;
  }
}

.statement {
  padding-top: 96px;
  background-color: #fff;
}
@media (min-width: 1280px) {
  .statement {
    padding-top: 140px;
  }
}
.statement__head {
  display: grid;
  gap: 24px 64px;
  margin-bottom: 56px;
}
@media (min-width: 960px) {
  .statement__head {
    grid-template-columns: 1.2fr 1fr;
    align-items: end;
  }
}
.statement__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 36px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 600px) {
  .statement__title {
    font-size: 48px;
  }
}
@media (min-width: 1280px) {
  .statement__title {
    font-size: 56px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .statement__title {
    font-size: 72px;
  }
}
.statement__texts {
  display: grid;
  gap: 16px;
}
.statement__texts p {
  color: rgba(44, 46, 53, 0.8);
}
.statement__frame {
  position: relative;
  aspect-ratio: 12/5;
  max-height: 80svh;
  margin: 0 auto;
  overflow: hidden;
  clip-path: polygon(30% 0, 70% 0, 55% 100%, 15% 100%);
  transition: clip-path 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.statement__frame.is-open {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.statement__frame picture,
.statement__frame img {
  display: block;
  width: 100%;
  height: 100%;
}
.statement__frame img {
  object-fit: cover;
  transform: scale(1.15);
  transition: transform 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.statement__frame.is-open img {
  transform: scale(1);
}

.big-figures {
  padding: 72px 0;
  background: linear-gradient(135deg, #0a1a2f, #000);
  color: #fff;
}
@media (min-width: 1280px) {
  .big-figures {
    padding: 104px 0;
  }
}
.big-figures__variant + .big-figures__variant {
  margin-top: 56px;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.big-figures__variant-title {
  margin-bottom: 24px;
  color: #00a1e4;
}
.big-figures__list {
  display: grid;
  gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 600px) {
  .big-figures__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.big-figures__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.big-figures__value {
  font-size: 72px;
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -3px;
  transform: skewX(-8deg);
  transform-origin: left bottom;
}
@media (min-width: 1280px) {
  .big-figures__value {
    font-size: 128px;
  }
}
.big-figures__label {
  max-width: 280px;
  color: rgba(255, 255, 255, 0.65);
}

.story {
  padding: 96px 0;
  background-color: #f4f6f8;
}
.story:nth-of-type(2n) {
  background-color: #fff;
}
@media (min-width: 1280px) {
  .story {
    padding: 140px 0;
  }
}
.story__layout {
  display: grid;
  gap: 40px;
}
@media (min-width: 960px) {
  .story__layout {
    grid-template-columns: 1.25fr 1fr;
    gap: 64px;
    align-items: start;
  }
}
@media (min-width: 960px) {
  .story--swap .story__media {
    order: 2;
  }
}
.story__media {
  display: none;
}
@media (min-width: 960px) {
  .story__media {
    position: sticky;
    top: 96px;
    display: block;
  }
}
.story__frame-stack {
  position: relative;
  aspect-ratio: 3/2;
  max-height: calc(100svh - 160px);
  border-radius: 5px;
  overflow: hidden;
  background-color: #101820;
}
.story__frame {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: scale(1.08);
  transition: opacity 0.8s ease, transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.story__frame.is-active {
  opacity: 1;
  transform: scale(1);
}
.story__frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.story__counter {
  position: absolute;
  right: 24px;
  bottom: 20px;
  padding: 8px 14px;
  border-radius: 40px;
  background-color: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-weight: 700;
  backdrop-filter: blur(8px);
}
.story__head {
  margin-bottom: 32px;
}
@media (min-width: 960px) {
  .story__head {
    min-height: 30svh;
  }
}
.story__kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #00a1e4;
}
.story__kicker::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}
.story__kicker {
  color: #0067b3;
}
.story__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 36px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 600px) {
  .story__title {
    font-size: 48px;
  }
}
@media (min-width: 1280px) {
  .story__title {
    font-size: 56px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .story__title {
    font-size: 72px;
  }
}
.story__step {
  position: relative;
  padding: 32px 0;
  border-top: 1px solid rgba(16, 24, 32, 0.12);
}
@media (min-width: 960px) {
  .story__step {
    min-height: 60svh;
    opacity: 0.3;
    transition: opacity 0.5s ease;
  }
  .story__step.is-active {
    opacity: 1;
  }
}
.story__step-image {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  margin-bottom: 20px;
  border-radius: 5px;
  object-fit: cover;
}
@media (min-width: 960px) {
  .story__step-image {
    display: none;
  }
}
.story__step-index {
  display: block;
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
  color: #0067b3;
  transform: skewX(-12deg);
  transform-origin: left bottom;
}
.story__step-title {
  margin-bottom: 12px;
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .story__step-title {
    font-size: 24px;
    line-height: 1.167;
  }
}
@media (min-width: 1280px) {
  .story__step-title {
    font-size: 28px;
    line-height: 1.143;
  }
}
@media (min-width: 1720px) {
  .story__step-title {
    font-size: 32px;
    line-height: 1.125;
  }
}
.story__step-text {
  max-width: 520px;
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.5;
}
@media (min-width: 1720px) {
  .story__step-text {
    font-size: 18px;
  }
}
.story__step-text {
  color: rgba(44, 46, 53, 0.8);
}

.card-rail {
  padding: 96px 0;
  background-color: #000;
  color: #fff;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .card-rail {
    padding: 140px 0;
  }
}
.card-rail__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
}
.card-rail__kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #00a1e4;
}
.card-rail__kicker::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}
.card-rail__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 36px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 600px) {
  .card-rail__title {
    font-size: 48px;
  }
}
@media (min-width: 1280px) {
  .card-rail__title {
    font-size: 56px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .card-rail__title {
    font-size: 72px;
  }
}
.card-rail__title {
  color: #fff;
}
.card-rail__item {
  position: relative;
  width: min(80vw, 480px);
}
@media (min-width: 1280px) {
  .card-rail__item {
    width: 520px;
  }
}
.card-rail__photo {
  border-radius: 5px;
  overflow: hidden;
}
.card-rail__photo::before {
  padding-top: 120%;
}
.card-rail__photo img {
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.card-rail__item:hover .card-rail__photo img {
  transform: scale(1.05);
}
.card-rail__index {
  position: absolute;
  top: 16px;
  left: 20px;
  padding: 6px 12px;
  border-radius: 40px;
  background-color: rgba(0, 0, 0, 0.55);
  font-size: 16px;
  backdrop-filter: blur(6px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
  color: #fff;
  transform: skewX(-12deg);
  transform-origin: left bottom;
}
.card-rail__name {
  margin-top: 20px;
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .card-rail__name {
    font-size: 24px;
    line-height: 1.167;
  }
}
@media (min-width: 1280px) {
  .card-rail__name {
    font-size: 28px;
    line-height: 1.143;
  }
}
@media (min-width: 1720px) {
  .card-rail__name {
    font-size: 32px;
    line-height: 1.125;
  }
}
.card-rail__name {
  color: #fff;
}
.card-rail__text {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

@media (prefers-reduced-motion: reduce) {
  .statement__frame,
  .statement__frame img,
  .story__frame {
    transition: none;
  }
}
.page-stage {
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  color: #fff;
  background: radial-gradient(120% 90% at 75% 80%, #16263a 0%, #0a1a2f 45%, #000 100%);
}
.page-stage--tall {
  min-height: 88svh;
}
.page-stage--medium {
  min-height: 70svh;
}
@media (min-width: 1280px) {
  .page-stage--tall, .page-stage--medium {
    min-height: var(--stage-height);
  }
}
.page-stage--short {
  min-height: 0;
}
.page-stage__media {
  position: absolute;
  inset: 0;
}
.page-stage__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.12);
  transform-origin: 50% 60%;
  will-change: transform;
}
.page-stage__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.1) 75%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 60%);
}
.page-stage__beams span {
  position: absolute;
  top: -10%;
  bottom: 0;
  pointer-events: none;
}
.page-stage__beams span:first-child {
  left: 46%;
  width: 40%;
  background: linear-gradient(180deg, rgba(0, 103, 179, 0.35), transparent 85%);
  clip-path: polygon(30% 0, 70% 0, 100% 100%, 0 100%);
}
.page-stage__beams span:last-child {
  right: 4%;
  width: 12%;
  background: linear-gradient(200deg, rgba(0, 103, 179, 0.8), transparent 80%);
  clip-path: polygon(55% 0, 100% 0, 45% 100%, 0 100%);
}
.page-stage__body {
  position: relative;
  z-index: 2;
  padding-top: 140px;
  padding-bottom: 56px;
}
@media (min-width: 1280px) {
  .page-stage__body {
    padding-top: 170px;
    padding-bottom: 80px;
  }
}
.page-stage--short .page-stage__body {
  padding-bottom: 48px;
}
.page-stage__kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #00a1e4;
}
.page-stage__kicker::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}
.page-stage__title {
  max-width: 900px;
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 36px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 600px) {
  .page-stage__title {
    font-size: 48px;
  }
}
@media (min-width: 1280px) {
  .page-stage__title {
    font-size: 56px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .page-stage__title {
    font-size: 72px;
  }
}
.page-stage__title {
  color: #fff;
  text-transform: uppercase;
}
.page-stage__title span {
  display: block;
  color: rgba(255, 255, 255, 0.5);
}
.page-stage__text {
  max-width: 620px;
  margin-top: 20px;
  font-size: 18px;
  color: #2c2e35;
  line-height: 1.4;
  font-weight: 500;
}
@media (min-width: 1280px) {
  .page-stage__text {
    font-size: 20px;
  }
}
@media (min-width: 1720px) {
  .page-stage__text {
    font-size: 24px;
  }
}
.page-stage__text {
  color: rgba(255, 255, 255, 0.78);
}
.page-stage__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}
.page-stage .header-image__breadcrumbs {
  color: rgba(255, 255, 255, 0.8);
}

.link-rows {
  padding: 96px 0;
  background-color: #000;
  color: #fff;
}
@media (min-width: 1280px) {
  .link-rows {
    padding: 140px 0;
  }
}
.link-rows.theme-light, .link-rows.theme-medium {
  background-color: #f4f6f8;
  color: #101820;
}
.link-rows__head {
  margin-bottom: 40px;
}
.link-rows__kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #00a1e4;
}
.link-rows__kicker::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}
.link-rows__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 36px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 600px) {
  .link-rows__title {
    font-size: 48px;
  }
}
@media (min-width: 1280px) {
  .link-rows__title {
    font-size: 56px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .link-rows__title {
    font-size: 72px;
  }
}
.link-rows__title {
  color: inherit;
}
.link-rows__lead {
  max-width: 560px;
  margin-top: 16px;
  opacity: 0.7;
}
.link-rows__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top-color: rgba(255, 255, 255, 0.18);
}
.theme-light .link-rows__list, .theme-medium .link-rows__list {
  border-top-color: rgba(16, 24, 32, 0.14);
}
.link-rows__row {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 28px 0;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  isolation: isolate;
}
.theme-light .link-rows__row, .theme-medium .link-rows__row {
  border-bottom-color: rgba(16, 24, 32, 0.14);
}
@media (min-width: 960px) {
  .link-rows__row {
    grid-template-columns: 96px minmax(0, 1.1fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 32px;
    padding: 36px 0;
  }
}
@media (min-width: 960px) {
  .link-rows--plain .link-rows__row {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) auto;
  }
}
a.link-rows__row::before {
  content: "";
  position: absolute;
  inset: 0 -24px;
  z-index: -1;
  background-color: #0067b3;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

a.link-rows__row:hover::before,
a.link-rows__row:focus-visible::before {
  transform: scaleX(1);
}

a.link-rows__row:hover,
a.link-rows__row:focus-visible {
  color: #fff;
}
a.link-rows__row:hover .link-rows__text,
a.link-rows__row:hover .link-rows__cta,
a.link-rows__row:focus-visible .link-rows__text,
a.link-rows__row:focus-visible .link-rows__cta {
  color: inherit;
}

.link-rows__index {
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
  color: #00a1e4;
  transform: skewX(-12deg);
  transform-origin: left bottom;
}
.theme-light .link-rows__index, .theme-medium .link-rows__index {
  color: #0067b3;
}
@media (min-width: 1280px) {
  .link-rows__index {
    font-size: 40px;
  }
}
.link-rows__name {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 22px;
  letter-spacing: normal;
  line-height: 1.1;
}
@media (min-width: 600px) {
  .link-rows__name {
    font-size: 28px;
  }
}
@media (min-width: 1280px) {
  .link-rows__name {
    font-size: 32px;
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1720px) {
  .link-rows__name {
    font-size: 36px;
  }
}
.link-rows__name {
  color: inherit;
}
.link-rows__text {
  color: inherit;
  opacity: 0.7;
}
.link-rows__cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
.link-rows__cta svg {
  transition: transform 0.3s ease-in-out;
}
.link-rows__row:hover .link-rows__cta svg {
  transform: translate(4px, -4px);
}

.benefit-tabs {
  padding: 96px 0;
  background-color: #fff;
}
@media (min-width: 1280px) {
  .benefit-tabs {
    padding: 140px 0;
  }
}
.benefit-tabs__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 48px;
}
.benefit-tabs__kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #00a1e4;
}
.benefit-tabs__kicker::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}
.benefit-tabs__kicker {
  color: #0067b3;
}
.benefit-tabs__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 36px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 600px) {
  .benefit-tabs__title {
    font-size: 48px;
  }
}
@media (min-width: 1280px) {
  .benefit-tabs__title {
    font-size: 56px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .benefit-tabs__title {
    font-size: 72px;
  }
}
.benefit-tabs__lead {
  max-width: 520px;
  margin-top: 12px;
  color: rgba(44, 46, 53, 0.7);
}
.benefit-tabs__tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}
.benefit-tabs__tab {
  flex-shrink: 0;
  padding: 12px 22px;
  border: 1px solid rgba(16, 24, 32, 0.2);
  border-radius: 40px;
  background: transparent;
  font: inherit;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.benefit-tabs__tab.is-active, .benefit-tabs__tab:hover {
  background-color: #101820;
  color: #fff;
}
.benefit-tabs.is-tabbed .benefit-tabs__panel:not(.is-active) {
  display: none;
}
.benefit-tabs__panel {
  display: grid;
  gap: 32px;
  align-items: center;
}
.benefit-tabs__panel + .benefit-tabs__panel {
  margin-top: 56px;
}
@media (min-width: 960px) {
  .benefit-tabs__panel {
    grid-template-columns: 1fr 1.1fr;
    gap: 64px;
  }
}
.benefit-tabs__model {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.benefit-tabs__car {
  width: 100%;
  max-width: 640px;
  height: auto;
}
.is-active .benefit-tabs__car {
  animation: benefit-car 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.benefit-tabs__logo {
  width: auto;
  height: 36px;
  filter: brightness(0);
}
@media (min-width: 1280px) {
  .benefit-tabs__logo {
    height: 56px;
  }
}
.benefit-tabs__link {
  color: #0067b3;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}
.benefit-tabs__rows {
  margin: 0;
  padding: 0;
  list-style: none;
}
.benefit-tabs__row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 24px;
  align-items: baseline;
  padding: 22px 0;
  border-bottom: 1px solid rgba(16, 24, 32, 0.12);
}
.is-active .benefit-tabs__row {
  animation: stage-figure 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--delay, 0s);
}
.benefit-tabs__trim {
  font-size: 22px;
  font-weight: 700;
}
.benefit-tabs__note {
  grid-row: 2;
  color: rgba(44, 46, 53, 0.6);
}
.benefit-tabs__amount {
  grid-row: 1/span 2;
  font-size: 28px;
  font-weight: 700;
  color: #0067b3;
  white-space: nowrap;
}
@media (min-width: 1280px) {
  .benefit-tabs__amount {
    font-size: 36px;
  }
}

@keyframes benefit-car {
  from {
    opacity: 0;
    transform: translateX(-12%);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.media-split {
  display: grid;
  background-color: #fff;
}
.media-split.theme-dark {
  background-color: #000;
  color: #fff;
}
.media-split.theme-medium {
  background-color: #f4f6f8;
}
@media (min-width: 960px) {
  .media-split {
    grid-template-columns: 1.15fr 1fr;
    min-height: 80svh;
  }
}
@media (min-width: 960px) {
  .media-split--swap {
    grid-template-columns: 1fr 1.15fr;
  }
  .media-split--swap .media-split__frame {
    order: 2;
  }
}
.media-split__frame {
  position: relative;
  aspect-ratio: 3/2;
  overflow: hidden;
  clip-path: polygon(25% 0, 75% 0, 60% 100%, 10% 100%);
}
@media (min-width: 960px) {
  .media-split__frame {
    aspect-ratio: auto;
    min-height: 100%;
  }
}
.media-split__frame {
  transition: clip-path 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.media-split__frame.is-open {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.media-split__frame picture,
.media-split__frame img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.media-split__frame img {
  object-fit: cover;
  transform: scale(1.15);
  transition: transform 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.media-split__frame.is-open img {
  transform: scale(1);
}
.media-split__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  padding: 56px 24px;
}
@media (min-width: 600px) {
  .media-split__body {
    padding: 72px 48px;
  }
}
@media (min-width: 1280px) {
  .media-split__body {
    padding: 96px 80px;
  }
}
.media-split__kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #00a1e4;
}
.media-split__kicker::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}
.media-split__kicker {
  margin-bottom: 0;
  color: #0067b3;
}
.theme-dark .media-split__kicker {
  color: #00a1e4;
}
.media-split__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 1280px) {
  .media-split__title {
    font-size: 48px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .media-split__title {
    font-size: 56px;
    line-height: 1.071;
  }
}
.media-split__title {
  color: inherit;
}
.media-split__content {
  max-width: 560px;
  opacity: 0.85;
}
.theme-dark .media-split__content p {
  color: rgba(255, 255, 255, 0.8);
}
.media-split__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.header-h2 .header-h2__content.row,
.header-h2-narrow .header-h2__content.row {
  flex-direction: column;
  gap: 12px;
}
.header-h2 .header-h2__content.row > [class*=col-],
.header-h2-narrow .header-h2__content.row > [class*=col-] {
  flex: 0 0 auto;
  width: 100%;
  max-width: 900px;
  margin-left: 0;
}
.header-h2 .header-h2__content.row > .order-1,
.header-h2-narrow .header-h2__content.row > .order-1 {
  order: 1;
}
.header-h2 .header-h2__content.row > .order-2,
.header-h2-narrow .header-h2__content.row > .order-2 {
  order: 2;
}
.header-h2 .header-h2__content.row > .order-3,
.header-h2-narrow .header-h2__content.row > .order-3 {
  order: 3;
}
.header-h2 .header-h2__title,
.header-h2-narrow .header-h2__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 36px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 600px) {
  .header-h2 .header-h2__title,
  .header-h2-narrow .header-h2__title {
    font-size: 48px;
  }
}
@media (min-width: 1280px) {
  .header-h2 .header-h2__title,
  .header-h2-narrow .header-h2__title {
    font-size: 56px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .header-h2 .header-h2__title,
  .header-h2-narrow .header-h2__title {
    font-size: 72px;
  }
}
.header-h2 .header-h2__title,
.header-h2-narrow .header-h2__title {
  color: inherit;
}
.header-h2 .header-h2__subtitle,
.header-h2-narrow .header-h2__subtitle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #00a1e4;
}
.header-h2 .header-h2__subtitle::before,
.header-h2-narrow .header-h2__subtitle::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}
.header-h2 .header-h2__subtitle,
.header-h2-narrow .header-h2__subtitle {
  opacity: 1;
  color: #0067b3;
  text-decoration: none;
}
.header-h2.theme-dark .header-h2__subtitle, .theme-dark .header-h2 .header-h2__subtitle,
.header-h2-narrow.theme-dark .header-h2__subtitle,
.theme-dark .header-h2-narrow .header-h2__subtitle {
  color: #00a1e4;
}
.header-h2 .header-h2__text,
.header-h2-narrow .header-h2__text {
  max-width: 620px;
}

.accordion .accordion__item {
  border-bottom: 1px solid rgba(16, 24, 32, 0.14);
}
.accordion.theme-dark .accordion__item {
  border-bottom-color: rgba(255, 255, 255, 0.18);
}
.accordion .accordion__header {
  padding: 28px 0;
}
.accordion .accordion__header .h6 {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .accordion .accordion__header .h6 {
    font-size: 24px;
    line-height: 1.167;
  }
}
@media (min-width: 1280px) {
  .accordion .accordion__header .h6 {
    font-size: 28px;
    line-height: 1.143;
  }
}
@media (min-width: 1720px) {
  .accordion .accordion__header .h6 {
    font-size: 32px;
    line-height: 1.125;
  }
}
.accordion .accordion__header .h6 {
  color: inherit;
  transition: color 0.3s ease-in-out;
}
.accordion .accordion__header:hover .h6 {
  color: #0067b3;
}
.accordion.theme-dark .accordion__header:hover .h6 {
  color: #00a1e4;
}

.lead-form .form {
  padding: 32px 24px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 24px 60px rgba(16, 24, 32, 0.1);
  overflow: hidden;
  position: relative;
}
.lead-form .form::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  background: linear-gradient(180deg, #00a1e4, #0067b3);
}
@media (min-width: 600px) {
  .lead-form .form::before {
    width: 24px;
    clip-path: polygon(0 0, 100% 0, 40% 100%, 0 100%);
  }
}
@media (min-width: 600px) {
  .lead-form .form {
    padding: 48px 56px 48px 72px;
  }
}
.lead-form .form__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 1280px) {
  .lead-form .form__title {
    font-size: 48px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .lead-form .form__title {
    font-size: 56px;
    line-height: 1.071;
  }
}

.lead-modal [data-lead-modal-body] {
  position: relative;
}
.lead-modal [data-lead-modal-body]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  background: linear-gradient(180deg, #00a1e4, #0067b3);
}
@media (min-width: 600px) {
  .lead-modal [data-lead-modal-body]::before {
    width: 24px;
    clip-path: polygon(0 0, 100% 0, 40% 100%, 0 100%);
  }
}

.columns-tech tr {
  transition: background-color 0.3s ease-in-out;
}
.columns-tech tr:hover {
  background-color: rgba(0, 103, 179, 0.05);
}
.columns-tech td {
  padding-top: 18px;
  padding-bottom: 18px;
}
.columns-tech td:last-child {
  font-weight: 700;
}

.car-summary__title,
.car-summary h1 {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 1280px) {
  .car-summary__title,
  .car-summary h1 {
    font-size: 48px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .car-summary__title,
  .car-summary h1 {
    font-size: 56px;
    line-height: 1.071;
  }
}
.car-summary__total {
  color: #0067b3;
}

.car-highlights__item {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.car-highlights__item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(16, 24, 32, 0.1);
}

.price-ladder__list[data-reveal] .price-ladder__bar span {
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 1.1s cubic-bezier(0.22, 1, 0.36, 1);
}
.price-ladder__list[data-reveal] .price-ladder__row--benefit .price-ladder__bar span {
  transform-origin: right;
}
.price-ladder__list[data-reveal] .price-ladder__row:nth-child(2) .price-ladder__bar span {
  transition-delay: 0.25s;
}
.price-ladder__list[data-reveal] .price-ladder__row:nth-child(3) .price-ladder__bar span {
  transition-delay: 0.5s;
}
.price-ladder__list[data-reveal] .price-ladder__row:nth-child(4) .price-ladder__bar span {
  transition-delay: 0.75s;
}
.price-ladder__list[data-reveal].is-open .price-ladder__bar span {
  transform: scaleX(1);
}

.catalog__count strong,
.catalog .catalog-toolbar strong {
  color: #0067b3;
}

.catalog-chip {
  border-radius: 40px;
}

@media (prefers-reduced-motion: reduce) {
  .benefit-tabs__car,
  .benefit-tabs__row {
    animation: none;
  }
  .link-rows__row::before,
  .media-split__frame,
  .media-split__frame img {
    transition: none;
  }
}
.rail,
.model-rail__viewport {
  container-type: inline-size;
  --content-inset: 24px;
  --content-width: calc(100cqw - 48px);
}
@media (min-width: 600px) {
  .rail,
  .model-rail__viewport {
    --content-inset: 48px;
    --content-width: calc(100cqw - 96px);
  }
}
@media (min-width: 1280px) {
  .rail,
  .model-rail__viewport {
    --content-inset: max(64px, calc((100cqw - 1720px) / 2 + 64px));
    --content-width: calc(min(100cqw, 1720px) - 128px);
  }
}

.crumbs-bar {
  padding: 14px 0;
  background-color: #fff;
  border-bottom: 1px solid rgba(16, 24, 32, 0.08);
}
.crumbs-bar .breadcrumbs {
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .crumbs-bar .breadcrumbs {
    font-size: 14px;
    line-height: 1.4;
  }
}
.crumbs-bar .breadcrumbs {
  color: rgba(44, 46, 53, 0.7);
}

.seo-article {
  padding: 96px 0;
}
@media (min-width: 1280px) {
  .seo-article {
    padding: 120px 0;
  }
}
.seo-article__head {
  max-width: 900px;
  margin-bottom: 40px;
}
.seo-article__kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #00a1e4;
}
.seo-article__kicker::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}
.seo-article__kicker {
  color: #0067b3;
}
.seo-article__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 1280px) {
  .seo-article__title {
    font-size: 48px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .seo-article__title {
    font-size: 56px;
    line-height: 1.071;
  }
}
.seo-article__lead {
  max-width: 640px;
  margin-top: 16px;
  font-size: 16px;
  color: #2c2e35;
  line-height: 1.5;
}
@media (min-width: 1720px) {
  .seo-article__lead {
    font-size: 18px;
  }
}
.seo-article__lead {
  color: rgba(44, 46, 53, 0.75);
}
.seo-article__grid {
  display: grid;
  gap: 16px;
}
@media (min-width: 600px) {
  .seo-article__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .seo-article__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
.seo-article__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 28px;
  border-radius: 5px;
  background-color: #f4f6f8;
  overflow: hidden;
  scroll-margin-top: 120px;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease;
}
.seo-article__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 48px rgba(16, 24, 32, 0.1);
}
@media (min-width: 600px) {
  .seo-article__card:first-child {
    grid-column: span 2;
  }
}
@media (min-width: 1280px) {
  .seo-article__card:first-child {
    padding: 36px 40px;
  }
}
@media (min-width: 1280px) {
  .seo-article__card {
    padding: 32px;
  }
}
.seo-article.theme-light .seo-article__card {
  background-color: #fff;
}
.seo-article__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background-color: rgba(0, 103, 179, 0.08);
  color: #0067b3;
  transition: background-color 0.4s ease, color 0.4s ease;
}
.seo-article__icon svg {
  fill: currentColor;
}
.seo-article__card:hover .seo-article__icon {
  background-color: #0067b3;
  color: #fff;
}
.seo-article__name {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.3;
}
@media (min-width: 600px) {
  .seo-article__name {
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  .seo-article__name {
    font-size: 24px;
  }
}
@media (min-width: 1720px) {
  .seo-article__name {
    font-size: 28px;
  }
}
.seo-article__text {
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .seo-article__text {
    font-size: 16px;
    line-height: 1.5;
  }
}
.seo-article__text {
  color: rgba(44, 46, 53, 0.8);
}
.seo-article__text p + p {
  margin-top: 10px;
}
.seo-article__text a {
  color: #0067b3;
}
.seo-article__text ul {
  margin: 0;
  padding-left: 18px;
}
.seo-article__cta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  padding: 32px;
  border-radius: 5px;
  background: linear-gradient(150deg, #0067b3 0%, #0a1a2f 70%);
  color: #fff;
}
.seo-article__cta-title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .seo-article__cta-title {
    font-size: 24px;
    line-height: 1.167;
  }
}
@media (min-width: 1280px) {
  .seo-article__cta-title {
    font-size: 28px;
    line-height: 1.143;
  }
}
@media (min-width: 1720px) {
  .seo-article__cta-title {
    font-size: 32px;
    line-height: 1.125;
  }
}
.seo-article__cta-title {
  color: #fff;
}
.seo-article__cta-text {
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .seo-article__cta-text {
    font-size: 16px;
    line-height: 1.5;
  }
}
.seo-article__cta-text {
  color: rgba(255, 255, 255, 0.8);
}
.seo-article__cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.seo-article__cta-buttons .btn.btn--primary {
  background-color: #fff;
  border-color: #fff;
  color: #101820;
}
.seo-article__cta-buttons .btn.btn--primary svg {
  fill: #101820;
}
.seo-article__cta-buttons .btn.btn--secondary {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.6);
}

.specs-board {
  padding: 96px 0;
  background-color: #fff;
}
@media (min-width: 1280px) {
  .specs-board {
    padding: 120px 0;
  }
}
.specs-board__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 32px;
}
.specs-board__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 1280px) {
  .specs-board__title {
    font-size: 48px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .specs-board__title {
    font-size: 56px;
    line-height: 1.071;
  }
}
.specs-board__tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}
.specs-board__tab {
  flex-shrink: 0;
  padding: 10px 18px;
  border: 1px solid rgba(16, 24, 32, 0.2);
  border-radius: 40px;
  background: transparent;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.specs-board__tab.is-active, .specs-board__tab:hover {
  background-color: #101820;
  color: #fff;
}
.specs-board.is-tabbed .specs-board__panel:not(.is-active) {
  display: none;
}
.specs-board__panel + .specs-board__panel {
  margin-top: 48px;
}
.specs-board__variant {
  margin-bottom: 12px;
  color: #0067b3;
}
.specs-board__groups {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(16, 24, 32, 0.14);
}
.specs-board__group {
  border-bottom: 1px solid rgba(16, 24, 32, 0.14);
}
.specs-board__group-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 24px 0;
  cursor: pointer;
}
.specs-board__group-head .h6 {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .specs-board__group-head .h6 {
    font-size: 24px;
    line-height: 1.167;
  }
}
@media (min-width: 1280px) {
  .specs-board__group-head .h6 {
    font-size: 28px;
    line-height: 1.143;
  }
}
@media (min-width: 1720px) {
  .specs-board__group-head .h6 {
    font-size: 32px;
    line-height: 1.125;
  }
}
.specs-board__group-head .h6 {
  transition: color 0.3s ease-in-out;
}
.specs-board__group-head:hover .h6 {
  color: #0067b3;
}
.specs-board__group-head .accordion__header-icon {
  margin-left: auto;
}
.specs-board__count {
  padding: 2px 10px;
  border-radius: 40px;
  background-color: rgba(0, 103, 179, 0.08);
  color: #0067b3;
  font-weight: 700;
}
.specs-board__params {
  display: grid;
  margin: 0 0 24px;
}
@media (min-width: 960px) {
  .specs-board__params {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 48px;
  }
}
.specs-board__param {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(16, 24, 32, 0.08);
}
.specs-board__param dt {
  color: rgba(44, 46, 53, 0.7);
}
.specs-board__param dd {
  margin: 0;
  max-width: 280px;
  font-weight: 700;
  text-align: right;
}
.specs-board__table-wrap {
  margin-bottom: 24px;
  overflow-x: auto;
}
.specs-board__table {
  width: 100%;
  min-width: calc(260px + var(--trims, 1) * 110px);
  border-collapse: collapse;
}
.specs-board__table th,
.specs-board__table td {
  padding: 14px 12px;
  border-bottom: 1px solid rgba(16, 24, 32, 0.08);
  text-align: center;
}
.specs-board__table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #fff;
  font-weight: 700;
  white-space: nowrap;
}
.specs-board__table tbody th {
  padding-left: 0;
  font-weight: 500;
  text-align: left;
  color: rgba(44, 46, 53, 0.85);
}
.specs-board__table tbody tr {
  transition: background-color 0.3s ease-in-out;
}
.specs-board__table tbody tr:hover {
  background-color: rgba(0, 103, 179, 0.04);
}
.specs-board__option-head {
  padding-left: 0 !important;
  text-align: left !important;
  color: rgba(44, 46, 53, 0.6);
}
.specs-board__mark {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  vertical-align: middle;
}
.specs-board__mark--yes {
  background: #0067b3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='2.5'/%3E%3C/svg%3E") center/16px no-repeat;
}
.specs-board__mark--no {
  width: 14px;
  height: 2px;
  border-radius: 1px;
  background-color: rgba(16, 24, 32, 0.25);
}

.rail {
  scroll-padding-inline: var(--content-inset);
}
.rail__track {
  padding-left: var(--content-inset);
  padding-right: var(--content-inset);
}
@media (min-width: 1280px) {
  .rail__item {
    width: calc((var(--content-width) - 40px) / 3);
  }
}

@media (min-width: 1280px) {
  .card-rail__item {
    width: calc((var(--content-width) - 40px) / 3);
  }
}

.model-rail__track {
  padding-left: var(--content-inset);
  padding-right: var(--content-inset);
}

.card-rail__progress {
  display: none;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 360px;
  font-weight: 700;
}
.card-rail__bar {
  position: relative;
  flex-grow: 1;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.2);
}
.card-rail__bar span {
  position: absolute;
  inset: 0;
  background-color: #00a1e4;
  transform: scaleX(var(--rail-progress, 0));
  transform-origin: left;
}
.card-rail.is-pinned {
  padding: 0;
  overflow: visible;
}
.card-rail.is-pinned .card-rail__sticky {
  position: sticky;
  top: 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100svh - 64px);
  overflow: hidden;
}
.card-rail.is-pinned .card-rail__head {
  margin-bottom: 28px;
}
.card-rail.is-pinned .rail-arrows {
  display: none;
}
.card-rail.is-pinned .card-rail__progress {
  display: flex;
}
.card-rail.is-pinned .rail {
  overflow: visible;
  scroll-snap-type: none;
  cursor: default;
}
.card-rail.is-pinned .rail__track {
  will-change: transform;
}
.card-rail.is-pinned .card-rail__photo::before {
  padding-top: 66%;
}
.card-rail.is-pinned .card-rail__text {
  -webkit-line-clamp: 3;
}

.stock-grid {
  display: grid;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 600px) {
  .stock-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .stock-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.stock-grid__item[hidden] {
  display: none;
}
.stock-grid__item .listing-card {
  animation: stage-figure 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.stock-grid__item[data-showcase-extra] {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .seo-article__card,
  .stock-grid__item .listing-card {
    transition: none;
    animation: none;
  }
}
.promo-band {
  padding: 72px 0;
  background-color: #f4f6f8;
}
@media (min-width: 1280px) {
  .promo-band {
    padding: 104px 0;
  }
}
.promo-band__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px 40px;
  margin-bottom: 32px;
}
.promo-band__kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #00a1e4;
}
.promo-band__kicker::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}
.promo-band__kicker {
  color: #0067b3;
}
.promo-band__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 1280px) {
  .promo-band__title {
    font-size: 48px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .promo-band__title {
    font-size: 56px;
    line-height: 1.071;
  }
}
.promo-band__lead {
  max-width: 560px;
  margin-top: 12px;
  color: rgba(44, 46, 53, 0.7);
}
.promo-band__all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #0067b3;
  text-decoration: none;
}
.promo-band__all svg {
  transition: transform 0.3s ease-in-out;
}
.promo-band__all:hover svg {
  transform: translate(3px, -3px);
}
.promo-band__list {
  display: grid;
  gap: 20px;
}
@media (min-width: 1280px) {
  .promo-band__list--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.promo-band__card {
  position: relative;
  display: grid;
  border-radius: 5px;
  overflow: hidden;
  background: linear-gradient(150deg, #0067b3 0%, #0a1a2f 75%);
  color: #fff;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease;
}
.promo-band__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 56px rgba(10, 26, 47, 0.3);
}
@media (min-width: 600px) {
  .promo-band__card {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    min-height: 360px;
  }
}
.promo-band__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 28px;
}
@media (min-width: 1280px) {
  .promo-band__body {
    padding: 36px 40px;
  }
}
.promo-band__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  color: rgba(255, 255, 255, 0.7);
}
.promo-band__type {
  color: #00a1e4;
}
.promo-band__name {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .promo-band__name {
    font-size: 24px;
    line-height: 1.167;
  }
}
@media (min-width: 1280px) {
  .promo-band__name {
    font-size: 28px;
    line-height: 1.143;
  }
}
@media (min-width: 1720px) {
  .promo-band__name {
    font-size: 32px;
    line-height: 1.125;
  }
}
.promo-band__name {
  color: #fff;
}
.promo-band__figure {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1px;
  color: #fff;
  white-space: nowrap;
}
@media (min-width: 1280px) {
  .promo-band__figure {
    font-size: 52px;
  }
}
.promo-band__summary {
  color: rgba(255, 255, 255, 0.78);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.promo-band__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  margin-top: auto;
  padding-top: 8px;
}
.promo-band__actions .btn.btn--primary {
  background-color: #fff;
  border-color: #fff;
  color: #101820;
}
.promo-band__actions .btn.btn--primary svg {
  fill: #101820;
}
.promo-band__terms {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.promo-band__terms:hover {
  border-color: #fff;
}
.promo-band__photo {
  position: relative;
  aspect-ratio: 16/9;
}
.promo-band__photo::before {
  display: none;
}
.promo-band__photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (min-width: 600px) {
  .promo-band__photo {
    aspect-ratio: auto;
    clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
  }
}
.promo-band__card:hover .promo-band__photo img {
  transform: scale(1.05);
}

.catalog-promo__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 2px solid #0067b3;
  border-radius: 5px;
  background-color: #eef5fb;
  color: #2c2e35;
  box-shadow: 0 14px 34px rgba(0, 103, 179, 0.16);
  transition: box-shadow 0.2s ease-out, transform 0.2s ease-out;
  will-change: transform;
}
.catalog-promo__card:hover {
  box-shadow: 0 20px 48px rgba(0, 103, 179, 0.26);
  transform: translateY(-2px);
}
.catalog-promo__photo {
  position: relative;
}
.catalog-promo__photo::before {
  padding-top: 70%;
}
.catalog-promo__photo img {
  object-fit: cover;
}
.catalog-promo__badge {
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 12px;
  padding: 6px 12px;
  border-radius: 2px;
  background-color: #00a1e4;
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .catalog-promo__badge {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1720px) {
  .catalog-promo__badge {
    font-size: 14px;
    line-height: 1.4;
  }
}
.catalog-promo__badge {
  color: #fff;
}
.catalog-promo__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 8px;
  padding: 20px 20px 24px;
}
.catalog-promo__name {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.3;
}
@media (min-width: 600px) {
  .catalog-promo__name {
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  .catalog-promo__name {
    font-size: 24px;
  }
}
@media (min-width: 1720px) {
  .catalog-promo__name {
    font-size: 28px;
  }
}
.catalog-promo__name {
  color: #101820;
}
.catalog-promo__figure {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.5px;
  color: #0067b3;
  white-space: nowrap;
}
.catalog-promo__summary {
  color: rgba(44, 46, 53, 0.75);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.catalog-promo__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 103, 179, 0.18);
}
.catalog-promo__terms {
  color: #101820;
  text-decoration: none;
  border-bottom: 1px solid rgba(16, 24, 32, 0.3);
}
.catalog-promo__terms:hover {
  border-color: #101820;
}
.catalog-promo__period {
  color: rgba(44, 46, 53, 0.6);
}

@media (prefers-reduced-motion: reduce) {
  .promo-band__card,
  .promo-band__photo img {
    transition: none;
  }
}
@media (max-width: 599.98px) {
  .page-stage--band {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
  }
  .page-stage--band .page-stage__media {
    position: relative;
    aspect-ratio: 16/10;
    margin-top: 56px;
  }
  .page-stage--band .page-stage__media::after {
    background: linear-gradient(0deg, #0a1a2f 0%, rgba(10, 26, 47, 0) 40%);
  }
  .page-stage--band .page-stage__body {
    padding-top: 8px;
  }
}

@media (min-width: 1280px) {
  .promo-band__list--2 .promo-band__card {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .promo-band__list--2 .promo-band__card .promo-band__photo {
    order: -1;
    aspect-ratio: 21/9;
    clip-path: polygon(0 0, 100% 0, 100% 82%, 0 100%);
  }
}

@media (min-width: 1280px) {
  .model-360 .model-360__title {
    right: max(64px, (100vw - 1720px) / 2 + 64px);
  }
  .model-360 .model-360__picker {
    left: max(64px, (100vw - 1720px) / 2 + 64px);
  }
}

@media (min-width: 1280px) {
  .showroom__arrow--next {
    right: 64px;
  }
  .showroom__arrow--prev {
    right: 132px;
  }
}

.catalog > .container {
  padding-top: 32px;
}
@media (min-width: 1280px) {
  .catalog > .container {
    padding-top: 48px;
  }
}

@media (min-width: 1440px) {
  .catalog__main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 32px;
    align-items: start;
    align-content: start;
  }
  .catalog__main > * {
    grid-column: 1/-1;
  }
  .catalog__main > .catalog-intro {
    grid-row: 1;
    grid-column: 1;
  }
  .catalog__main > [data-catalog-toolbar] {
    grid-row: 1;
    grid-column: 2;
  }
  .catalog-intro__models {
    margin-bottom: 24px;
  }
  .catalog-toolbar__row {
    flex-wrap: nowrap;
    min-height: 46px;
  }
  .catalog-toolbar__count {
    white-space: nowrap;
  }
}
.chat {
  --accent: #0067b3;
}
.chat__stage {
  color: #fff;
  background: radial-gradient(120% 80% at 60% 75%, #16263a 0%, #0a1a2f 45%, #000 100%);
}
.chat__stage::before, .chat__stage::after {
  display: none;
}
.chat__light {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  pointer-events: none;
}
.chat__beam {
  position: absolute;
  top: -10%;
  bottom: 0;
  transition: background 0.9s ease;
}
.chat__beam--wide {
  left: 26%;
  width: 56%;
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 60%, transparent), transparent 85%);
  clip-path: polygon(30% 0, 70% 0, 100% 100%, 0 100%);
  opacity: 0.35;
}
.chat__beam--narrow {
  right: 4%;
  width: 16%;
  background: linear-gradient(200deg, var(--accent), transparent 80%);
  clip-path: polygon(55% 0, 100% 0, 45% 100%, 0 100%);
  opacity: 0.5;
}
.chat__glow {
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 6%;
  height: 34%;
  background: radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 70%);
  filter: blur(20px);
  transition: background 0.9s ease;
}
.chat__dealer {
  color: rgba(255, 255, 255, 0.6);
}
.chat__title {
  max-width: 14em;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.chat__caption-text {
  color: rgba(255, 255, 255, 0.6);
}
.chat__caption-name {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #00a1e4;
}
.chat__caption-name::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}
.chat__caption-name {
  margin-bottom: 0;
  color: #fff;
}
.chat__caption-name::before {
  background-color: #00a1e4;
}
.chat__avatar {
  background: #0067b3;
}
.chat__progress {
  color: #0067b3;
}
.chat.is-done .chat__progress {
  background: #0067b3;
}
.chat__reply {
  background: #0067b3;
}
.chat__option-body {
  border-radius: 4px;
}
.chat__option:hover .chat__option-body, .chat__chip:hover span {
  border-color: #0067b3;
}
.chat__radio:checked + .chat__option-body, .chat__radio:checked + span {
  border-color: #0067b3;
  background: #0067b3;
}
.chat__contact {
  border-radius: 4px;
}
.chat__submit {
  justify-content: center;
  gap: 12px;
  min-height: 56px;
  font-size: 16px;
}

.chat__oldcar {
  color: rgba(255, 255, 255, 0.6);
}

.kit-nav {
  position: sticky;
  top: 0;
  z-index: 30;
  padding: 12px 0;
  border-bottom: 1px solid #efefef;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
}
.kit-nav__inner {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}
.kit-nav__inner a {
  flex: 0 0 auto;
}

.kit {
  padding: 64px 0;
  border-bottom: 1px solid #efefef;
  scroll-margin-top: 70px;
}
@media (min-width: 960px) {
  .kit {
    padding: 96px 0;
  }
}
.kit--flush {
  padding-top: 0;
  border-bottom: 0;
}
.kit__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 1280px) {
  .kit__title {
    font-size: 48px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .kit__title {
    font-size: 56px;
    line-height: 1.071;
  }
}
.kit__lead {
  max-width: 760px;
  margin-top: 10px;
  color: rgba(44, 46, 53, 0.6);
}
.kit__label {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  margin: 48px 0 20px;
  font-size: 17px;
  line-height: 22px;
  font-weight: 500;
}
.kit__label small {
  color: rgba(44, 46, 53, 0.6);
  font-weight: 400;
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .kit__label small {
    font-size: 14px;
    line-height: 1.4;
  }
}
.kit__group {
  margin: 24px 0 12px;
  color: rgba(44, 46, 53, 0.6);
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .kit__group {
    font-size: 16px;
    line-height: 1.5;
  }
}
.kit__note {
  max-width: 760px;
  margin-top: 16px;
  color: rgba(44, 46, 53, 0.6);
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .kit__note {
    font-size: 14px;
    line-height: 1.4;
  }
}
.kit code {
  padding: 1px 6px;
  border-radius: 2px;
  background: #f4f6f8;
  font: 400 0.86em/1.4 Consolas, "SFMono-Regular", Menlo, monospace;
}

.kit-divider {
  padding: 72px 0 48px;
  border-top: 6px solid #0067b3;
  scroll-margin-top: 70px;
}
.kit-divider .kit__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 1280px) {
  .kit-divider .kit__title {
    font-size: 48px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .kit-divider .kit__title {
    font-size: 56px;
    line-height: 1.071;
  }
}
.kit-divider .kit__lead {
  max-width: 860px;
  margin-top: 10px;
  color: rgba(44, 46, 53, 0.6);
}

.kit-embed .kit__label {
  margin-top: 64px;
}

.kit-colors {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (min-width: 600px) {
  .kit-colors {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .kit-colors {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.kit-color {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-bottom: 12px;
  overflow: hidden;
  border: 1px solid #efefef;
  border-radius: 5px;
}
.kit-color i {
  display: flex;
  align-items: flex-end;
  height: 88px;
  margin-bottom: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid #efefef;
  font-style: normal;
  font-size: 20px;
  font-weight: 500;
}
.kit-color b,
.kit-color span {
  padding: 0 14px;
}
.kit-color b {
  font-weight: 500;
}
.kit-color span {
  color: rgba(44, 46, 53, 0.6);
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .kit-color span {
    font-size: 14px;
    line-height: 1.4;
  }
}

.kit-type {
  border-top: 1px solid #efefef;
}
.kit-type__row {
  display: grid;
  gap: 8px 32px;
  align-items: baseline;
  padding: 18px 0;
  border-bottom: 1px solid #efefef;
}
@media (min-width: 960px) {
  .kit-type__row {
    grid-template-columns: 280px minmax(0, 1fr);
  }
}
.kit-type__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  align-items: baseline;
  color: rgba(44, 46, 53, 0.6);
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .kit-type__meta {
    font-size: 14px;
    line-height: 1.4;
  }
}
.kit-type__meta b {
  width: 100%;
  color: #2c2e35;
  font-weight: 500;
}
.kit-type__meta em {
  width: 100%;
  font-style: normal;
}
.kit-type__sample {
  min-width: 0;
  overflow-wrap: anywhere;
}

.kit-split {
  display: grid;
  gap: 0 60px;
}
@media (min-width: 1280px) {
  .kit-split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

.kit-spaces {
  display: grid;
  gap: 12px;
}

.kit-space {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 90px;
  align-items: center;
  gap: 12px;
}
.kit-space > i {
  display: block;
  max-width: 100%;
  height: 20px;
  border-radius: 2px;
  background: rgba(0, 103, 179, 0.15);
}
.kit-space > i i {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: #0067b3;
}
.kit-space span {
  color: rgba(44, 46, 53, 0.6);
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .kit-space span {
    font-size: 14px;
    line-height: 1.4;
  }
}

.kit-radii {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: 20px;
}
.kit-radii div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: rgba(44, 46, 53, 0.6);
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .kit-radii div {
    font-size: 14px;
    line-height: 1.4;
  }
}
.kit-radii i {
  display: block;
  height: 72px;
  margin-bottom: 8px;
  background: #0067b3;
}
.kit-radii b {
  color: #2c2e35;
  font-weight: 500;
}

.kit-columns {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 24px;
}
@media (min-width: 600px) {
  .kit-columns {
    gap: 20px;
  }
}
.kit-columns i {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 72px;
  padding-bottom: 6px;
  border-radius: 2px;
  background: rgba(0, 103, 179, 0.08);
  color: #0067b3;
  font-style: normal;
  font-size: 12px;
}

.kit-table {
  width: 100%;
}
.kit-table th,
.kit-table td {
  padding: 10px 12px 10px 0;
  border-bottom: 1px solid #efefef;
  text-align: left;
  vertical-align: top;
}
.kit-table th {
  color: rgba(44, 46, 53, 0.6);
  font-weight: 400;
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .kit-table th {
    font-size: 16px;
    line-height: 1.5;
  }
}
.kit-table td:first-child {
  font-weight: 500;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.kit-table td:last-child {
  color: rgba(44, 46, 53, 0.6);
}

.kit-motion {
  display: grid;
  gap: 16px;
}
@media (min-width: 600px) {
  .kit-motion {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .kit-motion {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.kit-motion div {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 24px;
  border-radius: 5px;
  background: #f4f6f8;
}
.kit-motion b {
  font-weight: 500;
}
.kit-motion span {
  color: rgba(44, 46, 53, 0.6);
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .kit-motion span {
    font-size: 16px;
    line-height: 1.5;
  }
}

.kit-matrix {
  overflow-x: auto;
}
.kit-matrix__head, .kit-matrix__row {
  display: grid;
  grid-template-columns: 220px repeat(5, minmax(150px, 1fr));
  align-items: center;
  gap: 16px;
  min-width: 1000px;
  padding: 14px 0;
  border-bottom: 1px solid #efefef;
}
.kit-matrix__head span {
  color: rgba(44, 46, 53, 0.6);
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .kit-matrix__head span {
    font-size: 14px;
    line-height: 1.4;
  }
}
.kit-matrix__name {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.kit-matrix__name b {
  font-weight: 500;
}
.kit-matrix__name span {
  color: rgba(44, 46, 53, 0.6);
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
}
@media (min-width: 1720px) {
  .kit-matrix__name span {
    font-size: 14px;
    line-height: 1.4;
  }
}
.kit-matrix--dark {
  color: #fff;
}
.kit-matrix--dark .kit-matrix__row {
  grid-template-columns: 220px repeat(4, minmax(150px, 1fr));
  min-width: 860px;
  border-color: rgba(255, 255, 255, 0.2);
}
.kit-matrix--dark .kit-matrix__name span {
  color: rgba(255, 255, 255, 0.7);
}

.kit-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.kit-row--tight {
  gap: 10px;
}

.kit-onphoto {
  position: relative;
  padding: 24px;
  overflow: hidden;
  border-radius: 5px;
  background: #0a1a2f center/cover no-repeat;
}
.kit-onphoto::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(10, 26, 47, 0.9), rgba(10, 26, 47, 0.35));
}
.kit-onphoto > * {
  position: relative;
}
@media (min-width: 600px) {
  .kit-onphoto {
    padding: 32px 40px;
  }
}

.kit-states {
  display: grid;
  gap: 20px;
  margin-top: 32px;
}
@media (min-width: 600px) {
  .kit-states {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .kit-states {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.kit-states .form__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.kit-form {
  max-width: 880px;
}

.kit-checks {
  margin-top: 0;
}

.kit-anchors {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid #efefef;
  border-radius: 5px;
}

.kit-icons {
  display: grid;
  margin-top: 32px;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 12px;
}

.kit-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 22px 8px 14px;
  border-radius: 5px;
  background: #f4f6f8;
  color: #0067b3;
}
.kit-icon code {
  background: transparent;
  color: rgba(44, 46, 53, 0.6);
  font-size: 12px;
  text-align: center;
  overflow-wrap: anywhere;
}

.kit-grid {
  display: grid;
  gap: 0 48px;
}
@media (min-width: 600px) {
  .kit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.kit-dark {
  display: inline-flex;
  padding: 10px;
  border-radius: 40px;
  background: #0067b3;
}

.kit-rules {
  display: grid;
  gap: 20px;
  margin-top: 32px;
}
@media (min-width: 600px) {
  .kit-rules {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.kit-rules__col {
  padding: 8px 28px 28px;
  border-radius: 5px;
  background: #f4f6f8;
}
.kit-rules__col--do {
  box-shadow: inset 0 4px 0 #0ac03b;
}
.kit-rules__col--dont {
  box-shadow: inset 0 4px 0 #d92d20;
}
.kit-rules ul {
  display: grid;
  gap: 10px;
}
.kit-rules li {
  position: relative;
  padding-left: 22px;
}
.kit-rules li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0067b3;
}

.kit-themes {
  display: grid;
  gap: 16px;
}
@media (min-width: 960px) {
  .kit-themes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.kit-themes > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 24px;
  border-radius: 5px;
}
.kit-themes b {
  font-weight: 600;
}

.kit-number {
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
  color: #0067b3;
  transform: skewX(-12deg);
  transform-origin: left bottom;
}

.kit-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #00a1e4;
}
.kit-kicker::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}

.kit-stage {
  position: relative;
  padding: 32px;
  overflow: hidden;
  border-radius: 5px;
  background: radial-gradient(120% 80% at 70% 70%, #16263a 0%, #0a1a2f 45%, #000 100%);
  color: #fff;
}

.kit .theme-dark code {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

.kit-grid > *,
.kit-split > * {
  min-width: 0;
}

:root {
  --hero-height: 88svh;
  --gallery-height: 76svh;
  --media-fullscreen-height: 76svh;
  --model-360-height: 76svh;
  --stage-height: clamp(702px, calc(66vh + 102px), 842px);
  --dealer-plate-height: 83px;
}
@media (min-width: 1720px) {
  :root {
    --stage-height: clamp(706px, calc(66vh + 106px), 846px);
    --dealer-plate-height: 87px;
  }
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid #00a1e4;
  outline-offset: 2px;
}

.btn.btn--primary {
  background-color: #0067b3;
  border-color: #0067b3;
  color: #fff;
}
.btn.btn--primary svg {
  fill: #fff;
}
.btn.btn--primary:hover {
  background-color: rgb(0%, 31.1854529521%, 54.1960784314%);
  border-color: rgb(0%, 31.1854529521%, 54.1960784314%);
}

.emblem-pattern {
  position: relative;
  isolation: isolate;
}
.emblem-pattern::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='72' viewBox='0 0 120 72'%3E%3Cpath d='M12 14c14-6 34-8 48-8s34 2 48 8c2 9 0 22-6 30-10 12-28 20-42 22-14-2-32-10-42-22-6-8-8-21-6-30z' fill='none' stroke='%23ffffff' stroke-width='1.4'/%3E%3C/svg%3E");
  background-size: 120px 72px;
  opacity: 0.05;
  pointer-events: none;
}

.kv-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: calc(100svh - 56px);
  overflow: hidden;
  color: #fff;
  background: linear-gradient(135deg, #0a1a2f, #000);
}
@media (min-width: 960px) {
  .kv-hero {
    min-height: var(--hero-height, 100svh);
  }
}
.kv-hero--compact {
  min-height: 0;
}
@media (min-width: 960px) {
  .kv-hero--compact {
    min-height: 64svh;
  }
}
.kv-hero__media {
  position: absolute;
  inset: 0;
}
.kv-hero__media::before {
  display: none;
}
.kv-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kv-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 70%), linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 35%);
}
.kv-hero__wedges {
  position: absolute;
  inset: 0;
  pointer-events: none;
  will-change: transform;
}
.kv-hero__wedge {
  position: absolute;
  top: 0;
  bottom: 0;
}
.kv-hero__wedge--light {
  left: 0;
  width: 52%;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0) 70%);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.kv-hero__wedge--blue {
  right: 0;
  width: 22%;
  background: linear-gradient(200deg, rgba(0, 103, 179, 0.7), rgba(0, 103, 179, 0.15));
  clip-path: polygon(62% 0, 100% 0, 100% 100%, 0 100%);
  mix-blend-mode: multiply;
}
@media (max-width: 959.98px) {
  .kv-hero__wedge--blue {
    width: 34%;
  }
}
.kv-hero__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
  padding-top: 104px;
  padding-bottom: 40px;
}
@media (min-width: 600px) {
  .kv-hero__body {
    padding-bottom: 52px;
  }
}
@media (min-width: 1280px) {
  .kv-hero__body {
    padding-bottom: 64px;
  }
}
@media (min-width: 1720px) {
  .kv-hero__body {
    padding-bottom: 76px;
  }
}
.kv-hero__content {
  max-width: 760px;
}
@media (min-width: 1280px) {
  .kv-hero__content {
    max-width: 1000px;
  }
}
.kv-hero__kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  color: #00a1e4;
}
.kv-hero__kicker::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: currentColor;
  transform: skewX(-30deg);
}
.kv-hero__title {
  color: #000;
  font-weight: 700;
  text-transform: none;
  font-size: 36px;
  letter-spacing: -0.5px;
  line-height: 1;
}
@media (min-width: 600px) {
  .kv-hero__title {
    font-size: 48px;
  }
}
@media (min-width: 1280px) {
  .kv-hero__title {
    font-size: 56px;
    letter-spacing: -1px;
  }
}
@media (min-width: 1720px) {
  .kv-hero__title {
    font-size: 72px;
  }
}
.kv-hero__title {
  color: inherit;
  text-transform: uppercase;
  letter-spacing: -0.5px;
}
.kv-hero__title span {
  display: block;
  color: rgba(255, 255, 255, 0.55);
}
.kv-hero__text {
  max-width: 640px;
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.8);
}
.kv-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}
.kv-hero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 40px;
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
}
.kv-hero__stat {
  padding-left: 14px;
  border-left: 2px solid #00a1e4;
}
.kv-hero__stat-link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.kv-hero__stat-link:hover .kv-hero__stat-value {
  color: #00a1e4;
}
.kv-hero__stat-value {
  display: block;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1px;
  transition: color 0.3s ease-in-out;
}
@media (min-width: 1280px) {
  .kv-hero__stat-value {
    font-size: 40px;
  }
}
.kv-hero__stat-label {
  color: rgba(255, 255, 255, 0.6);
}
.kv-hero__logo {
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: 140px;
  height: auto;
  filter: brightness(0) invert(1);
  opacity: 0.92;
}
@media (min-width: 600px) {
  .kv-hero__logo {
    right: 48px;
    width: 200px;
  }
}
@media (min-width: 1280px) {
  .kv-hero__logo {
    right: 64px;
    bottom: 56px;
    width: 280px;
  }
}
.kv-hero__plate {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
  .kv-hero__wedges {
    transform: none !important;
  }
}
.dealer-plate {
  background-color: #0067b3;
  color: #fff;
}
.dealer-plate__inner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px 24px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 960px) {
  .dealer-plate__inner {
    grid-template-columns: 1.2fr 1.4fr 1fr auto;
    align-items: center;
  }
}
.dealer-plate__cell {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
@media (max-width: 959.98px) {
  .dealer-plate__cell:not(.dealer-plate__cell--name) {
    grid-column: 1/-1;
  }
}
@media (min-width: 960px) {
  .dealer-plate__cell {
    padding-left: 24px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
  }
  .dealer-plate__cell--name {
    padding-left: 0;
    border-left: 0;
  }
}
.dealer-plate__label {
  color: rgba(255, 255, 255, 0.7);
}
.dealer-plate__value {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: #fff;
  text-decoration: none;
}
@media (min-width: 1280px) {
  .dealer-plate__value {
    font-size: 18px;
  }
}
.dealer-plate__phone:hover {
  text-decoration: underline;
}
.dealer-plate__route {
  grid-row: 1;
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  color: #2c2e35;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .dealer-plate__route {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1720px) {
  .dealer-plate__route {
    font-size: 14px;
    line-height: 1.4;
  }
}
.dealer-plate__route {
  color: #fff;
}
@media (min-width: 960px) {
  .dealer-plate__route {
    grid-column: auto;
    grid-row: auto;
    padding-left: 24px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
  }
}
.dealer-plate__route:hover .dealer-plate__arrow {
  transform: translate(3px, -3px);
}
.dealer-plate__arrow {
  flex-shrink: 0;
  transition: transform 0.3s ease-in-out;
}

body:has(.kv-hero__plate) .dealer-plate--footer {
  display: none;
}

.stock-showcase__tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}
.stock-showcase__tab {
  flex-shrink: 0;
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 40px;
  background: transparent;
  color: #fff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.stock-showcase__tab sup {
  margin-left: 4px;
  color: #00a1e4;
  font-size: 11px;
}
.stock-showcase__tab:hover {
  border-color: #fff;
}
.stock-showcase__tab.is-active {
  background-color: #fff;
  border-color: #fff;
  color: #101820;
}
.stock-showcase__tab.is-active sup {
  color: #0067b3;
}
.theme-light .stock-showcase__tab, .theme-medium .stock-showcase__tab {
  border-color: rgba(16, 24, 32, 0.2);
  color: #101820;
}
.theme-light .stock-showcase__tab.is-active, .theme-medium .stock-showcase__tab.is-active {
  background-color: #101820;
  color: #fff;
}

.journey__list {
  display: grid;
  gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}
@media (min-width: 600px) {
  .journey__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .journey__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
}
.journey__step {
  position: relative;
  padding-top: 28px;
  border-top: 2px solid rgba(16, 24, 32, 0.12);
}
.journey__step::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 48px;
  height: 2px;
  background-color: #0067b3;
  transform: skewX(-30deg);
  transform-origin: left;
}
.theme-dark .journey__step {
  border-top-color: rgba(255, 255, 255, 0.2);
}
.journey__number {
  display: block;
  margin-bottom: 16px;
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
  color: rgba(16, 24, 32, 0.18);
  transform: skewX(-12deg);
  transform-origin: left bottom;
}
.theme-dark .journey__number {
  color: rgba(255, 255, 255, 0.3);
}
.journey__title {
  margin-bottom: 8px;
}
.theme-dark .journey__title {
  color: #fff;
}
.journey__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 16px;
  color: #0067b3;
  text-decoration: none;
}
.journey__link svg {
  fill: currentColor;
}
.theme-dark .journey__link {
  color: #00a1e4;
}

.price-ladder__list {
  display: grid;
  gap: 4px;
  margin: 0;
}
.price-ladder__row {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "label value" "bar bar";
  gap: 8px 16px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(16, 24, 32, 0.08);
}
@media (min-width: 600px) {
  .price-ladder__row {
    grid-template-columns: 220px 1fr 180px;
    grid-template-areas: "label bar value";
    align-items: center;
  }
}
@media (min-width: 1280px) {
  .price-ladder__row {
    grid-template-columns: 280px 1fr 220px;
  }
}
.price-ladder__row dd {
  margin: 0;
}
.price-ladder__label {
  grid-area: label;
  font-size: 14px;
  color: #2c2e35;
  line-height: 1.4;
}
@media (min-width: 1720px) {
  .price-ladder__label {
    font-size: 16px;
    line-height: 1.5;
  }
}
.price-ladder__bar {
  grid-area: bar;
  height: 12px;
  border-radius: 2px;
  background-color: rgba(16, 24, 32, 0.06);
}
.price-ladder__bar span {
  display: block;
  height: 100%;
  border-radius: 2px;
  background-color: #101820;
}
.price-ladder__value {
  grid-area: value;
  text-align: right;
  white-space: nowrap;
}
.price-ladder__row--benefit .price-ladder__bar span {
  margin-left: auto;
  background: repeating-linear-gradient(-60deg, #00a1e4 0 6px, rgba(0, 161, 228, 0.55) 6px 12px);
}
.price-ladder__row--benefit .price-ladder__value {
  color: #0067b3;
}
.price-ladder__row--total {
  border-bottom: 0;
}
.price-ladder__row--total .price-ladder__label {
  font-weight: 700;
}
.price-ladder__row--total .price-ladder__bar span {
  background-color: #0067b3;
}
.price-ladder__row--total .price-ladder__value {
  color: #0067b3;
}
.price-ladder__note {
  margin-top: 20px;
}

.trust-numbers {
  background: linear-gradient(135deg, #0a1a2f 0%, #000 100%);
}
.trust-numbers__list {
  display: grid;
  gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 600px) {
  .trust-numbers__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .trust-numbers__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.trust-numbers__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 20px;
  border-left: 2px solid #0067b3;
}
.trust-numbers__value {
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -2px;
  color: #fff;
}
@media (min-width: 1280px) {
  .trust-numbers__value {
    font-size: 72px;
  }
}
.trust-numbers__value small {
  margin-left: 6px;
  font-size: 0.35em;
  letter-spacing: 0;
  color: #00a1e4;
}
.trust-numbers__text {
  color: rgba(255, 255, 255, 0.7);
}
.trust-numbers__link {
  color: #00a1e4;
  text-decoration: none;
}

.listing-card {
  border: 1px solid rgba(16, 24, 32, 0.06);
  transition: box-shadow 0.2s ease-out, transform 0.2s ease-out;
  will-change: transform;
}
.listing-card:hover {
  box-shadow: 0 18px 44px rgba(16, 24, 32, 0.14);
  transform: translateY(-2px);
}
.listing-card__media::before {
  padding-top: 70%;
}
.listing-card__media img {
  transform: scale(1);
  transition: transform 0.2s ease-out;
  backface-visibility: hidden;
  will-change: transform;
}
.listing-card:hover .listing-card__media img {
  transform: scale(1.04);
}
.listing-card__status {
  background-color: #0ac03b;
  border-radius: 2px;
}
.listing-card__status--muted {
  background-color: #0067b3;
}
.listing-card__specs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
}
.listing-card__spec {
  white-space: nowrap;
}
.listing-card__spec span:first-of-type {
  display: none;
}
.listing-card__price {
  font-size: 24px;
  letter-spacing: -0.5px;
}
@media (min-width: 1720px) {
  .listing-card__price {
    font-size: 28px;
  }
}
.listing-card__old-price {
  color: #0067b3;
  font-weight: 600;
}
.listing-card__old-price s {
  color: rgba(44, 46, 53, 0.5);
  font-weight: 500;
}

.theme-dark .listing-card {
  border-width: 0;
}

.catalog-intro__models {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
  overflow-x: auto;
  scrollbar-width: none;
}
.catalog-intro__model {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border: 1px solid rgba(16, 24, 32, 0.16);
  border-radius: 40px;
  color: #101820;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.catalog-intro__model:hover, .catalog-intro__model.is-active {
  background-color: #101820;
  color: #fff;
}

.theme-dark .listing-card .btn.btn--secondary {
  color: #101820;
  border-color: #101820;
}
.theme-dark .listing-card .btn.btn--secondary svg {
  fill: #101820;
}
.theme-dark .listing-card .btn.btn--secondary:hover {
  color: #fff;
  background-color: #101820;
}
.theme-dark .listing-card .btn.btn--secondary:hover svg {
  fill: #fff;
}

.trust-numbers > .header-h2,
.kv-hero > .header-h2 {
  background-color: transparent;
}