/* Start:/bitrix/templates/uservice2025/css/vendor.css?176969243391159*/
@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  box-sizing: border-box;
}

*, :after, :before {
  box-sizing: inherit;
}

.disable-scroll {
  position: relative;
  overflow: hidden;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

.graph-modal {
  --transition-time:0.3s;
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  padding: 30px 0;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-time), visibility var(--transition-time);
}

.graph-modal__container {
  position: relative;
  width: 1000px;
  margin: auto;
  display: block;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  cursor: default;
  display: none;
}

@media (max-width: 1024px) {
  .graph-modal__container {
    width: 90%;
  }
}
.graph-modal__close {
  position: absolute;
  right: 10px;
  top: 10px;
  border: none;
  padding: 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.001 512.001'%3E%3Cpath d='M284.286 256.002L506.143 34.144c7.811-7.811 7.811-20.475 0-28.285-7.811-7.81-20.475-7.811-28.285 0L256 227.717 34.143 5.859c-7.811-7.811-20.475-7.811-28.285 0-7.81 7.811-7.811 20.475 0 28.285l221.857 221.857L5.858 477.859c-7.811 7.811-7.811 20.475 0 28.285a19.938 19.938 0 0014.143 5.857 19.94 19.94 0 0014.143-5.857L256 284.287l221.857 221.857c3.905 3.905 9.024 5.857 14.143 5.857s10.237-1.952 14.143-5.857c7.811-7.811 7.811-20.475 0-28.285L284.286 256.002z'/%3E%3C/svg%3E");
  cursor: pointer;
}

.graph-modal.is-open {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--transition-time), visibility var(--transition-time);
}

.graph-modal__container.graph-modal-open {
  display: block;
}

.fade {
  opacity: 0;
}

.fade, .fade.animate-open {
  transition: opacity var(--transition-time);
}

.fade.animate-open {
  opacity: 1;
}

.fadeInUp {
  opacity: 0;
  transform: translateY(-100px);
}

.fadeInUp, .fadeInUp.animate-open {
  transition: transform var(--transition-time), opacity var(--transition-time);
}

.fadeInUp.animate-open {
  opacity: 1;
  transform: translateY(0);
}

.tabs__panel {
  display: none;
}

.tabs__nav {
  list-style: none;
  display: flex;
}

.tabs__panel--active {
  display: block;
}

.tabs__nav-btn:focus {
  color: #fff;
  background-color: navy;
}

.tabs__nav-btn--active {
  background-color: wheat;
}

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

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

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

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

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

.swiper-horizontal {
  touch-action: pan-y;
}

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

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

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

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

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

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

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

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

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

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

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

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

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

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

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

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

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

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

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

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

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

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

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

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

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

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

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

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

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:after, .simplebar-content:before {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

:root {
  --ss-primary-color: #5897fb;
  --ss-bg-color: #ffffff;
  --ss-font-color: #4d4d4d;
  --ss-font-placeholder-color: #8d8d8d;
  --ss-disabled-color: #dcdee2;
  --ss-border-color: #dcdee2;
  --ss-highlight-color: #fffb8c;
  --ss-success-color: #00b755;
  --ss-error-color: #dc3545;
  --ss-focus-color: #5897fb;
  --ss-main-height: 30px;
  --ss-content-height: 300px;
  --ss-spacing-l: 7px;
  --ss-spacing-m: 5px;
  --ss-spacing-s: 3px;
  --ss-animation-timing: 0.2s;
  --ss-border-radius: 4px;
}

@keyframes ss-valueIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ss-valueOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.ss-hide {
  display: none !important;
}

.ss-main {
  display: flex;
  flex-direction: row;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: var(--ss-font-color);
  min-height: var(--ss-main-height);
  width: 100%;
  padding: var(--ss-spacing-s);
  cursor: pointer;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  box-sizing: border-box;
  transition: background-color var(--ss-animation-timing);
  overflow: hidden;
}
.ss-main:focus {
  box-shadow: 0 0 5px var(--ss-focus-color);
}
.ss-main.ss-disabled {
  background-color: var(--ss-disabled-color);
  cursor: not-allowed;
}
.ss-main.ss-disabled .ss-values .ss-disabled {
  color: var(--ss-font-color);
}
.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed;
}
.ss-main.ss-open-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.ss-main.ss-open-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ss-main .ss-values {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ss-spacing-m);
  flex: 1 1 100%;
}
.ss-main .ss-values .ss-placeholder {
  display: flex;
  padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
  margin: auto 0px auto 0px;
  line-height: 1em;
  align-items: center;
  width: 100%;
  color: var(--ss-font-placeholder-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ss-main .ss-values .ss-max {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
}
.ss-main .ss-values .ss-single {
  display: flex;
  margin: auto 0px auto var(--ss-spacing-s);
}
.ss-main .ss-values .ss-value {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
  animation-name: ss-valueIn;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
.ss-main .ss-values .ss-value.ss-value-out {
  animation-name: ss-valueOut;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
}
.ss-main .ss-values .ss-value .ss-value-text {
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
}
.ss-main .ss-values .ss-value .ss-value-delete {
  display: flex;
  align-items: center;
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  cursor: pointer;
  border-left: solid 1px var(--ss-bg-color);
  box-sizing: content-box;
}
.ss-main .ss-values .ss-value .ss-value-delete svg {
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
}
.ss-main .ss-values .ss-value .ss-value-delete svg path {
  fill: none;
  stroke: var(--ss-bg-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ss-main .ss-deselect {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  padding: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m);
}
.ss-main .ss-deselect svg {
  width: 8px;
  height: 8px;
}
.ss-main .ss-deselect svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ss-main .ss-arrow {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}
.ss-main .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content {
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  box-sizing: border-box;
  border: solid 1px var(--ss-border-color);
  background-color: var(--ss-bg-color);
  transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: center top;
  overflow: hidden;
  z-index: 10000;
}
.ss-content.ss-relative {
  position: relative;
  height: 100%;
}
.ss-content.ss-fixed {
  position: fixed;
}
.ss-content.ss-open-above {
  flex-direction: column-reverse;
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center bottom;
  border-top-left-radius: var(--ss-border-radius);
  border-top-right-radius: var(--ss-border-radius);
}
.ss-content.ss-open-below {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center top;
  border-bottom-left-radius: var(--ss-border-radius);
  border-bottom-right-radius: var(--ss-border-radius);
}
.ss-content .ss-search {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}
.ss-content .ss-search input {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0px;
  padding: var(--ss-spacing-m) var(--ss-spacing-l);
  margin: 0;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  text-align: left;
  box-sizing: border-box;
}
.ss-content .ss-search input::-moz-placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}
.ss-content .ss-search input::placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}
.ss-content .ss-search input:focus {
  box-shadow: 0 0 5px var(--ss-focus-color);
}
.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  height: auto;
  margin: 0 0 0 var(--ss-spacing-m);
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
}
.ss-content .ss-search .ss-addable svg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}
.ss-content .ss-search .ss-addable svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ss-content .ss-list {
  flex: 1 1 auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.ss-content .ss-list .ss-error {
  color: var(--ss-error-color);
  padding: var(--ss-spacing-l);
}
.ss-content .ss-list .ss-searching {
  color: var(--ss-font-color);
  padding: var(--ss-spacing-l);
}
.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
  display: none !important;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  flex: 1 1 auto;
  font-weight: bold;
  color: var(--ss-font-color);
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
  cursor: pointer;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--ss-spacing-m);
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
  opacity: 0.5;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
  stroke: var(--ss-error-color);
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60%;
  text-align: center;
  padding: 0 var(--ss-spacing-s) 0 0;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
  flex: 0 1 auto;
  width: 13px;
  height: 13px;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
  stroke-width: 5;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
  stroke-width: 11;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
  flex: 1 1 auto;
  width: 10px;
  height: 10px;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}
.ss-content .ss-list .ss-optgroup .ss-option {
  padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3);
}
.ss-content .ss-list .ss-option {
  display: block;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
  white-space: normal;
  color: var(--ss-font-color);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ss-content .ss-list .ss-option:hover {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}
.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}
.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  background-color: var(--ss-disabled-color);
}
.ss-content .ss-list .ss-option.ss-disabled:hover {
  color: var(--ss-font-color);
}
.ss-content .ss-list .ss-option .ss-search-highlight {
  display: inline-block;
  background-color: var(--ss-highlight-color);
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  --pswp-root-z-index: 100000;
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;
  --pswp-error-text-color: var(--pswp-icon-color);
}

/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/
.pswp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--pswp-root-z-index);
  display: none;
  touch-action: none;
  outline: 0;
  opacity: 0.003;
  contain: layout style size;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
  display: block;
}

.pswp,
.pswp__bg {
  transform: translateZ(0);
  will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
  background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
  overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
  width: auto;
  height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
  cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
  cursor: move;
  cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
  cursor: zoom-out;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pswp__item {
  /* z-index for fade transition */
  z-index: 1;
  overflow: hidden;
}

.pswp__hidden {
  display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}

.pswp__content > * {
  pointer-events: auto;
}

/*

  PhotoSwipe UI

*/
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}

.pswp__error-msg {
  margin: auto;
  font-size: 1em;
  line-height: 1;
  color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
  opacity: 0.005;
  will-change: opacity;
  transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
  z-index: 10; /* always overlap slide content */
  pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
  opacity: 1;
  pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
  position: relative;
  display: block;
  width: 50px;
  height: 60px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 0.85;
  -webkit-appearance: none;
  -webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
  outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
  background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  z-index: 10;
  /* allow events to pass through top bar itself */
  pointer-events: none !important;
}

.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}

/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}

/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}

.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}

/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}

.plyr audio, .plyr iframe, .plyr video {
  display: block;
  height: 100%;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}

.plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before {
  box-sizing: inherit;
}

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions span:empty {
  display: none;
}

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 4px;
  border-radius: var(--plyr-control-radius, 4px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.1s ease-in-out;
}

.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control:focus-visible {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

a.plyr__control {
  text-decoration: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, a.plyr__control:after, a.plyr__control:before {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}

.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip], .plyr__controls:empty {
  display: none;
}

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}

.plyr__menu {
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9019607843);
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border-top-color: rgba(255, 255, 255, 0.9019607843);
  border: var(--plyr-menu-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}

.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--forward:focus-visible:after, .plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}

.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back:focus-visible:after, .plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after, .plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: rgba(0, 0, 0, 0.1019607843);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b2ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: rgba(35, 40, 47, 0.1019607843);
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 + 2px);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #00b2ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0);
  background-image: linear-gradient(90deg, currentColor 0, rgba(0, 0, 0, 0) 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(0, 0, 0, 0) var(--value, 0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: -4px;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type=range]::-ms-track {
  color: rgba(0, 0, 0, 0);
}

.plyr--full-ui input[type=range]::-ms-fill-upper, .plyr--full-ui input[type=range]::-ms-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type=range]:focus {
  outline: 0;
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: #fff;
  background: var(--plyr-tooltip-background, #fff);
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:focus-visible .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip:before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}

.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}

.plyr__progress input[type=range], .plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: rgba(0, 0, 0, 0);
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: rgba(0, 0, 0, 0);
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}

.plyr__volume {
  align-items: center;
  display: flex;
  position: relative;
}

.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}

@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--video .plyr__progress__buffer {
  color: rgba(255, 255, 255, 0.2509803922);
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  inset: 0;
  margin: 0;
  position: fixed;
  width: 100%;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr__ads {
  border-radius: inherit;
  cursor: pointer;
  inset: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.plyr__ads > div, .plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}

.plyr__ads:empty:after {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: #fff;
  background-color: var(--plyr-tooltip-background, #fff);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}

.plyr__preview-thumb:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 7px;
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1490196078);
  content: "";
  pointer-events: none;
}

.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}

.plyr__preview-thumb__time-container {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  border-bottom-left-radius: 7px;
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: 7px;
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__preview-scrubbing {
  filter: blur(1px);
  height: 100%;
  inset: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}/*# sourceMappingURL=vendor.css.map */

/* End */


/* Start:/bitrix/templates/uservice2025/css/main.css?1769698070225375*/
:root {
  font-size: 62.5%;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
.custom-checkbox__field:checked + .custom-checkbox__content::after {
  opacity: 1;
}

.custom-checkbox__field:focus + .custom-checkbox__content::before {
  outline: 2px solid #f00;
  outline-offset: 2px;
}

.custom-checkbox__field:disabled + .custom-checkbox__content {
  opacity: 0.4;
  pointer-events: none;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable value-keyword-case */
/* stylelint-disable */
@font-face {
  font-family: "SourceSansPro";
  src: url("/bitrix/templates/uservice2025/css/../fonts/../fonts/SourceSansPro.woff") format("woff");
  src: url("/bitrix/templates/uservice2025/css/../fonts/../fonts/SourceSansPro.woff2") format("woff2");
  font-weight: 1 999;
  font-display: swap;
  font-style: normal;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

main > *:last-child:not(.bg-white):not(.need-help-form__wrapper):not(.pre-footer-mp) {
  margin-bottom: 4rem;
}
@media (min-width: 1300px) {
  main > *:last-child:not(.bg-white):not(.need-help-form__wrapper):not(.pre-footer-mp) {
    margin-bottom: 8rem;
  }
}
main > *.bg-white:last-child {
  margin-bottom: -4rem;
  padding-bottom: 8rem;
}
@media (min-width: 1300px) {
  main > *.bg-white:last-child {
    margin-bottom: -6rem;
    padding-bottom: 14rem;
  }
}
main > #instock-cars-selection-content {
  padding-bottom: 0;
}

.page {
  font-family: "SourceSansPro", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  height: 100%;
}

.page__body {
  margin: 0;
  width: 100%;
  min-height: 100%;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5rem;
  line-height: 2.4rem;
  letter-spacing: normal;
  text-rendering: optimizelegibility;
  color: hsl(216, 26%, 7%);
  background-color: hsl(0, 0%, 96%);
}
@media (min-width: 1300px) {
  .page__body {
    font-size: 1.8rem;
  }
}

.site-wrapper {
  will-change: transform;
}
.site-wrapper--history {
  background-color: hsl(0, 2%, 84%);
}

.page-content a:not([class]) {
  color: currentColor;
  text-decoration: underline;
  transition: all ease-in-out 0.25s;
}
.page-content--overflow {
  overflow: scroll hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.page-content--overflow::-webkit-scrollbar {
  display: none;
}
.page-content--overflow table {
  overflow: scroll;
}
.page-content table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 1.5rem;
  line-height: 1.9rem;
  width: 100%;
}
@media (min-width: 1300px) {
  .page-content table {
    font-size: 1.8rem;
    line-height: 2.3rem;
    overflow: hidden;
    text-align: left;
  }
}
.page-content table tbody tr {
  border-top: 0.1rem solid hsl(240, 2%, 90%);
}
.page-content table tbody tr:first-child td, .page-content table tbody tr td {
  border-top: 0.1rem solid hsl(240, 2%, 90%);
}
.page-content table tbody tr:last-child td {
  border-bottom: 0.1rem solid hsl(240, 2%, 90%);
}
.page-content table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 2rem;
}
.page-content table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 2rem;
}
.page-content table tr:first-child td {
  border-top: 0.1rem solid hsl(240, 2%, 90%);
}
.page-content table th {
  background-color: hsl(0, 0%, 96%);
  border-top: 0.1rem solid hsl(240, 2%, 90%);
  font-weight: 600;
  font-variation-settings: "wght" 600;
  padding: 1.6rem 1rem;
}
@media (min-width: 1300px) {
  .page-content table th {
    font-weight: 700;
    font-variation-settings: "wght" 700;
    padding: 1.6rem 2rem;
  }
}
.page-content table th:first-child {
  border-radius: 2rem 0 0 0;
  border-left: 0.1rem solid hsl(240, 2%, 90%);
}
.page-content table th:last-child {
  border-radius: 0 2rem 0 0;
  border-right: 0.1rem solid hsl(240, 2%, 90%);
}
.page-content table th:not(:first-child) {
  border-left: 0.1rem solid hsl(240, 2%, 90%);
}
.page-content table td {
  border-left: 0.1rem solid hsl(240, 2%, 90%);
  font-size: 1.5rem;
  line-height: 1.9rem;
  text-align: center;
  padding: 1.6rem 1rem;
}
@media (min-width: 1300px) {
  .page-content table td {
    background-color: hsl(0, 0%, 100%);
    text-align: left;
    padding: 1.6rem 2rem;
  }
}
.page-content table td:first-child {
  overflow: hidden;
}
@media (min-width: 1300px) {
  .page-content table td:first-child {
    text-align: left;
    border-radius: 0;
  }
}
.page-content table td:last-child {
  border-radius: 0;
  border-bottom: 0;
  border-right: 0.1rem solid hsl(240, 2%, 90%);
  border-left: 0.1rem solid hsl(240, 2%, 90%);
}

img {
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

a {
  text-decoration: none;
}

.is-hidden {
  display: none !important; /* stylelint-disable-line declaration-no-important */
}

.btn-reset {
  border: none;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}

.list-reset {
  list-style: none;
  margin: 0;
  padding: 0;
}

.input-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.input-reset::-webkit-search-decoration, .input-reset::-webkit-search-cancel-button, .input-reset::-webkit-search-results-button, .input-reset::-webkit-search-results-decoration {
  display: none;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
}

.container {
  margin: 0 auto;
  padding: 0 1rem;
  max-width: 136rem;
  width: 100%;
}

.container-fluid {
  margin: 0 auto;
  padding: 0 1rem;
}
.container-fluid > .container, .container-fluid > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 1300px) {
  .container-fluid > .container, .container-fluid > .container-fluid {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.container-btns {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .container-btns {
    flex-flow: row wrap;
  }
}
.container-btns .btn__content {
  white-space: nowrap;
}
.container-btns--center {
  justify-content: center;
}
.container-btns--right {
  justify-content: flex-end;
}

.container-padding {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
@media (min-width: 768px) {
  .container-padding {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

.centered {
  text-align: center;
}

.dis-scroll {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  overscroll-behavior: none;
}

.page--ios .dis-scroll {
  position: relative;
}

[class*=map-copyrights] {
  display: none;
}

.bg-white {
  background-color: hsl(0, 0%, 100%);
  margin: 0 auto;
}
.bg-white--only {
  border-radius: 4rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  margin: 4rem auto 0;
}
@media (min-width: 1300px) {
  .bg-white--only {
    padding-top: 8rem;
    padding-bottom: 8rem;
    margin: 8rem auto 0;
  }
}
.bg-white--start {
  border-radius: 4rem 4rem 0 0;
  padding-top: 4rem;
  margin: 4rem auto 0;
}
@media (min-width: 1300px) {
  .bg-white--start {
    padding-top: 8rem;
    margin: 8rem auto 0;
  }
}
.bg-white--end {
  border-radius: 0 0 4rem 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1300px) {
  .bg-white--end {
    padding-bottom: 8rem;
  }
}
.bg-white--head + .bg-white {
  padding-top: 0;
}
.bg-white .swiper-pagination-bullets.swiper-pagination-horizontal > span {
  border: 0.5rem solid hsl(0, 0%, 100%);
}

.mb10 {
  margin-bottom: 7rem;
}
@media (min-width: 1300px) {
  .mb10 {
    margin-bottom: 10rem;
  }
}

.mb8 {
  margin-bottom: 4rem;
}
@media (min-width: 1300px) {
  .mb8 {
    margin-bottom: 8rem;
  }
}

.mb6 {
  margin-bottom: 4rem;
}
@media (min-width: 1300px) {
  .mb6 {
    margin-bottom: 6rem;
  }
}

.mb4 {
  margin-bottom: 3.2rem;
}
@media (min-width: 1300px) {
  .mb4 {
    margin-bottom: 4.4rem;
  }
}

.mb0 {
  margin-bottom: 0;
}

.mt10 {
  margin-top: 7rem;
}
@media (min-width: 1300px) {
  .mt10 {
    margin-top: 10rem;
  }
}

.mt8 {
  margin-top: 4rem;
}
@media (min-width: 1300px) {
  .mt8 {
    margin-top: 8rem;
  }
}

.mt6 {
  margin-top: 4rem;
}
@media (min-width: 1300px) {
  .mt6 {
    margin-top: 6rem;
  }
}

.mt4 {
  margin-top: 3.2rem;
}
@media (min-width: 1300px) {
  .mt4 {
    margin-top: 4.4rem;
  }
}

.mt0 {
  margin-top: 0;
}

.pb10 {
  padding-bottom: 7rem;
}
@media (min-width: 1300px) {
  .pb10 {
    padding-bottom: 10rem;
  }
}

.pb8 {
  padding-bottom: 4rem;
}
@media (min-width: 1300px) {
  .pb8 {
    padding-bottom: 8rem;
  }
}

.pb6 {
  padding-bottom: 4rem;
}
@media (min-width: 1300px) {
  .pb6 {
    padding-bottom: 6rem;
  }
}

.pb4 {
  padding-bottom: 3.2rem;
}
@media (min-width: 1300px) {
  .pb4 {
    padding-bottom: 4.4rem;
  }
}

.pb0 {
  padding-bottom: 0;
}

.pt10 {
  padding-top: 7rem;
}
@media (min-width: 1300px) {
  .pt10 {
    padding-top: 10rem;
  }
}

.pt8 {
  padding-top: 4rem;
}
@media (min-width: 1300px) {
  .pt8 {
    padding-top: 8rem;
  }
}

.pt6 {
  padding-top: 4rem;
}
@media (min-width: 1300px) {
  .pt6 {
    padding-top: 6rem;
  }
}

.pt4 {
  padding-top: 3.2rem;
}
@media (min-width: 1300px) {
  .pt4 {
    padding-top: 4.4rem;
  }
}

.pt0 {
  padding-top: 0;
}

* > p {
  margin: 0;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}

* > p:first-child {
  padding-top: 0;
}

* > p:last-child {
  padding-bottom: 0;
}

ul:not([class]),
ol:not([class]) {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1.8rem;
}
ul:not([class]) > li:not(:first-child),
ol:not([class]) > li:not(:first-child) {
  margin-top: 1.4rem;
}

.title {
  line-height: normal;
  color: hsl(216, 26%, 7%);
}
.title--h1 {
  font-size: 3rem;
  line-height: 3.8rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  .title--h1 {
    font-size: 4.8rem;
    line-height: 6rem;
  }
}
.title--h2 {
  font-size: 2.8rem;
  line-height: 3.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  .title--h2 {
    font-size: 4rem;
    line-height: 5rem;
  }
}
.title--h3 {
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  .title--h3 {
    font-size: 2.8rem;
    line-height: 3.5rem;
  }
}
.title--h4 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  .title--ms {
    font-size: 3.8rem;
    line-height: 5rem;
  }
}
@media (min-width: 1300px) {
  .title--tb {
    font-size: 3.8rem;
    line-height: 5rem;
  }
}

h1 {
  font-size: 3rem;
  line-height: 3.8rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  h1 {
    font-size: 4.8rem;
    line-height: 6rem;
  }
}

h2 {
  font-size: 2.8rem;
  line-height: 3.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  h2 {
    font-size: 4rem;
    line-height: 5rem;
  }
}

h3 {
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  h3 {
    font-size: 2.8rem;
    line-height: 3.5rem;
  }
}

h4 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}

.section__head {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 2rem;
}
@media (min-width: 1300px) {
  .section__head {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 4.4rem;
  }
}
.section__head + .container, .section__head + .container-fluid {
  margin-top: 0;
  padding-top: 0;
}
.section__content {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1300px) {
  .section__content {
    display: flex;
    text-align: left;
    padding-right: 3rem;
  }
  .section__content:hover .section__title-arrow {
    background-color: hsl(218, 100%, 29%);
  }
  .section__content:hover .section__title-icon {
    color: hsl(0, 0%, 100%);
    transform: rotate(0);
  }
  .section__content:not(a.section__content) {
    cursor: default;
  }
}
.section__content-item {
  display: flex;
  flex-direction: column;
}
.section__content-item:not(.section__content-item--active) {
  display: none;
}
.section__title {
  align-items: center;
  text-align: center;
  margin: 0;
}
@media (min-width: 768px) {
  .section__title {
    text-align: left;
  }
}
@media (min-width: 1300px) {
  .section__title {
    padding-right: 2rem;
  }
}
.section__title-arrow {
  display: none;
}
@media (min-width: 1300px) {
  .section__title-arrow {
    background-color: hsl(240, 2%, 90%);
    border-radius: 2rem;
    color: hsl(216, 26%, 7%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    transition: all ease-in-out 0.25s;
  }
}
@media (min-width: 1300px) {
  .section__title-icon {
    width: 1.6rem;
    height: 1.6rem;
    transition: all ease-in-out 0.25s;
    transform: rotate(-45deg);
  }
}
.section__tabs {
  background-color: transparent;
  border: 1px solid hsl(240, 2%, 90%);
  border-radius: 4.5rem;
  color: hsl(216, 26%, 7%);
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  padding: 0.6rem;
  margin: 1.9rem 0 0;
  width: 100%;
  z-index: 3;
}
@media (min-width: 768px) {
  .section__tabs {
    align-items: center;
    width: auto;
    max-width: 40rem;
  }
}
@media (min-width: 1300px) {
  .section__tabs {
    margin-top: initial;
    margin-left: auto;
  }
}
.section__tabs-item {
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 5;
}
.section__tabs-btn {
  color: hsl(216, 26%, 7%);
  background-color: transparent;
  border: 0;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1.9rem;
  padding: 0.6rem 2.2rem;
  white-space: nowrap;
  width: 100%;
}
@media (min-width: 374px) {
  .section__tabs-btn {
    padding: 0.6rem 3rem;
  }
}
.section__tabs-btn:focus {
  background-color: initial;
  color: initial;
}
.section__tabs-slider {
  border-radius: 4.8rem;
  background-color: hsl(240, 2%, 90%);
  position: absolute;
  height: 3.1rem;
  left: 0.6rem;
  top: 0.6rem;
  transition: left ease 0.3s, width ease 0.13s;
  z-index: -1;
}
.section__slider:not(.section__slider--hidden) {
  background-color: transparent;
  border: 1px solid hsl(240, 2%, 90%);
  border-radius: 4.5rem;
  color: hsl(216, 26%, 7%);
  position: relative;
  padding: 0.6rem;
  margin: 1.9rem 0 0;
  width: 100%;
  z-index: 3;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.section__slider:not(.section__slider--hidden)::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .section__slider:not(.section__slider--hidden) {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: -moz-max-content;
    max-width: max-content;
    overflow: hidden;
  }
}
@media (min-width: 1300px) {
  .section__slider:not(.section__slider--hidden) {
    margin-top: initial;
    margin-right: initial;
  }
}
.section__slider-wrapper {
  display: flex;
  flex-flow: row nowrap;
  overflow-y: scroll;
  padding: 0;
  margin: 0;
  position: relative;
}
@media (min-width: 768px) {
  .section__slider-wrapper {
    overflow: hidden;
  }
}
.section__slider-item {
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0;
  width: auto;
  position: relative;
  z-index: 5;
}
.section__slider-btn {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1.9rem;
  padding: 0.6rem 2.2rem;
  white-space: nowrap;
  width: 100%;
}
@media (min-width: 374px) {
  .section__slider-btn {
    padding: 0.6rem 3rem;
  }
}
.section__slider-btn:focus {
  background-color: initial;
  color: initial;
}
.section__slider-slider {
  border-radius: 4.8rem;
  background-color: hsl(240, 2%, 90%);
  position: absolute;
  height: 3.1rem;
  left: 0;
  transition: left ease 0.3s, width ease 0.13s;
  z-index: -1;
}
.section-switch {
  background-color: transparent;
  border: 1px solid hsl(240, 2%, 90%);
  border-radius: 4.5rem;
  color: hsl(216, 26%, 7%);
  position: relative;
  padding: 0.6rem;
  margin: 1.9rem 0 0;
  width: 100%;
  z-index: 3;
}
.section-switch::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .section-switch {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: -moz-max-content;
    max-width: max-content;
    overflow: hidden;
  }
}
@media (min-width: 1300px) {
  .section-switch {
    margin-top: initial;
    margin-right: initial;
  }
}
.section-switch-wrapper {
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
  margin: 0;
  position: relative;
}
@media (min-width: 768px) {
  .section-switch-wrapper {
    overflow: hidden;
  }
}
.section-switch-item {
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0;
  width: auto;
  position: relative;
  z-index: 5;
}
.section-switch-btn {
  background-color: transparent;
  border: 0;
  color: hsl(216, 26%, 7%);
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1.9rem;
  padding: 0.6rem 2.2rem;
  white-space: nowrap;
  width: 100%;
}
@media (min-width: 374px) {
  .section-switch-btn {
    padding: 0.6rem 3rem;
  }
}
.section-switch-btn:focus {
  background-color: initial;
  color: initial;
}
.section-switch-slider {
  border-radius: 4.8rem;
  background-color: hsl(240, 2%, 90%);
  position: absolute;
  height: 3.1rem;
  left: 0;
  transition: left ease 0.3s, width ease 0.13s;
  z-index: -1;
}
.section-switcher-item {
  margin: 0;
  padding: 0;
  display: block;
}

b,
strong {
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  b,
  strong {
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
}

.hidden-svg {
  height: 0;
  width: 0;
  position: absolute;
  inset: 0;
}

.hidden-storage {
  position: absolute;
}

.mobile-height-limit {
  margin-bottom: 6rem;
}
@media (min-width: 768px) {
  .mobile-height-limit {
    margin-bottom: 9rem;
  }
}
.mobile-height-limit__body {
  font-size: 1.5rem;
  line-height: 1.9rem;
  overflow: hidden;
  max-height: 40rem;
  margin-bottom: 2.8rem;
  position: relative;
  transition: max-height ease-in-out 0.23s;
}
@media (min-width: 1300px) {
  .mobile-height-limit__body {
    max-height: none;
    margin: 0;
  }
}
.mobile-height-limit__body::after {
  content: "";
  background-color: hsl(0, 0%, 96%);
  filter: blur(0.5rem);
  width: 100%;
  height: 2.5rem;
  position: absolute;
  left: 0;
  bottom: -1.3rem;
  transition: bottom ease-in-out 0.23s;
}
@media (min-width: 1300px) {
  .mobile-height-limit__body::after {
    display: none;
  }
}
.mobile-height-limit__body--fullheight {
  max-height: 200rem;
}
.mobile-height-limit__body--fullheight::after {
  bottom: -4rem;
}
.mobile-height-limit__btn {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .mobile-height-limit__btn {
    display: none;
  }
}

.picture__single {
  width: 100%;
  height: auto;
}
.picture__single--100 img {
  width: 100%;
}
.picture__content {
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.picture__content img {
  width: auto;
  overflow: hidden;
  border-radius: 4rem;
}

.text-in-picture, .text-in-picture.swiper-slide {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1300px) {
  .text-in-picture__wrapper {
    margin-top: 0;
    margin-bottom: 9.1rem;
    max-width: 50%;
  }
}
.text-in-picture__picture img {
  border-radius: 3rem;
  width: 100%;
}

.disclaimer {
  color: hsl(240, 1%, 33%);
  font-size: 1.2rem;
  line-height: 1.7rem;
}

.header {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4rem;
  margin: 0 1rem 1rem;
  padding-top: 1rem;
  position: relative;
}
@media (min-width: 1300px) {
  .header {
    background-color: initial;
    border-radius: initial;
  }
}
.header__wrapper {
  background-color: hsl(0, 0%, 100%);
  border-radius: 11rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem;
  margin: 0 auto;
  max-width: 134rem;
  position: relative;
  z-index: 1000;
}
@media (min-width: 1300px) {
  .header__wrapper {
    box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
    flex-wrap: nowrap;
    padding: 0;
    transform-style: preserve-3d;
  }
}
.header__wrapper::after {
  content: "";
  border-radius: 4rem;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  width: 100%;
  height: 7.3rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1002;
}
@media (min-width: 1300px) {
  .header__wrapper::after {
    display: none;
  }
}
@media (min-width: 1300px) {
  .header__nav {
    order: 2;
  }
}

.header-logo {
  width: 8.4rem;
  height: 3.5rem;
  fill: #0a4393;
  position: relative;
  z-index: 1003;
}
@media (min-width: 1300px) {
  .header-logo {
    width: 11.083rem;
    height: 4.943rem;
  }
}
.header-logo__wrapper {
  display: inline-flex;
}
@media (min-width: 1300px) {
  .header-logo__wrapper {
    padding: 1.2rem 0 1.2rem 2.4rem;
    order: 1;
  }
}

.header-phone {
  color: hsl(216, 26%, 7%);
  display: inline-flex;
  position: relative;
  z-index: 1003;
}
@media (min-width: 1300px) {
  .header-phone {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    order: 3;
  }
}
.header-phone__icon {
  display: none;
}
@media (min-width: 1300px) {
  .header-phone__icon {
    display: flex;
    width: 1.5rem;
    height: 1.4rem;
  }
}
.header-phone__content {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media (min-width: 374px) {
  .header-phone__content {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
}
@media (min-width: 1300px) {
  .header-phone__content {
    display: inline-flex;
    margin-left: 0.3rem;
  }
}

.header-btn.btn {
  display: none;
}
@media (min-width: 1300px) {
  .header-btn.btn {
    display: flex;
    flex-shrink: 0;
    margin: 0 1.2rem 0 4rem;
    order: 4;
    z-index: 1000;
  }
}

.breadcrumbs {
  display: flex;
  width: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.breadcrumbs::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.breadcrumbs__wrapper {
  display: block;
  padding: 2rem 2rem 4rem;
}
@media (min-width: 1300px) {
  .breadcrumbs__wrapper {
    padding: 1.8rem 2rem 4.4rem;
  }
}
.breadcrumbs__wrapper + * {
  margin-top: 0;
  padding-top: 0;
}
.breadcrumbs__wrapper + .bg-white {
  margin-top: 0;
  padding-top: 4rem;
}
@media (min-width: 1300px) {
  .breadcrumbs__wrapper + .bg-white {
    margin-top: 0;
    padding-top: 6rem;
  }
}
.breadcrumbs__inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.breadcrumbs__item {
  display: flex;
  align-items: center;
  line-height: 100%;
}
.breadcrumbs__link {
  color: hsl(240, 0%, 52%);
  font-size: 1.4rem;
  transition: all ease-in-out 0.25s;
}
.breadcrumbs__link:hover {
  color: hsl(216, 26%, 7%);
}
.breadcrumbs__link:not(a.breadcrumbs__link) > .breadcrumbs__name {
  color: hsl(216, 26%, 7%);
  cursor: default;
}
.breadcrumbs__link:not(a.breadcrumbs__link) > .breadcrumbs__name::after {
  display: none;
}
.breadcrumbs__name {
  align-items: center;
  display: inline-flex;
  white-space: nowrap;
}
.breadcrumbs__name::after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.27783 9.72266L7.7594 6.24108L4.27783 2.75948' stroke='%23838384' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
  display: inline-block;
  margin: 0 0.8rem;
  width: 1.2rem;
  height: 1.2rem;
}

.footer {
  border-radius: 4rem 4rem 0 0;
  background: hsl(240, 2%, 90%);
  position: relative;
}
.footer__wrapper {
  display: flex;
  padding: 4rem 2rem;
  flex-direction: column;
  align-items: flex-start;
  min-height: 20rem;
}
@media (min-width: 1300px) {
  .footer__wrapper {
    padding: 6rem 0;
  }
}
.footer__inner {
  width: 100%;
}
@media (min-width: 768px) {
  .footer__inner {
    display: grid;
    grid-template-columns: 40% 58%;
    gap: 2%;
    align-items: start;
  }
}
@media (min-width: 1300px) {
  .footer__inner {
    grid-template-columns: 24.9rem auto;
    gap: 4.7rem;
    max-width: 134rem;
    margin: 0 auto;
  }
}
.footer__sidebar {
  display: grid;
  gap: 1rem;
}
@media (min-width: 768px) {
  .footer__sidebar {
    grid-column: 1;
    grid-row: 1;
  }
}
@media (min-width: 1300px) {
  .footer__sidebar {
    gap: 3rem;
  }
}
.footer__logo_image {
  fill: #0a4393;
  width: 16.3rem;
  height: 7.2rem;
}
@media (min-width: 1300px) {
  .footer__logo_image {
    width: 21.5rem;
    height: 9.6rem;
  }
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}
.footer__phone {
  color: hsl(216, 26%, 7%);
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem;
}
@media (min-width: 1300px) {
  .footer__phone {
    transform: translateX(-6px);
  }
}
.footer__phone_icon {
  width: 2.1rem;
  height: 2.1rem;
}
@media (min-width: 1300px) {
  .footer__phone_icon {
    width: 2.9rem;
    height: 2.8rem;
  }
}
.footer__phone_content {
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  .footer__phone_content {
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    transform: translateX(-3px);
  }
}
.footer__address {
  color: hsl(216, 26%, 7%);
  font-size: 1.5rem;
  line-height: 1.9rem;
}
@media (min-width: 1300px) {
  .footer__address {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
}
.footer__social {
  display: flex;
}
.footer__social_item {
  background-color: #fff;
  border: 1px solid hsl(240, 2%, 90%);
  border-radius: 8.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
}
@media (min-width: 1300px) {
  .footer__social_item {
    border-radius: 6.6rem;
  }
}
.footer__social_item:not(:last-child) {
  margin-right: 1rem;
}
.footer__social_item:not(:first-child) .footer__social_icon {
  transform: translateX(0.05rem);
}
.footer__social_icon {
  color: hsl(216, 26%, 7%);
  width: 2.4rem;
  height: 2.4rem;
}
.footer__disclaimer {
  border-top: 1px solid hsl(240, 0%, 52%);
  color: hsl(216, 26%, 7%);
  padding: 3rem 2rem;
}
.footer__disclaimer p {
  font-size: 1.3rem;
  max-width: 134rem;
  margin: 0 auto;
}
@media (min-width: 1300px) {
  .footer__disclaimer p {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.footer__disclaimer p:last-child {
  font-size: 1.4rem;
  margin-top: 2rem;
}
.footer__disclaimer-links {
  display: flex;
  flex-flow: column;
}
@media (min-width: 768px) {
  .footer__disclaimer-links {
    flex-flow: row wrap;
  }
}
.footer__disclaimer-links a {
  font-size: 1.4rem;
  line-height: 1.8rem;
  display: inline-flex;
  color: currentColor;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .footer__disclaimer-links a:not(:first-child) {
    margin-left: 3rem;
  }
}
@media (min-width: 1300px) {
  .footer__disclaimer-links a {
    transition: all ease-in-out 0.25s;
  }
  .footer__disclaimer-links a:hover {
    text-decoration: none;
  }
}

.footer-menu {
  margin-bottom: 4.7rem;
}
@media (min-width: 1300px) {
  .footer-menu {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 8.9rem;
  }
}
@media (min-width: 768px) {
  .footer-menu {
    grid-column: 2;
    grid-row: 1;
    margin-bottom: 0;
  }
}
.footer-menu__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.footer-menu__header_link {
  color: hsl(216, 26%, 7%);
  font-size: 1.8rem;
  white-space: nowrap;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  .footer-menu__header_link {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 3.2rem;
  }
}
.footer-menu__arrow {
  width: 1.9rem;
  height: 1.9rem;
  transition: all ease-in-out 0.25s;
}
.footer-menu__arrow_wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-grow: 1;
}
@media (min-width: 1300px) {
  .footer-menu__arrow_wrapper {
    display: none;
  }
}
.footer-menu__content {
  width: 100%;
}
.footer-menu__item.accordion__item_show .footer-menu__arrow, .footer-menu__item.accordion__item_slidedown .footer-menu__arrow {
  transform-origin: 50% 48%;
  transform: rotate(180deg);
}
.footer-menu__item:not(:first-child) {
  margin-top: 2rem;
}
@media (min-width: 1300px) {
  .footer-menu__item:not(:first-child) {
    margin-top: 0;
  }
}
.footer-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 1300px) {
  .footer-menu__list {
    display: grid;
    gap: 1.2rem;
    width: 100%;
  }
}
.footer-menu__list-item:first-child .footer-menu__list-link {
  padding-top: 1.6rem;
}
@media (min-width: 1300px) {
  .footer-menu__list-item:first-child .footer-menu__list-link {
    padding-top: 0;
  }
}
@media (min-width: 1300px) {
  .footer-menu__list-item {
    line-height: 2.3rem;
  }
}
.footer-menu__list-link {
  color: hsl(240, 1%, 33%);
  display: inline-flex;
  font-size: 1.5rem;
  line-height: 1.9rem;
  padding: 0.5rem 0;
  width: 100%;
}
@media (min-width: 1300px) {
  .footer-menu__list-link {
    font-size: 1.8rem;
    line-height: 2.3rem;
    padding: 0;
  }
  .footer-menu__list-link:not(:first-child) {
    margin-top: 1.2rem;
  }
}

@media (min-width: 1300px) {
  .footer-menu.accordion .footer-menu__body.accordion__body {
    display: flex;
  }
}

.menu {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4rem;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  display: block;
  margin: 0 0 1.2rem;
  padding: calc(var(--header-height) + 1rem) 2.4rem 1rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: auto;
  min-height: calc(100vh - 2.4rem);
  visibility: visible;
  opacity: 1;
  transition: height ease-in 0.23s, opacity ease-in 0.23s;
}
@media (min-width: 1300px) {
  .menu {
    box-shadow: initial;
    border-radius: initial;
    display: flex;
    position: static;
    margin: 0;
    padding: 0;
  }
}
.menu:not(.menu--active) {
  visibility: hidden;
  height: 0;
  opacity: 0;
  transition: height ease-in 0.23s, opacity ease-in 0.23s, visibility 0s 0.23s;
}
@media (min-width: 1300px) {
  .menu:not(.menu--active) {
    height: auto;
    min-height: inherit;
    visibility: visible;
    opacity: 1;
    transition: none;
  }
}
.menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.menu__list .menu__link {
  width: calc(100% - 5.8rem);
}
@media (min-width: 1300px) {
  .menu__list .menu__link {
    width: auto;
    transition: all ease-in-out 0.25s;
  }
}
.menu__list[data-brands] .menu__link {
  width: auto;
  transition: all ease-in-out 0.25s;
}
@media (min-width: 1300px) {
  .menu__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .menu__list[data-level="1"] {
    justify-content: center;
  }
  .menu__list[data-level="1"] > .menu__item {
    padding: 0 0.8rem 0 2rem;
  }
  .menu__list[data-level="1"] > .menu__item .menu__link {
    padding: 2.7rem 0;
    white-space: nowrap;
    position: relative;
    z-index: 2;
  }
  .menu__list[data-level="1"] > .menu__item > .menu__link > .menu__link-text {
    display: inline-flex;
    align-items: center;
  }
  .menu__list[data-level="1"] > .menu__item > .menu__link:not(.menu__link--wo-menu) > .menu__link-text::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.21436 4.03418L6.11567 6.93548L9.017 4.03418' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: inline-block;
    margin-left: 0.4rem;
    width: 1.1rem;
    height: 1.1rem;
    transition: all ease-in-out 0.25s;
  }
  .menu__list[data-level="1"] > .menu__item:hover > .menu__link > .menu__link-text::after {
    transform: rotate(180deg);
  }
  .menu__list[data-level-included] .menu__item {
    width: 100%;
  }
  .menu__list[data-level-included] .menu__item--active > .menu__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
    position: absolute;
    left: 31.7rem;
    top: calc(var(--header-height) + 1.578rem);
    max-width: 101.1rem;
    z-index: 1;
  }
  .menu__list .menu__item--active > .menu__list[data-leveltype=logo] {
    gap: 0.4rem 0;
  }
  .menu__list[data-level-included] .menu__item .menu__link {
    width: 100%;
  }
  .menu__list[data-level-included] > .menu__item:hover > .menu__link, .menu__list[data-level-included] > .menu__item.menu__item--active > .menu__link {
    color: hsl(216, 26%, 7%);
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
  .menu__list[data-level-included] .menu__item--active > [data-carstype=AVN] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 17.9rem;
    gap: 0;
    padding-bottom: 1.2rem;
  }
  .menu__list[data-level-included] .menu__item--active > [data-carstype=ASP] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 0;
  }
  .menu__list[data-level-included] .menu__link-text {
    display: inline-flex;
    align-items: flex-end;
  }
  .menu__list[data-level-included] > .menu__item .menu__link-text::after {
    content: "";
    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='M9.16675 13.3335L11.6667 10.8335L9.16675 8.3335' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: inline-block;
    width: 2rem;
    height: 2rem;
  }
  .menu__list[data-level-included] .menu__item.menu__item--empty .menu__link-text::after {
    display: none;
  }
  .menu__list[data-level="3"] .menu__link-text::after {
    display: none;
  }
}
.menu__list .menu__list {
  display: none;
}
.menu__list .menu__list--active {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4rem;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  min-height: calc(100vh - 2.4rem);
  height: auto;
  margin: 0 0 1.2rem;
  padding: calc(var(--header-height) + 1.578rem) 2.4rem 1rem;
  position: absolute;
  left: 0;
  top: 0;
}
.menu__list[data-level="2"] .menu__item .menu__link {
  padding-left: 2.8rem;
}
@media (min-width: 1300px) {
  .menu__list[data-level="2"] .menu__item .menu__link {
    padding: 0.8rem 2.7rem;
  }
}
@media (min-width: 1300px) {
  .menu__list[data-level="2"][data-brands] > .menu__item {
    justify-content: center;
    padding: 0 1.8rem;
  }
}
.menu__list[data-level="2"][data-brands] > .menu__item .menu__link {
  padding: 0;
}
@media (min-width: 1300px) {
  .menu__list[data-level="2"][data-brands] > .menu__item .menu__link {
    min-height: 7.9rem;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1300px) {
  .menu__list[data-level="2"][data-brands] > .menu__item .menu__link:hover {
    color: currentColor;
  }
}
.menu__list[data-level="3"] > .menu__item .menu__link {
  flex-wrap: wrap;
}
.menu__list[data-leveltype=cars] .menu__item--btn {
  background-color: hsl(0, 0%, 100%);
  border: initial;
  margin-top: auto;
  padding: 4.8rem 0 0;
}
@media (min-width: 1300px) {
  .menu__list[data-leveltype=cars] .menu__item--btn {
    grid-column: 7;
    grid-row: 1/span 2;
    margin-top: initial;
    padding: 0;
  }
}
.menu__list[data-leveltype=cars] .menu__item--btn .menu__link {
  background-color: hsl(240, 2%, 90%);
  border-radius: 2.8rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  width: 100%;
  height: 4.8rem;
  padding: 0;
}
@media (min-width: 1300px) {
  .menu__list[data-leveltype=cars] .menu__item--btn .menu__link {
    flex-wrap: wrap;
    flex-direction: column;
    height: 15.3rem;
  }
}
.menu__list[data-leveltype=cars] .menu__item--btn .menu__link-icon {
  color: hsl(240, 0%, 52%);
  display: inline-flex;
  width: 2.7rem;
  height: 2.7rem;
  margin-right: 0.6rem;
  position: static;
  transform: initial;
}
@media (min-width: 1300px) {
  .menu__list[data-leveltype=cars] .menu__item--btn .menu__link-icon {
    width: 4rem;
    height: 4rem;
    margin: 0 0 0.5rem 0;
  }
}
.menu__list[data-leveltype=cars] .menu__item--btn .menu__link-text {
  color: hsl(240, 0%, 52%);
  font-size: 1.6rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 1;
  white-space: nowrap;
  text-transform: none;
}
@media (min-width: 1300px) {
  .menu__list[data-leveltype=cars] .menu__item--btn .menu__link-text {
    white-space: initial;
  }
}
.menu__list[data-leveltype=cars] .menu__item:not(.menu__item--btn) .menu__link {
  flex-direction: column;
}
@media (min-width: 1300px) {
  .menu__list[data-leveltype=cars] .menu__item:not(.menu__item--btn) .menu__link {
    padding: 1.4rem 0 1.4rem 2.2rem;
  }
}
.menu__list[data-leveltype=cars] .menu__link-text {
  font-size: 1.8rem;
  line-height: 2.3rem;
  text-transform: uppercase;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  .menu__list[data-leveltype=cars] .menu__link-text {
    font-size: 2.4rem;
    line-height: 3rem;
  }
}
@media (min-width: 1300px) {
  .menu__list[data-leveltype=cars] .menu__link-subtext {
    transform: translateY(-0.2rem);
  }
}
.menu__list--active[data-brands] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem 2rem;
}
.menu__list--active[data-brands] .menu__item:not(.menu__item--getback) {
  border-bottom: 0;
  justify-content: center;
}
.menu__list--active[data-brands] a.menu__link {
  padding: 0;
}
.menu__list--active[data-brands] .menu__link-logo {
  max-width: 13rem;
  max-height: 4rem;
}
@media (min-width: 374px) {
  .menu__list--active[data-brands] .menu__link-logo {
    max-width: 13.7rem;
    max-height: initial;
  }
}
@media (min-width: 1300px) {
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item {
    align-items: flex-start;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item--active .menu__link, .menu__list[data-level="3"]:not([data-leveltype]) .menu__item:hover .menu__link, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item--active .menu__link, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item:hover .menu__link {
    color: hsl(216, 26%, 7%);
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item:hover .menu__link-icon-wrapper, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item:hover .menu__link-icon-wrapper {
    background-color: hsl(218, 100%, 29%);
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item:hover .menu__link-icon, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item:hover .menu__link-icon {
    color: hsl(0, 0%, 100%);
    transform: translate(-50%, -50%) rotate(0);
  }
}
@media (min-width: 1300px) {
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__link, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__link {
    display: block;
    justify-content: initial;
    align-items: start;
    white-space: initial;
    width: 100%;
    height: 100%;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__link .menu__link-text, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__link .menu__link-text {
    display: inline-block;
    width: calc(100% - 3.4rem);
  }
}
@media (min-width: 1300px) {
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item {
    border: 1px solid hsl(240, 2%, 90%);
    border-radius: 2.8rem;
    white-space: normal;
    display: block;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item:nth-child(5n+1), .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item:nth-child(5n+1) {
    grid-column: 1/span 3;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item:nth-child(5n+1) a, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item:nth-child(5n+1) a {
    padding: 1rem 1.5rem 4.1rem 2rem;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item:nth-child(5n+2), .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item:nth-child(5n+2) {
    grid-column: 4/span 3;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item:nth-child(5n+2) a, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item:nth-child(5n+2) a {
    padding: 1rem 1.5rem 4.1rem 2rem;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item:nth-child(5n+3), .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item:nth-child(5n+3) {
    grid-column: 1/span 2;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item:nth-child(5n+3) a, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item:nth-child(5n+3) a {
    padding: 1rem 1.2rem 4.1rem 2rem;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item:nth-child(5n+4), .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item:nth-child(5n+4) {
    grid-column: 3/span 2;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item:nth-child(5n+4) a, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item:nth-child(5n+4) a {
    padding: 1rem 1.2rem 4.1rem 2rem;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item:nth-child(5n+5), .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item:nth-child(5n+5) {
    grid-column: 5/span 2;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item:nth-child(5n+5) a, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item:nth-child(5n+5) a {
    padding: 1rem 1.2rem 4.1rem 2rem;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item .menu__link, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item .menu__link {
    display: block;
    white-space: normal;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item .menu__item-icon, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item .menu__item-icon {
    display: none;
  }
  .menu__list[data-level="3"]:not([data-leveltype]) .menu__item .menu__link-text, .menu__list[data-level="2"]:not([data-level-included]):not([data-brands]) .menu__item .menu__link-text {
    font-size: 2.8rem;
    line-height: 3.5rem;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    display: inline-block;
    width: calc(100% - 3.4rem);
  }
}
.menu__item {
  border-bottom: 1px solid hsl(240, 2%, 90%);
  display: flex;
  align-items: center;
}
@media (min-width: 1300px) {
  .menu__item {
    border-bottom: initial;
    transition: all ease-in-out 0.25s;
  }
  .menu__item:hover > .menu__link {
    color: hsl(218, 100%, 29%);
  }
  .menu__item--active > .menu__list {
    background-color: hsl(0, 0%, 100%);
    display: grid;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    align-content: start;
  }
  .menu__item--active > .menu__list[data-level-included] {
    grid-template-columns: 30rem;
    overflow: hidden;
    height: auto;
  }
  .menu__item--active > .menu__list[data-level="2"] {
    border-radius: 3.6rem;
    box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
    padding: calc(var(--header-height) + 1.578rem) 1.2rem 1.2rem 1.2rem;
  }
  .menu__item--active > .menu__list[data-level="2"]::before {
    content: "";
    border-radius: 3.6rem;
    width: 100%;
    height: 7.3rem;
    background-color: transparent;
    border-bottom: 1px solid hsl(240, 2%, 90%);
    position: absolute;
    left: 0;
    top: 0;
  }
  .menu__item--active > .menu__list[data-level-included=true] {
    padding: calc(var(--header-height) + 3.2rem) 1.2rem 4rem 1.2rem;
  }
  .menu__item--active > .menu__list[data-level-included=true]::after {
    content: "";
    background-color: hsl(240, 2%, 90%);
    width: 1px;
    height: calc(100% + 1.578rem);
    position: absolute;
    left: 31rem;
    top: 7.3rem;
  }
  .menu__item--active > .menu__list[data-level="2"]:not([data-level-included]) {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
  }
}
.menu__item-icon {
  margin-left: auto;
  padding: 0 0 0 3rem;
  width: 5.8rem;
  height: 2.8rem;
}
.menu__item-icon:last-child {
  display: none;
}
@media (min-width: 1300px) {
  .menu__item-icon {
    display: none;
  }
}
.menu__item-icon--reverse {
  margin-left: 0;
  padding: 0;
  width: 2.8rem;
  transform: rotate(180deg);
}
.menu__item-icon--reverse use {
  transform: translateY(-0.1rem);
}
.menu__item--getback {
  border-bottom: 1px solid hsl(240, 2%, 90%);
  grid-column: 1/span 2;
  color: hsl(218, 100%, 29%);
  line-height: 1.9rem;
  align-self: start;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  width: 100%;
}
.menu__item--getback .menu__text {
  color: hsl(218, 100%, 29%);
  padding: 1rem 0;
}
.menu__link {
  color: hsl(216, 26%, 7%);
  display: inline-flex;
  padding: 1rem 0;
  flex-shrink: 0;
}
.menu__link-text {
  font-size: 1.5rem;
  line-height: 1.9rem;
}
.menu__link-subtext {
  color: hsl(240, 0%, 52%);
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.menu__link-logo {
  width: 100%;
}
.menu__link-logo--haval {
  max-width: 10.9rem;
  height: 1.4rem;
  fill: #636B70;
}
@media (min-width: 1300px) {
  .menu__link-logo--haval {
    max-width: 13.6rem;
    height: 1.7rem;
  }
}
.menu__link-logo--omoda {
  max-width: 12.6rem;
  height: 1.5rem;
  color: hsl(0, 0%, 0%);
}
@media (min-width: 1300px) {
  .menu__link-logo--omoda {
    max-width: 14.6rem;
    height: 2rem;
  }
}
.menu__link-logo--kgm {
  max-width: 12.6rem;
  height: 2.7rem;
  color: hsl(0, 0%, 0%);
}
@media (min-width: 1300px) {
  .menu__link-logo--kgm {
    max-width: 14.6rem;
    height: 3rem;
  }
}
.menu__link-logo--jaecoo {
  max-width: 14.7rem;
  height: 1.8rem;
  color: hsl(0, 0%, 0%);
}
@media (min-width: 1300px) {
  .menu__link-logo--jaecoo {
    max-width: 15.5rem;
    height: 2.2rem;
  }
}
.menu__link-logo--chery {
  max-width: 14.7rem;
  height: 1.4rem;
  fill: #0C0C0B;
}
@media (min-width: 1300px) {
  .menu__link-logo--chery {
    max-width: 15.5rem;
    height: 1.8rem;
  }
}
.menu__link-logo--kia {
  max-width: 8.1rem;
  height: 2rem;
  color: #05141F;
}
@media (min-width: 1300px) {
  .menu__link-logo--kia {
    max-width: 11rem;
    height: 2.6rem;
  }
}
.menu__link-logo--exeed {
  max-width: 11.5rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .menu__link-logo--exeed {
    max-width: 14.2rem;
    height: 2rem;
  }
}
.menu__link-logo--tenet {
  max-width: 11.5rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .menu__link-logo--tenet {
    max-width: 14.2rem;
    height: 2rem;
  }
}
.menu__link-logo--knewstar {
  max-width: 14.7rem;
  height: 1.6rem;
}
@media (min-width: 1300px) {
  .menu__link-logo--knewstar {
    max-width: 14rem;
  }
}
.menu__link-logo--infiniti {
  max-width: 13rem;
  height: 1.6rem;
}
@media (min-width: 1300px) {
  .menu__link-logo--infiniti {
    max-width: 15.5rem;
    height: 2.1rem;
  }
}
.menu__link-logo--subaru {
  max-width: 13rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .menu__link-logo--subaru {
    max-width: 15.5rem;
    height: 2.2rem;
  }
}
.menu__link-logo--geely {
  max-width: 14rem;
  height: 2.6rem;
}
@media (min-width: 1300px) {
  .menu__link-logo--geely {
    max-width: 16rem;
    height: 3rem;
  }
}
.menu__link-logo--jetour {
  max-width: 14rem;
  height: 2.8rem;
}
@media (min-width: 1300px) {
  .menu__link-logo--jetour {
    max-width: 15.5rem;
    height: 3rem;
  }
}
.menu__link-logo--belgee {
  max-width: 13.4rem;
  height: 3.2rem;
}
@media (min-width: 1300px) {
  .menu__link-logo--belgee {
    max-width: 16rem;
  }
}
.menu__link-logo--liauto {
  max-width: 13.4rem;
  height: 3.2rem;
}
@media (min-width: 1300px) {
  .menu__link-logo--liauto {
    max-width: 16rem;
  }
}
.menu__link-description, .menu__link-icon-wrapper {
  display: none;
}
@media (min-width: 1300px) {
  .menu__link-description {
    display: inline-flex;
    font-size: 1.8rem;
    line-height: 2.3rem;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    margin-top: 2rem;
    width: 100%;
  }
}
.menu__link-icon {
  display: none;
}
@media (min-width: 1300px) {
  .menu__link-icon {
    color: hsl(216, 26%, 7%);
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.6rem;
    height: 1.6rem;
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: all ease-in-out 0.25s;
  }
}
.menu__link-icon-wrapper {
  display: none;
}
@media (min-width: 1300px) {
  .menu__link-icon-wrapper {
    background-color: hsl(240, 2%, 90%);
    border-radius: 2rem;
    position: relative;
    display: inline-flex;
    float: right;
    width: 3rem;
    height: 3rem;
    transform: translateY(0.35rem);
    transition: all ease-in-out 0.25s;
  }
}

.burger {
  display: flex;
  overflow: visible;
  margin: 0;
  border: 0;
  padding: 1.2rem 0.9rem;
  font: inherit;
  text-transform: none;
  color: inherit;
  background-color: transparent;
  transition: opacity linear 0.15s;
  cursor: pointer;
  position: relative;
  z-index: 1003;
}
@media (min-width: 1300px) {
  .burger {
    display: none;
  }
}

.burger--active .burger__line,
.burger--active .burger__line::before,
.burger--active .burger__line::after {
  background-color: hsl(218, 100%, 29%);
}

.burger__box {
  position: relative;
  display: inline-block;
  width: 2.6rem;
  height: 2.1rem;
}

.burger__line {
  top: 50%;
  display: block;
  transform: translateY(-0.2rem);
}

.burger__line, .burger__line::before, .burger__line::after {
  position: absolute;
  border-radius: 4.9rem;
  width: 2.6rem;
  height: 0.2rem;
  background-color: hsl(218, 100%, 29%);
  transition: transform ease 0.15s;
}

.burger__line::before, .burger__line::after {
  content: "";
  display: block;
}

.burger__line::before {
  top: -0.8rem;
}

.burger__line::after {
  bottom: -0.8rem;
}

.burger .burger__line {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.burger .burger__line::after {
  top: -1.6rem;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.burger .burger__line::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.burger--active .burger__line {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.burger--active .burger__line::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.burger--active .burger__line::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: none;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  cursor: pointer;
  height: 4.4rem;
  position: relative;
  overflow: hidden;
}
.btn--1 {
  border: 1px solid hsl(218, 100%, 29%);
  border-radius: 4.8rem;
  color: hsl(0, 0%, 100%);
  padding: 1.2rem 1.6rem;
}
@media (min-width: 1300px) {
  .btn--1 {
    padding: 1.2rem 3rem;
  }
}
.btn--2 {
  border: 1px solid hsl(216, 26%, 7%);
  border-radius: 4.8rem;
  padding: 1.2rem 3rem;
  color: hsl(216, 26%, 7%);
}
.btn--3 {
  background-color: hsl(240, 2%, 90%);
  border-radius: 4.8rem;
  border: 0;
  box-shadow: inset 0 0 0 0 hsl(240, 2%, 90%);
  padding: 1.2rem 3rem;
  color: hsl(216, 26%, 7%);
}
.btn--4 {
  background-color: transparent;
  border: none;
  padding: 1.3rem 0;
  color: hsl(240, 0%, 52%);
}
.btn--4:hover, .btn--4:focus-visible {
  color: hsl(216, 26%, 7%);
}
.btn--1 {
  color: hsl(0, 0%, 100%);
}
.btn--1:hover, .btn--1:focus-visible {
  border: 1px solid hsl(216, 26%, 7%);
  color: hsl(0, 0%, 100%);
}
.btn--1::after {
  background-color: hsl(218, 100%, 29%);
}
.btn--2::after {
  background-color: hsl(0, 0%, 100%);
}
.btn--1:hover, .btn--1:focus-visible, .btn--2:hover, .btn--2:focus-visible {
  border: 1px solid hsl(216, 26%, 7%);
  color: hsl(0, 0%, 100%);
}
.btn--1::before, .btn--1::after, .btn--2::before, .btn--2::after {
  content: "";
  position: absolute;
  top: -0.3rem;
  width: 100%;
  height: 110%;
  transition: all ease-in-out 0.25s;
}
.btn--1::before, .btn--2::before {
  background-color: hsl(216, 26%, 7%);
  border-radius: 4.8rem;
  left: -100%;
  z-index: 2;
}
.btn--1::after, .btn--2::after {
  left: 0;
  z-index: 1;
}
.btn--1:hover::before, .btn--1:focus-visible::before, .btn--2:hover::before, .btn--2:focus-visible::before {
  left: 0;
}
.btn--3:hover, .btn--3:focus-visible {
  color: hsl(216, 26%, 7%);
}
.btn--3::before, .btn--3::after {
  content: "";
  position: absolute;
  top: -0.3rem;
  width: 100%;
  height: 110%;
  transition: all ease-in-out 0.25s;
}
.btn--3::before {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4.8rem;
  left: -100%;
  z-index: 2;
}
.btn--3::after {
  left: 0;
  z-index: 1;
}
.btn--3:hover::before, .btn--3:focus-visible::before {
  left: 0;
}
.btn--1, .btn--2, .btn--3, .btn--4 {
  transition: all ease-in-out 0.25s;
}
.btn__content {
  display: inline;
  color: currentcolor;
  position: relative;
  z-index: 3;
}
.btn__icon {
  width: 1.6rem;
  height: 1.6rem;
  flex-shrink: 0;
  position: relative;
  z-index: 3;
  margin-left: 0.6rem;
}
.btn__container {
  display: flex;
  margin: initial auto;
}
.btn__container--r {
  justify-content: flex-end;
}
.btn__container--c {
  justify-content: center;
}

.accordion__item:not(.accordion__item_show) .accordion__body {
  display: none;
}

@media (min-width: 1300px) {
  .hero {
    max-width: 134rem;
  }
}
@media (min-width: 1467px) {
  .hero {
    max-width: 146.8rem;
  }
}
.hero__wrapper {
  position: relative;
}
@media (min-width: 1300px) {
  .hero__wrapper {
    margin: 0 auto;
    max-width: 134rem;
  }
}

.hero-slider {
  border-radius: 4rem;
}
@media (min-width: 1467px) {
  .hero-slider {
    overflow: visible;
  }
}
.hero-slider__wrapper {
  position: relative;
  overflow: hidden;
}
@media (min-width: 1300px) {
  .hero-slider__wrapper {
    max-width: 134rem;
  }
}
.hero-slider__slide {
  background-color: hsl(0, 0%, 96%);
  width: 100%;
}
.hero-slider__picture {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-slider__picture img {
  border-radius: 4rem;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.hero-slider__btn {
  display: none;
}
@media (min-width: 1467px) {
  .hero-slider__btn {
    border: 1px solid hsl(240, 0%, 52%);
    border-radius: 4.8rem;
    color: hsl(240, 0%, 52%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    width: 4.4rem;
    height: 4.4rem;
    z-index: 1;
    transition: all ease-in-out 0.25s;
  }
  .hero-slider__btn:hover {
    border: 1px solid hsl(240, 0%, 52%);
    color: hsl(240, 1%, 33%);
  }
  .hero-slider__btn--prev {
    transform: translateY(-50%) rotate(180deg);
    left: -6.4rem;
  }
  .hero-slider__btn--next {
    transform: translateY(-50%);
    right: -6.4rem;
  }
}
@media (min-width: 1467px) {
  .hero-slider__btn svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.hero-slider-content {
  position: absolute;
  inset: 0 0 0 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
@media (min-width: 1300px) {
  .hero-slider-content {
    max-width: 134rem;
  }
}
.hero-slider-content__slide {
  padding: 2rem 3.9rem 0;
}
@media (min-width: 1300px) {
  .hero-slider-content__slide {
    padding: 6.6rem 11.3rem 0;
  }
}
.hero-slider-content__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .hero-slider-content__content {
    align-items: flex-start;
  }
}
.hero-slider-content__text {
  font-size: 2.4rem;
  font-weight: 900;
  font-variation-settings: "wght" 900;
  line-height: normal;
  display: inline-flex;
  text-transform: uppercase;
  text-align: center;
  justify-content: center;
  margin-bottom: 1rem;
  width: 100%;
}
.hero-slider-content__text--white {
  color: hsl(0, 0%, 100%);
}
@media (min-width: 374px) {
  .hero-slider-content__text {
    font-size: 2.6rem;
  }
}
@media (min-width: 400px) {
  .hero-slider-content__text {
    font-size: 3rem;
  }
}
@media (min-width: 768px) {
  .hero-slider-content__text {
    cursor: default;
    text-align: left;
    justify-content: flex-start;
    max-width: 60%;
  }
}

.hero-brand {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 2rem;
  overflow: hidden;
  will-change: max-height;
}
.hero-brand__wrapper {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4rem;
  margin: -7.5rem auto 5rem;
  padding: 8.6rem 2rem 1.6rem;
  filter: drop-shadow(1px 2px 3px hsla(240, 4%, 5%, 0.05));
  position: relative;
}
@media (min-width: 768px) {
  .hero-brand__wrapper {
    max-width: none;
  }
}
@media (min-width: 1300px) {
  .hero-brand__wrapper {
    padding: 2.8rem;
    max-width: 111.4rem;
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 768px) {
  .hero-brand {
    grid-template-columns: repeat(4, 1fr);
    max-width: none;
  }
}
@media (min-width: 1300px) {
  .hero-brand {
    grid-template-columns: repeat(6, 1fr);
    position: relative;
    z-index: 1;
  }
}
.hero-brand__item {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: initial;
  opacity: 1;
  overflow: hidden;
  padding: 1.6rem 0;
  will-change: transform, opacity, height;
}
.hero-brand__item--hidden {
  display: none;
}
@media (min-width: 768px) {
  .hero-brand__item {
    padding: 3.6rem 0;
  }
}
@media (min-width: 1300px) {
  .hero-brand__item {
    max-height: 9.9rem;
  }
}
.hero-brand__btn {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4.8rem;
  color: hsl(240, 1%, 33%);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.3rem 1.8rem;
  height: 4.4rem;
  grid-column: span 2;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 2.2rem);
}
@media (min-width: 1300px) {
  .hero-brand__btn {
    padding: 1.2rem 3rem;
  }
}
.hero-brand__btn--opened .hero-brand__btn-content::before {
  opacity: 0;
}
.hero-brand__btn-content {
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  padding-right: 1.5rem;
  position: relative;
}
.hero-brand__btn-content::after, .hero-brand__btn-content::before {
  content: "";
  border-radius: 0.1rem;
  background-color: hsl(240, 1%, 33%);
  display: block;
  position: absolute;
  right: 0rem;
  top: 0.8rem;
  width: 1.1rem;
  height: 0.2rem;
  transition: all ease-in-out 0.25s;
}
.hero-brand__btn-content::before {
  transform: rotate(90deg);
}
@media (min-width: 1300px) {
  .hero-brand__btn-content {
    font-size: 1.6rem;
  }
}
.hero-brand__btn-icon {
  width: 1.6rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .hero-brand__btn-icon {
    width: 1.6rem;
    height: 1.6rem;
  }
}

.hero-brand__logo {
  color: hsl(216, 26%, 7%);
  max-width: 100%;
}
.hero-brand__logo--haval {
  width: 100%;
  max-width: 10.9rem;
  height: 1.4rem;
  fill: #636B70;
}
@media (min-width: 1300px) {
  .hero-brand__logo--haval {
    max-width: 14.7rem;
    height: 1.7rem;
  }
}
.hero-brand__logo--omoda {
  width: 100%;
  max-width: 12.6rem;
  height: 1.5rem;
  color: hsl(0, 0%, 0%);
}
@media (min-width: 1300px) {
  .hero-brand__logo--omoda {
    max-width: 14.6rem;
    height: 1.7rem;
  }
}
.hero-brand__logo--kgm {
  width: 100%;
  max-width: 14rem;
  height: 2.6rem;
  fill: hsl(0, 0%, 0%);
}
@media (min-width: 1300px) {
  .hero-brand__logo--kgm {
    height: 3rem;
  }
}
.hero-brand__logo--jaecoo {
  width: 100%;
  max-width: 14.7rem;
  height: 1.5rem;
  color: hsl(0, 0%, 0%);
}
@media (min-width: 1300px) {
  .hero-brand__logo--jaecoo {
    max-width: 14.2rem;
    height: 1.6rem;
  }
}
.hero-brand__logo--chery {
  width: 100%;
  max-width: 14.7rem;
  height: 1.4rem;
  fill: #0C0C0B;
}
@media (min-width: 1300px) {
  .hero-brand__logo--chery {
    max-width: 15.5rem;
    height: 1.8rem;
  }
}
.hero-brand__logo--kia {
  width: 100%;
  max-width: 10rem;
  height: 2.4rem;
  color: #05141F;
}
@media (min-width: 1300px) {
  .hero-brand__logo--kia {
    max-width: 11rem;
    height: 2.6rem;
  }
}
.hero-brand__logo--exeed {
  width: 100%;
  max-width: 11.5rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--exeed {
    max-width: 14.2rem;
    height: 1.5rem;
  }
}
.hero-brand__logo--tenet {
  width: 100%;
  max-width: 11.5rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--tenet {
    max-width: 14.2rem;
    height: 1.5rem;
  }
}
.hero-brand__logo--knewstar {
  width: 100%;
  max-width: 14.7rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--knewstar {
    max-width: 16rem;
  }
}
.hero-brand__logo--infiniti {
  width: 100%;
  max-width: 13rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--infiniti {
    max-width: 15.5rem;
    height: 2.1rem;
  }
}
.hero-brand__logo--subaru {
  width: 100%;
  max-width: 13rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--subaru {
    max-width: 15.5rem;
    height: 2rem;
  }
}
.hero-brand__logo--geely {
  width: 100%;
  max-width: 14rem;
  height: 2.6rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--geely {
    max-width: 16rem;
  }
}
.hero-brand__logo--jetour {
  width: 100%;
  max-width: 14rem;
  height: 2.8rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--jetour {
    max-width: 15.5rem;
    height: 2.7rem;
  }
}
.hero-brand__logo--belgee {
  width: 100%;
  max-width: 13.4rem;
  height: 2.6rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--belgee {
    max-width: 16rem;
  }
}
.hero-brand__logo--renault {
  width: 100%;
  max-width: 10rem;
  height: 5.8rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--renault {
    max-width: 16rem;
  }
}
.hero-brand__logo--citroen {
  width: 100%;
  max-width: 8.6rem;
  height: 6rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--citroen {
    max-width: 16rem;
  }
}
.hero-brand__logo--suzuki {
  width: 100%;
  max-width: 9rem;
  height: 6rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--suzuki {
    max-width: 16rem;
  }
}
.hero-brand__logo--opel {
  width: 100%;
  max-width: 8.4rem;
  height: 6rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--opel {
    max-width: 16rem;
  }
}
.hero-brand__logo--chevrolet {
  width: 100%;
  max-width: 13.4rem;
  height: 5.8rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--chevrolet {
    max-width: 12rem;
  }
}
.hero-brand__logo--nissan {
  width: 100%;
  max-width: 8rem;
  height: 7rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--nissan {
    max-width: 16rem;
  }
}
.hero-brand__logo--liauto {
  width: 100%;
  max-width: 15rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .hero-brand__logo--liauto {
    max-width: 16rem;
  }
}

@media (min-width: 1300px) {
  .actions-mp {
    border-radius: 4rem;
    box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
    background-color: hsl(0, 0%, 100%);
    padding: 6.8rem 0 8.6rem;
    margin: 0 6rem;
  }
}
.actions-mp__link {
  background-color: transparent;
  border: 0.1rem solid hsl(216, 26%, 7%);
  border-radius: 4.8rem;
  color: hsl(216, 26%, 7%);
  display: flex;
  padding: 1.7rem 1.6rem;
  margin-top: 1rem;
  width: 100%;
}
@media (min-width: 768px) {
  .actions-mp__link {
    margin: 1rem auto 0;
    max-width: 20rem;
  }
}
@media (min-width: 1300px) {
  .actions-mp__link {
    display: none;
  }
}

@media (min-width: 1300px) {
  .actions-mp__items {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 1rem;
  }
}

@media (min-width: 1300px) {
  .offers__items {
    grid-template-rows: auto;
  }
  .offers__items > .actions-mp-item:nth-child(3) {
    grid-row: 1;
  }
  .offers__items > .actions-mp-item:nth-child(3) .actions-mp-item__content {
    margin-top: inherit;
  }
  .offers__items > .actions-mp-item:nth-child(3) .actions-mp-item__btn {
    margin-top: auto;
  }
}

.actions-mp-item {
  background-color: hsl(240, 2%, 90%);
  border-radius: 40px;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  color: hsl(216, 26%, 7%);
  display: flex;
  padding: 3rem 0px 2rem 2rem;
  overflow: hidden;
  height: auto;
}
@media (min-width: 1300px) {
  .actions-mp-item {
    transition: all 0.25s ease-in-out;
  }
  .actions-mp-item:nth-child(3) {
    grid-column: 3;
    grid-row: 1/span 2;
  }
  .actions-mp-item:nth-child(3) .actions-mp-item__content {
    margin-top: auto;
    width: 260px;
  }
  .actions-mp-item:nth-child(3) .actions-mp-item__btn {
    margin-top: 5rem;
  }
  .actions-mp-item:hover {
    background-color: hsl(236, 18%, 15%);
    color: hsl(0, 0%, 100%);
  }
  .actions-mp-item:hover .actions-mp-item__btn {
    background-color: hsl(0, 0%, 100%);
    color: hsl(216, 26%, 7%);
  }
  .actions-mp-item:hover .actions-mp-item__icon {
    color: #434560;
  }
  .actions-mp-item:hover .actions-mp-item__icon--fg {
    stop-color: #0d0d13;
  }
  .actions-mp-item:hover .actions-mp-item__icon--sg {
    stop-color: #20212e;
  }
}
.actions-mp-item__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.actions-mp-item__title {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.actions-mp-item__subtitle {
  font-size: 1.8rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 2.26rem;
  margin-top: 1.2rem;
}
.actions-mp-item__btn {
  border: 1px solid hsl(216, 26%, 7%);
  border-radius: 2.5rem;
  color: hsl(216, 26%, 7%);
  display: flex;
  margin-top: 1.6rem;
  padding: 1.2rem 2.4rem;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
@media (min-width: 374px) {
  .actions-mp-item__btn {
    padding: 1.2rem 3rem;
  }
}
@media (min-width: 1300px) {
  .actions-mp-item__btn {
    margin-top: auto;
    transition: all 0.25s ease-in-out;
  }
}
.actions-mp-item__icon {
  color: hsl(0, 0%, 100%);
  flex-shrink: 0;
  max-width: 40%;
  width: 17.7rem;
  height: 17.6rem;
}
.actions-mp-item__icon--fg {
  stop-color: #cfcfcf;
}
.actions-mp-item__icon--sg {
  stop-color: #e5e5e6;
}
@media (min-width: 1300px) {
  .actions-mp-item__icon {
    max-width: unset;
    transition: all 0.25s ease-in-out;
  }
  .actions-mp-item__icon--financial {
    position: absolute;
    top: 5rem;
    right: -2rem;
    width: 24rem;
    height: 23.8rem;
  }
  .actions-mp-item__icon--newcar {
    margin-right: 0.4rem;
  }
  .actions-mp-item__icon--service {
    margin-right: 0.4rem;
  }
  .actions-mp-item__icon--fg, .actions-mp-item__icon--sg {
    transition: stop-color ease-in-out 0.25s;
  }
}

.actions-mp__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.4rem;
}
@media (min-width: 1300px) {
  .actions-mp__pagination {
    display: none;
  }
}
.actions-mp__pagination_bullet {
  box-sizing: content-box;
  background-color: hsl(240, 0%, 52%);
  border: 0.5rem solid hsl(0, 0%, 96%);
  border-radius: 6.2rem;
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.actions-mp__pagination_bullet--active {
  background-color: hsl(216, 26%, 7%);
  width: 8rem;
}

.popular-mp {
  margin: 4.7rem auto 0;
}
@media (min-width: 1300px) {
  .popular-mp {
    margin: 8rem auto 0;
  }
}
@media (min-width: 1300px) {
  .popular-mp__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
  }
}
.popular-mp__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.4rem;
}
@media (min-width: 1300px) {
  .popular-mp__pagination {
    display: none;
  }
}
.popular-mp__pagination_bullet {
  box-sizing: content-box;
  background-color: hsl(240, 0%, 52%);
  border: 0.5rem solid hsl(0, 0%, 96%);
  border-radius: 6.2rem;
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.popular-mp__pagination_bullet--active {
  background-color: hsl(216, 26%, 7%);
  width: 8rem;
}

.popular-mp-item {
  background-color: hsl(0, 0%, 100%);
  border-radius: 3rem;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  color: hsl(216, 26%, 7%);
  padding: 2.9rem 2.2rem 5.1rem;
  height: auto;
}
@media (min-width: 768px) {
  .popular-mp-item {
    padding: 2.9rem 1.2rem 2.9rem 2.2rem;
  }
}
@media (min-width: 1300px) {
  .popular-mp-item {
    transition: all ease-in-out 0.25s;
  }
  .popular-mp-item:hover {
    background-color: hsl(236, 18%, 15%);
    color: hsl(0, 0%, 100%);
  }
}
.popular-mp-item__title {
  display: flex;
  align-items: center;
}
.popular-mp-item__title_title {
  font-size: 2rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 2.5rem;
}
.popular-mp-item__title_icon {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  padding: 0.5rem;
  margin-right: 0.8rem;
}
.popular-mp-item__list {
  margin: 2.2rem 0 0;
  padding: 0;
  list-style: none;
}
.popular-mp-item__list-item {
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  display: flex;
}
.popular-mp-item__list-item:not(:first-child) {
  margin-top: 2rem;
}
.popular-mp-item__list-icon {
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1rem;
  transform: translateY(-0.1rem);
}

.news-mp {
  margin: 4.7rem auto 0;
  max-width: 146.8rem;
}
@media (min-width: 1300px) {
  .news-mp {
    margin: 10rem auto 0;
  }
}
@media (min-width: 1300px) {
  .news-mp--sidepage {
    margin: 6rem auto 0;
  }
}
.news-mp__wrapper {
  overflow: visible;
  position: relative;
}
.news-mp__slider {
  max-width: 134rem;
}
.news-mp__item {
  background-color: hsl(236, 18%, 15%);
  border-radius: 4rem;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  padding: 2rem 2rem 3rem;
  width: 100%;
  height: auto;
}
@media (min-width: 1300px) {
  .news-mp__item {
    background-color: hsl(0, 0%, 100%);
    transition: all ease-in-out 0.25s;
  }
  .news-mp__item:hover {
    background-color: hsl(236, 18%, 15%);
  }
  .news-mp__item:hover .news-mp__title, .news-mp__item:hover .news-mp__subtitle {
    color: hsl(0, 0%, 100%);
  }
  .news-mp__item:hover .news-mp__image {
    transform: scale(1.05);
  }
}
.news-mp__picture {
  border-radius: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.news-mp__image {
  width: 100%;
}
@media (min-width: 1300px) {
  .news-mp__image {
    transition: transform ease-out 0.3s;
  }
}
.news-mp__date {
  color: hsl(240, 0%, 52%);
  margin: 2rem 0 0.8rem;
  padding: 0 1.5rem;
  font-size: 1.8rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.news-mp__title {
  color: hsl(0, 0%, 100%);
  font-size: 2rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  padding: 0 1.5rem;
}
@media (min-width: 1300px) {
  .news-mp__title {
    color: hsl(216, 26%, 7%);
    transition: all ease-in-out 0.25s;
  }
}
.news-mp__subtitle {
  color: hsl(0, 0%, 100%);
  font-size: 1.8rem;
  line-height: 2.3rem;
  padding: 1.6rem 1.5rem 0;
}
@media (min-width: 1300px) {
  .news-mp__subtitle {
    color: hsl(216, 26%, 7%);
    transition: all ease-in-out 0.25s;
  }
}
.news-mp__btn {
  display: none;
}
@media (min-width: 1467px) {
  .news-mp__btn {
    border: 1px solid hsl(240, 0%, 52%);
    border-radius: 4.8rem;
    color: hsl(240, 0%, 52%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% + 2.8rem);
    width: 4.4rem;
    height: 4.4rem;
    z-index: 1;
    transition: all ease-in-out 0.25s;
  }
  .news-mp__btn:hover {
    border: 1px solid hsl(240, 0%, 52%);
    color: hsl(240, 1%, 33%);
  }
  .news-mp__btn--prev {
    transform: translateY(-50%) rotate(180deg);
    left: -6.4rem;
  }
  .news-mp__btn--next {
    transform: translateY(-50%);
    right: -6.4rem;
  }
}
@media (min-width: 1467px) {
  .news-mp__btn svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}
.news-mp__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.4rem;
}
@media (min-width: 1300px) {
  .news-mp__pagination {
    justify-content: flex-start;
  }
}
.news-mp__pagination_bullet {
  box-sizing: content-box;
  background-color: hsl(240, 0%, 52%);
  border: 0.5rem solid hsl(0, 0%, 96%);
  border-radius: 6.2rem;
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.news-mp__pagination_bullet--active {
  background-color: hsl(216, 26%, 7%);
  width: 8rem;
}

.pre-footer-mp {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4rem 4rem 0 0;
  margin: 6rem auto -3rem;
  padding: 3.7rem 1rem 7rem;
}
@media (min-width: 1300px) {
  .pre-footer-mp {
    margin: 8.2rem auto -2rem;
  }
}

.about-mp {
  display: grid;
}
@media (min-width: 1300px) {
  .about-mp {
    grid-template-columns: 66.5rem 67.5rem;
  }
}
.about-mp__picture {
  border-radius: 4rem;
  display: flex;
  margin-bottom: 2rem;
  overflow: hidden;
}
@media (min-width: 1300px) {
  .about-mp__picture {
    margin-bottom: 0;
  }
}
.about-mp__picture img {
  width: 100%;
}
.about-mp__content {
  color: hsl(216, 26%, 7%);
  display: flex;
  flex-direction: column;
}
@media (min-width: 1300px) {
  .about-mp__content {
    padding-left: 12.3rem;
  }
}
.about-mp__content_title {
  font-size: 1.8rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  text-align: center;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .about-mp__content_title {
    font-size: 2rem;
  }
}
@media (min-width: 1300px) {
  .about-mp__content_title {
    text-align: left;
  }
}
.about-mp__content_text {
  color: hsl(216, 26%, 7%);
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
@media (min-width: 1300px) {
  .about-mp__content_text {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
}
.about-mp__content_btns {
  display: grid;
}
@media (min-width: 768px) {
  .about-mp__content_btns {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
@media (min-width: 1300px) {
  .about-mp__content_btns {
    grid-template-columns: none;
    gap: 0;
    margin: auto 0 0;
  }
}
.about-mp__content_btn.btn--1 {
  margin-bottom: 1rem;
}
@media (min-width: 1300px) {
  .about-mp__content_btn.btn--1 {
    justify-self: start;
    margin: 0;
    padding: 1.2rem 8rem;
  }
}
@media (min-width: 1300px) {
  .about-mp__content_btn.btn--2 {
    display: none;
  }
}

.need-help-form {
  display: grid;
  gap: 1rem;
}
@media (min-width: 768px) {
  .need-help-form {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1300px) {
  .need-help-form {
    grid-column: 1;
    align-content: flex-start;
    padding-bottom: 6rem;
  }
}
@media (min-width: 1300px) {
  .need-help-form__wrapper {
    background-color: hsl(0, 0%, 100%);
    padding: 8rem 0 11rem;
    transform: translateY(3rem);
    border-top-left-radius: 4.4rem;
    border-top-right-radius: 4.4rem;
  }
}
.need-help-form__inner {
  background-color: hsl(240, 2%, 90%);
  border-radius: 4rem;
  margin: 4rem auto;
  padding: 3rem 1rem 2.5rem;
  max-width: 134rem;
}
@media (min-width: 1300px) {
  .need-help-form__inner {
    display: grid;
    grid-template-columns: 60.8rem auto;
    margin: 0 auto;
    padding: 0 0 0 6rem;
  }
}
.need-help-form__head {
  margin-bottom: 1.6rem;
}
@media (min-width: 1300px) {
  .need-help-form__head {
    grid-column: 1;
    align-content: end;
    align-content: flex-end;
    margin-bottom: 3.5rem;
    padding-top: 6rem;
  }
}
.need-help-form__title {
  font-size: 2.8rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  text-align: center;
  margin-bottom: 1.7rem;
}
@media (min-width: 1300px) {
  .need-help-form__title {
    font-size: 4rem;
    line-height: 5rem;
    text-align: left;
    margin: 0 0 1.6rem;
  }
}
.need-help-form__text {
  font-size: 1.5rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
@media (min-width: 1300px) {
  .need-help-form__text {
    font-size: 1.8rem;
  }
}
.need-help-form__label--error input {
  border: 2px solid hsl(0, 100%, 47%);
  transition: all ease-in-out 0.25s;
}
.need-help-form__input {
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(240, 0%, 52%);
  border-radius: 4.8rem;
  color: hsl(216, 26%, 7%);
  font-size: 1.6rem;
  line-height: 2rem;
  padding: 1.2rem 2rem;
  width: 100%;
  max-height: 4.4rem;
  transition: all ease-in-out 0.25s;
}
.need-help-form__input::-moz-placeholder {
  color: hsl(240, 0%, 52%);
}
.need-help-form__input::placeholder {
  color: hsl(240, 0%, 52%);
}
.need-help-form__input:focus-visible {
  border-color: hsl(240, 1%, 33%);
  outline: none;
}
.need-help-form__bg {
  display: flex;
}
@media (min-width: 768px) {
  .need-help-form__bg {
    justify-content: center;
  }
}
@media (min-width: 1300px) {
  .need-help-form__bg {
    grid-column: 2;
    grid-row: 1/span 2;
    transform: translateX(-4rem);
  }
  .need-help-form__bg img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.need-help-form__checkbox {
  position: relative;
  margin-bottom: 1.4rem;
}
@media (min-width: 768px) {
  .need-help-form__checkbox {
    grid-row: 2;
    grid-column: 1/span 3;
  }
}
@media (min-width: 1300px) {
  .need-help-form__checkbox {
    margin-bottom: 0;
  }
}
.need-help-form__checkbox-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
}
.need-help-form__checkbox-content {
  color: hsl(240, 1%, 33%);
  cursor: pointer;
  font-size: 1.3rem;
  line-height: 1.6rem;
  display: inline-flex;
  flex-flow: row wrap;
  padding-left: 2.6rem;
}
@media (min-width: 768px) {
  .need-help-form__checkbox-content {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.need-help-form__checkbox-content::before {
  content: "";
  border: 1px solid hsl(0, 0%, 0%);
  border-radius: 2.5rem;
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 1.6rem;
  height: 1.6rem;
  transition: border-color ease-in-out 0.3s;
}
.need-help-form__checkbox-content::after {
  content: "";
  background-color: hsl(218, 100%, 29%);
  border-radius: 2.5rem;
  position: absolute;
  left: 0.3rem;
  top: 0.9rem;
  width: 1rem;
  height: 1rem;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.need-help-form__checkbox-content a {
  color: hsl(240, 1%, 33%);
  display: inline;
  text-decoration: underline;
}
.need-help-form__btn {
  width: 100%;
}
@media (min-width: 1300px) {
  .need-help-form__btn {
    width: auto;
  }
}

.need-help-form__checkbox-input:checked + .need-help-form__checkbox-content::after {
  opacity: 1;
}

.need-help-form__checkbox-input:focus + .need-help-form__checkbox-content::before {
  border-color: hsl(218, 100%, 29%);
}

.need-help-form__checkbox-input:disabled + .need-help-form__checkbox-content {
  opacity: 0.4;
  pointer-events: none;
}

.universal-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.universal-form__wrapper {
  display: grid;
  gap: 1rem;
}
@media (min-width: 1300px) {
  .universal-form__wrapper {
    grid-template-columns: 44rem auto;
  }
}
.universal-form__inner {
  background-color: hsl(0, 0%, 100%);
  border-radius: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.8rem 2rem;
}
@media (min-width: 1300px) {
  .universal-form__inner {
    border-radius: 4rem;
    box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
    padding: 2.8rem;
  }
}
.universal-form__single {
  margin-bottom: 1rem;
}
.universal-form__title {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin-bottom: 1.6rem;
}
@media (min-width: 1300px) {
  .universal-form__title {
    font-size: 2.8rem;
    line-height: 3.5rem;
    margin-bottom: 3.2rem;
  }
}
.universal-form__subtitle {
  font-size: 1.5rem;
  line-height: 1.9rem;
  margin-bottom: 1.6rem;
}
@media (min-width: 1300px) {
  .universal-form__subtitle {
    font-size: 1.8rem;
    line-height: 2.7rem;
    margin-bottom: 3.2rem;
  }
}
.universal-form__input {
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(240, 2%, 90%);
  border-radius: 4.8rem;
  color: hsl(216, 26%, 7%);
  font-size: 1.6rem;
  line-height: 2rem;
  padding: 1.2rem 2rem;
  width: 100%;
  max-height: 4.4rem;
  transition: all ease-in-out 0.25s;
}
.universal-form__input::-moz-placeholder {
  color: hsl(240, 0%, 52%);
}
.universal-form__input::placeholder {
  color: hsl(240, 0%, 52%);
}
.universal-form__input:focus-visible {
  border-color: hsl(240, 1%, 33%);
  outline: none;
}
@media (min-width: 1300px) {
  .universal-form__input:hover {
    border: 1px solid hsl(240, 0%, 52%);
  }
}
.universal-form__textarea {
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(240, 2%, 90%);
  border-radius: 2.4rem;
  color: hsl(216, 26%, 7%);
  font-size: 1.6rem;
  line-height: 2rem;
  padding: 1.2rem 2rem;
  width: 100%;
  max-width: 100%;
  height: 10rem;
  resize: none;
  transition: all ease-in-out 0.25s;
}
.universal-form__textarea::-moz-placeholder {
  color: hsl(240, 0%, 52%);
}
.universal-form__textarea::placeholder {
  color: hsl(240, 0%, 52%);
}
.universal-form__textarea:focus-visible {
  border-color: hsl(240, 1%, 33%);
  outline: none;
}
@media (min-width: 1300px) {
  .universal-form__textarea:hover {
    border: 1px solid hsl(240, 0%, 52%);
  }
}
.universal-form__pic {
  border-radius: 3rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 1300px) {
  .universal-form__pic {
    border-radius: 4rem;
  }
}
@media (min-width: 1300px) {
  .universal-form__pic img {
    height: 100%;
  }
}
.universal-form__checkbox {
  position: relative;
  margin-bottom: 1.4rem;
}
@media (min-width: 1300px) {
  .universal-form__checkbox {
    margin-bottom: 0;
  }
}
.universal-form__checkbox-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
}
.universal-form__checkbox-content {
  color: hsl(240, 1%, 33%);
  cursor: pointer;
  font-size: 1.3rem;
  line-height: 1.6rem;
  display: inline-flex;
  flex-flow: row wrap;
  padding-left: 2.6rem;
}
@media (min-width: 768px) {
  .universal-form__checkbox-content {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.universal-form__checkbox-content::before {
  content: "";
  border: 1px solid hsl(0, 0%, 0%);
  border-radius: 2.5rem;
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 1.6rem;
  height: 1.6rem;
  transition: border-color ease-in-out 0.3s;
}
.universal-form__checkbox-content::after {
  content: "";
  background-color: hsl(218, 100%, 29%);
  border-radius: 2.5rem;
  position: absolute;
  left: 0.3rem;
  top: 0.8rem;
  width: 1rem;
  height: 1rem;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.universal-form__checkbox-content a {
  color: hsl(240, 1%, 33%);
  display: inline;
  text-decoration: underline;
}
.universal-form__select:not([data-id]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.1rem solid hsl(240, 2%, 90%);
  background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23E5E5E6'/%3E%3Cpath d='M12.2998 13.5339L15.2011 16.4352L18.1025 13.5339' stroke='%230E1218' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;
  background-position: calc(100% - 0.6rem) center;
  color: hsl(240, 0%, 52%);
  padding: 1.2rem 2rem;
  width: 100%;
}
.universal-form__select.ss-main {
  border: 1px solid hsl(240, 2%, 90%);
  background-color: hsl(0, 0%, 100%);
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 1.2rem 0 1.2rem 2rem;
  z-index: 520;
  transition: border ease-in-out 0.25s;
}
.universal-form__select.ss-main:focus {
  box-shadow: none;
}
.universal-form__select.ss-main[class*=ss-open] {
  border-radius: 8.7rem;
  border: 1px solid hsl(240, 0%, 52%);
}
.universal-form__select.ss-main:not([class*=ss-open]) {
  z-index: 500;
}
.universal-form__select.ss-main .ss-single {
  margin: 0;
}
.universal-form__select.ss-main .ss-placeholder {
  line-height: 2rem;
  padding: 0;
}
.universal-form__select.ss-main.disabled {
  background-color: hsl(0, 0%, 96%);
}
@media (min-width: 1300px) {
  .universal-form__select.ss-main:hover {
    border: 1px solid hsl(240, 0%, 52%);
  }
}
.universal-form__select:not([class*=ss-open]) {
  border-radius: 8.7rem;
}
.universal-form__select .ss-arrow {
  background-color: hsl(240, 2%, 90%);
  border-radius: 5.4rem;
  width: 3rem;
  height: 3rem;
  padding: 1rem;
  position: absolute;
  top: calc(50% - 1.5rem);
  right: 0;
}
.universal-form__select.ss-content {
  border-top: 2.1rem solid transparent;
  border-right: 1px solid hsl(240, 0%, 52%);
  border-bottom: 1px solid hsl(240, 0%, 52%);
  border-left: 1px solid hsl(240, 0%, 52%);
  border-radius: 0 0 2.2rem 2.2rem;
  transform: translateY(-2.1rem);
}
.universal-form__select.ss-content:not([class*=ss-open]) {
  z-index: -1;
  display: none;
}
.universal-form__select.ss-content[class*=ss-open] {
  z-index: 510;
}
.universal-form__select.ss-content .ss-list {
  max-height: 18rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.universal-form__select.ss-content .ss-list::-webkit-scrollbar {
  display: none;
}
.universal-form__select.ss-content .ss-list .simplebar-scrollbar::before {
  background: hsl(218, 100%, 29%);
  border-radius: 1.9rem;
  width: 100%;
  opacity: 1;
  inset: 0 0 0 0;
}
.universal-form__select.ss-content .ss-list .simplebar-track.simplebar-vertical {
  top: 50%;
  right: 1px;
  height: calc(100% - 1.5rem);
  width: 0.3rem;
  transform: translateY(-54%);
}
.universal-form__select.ss-content .ss-list .simplebar-track.simplebar-horizontal {
  display: none;
}
.universal-form__option {
  color: hsl(216, 26%, 7%);
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1.9rem;
  padding: 1rem 2rem;
  transition: all ease-in-out 0.25s;
}
.universal-form__option:hover {
  background-color: hsl(240, 2%, 90%);
}
.universal-form__option.ss-selected {
  color: hsl(218, 100%, 29%);
  background-color: hsl(240, 2%, 90%);
}

.universal-form__checkbox-input:checked + .universal-form__checkbox-content::after {
  opacity: 1;
}

.universal-form__checkbox-input:focus + .universal-form__checkbox-content::before {
  border-color: hsl(218, 100%, 29%);
}

.universal-form__checkbox-input:disabled + .universal-form__checkbox-content {
  opacity: 0.4;
  pointer-events: none;
}

.map-mp {
  display: none;
}
@media (min-width: 1300px) {
  .map-mp {
    display: block;
    width: 100%;
    height: 68rem;
  }
}
@media (min-width: 1300px) {
  .map-mp__inner {
    border-radius: 4rem;
    box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
    overflow: hidden;
    position: relative;
  }
}
.map-mp__wrapper {
  display: none;
}
@media (min-width: 1300px) {
  .map-mp__wrapper {
    display: block;
    padding-top: 9rem;
    margin: 0 auto;
  }
}
.map-mp__nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1rem;
  list-style: none;
  margin: 0 0 2.4rem;
  padding: 0;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.map-mp__nav::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1300px) {
  .map-mp__nav {
    flex-wrap: wrap;
  }
}
.map-mp__nav-item {
  background-color: hsl(240, 2%, 90%);
  border-radius: 4.8rem;
  color: hsl(240, 1%, 33%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.map-mp__nav-item:not(.map-mp__nav-item--active):hover {
  color: hsl(216, 26%, 7%);
}
.map-mp__nav-item--active {
  background-color: hsl(218, 100%, 29%);
  color: hsl(0, 0%, 100%);
}
.map-mp__nav-content {
  color: currentColor;
  display: flex;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  padding: 1rem 3.1rem;
  white-space: nowrap;
}
.map-mp__contacts {
  background-color: hsl(0, 0%, 96%);
  border-radius: 3rem;
  padding: 0 2rem;
  width: 33.5rem;
  height: auto;
  max-height: 64rem;
  position: relative;
  top: 2rem;
  left: 2rem;
  z-index: 8;
}
.map-mp__contacts:hover .simplebar-scrollbar::before {
  opacity: 1;
}
@media (min-width: 1300px) {
  .map-mp__contacts {
    position: absolute;
  }
}
.map-mp__contacts .simplebar-track.simplebar-vertical {
  top: 2rem;
  bottom: 2rem;
  height: 60rem;
  right: 0.3rem;
}
.map-mp__contacts .simplebar-scrollbar::before {
  background: hsl(240, 2%, 75%);
  opacity: 0;
  transition: all ease-in-out 0.25s;
}
.map-mp__contact-item {
  padding: 2rem 0 2.4rem;
}
.map-mp__circle {
  background-color: hsl(0, 0%, 100%);
  border: 6px solid currentColor;
  border-radius: 50%;
  cursor: pointer;
  color: hsl(218, 100%, 29%);
  position: relative;
  width: 5.8rem;
  height: 5.8rem;
  transform: translate(-50%, -50%);
}
.map-mp__circle-content {
  color: currentColor;
  font-size: 2rem;
  line-height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.map-mp__pin {
  width: 5.8rem;
  height: 7.4rem;
}

.map-mp-contacts__item {
  padding: 2rem 0 2.4rem;
  display: block;
}
.map-mp-contacts__item:not(.map-mp-contacts__item--active) {
  display: none;
}
.map-mp-contacts__item:not(:last-child) {
  border-bottom: 0.1rem solid hsl(240, 2%, 90%);
}
.map-mp-contacts__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row wrap;
}
.map-mp-contacts__title {
  color: hsl(216, 26%, 7%);
  font-size: 2.8rem;
  line-height: 3.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.map-mp-contacts__rate {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.5rem 0.7rem 1.2rem 0.6rem;
}
.map-mp-contacts__rate-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.7rem;
}
.map-mp-contacts__rate-count {
  color: hsl(216, 26%, 7%);
  display: inline-flex;
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  margin-left: auto;
  margin-right: 0.6rem;
}
.map-mp-contacts__rate-stars {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  margin-left: auto;
  height: 1.8rem;
}
.map-mp-contacts__rate-stars--default, .map-mp-contacts__rate-stars--active {
  line-height: 1;
}
.map-mp-contacts__rate-stars--default span, .map-mp-contacts__rate-stars--active span {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  box-sizing: content-box;
  display: inline-flex;
  vertical-align: top;
  padding: 0;
  margin: 0 -1px;
  white-space: nowrap;
  width: 1.8rem;
  height: 1.8rem;
}
.map-mp-contacts__rate-stars--default {
  position: relative;
}
.map-mp-contacts__rate-stars--default span {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13.0004L13 15.0004C13.5773 15.3379 14.1519 14.6314 14 14.0004L13 11.0004L16 8.0004C16.509 7.57486 15.6685 7.05176 15 7.0004H12L10 3.0004C9.74174 2.40612 9.25828 2.40612 9.00001 3.0004L7.00001 7.0004H4.00001C3.33155 7.05176 2.49107 7.57486 3.00001 8.0004L6.00001 11.0004L5.00001 14.0004C4.84808 14.6314 5.4227 15.3379 6.00001 15.0004L10 13.0004Z' fill='%23f6f6f6'/%3E%3C/svg%3E");
}
.map-mp-contacts__rate-stars--active {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.map-mp-contacts__rate-stars--active span {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13.0004L13 15.0004C13.5773 15.3379 14.1519 14.6314 14 14.0004L13 11.0004L16 8.0004C16.509 7.57486 15.6685 7.05176 15 7.0004H12L10 3.0004C9.74174 2.40612 9.25828 2.40612 9.00001 3.0004L7.00001 7.0004H4.00001C3.33155 7.05176 2.49107 7.57486 3.00001 8.0004L6.00001 11.0004L5.00001 14.0004C4.84808 14.6314 5.4227 15.3379 6.00001 15.0004L10 13.0004Z' fill='%23EEC800'/%3E%3C/svg%3E");
}
.map-mp-contacts__body {
  display: grid;
  gap: 1.6rem;
  margin-top: 2rem;
}
.map-mp-contacts__address {
  display: grid;
  grid-template-columns: 2.4rem auto;
  gap: 0.4rem;
}
.map-mp-contacts__address-icon {
  color: hsl(218, 100%, 29%);
  width: 2.4rem;
  height: 2.4rem;
}
.map-mp-contacts__address-content {
  color: hsl(216, 26%, 7%);
  font-size: 1.8rem;
  line-height: 2.3rem;
  margin-bottom: 0.4rem;
}
.map-mp-contacts__address-metro {
  color: hsl(240, 0%, 52%);
  font-size: 1.4rem;
  line-height: 1.8rem;
  grid-column: 2;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.map-mp-contacts__phone {
  display: flex;
  align-items: center;
}
.map-mp-contacts__phone-icon {
  color: hsl(218, 100%, 29%);
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.4rem;
}
.map-mp-contacts__phone-content {
  color: hsl(216, 26%, 7%);
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.map-mp-contacts__route {
  display: flex;
  align-items: center;
}
.map-mp-contacts__route-icon {
  box-sizing: content-box;
  color: hsl(218, 100%, 29%);
  width: 2.2rem;
  height: 2.2rem;
  padding: 0.1rem;
  margin-right: 0.5rem;
}
.map-mp-contacts__route-content {
  color: hsl(216, 26%, 7%);
  font-size: 1.8rem;
  line-height: 2.3rem;
}

.placemark {
  cursor: pointer;
  position: relative;
  width: 5.8rem;
  height: 7.4rem;
  transform: translate(-2.9rem, -7.4rem);
}

.instock-wrapper {
  margin-bottom: 4.8rem;
}
@media (min-width: 768px) {
  .instock-wrapper {
    margin-bottom: 6.8rem;
  }
}

.instock-list {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.6rem;
}
@media (min-width: 768px) {
  .instock-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1300px) {
  .instock-list {
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 3.2rem;
  }
}
.instock-list__item {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4rem;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  display: flex;
  flex-direction: column;
  padding: 2rem 0 3rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 1300px) {
  .instock-list__item {
    padding: 3rem 0 4rem;
    transition: all ease-in-out 0.25s;
  }
  .instock-list__item:hover {
    box-shadow: 0px 14px 34px 0px hsla(0, 0%, 64%, 0.25);
    z-index: 2;
  }
}

.instock-item__header {
  padding: 0 2rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 374px) {
  .instock-item__header {
    padding: 0 4rem;
  }
}
.instock-item__title {
  color: hsl(216, 26%, 7%);
  font-size: 2.8rem;
  line-height: 3.5rem;
}
.instock-item__subtitle {
  color: hsl(0, 0%, 64%);
}
.instock-item__image {
  border-radius: 1rem;
  display: flex;
  overflow: hidden;
  margin: 0 1.614rem;
}
@media (min-width: 1300px) {
  .instock-item__image {
    margin: 0 2rem;
  }
}
.instock-item__benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  padding: 0 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 1300px) {
  .instock-item__benefits {
    padding: 0 4rem;
  }
}
.instock-item__benefit {
  background-color: hsla(218, 100%, 29%, 0.1);
  border-radius: 4rem;
  color: hsl(216, 26%, 7%);
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 0.4rem 1.6rem;
}
.instock-item__info {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 1.2rem 0;
  justify-content: space-between;
  padding: 0 2rem;
  margin: auto 0 2.4rem;
}
@media (min-width: 374px) {
  .instock-item__info {
    padding: 0 4rem;
  }
}
.instock-item__info-item {
  color: hsl(0, 0%, 37%);
  display: flex;
  align-items: center;
}
.instock-item__info-icon {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
}
.instock-item__info-title {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.9rem;
  margin-left: 1.2rem;
}
@media (min-width: 1300px) {
  .instock-item__info-title {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
}
.instock-item__footer {
  padding: 0 2rem;
}
@media (min-width: 374px) {
  .instock-item__footer {
    padding: 0 4rem;
  }
}
@media (min-width: 1300px) {
  .instock-item__footer {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
  }
}
.instock-item__price {
  color: hsl(0, 0%, 10%);
  font-size: 2.8rem;
  line-height: 3.5rem;
  margin-right: 1rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.instock-item__price-wrapper {
  display: flex;
  align-items: center;
}
.instock-item__tooltip {
  background-color: hsl(240, 2%, 90%);
  border-radius: 2rem;
  color: hsl(236, 18%, 15%);
  font-size: 1.4rem;
  line-height: 1.8rem;
  position: absolute;
  bottom: 3.45rem;
  right: -1.9rem;
  max-width: 24rem;
  min-width: 17.5rem;
  width: auto;
  padding: 2rem;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s opacity, 0.3s visibility;
}
@media (min-width: 1300px) {
  .instock-item__tooltip {
    right: initial;
    left: -1.9rem;
    min-width: 23.5rem;
  }
}
.instock-item__tooltip-wrapper {
  border: 1px solid hsl(0, 0%, 10%);
  border-radius: 50%;
  color: hsl(0, 0%, 10%);
  display: flex;
  width: 2rem;
  height: 2rem;
  position: relative;
  z-index: 3;
}
.instock-item__tooltip-wrapper--active .instock-item__tooltip, .instock-item__tooltip-wrapper:hover .instock-item__tooltip {
  visibility: visible;
  opacity: 1;
}
.instock-item__tooltip-sign {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1243 1300' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M321 784H219q-4-44 5.5-78t37-64.5Q289 611 337 578q32-22 46.5-44t14.5-49q0-42-31-69t-81-27q-45 0-89 25.5T116 495l-87-86q51-64 118.5-98T290 277q69 0 123 27.5t85.5 74Q530 425 530 484q0 56-31.5 100T404 666q-49 28-66 54t-17 64zm33 154q0 33-24 56.5t-59 23.5q-35 0-59-23.5T188 938q0-34 24-57.5t59-23.5q35 0 59 23.5t24 57.5z' fill='currenColor'/%3E%3C/svg%3E%0A") center center no-repeat;
  width: 1.6rem;
  height: 1.5rem;
  position: absolute;
  left: 0.5rem;
  top: 0.1rem;
  z-index: 2;
}
.instock-item__tooltip-arrow {
  position: absolute;
  right: 2.2rem;
  bottom: -0.8rem;
  width: 1.3rem;
  height: 0.9rem;
}
@media (min-width: 1300px) {
  .instock-item__tooltip-arrow {
    right: initial;
    left: 2.2rem;
  }
}
.instock-item__quantity {
  color: hsl(0, 0%, 64%);
  font-size: 1.5rem;
  line-height: 1.9rem;
  display: flex;
  align-items: center;
}
@media (min-width: 1300px) {
  .instock-item__quantity {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
}
.instock-item__quantity::before {
  content: "";
  background-color: hsl(149, 81%, 38%);
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.8rem;
  width: 0.6rem;
  height: 0.6rem;
}

.cars-footer {
  display: grid;
  gap: 1.6rem;
}
@media (min-width: 768px) {
  .cars-footer {
    grid-template-columns: auto 16.8rem;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .cars-load-btn {
    max-width: 16.8rem;
  }
}
.cars-load-btn .btn__content {
  display: flex;
  align-items: center;
  line-height: 1.1rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}

.tradein-list {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.6rem;
}
@media (min-width: 768px) {
  .tradein-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1300px) {
  .tradein-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.tradein-card {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4rem;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  display: flex;
  flex-direction: column;
  padding: 2rem 0 3rem;
  position: relative;
  transition: all ease-in-out 0.25s;
  z-index: 1;
}
@media (min-width: 1300px) {
  .tradein-card {
    padding: 4rem;
  }
  .tradein-card:hover {
    box-shadow: 0px 14px 34px 0px hsla(0, 0%, 64%, 0.25);
    z-index: 2;
  }
}
.tradein-card__picture {
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0px 1.775rem;
  margin: 0 0 1.6rem;
}
@media (min-width: 1300px) {
  .tradein-card__picture {
    padding: 0;
  }
}
.tradein-card__picture img {
  border-radius: 2rem;
  overflow: hidden;
  width: 100%;
}
.tradein-card__head {
  padding: 0 2rem;
  margin: 0 0 2rem;
}
@media (min-width: 1300px) {
  .tradein-card__head {
    padding: 0;
  }
}
.tradein-card__title {
  color: hsl(0, 0%, 10%);
  font-size: 2.8rem;
  line-height: 3.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.tradein-card__subtitle {
  color: hsl(0, 0%, 64%);
  font-size: 1.8rem;
  line-height: 2.3rem;
}
@media (min-width: 1300px) {
  .tradein-card__subtitle {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.tradein-card__info {
  margin: auto 2rem 3.4rem;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  gap: 1.2rem 0;
}
@media (min-width: 1300px) {
  .tradein-card__info {
    margin: auto 0 2.4rem;
  }
}
.tradein-card__info-item {
  color: hsl(0, 0%, 37%);
  display: flex;
  align-items: center;
}
.tradein-card__info-icon {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
}
.tradein-card__info-text {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.9rem;
  margin-left: 1.2rem;
}
.tradein-card__info-text sup {
  font-size: 0.6em;
}
@media (min-width: 1300px) {
  .tradein-card__info-text {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
}
.tradein-card__price {
  font-size: 2.8rem;
  line-height: 3.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto 2rem 0;
}
@media (min-width: 1300px) {
  .tradein-card__price {
    margin: auto 0 0;
  }
}
.tradein-card__price-old {
  color: hsl(240, 0%, 52%);
  text-decoration-line: line-through;
}
.tradein-card__price-new {
  color: hsl(218, 100%, 29%);
}

.pagination {
  display: flex;
  flex-wrap: nowrap;
}
.pagination__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.8rem;
}
@media (min-width: 1300px) {
  .pagination__list {
    gap: 1rem;
  }
}
.pagination__link {
  border-radius: 5.6rem;
  background-color: transparent;
  color: hsl(240, 0%, 52%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  transition: all ease-in-out 0.25s;
}
.pagination__link:hover {
  color: hsl(240, 1%, 33%);
}
.pagination__link:hover.pagination__link--disabled {
  color: hsl(240, 0%, 52%);
}
.pagination__link:hover.pagination__link--active {
  color: hsl(0, 0%, 100%);
}
.pagination__link--active {
  background-color: hsl(218, 100%, 29%);
  color: hsl(0, 0%, 100%);
}
.pagination__link--disabled {
  color: hsl(240, 0%, 52%);
  cursor: default;
}
.pagination__name {
  font-size: 1.6rem;
  line-height: 1.1rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}

.instockcar {
  margin-bottom: 6.5rem;
}
@media (min-width: 1300px) {
  .instockcar {
    margin-bottom: 8rem;
  }
}
@media (min-width: 1300px) {
  .instockcar__wrapper {
    display: grid;
    grid-template-columns: 44rem 89rem;
    gap: 0 1rem;
    align-items: start;
  }
}
.instockcar__head {
  padding: 0 1rem;
}
@media (min-width: 1300px) {
  .instockcar__head {
    display: none;
  }
}
.instockcar__status {
  color: hsl(216, 26%, 7%);
  display: inline-flex;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.9rem;
  margin-bottom: 1.2rem;
}
@media (min-width: 1300px) {
  .instockcar__status {
    font-size: 1.8rem;
    line-height: 2.3rem;
    margin-bottom: 1rem;
  }
}
.instockcar__status::before {
  content: "";
  background-color: hsl(149, 81%, 38%);
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.8rem;
  height: 0.6rem;
  width: 0.6rem;
}
.instockcar__name {
  color: hsl(216, 26%, 7%);
  font-size: 2.8rem;
  line-height: 3.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin-bottom: 1.4rem;
}
@media (min-width: 1300px) {
  .instockcar__name {
    margin-bottom: 2.2rem;
  }
  .instockcar__name-title {
    font-size: 4rem;
    display: block;
  }
  .instockcar__name-subtitle {
    font-size: 2.8rem;
    line-height: 145%;
  }
}
.instockcar__body {
  margin-bottom: 1rem;
}
@media (min-width: 1300px) {
  .instockcar__body {
    grid-column: 2;
    position: relative;
    margin-bottom: 0;
  }
  .instockcar__body.instockcar__body--instock {
    height: var(--car-detail-photo-height);
  }
}
.instockcar-tags {
  display: flex;
  width: 100%;
  margin-left: 1rem;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (min-width: 1300px) {
  .instockcar-tags {
    flex-wrap: wrap;
    gap: 0.6rem;
    width: auto;
    position: absolute;
    left: 2rem;
    top: 2rem;
    margin: 0;
    z-index: 5;
  }
}
.instockcar-tags__item {
  background-color: hsla(218, 100%, 29%, 0.1);
  border-radius: 4rem;
  color: hsl(216, 26%, 7%);
  cursor: default;
  font-size: 1.3rem;
  line-height: 1.6rem;
  white-space: nowrap;
  padding: 0.4rem 1.6rem;
  margin-bottom: 2rem;
}
@media (min-width: 1300px) {
  .instockcar-tags__item {
    background-color: hsla(0, 0%, 100%, 0.4);
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding: 0.8rem 2rem;
    margin: 0;
  }
}
.instockcar-tags__item:not(:last-child) {
  margin-right: 0.6rem;
}
.instockcar-photo {
  border-radius: 3.6rem;
  background: url("/bitrix/templates/uservice2025/img/instock-car-temporary-bg.jpg") center center no-repeat;
  background-size: cover;
  overflow: hidden;
  margin-bottom: 1rem;
}
@media (min-width: 1300px) {
  .instockcar-photo {
    margin-bottom: 0;
    height: 100%;
  }
}
.instockcar-photo__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.instockcar-photo__photo {
  width: 100%;
  height: auto;
  max-width: 64rem;
}
.instockcar-spec {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4rem;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  padding: 2rem;
}
@media (min-width: 1300px) {
  .instockcar-spec {
    border-radius: 4rem;
    grid-column: 1;
    grid-row: 1;
    padding: 3.2rem 2.8rem;
    position: sticky;
    top: 1rem;
  }
}
.instockcar-spec__head {
  display: none;
}
@media (min-width: 1300px) {
  .instockcar-spec__head {
    display: block;
  }
}
.instockcar-spec__wrapper {
  border-top: 1px solid hsl(240, 2%, 90%);
  border-bottom: 1px solid hsl(240, 2%, 90%);
  padding: 1.6rem 0;
  margin-bottom: 1.2rem;
}
.instockcar-spec__title {
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin-bottom: 1rem;
}
@media (min-width: 1300px) {
  .instockcar-spec__title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.instockcar-spec__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  gap: 1.2rem 0;
}
@media (min-width: 1300px) {
  .instockcar-spec__list {
    grid-template-columns: repeat(2, 18.5rem);
  }
}
.instockcar-spec__item {
  display: grid;
  grid-template-columns: 3.2rem auto;
  gap: 0 0.8rem;
}
.instockcar-spec__icon {
  color: hsl(240, 1%, 33%);
  width: 3.2rem;
  height: 3.2rem;
  grid-column: 1;
  grid-row: span 2;
}
.instockcar-spec__name {
  color: hsl(240, 1%, 33%);
  font-size: 1.2rem;
  line-height: 1.5rem;
  grid-column: 2;
}
.instockcar-spec__data {
  color: hsl(216, 26%, 7%);
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  grid-column: 2;
  margin-top: -0.2rem;
}
.instockcar-spec__colors {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2.8rem;
}
.instockcar-spec__color {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 3.4rem;
}
.instockcar-spec__color-data {
  border-radius: 7.5rem;
  border: 0.2rem solid hsl(240, 0%, 52%);
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 auto 0.4rem;
}
.instockcar-spec__color-count {
  color: hsl(240, 0%, 52%);
  font-size: 1.4rem;
  line-height: 1.8rem;
  width: 100%;
}
.instockcar-spec__btns {
  display: grid;
  gap: 1rem;
}
@media (min-width: 1300px) {
  .instockcar-spec__btns {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1300px) {
  .instockcar-spec__btn {
    padding: 1.2rem 2.4rem;
  }
  .instockcar-spec__btn .btn__content {
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
}
.instockcar-price {
  margin-bottom: 1.2rem;
}
@media (min-width: 1300px) {
  .instockcar-price {
    border-top: 1px solid hsl(240, 2%, 90%);
    padding: 1.6rem 0.8rem 0;
  }
}
.instockcar-price__title {
  color: hsl(240, 1%, 33%);
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.instockcar-price__inner {
  display: flex;
  align-items: center;
}
.instockcar-price__price {
  color: hsl(216, 26%, 7%);
  font-size: 2.8rem;
  line-height: 3.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin-right: 1.2rem;
}
.instockcar-info {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4.8rem;
  padding-bottom: 1.2rem;
  margin-top: 1rem;
  width: 100%;
}
@media (min-width: 1300px) {
  .instockcar-info {
    grid-column: 2;
    padding-bottom: 0.6rem;
  }
}
.instockcar-info--tech {
  padding: 1.2rem 0;
}
.instockcar-info__item {
  cursor: pointer;
}
.instockcar-info__item:not(:last-child) {
  border-bottom: 1px solid hsl(240, 2%, 90%);
}
.instockcar-info__item.accordion__item_show .instockcar-info__title svg, .instockcar-info__item.accordion__item_slidedown .instockcar-info__title svg {
  transform: rotate(180deg);
}
.instockcar-info__title {
  color: hsl(216, 26%, 7%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.8rem 2rem 1.6rem;
}
@media (min-width: 1300px) {
  .instockcar-info__title {
    padding: 2rem 2.8rem;
  }
  .instockcar-info__title:not(:first-child) {
    padding: 1.8rem 2.8rem;
  }
}
.instockcar-info__title span {
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  .instockcar-info__title span {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.instockcar-info__title svg {
  width: 2rem;
  height: 2rem;
  transition: all ease-in-out 0.25s;
}
.instockcar-info__list {
  margin: 0;
  padding: 0.8rem 0.8rem 0.8rem 3rem;
}
@media (min-width: 1300px) {
  .instockcar-info__list {
    padding: 0.8rem 0.8rem 0.8rem 4.4rem;
  }
}
.instockcar-info__list li {
  color: hsl(216, 26%, 7%);
  font-size: 1.5rem;
  line-height: 1.9rem;
  padding: 1rem 0;
}
@media (min-width: 1300px) {
  .instockcar-info__list li {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1300px) {
  .tradeincar-spec {
    grid-row: 1/span 2;
    align-self: flex-start;
  }
}
.tradeincar__name {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
@media (min-width: 1300px) {
  .tradeincar__name {
    margin-bottom: 2.2rem;
  }
}
.tradeincar__name-title {
  color: hsl(216, 26%, 7%);
  font-size: 2.8rem;
  line-height: 3.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin-bottom: 0.8rem;
}
@media (min-width: 1300px) {
  .tradeincar__name-title {
    margin-bottom: 1rem;
  }
}
.tradeincar__name-subtitle {
  color: hsl(240, 0%, 52%);
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  .tradeincar__name-subtitle {
    font-size: 2.8rem;
    line-height: 4rem;
  }
}
.tradeincar-price {
  font-size: 2.8rem;
  line-height: 3.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  .tradeincar-price__wrapper {
    padding-top: 2.4rem;
  }
}
.tradeincar-price__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tradeincar-price--old {
  color: hsl(240, 1%, 33%);
  text-decoration: line-through;
}
.tradeincar-price--new {
  color: hsl(216, 26%, 7%);
}
.tradeincar-programms {
  display: grid;
  gap: 1.5rem;
  margin: 2.4rem 0 4rem;
}
.tradeincar-programms__item {
  display: flex;
  align-items: center;
}
.tradeincar-programms__icon {
  width: 6.4rem;
  height: 4.8rem;
  margin-right: 1rem;
}
.tradeincar-programms__text {
  font-size: 1.5rem;
  line-height: 1.9rem;
}
.tradeincar-slider {
  border-radius: 3.6rem;
  overflow: hidden;
}
@media (min-width: 1300px) {
  .tradeincar-slider {
    margin-bottom: 1rem;
  }
}
.tradeincar-slider__button-prev {
  left: 0;
}
.tradeincar-slider__button-next {
  right: 0;
}
.tradeincar-slider__button-prev, .tradeincar-slider__button-next {
  margin: 0;
  top: 0;
  height: 100%;
  width: 4.5rem;
}
@media (min-width: 1300px) {
  .tradeincar-slider__button-prev, .tradeincar-slider__button-next {
    width: 10rem;
  }
  .tradeincar-slider__button-prev:hover .tradeincar-slider__button-icon, .tradeincar-slider__button-next:hover .tradeincar-slider__button-icon {
    color: hsl(240, 1%, 33%);
  }
}
.tradeincar-slider__button-prev .tradeincar-slider__button-icon, .tradeincar-slider__button-next .tradeincar-slider__button-icon {
  color: hsl(216, 26%, 7%);
  width: 2.4rem;
  height: 2.4rem;
  z-index: 11;
  position: absolute;
  top: 50%;
}
@media (min-width: 1300px) {
  .tradeincar-slider__button-prev .tradeincar-slider__button-icon, .tradeincar-slider__button-next .tradeincar-slider__button-icon {
    width: 4.8rem;
    height: 4.8rem;
    transition: all ease-in-out 0.25s;
  }
}
.tradeincar-slider__button-prev svg {
  right: 1.3rem;
  transform: translateY(-50%) rotate(180deg);
}
@media (min-width: 1300px) {
  .tradeincar-slider__button-prev svg {
    right: initial;
    left: 1.6rem;
  }
}
.tradeincar-slider__button-next svg {
  left: 1.3rem;
  transform: translateY(-50%);
}
@media (min-width: 1300px) {
  .tradeincar-slider__button-next svg {
    left: initial;
    right: 1.6rem;
  }
}
.tradeincar-slider__button-prev::after, .tradeincar-slider__button-next::after {
  display: none;
}
.tradeincar-slider__pagination {
  background-color: hsla(0, 0%, 100%, 0.3);
  border-radius: 7.2rem;
  color: hsl(240, 1%, 33%);
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 0.4rem 1rem;
  inset: 2rem 2rem auto auto;
  width: auto;
}
@media (min-width: 1300px) {
  .tradeincar-slider__pagination {
    display: none;
  }
}
.tradeincar-slider__pagination .swiper-pagination-current {
  color: hsl(216, 26%, 7%);
}
.tradeincar-thumbs-slider {
  display: none;
}
@media (min-width: 1300px) {
  .tradeincar-thumbs-slider {
    display: block;
  }
}
@media (min-width: 1300px) {
  .tradeincar-thumbs-slider__item {
    border-radius: 2.6rem;
    cursor: pointer;
    overflow: hidden;
  }
}
.tradeincar-tabs {
  margin: 4rem 0 0;
}
@media (min-width: 1300px) {
  .tradeincar-tabs {
    grid-column: 2;
    grid-row: 2;
    margin: 3.2rem 0 0;
  }
}
.tradeincar-tabs__nav {
  display: flex;
  justify-content: space-between;
  padding: 0 2rem;
  margin: 0 auto 3.7rem;
}
@media (min-width: 1300px) {
  .tradeincar-tabs__nav {
    border-bottom: 0.1rem solid hsl(240, 2%, 90%);
    padding: 0;
    margin: 0 3rem 2rem;
  }
}
@media (min-width: 1300px) {
  .tradeincar-tabs__nav-item {
    width: 50%;
  }
}
.tradeincar-tabs__nav-item.tabs__nav-item--active .tradeincar-tabs__nav-btn::after {
  background-color: hsl(218, 100%, 29%);
  transform: scaleX(1);
}
.tradeincar-tabs__nav-btn {
  color: hsl(216, 26%, 7%);
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  position: relative;
}
@media (min-width: 1300px) {
  .tradeincar-tabs__nav-btn {
    font-size: 2rem;
    line-height: 2.5rem;
    padding-bottom: 1.5rem;
    width: 100%;
  }
}
.tradeincar-tabs__nav-btn::after {
  content: "";
  border-radius: 0.7rem;
  width: 100%;
  height: 0.5rem;
  position: absolute;
  bottom: -0.3rem;
  left: 0;
  transform: scaleX(0);
  transition: all ease-in-out 0.25s;
}
.tradeincar-tabs__nav-btn:focus {
  color: initial;
  background-color: initial;
}
.tradeincar-tabs__content {
  padding: 2rem 0.8rem 1.8rem;
}
.tradeincar-tabs__panel * {
  margin: 0;
}
.tradeincar-tabs__panel p {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.tradeincar-tabs__panel ul {
  padding: 0 0 0 2.3rem;
}
@media (min-width: 768px) {
  .tradeincar-tabs__panel ul {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
  }
}
.tradeincar-tabs__panel ul li {
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  padding: 1rem 0;
}
.tradeincar-tabs__title {
  color: hsl(216, 26%, 7%);
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin: 0;
  padding: 2rem 1.2rem 1.2rem;
}
.tradeincar-tabs__title + ul {
  padding-top: 0;
}

@media (min-width: 1300px) {
  .similar-cars .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    padding-bottom: 4rem;
  }
}
.similar-cars__wrapper {
  padding-top: 4rem;
  margin-bottom: 6rem;
}
@media (min-width: 1300px) {
  .similar-cars__wrapper {
    margin-bottom: 0;
    padding-top: 6rem;
    padding-bottom: 4rem;
  }
}
.similar-cars__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.4rem;
}
@media (min-width: 1300px) {
  .similar-cars__pagination {
    display: none;
    justify-content: flex-start;
  }
}
.similar-cars__pagination_bullet {
  box-sizing: content-box;
  background-color: hsl(240, 0%, 52%);
  border: 0.5rem solid hsl(0, 0%, 96%);
  border-radius: 6.2rem;
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.similar-cars__pagination_bullet--active {
  background-color: hsl(216, 26%, 7%);
  width: 8rem;
}

.map-brand {
  display: none;
}
@media (min-width: 1300px) {
  .map-brand {
    border-radius: 4rem;
    box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
}
.map-brand__wrapper {
  background-color: hsl(0, 0%, 100%);
  padding-right: 1rem;
  padding-left: 1rem;
}
.map-brand__wrapper.bg-white:not(.bg-white--start), .map-brand__wrapper.bg-white:not(.bg-white--only) {
  padding-top: 4rem;
}
@media (min-width: 1300px) {
  .map-brand__wrapper.bg-white:not(.bg-white--start), .map-brand__wrapper.bg-white:not(.bg-white--only) {
    padding-top: 8rem;
  }
}
@media (min-width: 1300px) {
  .map-brand__wrapper {
    display: block;
    padding-right: 0;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.map-brand__inner {
  position: relative;
  max-width: 134rem;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media (min-width: 1300px) {
  .map-brand__inner {
    height: 57.2rem;
  }
}
.map-brand__inner .map-mp__contacts {
  position: static;
  width: 100%;
}
@media (min-width: 1300px) {
  .map-brand__inner .map-mp__contacts {
    position: absolute;
    max-height: 53.2rem;
    width: 33.5rem;
  }
}
.map-brand__inner .simplebar-track.simplebar-vertical {
  height: auto;
}

.map-tradein {
  display: none;
}
@media (min-width: 1300px) {
  .map-tradein {
    border-radius: 4rem;
    box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
}
.map-tradein__wrapper {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 1300px) {
  .map-tradein__wrapper {
    display: block;
    margin: 8rem auto 0;
    padding-right: 0;
    padding-left: 0;
  }
}
.map-tradein__inner {
  position: relative;
  max-width: 134rem;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1300px) {
  .map-tradein__inner {
    height: var(--map-contacts-fix-height);
  }
}
.map-tradein__inner .map-mp__contacts {
  position: static;
  width: 100%;
}
@media (min-width: 1300px) {
  .map-tradein__inner .map-mp__contacts {
    position: absolute;
    width: 33.5rem;
  }
}
.map-tradein__inner .simplebar-track {
  display: none;
}

.tradein-advantages__inner {
  display: grid;
  gap: 1rem;
}
@media (min-width: 768px) {
  .tradein-advantages__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1300px) {
  .tradein-advantages__inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
.tradein-advantages__item {
  background-color: hsl(240, 2%, 90%);
  border-radius: 4rem;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0 2rem 2rem;
}
@media (min-width: 1300px) {
  .tradein-advantages__item {
    padding: 3rem 0 2rem 2rem;
  }
}
.tradein-advantages__item:last-child {
  background-color: hsl(216, 26%, 7%);
  color: hsl(0, 0%, 100%);
}
@media (min-width: 1300px) {
  .tradein-advantages__item:last-child {
    grid-column: 3;
    grid-row: 1/span 2;
    padding: 2.75rem 2rem;
  }
}
.tradein-advantages__description {
  font-size: 1.5rem;
  line-height: 1.9rem;
}
@media (min-width: 1300px) {
  .tradein-advantages__description {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
}
.tradein-advantages__icon {
  width: 13.8rem;
  height: 13.9rem;
  flex-shrink: 0;
}
@media (min-width: 1300px) {
  .tradein-advantages__icon {
    width: 15.5rem;
    height: 15.5rem;
    margin-right: 1.3rem;
  }
}
.tradein-advantages__title {
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  padding: 1.35rem 0 2.4rem;
}
@media (min-width: 1300px) {
  .tradein-advantages__title {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    padding: 0 0 1.6rem;
  }
}
.tradein-advantages__list {
  margin: 0;
  padding: 0 0 0 2.3rem;
}
.tradein-advantages__list li {
  margin: 0;
  padding: 0;
}

.main-filter__wrapper {
  margin: 0 auto;
  margin: 0 auto 4.7rem;
}
@media (min-width: 1300px) {
  .main-filter__wrapper {
    margin: 0 auto 8rem;
  }
}
.main-filter__inner {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4rem;
  padding: 2rem;
}
@media (min-width: 768px) {
  .main-filter__inner {
    padding: 3.2rem 2.8rem;
  }
}
.main-filter__visible-part {
  display: grid;
  gap: 2rem;
}
@media (min-width: 768px) {
  .main-filter__visible-part {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.1rem;
  }
}
@media (min-width: 1300px) {
  .main-filter__visible-part {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1300px) {
  .main-filter__visible-part--tradein {
    grid-template-columns: repeat(4, 1fr);
  }
}
.main-filter__hidden-part {
  display: none;
  gap: 2rem;
  padding: 2rem 0 0;
}
@media (min-width: 768px) {
  .main-filter__hidden-part {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.1rem;
  }
}
@media (min-width: 1300px) {
  .main-filter__hidden-part {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem 1.1rem;
  }
}
@media (min-width: 1300px) {
  .main-filter__hidden-part--tradein {
    grid-template-columns: repeat(4, 1fr);
  }
}
.main-filter__select.ss-main {
  border: 1px solid hsl(240, 2%, 90%);
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 1.2rem 0 1.2rem 2rem;
  z-index: 12;
}
.main-filter__select.ss-main:focus {
  box-shadow: none;
}
.main-filter__select.ss-main[class*=ss-open] {
  border-radius: 8.7rem;
}
.main-filter__select.ss-main:not([class*=ss-open]) {
  z-index: 10;
}
.main-filter__select.ss-main .ss-single {
  margin: 0;
}
.main-filter__select.ss-main .ss-placeholder {
  line-height: 2rem;
  padding: 0;
}
.main-filter__select:not([class*=ss-open]) {
  border-radius: 8.7rem;
}
.main-filter__select:not([data-id]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.1rem solid hsl(240, 2%, 90%);
  background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23E5E5E6'/%3E%3Cpath d='M12.2998 13.5339L15.2011 16.4352L18.1025 13.5339' stroke='%230E1218' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;
  background-position: calc(100% - 0.6rem) center;
  color: hsl(240, 0%, 52%);
  padding: 1.2rem 2rem;
  width: 100%;
}
.main-filter__select .ss-arrow {
  background-color: hsl(240, 2%, 90%);
  border-radius: 5.4rem;
  width: 3rem;
  height: 3rem;
  padding: 1rem;
  position: absolute;
  top: calc(50% - 1.5rem);
  right: 0;
}
.main-filter__select.ss-content {
  border-top: 2.1rem solid transparent;
  border-right: 1px solid hsl(240, 2%, 90%);
  border-bottom: 1px solid hsl(240, 2%, 90%);
  border-left: 1px solid hsl(240, 2%, 90%);
  border-radius: 0 0 2.2rem 2.2rem;
  transform: translateY(-2.1rem);
}
.main-filter__select.ss-content:not([class*=ss-open]) {
  z-index: -1;
  display: none;
}
.main-filter__select.ss-content[class*=ss-open] {
  z-index: 11;
}
.main-filter__select.ss-content .ss-list {
  max-height: 18rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.main-filter__select.ss-content .ss-list::-webkit-scrollbar {
  display: none;
}
.main-filter__select.ss-content .ss-list .simplebar-scrollbar::before {
  background: hsl(218, 100%, 29%);
  border-radius: 1.9rem;
  width: 100%;
  opacity: 1;
  inset: 0 0 0 0;
}
.main-filter__select.ss-content .ss-list .simplebar-track.simplebar-vertical {
  top: 50%;
  right: 1px;
  height: calc(100% - 1.5rem);
  width: 0.3rem;
  transform: translateY(-54%);
}
.main-filter__select.ss-content .ss-list .simplebar-track.simplebar-horizontal {
  display: none;
}
.main-filter__option {
  color: hsl(216, 26%, 7%);
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1.9rem;
  padding: 1rem 2rem;
  transition: all ease-in-out 0.25s;
}
.main-filter__option:hover {
  background-color: hsl(240, 2%, 90%);
}
.main-filter__option.ss-selected {
  color: hsl(218, 100%, 29%);
  background-color: hsl(240, 2%, 90%);
}
.main-filter__field--double {
  border: 1px solid hsl(240, 2%, 90%);
  border-radius: 2.7rem;
  overflow: hidden;
  display: flex;
}
.main-filter__field--double input {
  border: 0;
  color: hsl(240, 0%, 52%);
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 0;
  margin: 0;
  width: 50%;
  position: relative;
}
.main-filter__field--double input:focus-visible {
  outline: none;
}
.main-filter__field--double input::-webkit-input-placeholder {
  line-height: 2rem !important;
}
.main-filter__field--double input:first-child {
  padding: 1.2rem 1rem 1.2rem 1.9rem;
  border-right: 1px solid hsl(240, 2%, 90%);
}
.main-filter__field--double input:first-child::-webkit-input-placeholder {
  text-align: left;
}
.main-filter__field--double input:last-child {
  text-align: right;
  padding: 1.2rem 1.9rem 1.2rem 1rem;
}
.main-filter__field--double input:last-child::-webkit-input-placeholder {
  text-align: right;
}
.main-filter__field-title {
  color: hsl(240, 0%, 52%);
  font-size: 1.5rem;
  line-height: 1rem;
  margin-bottom: 0.6rem;
  padding-left: 2rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.main-filter__btngroup {
  padding-top: 2rem;
}
@media (min-width: 768px) {
  .main-filter__btngroup {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-top: 3.2rem;
  }
}
.main-filter__btngroup-bottom {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 2rem;
}
@media (min-width: 1300px) {
  .main-filter__btngroup-bottom {
    margin-top: 0;
  }
}
.main-filter__btngroup-bottom .btn {
  font-size: 1.5rem;
  line-height: 1.9rem;
}
.main-filter__btngroup-bottom .btn:last-child {
  margin-left: 1.5rem;
}
@media (min-width: 768px) {
  .main-filter__btngroup-bottom .btn:last-child {
    margin-left: 0;
  }
}
.main-filter__btn-reset {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .main-filter__btn-reset {
    margin-right: 2rem;
  }
}

.page-filter__wrapper {
  margin-bottom: 2rem;
}
@media (min-width: 1300px) {
  .page-filter__wrapper {
    margin-bottom: 6.4rem;
  }
}
.page-filter__tab--active {
  border-radius: 4.8rem;
  background-color: hsl(240, 2%, 90%);
  cursor: default;
}
.page-filter__tab--active .section__tabs-btn.tabs__nav-btn {
  cursor: default;
}
.page-filter__tab a {
  color: hsl(216, 26%, 7%);
}

.model-hero {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .model-hero {
    margin-bottom: 2rem;
  }
}
.model-hero__wrapper {
  border-radius: 4rem;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1300px) {
  .model-hero__wrapper.text-in-picture::before {
    content: "";
    position: absolute;
    inset: 0 0 0 0;
    background: linear-gradient(75deg, hsla(0, 0%, 0%, 0.4) 0%, hsla(0, 0%, 0%, 0.395) 8.1%, hsla(0, 0%, 0%, 0.381) 15.5%, hsla(0, 0%, 0%, 0.358) 22.5%, hsla(0, 0%, 0%, 0.33) 29%, hsla(0, 0%, 0%, 0.296) 35.3%, hsla(0, 0%, 0%, 0.259) 41.2%, hsla(0, 0%, 0%, 0.22) 47.1%, hsla(0, 0%, 0%, 0.18) 52.9%, hsla(0, 0%, 0%, 0.141) 58.8%, hsla(0, 0%, 0%, 0.104) 64.7%, hsla(0, 0%, 0%, 0.07) 71%, hsla(0, 0%, 0%, 0.042) 77.5%, hsla(0, 0%, 0%, 0.019) 84.5%, hsla(0, 0%, 0%, 0.005) 91.9%, hsla(0, 0%, 0%, 0) 100%);
  }
}
.model-hero__content {
  color: hsl(0, 0%, 100%);
  position: absolute;
  inset: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 5rem;
}
@media (min-width: 768px) {
  .model-hero__content {
    align-items: flex-start;
    margin-left: 5rem;
  }
}
@media (min-width: 1300px) {
  .model-hero__content {
    margin-top: 9.1rem;
    margin-left: 11.3rem;
  }
}
.model-hero__content.text-in-picture__wrapper {
  border-radius: 3rem;
  background-color: hsl(0, 0%, 100%);
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  color: hsl(216, 26%, 7%);
  align-items: flex-start;
  position: static;
  padding: 2.8rem 1rem 1rem;
  margin-top: 1rem;
  order: 1;
}
@media (min-width: 1300px) {
  .model-hero__content.text-in-picture__wrapper {
    background: transparent;
    border-radius: 0;
    color: hsl(0, 0%, 100%);
    justify-content: flex-end;
    position: absolute;
    inset: 0 0 0 0;
  }
}
.model-hero__title {
  font-size: 3rem;
  font-weight: 900;
  font-variation-settings: "wght" 900;
  margin: 0 0 2rem;
}
@media (min-width: 1300px) {
  .model-hero__title {
    font-size: 4.8rem;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    line-height: 6rem;
    margin: 0 0 2.8rem;
  }
}
.model-hero__subtitle {
  font-size: 1.8rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 2.3rem;
  margin-bottom: 0.4rem;
}
@media (min-width: 1300px) {
  .model-hero__subtitle {
    font-size: 2.8rem;
    line-height: 3.5rem;
  }
}
.model-hero__price {
  font-size: 2.8rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 3.5rem;
  margin-bottom: 1.4rem;
}
@media (min-width: 1300px) {
  .model-hero__price {
    margin-bottom: 2rem;
  }
}
.model-hero__cta .btn__content {
  font-size: 1.5rem;
}
@media (min-width: 1300px) {
  .model-hero__cta .btn__content {
    font-size: 1.6rem;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
}
.model-hero__picture {
  display: flex;
  justify-content: center;
  align-items: center;
}

.model-page-menu {
  margin: 0 auto 3.2rem;
}
@media (min-width: 768px) {
  .model-page-menu {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0 auto 7.3rem;
  }
}
@media (min-width: 1300px) {
  .model-page-menu {
    border-radius: 11rem;
    background-color: hsl(0, 0%, 100%);
    padding: 1.2rem;
    overflow: hidden;
  }
}
.model-page-menu + *:not(.bg-white) {
  margin-top: 0;
  padding-top: 0;
}
.model-page-menu .container + * {
  margin-top: 0;
}
.model-page-menu__nav {
  background-color: hsl(0, 0%, 100%);
  border-radius: 11rem;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  margin-bottom: 1rem;
  width: auto;
}
@media (min-width: 768px) {
  .model-page-menu__nav {
    margin: 0;
  }
}
@media (min-width: 1300px) {
  .model-page-menu__nav {
    background-color: inherit;
    border-radius: 0;
    box-shadow: inherit;
    overflow: visible;
  }
}
.model-page-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.model-page-menu__item {
  white-space: nowrap;
  width: auto;
}
.model-page-menu__item:first-child .model-page-menu__link {
  padding-left: 1.6rem;
}
.model-page-menu__item:last-child .model-page-menu__link {
  padding-right: 1.6rem;
}
@media (min-width: 1300px) {
  .model-page-menu__item:first-child .model-page-menu__link {
    padding-left: 1.2rem;
  }
  .model-page-menu__item:last-child .model-page-menu__link {
    padding-right: 1.2rem;
  }
}
.model-page-menu__link {
  color: hsl(216, 26%, 7%);
  display: inline-flex;
  font-size: 1.5rem;
  line-height: 1.7rem;
  padding: 1.3rem 1rem 1.4rem;
}
.model-page-menu__link--current {
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media (min-width: 1300px) {
  .model-page-menu__link {
    font-size: 1.6rem;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 2rem;
    padding: 1.2rem;
  }
  .model-page-menu__link--current {
    position: relative;
  }
  .model-page-menu__link--current::before {
    content: "";
    background-color: hsl(218, 100%, 29%);
    border-radius: 5.3rem;
    width: 65%;
    height: 0.5rem;
    position: absolute;
    bottom: -1.2rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
.model-page-menu__cta {
  width: 100%;
}
@media (min-width: 768px) {
  .model-page-menu__cta {
    max-width: 18rem;
    width: 100%;
    flex-shrink: 0;
    padding-left: 2rem;
  }
}
.model-page-menu__cta .btn {
  width: 100%;
}
.model-page-menu__cta .btn__content {
  color: hsl(0, 0%, 100%);
  font-weight: 600;
  font-variation-settings: "wght" 600;
}

.model-page-overview {
  margin-bottom: 6.7rem;
}
@media (min-width: 1300px) {
  .model-page-overview {
    margin-bottom: 10rem;
  }
}
@media (min-width: 1300px) {
  .model-page-overview__item {
    display: grid;
    grid-template-columns: auto 89rem;
    gap: 2.9rem;
  }
}
@media (min-width: 1300px) {
  .model-page-overview__content {
    padding-top: 1rem;
  }
}
.model-page-overview__description {
  color: hsl(0, 0%, 10%);
  font-size: 1.5rem;
  line-height: 1.9rem;
  margin-bottom: 2.4rem;
}
@media (min-width: 1300px) {
  .model-page-overview__description {
    font-size: 1.8rem;
    line-height: 2.3rem;
    margin-bottom: 3.4rem;
  }
}
.model-page-overview__number {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-bottom: 2.8rem;
}
@media (min-width: 768px) {
  .model-page-overview__number {
    grid-template-columns: 1;
  }
}
.model-page-overview__picture {
  border-radius: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.model-page-overview-number__item {
  display: flex;
  flex-flow: column;
}
.model-page-overview-number__description {
  color: hsl(240, 1%, 33%);
  font-size: 1.4rem;
  line-height: 1.8rem;
}
@media (min-width: 1300px) {
  .model-page-overview-number__description {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
}
.model-page-overview-number__number {
  color: hsl(216, 26%, 7%);
  font-size: 4.8rem;
  line-height: 6rem;
  font-weight: 900;
  font-variation-settings: "wght" 900;
  text-transform: uppercase;
  transform: translateY(-0.1rem);
}

@media (min-width: 1300px) {
  .model-page-colors {
    padding: 0;
  }
}
@media (min-width: 1300px) {
  .model-page-colors__body {
    border-radius: 4rem;
    position: relative;
  }
}
.model-page-colors__car {
  background: url("/bitrix/templates/uservice2025/img/car-bg.jpg") center 87% no-repeat;
  background-size: cover;
  border-radius: 3rem;
}
@media (min-width: 1300px) {
  .model-page-colors__car {
    height: 70rem;
  }
}
.model-page-colors__car-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.model-page-colors__car-wrapper {
  border-radius: 3rem;
  overflow: hidden;
  margin-bottom: 2rem;
}
@media (min-width: 1300px) {
  .model-page-colors__car-wrapper {
    border-radius: 0;
    margin: 0;
  }
}
.model-page-colors__title {
  color: hsl(216, 26%, 7%);
  font-size: 1.5rem;
  line-height: 1.9rem;
  margin-bottom: 1.1rem;
  padding-top: 2rem;
}
@media (min-width: 1300px) {
  .model-page-colors__title {
    font-size: 1.8rem;
    line-height: 2.3rem;
    margin-bottom: 1.5rem;
    padding-top: 0;
  }
}
.model-page-colors__colors {
  display: flex;
  flex-flow: column;
  align-items: center;
}
@media (min-width: 1300px) {
  .model-page-colors__colors {
    position: absolute;
    bottom: 5.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
.model-page-colors__colors-list {
  display: flex;
  padding: 0.5rem 0;
  justify-content: center;
}
.model-page-colors__colors-item {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  background-color: currentColor;
  border-radius: 50%;
  cursor: pointer;
  width: 3.2rem;
  height: 3.2rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 1300px) {
  .model-page-colors__colors-item {
    margin: 0 1rem;
    transition: box-shadow ease-in-out 0.28s, background-color ease-in-out 0.25s;
  }
  .model-page-colors__colors-item.swiper-slide-thumb-active, .model-page-colors__colors-item:hover {
    box-shadow: none;
  }
}
.model-page-colors__colors-item:not(:last-child) {
  margin-right: 2rem;
}
@media (min-width: 1300px) {
  .model-page-colors__colors-item:not(:last-child) {
    margin: 0 1rem;
  }
}
.model-page-colors__colors-item::before {
  content: "";
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid currentColor;
  width: 4.2rem;
  height: 4.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity ease-in-out 0.25s;
  z-index: 1;
  opacity: 0;
}
.model-page-colors__colors-item.swiper-slide-thumb-active::before {
  opacity: 1;
}

.complectations__table {
  border: 0;
  border-collapse: collapse;
  width: 100%;
}
@media (min-width: 1300px) {
  .complectations__table {
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    text-align: left;
  }
}
.complectations__table thead {
  display: none;
}
@media (min-width: 1300px) {
  .complectations__table thead {
    display: table-header-group;
  }
}
@media (min-width: 1300px) {
  .complectations__table tbody tr {
    border-top: 0.1rem solid hsl(240, 2%, 90%);
  }
}
.complectations__table tbody tr:first-child td, .complectations__table tbody tr td {
  border-top: 0.1rem solid hsl(240, 2%, 90%);
}
@media (min-width: 1300px) {
  .complectations__table tbody tr:last-child td {
    border-bottom: 0.1rem solid hsl(240, 2%, 90%);
  }
}
@media (min-width: 1300px) {
  .complectations__table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 2rem;
  }
}
.complectations__table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 2rem;
}
.complectations__table tr {
  position: relative;
  display: block;
  margin-bottom: 2rem;
}
@media (min-width: 1300px) {
  .complectations__table tr {
    display: table-row;
    margin-bottom: 0;
  }
  .complectations__table tr:first-child td {
    border-top: 0.1rem solid hsl(0, 0%, 96%);
  }
}
.complectations__table th {
  background-color: hsl(0, 0%, 96%);
}
@media (min-width: 1300px) {
  .complectations__table th {
    color: hsl(0, 0%, 10%);
    font-size: 1.8rem;
    line-height: 2.3rem;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    padding: 1rem 0 1rem 2rem;
  }
  .complectations__table th:not(:first-child) {
    border-left: 0.1rem solid hsl(0, 0%, 96%);
    padding: 1rem 0 1rem 1rem;
  }
  .complectations__table th:first-child {
    border-radius: 2rem 0 0 0;
  }
  .complectations__table th:last-child {
    border-radius: 0 2rem 0 0;
  }
}
.complectations__table td {
  border-left: 0.1rem solid hsl(240, 2%, 90%);
  border-right: 0.1rem solid hsl(240, 2%, 90%);
  font-size: 1.5rem;
  line-height: 1.9rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  display: block;
  text-align: right;
  padding: 1.6rem 2rem;
}
@media (min-width: 1300px) {
  .complectations__table td {
    background-color: hsl(0, 0%, 100%);
    border-right: initial;
    display: table-cell;
    font-size: 1.8rem;
    line-height: 2.3rem;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    text-align: left;
    padding: 1.6rem 1rem;
  }
}
.complectations__table td:first-child {
  background-color: hsl(0, 0%, 96%);
  border-radius: 2rem 2rem 0 0;
  color: hsl(216, 26%, 7%);
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  text-align: center;
  padding: 1rem 0;
  overflow: hidden;
}
@media (min-width: 1300px) {
  .complectations__table td:first-child {
    border-right: initial;
    background-color: hsl(0, 0%, 100%);
    text-align: left;
    padding: 1.6rem 0 1.6rem 2rem;
    border-radius: 0;
  }
}
.complectations__table td:last-child {
  border-radius: 0 0 2rem 2rem;
  border-bottom: 0.1rem solid hsl(240, 2%, 90%);
}
@media (min-width: 1300px) {
  .complectations__table td:last-child {
    border-radius: 0;
    border-bottom: 0;
    border-right: 0.1rem solid hsl(0, 0%, 96%);
    border-left: 0.1rem solid hsl(0, 0%, 96%);
  }
}
.complectations__table td:not(:first-child):before {
  content: attr(data-label);
  color: hsl(0, 0%, 10%);
  font-size: 1.5rem;
  line-height: 1.9rem;
  float: left;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
@media (min-width: 1300px) {
  .complectations__table td:not(:first-child):before {
    display: none;
  }
}
.complectations__table td:not(:first-child)::after {
  content: "";
  background-color: hsl(240, 2%, 90%);
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: calc(100% - 4.5rem);
}
@media (min-width: 1300px) {
  .complectations__table td:not(:first-child)::after {
    display: none;
  }
}
.complectations__cta {
  display: flex;
  flex-flow: row wrap;
}
@media (min-width: 768px) {
  .complectations__cta {
    justify-content: center;
    gap: 1rem;
  }
}
.complectations__cta-item {
  width: 100%;
  max-width: 41.5rem;
}
@media (min-width: 768px) {
  .complectations__cta-item {
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: 21.4rem;
  }
}
.complectations__cta-item:not(:first-child) {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .complectations__cta-item:not(:first-child) {
    margin: 0;
  }
}

.model-tech-accordion__list {
  border-top: 1px solid hsl(240, 2%, 90%);
  list-style: none;
  margin: 0;
  padding: 0 2rem 1.2rem;
}
@media (min-width: 768px) {
  .model-tech-accordion__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 6.6rem;
    padding: 0 2.8rem 1.2rem;
  }
}
.model-tech-accordion__list-item {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.model-tech-accordion__list-item:not(:last-child) {
  border-bottom: 0.1rem solid hsl(240, 2%, 90%);
}
@media (min-width: 768px) {
  .model-tech-accordion__list-item {
    border-top: 0.1rem solid hsl(240, 2%, 90%);
  }
  .model-tech-accordion__list-item:nth-child(1), .model-tech-accordion__list-item:nth-child(2) {
    border-top: 0;
  }
  .model-tech-accordion__list-item:not(:last-child) {
    border-bottom: 0;
  }
}
.model-tech-accordion__list-item_title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  flex: 1 1 75%;
}
@media (min-width: 768px) {
  .model-tech-accordion__list-item_title {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
}
.model-tech-accordion__list-item_data {
  color: hsl(216, 26%, 7%);
  font-size: 1.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  text-align: right;
}
@media (min-width: 768px) {
  .model-tech-accordion__list-item_data {
    font-size: 1.8rem;
    line-height: 2.3rem;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
}
.model-tech-accordion__part.accordion__item_show, .model-tech-accordion__part.accordion__item_slidedown {
  border-bottom: 0;
}
.model-tech-accordion__part:not(.accordion__item_show) .model-tech-accordion__list, .model-tech-accordion__part:not(.accordion__item_slidedown) .model-tech-accordion__list {
  border-top: 0;
}

.model-tech__list {
  padding: 0.8rem 0.8rem 1.2rem 4rem;
}
@media (min-width: 768px) {
  .model-tech__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 6.6rem;
  }
}
.model-tech__list li {
  display: flex;
  flex-flow: row nowrap;
}
.model-tech__list li::before {
  content: ".";
  font-size: 3rem;
  line-height: 2.3rem;
  display: inline-block;
  transform: translate(-1.2rem, -0.8rem);
}

.pic-n-text {
  display: grid;
  gap: 1rem;
}
@media (min-width: 768px) {
  .pic-n-text {
    grid-template-columns: 2fr 1fr;
  }
}
@media (min-width: 768px) {
  .pic-n-text--pic-r {
    grid-template-columns: 1fr 2fr;
  }
  .pic-n-text--pic-r .pic-n-text__pic {
    grid-column: 2/2;
    grid-row: 1;
  }
  .pic-n-text--pic-r .pic-n-text__text {
    grid-column: 1/1;
    grid-row: 1;
  }
}
@media (min-width: 768px) {
  .pic-n-text--pic-l {
    grid-template-columns: 2fr 1fr;
  }
  .pic-n-text--pic-l .pic-n-text__pic {
    grid-column: 1/1;
    grid-row: 1;
  }
  .pic-n-text--pic-l .pic-n-text__text {
    grid-column: 2/2;
    grid-row: 1;
  }
}
@media (min-width: 768px) {
  .pic-n-text--text-l {
    grid-template-columns: 1fr 2fr;
  }
  .pic-n-text--text-l .pic-n-text__pic {
    grid-column: 1/1;
    grid-row: 1;
  }
  .pic-n-text--text-l .pic-n-text__text {
    grid-column: 2/2;
    grid-row: 1;
  }
}
@media (min-width: 768px) {
  .pic-n-text--text-r {
    grid-template-columns: 2fr 1fr;
  }
  .pic-n-text--text-r .pic-n-text__pic {
    grid-column: 2/2;
    grid-row: 1;
  }
  .pic-n-text--text-r .pic-n-text__text {
    grid-column: 1/1;
    grid-row: 1;
  }
}
@media (min-width: 768px) {
  .pic-n-text--50-r {
    grid-template-columns: 1fr 1fr;
  }
  .pic-n-text--50-r .pic-n-text__pic {
    grid-column: 2/2;
    grid-row: 1;
  }
  .pic-n-text--50-r .pic-n-text__text {
    grid-column: 1/1;
    grid-row: 1;
  }
}
@media (min-width: 768px) {
  .pic-n-text--50-l {
    grid-template-columns: 1fr 1fr;
  }
  .pic-n-text--50-l .pic-n-text__pic {
    grid-column: 1/1;
    grid-row: 1;
  }
  .pic-n-text--50-l .pic-n-text__text {
    grid-column: 2/2;
    grid-row: 1;
  }
}
.pic-n-text--bg .pic-n-text__text {
  border-radius: 3rem;
  background-color: hsl(0, 0%, 100%);
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  padding: 2.8rem 1.5rem 2rem;
}
@media (min-width: 1300px) {
  .pic-n-text--bg .pic-n-text__text {
    padding: 2.8rem;
  }
}
@media (min-width: 1300px) {
  .pic-n-text--nobg:not(.pic-n-text--50-l):not(.pic-n-text--50-r) {
    gap: 12.2rem;
  }
}
.pic-n-text--nobg .pic-n-text__text {
  padding: 1rem;
}
@media (min-width: 1300px) {
  .pic-n-text--nobg .pic-n-text__text {
    padding: 0;
  }
}
.pic-n-text__pic {
  border-radius: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.pic-n-text__pic img {
  display: block;
  width: 100%;
  height: 100%;
}
.pic-n-text__text {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.pic-n-text__text-title {
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin-bottom: 2.8rem;
}
@media (min-width: 1300px) {
  .pic-n-text__text-title.text-in-picture__title {
    font-size: 2.6rem;
  }
}
.pic-n-text__text-content {
  font-size: 1.5rem;
  line-height: 1.9rem;
}
@media (min-width: 1300px) {
  .pic-n-text__text-content {
    font-size: 1.8rem;
    line-height: 2.7rem;
  }
}
.pic-n-text__text-content ul {
  padding-left: 1.8rem;
  list-style: none;
}
@media (min-width: 1300px) {
  .pic-n-text__text-content ul {
    padding-left: 2.8rem;
  }
}
.pic-n-text__text-content ul li {
  position: relative;
}
.pic-n-text__text-content ul li::before {
  content: ".";
  font-size: 3rem;
  line-height: 1rem;
  position: absolute;
  top: -0.4rem;
  left: -1.4rem;
}
@media (min-width: 1300px) {
  .pic-n-text__text-content ul li::before {
    top: 0.1rem;
    left: -1.8rem;
  }
}
.pic-n-text__text-content * {
  margin: 0;
  padding: 0;
}
.pic-n-text__text-content *:not(:last-child) {
  margin-bottom: 1rem;
}
.pic-n-text__cta-group {
  display: grid;
  gap: 1rem;
  margin-top: 1.6rem;
}
@media (min-width: 1300px) {
  .pic-n-text__cta-group--multiple {
    grid-template-columns: repeat(2, 1fr);
  }
}
.pic-n-text__cta-group .btn {
  font-size: 1.5rem;
  width: 100%;
}
.pic-n-text__cta-group .btn:only-child {
  width: -moz-max-content;
  width: max-content;
}

.cards {
  display: grid;
  gap: 1rem;
}
@media (min-width: 768px) {
  .cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1300px) {
  .cards-2 .card {
    padding: 2.8rem 2.8rem 3rem;
  }
}
@media (min-width: 1300px) {
  .cards-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1300px) {
  .cards-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.card {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4rem;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  color: hsl(216, 26%, 7%);
  display: flex;
  flex-direction: column;
  padding: 2rem 2rem 3rem;
}
.card.swiper-slide {
  height: auto;
}
.card__pic {
  border-radius: 2.7rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 2rem;
}
.card__pic:only-child {
  margin: 0;
}
.card__pic img {
  width: 100%;
}
.card__title {
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  padding: 0 1.5rem;
  margin: 0 0 1.2rem;
}
@media (min-width: 768px) {
  .card__title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.card__description {
  font-size: 1.5rem;
  line-height: 1.9rem;
  padding: 0 1.5rem;
}
@media (min-width: 768px) {
  .card__description {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
}
.card__description a {
  color: hsl(216, 26%, 7%);
}
.card__cta {
  display: block;
  margin-top: 1.2rem;
  padding: 0 1.5rem;
}

.slider-gallery__wrapper {
  position: relative;
}
.slider-gallery__item {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1300px) {
  .slider-gallery__item {
    grid-template-columns: 2fr 1fr;
  }
}
.slider-gallery__pic {
  border-radius: 3rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 768px) {
  .slider-gallery__pic {
    border-radius: 4rem;
  }
}
@media (min-width: 1300px) {
  .slider-gallery__pic {
    height: 100%;
  }
}
.slider-gallery__link {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-gallery__link:nth-child(1) {
  grid-column: 1/span 2;
  grid-row: 1;
}
@media (min-width: 1300px) {
  .slider-gallery__link:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
}
.slider-gallery__link:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}
@media (min-width: 1300px) {
  .slider-gallery__link:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }
}
.slider-gallery__link:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
}
.slider-gallery__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.4rem;
}
@media (min-width: 1300px) {
  .slider-gallery__pagination {
    justify-content: flex-start;
  }
}
.slider-gallery__pagination-item {
  box-sizing: content-box;
  background-color: hsl(240, 0%, 52%);
  border: 0.5rem solid hsl(0, 0%, 96%);
  border-radius: 6.2rem;
  cursor: pointer;
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.slider-gallery__pagination-item--active {
  background-color: hsl(216, 26%, 7%);
  width: 8rem;
}
.slider-gallery__button {
  display: none;
}
@media (min-width: 1300px) {
  .slider-gallery__button {
    border: 1px solid hsl(240, 0%, 52%);
    border-radius: 4.8rem;
    color: hsl(240, 0%, 52%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 3.8rem);
    width: 4.4rem;
    height: 4.4rem;
    z-index: 1;
    transition: all ease-in-out 0.25s;
  }
  .slider-gallery__button:hover {
    border: 1px solid hsl(240, 0%, 52%);
    color: hsl(240, 1%, 33%);
  }
}
.slider-gallery__button-icon {
  width: 2.8rem;
  height: 2.8rem;
}
.slider-gallery__button-prev {
  left: -5.4rem;
}
.slider-gallery__button-prev .slider-gallery__button-icon {
  transform: translate(0.1rem, -0.1rem) rotate(180deg);
}
.slider-gallery__button-next {
  right: -5.4rem;
}
.slider-gallery__button-next .slider-gallery__button-icon {
  transform: translate(-0.1rem, -0.1rem);
}

.pswp {
  --pswp-placeholder-bg: transparent;
  max-width: 100%;
}
.pswp img.pswp__img {
  border-radius: 4rem;
  cursor: default !important;
  overflow: hidden;
}
.pswp__top-bar {
  top: calc(44% - var(--pswp-btn-position));
}
@media (min-width: 1300px) {
  .pswp__top-bar {
    top: 1rem;
  }
}
.pswp__icn-shadow {
  display: none;
}
.pswp__button {
  border: none;
  border-radius: 50%;
  color: hsl(0, 0%, 100%);
  cursor: pointer;
  height: 4.4rem;
  margin: 0;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  width: 4.4rem;
  transition: opacity ease-out 0.23s;
}
.pswp__button:hover, .pswp__button:focus, .pswp__button:active {
  opacity: 1;
}
.pswp__button.pswp__button--arrow {
  border: 0.1rem solid hsl(0, 0%, 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: visible;
  top: calc(53% + var(--pswp-btn-position));
  width: 4.4rem;
  height: 4.4rem;
}
@media (min-width: 1300px) {
  .pswp__button.pswp__button--arrow {
    top: calc(50% - 2.2rem);
  }
}
.pswp__button.pswp__button--arrow--prev {
  color: hsl(0, 0%, 100%);
  left: calc(50% - 6rem);
}
@media (min-width: 1300px) {
  .pswp__button.pswp__button--arrow--prev {
    left: 5rem;
  }
}
.pswp__button.pswp__button--arrow--next {
  color: hsl(0, 0%, 100%);
  right: calc(50% - 6rem);
}
@media (min-width: 1300px) {
  .pswp__button.pswp__button--arrow--next {
    right: 5rem;
  }
}
.pswp__button.pswp__button-prev, .pswp__button.pswp__button-next {
  color: hsl(0, 0%, 100%);
  width: 2.8rem;
  height: 2.8rem;
  position: static;
}
.pswp__button.pswp__button-prev {
  transform: rotate(180deg);
}
.pswp__button.pswp__button--close {
  color: hsl(0, 0%, 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  left: calc(50% - 2.5rem);
}
@media (min-width: 1300px) {
  .pswp__button.pswp__button--close {
    left: initial;
    right: 5rem;
  }
}

.content-slider__wrapper {
  position: relative;
}
.content-slider__slide {
  border-radius: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media (min-width: 1300px) {
  .content-slider__slide {
    border-radius: 4rem;
  }
}
.content-slider__arrow {
  display: none;
}
@media (min-width: 1300px) {
  .content-slider__arrow:not(.swiper-button-lock) {
    border: 1px solid hsl(240, 0%, 52%);
    border-radius: 4.8rem;
    color: hsl(240, 0%, 52%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 3.8rem);
    width: 4.4rem;
    height: 4.4rem;
    z-index: 1;
    transition: all ease-in-out 0.25s;
  }
  .content-slider__arrow:not(.swiper-button-lock):hover {
    border: 1px solid hsl(240, 0%, 52%);
    color: hsl(240, 1%, 33%);
  }
}
.content-slider__arrow-icon {
  width: 2.8rem;
  height: 2.8rem;
}
.content-slider__arrow--prev {
  left: -5.4rem;
}
.content-slider__arrow--prev .content-slider__arrow-icon {
  transform: translate(0.1rem, -0.1rem) rotate(180deg);
}
.content-slider__arrow--next {
  right: -5.4rem;
}
.content-slider__arrow--next .content-slider__arrow-icon {
  transform: translate(-0.1rem, -0.1rem);
}
.content-slider__pagination:not(.swiper-pagination-lock) {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.4rem;
}
@media (min-width: 1300px) {
  .content-slider__pagination:not(.swiper-pagination-lock) {
    justify-content: flex-start;
  }
}
.content-slider__pagination-item {
  box-sizing: content-box;
  background-color: hsl(240, 0%, 52%);
  border: 0.5rem solid hsl(0, 0%, 96%);
  border-radius: 6.2rem;
  cursor: pointer;
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.content-slider__pagination-item--active {
  background-color: hsl(216, 26%, 7%);
  width: 8rem;
}

img.content-slider__slide {
  border-radius: 3rem;
}
@media (min-width: 1300px) {
  img.content-slider__slide {
    border-radius: 4rem;
  }
}

.instock-cars-slider__wrapper {
  position: relative;
}
.instock-cars-slider__btn {
  display: none;
}
@media (min-width: 1300px) {
  .instock-cars-slider__btn {
    border: 1px solid hsl(240, 0%, 52%);
    border-radius: 4.8rem;
    color: hsl(240, 0%, 52%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 3.8rem);
    width: 4.4rem;
    height: 4.4rem;
    z-index: 1;
    transition: all ease-in-out 0.25s;
  }
  .instock-cars-slider__btn:hover {
    border: 1px solid hsl(240, 0%, 52%);
    color: hsl(240, 1%, 33%);
  }
  .instock-cars-slider__btn.swiper-button-lock {
    display: none;
  }
}
.instock-cars-slider__btn-icon {
  width: 2.8rem;
  height: 2.8rem;
}
.instock-cars-slider__btn--prev {
  left: -5.4rem;
}
.instock-cars-slider__btn--prev .instock-cars-slider__btn-icon {
  transform: translate(0.1rem, -0.1rem) rotate(180deg);
}
.instock-cars-slider__btn--next {
  right: -5.4rem;
}
.instock-cars-slider__btn--next .instock-cars-slider__btn-icon {
  transform: translate(-0.1rem, -0.1rem);
}
.instock-cars-slider__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.4rem;
}
@media (min-width: 1300px) {
  .instock-cars-slider__pagination {
    justify-content: flex-start;
  }
  .instock-cars-slider__pagination.swiper-pagination-lock {
    display: none;
  }
}
.instock-cars-slider__pagination-item {
  box-sizing: content-box;
  background-color: hsl(240, 0%, 52%);
  border: 0.5rem solid hsl(0, 0%, 96%);
  border-radius: 6.2rem;
  cursor: pointer;
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.instock-cars-slider__pagination-item--active {
  background-color: hsl(216, 26%, 7%);
  width: 8rem;
}
.instock-cars-slider .swiper-slide.instock-list__item:hover {
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
}
.instock-cars-slider, .instock-cars-slider .swiper-slide {
  height: auto;
}
.instock-cars-slider .swiper-wrapper {
  align-items: stretch;
}

:root {
  --plyr-color-main: $accent-color;
  --ss-border-radius: 4rem;
}

.video__wrapper .plyr {
  border-radius: 3rem;
}
@media (min-width: 1300px) {
  .video__wrapper .plyr {
    border-radius: 4rem;
  }
}

.plyr__control svg {
  width: 1.4rem;
  height: 1.6rem;
}
@media (min-width: 768px) {
  .plyr__control svg {
    width: 2rem;
    height: 2.4rem;
  }
}
.plyr__control--overlaid {
  background-color: hsla(0, 0%, 100%, 0.2);
  border: 0.1rem solid hsl(0, 0%, 100%);
  padding: 1.6rem 1.7rem;
}
@media (min-width: 768px) {
  .plyr__control--overlaid {
    padding: 2.7rem 2.9rem;
  }
}
.plyr__video-wrapper {
  background: transparent;
}
.plyr__poster {
  background-color: transparent;
}

.contacts-card {
  background-color: hsl(0, 0%, 100%);
  border-radius: 3rem;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  display: grid;
  padding: 2rem 1.3rem;
}
@media (min-width: 374px) {
  .contacts-card {
    padding: 2rem;
  }
}
@media (min-width: 768px) {
  .contacts-card {
    grid-template-columns: repeat(2, 50%);
    gap: 1rem;
  }
}
.contacts-card__info {
  display: flex;
  flex-direction: column;
}
.contacts-card__head {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.contacts-card__title {
  color: hsl(216, 26%, 7%);
  font-size: 2.8rem;
  line-height: 3.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin-bottom: 1.7rem;
}
.contacts-card__title--detail {
  margin-bottom: 0;
}
.contacts-card__rate {
  background-color: hsl(240, 2%, 90%);
  border-radius: 1.2rem;
  max-width: 15.7rem;
  margin-bottom: 1.2rem;
}
.contacts-card__rate .map-mp-contacts__rate {
  padding: 0.8rem 1.2rem 0.8rem 1.2rem;
}
.contacts-card__rate .map-mp-contacts__rate-stars--default span {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13.0004L13 15.0004C13.5773 15.3379 14.1519 14.6314 14 14.0004L13 11.0004L16 8.0004C16.509 7.57486 15.6685 7.05176 15 7.0004H12L10 3.0004C9.74174 2.40612 9.25828 2.40612 9.00001 3.0004L7.00001 7.0004H4.00001C3.33155 7.05176 2.49107 7.57486 3.00001 8.0004L6.00001 11.0004L5.00001 14.0004C4.84808 14.6314 5.4227 15.3379 6.00001 15.0004L10 13.0004Z' fill='%23E5E5E6'/%3E%3C/svg%3E");
}
.contacts-card__tags {
  display: flex;
  flex-flow: row wrap;
  gap: 0.8rem;
}
.contacts-card__tags-item {
  background-color: hsl(240, 2%, 90%);
  border-radius: 4.8rem;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 1.2rem;
}
.contacts-card__tags-content {
  color: hsl(240, 1%, 33%);
  font-size: 1.4rem;
  line-height: 1.8rem;
  white-space: nowrap;
}
.contacts-card__body {
  display: flex;
  flex-direction: column;
  padding: 1.6rem 0 2.4rem;
  margin-top: auto;
}
@media (min-width: 1300px) {
  .contacts-card__body {
    padding: 1.6rem 0 0;
  }
}
.contacts-card__adress, .contacts-card__phone, .contacts-card__directions {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.4rem;
}
.contacts-card__adress {
  margin-bottom: 1.6rem;
}
.contacts-card__adress svg {
  flex-shrink: 0;
}
.contacts-card__phone {
  color: hsl(216, 26%, 7%);
  margin-bottom: 1.6rem;
}
.contacts-card__phone svg {
  color: hsl(218, 100%, 29%);
  flex-shrink: 0;
}
.contacts-card__directions svg {
  flex-shrink: 0;
}
.contacts-card__directions .contacts-detail-card__directions {
  color: hsl(216, 26%, 7%);
}
.contacts-card__img {
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.contacts-card__img img {
  width: 100%;
  height: 100%;
}

.contacts-cards {
  display: grid;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .contacts-cards {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: max-content;
    margin-bottom: 4rem;
  }
}
.contacts-cards .contacts-card, .contacts-cards.contacts-cards-all .contacts-card-hidden {
  display: none;
  height: 0;
}
.contacts-cards .contacts-card.brand-active, .contacts-cards-all .contacts-card, .contacts-cards.contacts-cards-all .contacts-card-hidden.contacts-card-visible {
  display: grid;
  height: auto;
}
.contacts-cards-all + .contacts__btn {
  display: inline-flex;
}

.contacts__head {
  margin-bottom: 2.8rem;
}
.contacts__tabs {
  display: none;
}
@media (min-width: 1300px) {
  .contacts__tabs {
    align-items: center;
    background-color: transparent;
    border: 1px solid hsl(240, 2%, 90%);
    border-radius: 4.5rem;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    padding: 0.6rem;
    margin-top: initial;
    margin-left: auto;
    margin-bottom: 0;
    width: auto;
    z-index: 3;
  }
}
.contacts__tabs-item {
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 5;
}
.contacts__tabs-btn {
  background-color: transparent;
  color: hsl(216, 26%, 7%);
  border: 0;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1.9rem;
  padding: 0.6rem 1rem;
  white-space: nowrap;
  width: 100%;
}
@media (min-width: 374px) {
  .contacts__tabs-btn {
    padding: 0.6rem 3rem;
  }
}
.contacts__tabs-btn:focus {
  background-color: initial;
  color: initial;
}
.contacts__tabs-slider {
  border-radius: 4.8rem;
  background-color: hsl(240, 2%, 90%);
  position: absolute;
  height: 3.1rem;
  left: 0.6rem;
  top: 0.6rem;
  transition: left ease 0.3s, width ease 0.13s;
  z-index: -1;
}
.contacts__slider {
  background-color: transparent;
  border: 1px solid hsl(240, 2%, 90%);
  border-radius: 4.5rem;
  color: hsl(216, 26%, 7%);
  position: relative;
  padding: 0.6rem;
  margin: 1.9rem 0 0;
  width: 100%;
  z-index: 3;
}
@media (min-width: 768px) {
  .contacts__slider {
    align-items: center;
    width: auto;
    max-width: 53rem;
  }
}
@media (min-width: 1300px) {
  .contacts__slider {
    margin-top: initial;
    margin-left: auto;
  }
}
.contacts__slider-wrapper {
  padding: 0;
}
.contacts__slider-item {
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0.6rem 2.2rem;
  width: auto;
  position: relative;
  z-index: 5;
}
@media (min-width: 374px) {
  .contacts__slider-item {
    padding: 0.6rem 3rem;
  }
}
.contacts__slider-btn {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1.9rem;
  padding: 0;
  white-space: nowrap;
  width: 100%;
}
.contacts__slider-btn:focus {
  background-color: initial;
  color: initial;
}
.contacts__slider-slider {
  border-radius: 4.8rem;
  background-color: hsl(240, 2%, 90%);
  position: absolute;
  height: 3.1rem;
  left: 0.6rem;
  transition: left ease 0.3s, width ease 0.13s;
  z-index: -1;
}
.contacts-main__map {
  display: none;
}
@media (min-width: 1300px) {
  .contacts-main__map {
    display: unset;
  }
  .contacts-main__map:not(.tabs__panel--active) {
    display: none;
  }
}
.contacts-swiper__head {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .contacts-swiper__head {
    margin-bottom: 2.8rem;
  }
}
.contacts__btn {
  align-self: center;
  display: none;
}

.contacts-detail-main {
  display: flex;
  flex-direction: column;
  margin-bottom: 6rem;
}
@media (min-width: 768px) {
  .contacts-detail-main {
    display: grid;
    grid-template-columns: 38% 62%;
    gap: 1rem;
  }
}
@media (min-width: 1300px) {
  .contacts-detail-main {
    grid-template-columns: 32.84% 66.42%;
    margin-bottom: 8rem;
  }
}

.contacts-detail-card {
  background-color: hsl(0, 0%, 100%);
  border-radius: 3rem;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  padding: 2rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .contacts-detail-card {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 1300px) {
  .contacts-detail-card {
    padding: 2rem 2.8rem;
  }
}
.contacts-detail-card__wrapper {
  display: grid;
  gap: 4rem;
}
.contacts-detail-card__head {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.contacts-detail-card__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 11rem;
}
@media (min-width: 374px) {
  .contacts-detail-card__logo {
    max-width: 15rem;
  }
}
@media (min-width: 768px) {
  .contacts-detail-card__logo {
    max-width: initial;
  }
}
.contacts-detail-card__logo-pic--belgee {
  width: 10rem;
  height: 3rem;
}
@media (min-width: 374px) {
  .contacts-detail-card__logo-pic--belgee {
    width: 16rem;
  }
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--belgee {
    width: 20rem;
    height: 4rem;
  }
}
.contacts-detail-card__logo-pic--geely {
  color: hsl(207, 17%, 24%);
  width: 16rem;
  height: 5rem;
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--geely {
    width: 23rem;
  }
}
.contacts-detail-card__logo-pic--kgm {
  color: hsl(216, 26%, 7%);
  width: 16rem;
  height: 5rem;
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--kgm {
    width: 23rem;
  }
}
.contacts-detail-card__logo-pic--exeed {
  color: hsl(200, 18%, 7%);
  width: 15rem;
  height: 3rem;
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--exeed {
    width: 21rem;
  }
}
.contacts-detail-card__logo-pic--tenet {
  color: hsl(200, 18%, 7%);
  width: 15rem;
  height: 3rem;
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--tenet {
    width: 21rem;
  }
}
.contacts-detail-card__logo-pic--haval {
  fill: hsl(203, 6%, 41%);
  width: 15rem;
  height: 4rem;
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--haval {
    width: 20rem;
  }
}
.contacts-detail-card__logo-pic--infiniti {
  color: #020B24;
  width: 16rem;
  height: 3rem;
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--infiniti {
    width: 21rem;
  }
}
.contacts-detail-card__logo-pic--jaecoo {
  color: hsl(216, 26%, 7%);
  width: 10rem;
  height: 3rem;
}
@media (min-width: 374px) {
  .contacts-detail-card__logo-pic--jaecoo {
    width: 15rem;
  }
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--jaecoo {
    width: 19rem;
  }
}
.contacts-detail-card__logo-pic--jetour {
  fill: hsl(216, 26%, 7%);
  width: 11rem;
  height: 3rem;
}
@media (min-width: 374px) {
  .contacts-detail-card__logo-pic--jetour {
    width: 16rem;
    height: 5rem;
  }
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--jetour {
    width: 19rem;
  }
}
.contacts-detail-card__logo-pic--kia {
  fill: hsl(224, 89%, 7%);
  width: 10rem;
  height: 4rem;
}
@media (min-width: 374px) {
  .contacts-detail-card__logo-pic--kia {
    width: 15rem;
    height: 4rem;
  }
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--kia {
    width: 17rem;
    height: 5rem;
  }
}
.contacts-detail-card__logo-pic--knewstar {
  width: 11rem;
  height: 1.4rem;
}
@media (min-width: 374px) {
  .contacts-detail-card__logo-pic--knewstar {
    width: 15rem;
    height: 2rem;
  }
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--knewstar {
    width: 21rem;
  }
}
.contacts-detail-card__logo-pic--subaru {
  color: hsl(216, 26%, 7%);
  width: 11rem;
  height: 2rem;
}
@media (min-width: 374px) {
  .contacts-detail-card__logo-pic--subaru {
    width: 15rem;
    height: 3rem;
  }
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--subaru {
    width: 21rem;
  }
}
.contacts-detail-card__logo-pic--chery {
  color: hsl(216, 26%, 7%);
  width: 11rem;
  height: 2rem;
}
@media (min-width: 374px) {
  .contacts-detail-card__logo-pic--chery {
    width: 16rem;
    height: 2rem;
  }
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--chery {
    width: 21rem;
    height: 3rem;
  }
}
.contacts-detail-card__logo-pic--liauto {
  color: hsl(216, 26%, 7%);
  width: 11rem;
  height: 3rem;
}
@media (min-width: 374px) {
  .contacts-detail-card__logo-pic--liauto {
    width: 16rem;
  }
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--liauto {
    width: 19rem;
  }
}
.contacts-detail-card__logo-pic--omoda {
  color: hsl(216, 26%, 7%);
  width: 11rem;
  height: 3rem;
}
@media (min-width: 374px) {
  .contacts-detail-card__logo-pic--omoda {
    width: 16rem;
  }
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--omoda {
    width: 19rem;
  }
}
.contacts-detail-card__logo-pic--nissan {
  color: hsl(216, 26%, 7%);
  width: 10rem;
  height: 8rem;
}
.contacts-detail-card__logo-pic--renault {
  color: hsl(216, 26%, 7%);
  width: 10rem;
  height: 6rem;
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--renault {
    width: 12rem;
    height: 7rem;
  }
}
.contacts-detail-card__logo-pic--chevrolet {
  color: hsl(216, 26%, 7%);
  width: 10rem;
  height: 6rem;
}
@media (min-width: 374px) {
  .contacts-detail-card__logo-pic--chevrolet {
    width: 12rem;
  }
}
.contacts-detail-card__logo-pic--citroen {
  color: hsl(216, 26%, 7%);
  width: 10rem;
  height: 7rem;
}
@media (min-width: 374px) {
  .contacts-detail-card__logo-pic--citroen {
    width: 12rem;
    height: 9rem;
  }
}
.contacts-detail-card__logo-pic--opel {
  color: hsl(216, 26%, 7%);
  width: 10rem;
  height: 9rem;
}
.contacts-detail-card__logo-pic--suzuki {
  color: hsl(216, 26%, 7%);
  width: 10rem;
  height: 7rem;
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--suzuki {
    width: 12rem;
    height: 8rem;
  }
}
.contacts-detail-card__logo-pic--tradein {
  width: 12rem;
  height: 5rem;
}
@media (min-width: 1300px) {
  .contacts-detail-card__logo-pic--tradein {
    width: 13rem;
    height: 6rem;
  }
}
.contacts-detail-card__rate {
  background-color: hsl(240, 2%, 90%);
  border-radius: 1.2rem;
  flex-shrink: 0;
}
.contacts-detail-card__rate .map-mp-contacts__rate-stars--default span {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13.0004L13 15.0004C13.5773 15.3379 14.1519 14.6314 14 14.0004L13 11.0004L16 8.0004C16.509 7.57486 15.6685 7.05176 15 7.0004H12L10 3.0004C9.74174 2.40612 9.25828 2.40612 9.00001 3.0004L7.00001 7.0004H4.00001C3.33155 7.05176 2.49107 7.57486 3.00001 8.0004L6.00001 11.0004L5.00001 14.0004C4.84808 14.6314 5.4227 15.3379 6.00001 15.0004L10 13.0004Z' fill='%23E5E5E6'/%3E%3C/svg%3E");
}
.contacts-detail-card__body {
  display: grid;
  gap: 1.6rem;
}
.contacts-detail-card__item {
  color: hsl(216, 26%, 7%);
  font-size: 1.8rem;
  line-height: 2.3rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  gap: 0.8rem;
}
.contacts-detail-card__item svg {
  flex-shrink: 0;
}
.contacts-detail-card__item:not(:first-child) {
  align-items: center;
}
.contacts-detail-card__location {
  display: grid;
  gap: 0.4rem;
}
.contacts-detail-card__location-pin {
  color: hsl(218, 100%, 29%);
  width: 2.4rem;
  height: 2.4rem;
}
.contacts-detail-card__adress {
  font-size: 1.8rem;
}
.contacts-detail-card__station {
  color: hsl(240, 0%, 52%);
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.contacts-detail-card__phone {
  align-self: flex-end;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.contacts-detail-card__phone-icon {
  color: hsl(218, 100%, 29%);
  width: 2.4rem;
  height: 2.4rem;
}
.contacts-detail-card__mail {
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.contacts-detail-card__mail-icon {
  color: hsl(218, 100%, 29%);
  width: 2.4rem;
  height: 2rem;
}
.contacts-detail-card__workhours {
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.contacts-detail-card__workhours-icon {
  color: hsl(218, 100%, 29%);
  width: 2.4rem;
  height: 2.4rem;
}
.contacts-detail-card__directions {
  color: hsl(240, 0%, 52%);
}
.contacts-detail-card__directions-icon {
  color: hsl(218, 100%, 29%);
  width: 2.4rem;
  height: 2.4rem;
}
.contacts-detail-card__footer {
  padding-bottom: 2.4rem;
}
.contacts-detail-card__cta {
  display: grid;
  gap: 1rem;
  margin-top: auto;
}
@media (min-width: 768px) {
  .contacts-detail-card__cta {
    grid-template-columns: repeat(2, 1fr);
  }
}
.contacts-detail-card__cta .btn {
  padding: 1.2rem 1rem;
}

.contacts-detail-photo {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .contacts-detail-photo {
    position: relative;
    align-self: center;
  }
}
@media (min-width: 1300px) {
  .contacts-detail-photo {
    align-self: initial;
  }
}
.contacts-detail-photo__item {
  border-radius: 3rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1300px) {
  .contacts-detail-photo__item {
    border-radius: 3.6rem;
  }
}
.contacts-detail-photo__item img {
  width: 100%;
}
.contacts-detail-photo__btn {
  display: none;
}
@media (min-width: 768px) {
  .contacts-detail-photo__btn:not(.swiper-button-lock) {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    width: 8rem;
    height: 100%;
    z-index: 5;
  }
}
@media (min-width: 1300px) {
  .contacts-detail-photo__btn {
    transition: color ease-in-out 0.23s;
  }
  .contacts-detail-photo__btn:hover {
    color: hsl(240, 1%, 33%);
  }
}
.contacts-detail-photo__btn-icon {
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  top: 24rem;
}
.contacts-detail-photo__btn--prev {
  left: 0;
}
.contacts-detail-photo__btn--prev .contacts-detail-photo__btn-icon {
  transform: rotate(180deg);
  left: 1.6rem;
}
.contacts-detail-photo__btn--next {
  right: 0;
}
.contacts-detail-photo__btn--next .contacts-detail-photo__btn-icon {
  right: 1.6rem;
}
.contacts-detail-photo__pagination {
  display: none;
}
@media (min-width: 768px) {
  .contacts-detail-photo__pagination:not(.swiper-pagination-lock) {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: 0.6rem;
    transform: translateX(-50%);
    z-index: 5;
  }
}
.contacts-detail-photo__pagination-item {
  box-sizing: border-box;
  border-radius: 6.2rem;
  cursor: pointer;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
}
.contacts-detail-photo__pagination-item::before {
  content: "";
  background-color: hsl(240, 0%, 52%);
  border-radius: 6.2rem;
  width: 0.4rem;
  height: 0.4rem;
  transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.contacts-detail-photo__pagination-item--active {
  width: 9rem;
}
.contacts-detail-photo__pagination-item--active::before {
  background-color: hsl(216, 26%, 7%);
  width: 8rem;
}

.contacts-detail-body {
  padding: 6rem 0 4rem;
  margin-bottom: -4rem;
}
.contacts-detail-body__text {
  color: hsl(0, 0%, 0%);
  font-size: 1.5rem;
  line-height: 1.9rem;
  margin-bottom: 3rem;
}
@media (min-width: 1300px) {
  .contacts-detail-body__text {
    font-size: 1.8rem;
  }
}
.contacts-detail-body__title-small {
  color: hsl(0, 0%, 0%);
  display: block;
  font-size: 1.5rem;
  line-height: 1.9rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin-bottom: 2rem;
}
@media (min-width: 1300px) {
  .contacts-detail-body__title-small {
    font-size: 2rem;
    height: 2.5rem;
  }
}
.contacts-detail-body__table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 1.5rem;
  line-height: 1.9rem;
  width: 100%;
  margin-bottom: 4rem;
}
@media (min-width: 1300px) {
  .contacts-detail-body__table {
    font-size: 1.8rem;
    line-height: 2.3rem;
    overflow: hidden;
    text-align: left;
    margin-bottom: 8rem;
  }
}
.contacts-detail-body__table tbody tr {
  border-top: 0.1rem solid hsl(240, 2%, 90%);
}
.contacts-detail-body__table tbody tr:first-child td, .contacts-detail-body__table tbody tr td {
  border-top: 0.1rem solid hsl(240, 2%, 90%);
}
.contacts-detail-body__table tbody tr:last-child td {
  border-bottom: 0.1rem solid hsl(240, 2%, 90%);
}
.contacts-detail-body__table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 2rem;
}
.contacts-detail-body__table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 2rem;
}
.contacts-detail-body__table tr:first-child td {
  border-top: 0.1rem solid hsl(240, 2%, 90%);
}
.contacts-detail-body__table th {
  background-color: hsl(0, 0%, 96%);
  border-top: 0.1rem solid hsl(240, 2%, 90%);
  font-weight: 600;
  font-variation-settings: "wght" 600;
  padding: 1.6rem 0;
}
@media (min-width: 1300px) {
  .contacts-detail-body__table th {
    font-weight: 700;
    font-variation-settings: "wght" 700;
    padding: 1.6rem 2rem;
  }
}
.contacts-detail-body__table th:first-child {
  border-radius: 2rem 0 0 0;
  border-left: 0.1rem solid hsl(240, 2%, 90%);
}
.contacts-detail-body__table th:last-child {
  border-radius: 0 2rem 0 0;
  border-right: 0.1rem solid hsl(240, 2%, 90%);
}
.contacts-detail-body__table th:not(:first-child) {
  border-left: 0.1rem solid hsl(240, 2%, 90%);
}
.contacts-detail-body__table td {
  border-left: 0.1rem solid hsl(240, 2%, 90%);
  font-size: 1.5rem;
  line-height: 1.9rem;
  text-align: center;
  padding: 1.6rem 0;
}
@media (min-width: 1300px) {
  .contacts-detail-body__table td {
    background-color: hsl(0, 0%, 100%);
    text-align: left;
    padding: 1.6rem 2rem;
  }
}
.contacts-detail-body__table td:first-child {
  overflow: hidden;
}
@media (min-width: 1300px) {
  .contacts-detail-body__table td:first-child {
    text-align: left;
    border-radius: 0;
  }
}
.contacts-detail-body__table td:last-child {
  border-radius: 0;
  border-bottom: 0;
  border-right: 0.1rem solid hsl(240, 2%, 90%);
  border-left: 0.1rem solid hsl(240, 2%, 90%);
}

.contacts-detail-map {
  padding-bottom: 4rem;
}
@media (min-width: 1300px) {
  .contacts-detail-map {
    padding-bottom: 10rem;
  }
}

:root {
  --icon-close-color: $white;
}

.modal-form {
  padding: 0;
}
.modal-form__wrapper.graph-modal-open {
  border-radius: 2.8rem;
  display: flex;
  flex-direction: column;
  margin: auto 1rem;
  padding: 1.8rem;
  width: 100%;
  position: static;
}
@media (min-width: 768px) {
  .modal-form__wrapper.graph-modal-open {
    border-radius: 4rem;
    margin: auto;
    padding: 3.2rem;
    max-width: 45rem;
  }
}
.modal-form__close {
  align-self: flex-end;
  background-image: none;
  position: static;
  margin-bottom: 1.2rem;
  width: 3rem;
  height: 3rem;
}
@media (min-width: 1300px) {
  .modal-form__close:hover .modal-form__close_icon {
    color: hsl(216, 26%, 7%);
  }
}
.modal-form__close_icon {
  color: hsl(240, 1%, 33%);
  width: 3rem;
  height: 3rem;
  transition: stroke ease-in-out 0.2s;
}
.modal-form__content {
  display: flex;
  flex-flow: column;
}
.modal-form .universal-form__wrapper {
  display: block;
  padding: 0;
  margin: 0;
}
.modal-form .universal-form__inner {
  padding: 0;
}
.modal-form .universal-form__pic {
  display: none;
}
.modal-form .universal-form__checkbox {
  margin: 0;
}

.brand-hero {
  padding-bottom: 1.9rem;
}
@media (min-width: 1300px) {
  .brand-hero {
    padding-bottom: 7rem;
    max-width: 134rem;
  }
}
@media (min-width: 1467px) {
  .brand-hero {
    max-width: 146.8rem;
  }
}
.brand-hero__wrapper {
  position: relative;
}
@media (min-width: 1300px) {
  .brand-hero__wrapper {
    margin: 0 auto;
  }
}

.brand-hero-slider {
  border-radius: 4rem;
}
@media (min-width: 1467px) {
  .brand-hero-slider {
    overflow: visible;
  }
}
.brand-hero-slider__wrapper {
  position: relative;
}
@media (min-width: 1300px) {
  .brand-hero-slider__wrapper {
    margin: 0 auto;
    max-width: 134rem;
  }
}
.brand-hero-slider__slide {
  background-color: hsl(0, 0%, 96%);
  max-width: 134rem;
}
.brand-hero-slider__slide:not(.swiper-slide-active) {
  opacity: 0 !important;
}
.brand-hero-slider__picture {
  display: flex;
}
@media (min-width: 1300px) {
  .brand-hero-slider__picture img {
    border-radius: 4rem;
    overflow: hidden;
    width: 100%;
    max-width: 134rem;
  }
}
.brand-hero-slider__btn {
  display: none;
}
@media (min-width: 1300px) {
  .brand-hero-slider__btn {
    border: 1px solid hsl(240, 0%, 52%);
    border-radius: 4.8rem;
    color: hsl(240, 0%, 52%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    width: 4.4rem;
    height: 4.4rem;
    z-index: 1;
    transition: all ease-in-out 0.25s;
  }
}
@media (min-width: 1300px) {
  .brand-hero-slider__btn:hover {
    border: 1px solid hsl(240, 0%, 52%);
    color: hsl(240, 1%, 33%);
  }
}
@media (min-width: 1300px) {
  .brand-hero-slider__btn--prev {
    transform: translateY(-50%) rotate(180deg);
    left: 1rem;
  }
}
@media (min-width: 1467px) {
  .brand-hero-slider__btn--prev {
    left: -1.5rem;
  }
}
@media (min-width: 1300px) {
  .brand-hero-slider__btn--next {
    transform: translateY(-50%);
    right: 1rem;
  }
}
@media (min-width: 1467px) {
  .brand-hero-slider__btn--next {
    right: -1.5rem;
  }
}
@media (min-width: 1300px) {
  .brand-hero-slider__btn svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.model-range__tab {
  display: grid;
  gap: 1rem;
}
@media (min-width: 1300px) {
  .model-range__tab {
    grid-template-columns: repeat(3, 1fr);
  }
}
.model-range__tabs {
  display: flex;
}
.model-range__card {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4rem;
  display: none;
  padding: 3rem 0;
}
.model-range__card--active {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1300px) {
  .model-range__card > *:not(a):hover {
    cursor: default;
  }
}

.model-range-card {
  display: none;
}
.model-range-card--active {
  display: flex;
  flex-direction: column;
}
.model-range-card a {
  text-decoration: none;
}
.model-range-card__head {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.6rem;
}
.model-range-card__pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .model-range-card__pic img {
    max-height: 20rem;
  }
}
.model-range-card__pic-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.model-range-card__name {
  color: hsl(216, 26%, 7%);
  font-size: 2.8rem;
  line-height: 3.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  padding: 0 2.8rem 0.2rem;
}
.model-range-card__bodytype {
  color: hsl(240, 0%, 52%);
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 0 2.8rem;
}
.model-range-card__body {
  margin-top: auto;
}
.model-range-card__price {
  color: hsl(216, 26%, 7%);
  font-size: 2.8rem;
  line-height: 3.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  padding: 0 2.8rem;
  margin-bottom: 1.4rem;
}
.model-range-card__btns {
  display: flex;
  flex-flow: row nowrap;
  padding: 0 2.7rem;
  gap: 1.2rem;
}
.model-range-card__cta {
  flex-shrink: 0;
  width: 48%;
}
.model-range-card__cta:only-child {
  width: 100%;
}

.brand-offers__tabs {
  display: flex;
  padding: 0;
  margin: 0;
  position: relative;
}
.brand-offers__tabs-slider {
  border-radius: 4.8rem;
  background-color: hsl(240, 2%, 90%);
  position: absolute;
  height: 3.1rem;
  left: 0.6rem;
  top: 0;
  transition: left ease 0.3s, width ease 0.13s;
  z-index: -1;
}
.brand-offers__content {
  position: relative;
  overflow: visible;
}
.brand-offers__item {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4rem;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  padding: 2rem 2rem 3rem;
  width: 100%;
  height: auto;
}
@media (min-width: 1300px) {
  .brand-offers__item:hover {
    background-color: hsl(236, 18%, 15%);
  }
  .brand-offers__item:hover .brand-offers__title, .brand-offers__item:hover .brand-offers__subtitle {
    color: hsl(0, 0%, 100%);
  }
  .brand-offers__item:hover .news-mp__image {
    transform: scale(1.05);
  }
}
.brand-offers__title {
  color: hsl(216, 26%, 7%);
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  padding: 2rem 1.5rem 1.6rem;
  transition: all ease-in-out 0.25s;
}
.brand-offers__subtitle {
  color: hsl(216, 26%, 7%);
  font-size: 1.8rem;
  line-height: 2.3rem;
  padding: 0 1.5rem;
  transition: all ease-in-out 0.25s;
}

.actions-list__head {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .actions-list__head {
    flex-flow: row wrap;
    justify-content: space-between;
  }
}
@media (min-width: 1300px) {
  .actions-list__head {
    flex-flow: row nowrap;
    padding-bottom: 4.4rem;
  }
}
@media (min-width: 768px) {
  .actions-list__head > .section__content {
    width: 100%;
    padding-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .actions-list__head > .section__content {
    width: auto;
    padding-bottom: initial;
  }
}
.actions-list__select {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .actions-list__select {
    max-width: 31.3rem;
    margin-top: 0;
  }
}
@media (min-width: 1300px) {
  .actions-list__select {
    margin-left: auto;
  }
}
.actions-list__fieldset {
  border: 0;
  display: flex;
  flex-flow: row nowrap;
  overflow-y: scroll;
  padding: 0;
  margin: 0;
  justify-content: center;
}
@media (min-width: 768px) {
  .actions-list__fieldset {
    overflow: hidden;
  }
}
.actions-list__fieldset-wrapper {
  background-color: transparent;
  border: 1px solid hsl(240, 2%, 90%);
  border-radius: 4.5rem;
  color: hsl(216, 26%, 7%);
  position: relative;
  padding: 0.6rem;
  margin: 1.9rem 0 0;
  width: 100%;
  z-index: 3;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.actions-list__fieldset-wrapper::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .actions-list__fieldset-wrapper {
    align-items: center;
    margin-top: initial;
    margin-left: 0;
    margin-right: 0;
    width: auto;
    max-width: -moz-max-content;
    max-width: max-content;
    overflow: hidden;
  }
}
@media (min-width: 1300px) {
  .actions-list__fieldset-wrapper {
    margin-left: 1rem;
  }
}
.actions-list__fieldset-slider {
  border-radius: 4.8rem;
  background-color: hsl(240, 2%, 90%);
  position: absolute;
  height: 3.1rem;
  left: 0.6rem;
  transition: left ease 0.3s, width ease 0.13s;
  z-index: -1;
}
.actions-list__label {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
}
.actions-list__label input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
}
.actions-list__label-content {
  background-color: transparent;
  border: 0;
  font-size: 1.5rem;
  line-height: 1.9rem;
  padding: 0.6rem 2.2rem;
  white-space: nowrap;
  width: 100%;
  white-space: nowrap;
}
@media (min-width: 374px) {
  .actions-list__label-content {
    padding: 0.6rem 3rem;
  }
}
.actions-list__list {
  display: grid;
  gap: 1rem;
}
@media (min-width: 768px) {
  .actions-list__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1300px) {
  .actions-list__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.feedback-swiper {
  overflow: hidden;
  margin: 0 auto;
  max-width: 134rem;
}
.feedback-swiper__wrapper {
  position: relative;
  max-width: 146.8rem;
  margin: 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
.feedback-swiper__inner {
  overflow: visible;
}
.feedback-swiper__item {
  border-radius: 4rem;
  background-color: hsl(0, 0%, 96%);
  padding: 3rem 3rem;
}
.feedback-swiper__author {
  display: grid;
  grid-template-columns: 4.2rem auto;
  gap: 0 2rem;
  margin: 0 0 3rem;
}
.feedback-swiper__avatar {
  grid-column: 1;
  grid-row: 1/span 2;
  width: 4.2rem;
  height: 4.2rem;
}
.feedback-swiper__name {
  color: hsl(216, 26%, 7%);
  font-size: 2rem;
  line-height: 2.4rem;
  display: flex;
  margin: 0 0 0.3rem;
  grid-column: 2;
}
.feedback-swiper__title {
  color: hsl(240, 0%, 52%);
  font-size: 1.4rem;
  line-height: 2rem;
  grid-column: 2;
}
.feedback-swiper__content {
  font-size: 1.8rem;
  line-height: 2.3rem;
}
.feedback-swiper__pagination {
  display: none;
}
.feedback-swiper__pagination:not(.pagination-swiper-lock) {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 134rem;
  margin: 1.2rem auto 0;
}
@media (min-width: 768px) {
  .feedback-swiper__pagination:not(.pagination-swiper-lock) {
    justify-content: flex-start;
  }
}
.feedback-swiper__pagination-item {
  box-sizing: border-box;
  border-radius: 6.2rem;
  cursor: pointer;
  display: inline-block;
  width: 1.4rem;
  height: 2.4rem;
  transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
}
.feedback-swiper__pagination-item::before {
  content: "";
  background-color: hsl(240, 0%, 52%);
  border-radius: 6.2rem;
  width: 0.4rem;
  height: 0.4rem;
  transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.feedback-swiper__pagination-item--active {
  width: 9rem;
}
.feedback-swiper__pagination-item--active::before {
  background-color: hsl(216, 26%, 7%);
  width: 8rem;
}
.feedback-swiper__btn {
  display: none;
}
@media (min-width: 1467px) {
  .feedback-swiper__btn {
    border: 1px solid hsl(240, 0%, 52%);
    border-radius: 4.8rem;
    color: hsl(240, 0%, 52%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    width: 4.4rem;
    height: 4.4rem;
    z-index: 1;
    transition: all ease-in-out 0.25s;
  }
  .feedback-swiper__btn:hover {
    border: 1px solid hsl(240, 0%, 52%);
    color: hsl(240, 1%, 33%);
  }
  .feedback-swiper__btn--prev {
    transform: translateY(-50%) rotate(180deg);
    left: 0.1rem;
  }
  .feedback-swiper__btn--next {
    transform: translateY(-50%);
    right: 0.1rem;
  }
}
@media (min-width: 1467px) {
  .feedback-swiper__btn svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}

@media (min-width: 1300px) {
  .service-services__inner {
    display: grid;
    gap: 1rem;
  }
}
@media (min-width: 1300px) {
  .service-services__inner--3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1300px) {
  .service-services__inner--4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.service-services__swiper:not(.swiper) .service-services__inner {
  display: grid;
  gap: 1rem;
}
.service-services__item {
  background-color: hsl(0, 0%, 100%);
  border-radius: 3rem;
  box-shadow: 0 0.1rem 0.4rem 0 hsla(240, 4%, 5%, 0.05);
  color: hsl(216, 26%, 7%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 3rem 2rem;
}
@media (min-width: 1300px) {
  .service-services__item {
    transition: all ease-in-out 0.25s;
  }
  .service-services__item:hover {
    background-color: hsl(236, 18%, 15%);
    box-shadow: 0;
    color: hsl(0, 0%, 100%);
  }
}
.service-services__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 0 0 1rem;
}
.service-services__head:only-child {
  margin: 0;
}
.service-services__body {
  margin-bottom: auto;
}
.service-services__icon {
  fill: currentColor;
  width: 4rem;
  height: 4rem;
  flex-shrink: 0;
  margin-right: 1.4rem;
}
.service-services__title {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  width: calc(100% - 5.4rem);
}
.service-services__text {
  align-self: flex-start;
  width: 100%;
}
.service-services__text a {
  color: currentColor;
  text-decoration: underline;
}
@media (min-width: 1300px) {
  .service-services__text a {
    transition: all ease-in-out 0.25s;
  }
  .service-services__text a:hover {
    text-decoration: none;
  }
}
.service-services__pagination {
  display: none;
}
.service-services__pagination:not(.pagination-swiper-lock) {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.2rem auto 0;
}
.service-services__pagination-item {
  box-sizing: border-box;
  border-radius: 6.2rem;
  cursor: pointer;
  display: inline-block;
  width: 1.4rem;
  height: 2.4rem;
  transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
}
.service-services__pagination-item::before {
  content: "";
  background-color: hsl(240, 0%, 52%);
  border-radius: 6.2rem;
  width: 0.4rem;
  height: 0.4rem;
  transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.service-services__pagination-item--active {
  width: 9rem;
}
.service-services__pagination-item--active::before {
  background-color: hsl(216, 26%, 7%);
  width: 8rem;
}

.service-advantages__list {
  display: grid;
  gap: 1rem;
}
@media (min-width: 768px) {
  .service-advantages__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1300px) {
  .service-advantages__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1300px) {
  .service-advantages__list--big > .service-advantages__item {
    grid-column: 3;
    grid-row: 2/span 2;
  }
}
.service-advantages__item {
  background-color: hsl(236, 18%, 15%);
  border-radius: 4rem;
  color: hsl(0, 0%, 100%);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 3rem 2rem;
}
@media (min-width: 1300px) {
  .service-advantages__item {
    grid-column: 3;
    grid-row: 1/span 2;
  }
}
.service-advantages__item:not(:last-child) {
  align-items: center;
  background-color: hsl(240, 2%, 90%);
  color: hsl(216, 26%, 7%);
  padding: 3rem 0rem 3rem 2rem;
}
.service-advantages__item:not(:last-child) .service-advantages__item-title {
  text-align: left;
}
@media (min-width: 1300px) {
  .service-advantages__item:not(:last-child) {
    grid-column: auto;
    grid-row: auto;
  }
}
.service-advantages__item-content {
  display: flex;
  flex-direction: column;
}
.service-advantages__item-title {
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  text-align: center;
  margin-bottom: 0;
}
.service-advantages__item-title:not(:only-child) {
  margin-bottom: 1.6rem;
}
.service-advantages__item-text {
  font-size: 1.5rem;
  line-height: 2.2rem;
}
.service-advantages__item-text ul {
  padding-left: 1.8rem;
  list-style: none;
}
@media (min-width: 1300px) {
  .service-advantages__item-text ul {
    padding-left: 2.8rem;
  }
}
.service-advantages__item-text ul li {
  position: relative;
}
.service-advantages__item-text ul li::before {
  content: ".";
  font-size: 3rem;
  line-height: 1rem;
  position: absolute;
  top: -0.4rem;
  left: -1.4rem;
}
@media (min-width: 1300px) {
  .service-advantages__item-text ul li::before {
    top: 0.1rem;
    left: -1.8rem;
  }
}
.service-advantages__item-text * {
  margin: 0;
  padding: 0;
}
.service-advantages__item-text *:not(:last-child) {
  margin-bottom: 1rem;
}
.service-advantages__item-icon {
  align-self: flex-end;
  justify-self: flex-end;
  flex-shrink: 0;
  width: 9rem;
  height: 9.3rem;
  margin-left: 3rem;
}

.error404 {
  margin-top: 4rem;
}
@media (min-width: 1300px) {
  .error404 {
    margin-top: 8rem;
  }
}
.error404__pic {
  display: flex;
  align-items: center;
  justify-content: center;
}
.error404__pic img {
  width: 100%;
  max-width: 76rem;
}
.error404__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.brands__wrapper {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4rem;
  box-shadow: 0 1px 4px 0 hsla(240, 4%, 5%, 0.05);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  align-items: center;
  padding: 2rem 1.6rem;
  margin-bottom: 4rem;
}
@media (min-width: 768px) {
  .brands__wrapper {
    grid-template-columns: repeat(4, 1fr);
    gap: 3.2rem 2rem;
    padding: 4rem 2rem;
    margin-bottom: 6rem;
  }
}
@media (min-width: 1300px) {
  .brands__wrapper {
    grid-template-columns: repeat(6, 1fr);
    margin-bottom: 9rem;
  }
}
.brands__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1300px) {
  .brands__item:hover .brands__item-title {
    color: hsl(216, 26%, 7%);
  }
}
.brands__item-logo {
  color: hsl(216, 26%, 7%);
  max-width: 100%;
}
@media (min-width: 1300px) {
  .brands__item-logo {
    margin-bottom: 1rem;
  }
}
.brands__item-logo--haval {
  width: 100%;
  max-width: 10.9rem;
  height: 1.4rem;
  fill: #636B70;
}
@media (min-width: 1300px) {
  .brands__item-logo--haval {
    max-width: 14.7rem;
    height: 1.7rem;
  }
}
.brands__item-logo--omoda {
  width: 100%;
  max-width: 12.6rem;
  height: 1.5rem;
  color: hsl(0, 0%, 0%);
}
@media (min-width: 1300px) {
  .brands__item-logo--omoda {
    max-width: 14.6rem;
    height: 1.7rem;
  }
}
.brands__item-logo--jaecoo {
  width: 100%;
  max-width: 14.7rem;
  height: 1.5rem;
  color: hsl(0, 0%, 0%);
}
@media (min-width: 1300px) {
  .brands__item-logo--jaecoo {
    max-width: 14.2rem;
    height: 1.6rem;
  }
}
.brands__item-logo--chery {
  width: 100%;
  max-width: 14.7rem;
  height: 1.4rem;
  fill: #0C0C0B;
}
@media (min-width: 1300px) {
  .brands__item-logo--chery {
    max-width: 15.5rem;
    height: 1.8rem;
  }
}
.brands__item-logo--kgm {
  width: 100%;
  max-width: 14.7rem;
  height: 2.6rem;
  fill: hsl(0, 0%, 0%);
}
@media (min-width: 1300px) {
  .brands__item-logo--kgm {
    max-width: 15.5rem;
    height: 3.2rem;
  }
}
.brands__item-logo--kia {
  width: 100%;
  max-width: 10rem;
  height: 2.4rem;
  color: #05141F;
}
@media (min-width: 1300px) {
  .brands__item-logo--kia {
    max-width: 11rem;
    height: 2.6rem;
  }
}
.brands__item-logo--exeed {
  width: 100%;
  max-width: 11.5rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--exeed {
    max-width: 14.2rem;
    height: 1.5rem;
  }
}
.brands__item-logo--tenet {
  width: 100%;
  max-width: 11.5rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--tenet {
    max-width: 14.2rem;
    height: 1.5rem;
  }
}
.brands__item-logo--knewstar {
  width: 100%;
  max-width: 14.7rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--knewstar {
    max-width: 16rem;
  }
}
.brands__item-logo--infiniti {
  width: 100%;
  max-width: 13rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--infiniti {
    max-width: 15.5rem;
    height: 2.1rem;
  }
}
.brands__item-logo--subaru {
  width: 100%;
  max-width: 13rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--subaru {
    max-width: 15.5rem;
    height: 2rem;
  }
}
.brands__item-logo--geely {
  width: 100%;
  max-width: 14rem;
  height: 2.6rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--geely {
    max-width: 16rem;
  }
}
.brands__item-logo--jetour {
  width: 100%;
  max-width: 14rem;
  height: 2.8rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--jetour {
    max-width: 15.5rem;
    height: 2.7rem;
  }
}
.brands__item-logo--belgee {
  width: 100%;
  max-width: 13.4rem;
  height: 2.6rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--belgee {
    max-width: 16rem;
  }
}
.brands__item-logo--renault {
  width: 100%;
  max-width: 10rem;
  height: 5.8rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--renault {
    max-width: 16rem;
  }
}
.brands__item-logo--citroen {
  width: 100%;
  max-width: 8.6rem;
  height: 6rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--citroen {
    max-width: 16rem;
  }
}
.brands__item-logo--suzuki {
  width: 100%;
  max-width: 9rem;
  height: 6rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--suzuki {
    max-width: 16rem;
  }
}
.brands__item-logo--opel {
  width: 100%;
  max-width: 8.4rem;
  height: 6rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--opel {
    max-width: 16rem;
  }
}
.brands__item-logo--chevrolet {
  width: 100%;
  max-width: 13.4rem;
  height: 5.8rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--chevrolet {
    max-width: 12rem;
  }
}
.brands__item-logo--nissan {
  width: 100%;
  max-width: 8rem;
  height: 7rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--nissan {
    max-width: 16rem;
  }
}
.brands__item-logo--liauto {
  width: 100%;
  max-width: 15rem;
  height: 1.8rem;
}
@media (min-width: 1300px) {
  .brands__item-logo--liauto {
    max-width: 16rem;
  }
}
.brands__item-title {
  color: hsl(240, 1%, 33%);
  display: inline-flex;
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin-top: auto;
}
@media (min-width: 374px) {
  .brands__item-title {
    font-size: 1.8rem;
  }
}
@media (min-width: 1300px) {
  .brands__item-title {
    transition: all ease-in-out 0.25s;
  }
}

@font-face {
  font-family: "BDD7";
  src: url("/bitrix/templates/uservice2025/css/../fonts/../fonts/BDD7.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Leto";
  src: url("/bitrix/templates/uservice2025/css/../fonts/../fonts/Leto.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ABIP";
  src: url("/bitrix/templates/uservice2025/css/../fonts/../fonts/ABIP.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
.history {
  font-family: "Leto";
  position: relative;
  transform: translateY(calc((var(--header-height) + 10px) * -1));
}
.history__points {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.history__bolt {
  display: block;
  width: var(--history-width);
  height: var(--history-height);
  overflow: visible;
}
.history-hero {
  background: #e0e1e1;
  background: linear-gradient(180deg, rgba(224, 225, 225, 0.79) 0%, rgba(215, 213, 213, 0) 100%);
}
.history-hero__wrapper {
  color: hsl(30, 53%, 23%);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.history-hero__content {
  grid-column: 1;
  grid-row: 1;
  padding-top: 13.4rem;
  position: relative;
}
@media (min-width: 1300px) {
  .history-hero__content {
    padding-top: 18rem;
  }
}
.history-hero__bg {
  grid-column: 1;
  grid-row: 1;
  -o-object-fit: cover;
  object-fit: cover;
  height: 57rem;
  margin-top: 28rem;
}
@media (min-width: 1300px) {
  .history-hero__bg {
    margin: 0 auto;
    height: 87rem;
  }
}
.history-hero__title, .history-hero__description {
  position: relative;
  z-index: 2;
}
.history-hero__title {
  font-family: "BDD7";
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  margin: 0 0 3rem;
  max-width: 44.4rem;
  will-change: transform, opacity;
}
.history-hero__title-big, .history-hero__title-small {
  display: inline-flex;
  line-height: 1;
}
.history-hero__title-big {
  font-size: 5.2rem;
}
@media (min-width: 374px) {
  .history-hero__title-big {
    font-size: 6.6rem;
  }
}
.history-hero__title-small {
  font-size: 2.5rem;
  letter-spacing: 0.22rem;
}
@media (min-width: 374px) {
  .history-hero__title-small {
    font-size: 3.2rem;
  }
}
.history-hero__description {
  font-size: 1.6rem;
  line-height: 100%;
  max-width: 44.4rem;
  will-change: transform, opacity;
}
.history-hero__description span {
  display: inline-flex;
}
.history-hero__description span:not(:first-child) {
  margin-top: 2.4rem;
}
.history-hero__date {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  align-self: flex-end;
  padding-left: 5.2rem;
}
@media (min-width: 1300px) {
  .history-hero__date {
    flex-flow: row nowrap;
    align-items: center;
    padding: 0;
    margin: 0 auto;
    max-width: 40rem;
    transform: translateX(8rem);
  }
}
.history-hero__date-title {
  display: inline-flex;
  font-size: 1.8rem;
  line-height: 1;
  margin-bottom: 1.6rem;
  order: 2;
}
@media (min-width: 1300px) {
  .history-hero__date-title {
    padding-left: 1rem;
    margin: 0;
    order: 3;
    transform: translateY(-4px);
  }
}
.history-hero__date-year {
  color: hsl(30, 53%, 23%);
  font-family: "ABIP";
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1;
  order: 1;
}
@media (min-width: 1300px) {
  .history-hero__date-year {
    padding-right: 2.8rem;
    transform: translateY(6px);
  }
}
.history-hero__date-point {
  background-color: hsl(30, 53%, 23%);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 2.2rem;
  width: 1.2rem;
  height: 1.2rem;
  outline: 1px solid hsla(30, 53%, 23%, 0.33);
  outline-offset: 0.2rem;
}
@media (min-width: 1300px) {
  .history-hero__date-point {
    position: relative;
    top: -0.5rem;
    left: -0.7rem;
    order: 2;
  }
}
.history-hero__date-point--fake {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 350 350'%3E%3ClinearGradient id='a' x1='-207.368' x2='277.607' y1='232.94' y2='232.94' gradientTransform='rotate(45 175 372.82)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%23fff;stop-opacity:0'/%3E%3Cstop offset='1' style='stop-color:%23fff;stop-opacity:.3'/%3E%3C/linearGradient%3E%3Cpath d='M342.9 350 0 7.1 7.1 0 350 342.9z' style='fill:url(%23a)'/%3E%3C/svg%3E%0A") center center no-repeat;
  background-size: cover;
  display: inline-block;
  position: absolute;
  right: 23rem;
  bottom: 14.1rem;
  width: 31rem;
  height: 31rem;
  transform: rotate(45deg);
  z-index: -1;
}
@media (min-width: 1300px) {
  .history-hero__date-point--fake {
    right: 21.9rem;
    bottom: 2.1rem;
    transform: none;
  }
}
.history-layers {
  padding-top: 8rem;
}
.history-layers__inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.history-layers__content {
  display: flex;
  flex-direction: column;
  grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 1;
  padding-left: 4.2rem;
}
@media (min-width: 1300px) {
  .history-layers__content {
    display: grid;
    grid-template-columns: 36rem auto;
    align-content: center;
    justify-content: start;
    padding: 0;
  }
}
.history-layers__title {
  margin: 0 0 1rem;
  order: 2;
}
@media (min-width: 1300px) {
  .history-layers__title {
    grid-column: 1;
    grid-row: 1;
  }
}
.history-layers__description {
  order: 3;
}
@media (min-width: 1300px) {
  .history-layers__description {
    grid-column: 1;
    grid-row: 2;
  }
}
.history-layers__items {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 25rem;
  margin: 26rem 0 3.6rem;
  align-content: flex-end;
}
@media (min-width: 1300px) {
  .history-layers__items {
    justify-self: flex-end;
    min-height: 35.2rem;
    margin: 3rem 0 3.6rem;
  }
}
.history-layers__item:not(:first-child) {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.history-layers__date {
  position: relative;
}
@media (min-width: 1300px) {
  .history-layers__date {
    align-self: flex-start;
    margin-top: 0;
    transform: translate(11.6rem, 0);
    padding: 0 0 0 4rem;
  }
}
.history-layers__date .history-item__date-point {
  top: 0;
  left: -3rem;
}
@media (min-width: 1300px) {
  .history-layers__date .history-item__date-point {
    left: 0;
  }
}
.history-2002 {
  padding-top: 8rem;
}
.history-2002__inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.history-2002__content {
  display: flex;
  flex-direction: column;
  grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 1;
  padding-left: 4.2rem;
}
@media (min-width: 1300px) {
  .history-2002__content {
    display: grid;
    grid-template-columns: 36rem auto;
    align-content: center;
    justify-content: start;
    padding: 0;
  }
}
.history-2002__title {
  margin: 0 0 1rem;
  order: 2;
}
@media (min-width: 1300px) {
  .history-2002__title {
    grid-column: 1;
    grid-row: 1;
  }
}
.history-2002__description {
  margin-top: 1rem;
  order: 3;
}
@media (min-width: 1300px) {
  .history-2002__description {
    margin: 0;
    grid-column: 1;
    grid-row: 2;
  }
}
.history-2002__items {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 25rem;
  margin: 17.2rem 0 0;
  align-content: flex-end;
}
@media (min-width: 1300px) {
  .history-2002__items {
    justify-self: flex-end;
    min-height: 35.2rem;
    margin: 3rem 0 3.6rem;
  }
}
.history-2002__item:not(:first-child) {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.history-2002__date {
  position: relative;
}
@media (min-width: 1300px) {
  .history-2002__date {
    align-self: flex-start;
    margin-top: 0;
    transform: translate(11.6rem, 0);
    padding: 0 0 0 4rem;
  }
}
.history-2002__date .history-item__date-point {
  top: 0;
  left: -3rem;
}
@media (min-width: 1300px) {
  .history-2002__date .history-item__date-point {
    left: 0;
  }
}
.history-2011 {
  padding-top: 8rem;
}
.history-2011__inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.history-2011__content {
  display: flex;
  flex-direction: column;
  grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 1;
  padding-left: 4.2rem;
}
@media (min-width: 1300px) {
  .history-2011__content {
    display: grid;
    grid-template-columns: 36rem auto;
    align-content: center;
    justify-content: start;
    padding: 0;
  }
}
.history-2011__title {
  margin: 0 0 1rem;
  order: 2;
}
@media (min-width: 1300px) {
  .history-2011__title {
    grid-column: 1;
    grid-row: 1;
  }
}
.history-2011__description {
  order: 3;
}
@media (min-width: 1300px) {
  .history-2011__description {
    grid-column: 1;
    grid-row: 2;
  }
}
.history-2011__items {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 25rem;
  margin: 26rem 0 3.6rem;
  align-content: flex-end;
}
@media (min-width: 1300px) {
  .history-2011__items {
    justify-self: flex-end;
    min-height: 35.2rem;
    margin: 3rem 0 3.6rem;
  }
}
.history-2011__item:not(:first-child) {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.history-2011__date {
  position: relative;
}
@media (min-width: 1300px) {
  .history-2011__date {
    align-self: flex-start;
    margin-top: 0;
    transform: translate(11.6rem, 0);
    padding: 0 0 0 4rem;
  }
}
.history-2011__date .history-item__date-point {
  top: 0;
  left: -3rem;
}
@media (min-width: 1300px) {
  .history-2011__date .history-item__date-point {
    left: 0;
  }
}
.history-item {
  width: 100%;
}
.history-item--2001 {
  padding-bottom: 3rem;
}
@media (min-width: 1300px) {
  .history-item--2001 {
    padding: 0;
  }
}
.history-item--2001, .history-item--onemore {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.history-item__content {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.history-item__content--1997 {
  align-items: flex-start;
  flex-flow: column;
  padding: 5rem 0 5rem 5.2rem;
  position: relative;
  z-index: 5;
}
@media (min-width: 1300px) {
  .history-item__content--1997 {
    align-items: flex-end;
  }
}
.history-item__content--1997 .history-item__title {
  margin-bottom: 2rem;
  order: 2;
}
@media (min-width: 1300px) {
  .history-item__content--1997 .history-item__title {
    order: 1;
  }
}
.history-item__content--1997 .history-item__date {
  order: 1;
}
@media (min-width: 1300px) {
  .history-item__content--1997 .history-item__date {
    padding: 0 4rem 0 0;
    order: 2;
  }
}
.history-item__content--1997 .history-item__date-point {
  top: 0;
  left: -3rem;
}
@media (min-width: 1300px) {
  .history-item__content--1997 {
    align-items: inherit;
    flex-flow: row nowrap;
    justify-content: center;
  }
  .history-item__content--1997 .history-item__title {
    padding-right: 3rem;
    margin-bottom: 0;
  }
  .history-item__content--1997 .history-item__date {
    padding: 0 0 0 4rem;
  }
  .history-item__content--1997 .history-item__date-point {
    top: 0;
    left: 0;
    right: inherit;
  }
}
@media (min-width: 1300px) and (min-width: 1300px) {
  .history-item__content--1997 .history-item__date-point {
    top: 0.9rem;
  }
}
@media (min-width: 1300px) {
  .history-item__content--1997 .history-item__date-year {
    transform: translateY(4px);
  }
}
@media (min-width: 1300px) and (min-width: 1300px) {
  .history-item__content--1997 .history-item__date-year {
    transform: translateY(7px);
  }
}
.history-item__content--1998 {
  flex-flow: row wrap;
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
  z-index: 5;
}
@media (min-width: 1300px) {
  .history-item__content--1998 {
    flex-flow: row nowrap;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
.history-item__content--1998 .history-item__title {
  padding: 1.7rem 0 0 4.2rem;
  position: relative;
}
@media (min-width: 1300px) {
  .history-item__content--1998 .history-item__title {
    padding: 0 0 2rem 5rem;
    order: 2;
  }
}
.history-item__content--1998 .history-item__date {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 1.5rem;
  left: 2.2rem;
}
@media (min-width: 1300px) {
  .history-item__content--1998 .history-item__date {
    transform: translate(-5.5rem, 0);
    order: 3;
    position: inherit;
    inset: inherit;
  }
}
.history-item__content--1998 .history-item__date-year {
  order: 2;
}
.history-item__content--1998 .history-item__date-point {
  position: static;
  margin: -0.4rem 2.2rem 0 0;
  order: 1;
}
.history-item__content--1998 .history-item-lightbox__wrapper {
  margin: 3rem auto 0;
}
@media (min-width: 1300px) {
  .history-item__content--1998 .history-item-lightbox__wrapper {
    margin: 0;
  }
}
.history-item__content--2001 {
  flex-flow: row wrap;
  position: relative;
  z-index: 5;
}
.history-item__content--2001 .history-item__date {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 2.3rem;
  left: 2.2rem;
}
@media (min-width: 1300px) {
  .history-item__content--2001 .history-item__date {
    top: 0.4rem;
    right: 3.4rem;
    left: inherit;
  }
}
.history-item__content--2001 .history-item__date-year {
  order: 2;
}
.history-item__content--2001 .history-item__date-point {
  position: static;
  margin: -0.4rem 2.2rem 0 0;
  order: 1;
}
.history-item__content--2001 .history-item__title {
  position: absolute;
  top: 4.4rem;
  left: 1rem;
  max-width: calc(100% - 2rem);
  padding-left: 4.2rem;
}
@media (min-width: 1300px) {
  .history-item__content--2001 .history-item__title {
    padding: 0;
  }
}
.history-item__content--2001 .history-item-lightbox__wrapper {
  margin: auto auto -2rem;
}
@media (min-width: 1300px) {
  .history-item__content--2001 .history-item-lightbox__wrapper {
    margin: 9rem auto auto;
  }
}
@media (min-width: 1300px) {
  .history-item__content--2001 {
    align-self: flex-end;
    justify-content: center;
  }
  .history-item__content--2001 .history-item__title {
    padding-left: 4.4rem;
    position: inherit;
    top: auto;
    left: auto;
  }
  .history-item__content--2001 .history-item__date {
    position: relative;
    top: auto;
    right: auto;
    transform: translateY(-0.6rem);
  }
  .history-item__content--2001 .history-item-lightbox__wrapper {
    margin: 0;
    max-width: 33rem;
    transform: translateX(1rem) rotate(-5deg);
  }
}
.history-item__content--onemore {
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  z-index: 2;
}
@media (min-width: 1300px) {
  .history-item__content--onemore {
    align-self: center;
    justify-content: center;
  }
}
.history-item__content--onemore .history-item__title {
  padding-left: 4.2rem;
}
@media (min-width: 1300px) {
  .history-item__content--onemore .history-item__title {
    padding: 0;
    transform: translate(1rem, -17.3rem);
    order: 1;
  }
}
.history-item__content--onemore .history-item__date {
  transform: translate(1.3rem, 0.9rem);
}
@media (min-width: 1300px) {
  .history-item__content--onemore .history-item__date {
    transform: translate(3rem, -16.4rem);
    order: 2;
  }
}
.history-item__bg {
  grid-column: 1/2;
  grid-row: 1;
  height: 52rem;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 auto;
}
@media (min-width: 1300px) {
  .history-item__bg {
    height: 87rem;
  }
}
.history-item__text {
  position: relative;
  z-index: 5;
}
@media (min-width: 768px) {
  .history-item__text {
    max-width: 36rem;
  }
}
.history-item__title {
  color: hsl(218, 100%, 29%);
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  margin: 0;
}
@media (min-width: 374px) {
  .history-item__title {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .history-item__title {
    font-size: 2.4rem;
  }
}
.history-item__description {
  font-size: 1.4rem;
  line-height: 100%;
}
@media (min-width: 768px) {
  .history-item__description {
    font-size: 1.6rem;
  }
}
.history-item__date {
  position: relative;
  z-index: 2;
}
.history-item__date-year {
  color: hsl(218, 100%, 29%);
  font-family: "ABIP";
  font-size: 3.6rem;
  font-weight: bold;
  display: inline-block;
}
.history-item__date-year--start {
  color: hsl(30, 53%, 23%);
}
.history-item__date-point {
  background-color: hsl(218, 100%, 29%);
  border-radius: 50%;
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  outline: 1px solid hsla(218, 100%, 29%, 0.3);
  outline-offset: 0.2rem;
  z-index: 5;
}
.history-item-lightbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.history-item-lightbox__wrapper {
  background-color: hsl(0, 0%, 100%);
  padding: 1.1rem;
  display: inline-flex;
  max-width: 80%;
  transform: rotate(3deg);
}
@media (min-width: 1300px) {
  .history-item-lightbox__wrapper {
    max-width: 41.4rem;
    transform: translateX(17rem) rotate(7deg);
    order: 1;
  }
  .history-item-lightbox__wrapper:hover .history-item-lightbox__pic img {
    transform: scale(1.02);
  }
}
.history-item-lightbox__wrapper--not-lightbox {
  padding: 0;
}
@media (min-width: 1300px) {
  .history-item-lightbox__wrapper--not-lightbox:hover .history-item-lightbox__pic img {
    transform: none;
  }
}
.history-item-lightbox__link:not(:first-child) {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
}
@media (min-width: 1300px) {
  .history-item-lightbox__link {
    overflow: hidden;
  }
  .history-item-lightbox__link:hover .history-item-lightbox__pic::after {
    opacity: 1;
  }
}
.history-item-lightbox__pic {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.history-item-lightbox__pic::after {
  content: url("data:image/svg+xml;charset=UTF-8,<svg width='40' height='40' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18.667 18.666 16 16m1.334-4.667a6 6 0 1 1-12 0 6 6 0 0 1 12 0' stroke='white' stroke-width='1.667' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  display: inline-flex;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
@media (min-width: 1300px) {
  .history-item-lightbox__pic::after {
    opacity: 0;
    will-change: opacity;
    transition: opacity ease-in-out 0.23s;
  }
}
.history-item-lightbox__pic img {
  transition: transform ease-in-out 0.23s;
}
.history-item-lightbox__loop {
  color: hsl(0, 0%, 100%);
  width: 3.8rem;
  height: 3.5rem;
  position: absolute;
}
.history-lightbox {
  max-width: 100vw;
}
.history-lightbox img.pswp__img {
  border-radius: 0;
}

/* korean gradient*/
/*
linear-gradient(
  to bottom,
  hsl(330, 2.44%, 83.92%) 0%,
  hsl(330, 2.44%, 84.15%) 8.1%,
  hsl(330, 2.43%, 84.77%) 15.5%,
  hsl(330.01, 2.41%, 85.73%) 22.5%,
  hsl(330.02, 2.39%, 86.96%) 29%,
  hsl(330.02, 2.37%, 88.37%) 35.3%,
  hsl(330.03, 2.35%, 89.91%) 41.2%,
  hsl(330.04, 2.33%, 91.51%) 47.1%,
  hsl(330.04, 2.31%, 93.11%) 52.9%,
  hsl(330.05, 2.29%, 94.65%) 58.8%,
  hsl(330.06, 2.27%, 96.09%) 64.7%,
  hsl(330.06, 2.26%, 97.37%) 71%,
  hsl(330.06, 2.24%, 98.45%) 77.5%,
  hsl(330.07, 2.23%, 99.28%) 84.5%,
  hsl(330.07, 2.23%, 99.81%) 91.9%,
  hsl(0, 0%, 100%) 100%
);
*/
/* korean gradient*/
.history__way {
  stroke-width: 1rem;
  stroke: hsl(0, 0%, 100%);
  opacity: 0.3;
  fill: none;
  width: 100%;
  will-change: transform, stroke-dasharray, opacity;
}

.scrollIndicator {
  fill: hsl(30, 53%, 23%);
  will-change: transform, fill;
}/*# sourceMappingURL=main.css.map */

/* End */


/* Start:/bitrix/templates/uservice2025/components/bitrix/menu/uservice/style.min.css?14968482403715*/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/bitrix/templates/uservice2025/components/bitrix/menu/uservice/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/bitrix/templates/uservice2025/components/bitrix/menu/uservice/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/bitrix/templates/uservice2025/components/bitrix/menu/uservice/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left}
/* End */


/* Start:/bitrix/templates/uservice2025/components/bitrix/breadcrumb/template/style.min.css?1602795600467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */
/* /bitrix/templates/uservice2025/css/vendor.css?176969243391159 */
/* /bitrix/templates/uservice2025/css/main.css?1769698070225375 */
/* /bitrix/templates/uservice2025/components/bitrix/menu/uservice/style.min.css?14968482403715 */
/* /bitrix/templates/uservice2025/components/bitrix/breadcrumb/template/style.min.css?1602795600467 */