/*!
Theme Name: autoclub
Theme URI: https://ino-web.ru
Author: Yun Andrey
Author URI: https://ino-web.ru
Description: Для Авто Клаб
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: autoclub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

autoclub is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! 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.
 */

@charset "UTF-8";
@font-face {
  font-family: "Aeroport";
  src: local("Aeroport"), url("./fonts/aeroport.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Aeroport";
  src: local("Aeroport"), url("./fonts/aeroport-light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Aeroport";
  src: local("Aeroport"), url("./fonts/aeroport-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Aeroport";
  src: local("Aeroport"), url("./fonts/aeroport-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Roadradio";
  src: local("Roadradio"), url("./fonts/roadradio.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roadradio";
  src: local("Roadradio"), url("./fonts/roadradio-thin.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}

/*! ----------normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css---------- */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*! ----------End of Normalize.css---------- */

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

body {
  font-family: "Aeroport", arial, sans-serif;
  color: #ffffff;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  overflow-x: hidden;
}

body::-webkit-scrollbar {
  width: 8px;
  background-color: #c4c4c4;
}

body::-webkit-scrollbar-thumb {
  background-color: #eb2b39;
}

html,
body {
  scrollbar-color: #eb2b39 #c4c4c4;
  scrollbar-width: auto;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  cursor: pointer;
}

/*! Buttons */

.btn-buttons {
  display: flex;
}

.btn-prev,
.btn-next {
  width: 36px;
  height: 36px;
  border: none;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='37' height='36' viewBox='0 0 37 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.625 30.3751C19.3373 30.3751 19.0493 30.2651 18.8296 30.0454L7.5796 18.7954C7.14001 18.3559 7.14001 17.644 7.5796 17.2047L18.8296 5.9547C19.2692 5.5151 19.981 5.5151 20.4204 5.9547C20.8597 6.39429 20.8599 7.10613 20.4204 7.54544L9.96573 18.0001L20.4204 28.4547C20.8599 28.8943 20.8599 29.6061 20.4204 30.0454C20.2007 30.2651 19.9127 30.3751 19.625 30.3751ZM29.4204 30.0454C29.8599 29.6059 29.8599 28.894 29.4204 28.4547L18.9657 18.0001L29.4204 7.54544C29.8599 7.10585 29.8599 6.39401 29.4204 5.9547C28.9808 5.51538 28.2689 5.5151 27.8296 5.9547L16.5796 17.2047C16.14 17.6443 16.14 18.3561 16.5796 18.7954L27.8296 30.0454C28.0493 30.2651 28.3373 30.3751 28.625 30.3751C28.9127 30.3751 29.2007 30.2651 29.4204 30.0454Z' fill='white'/%3E%3C/svg%3E%0A");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.btn-next {
  transform: scaleX(-1);
}

.btn-dots {
  display: flex;
  width: max-content;
}

.btn-dot,
.intro__dot {
  display: flex;
  height: 36px;
  width: 30px;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.btn-dot::before,
.intro__dot::before {
  width: 10px;
  height: 10px;
  display: block;
  content: "";
  background-color: #c4c4c4;
}

.btn-dot.active::before,
.intro__dot.active::before {
  background-color: #eb2b39;
}

.btn-order {
  display: flex;
  justify-content: center;
  text-align: center;
  width: max-content;
  padding: 25px 30px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.01em;
  color: #ffffff;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  background: #eb2b39;
  transition: all 0.25s ease;
}

.btn-order:hover,
.btn-order:active {
  color: #eb2b39;
  background: #ffffff;
}

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 68px;
  padding: 0 10px;
  font-size: 18px;
  line-height: 24px;
  font-family: "Roadradio";
  background-color: #ffffff;
  border: none;
  transition: all 0.3s;
  appearance: none;
}

.button:hover {
  color: #ffffff;
  background-color: #eb2b39;
}

.button--accent {
  color: #ffffff;
  background-color: #eb2b39;
}

.button--accent:hover {
  color: #000;
  background-color: #fff;
}

.button--thin {
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #888888;
}

.button--thin:hover {
  border-color: #eb2b39;
}

.button--accent-thin {
  color: #eb2b39;
  background-color: transparent;
  border: 1px solid #eb2b39;
}

@media (min-width: 1200px) {
  .button {
    padding: 0 30px;
  }
}

.controls {
  display: flex;
  align-items: center;
}

.controls--accent .controls__button {
  background-color: #d5d5d5;
}

.controls--accent .controls__button:hover {
  background-color: #fff;
  filter: none;
}

.controls--accent .controls__button--next {
  margin-left: 4px;
  background-image: url("../autoclub/img/map-arrow@right.svg");
  border-left: none;
}

.controls--accent .controls__button--prev {
  background-image: url("../autoclub/img/map-arrow@left.svg");
  border-right: none;
}

.controls__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  background-color: #ec4a3a;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  transition: all 0.3s;
}

.controls__button:hover {
  background-color: #ce3829;
  filter: drop-shadow(0 4px 8px rgba(206, 56, 41, 0.47));
}

.controls__button--prev {
  background-image: url("../images/control-arrow@left.svg");
  border-right: 1px solid #f06e5f;
}

.controls__button--next {
  background-image: url("../images/control-arrow@right.svg");
  border-left: 1px solid #f06e5f;
}

@media (min-width: 1200px) {
  .controls--accent .controls__button {
    width: 74px;
    height: 74px;
    background-size: 30px;
  }
  .controls--accent .controls__button--next {
    margin-left: 12px;
  }
}

/*! Header */

.header {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.header__container {
  width: 1170px;
  margin: 0 auto;
}

.header__top {
  background: #151d25;
  padding-top: 10px;
  padding-bottom: 11px;
}

.header__top-list {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.header__top-item {
  list-style-type: none;
  display: flex;
  width: max-content;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
}

.header__top-item::before {
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 7px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_901_808)'%3E%3Cpath d='M11.1535 2.22171C8.85797 -0.0737808 5.14248 -0.0740279 2.84674 2.22171C0.551301 4.51713 0.550944 8.2327 2.84674 10.5284L6.68969 14.3714C6.86115 14.5429 7.13911 14.5428 7.31055 14.3714L11.1535 10.5284C13.4489 8.23303 13.4493 4.51748 11.1535 2.22171ZM8.85682 8.23177C7.83074 9.25788 6.16972 9.2581 5.14339 8.23177C4.11725 7.20563 4.11708 5.54466 5.14339 4.51839C6.16944 3.49228 7.83049 3.49209 8.85679 4.51839C9.88293 5.54447 9.8831 7.20549 8.85682 8.23177Z' fill='%23EB2B39'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_901_808'%3E%3Crect width='14' height='14' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.header__mid {
  position: relative;
  padding: 22px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dfdfdf;
}

.header__open-menu,
.header__close-menu,
.header__open-menu-wrapper {
  display: none;
}

.header__logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.header__mid-r {
  display: flex;
  flex-direction: column;
}

.header__tel {
  margin-bottom: 2px;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  color: inherit;
  transition: all 0.25s ease;
}

.header__tel:hover {
  color: #eb2b39;
}

.header__email {
  display: flex;
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: inherit;
  transition: all 0.25s ease;
}

.header__email:hover {
  color: #eb2b39;
}

.header__email::before {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_632_1460)'%3E%3Cpath d='M17.2514 2.83398H2.41547C1.54313 2.83398 0.833435 3.54368 0.833435 4.41602V13.5841C0.833435 14.4565 1.54313 15.1662 2.41547 15.1662H17.2514C18.1237 15.1662 18.8334 14.4565 18.8334 13.5841V4.41602C18.8334 3.54368 18.1237 2.83398 17.2514 2.83398ZM17.0449 3.88867L16.8338 4.06449L10.4611 9.37101C10.0974 9.67384 9.56941 9.67384 9.20576 9.37101L2.83309 4.06449L2.62194 3.88867H17.0449ZM1.88812 4.65009L7.08042 8.97371L1.88812 12.4293V4.65009ZM17.2514 14.1115H2.41547C2.16065 14.1115 1.94754 13.9298 1.8987 13.6892L7.92607 9.67785L8.5309 10.1815C8.90826 10.4957 9.37088 10.6528 9.83347 10.6528C10.2961 10.6528 10.7586 10.4957 11.136 10.1815L11.7409 9.67785L17.7682 13.6892C17.7193 13.9298 17.5062 14.1115 17.2514 14.1115ZM17.7787 12.4293L12.5865 8.97374L17.7787 4.65009V12.4293Z' fill='%23EB2B39'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_632_1460'%3E%3Crect width='18' height='18' fill='white' transform='translate(0.833435)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.header__nav-list {
  padding: 0;
  margin: 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.header__inner-links {
  z-index: 3;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  padding: 20px;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

.header__inner-links a {
  width: max-content;
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
}

.header__inner-links a:not(:last-of-type) {
  margin-bottom: 15px;
}

.header__inner-links a:hover {
  color: #eb2b39;
}

.header__inner-links a.current {
  color: #eb2b39;
  pointer-events: none;
  cursor: none;
}

.header__nav-item {
  list-style-type: none;
  width: max-content;
}

.header__nav-item.inner-list {
  z-index: 2;
  position: relative;
}

.header__nav-item.inner-list:hover .header__inner-links {
  pointer-events: all;
  opacity: 1;
}

.header__nav-link {
  display: inline-block;
  padding: 20px 0;
  font-family: "Aeroport";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
  transition: all 0.25s ease;
}

.header__nav-link:hover {
  color: #eb2b39;
}

.header__nav-link.current {
  color: #eb2b39;
  pointer-events: none;
  cursor: none;
}

.logo {
  width: 117px;
  height: 76px;
}

.soc-links {
  width: 234px;
  display: flex;
  justify-content: space-between;
}

.soc-link {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
}

.soc-link svg {
  fill: #eb2b39;
  transition: 0.25s ease;
}

.soc-link:hover svg {
  fill: #bf1819;
}

.soc-icon {
  width: 36px;
  height: 36px;
}

@media (max-width: 1200px) {
  .header {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .header__container {
    width: 100%;
    padding: 0 30rem;
    margin: 0;
  }
  .header__top {
    padding: 15rem 0;
  }
  .header__top-item {
    font-size: 14rem;
    line-height: 19rem;
  }
  .header__top-item::before {
    width: 14rem;
    height: 14rem;
    margin-right: 11rem;
  }
  .header__mid {
    padding: 15rem 0;
  }
  .header__tel {
    margin-bottom: 2rem;
    font-size: 24rem;
    line-height: 26rem;
  }
  .header__email {
    font-size: 19rem;
    line-height: 26rem;
  }
  .header__email::before {
    width: 18rem;
    height: 18rem;
    margin-right: 4rem;
  }
  .header__nav-link {
    padding: 20rem 0;
    font-size: 13rem;
    line-height: 19rem;
    letter-spacing: -0.04em;
  }
  .logo {
    width: 117rem;
    height: 76rem;
  }
  .soc-links {
    width: 234rem;
  }
  .soc-link {
    width: 36rem;
    height: 36rem;
  }
  .soc-icon {
    width: 36rem;
    height: 36rem;
  }
}

@media (max-width: 767px) {
  .header {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .header__container {
    width: 100%;
    padding: 0 15rem;
    margin: 0;
  }
  .header__top {
    padding: 15rem 0;
  }
  .header__top-list {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .header__top-item {
    font-size: 13rem;
    line-height: 19rem;
    width: max-content;
  }
  .header__top-item::before {
    width: 14rem;
    height: 14rem;
    margin-right: 11rem;
  }
  .header__mid {
    padding: 25rem 0;
  }
  .header__open-menu-wrapper {
    display: block;
    padding-right: 44rem;
  }
  .header__open-menu {
    display: block;
    width: 36rem;
    height: 36rem;
    border: 1px solid #eb2b39;
    background-color: transparent;
    padding: 0;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='17' height='3' stroke='%23EB2B39'/%3E%3Crect x='0.5' y='14.5' width='17' height='3' stroke='%23EB2B39'/%3E%3Crect x='0.5' y='7.5' width='17' height='3' stroke='%23EB2B39'/%3E%3C/svg%3E%0A");
    background-size: 18rem 18rem;
    background-repeat: no-repeat;
    background-position: center;
  }
  .header__open-menu:active {
    background-color: #fff;
  }
  .header__mid-links {
    display: none;
  }
  .header__mid-r {
    flex-direction: row;
  }
  .header__tel {
    width: 36rem;
    height: 36rem;
    margin-right: 8rem;
    border: 1px solid #eb2b39;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33913 12.1357L5.33909 12.1357C1.59799 8.64469 0.702666 5.83195 0.921515 3.69741L0.921664 3.6959C0.975996 3.14973 1.23492 2.60069 1.61568 2.07645C1.9946 1.55472 2.47344 1.08611 2.92265 0.70563L2.92302 0.705309C3.01172 0.630035 3.11674 0.576483 3.22975 0.548908C3.34276 0.521334 3.46065 0.520495 3.57404 0.54646C3.68743 0.572424 3.7932 0.624477 3.88296 0.698481C3.97265 0.772439 4.04388 0.866283 4.09097 0.972564C4.091 0.972631 4.09103 0.972699 4.09106 0.972766L5.5062 4.17252C5.50622 4.17256 5.50625 4.17261 5.50627 4.17266C5.56076 4.29619 5.58097 4.43212 5.56476 4.56616C5.54855 4.70025 5.49651 4.8275 5.41409 4.93451L5.41407 4.9345L5.41114 4.93838L4.71561 5.85996C4.50839 6.12861 4.38487 6.45237 4.36051 6.79083C4.33606 7.13042 4.41254 7.46967 4.58032 7.76593L4.59062 7.78412L4.6024 7.80138C5.30834 8.8358 6.15028 9.77048 7.10556 10.5803C8.29625 11.655 9.67375 12.6924 10.5935 13.0657L10.5948 13.0662C10.9107 13.1934 11.2574 13.2239 11.5907 13.154C11.9239 13.084 12.2289 12.9167 12.4669 12.6733C12.467 12.6732 12.4672 12.6731 12.4673 12.673L13.2855 11.8408L13.2864 11.8399C13.3806 11.7436 13.4991 11.6745 13.6293 11.6399C13.7594 11.6054 13.8963 11.6066 14.0258 11.6434C14.0259 11.6434 14.026 11.6434 14.0261 11.6435L17.3688 12.6035C17.4764 12.638 17.575 12.6964 17.6569 12.7744C17.7402 12.8536 17.8042 12.9507 17.844 13.0585C17.8838 13.1662 17.8984 13.2817 17.8867 13.396C17.8749 13.5101 17.8372 13.6201 17.7764 13.7174C17.4623 14.2186 17.0637 14.7567 16.5988 15.2019C16.1318 15.6491 15.6226 15.979 15.0882 16.108C13.0142 16.6082 9.67913 16.1679 5.39057 12.1838L5.33913 12.1357Z' stroke='%23EB2B39'/%3E%3C/svg%3E%0A");
    background-size: 19rem 17rem;
    background-repeat: no-repeat;
    background-position: center;
  }
  .header__tel span {
    display: none;
  }
  .header__tel:active {
    background-color: #fff;
  }
  .header__email::before {
    width: 36rem;
    height: 36rem;
    margin-right: 0;
    border: 1px solid #eb2b39;
    background-size: 18rem auto;
  }
  .header__email span {
    display: none;
  }
  .header__email:active {
    background-color: #fff;
  }
  .header__nav {
    z-index: 15;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    padding: 40rem 15rem;
    background-color: #000;
    opacity: 0;
    pointer-events: none;
  }
  .header__nav.open {
    pointer-events: all;
    animation: menu-open 0.5s ease 0s both;
  }
  .header__nav.open .header__nav-item:nth-of-type(1) {
    animation: menu-item-from-right 0.25s ease 0s both;
  }
  .header__nav.open .header__nav-item:nth-of-type(2) {
    animation: menu-item-from-right 0.25s ease 0.1s both;
  }
  .header__nav.open .header__nav-item:nth-of-type(3) {
    animation: menu-item-from-right 0.25s ease 0.2s both;
  }
  .header__nav.open .header__nav-item:nth-of-type(4) {
    animation: menu-item-from-right 0.25s ease 0.3s both;
  }
  .header__nav.open .header__nav-item:nth-of-type(5) {
    animation: menu-item-from-right 0.25s ease 0.4s both;
  }
  .header__nav.open .header__nav-item:nth-of-type(6) {
    animation: menu-item-from-right 0.25s ease 0.5s both;
  }
  .header__nav.open .header__nav-item:nth-of-type(7) {
    animation: menu-item-from-right 0.25s ease 0.6s both;
  }
  .header__nav.open .header__nav-item:nth-of-type(8) {
    animation: menu-item-from-right 0.25s ease 0.7s both;
  }
  .header__nav.open .header__nav-item:nth-of-type(9) {
    animation: menu-item-from-right 0.25s ease 0.8s both;
  }
  .header__nav.open .header__nav-item:nth-of-type(10) {
    animation: menu-item-from-right 0.25s ease 0.9s both;
  }
  .header__nav.close {
    pointer-events: none;
    animation: menu-close 0.75s ease 0s both;
  }
  .header__nav.close .header__nav-item:nth-of-type(1) {
    animation: menu-item-to-left 0.25s ease 0s both;
  }
  .header__nav.close .header__nav-item:nth-of-type(2) {
    animation: menu-item-to-left 0.25s ease 0.025s both;
  }
  .header__nav.close .header__nav-item:nth-of-type(3) {
    animation: menu-item-to-left 0.25s ease 0.05s both;
  }
  .header__nav.close .header__nav-item:nth-of-type(4) {
    animation: menu-item-to-left 0.25s ease 0.075s both;
  }
  .header__nav.close .header__nav-item:nth-of-type(5) {
    animation: menu-item-to-left 0.25s ease 0.1s both;
  }
  .header__nav.close .header__nav-item:nth-of-type(6) {
    animation: menu-item-to-left 0.25s ease 0.125s both;
  }
  .header__nav.close .header__nav-item:nth-of-type(7) {
    animation: menu-item-to-left 0.25s ease 0.15s both;
  }
  .header__nav.close .header__nav-item:nth-of-type(8) {
    animation: menu-item-to-left 0.25s ease 0.175s both;
  }
  .header__nav.close .header__nav-item:nth-of-type(9) {
    animation: menu-item-to-left 0.25s ease 0.2s both;
  }
  .header__nav.close .header__nav-item:nth-of-type(10) {
    animation: menu-item-to-left 0.25s ease 0.225s both;
  }
  @keyframes menu-open {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes menu-close {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes menu-item-from-right {
    0% {
      transform: translateX(100vw);
    }
    100% {
      transform: translateX(0);
    }
  }
  @keyframes menu-item-to-left {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100vw);
    }
  }
  .header__close-menu {
    position: absolute;
    top: 15rem;
    right: 15rem;
    display: block;
    width: 36rem;
    height: 36rem;
    border: 1px solid #eb2b39;
    background-color: transparent;
    padding: 0;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 19L1 17L8 10L1 3L3 1L10 8L17 1L19 3L12 10L19 17L17 19L10 12L3 19Z' stroke='%23EB2B39'/%3E%3C/svg%3E%0A");
    background-size: 19rem 19rem;
    background-repeat: no-repeat;
    background-position: center;
  }
  .header__close-menu:active {
    background-color: #fff;
  }
  .header__nav-list {
    flex-direction: column;
    align-items: center;
  }
  .header__nav-link {
    padding: 20rem 0;
    font-size: 22rem;
    line-height: 28rem;
    letter-spacing: -0.04em;
    text-align: center;
  }
  .logo {
    width: 117rem;
    height: 76rem;
  }
  .soc-links {
    width: 234rem;
  }
  .soc-link {
    width: 36rem;
    height: 36rem;
  }
  .soc-icon {
    width: 36rem;
    height: 36rem;
  }
}

/*! Intro */

.intro {
  position: relative;
}

.intro--short .intro__item {
  min-height: 231px;
  padding-bottom: 112px;
}

.intro--short .intro__order {
  bottom: 23px;
}

.intro__list-wrapper {
  width: 100vw;
  overflow: hidden;
}

.intro__list {
  padding: 0;
  margin: 0;
  display: flex;
  transition: all 1s ease;
}

.intro__item {
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 263px;
  list-style-type: none;
  width: 100vw;
  min-height: 760px;
}

.intro__item::before {
  z-index: 1;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #070f19;
  opacity: 0.85;
  content: "";
}

.intro__item::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 269px;
  left: 0;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(7, 15, 25, 0) 39.12%,
    rgba(7, 15, 25, 0.62) 66.66%,
    #070f19 99.03%,
    #060c15 171.33%
  );
  content: "";
}

.intro__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.intro__inner-wrapper {
  z-index: 2;
  position: relative;
  width: max-content;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
}

.intro__inner-wrapper span {
  display: block;
}

.intro__inner-wrapper span:first-of-type {
  margin-right: 20px;
}

.intro__adress {
  margin: 0;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}

.intro__title {
  z-index: 1;
  margin: 0;
  margin-bottom: 10px;
  width: max-content;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 400;
  font-size: 96px;
  line-height: 60%;
  text-transform: uppercase;
  color: #ffffff;
}

.intro__title--lg {
  font-size: 144px;
  margin-bottom: 20px;
}

.intro__title--sm {
  font-size: 72px;
  margin-bottom: 20px;
}

.intro__inner-list {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 14px;
  line-height: 19px;
}

.intro__inner-item {
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
  list-style-type: none;
}

.intro__inner-item a {
  color: #fff;
  transition: color 0.25s ease;
}

.intro__inner-item:hover a {
  color: #eb2b39;
}

.intro__text {
  position: relative;
  z-index: 2;
  margin: 0;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 300;
  font-size: 50px;
  line-height: 50px;
  text-transform: uppercase;
  color: #ffffff;
}

.intro__text--rows span {
  display: block;
}

.intro__colored {
  color: #eb2b39;
}

.intro__buttons {
  z-index: 2;
  position: absolute;
  left: 50%;
  bottom: 264px;
  transform: translateX(-50%);
}

.intro__order {
  z-index: 2;
  position: absolute;
  left: 50%;
  bottom: 135px;
  transform: translateX(-50%);
}

.intro__order--wide {
  min-width: 370px;
}

@media (max-width: 1200px) {
  .intro {
    position: relative;
  }
  .intro--short .intro__item {
    min-height: 231rem;
    padding-bottom: 112rem;
  }
  .intro--short .intro__order {
    bottom: 23rem;
  }
  .intro__item {
    padding-top: 325rem;
    width: 100vw;
    min-height: 760rem;
  }
  .intro__item::after {
    height: 269rem;
  }
  .intro__inner-wrapper {
    font-size: 14rem;
    line-height: 19rem;
    letter-spacing: 0.02em;
  }
  .intro__inner-wrapper span {
    display: block;
  }
  .intro__inner-wrapper span:first-of-type {
    margin-right: 20rem;
  }
  .intro__adress {
    margin: 0;
    margin-bottom: 30rem;
  }
  .intro__title {
    margin-bottom: 10rem;
    font-size: 55rem;
    line-height: 60%;
    width: 100%;
    text-align: center;
  }
  .intro__title--lg {
    font-size: 96rem;
    margin-bottom: 20rem;
  }
  .intro__title--sm {
    font-size: 48rem;
    margin-bottom: 20rem;
  }
  .intro__inner-list {
    margin: 0;
    margin-bottom: 20rem;
    padding: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 13rem;
    line-height: 19rem;
  }
  .intro__inner-item {
    letter-spacing: -0.04em;
  }
  .intro__text {
    font-size: 30rem;
    line-height: 30rem;
  }
  .intro__text--rows span {
    display: block;
  }
  .intro__buttons {
    bottom: 264rem;
  }
  .intro__order {
    bottom: 135rem;
  }
  .intro__order--wide {
    min-width: 370rem;
  }
}

@media (max-width: 767px) {
  .intro {
    position: relative;
  }
  .intro--short .intro__item {
    min-height: 231rem;
  }
  .intro__item {
    padding-top: 325rem;
    width: 100vw;
    min-height: 760rem;
  }
  .intro__item::after {
    height: 269rem;
  }
  .intro__inner-wrapper {
    font-size: 14rem;
    line-height: 19rem;
    letter-spacing: 0.02em;
    width: 330rem;
  }
  .intro__inner-wrapper span {
    display: block;
  }
  .intro__inner-wrapper span:first-of-type {
    margin-right: 20rem;
  }
  .intro__adress {
    margin: 0;
    margin-bottom: 30rem;
    display: flex;
    width: 330rem;
    flex-direction: column;
    font-size: 13rem;
    text-align: center;
  }
  .intro__adress span:first-of-type {
    margin-right: 0;
  }
  .intro__title {
    margin-bottom: 10rem;
    font-size: 36rem;
    line-height: 1;
  }
  .intro__title--lg {
    font-size: 48rem;
    margin-bottom: 20rem;
  }
  .intro__title--sm {
    font-size: 24rem;
    margin-bottom: 20rem;
  }
  .intro__colored {
    display: block;
  }
  .intro__inner-list {
    display: none;
  }
  .intro__inner-item {
    letter-spacing: -0.04em;
  }
  .intro__text {
    font-size: 24rem;
    line-height: 24rem;
    text-align: center;
    padding: 0 15rem;
  }
  .intro__buttons {
    bottom: 264rem;
  }
  .intro__order {
    bottom: 135rem;
  }
  .intro__order--wide {
    min-width: initial;
  }
}

/*! Locat */

.locat {
  background-color: #08101a;
}

.locat__list {
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
}

.locat__item {
  position: relative;
  list-style-type: none;
  flex-grow: 1;
  flex-shrink: 1;
}

.locat__item a {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.locat__item:hover .locat__pic::before {
  opacity: 0;
}

.locat__pic {
  position: relative;
  display: block;
  height: 150px;
  width: 100%;
  margin-bottom: 10px;
}

.locat__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.locat__pic::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

.locat__pic:hover::before {
  opacity: 0;
}

.locat__top-text {
  display: flex;
  margin: 0;
  padding-left: 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #ffffff;
}

.locat__top-text::before {
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 7px;
  margin-bottom: -2px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_901_808)'%3E%3Cpath d='M11.1535 2.22171C8.85797 -0.0737808 5.14248 -0.0740279 2.84674 2.22171C0.551301 4.51713 0.550944 8.2327 2.84674 10.5284L6.68969 14.3714C6.86115 14.5429 7.13911 14.5428 7.31055 14.3714L11.1535 10.5284C13.4489 8.23303 13.4493 4.51748 11.1535 2.22171ZM8.85682 8.23177C7.83074 9.25788 6.16972 9.2581 5.14339 8.23177C4.11725 7.20563 4.11708 5.54466 5.14339 4.51839C6.16944 3.49228 7.83049 3.49209 8.85679 4.51839C9.88293 5.54447 9.8831 7.20549 8.85682 8.23177Z' fill='%23EB2B39'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_901_808'%3E%3Crect width='14' height='14' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.locat__mid-text {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  padding-left: 20px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #bcbcbc;
}

.locat__bottom-text {
  margin: 0;
  padding-left: 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #bcbcbc;
}

.locat__colored {
  color: #eb2b39;
}

@media (max-width: 1200px) {
  .locat__list {
    flex-wrap: wrap;
  }
  .locat__item {
    width: 50%;
    margin-bottom: 10rem;
  }
  .locat__pic {
    display: block;
    height: 150rem;
    width: 100%;
    margin-bottom: 10rem;
  }
  .locat__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .locat__top-text {
    padding-left: 20rem;
    font-size: 14rem;
    line-height: 19rem;
  }
  .locat__top-text::before {
    width: 14rem;
    height: 14rem;
    margin-right: 7rem;
    margin-bottom: -2rem;
  }
  .locat__mid-text {
    font-size: 14rem;
    line-height: 19rem;
    padding-left: 20rem;
  }
  .locat__bottom-text {
    padding-left: 20rem;
    font-size: 14rem;
    line-height: 19rem;
  }
}

@media (max-width: 767px) {
  .locat__item {
    width: 100%;
  }
}

/*! Grid */

.grid {
  padding-top: 120px;
  position: relative;
  padding-bottom: 73px;
  background: linear-gradient(180deg, #08101a 0%, #000000 100%);
}

.grid--rs {
  padding-top: 92px;
  padding-bottom: 120px;
  background: linear-gradient(180deg, #000000 0%, #08101a 100%);
}

.grid__background-title {
  position: absolute;
  top: 342px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 400;
  font-size: 288px;
  line-height: 60%;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.02;
}

.grid__container {
  display: grid;
  grid-template-columns: 370px 370px 370px;
  grid-template-rows: 122px auto auto;
  gap: 32px;
  width: 1170px;
  margin: 0 auto;
}

.grid__container--wt {
  grid-template-rows: auto auto;
}

.grid__container--rs {
  grid-template-rows: 140px 171px auto;
}

.grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.grid__background {
  z-index: 1;
  position: absolute;
  bottom: -51px;
  left: -200px;
  width: 994px;
  height: 427px;
}

.grid__background--rs {
  /* Right side */
  bottom: initial;
  top: -85px;
  left: initial;
  right: -230px;
  width: 500px;
  height: 333px;
}

.grid__background--wt {
  /* Wide text */
  bottom: -298px;
}

.grid__background--bi {
  /* Bottom image */
  z-index: 3;
  bottom: initial;
  top: calc(100% + 83px);
  left: -50px;
  width: 500px;
  height: 333px;
}

.grid__title {
  font-family: "Roadradio";
  z-index: 2;
  position: relative;
  padding-top: 22px;
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-weight: 400;
  font-size: 50px;
  line-height: 55px;
  color: #ffffff;
}

.grid__title span {
  display: block;
  font-weight: 400;
  font-size: 45px;
  line-height: 40px;
  color: #eb2b39;
}

.grid__title::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 84px;
  height: 2px;
  background-color: #eb2b39;
  content: "";
  background-image: url("../autoclub/img/border-gr.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.grid__title--wt {
  margin-right: 32px;
  width: 370px;
  flex-shrink: 0;
}

.grid__text-wrapper {
  position: relative;
  z-index: 2;
  display: grid;
  position: relative;
  width: 370px;
  grid-row: 1/4;
  font-weight: 300;
}

.grid__text-wrapper p {
  z-index: 2;
  position: relative;
  margin: 0;
  margin-bottom: 25px;
  color: #bcbcbc;
}

.grid__text-wrapper--rs {
  grid-column: 3/4;
  grid-row: 1/3;
}

.grid__text-wrapper--wt {
  grid-column: 1/4;
  grid-row: 1/2;
  display: flex;
  width: 100%;
}

.grid__text-wrapper--wt p {
  color: #fff;
}

.grid__text-wrapper--bi {
  z-index: 3;
  grid-column: 3/4;
  grid-row: 1/3;
}

.grid__p-wrapper {
  grid-row: 2/3;
}

.grid__pic-tall {
  z-index: 2;
  position: relative;
  display: block;

  grid-row: 1/3;
}

.grid__pic-tall--rs {
  height: 343px;
}

.grid__pic-short {
  z-index: 2;
  position: relative;
  display: block;

  overflow: hidden;
}

.grid__pic-short--rs {
  height: 140px;
}

.grid__pic-mid {
  z-index: 2;
  position: relative;
  display: block;

  grid-column: 3/4;
  grid-row: 2/3;
  overflow: hidden;
}

.grid__pic-mid--rs {
  grid-column: 2/3;
  height: 171px;
}

.grid__text-card {
  z-index: 2;
  position: relative;
  padding: 20px;
  border: 1px solid #eb2b39;
  width: 370px;
}

.grid__text-card h3 {
  margin: 0;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  font-variant: small-caps;
  text-transform: lowercase;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.grid__text-card p {
  margin: 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  color: #bcbcbc;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media (max-width: 1200px) {
  .grid {
    padding-top: 80rem;
    padding-bottom: 60rem;
  }
  .grid--rs {
    padding-top: 60rem;
    padding-bottom: 80rem;
  }
  .grid__background-title {
    top: 342rem;
    font-size: 288rem;
  }
  .grid__container {
    grid-template-columns: 339rem 339rem;
    grid-template-rows: initial;
    gap: 30rem;
    width: 708rem;
  }
  .grid__container--wt {
    grid-template-rows: initial;
  }
  .grid__container--rs {
    grid-template-rows: initial;
  }
  .grid__background {
    bottom: initial;
    top: 0;
    left: 430rem;
    width: 497rem;
    height: 211rem;
  }
  .grid__background--rs {
    /* Right side */
    bottom: initial;
    top: -85rem;
    left: initial;
    right: -230rem;
    width: 500rem;
    height: 333rem;
  }
  .grid__background--wt {
    /* Wide text */
    bottom: -298rem;
  }
  .grid__background--bi {
    /* Bottom image */
    display: none;
  }
  .grid__title {
    padding-top: 22rem;
    margin-bottom: 30rem;
    font-size: 30rem;
    line-height: 34rem;
  }
  .grid__title span {
    font-size: 27rem;
    line-height: 25rem;
  }
  .grid__title::before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 84rem;
    height: 2rem;
    background-color: #eb2b39;
    content: "";
    background-image: url("../autoclub/img/border-gr.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .grid__title--wt {
    margin-right: 32rem;
    width: 708rem;
    flex-shrink: 0;
  }
  .grid__text-wrapper {
    width: 708rem;
    grid-row: initial;
    grid-column: 1/3;
  }
  .grid__text-wrapper p {
    z-index: 2;
    position: relative;
    margin: 0;
    margin-bottom: 25rem;
  }
  .grid__text-wrapper--rs {
    grid-column: 1/3;
    grid-row: initial;
  }
  .grid__text-wrapper--wt {
    grid-column: 1/3;
    grid-row: initial;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .grid__text-wrapper--bi {
    z-index: 3;
    grid-column: 1/3;
    grid-row: initial;
  }
  .grid__p-wrapper {
    grid-row: initial;
  }
  .grid__pic-tall {
    width: 339rem;
    height: 432rem;
    grid-row: 2/4;
  }
  .grid__pic-tall--rs {
    height: 343rem;
  }
  .grid__pic-short {
    width: 339rem;
    height: 122rem;
    grid-row: 2/3;
  }
  .grid__pic-short--rs {
    height: 140rem;
  }
  .grid__pic-mid {
    width: 339rem;
    height: 286rem;
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .grid__pic-mid--rs {
    grid-column: initial;
    grid-template: 171rem;
  }
  .grid__text-card {
    padding: 20rem;
    border: 1rem solid #eb2b39;
    width: 339rem;
  }
  .grid__text-card h3 {
    margin-bottom: 10rem;
    font-size: 24rem;
    line-height: 28rem;
  }
  .grid__text-card p {
    font-size: 18rem;
    line-height: 25rem;
  }
}

@media (max-width: 767px) {
  .grid__container {
    grid-template-columns: 330rem;
    grid-template-rows: initial;
    gap: 15rem;
    width: 330rem;
  }
  .grid__container--wt {
    grid-template-rows: initial;
  }
  .grid__background {
    bottom: initial;
    top: 0;
    left: 430rem;
    width: 497rem;
    height: 211rem;
  }
  .grid__background--rs {
    /* Right side */
    bottom: initial;
    top: -85rem;
    left: initial;
    right: -85rem;
    width: 300rem;
    height: 260rem;
  }
  .grid__background--wt {
    /* Wide text */
    bottom: -298rem;
  }
  .grid__background--bi {
    /* Bottom image */
    z-index: 3;
    bottom: initial;
    top: calc(100% + 83rem);
    left: -50rem;
    width: 500rem;
    height: 333rem;
  }
  .grid__title {
    padding-top: 22rem;
    margin-bottom: 30rem;
    font-size: 24rem;
    line-height: 28rem;
  }
  .grid__title span {
    font-size: 20rem;
    line-height: 22rem;
  }
  .grid__title::before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 42rem;
    height: 2rem;
    background-color: #eb2b39;
    content: "";
    background-image: url("../autoclub/img/border-gr.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .grid__title--wt {
    margin-right: 32rem;
    width: 330rem;
    flex-shrink: 0;
  }
  .grid__text-wrapper {
    width: 330rem;
    grid-row: initial;
    grid-column: initial;
  }
  .grid__text-wrapper p {
    z-index: 2;
    position: relative;
    margin: 0;
    margin-bottom: 25rem;
    font-size: 18rem;
    line-height: 1.5;
  }
  .grid__text-wrapper--rs {
    grid-column: initial;
    grid-row: initial;
  }
  .grid__text-wrapper--wt {
    grid-column: initial;
    grid-row: initial;
    display: flex;
    width: 100%;
  }
  .grid__text-wrapper--bi {
    z-index: 3;
    grid-column: initial;
    grid-row: initial;
  }
  .grid__p-wrapper {
    grid-row: initial;
  }
  .grid__pic-tall {
    width: 330rem;
    height: 432rem;
    grid-row: initial;
  }
  .grid__pic-tall--rs {
    height: 343rem;
  }
  .grid__pic-short {
    width: 330rem;
    height: 122rem;
    grid-row: initial;
  }
  .grid__pic-short--rs {
    height: 140rem;
  }
  .grid__pic-mid {
    width: 330rem;
    height: 286rem;
    grid-column: initial;
    grid-row: initial;
  }
  .grid__pic-mid--rs {
    grid-column: initial;
    height: 171rem;
  }
  .grid__text-card {
    padding: 15rem;
    border: 1rem solid #eb2b39;
    width: 330rem;
  }
  .grid__text-card h3 {
    margin-bottom: 6rem;
    font-size: 20rem;
    line-height: 24rem;
  }
  .grid__text-card p {
    font-size: 16rem;
    line-height: 18rem;
  }
}

/*! Reviews */

.reviews {
  padding-top: 40px;
  padding-bottom: 160px;
  background-image: linear-gradient(
      0deg,
      rgba(8, 16, 26, 0.8),
      rgba(8, 16, 26, 0.8)
    ),
    url("../autoclub/img/rew-bg.png");
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.reviews__title {
  margin: 0;
  margin-bottom: 40px;
  font-family: "RoadRadio";
  font-style: normal;
  font-weight: 400;
  font-size: 144px;
  line-height: 125%;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.4;
}

.reviews__container {
  position: relative;
  padding: 0 66px;
  width: 1302px;
  margin: 0 auto;
  overflow: hidden;
}

.reviews__list {
  padding: 0;
  margin: 0;
  display: flex;
  width: max-content;
  transition: all 0.75s ease;
}

.reviews__item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  list-style-type: none;
  width: 570px;
  height: 260px;
  padding: 20px;
  margin-right: 40px;
  margin-left: 6px;
}

.reviews__item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-image: url("../autoclub/img/border-gal.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: rew-oth-out 0.5s ease both;
}

.reviews__item:hover::before {
  transform: scaleX(-1);
  animation: rew-oth-in 0.5s ease both;
}

@keyframes rew-oth-in {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  50% {
    opacity: 0;
    transform: scaleX(1);
  }
  51% {
    opacity: 0;
    transform: scaleX(-1);
  }
  100% {
    opacity: 1;
    transform: scaleX(-1);
  }
}

@keyframes rew-oth-out {
  0% {
    opacity: 1;
    transform: scaleX(-1);
  }
  50% {
    opacity: 0;
    transform: scaleX(-1);
  }
  51% {
    opacity: 0;
    transform: scaleX(1);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}

.reviews__stars {
  margin-bottom: 10px;
  display: flex;
  width: max-content;
}

.reviews__star {
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 4px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0L9.18386 5.18237H14.6329L10.2245 8.38525L11.9084 13.5676L7.5 10.3647L3.09161 13.5676L4.77547 8.38525L0.367076 5.18237H5.81614L7.5 0Z' fill='%23EB2B39'/%3E%3C/svg%3E%0A");
}

.reviews__text {
  margin: 0;
  margin-bottom: auto;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.reviews__name {
  margin: 0;
  margin-bottom: 10px;
  font-family: "RoadRadio";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  text-transform: lowercase;
  font-variant: small-caps;
  color: #ffffff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.reviews__ava {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.reviews__ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

.reviews__next,
.reviews__prev {
  z-index: 2;
  position: absolute;
  left: 0;
  top: calc(50% - 18px);
  width: 36px;
  height: 39px;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='36' height='39' viewBox='0 0 36 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_632_1541)'%3E%3Cpath d='M19.1249 30.3749C18.8372 30.3749 18.5492 30.265 18.3296 30.0453L7.07957 18.7953C6.63998 18.3557 6.63998 17.6439 7.07957 17.2046L18.3296 5.95457C18.7692 5.51498 19.481 5.51498 19.9203 5.95457C20.3596 6.39417 20.3599 7.10601 19.9203 7.54532L9.4657 17.9999L19.9203 28.4546C20.3599 28.8942 20.3599 29.606 19.9203 30.0453C19.7007 30.265 19.4127 30.3749 19.1249 30.3749ZM28.9203 30.0453C29.3599 29.6057 29.3599 28.8939 28.9203 28.4546L18.4657 17.9999L28.9203 7.54532C29.3599 7.10573 29.3599 6.39389 28.9203 5.95457C28.4807 5.51526 27.7689 5.51498 27.3296 5.95457L16.0796 17.2046C15.64 17.6442 15.64 18.356 16.0796 18.7953L27.3296 30.0453C27.5492 30.265 27.8372 30.3749 28.1249 30.3749C28.4127 30.3749 28.7007 30.265 28.9203 30.0453Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_632_1541' x='-4' y='0' width='44' height='44' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_632_1541'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_632_1541' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  transition: opacity 0.25s ease;
}

.reviews__prev:disabled {
  opacity: 0.5;
}

.reviews__next {
  transform: scaleX(-1);
  left: initial;
  right: 0;
}

.reviews__next:disabled {
  opacity: 0.5;
}

@media (max-width: 1200px) {
  .reviews {
    padding-top: 40rem;
    padding-bottom: 100rem;
  }
  .reviews__title {
    margin-bottom: 40rem;
    font-size: 72rem;
    line-height: 125%;
  }
  .reviews__container {
    padding: 0 50rem;
    width: 708rem;
  }
  .reviews__item {
    width: 648rem;
    height: 260rem;
    padding: 20rem;
    margin-right: 50rem;
    margin-left: 0;
  }
  .reviews__stars {
    margin-bottom: 10rem;
  }
  .reviews__star {
    width: 15rem;
    height: 15rem;
    margin-right: 4rem;
  }
  .reviews__text {
    font-size: 18rem;
    line-height: 25rem;
  }
  .reviews__name {
    margin-bottom: 10rem;
    font-size: 24rem;
    line-height: 24rem;
  }
  .reviews__ava {
    width: 50rem;
    height: 50rem;
  }
  .reviews__next,
  .reviews__prev {
    position: absolute;
    left: 0rem;
    top: 100rem;
    width: 36rem;
    height: 39rem;
  }
  .reviews__next {
    left: initial;
    right: 0rem;
  }
}

@media (max-width: 767px) {
  .reviews {
    padding-top: 30rem;
    padding-bottom: 80rem;
  }
  .reviews__title {
    margin-bottom: 40rem;
    font-size: 40rem;
    line-height: 125%;
  }
  .reviews__container {
    padding: 0;
    padding-bottom: 80rem;
    width: 330rem;
  }
  .reviews__item {
    width: 330rem;
    min-height: 300rem;
    height: auto;
    padding: 20rem;
    margin-right: 10rem;
    margin-left: 0;
  }
  .reviews__stars {
    margin-bottom: 10rem;
  }
  .reviews__star {
    width: 15rem;
    height: 15rem;
    margin-right: 4rem;
  }
  .reviews__text {
    font-size: 16rem;
    line-height: 20rem;
  }
  .reviews__name {
    margin-bottom: 10rem;
    font-size: 24rem;
    line-height: 24rem;
  }
  .reviews__ava {
    width: 50rem;
    height: 50rem;
  }
  .reviews__next,
  .reviews__prev {
    position: absolute;
    left: 0rem;
    top: initial;
    bottom: 0;
    width: 36rem;
    height: 39rem;
  }
  .reviews__next {
    left: initial;
    right: 0rem;
  }
}

/*! Easy */

.easy {
  position: relative;
}

.easy__list {
  margin: 0;
  padding: 0;
  display: flex;
  transition: all 1s ease;
}

.easy__pic {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.easy__pic img {
  filter: grayscale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.5s ease;
}

.easy__item {
  position: relative;
  padding-top: 80px;
  flex-shrink: 0;
  width: 100vw;
  height: 550px;
  overflow: hidden;
}

.easy__item::before {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 120%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(94.87deg, #eb2b39 30%, rgba(8, 16, 26, 0) 53.93%),
    rgba(0, 0, 0, 0.2);
  content: "";
  transform: translateX(-20%);
  transition: all 0.5s ease;
}

.easy__item:hover::before {
  transform: translateX(0);
}

.easy__item:hover .easy__pic img {
  filter: grayscale(0);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.5s ease;
}

.easy__item-container {
  width: 1170px;
  margin: 0 auto;
}

.easy__title {
  z-index: 2;
  position: relative;
  padding-top: 20px;
  margin: 0;
  width: 650px;
  font-family: "RoadRadio";
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  line-height: 55px;
  color: #ffffff;
}

.easy__title::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 84px;
  height: 2px;
  background-color: #fff;
  content: "";
}

.easy__text {
  z-index: 2;
  position: relative;
  width: 650px;
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
}

.easy__buttons {
  z-index: 2;
  position: absolute;
  left: calc((100vw - 1170px) / 2);
  bottom: 78px;
}

.easy__order {
  z-index: 2;
  position: absolute;
  left: calc((100vw - 1170px) / 2);
  bottom: 154px;
  border: 1px solid #ffffff;
  background-color: transparent;
}

.easy__dot {
  display: flex;
  height: 36px;
  width: 30px;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.easy__dot::before {
  width: 10px;
  height: 10px;
  display: block;
  content: "";
  background-color: #c4c4c4;
}

.easy__dot.active::before {
  background-color: #fff;
}

@media (max-width: 1200px) {
  .easy {
    position: relative;
  }
  .easy__item {
    padding-top: 40rem;
    padding-left: 30rem;
    width: 100vw;
    height: 432rem;
  }
  .easy__item-container {
    width: 100vw;
  }
  .easy__title {
    padding-top: 20rem;
    width: 650rem;
    font-size: 30rem;
    line-height: 40rem;
  }
  .easy__title::before {
    width: 84rem;
    height: 2rem;
  }
  .easy__text {
    width: 650rem;
    font-size: 16rem;
    line-height: 20rem;
  }
  .easy__buttons {
    left: 30rem;
    bottom: 40rem;
  }
  .easy__order {
    left: 30rem;
    bottom: 100rem;
  }
  .easy__dot {
    height: 36rem;
    width: 30rem;
  }
  .easy__dot::before {
    width: 10rem;
    height: 10rem;
  }
}

@media (max-width: 767px) {
  .easy {
    position: relative;
  }
  .easy__item {
    padding-top: 40rem;
    padding-left: 15rem;
    padding-right: 15rem;
    width: 100vw;
    height: 550rem;
  }
  .easy__item-container {
    width: 100vw;
  }
  .easy__title {
    padding-top: 20rem;
    width: 330rem;
    font-size: 30rem;
    line-height: 40rem;
  }
  .easy__title::before {
    width: 84rem;
    height: 2rem;
  }
  .easy__text {
    width: 330rem;
    font-size: 16rem;
    line-height: 20rem;
  }
  .easy__buttons {
    left: 15rem;
    bottom: 40rem;
  }
  .easy__order {
    left: 15rem;
    bottom: 100rem;
  }
  .easy__dot {
    height: 36rem;
    width: 30rem;
  }
  .easy__dot::before {
    width: 10rem;
    height: 10rem;
  }
}

/*! About */

.about {
  padding-top: 160px;
  padding-bottom: 166px;
  background: linear-gradient(0deg, rgba(8, 16, 26, 0.8), rgba(8, 16, 26, 0.8)),
    url("../autoclub/img/bg-about.jpg");
}

.about__container {
  display: flex;
  position: relative;
  width: max-content;
  margin: 0 auto;
}

.about__title {
  position: absolute;
  right: calc(100% + 30px);
  margin: 0;
  width: max-content;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 400;
  font-size: 64px;
  line-height: 125%;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.4;
  transform: rotate(-90deg);
  transform-origin: center bottom;
}

.about__card {
  position: relative;
  padding-top: 42px;
  display: flex;
  width: max-content;
  flex-direction: column;
}

.about__card:not(:last-of-type) {
  margin-right: 140px;
}

.about__card::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 84px;
  height: 2px;
  background-color: #eb2b39;
  content: "";
}

.about__num {
  margin: 0;
  margin-bottom: 20px;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 400;
  font-size: 112px;
  line-height: 60%;
  text-transform: uppercase;
  color: #ffffff;
}

.about__desc {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media (max-width: 1200px) {
  .about {
    padding-top: 160rem;
    padding-bottom: 80rem;
  }
  .about__container {
    display: flex;
    position: relative;
    width: max-content;
    margin: 0 auto;
  }
  .about__title {
    position: absolute;
    right: initial;
    left: 0;
    top: -94rem;
    margin: 0;
    font-size: 64rem;
    line-height: 125%;
    transform: rotate(0deg);
    transform-origin: center bottom;
  }
  .about__card {
    padding-top: 42rem;
  }
  .about__card:not(:last-of-type) {
    margin-right: 140rem;
  }
  .about__card::before {
    width: 84rem;
    height: 2rem;
  }
  .about__num {
    margin-bottom: 20rem;
    font-size: 78rem;
    line-height: 60%;
  }
  .about__desc {
    font-size: 16rem;
    line-height: 20rem;
  }
}

@media (max-width: 767px) {
  .about {
    padding-top: 80rem;
    padding-bottom: 80rem;
  }
  .about__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 330rem;
    margin: 0 auto;
  }
  .about__title {
    position: static;
    margin: 0;
    margin-bottom: 40rem;
    font-size: 40rem;
    line-height: 125%;
  }
  .about__card {
    padding-top: 42rem;
  }
  .about__card:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 40rem;
  }
  .about__card::before {
    width: 84rem;
    height: 2rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .about__num {
    margin-bottom: 20rem;
    font-size: 78rem;
    line-height: 60%;
    text-align: center;
  }
  .about__desc {
    font-size: 16rem;
    line-height: 20rem;
    text-align: center;
  }
}

/*! Cli */

.cli {
  padding-top: 120px;
  padding-bottom: 128px;
  background-color: #070f19;
  background-image: url("../autoclub/img/cli-bg.png");
  background-position: center;
  background-size: cover;
}

.cli__container {
  width: 1170px;
  margin: 0 auto;
}

.cli__title {
  margin: 0;
  margin-bottom: 80px;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 55px;
  text-transform: uppercase;
  color: #ffffff;
}

.cli__wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 200px 200px 200px 200px;
  row-gap: 40px;
  column-gap: 123px;
}

.cli__pic {
  align-self: center;
  display: block;
  width: 200px;
  align-items: center;
  opacity: 0.6;
  transition: opacity 0.25s ease;
}

.cli__pic img {
  width: 100%;
  height: auto;
}

.cli__pic:hover {
  opacity: 1;
}

@media (max-width: 1200px) {
  .cli {
    padding-top: 120rem;
    padding-bottom: 128rem;
  }
  .cli__container {
    width: 708rem;
  }
  .cli__title {
    margin-bottom: 80rem;
    font-size: 40rem;
    line-height: 50rem;
    text-align: center;
  }
  .cli__wrapper {
    width: 523rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 200rem 200rem;
    row-gap: 40rem;
    column-gap: 123rem;
  }
  .cli__pic {
    width: 200rem;
  }
}

@media (max-width: 767px) {
  .cli {
    padding-top: 80rem;
    padding-bottom: 80rem;
  }
  .cli__container {
    width: 330rem;
  }
  .cli__title {
    margin-bottom: 80rem;
    font-size: 30rem;
    line-height: 40rem;
    text-align: center;
  }
  .cli__wrapper {
    width: 200rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 200rem;
    row-gap: 40rem;
  }
  .cli__pic {
    width: 200rem;
  }
}

/*! Clean */

.clean {
  position: relative;
  min-height: 730px;
  background: #08101a;
}

.clean__list {
  display: flex;
  padding: 0;
  margin: 0;
  width: max-content;
  transition: all 1s ease;
}

.clean__item {
  position: relative;
  list-style-type: none;
  width: 100vw;
  min-height: 730px;
  padding-top: 128px;
}

.clean__item::before,
.clean__item::after {
  z-index: 2;
  position: absolute;
  display: block;
  top: 50%;
  left: calc(50% - 495px);
  width: 166px;
  height: 245px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='166' height='245' viewBox='0 0 166 245' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M70.5391 4.89298C72.3232 8.78129 72.7861 11.2419 72.7933 16.8697C72.8041 25.3675 70.523 32.6819 63.8529 45.532C58.2111 56.4028 54.9808 61.2603 26.095 102.322C1.50104 137.282 -0.001796 139.983 1.60616e-06 149.212C0.000900411 158.801 8.17196 170.581 22.303 181.369C30.0929 187.315 44.8882 196.581 45.5398 195.921C45.7771 195.68 45.2369 194.112 44.3389 192.435C41.8897 187.859 42.1369 175.698 44.836 167.963C49.5107 154.571 53.0223 149.323 78.0801 118.277C95.6356 96.5267 100.325 89.9007 104.222 81.3409C111.019 66.4112 108.329 54.6925 92.6892 31.111C86.1145 21.1974 79.7689 12.9021 72.5704 4.8082L68.293 0L70.5391 4.89298ZM120.877 90.9263C122.351 95.2084 122.398 103.01 120.985 108.719C117.817 121.518 115.331 125.299 85.1627 163.211C77.068 173.383 69.0543 184.035 67.3547 186.883C64.4722 191.711 64.2637 192.585 64.2655 199.841C64.2673 206.914 64.5369 208.126 67.236 213.175C70.0232 218.389 78.5367 228.091 79.4831 227.132C79.7195 226.891 79.3276 224.972 78.6122 222.865C77.5678 219.79 77.5093 218.09 78.3156 214.24C80.3747 204.403 86.3087 195.577 105.418 173.926C119.665 157.785 126.125 147.852 130.386 135.525C134.04 124.957 132.639 111.319 126.701 99.6347C123.791 93.9102 119.903 88.0964 120.877 90.9263ZM151.736 131.002C152.173 141.125 149.96 150.987 145.013 160.971C139.995 171.096 137.841 173.807 122.033 189.88C102.726 209.513 99.344 215.204 96.9352 232.098C96.0427 238.364 96.0517 240.36 96.9838 242.433L98.1388 245L100.077 242.318C103.965 236.935 117.601 224.009 130.115 213.843C155.202 193.464 162.751 182.926 165.394 164.594C166.186 159.091 166.2 155.607 165.446 150.679C164.219 142.656 163.016 139.634 158.103 132.228C150.926 121.408 151.326 121.485 151.736 131.002Z' fill='url(%23paint0_linear_632_1759)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_632_1759' x1='83' y1='0' x2='83' y2='245' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EB2B39'/%3E%3Cstop offset='1' stop-color='%23EB2B39' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  content: "";
}

.clean__item::after {
  left: calc(50% + 495px);
}

.clean__pic {
  z-index: 1;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.clean__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.clean__item-title {
  z-index: 2;
  position: relative;
  margin: 0 auto;
  margin-bottom: 20px;
  width: 670px;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 400;
  font-size: 72px;
  line-height: 55px;
  text-align: center;
  color: #ffffff;
}

.clean__item-title::before {
  position: absolute;
  left: 50%;
  top: -40px;
  display: block;
  width: 84px;
  height: 2px;
  background-color: #fff;
  transform: translateX(-50%);
  content: "";
}

.clean__text {
  z-index: 2;
  position: relative;
  margin: 0 auto;
  margin-bottom: 20px;
  width: 670px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #ffffff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.clean__prices {
  z-index: 2;
  margin: 0 auto;
  position: relative;
  width: 670px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    #eb2b39 0%,
    rgba(235, 43, 57, 0) 100%
  );
}

.clean__price {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #ffffff;
}

.clean__dot {
  display: flex;
  height: 36px;
  width: 30px;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.clean__dot::before {
  width: 10px;
  height: 10px;
  display: block;
  content: "";
  background-color: #c4c4c4;
}

.clean__dot.active::before {
  background-color: #fff;
}

.clean__order {
  z-index: 2;
  position: absolute;
  bottom: 242px;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #fff;
  background-color: transparent;
}

.clean__buttons {
  z-index: 2;
  position: absolute;
  bottom: 126px;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 1200px) {
  .clean {
    min-height: 730rem;
  }
  .clean__item {
    width: 100vw;
    min-height: 730rem;
    padding-top: 128rem;
  }
  .clean__item::before,
  .clean__item::after {
    display: none;
  }
  .clean__item-title {
    margin-bottom: 20rem;
    width: 670rem;
    font-size: 72rem;
    line-height: 55rem;
  }
  .clean__item-title::before {
    top: -40rem;
    width: 84rem;
    height: 2rem;
  }
  .clean__text {
    margin-bottom: 20rem;
    width: 670rem;
    font-size: 18rem;
    line-height: 25rem;
  }
  .clean__prices {
    width: 670rem;
  }
  .clean__price {
    font-size: 18rem;
    line-height: 25rem;
  }
  .clean__dot {
    height: 36rem;
    width: 30rem;
  }
  .clean__dot::before {
    width: 10rem;
    height: 10rem;
  }
  .clean__order {
    bottom: 242rem;
  }
  .clean__buttons {
    bottom: 126rem;
  }
}

@media (max-width: 767px) {
  .clean {
    min-height: 670rem;
  }
  .clean__item {
    width: 100vw;
    min-height: 670rem;
    padding-top: 128rem;
  }
  .clean__item::before,
  .clean__item::after {
    display: none;
  }
  .clean__item-title {
    margin-bottom: 20rem;
    width: 330rem;
    font-size: 40rem;
    line-height: 36rem;
  }
  .clean__item-title::before {
    top: -40rem;
    width: 84rem;
    height: 2rem;
  }
  .clean__text {
    margin-bottom: 20rem;
    width: 330rem;
    font-size: 16rem;
    line-height: 20rem;
  }
  .clean__prices {
    width: 330rem;
  }
  .clean__price {
    font-size: 16rem;
    line-height: 20rem;
  }
  .clean__dot {
    height: 36rem;
    width: 30rem;
  }
  .clean__dot::before {
    width: 10rem;
    height: 10rem;
  }
  .clean__order {
    bottom: 182rem;
  }
  .clean__buttons {
    bottom: 96rem;
  }
}

.contacts {
  position: relative;
  background-color: #070f19;
}

.contacts__show-bar {
  display: none;
}

.contacts__content {
  padding: 0 16px;
}

.contacts__title {
  margin-bottom: 16px;
}

.contacts__text {
  margin-bottom: 60px;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
}

.contacts__inner {
  padding: 40px 16px;
  background-color: #ffffff;
}

.contacts__address {
  margin-bottom: 27px;
}

.contacts__header {
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  color: #f1373a;
  text-align: center;
}

.contacts__row span {
  display: block;
  margin-bottom: 26px;
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  color: #000000;
  text-align: center;
}

.contacts__services {
  padding-left: 0;
  list-style: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}

.contacts__services li {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contacts__services li::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  width: 6px;
  min-width: 6px;
  height: 6px;
  margin-right: 6px;
  background-color: #eb2b39;
  border-radius: 50%;
}

.contacts__top {
  position: relative;
  z-index: 3000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -55px;
}

.contacts__button {
  min-height: 55px;
  padding: 0 16px;
  font-size: 16px;
  line-height: 16px;
}

@media (min-width: 1200px) {
  .contacts__show-bar {
    z-index: 2;
    display: flex;
    position: absolute;
    left: calc(50% - 585px);
    bottom: 0;
    font-family: "RoadRadio";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    width: max-content;
    padding: 25px 49px;
    border: none;
    background-color: #eb2b39;
    transition: all 0.25s ease;
    opacity: 0;
  }
  .contacts__show-bar.active {
    opacity: 1;
  }
  .contacts__show-bar:hover {
    background-color: #fff;
    color: #000000;
  }
  .contacts__wrapper {
    transition: all 0.5s ease;
  }
  .contacts__header {
    font-weight: 400;
    font-size: 14px;
    text-align: left;
  }
  .contacts__title {
    max-width: 812px;
    margin-bottom: 20px;
  }
  .contacts__content {
    padding-right: calc(50% - 585px);
    padding-left: calc(50% - 585px);
  }
  .contacts__text {
    max-width: 660px;
    margin-bottom: 60px;
  }
  .contacts__wrapper {
    padding-right: calc(50% - 585px);
    padding-left: calc(50% - 585px);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .contacts__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    margin-bottom: 8px;
  }
  .contacts__button {
    min-height: 74px;
    padding: 0 49px;
    padding-top: 3px;
    font-size: 18px;
    line-height: 24px;
  }
  .contacts__inner {
    padding: 60px 50px;
  }
  .contacts__row {
    display: flex;
    align-items: center;
  }
  .contacts__row span {
    margin-right: 140px;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    text-align: left;
  }
  .contacts__services {
    display: flex;
  }
  .contacts__services li {
    justify-content: initial;
  }
  .contacts__services li:not(:last-child) {
    margin-right: 55px;
  }
}

.address {
  padding-left: 0;
  list-style: none;
  padding-bottom: 40px;
  border-bottom: 1px solid #cec8c8;
}

.address__name {
  display: block;
  margin-bottom: 14px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  cursor: pointer;
  text-align: center;
}

.address__item--active .address__name {
  color: #eb2b39;
}
.address__item {
  flex: 0 0 calc(25% - 40px);
}
.address__item:not(:last-child) {
  /*   margin-bottom: 35px; */
}

.address__text {
  display: flex;
  align-items: flex-start;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  text-align: center;
}

.address__text::before {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 14px;
  background-image: url("../autoclub/img/geo.svg");
  background-size: contain;
}

.address__text p + p {
  margin-top: 8px;
  color: #eb2b39;
  font-size: 14px;
  line-height: 19px;
}

@media (min-width: 768px) {
  .address__text {
    justify-content: center;
  }
}

@media (min-width: 1200px) {
  .address {
    display: flex;
    grid-gap: 40px;
    /* grid-template-columns: repeat(4, 1fr); */
    align-items: flex-end;
    flex-wrap: wrap;
  }
  .address__name {
    text-align: left;
  }
  .address__text {
    text-align: left;
    justify-content: start;
  }
}

.map__js {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 458px;
}

[class*="ymaps-2"][class*="-ground-pane"] {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.ymaps-2-1-78-inner-panes {
  position: relative;
}

.ymaps-2-1-78-inner-panes::before {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(17, 15, 27, 0.66),
    rgba(17, 15, 27, 0.66)
  );
}

@media (min-width: 1200px) {
  .map {
    position: relative;
  }
  .map__js {
    height: 792px;
  }
}

.footer {
  position: relative;
  padding: 30px 16px;
  background-color: #070f19;
}

.footer__top {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer__logo {
  display: block;
  width: 117px;
  height: 76px;
  object-fit: contain;
  margin-bottom: 35px;
}

.footer__contact {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer__contacts {
  padding-left: 0;
}

.footer__label {
  display: block;
  margin-bottom: 12px;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #b1aeae;
}

.footer__link {
  font-size: 24px;
  line-height: 24px;
  font-family: "Roadradio";
  color: #ffffff;
  transition: color 0.3s;
}

.footer__link:hover {
  color: #eb2b39;
}

.footer__link--email {
  font-size: 16px;
  line-height: 20px;
  color: #eb2b39;
}

.footer__link--email:hover {
  color: #fff;
}

.footer__contacts {
  margin-bottom: 30px;
}

.footer__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 16px;
  font-size: 18px;
  line-height: 18px;
  font-family: "Roadradio";
  color: #ffffff;
  border-top: 1px solid #b1aeae;
  border-bottom: 1px solid #b1aeae;
}

.footer__header::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url(../autoclub/img/arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: all 0.3s;
}

.footer__list {
  padding-left: 0;
  list-style: none;
  display: none;
  padding: 20px 16px;
}

.footer__col:first-child {
  margin-bottom: 20px;
}

.footer__col--active .footer__header::after {
  transform: rotate(270deg);
}

.footer__col--active .footer__list {
  display: block;
}

.footer__item {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  transition: color 0.3s;
}

.footer__item:not(:last-child) {
  margin-bottom: 16px;
}

.footer__item:hover a {
  color: #eb2b39;
}

.footer__item a {
  color: inherit;
}

.footer__menu {
  margin-bottom: 30px;
}

.footer__social {
  margin-bottom: 30px;
}

.footer__social-desc {
  margin: 0;
  margin-bottom: 32px;
  width: 100%;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
}

.footer__soc-links {
  margin: 0 auto;
  margin-bottom: 39px;
}

.footer__button {
  min-height: 44px;
  padding: 0 14px;
  font-weight: 300;
  font-size: 14px;
}

.footer__button:first-of-type {
  margin-right: 10px;
}

.footer__controls {
  margin-bottom: 38px;
  display: flex;
  justify-content: center;
}

.footer__controls a:last-of-type {
  color: #000;
}

.footer__copyright {
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}

.footer__politic {
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.8);
  transition: color 0.3s;
  text-align: center;
  width: 100%;
}

.footer__politic:hover {
  color: #eb2b39;
}

.footer__dev {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
}

.footer__dev a {
  color: #feda75;
  transition: color 0.3s;
}

.footer__dev a:hover {
  color: #eb2b39;
}

@media (min-width: 1200px) {
  .footer {
    padding-right: calc(50% - 585px);
    padding-left: calc(50% - 585px);
    padding-top: 60px;
    padding-bottom: 32px;
  }
  .footer__top {
    padding-right: 46px;
    display: flex;
    align-items: center;
    flex-direction: initial;
    margin-bottom: 38px;
    padding-bottom: 38px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  .footer__contact {
    align-items: initial;
  }
  .footer__col:first-child {
    flex-grow: 1;
    margin-right: 50px;
    margin-bottom: 0;
  }
  .footer__social-desc {
    width: 269px;
    text-align: left;
  }
  .footer__soc-links {
    margin: 0;
    margin-bottom: 39px;
  }
  .footer__list {
    display: flex;
    flex-flow: column wrap;
    max-height: 180px;
    padding: 0;
  }
  .footer__item {
    min-width: 280px;
    margin-right: 20px;
    white-space: nowrap;
  }
  .footer__menu {
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .footer__mid {
    display: flex;
    align-items: flex-start;
    margin-bottom: 32px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  .footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .footer__copyright {
    margin: 0;
    text-align: left;
  }
  .footer__politic {
    margin: 0;
    text-align: left;
    width: initial;
  }
  .footer__dev {
    margin: 0;
    text-align: left;
  }
  .footer__header {
    margin-bottom: 28px;
    padding: 0;
    font-size: 22px;
    line-height: 22px;
    border-top: none;
    border-bottom: none;
  }
  .footer__header::after {
    display: none;
  }
  .footer__logo {
    margin-bottom: 0;
  }
  .footer__contacts {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0;
    margin-left: auto;
  }
  .footer__contact:not(:last-child) {
    margin-right: 102px;
  }
}

/*! Innerc */

.innerc {
  padding-top: 80px;
  padding-bottom: 32px;
  background: linear-gradient(180deg, #000000 0%, #08101a 100%);
}

.innerc--r {
  background: linear-gradient(180deg, #08101a 0%, #000000 100%);
}

.innerc--black {
  background: #000;
}

.innerc__container {
  width: 1170px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 370px 1fr;
  column-gap: 40px;
}

.innerc__container--r {
  grid-template-columns: 1fr 370px;
}

.innerc__text-wrapper {
  width: 370px;
}

.innerc__title {
  position: relative;
  padding-top: 21px;
  margin: 0;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 55px;
  color: #ffffff;
}

.innerc__title::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 84px;
  height: 2px;
  background-color: #eb2b39;
  content: "";
}

.innerc__title--sm {
  font-size: 24px;
  line-height: 125%;
  margin-bottom: 40px;
}

.innerc__title span {
  color: #eb2b39;
}

.innerc__undertitle {
  margin: 0;
  margin-bottom: 40px;
  font-family: "RoadRadio";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-transform: capitalize;
  color: #ffffff;
}

.innerc__undertitle span {
  color: #eb2b39;
}

.innerc__pic {
  position: relative;
  display: block;
  width: 370px;
  height: 535px;
}

.innerc__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.innerc__pic::before {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-image: url("../autoclub/img/border-gr.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.innerc__pic--r::before {
  transform: scaleX(-1);
}

.innerc__text-content p {
  margin: 0;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
}

.innerc__text-content p:not(:last-of-type) {
  margin-bottom: 25px;
}

@media (max-width: 1200px) {
  .innerc {
    padding-top: 80rem;
    padding-bottom: 32rem;
  }
  .innerc__container {
    width: 708rem;
    grid-template-columns: 339rem 1fr;
    column-gap: 30rem;
  }
  .innerc__container--r {
    grid-template-columns: 1fr 339rem;
  }
  .innerc__text-wrapper {
    width: 339rem;
  }
  .innerc__title {
    padding-top: 21rem;
    font-size: 30rem;
    line-height: 40rem;
  }
  .innerc__title::before {
    width: 84rem;
    height: 2rem;
  }
  .innerc__title--sm {
    font-size: 24rem;
    margin-bottom: 40rem;
  }
  .innerc__title span {
    color: #eb2b39;
  }
  .innerc__undertitle {
    margin-bottom: 40rem;
    font-size: 24rem;
    line-height: 28rem;
  }
  .innerc__pic {
    width: 339rem;
    height: 500rem;
  }
  .innerc__text-content p {
    font-size: 16rem;
    line-height: 20rem;
  }
  .innerc__text-content p:not(:last-of-type) {
    margin-bottom: 25rem;
  }
}

@media (max-width: 767px) {
  .innerc {
    padding-top: 40rem;
    padding-bottom: 32rem;
  }
  .innerc__container {
    width: 330rem;
    grid-template-columns: 330rem;
    column-gap: 30rem;
  }
  .innerc__container--r {
    grid-template-columns: 330rem;
  }
  .innerc__container--r .innerc__text-wrapper {
    order: 1;
  }
  .innerc__container--r .innerc__text-content {
    order: 2;
  }
  .innerc__text-wrapper {
    width: 330rem;
  }
  .innerc__title {
    padding-top: 21rem;
    font-size: 30rem;
    line-height: 40rem;
  }
  .innerc__title::before {
    width: 84rem;
    height: 2rem;
  }
  .innerc__title--sm {
    font-size: 24rem;
    margin-bottom: 40rem;
  }
  .innerc__title span {
    color: #eb2b39;
  }
  .innerc__undertitle {
    margin-bottom: 40rem;
    font-size: 24rem;
    line-height: 28rem;
  }
  .innerc__pic {
    width: 330rem;
    height: 500rem;
    margin-bottom: 30rem;
  }
  .innerc__text-content p {
    font-size: 16rem;
    line-height: 20rem;
  }
  .innerc__text-content p:not(:last-of-type) {
    margin-bottom: 25rem;
  }
}

/*! Gall */

.gall {
  padding-top: 80px;
  padding-bottom: 49px;
  background: #000000;
}

.gall__container {
  display: grid;
  grid-template-columns: 370px 370px 370px;
  gap: 30px;
  margin: 0 auto;
  width: 1170px;
}

.gall__pic {
  position: relative;
  display: block;
  width: 370px;
  height: 189px;
}

.gall__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.gall__pic::before {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='372' height='191' viewBox='0 0 372 191' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1V0H0V1H1ZM371 1H372V0H371V1ZM371 190V191H372V190H371ZM1 190H0V191H1V190ZM1 2H371V0H1V2ZM370 1V190H372V1H370ZM371 189H1V191H371V189ZM2 190V1H0V190H2Z' fill='url(%23paint0_linear_715_5263)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_715_5263' x1='7.16667' y1='6.45192' x2='204.226' y2='167.73' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EB2B39'/%3E%3Cstop offset='1' stop-color='%23EB2B39' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
  animation: rew-oth-out 0.5s ease both;
  pointer-events: none;
}

.gall__pic:hover::before {
  transform: scaleX(-1);
  animation: rew-oth-in 0.5s ease both;
}

@media (max-width: 1200px) {
  .gall {
    padding-top: 60rem;
    padding-bottom: 49rem;
  }
  .gall__container {
    grid-template-columns: 339rem 339rem;
    gap: 30rem;
    width: 708rem;
  }
  .gall__pic {
    width: 339rem;
    height: 190rem;
  }
}

@media (max-width: 767px) {
  .gall {
    padding-top: 60rem;
    padding-bottom: 49rem;
  }
  .gall__container {
    grid-template-columns: 360rem;
    gap: 30rem;
    width: 360rem;
  }
  .gall__pic {
    width: 360rem;
    height: 190rem;
  }
}

/*! Form */

.modal__form {
  z-index: 3100;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  backdrop-filter: blur(3px);
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease;
  overflow-y: auto;
}

.modal__form.active {
  opacity: 1;
  pointer-events: all;
}

.modal__form .form__container {
  width: 602px;
}

.form {
  padding-top: 54px;
  padding-bottom: 105px;
  background-color: #000;
}

.form__container {
  width: 1170px;
  margin: 0 auto;
}

.form__form {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding: 30px 30px 60px 30px;
  border: 1px solid #eb2b39;
  background: rgba(7, 15, 25, 0.85);
}

.form__form h2 {
  margin: 0;
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 55px;
  color: #ffffff;
}

.form__form input,
.form__form select {
  display: block;
  width: 540px;
  height: 68px;
  padding: 24px 20px;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  background-color: transparent;
  border-radius: none;
  border: 1px solid #eb2b39;
  outline: none;
}

.form__form select {
  appearance: none;
}

.form__form select option:disabled {
  color: #fff;
  font-weight: bold;
  opacity: 0.8;
}

.form__form select option {
  color: #fff;
  background-color: rgba(7, 15, 25, 0.85);
}

.form__form input:focus {
  box-shadow: 0 0 15px 0 #eb2b39;
}

.form__form input::placeholder {
  color: #797979;
}

.form__form input.form__input-wide {
  width: 100%;
}

.form__form input[type="date"] {
  color: #797979;
}

.form__form textarea {
  display: block;
  width: 100%;
  height: 155px;
  padding: 24px 20px;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  background-color: transparent;
  border-radius: none;
  border: 1px solid #eb2b39;
  outline: none;
  resize: none;
}

.form__form textarea:focus {
  box-shadow: 0 0 15px 0 #eb2b39;
}

.form__form textarea::placeholder {
  color: #797979;
}

.form__form p {
  margin: 0 auto;
  margin-bottom: 30px;
  width: 665px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #a5a3a3;
}

.form__form button[type="submit"] {
  display: flex;
  width: 370px;
  text-align: center;
  justify-content: center;
  padding: 25px 30px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.01em;
  color: #ffffff;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  background: #eb2b39;
  transition: all 0.25s ease;
}

.form__form button[type="submit"]:hover,
.form__form button[type="submit"]:active {
  color: #eb2b39;
  background: #ffffff;
}

.form__math {
  display: flex;
  align-items: center;
  width: max-content;
  margin-right: 30px;
}

.form__math span {
  display: inline-block;
  margin-right: 50px;
  font-weight: 500;
  font-size: 24px;
  line-height: 25px;
  color: #797979;
}

.form__math input {
  display: block;
  width: 103px;
  height: 68px;
  margin: 0;
}

.form__checkboxs {
  display: flex;
  /*  justify-content: space-between; */
  align-items: center;
  width: 100%;
  min-height: 68px;
  padding: 24px 20px;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #797979;
  background-color: transparent;
  border-radius: none;
  border: 1px solid #eb2b39;
  gap: 10px;
  flex-wrap: wrap;
}
.form__checkboxs > * {
  flex: 0 0 calc(20% - 10px);
}
.form__checkboxs label {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  width: max-content;
  line-height: 20px;
  color: #797979;
}

.form__checkboxs label span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.625 2.625H3.375C2.96016 2.625 2.625 2.96016 2.625 3.375V20.625C2.625 21.0398 2.96016 21.375 3.375 21.375H20.625C21.0398 21.375 21.375 21.0398 21.375 20.625V3.375C21.375 2.96016 21.0398 2.625 20.625 2.625ZM19.6875 19.6875H4.3125V4.3125H19.6875V19.6875Z' fill='%23EB2B39'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.form__checkboxs label input[type="checkbox"]:checked + span {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1511 15.4148C10.2201 15.5111 10.311 15.5896 10.4164 15.6437C10.5217 15.6978 10.6385 15.7261 10.7569 15.7261C10.8754 15.7261 10.9921 15.6978 11.0975 15.6437C11.2029 15.5896 11.2938 15.5111 11.3628 15.4148L16.2987 8.57109C16.3878 8.44688 16.2987 8.27344 16.1464 8.27344H15.0472C14.8081 8.27344 14.5807 8.38828 14.4401 8.58516L10.7581 13.6945L9.08935 11.3789C8.94873 11.1844 8.72373 11.0672 8.48232 11.0672H7.38311C7.23077 11.0672 7.1417 11.2406 7.23077 11.3648L10.1511 15.4148V15.4148Z' fill='%23EB2B39'/%3E%3Cpath d='M20.625 2.625H3.375C2.96016 2.625 2.625 2.96016 2.625 3.375V20.625C2.625 21.0398 2.96016 21.375 3.375 21.375H20.625C21.0398 21.375 21.375 21.0398 21.375 20.625V3.375C21.375 2.96016 21.0398 2.625 20.625 2.625ZM19.6875 19.6875H4.3125V4.3125H19.6875V19.6875Z' fill='%23EB2B39'/%3E%3C/svg%3E%0A");
}

.form__file {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 68px;
  padding: 24px 20px;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #797979;
  background-color: transparent;
  border-radius: none;
  border: 1px solid #eb2b39;
  cursor: pointer;
}

.form__file input[type="file"] {
  display: inline;
  border: none;
  width: initial;
  height: initial;
  padding: 0;
  margin-bottom: 0;
  color: #797979;
  cursor: pointer;
}

.form__file input[type="file"]:focus {
  box-shadow: none;
}

.form__file input[type="file"]::-webkit-file-upload-button {
  width: 0;
  height: 0;
  opacity: 0;
}

.form__file input[type="file"]::file-selector-button {
  width: 0;
  height: 0;
  opacity: 0;
}

.form__file span:first-of-type {
  pointer-events: none;
}

.form__file span:last-of-type {
  display: flex;
  width: max-content;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}

.form__file svg {
  margin-left: 10px;
}

.form__btn-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.modal__form-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 36px;
  height: 36px;
  border: 1px solid #eb2b39;
  background-color: transparent;
  padding: 0;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 19L1 17L8 10L1 3L3 1L10 8L17 1L19 3L12 10L19 17L17 19L10 12L3 19Z' stroke='%23EB2B39'/%3E%3C/svg%3E%0A");
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-color 0.25s ease;
}

.modal__form-close:hover {
  background-color: #fff;
}

.modal__form-close:active {
  background-color: #fff;
}

@media (max-width: 1200px) {
  .modal__form {
    padding: 50rem 0;
    min-height: 100vh;
  }
  .modal__form .form__container {
    width: 602rem;
  }
  .form {
    padding-top: 54rem;
    padding-bottom: 105rem;
  }
  .form__container {
    width: 708rem;
  }
  .form__form {
    width: 100%;
    padding: 30rem 30rem 60rem 30rem;
  }
  .form__form > div {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 30rem;
  }
  .form__form h2 {
    margin-bottom: 30rem;
    width: 100%;
    font-size: 50rem;
    line-height: 55rem;
  }
  .form__form input {
    width: 100%;
    height: 68rem;
    padding: 24rem 20rem;
    margin-bottom: 30rem;
    font-size: 12rem;
    line-height: 20rem;
  }
  .form__form input:focus {
    box-shadow: 0 0 15rem 0 #eb2b39;
  }
  .form__form input.form__input-wide {
    width: 100%;
  }
  .form__form textarea {
    width: 100%;
    height: 155rem;
    padding: 24rem 20rem;
    margin-bottom: 30rem;
    font-size: 12rem;
    line-height: 20rem;
  }
  .form__form textarea:focus {
    box-shadow: 0 0 15rem 0 #eb2b39;
  }
  .form__form p {
    margin: 0 auto;
    margin-bottom: 30rem;
    width: 665rem;
    font-size: 14rem;
    line-height: 20rem;
  }
  .form__form button[type="submit"] {
    width: 370rem;
    padding: 25rem 30rem;
    font-size: 14rem;
    line-height: 19rem;
    align-self: center;
  }
  .form__math {
    margin-right: 30rem;
  }
  .form__math span {
    margin-right: 50rem;
    font-size: 24rem;
    line-height: 25rem;
  }
  .form__math input {
    width: 103rem;
    height: 68rem;
    margin-bottom: 0;
  }
  .form__checkboxs {
    width: 100%;
    min-height: 68rem;
    padding: 24rem 20rem;
    margin-bottom: 30rem;
    font-size: 12rem;
    line-height: 20rem;
  }
  .form__checkboxs label {
    line-height: 20rem;
  }
  .form__checkboxs label span {
    width: 24rem;
    height: 24rem;
    margin-right: 10rem;
  }
  .form__file {
    width: 100%;
    min-height: 68rem;
    padding: 24rem 20rem;
    margin-bottom: 30rem;
    font-size: 12rem;
    line-height: 20rem;
  }
  .form__file input[type="file"] {
    padding: 0;
    margin-bottom: 0;
  }
  .form__file svg {
    margin-left: 10rem;
  }
  .form__btn-wrapper {
    width: 100%;
    margin-bottom: 30rem;
  }
}

@media (max-width: 767px) {
  main {
    display: block;
    overflow-x: hidden;
    max-width: 767px;
  }
  .modal__form {
    padding: 15rem 0;
    min-height: 100vh;
  }
  .form {
    padding-top: 54rem;
    padding-bottom: 105rem;
  }
  .form__container {
    width: 330rem;
  }
  .form__form {
    width: 100%;
    padding: 15rem 15rem 30rem 15rem;
  }
  .form__form > div {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 15rem;
  }
  .form__form h2 {
    margin-bottom: 15rem;
    width: 100%;
    font-size: 30rem;
    line-height: 40rem;
  }
  .form__form input {
    width: 100%;
    height: 68rem;
    padding: 20rem;
    margin-bottom: 15rem;
    font-size: 14rem;
    line-height: 20rem;
  }
  .form__form input:focus {
    box-shadow: 0 0 15rem 0 #eb2b39;
  }
  .form__form textarea {
    width: 100%;
    height: 155rem;
    padding: 20rem;
    margin-bottom: 15rem;
    font-size: 14rem;
    line-height: 20rem;
  }
  .form__form p {
    margin: 0 auto;
    margin-bottom: 15rem;
    width: 100%;
    font-size: 14rem;
    line-height: 20rem;
  }
  .form__form button[type="submit"] {
    width: 300rem;
    padding: 25rem 30rem;
    font-size: 14rem;
    line-height: 19rem;
    align-self: center;
  }
  .form__math {
    margin-right: 0;
  }
  .form__math span {
    margin-right: 15rem;
    font-size: 20rem;
    line-height: 24rem;
  }
  .form__math input {
    width: 50rem;
    height: 68rem;
    margin-bottom: 0;
  }
  .form__checkboxs {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    min-height: 68rem;
    padding: 24rem 20rem;
    margin-bottom: 30rem;
    font-size: 14rem;
    line-height: 20rem;
  }
  .form__checkboxs label {
    line-height: 20rem;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .form__checkboxs label span {
    width: 24rem;
    height: 24rem;
    margin-right: 10rem;
  }
  .form__file {
    width: 100%;
    min-height: 68rem;
    padding: 24rem 20rem;
    margin-bottom: 15rem;
    font-size: 14rem;
    line-height: 20rem;
  }
  .form__file span span {
    display: none !important;
  }
  .form__file input[type="file"] {
    padding: 0;
    margin-bottom: 0;
  }
  .form__file svg {
    margin-left: 10rem;
  }
  .form__btn-wrapper {
    width: 100%;
    margin-bottom: 30rem;
    flex-direction: column;
  }
  .form__btn-wrapper button {
    margin-top: 15rem;
  }
}

.services {
  position: relative;
  padding: 30px 16px;
  background-color: #000;
}

.services--active .services__item:nth-child(n + 6) {
  display: block;
}

.services--active .services__more {
  display: none;
}

.services__decor-title {
  display: none;
}

.services__title {
  margin: 0;
  margin-bottom: 40;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  line-height: 55px;
  text-align: center;
  color: #ffffff;
  opacity: 0.4;
}

.services__desc {
  margin-bottom: 34px;
  font-size: 16px;
  line-height: 25px;
  color: #ffffff;
}

.services__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 40px;
}

.services__item:nth-child(n + 6) {
  display: none;
}

.services__item:not(:last-child) {
  margin-bottom: 16px;
}

.services__more {
  display: block;
  margin: 0 auto;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  font-family: "Roadradio";
  color: #ffffff;
  background: transparent;
  border: none;
  transition: all 0.3s;
  appearance: none;
}

.services__more::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  margin-bottom: 16px;
  background-image: url("../autoclub/img/refresh.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(0);
  transition: all 0.3s;
}

.services__more:hover {
  color: #eb2b39;
}

.services__more:hover::before {
  background-image: url("../autoclub/img/refresh@hover.svg");
  transform: rotate(360deg);
}

@media (min-width: 1200px) {
  .services {
    padding-right: calc(50% - 585px);
    padding-left: calc(50% - 585px);
    margin: 0 auto;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .services__decor-title {
    display: block;
    position: absolute;
    margin: 0;
    font-family: "RoadRadio";
    font-style: normal;
    font-weight: 400;
    font-size: 256px;
    line-height: 60%;
    text-transform: uppercase;
    color: #ffffff;
    opacity: 0.02;
    transform: rotate(-90deg);
    top: 385px;
    left: calc(50% - 1004px);
  }
  .services__title {
    position: relative;
    margin-bottom: 20px;
  }
  .services__list {
    position: relative;
    z-index: 30;
    margin-bottom: 50px;
  }
  .services__item:not(:last-child) {
    margin-bottom: 30px;
  }
  .services__desc {
    position: relative;
    margin-bottom: 60px;
    font-size: 18px;
    line-height: 25px;
  }
}

.accordion--active .accordion__control {
  background-image: url("../autoclub/img/minus.svg");
}

.accordion--active .accordion__content {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.acc_row {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid;
  padding-bottom: 5px;
  font-weight: 100;
  align-items: center;
}
.acc_row.header_block {
  font-weight: 900;
  border-bottom: 2px solid;
  padding-bottom: 10px;
}

.acc_column {
  flex: 1 1 calc(8.5% - 5px);
  padding: 2px;
}
.acc_column:not(:first-child) {
  text-align: center;
}

.acc_column:first-child {
  flex: 1 1 calc(20% - 5px);
  padding: 2px;
}
.accordion__top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 16px;
  background-image: url("../autoclub/img/accordion-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}

.accordion__top::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    0deg,
    rgba(9, 18, 29, 0.72),
    rgba(9, 18, 29, 0.72)
  );
  opacity: 1;
  transition: all 0.3s;
}

.accordion__top:hover::before {
  opacity: 0.4;
}

.accordion__top::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    90.03deg,
    #141b27 2.49%,
    rgba(20, 27, 39, 0) 99.98%
  );
}

.accordion__name {
  position: relative;
  z-index: 10;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 24px;
  font-family: "Roadradio";
  color: #ffffff;
}

.accordion__price {
  position: relative;
  z-index: 10;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

.accordion__control {
  position: static;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  background-color: #d94023;
  background-image: url("../autoclub/img/plus.svg");
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  border-radius: 50%;
  transform: rotate(0);
  transition: transform 1s;
}

.accordion__control:hover {
  transform: rotate(360deg);
}

.accordion__control::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.accordion__content {
  display: none;
  padding: 30px 16px;
}

.accordion__content .button {
  margin-top: 35px;
  padding: 0 30px;
}

.accordion__content ul {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  list-style: none;
  padding-left: 0;
}

.accordion__content ul li {
  display: flex;
  align-items: center;
}

.accordion__content ul li::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  width: 6px;
  min-width: 6px;
  height: 6px;
  margin-right: 12px;
  background-color: #d94023;
  border-radius: 50%;
}

.accordion__content ul li:not(:last-child) {
  margin-bottom: 16px;
}

@media (min-width: 1200px) {
  .accordion__top {
    padding: 14px 30px;
  }
  .accordion__header {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    margin-right: 88px;
  }
  .accordion__price {
    font-size: 24px;
    line-height: 24px;
  }
  .accordion__name {
    margin: 0;
  }
}

/*! Storage */

.storage {
  padding-top: 412px;
  padding-bottom: 95px;
  position: relative;
  min-height: 608px;
  background: linear-gradient(180deg, #000000 0%, #000 60%, #08101a 100%);
}

.storage__image-wrapper {
  z-index: 1;
  position: absolute;
  top: 39px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  width: max-content;
}

.storage__pic {
  flex-shrink: 0;
  display: block;
  width: 500px;
  height: 333px;
}

.storage__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.storage__title {
  margin: 0;
  z-index: 2;
  position: absolute;
  top: 220px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  font-family: "RoadRadio";
  font-style: normal;
  font-weight: 400;
  font-size: 208px;
  line-height: 60%;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.02;
}

.storage__text-wrapper {
  width: 1170px;
  margin: 0 auto;
}

.storage__text-wrapper p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #bcbcbc;
}

.storage__text-wrapper p:first-of-type {
  margin-bottom: 25px;
}

@media (max-width: 1200px) {
  .storage {
    padding-top: 412rem;
    padding-bottom: 95rem;
    min-height: 608rem;
  }
  .storage__image-wrapper {
    top: 39rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .storage__pic {
    width: 500rem;
    height: 333rem;
  }
  .storage__title {
    top: 300rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 72rem;
  }
  .storage__text-wrapper {
    width: 708rem;
  }
  .storage__text-wrapper p {
    font-size: 16rem;
    line-height: 20rem;
  }
  .storage__text-wrapper p:first-of-type {
    margin-bottom: 20rem;
  }
}

@media (max-width: 767px) {
  .storage {
    padding-top: 200rem;
    padding-bottom: 95rem;
    min-height: 400rem;
  }
  .storage__image-wrapper {
    top: 39rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .storage__pic {
    width: 250rem;
    height: 150rem;
  }
  .storage__title {
    top: 200rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 40rem;
  }
  .storage__text-wrapper {
    width: 330rem;
  }
  .storage__text-wrapper p {
    font-size: 16rem;
    line-height: 20rem;
  }
  .storage__text-wrapper p:first-of-type {
    margin-bottom: 20rem;
  }
}

/*! Other */

.other {
  position: relative;
  padding-top: 40px;
  padding-bottom: 160px;
  background: #08101a;
}

.other--black {
  background: #000;
}

.other__title {
  margin: 0;
  margin-bottom: 40px;
  font-family: "RoadRadio";
  font-style: normal;
  font-weight: 400;
  font-size: 144px;
  line-height: 125%;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.4;
}

.other__container {
  position: relative;
  padding: 0;
  width: 1170px;
  margin: 0 auto;
  overflow: hidden;
}

.other__list {
  padding: 0;
  margin: 0;
  display: flex;
  width: max-content;
  transition: all 0.75s ease;
}

.other__item {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  list-style-type: none;
  width: 570px;
  height: 260px;
  padding: 20px;
  margin-right: 30px;
}

.other__item::before {
  z-index: 2;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #08101a;
  opacity: 0.8;
  pointer-events: none;
  transition: 0.25s ease;
}

.other__item:hover::before {
  opacity: 0.5;
}

.other__item::after {
  z-index: 2;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("../autoclub/img/border-gal.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  animation: rew-oth-out 0.5s ease both;
}

.other__item:hover::after {
  transform: scaleX(-1);
  animation: rew-oth-in 0.5s ease both;
}

.other__item a {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.other__item h3 {
  z-index: 3;
  position: relative;
  margin: 0;
  margin-bottom: 10px;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  line-height: 55px;
  color: #ffffff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.other__item p {
  z-index: 3;
  position: relative;
  margin: 0;
  margin-bottom: auto;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.other__item span {
  z-index: 3;
  position: relative;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  text-transform: capitalize;
  color: #ffffff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.other__pic {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.other__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.other__buttons {
  position: absolute;
  bottom: 83px;
  left: 50%;
  transform: translateX(-50%);
}

.other__dot {
  display: flex;
  height: 36px;
  width: 30px;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.other__dot::before {
  width: 10px;
  height: 10px;
  display: block;
  content: "";
  background-color: #c4c4c4;
}

.other__dot.active::before {
  background-color: #eb2b39;
}

.other__next,
.other__prev {
  width: 36px;
  height: 39px;
  border: none;
  background-color: #08101a;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='36' height='39' viewBox='0 0 36 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_632_1541)'%3E%3Cpath d='M19.1249 30.3749C18.8372 30.3749 18.5492 30.265 18.3296 30.0453L7.07957 18.7953C6.63998 18.3557 6.63998 17.6439 7.07957 17.2046L18.3296 5.95457C18.7692 5.51498 19.481 5.51498 19.9203 5.95457C20.3596 6.39417 20.3599 7.10601 19.9203 7.54532L9.4657 17.9999L19.9203 28.4546C20.3599 28.8942 20.3599 29.606 19.9203 30.0453C19.7007 30.265 19.4127 30.3749 19.1249 30.3749ZM28.9203 30.0453C29.3599 29.6057 29.3599 28.8939 28.9203 28.4546L18.4657 17.9999L28.9203 7.54532C29.3599 7.10573 29.3599 6.39389 28.9203 5.95457C28.4807 5.51526 27.7689 5.51498 27.3296 5.95457L16.0796 17.2046C15.64 17.6442 15.64 18.356 16.0796 18.7953L27.3296 30.0453C27.5492 30.265 27.8372 30.3749 28.1249 30.3749C28.4127 30.3749 28.7007 30.265 28.9203 30.0453Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_632_1541' x='-4' y='0' width='44' height='44' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_632_1541'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_632_1541' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  transition: opacity 0.25s ease;
}

.other__prev:disabled {
  opacity: 0.5;
}

.other__next {
  transform: scaleX(-1);
}

.other__next:disabled {
  opacity: 0.5;
}

@media (max-width: 1200px) {
  .other {
    padding-top: 40rem;
    padding-bottom: 160rem;
  }
  .other__title {
    margin-bottom: 40rem;
    font-size: 72rem;
    line-height: 125%;
  }
  .other__container {
    width: 598rem;
  }
  .other__item {
    width: 598rem;
    height: 260rem;
    padding: 20rem;
    margin-right: 30rem;
  }
  .other__item h3 {
    margin-bottom: 10rem;
    font-size: 30rem;
    line-height: 40rem;
  }
  .other__item p {
    margin-bottom: auto;
    font-size: 16rem;
    line-height: 20rem;
  }
  .other__item span {
    font-size: 20rem;
    line-height: 20rem;
  }
  .other__buttons {
    bottom: 83rem;
  }
  .other__dot {
    height: 36rem;
    width: 30rem;
  }
  .other__dot::before {
    width: 10rem;
    height: 10rem;
  }
  .other__next,
  .other__prev {
    width: 36rem;
    height: 39rem;
  }
}

@media (max-width: 767px) {
  .other {
    padding-top: 40rem;
    padding-bottom: 160rem;
  }
  .other__title {
    margin-bottom: 40rem;
    font-size: 40rem;
    line-height: 125%;
  }
  .other__container {
    width: 330rem;
  }
  .other__item {
    width: 330rem;
    height: auto;
    min-height: 300rem;
    padding: 20rem;
    margin-right: 30rem;
  }
  .other__item h3 {
    margin-bottom: 10rem;
    font-size: 30rem;
    line-height: 40rem;
  }
  .other__item p {
    margin-bottom: auto;
    font-size: 16rem;
    line-height: 20rem;
  }
  .other__item span {
    font-size: 20rem;
    line-height: 20rem;
  }
  .other__buttons {
    bottom: 83rem;
  }
  .other__dot {
    height: 36rem;
    width: 30rem;
  }
  .other__dot::before {
    width: 10rem;
    height: 10rem;
  }
  .other__next,
  .other__prev {
    width: 36rem;
    height: 39rem;
  }
}

/*! Brand */

.brand-sect {
  display: flex;
}

.brand {
  flex-shrink: 0;
  background-color: #fff;
  display: flex;
  width: max-content;
  justify-content: space-between;
  animation: brand-str 10s linear infinite;
}

.brand__pic {
  margin: 0 85px;
  flex-shrink: 0;
  display: block;
  width: 231px;
  height: 101px;
}

.brand__pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 1200px) {
  .brand {
    padding: 0 30rem;
  }
  .brand__pic {
    margin: 0 85rem;
    width: 115rem;
    height: 50rem;
  }
}

@media (max-width: 767px) {
  .brand {
    padding: 0 15rem;
  }
  .brand__pic {
    margin: 0 40rem;
    width: 115rem;
    height: 50rem;
  }
}

@keyframes brand-str {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/*! Cards */

.cards {
  padding-top: 60px;
  padding-bottom: 67px;
  background-color: #000;
}

.cards__container {
  width: 1170px;
  margin: 0 auto;
}

.cards__title {
  margin: 0;
  margin-bottom: 72px;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 400;
  font-size: 144px;
  line-height: 125%;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.4;
}

.cards__title--sm {
  font-size: 45px;
  line-height: 55px;
  margin-bottom: 40px;
}

.cards__list {
  display: grid;
  grid-template-columns: repeat(3, 367px);
  column-gap: 30px;
  row-gap: 60px;
}

.cards__item {
  display: flex;
  flex-direction: column;
  padding: 24px;
  min-height: 692px;
  background: #141b27;
}

.cards__item:nth-of-type(odd) {
  background: #000;
}

.cards__item h3 {
  padding-top: 22px;
  margin: 0;
  margin-bottom: 40px;
  min-height: 78px;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
  color: #ffffff;
}

.cards__item h3::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 84px;
  height: 2px;
  background-color: #eb2b39;
  content: "";
}

.cards__item p {
  margin: 0;
  margin-bottom: 25px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
}

.cards__item p:last-of-type {
  margin-bottom: auto;
}

.cards__item a {
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #eb2b39;
  transition: 0.25s;
}

.cards__item a:hover {
  color: #fff;
}

.cards__pic {
  position: relative;
  display: block;
  width: 319px;
  height: 171px;
  margin-bottom: 40px;
}

.cards__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cards__pic::before {
  z-index: 2;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='319' height='171' viewBox='0 0 319 171' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='318' height='170' stroke='url(%23paint0_linear_961_2262)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_961_2262' x1='5.31667' y1='4.93269' x2='181.721' y2='142.508' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EB2B39'/%3E%3Cstop offset='1' stop-color='%23EB2B39' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
}

@media (max-width: 1200px) {
  .cards {
    padding-top: 60rem;
    padding-bottom: 67rem;
  }
  .cards__container {
    width: 708rem;
  }
  .cards__title {
    margin-bottom: 30rem;
    font-size: 72rem;
    line-height: 125%;
  }
  .cards__title--sm {
    font-size: 45rem;
    line-height: 55rem;
    margin-bottom: 40rem;
  }
  .cards__list {
    padding: 0;
    grid-template-columns: repeat(2, 339rem);
    column-gap: 30rem;
    row-gap: 30rem;
  }
  .cards__item {
    padding: 24rem;
    min-height: 492rem;
  }
  .cards__item h3 {
    padding-top: 22rem;
    margin-bottom: 40rem;
    min-height: 78rem;
    font-size: 24rem;
    line-height: 28rem;
  }
  .cards__item h3::before {
    width: 84rem;
    height: 2rem;
  }
  .cards__item:nth-of-type(odd) {
    background: #141b27;
  }
  .cards__item p {
    margin-bottom: 25rem;
    font-size: 16rem;
    line-height: 20rem;
  }
  .cards__item p:last-of-type {
    margin-bottom: auto;
    padding-bottom: 25rem;
  }
  .cards__item a {
    font-size: 16rem;
    line-height: 20rem;
  }
  .cards__pic {
    width: 292rem;
    height: 156rem;
    margin-bottom: 30rem;
  }
}

@media (max-width: 767px) {
  .cards {
    padding-top: 60rem;
    padding-bottom: 67rem;
  }
  .cards__container {
    width: 330rem;
  }
  .cards__title {
    margin-bottom: 30rem;
    font-size: 40rem;
    line-height: 125%;
  }
  .cards__title--sm {
    font-size: 30rem;
    line-height: 40rem;
    margin-bottom: 25rem;
  }
  .cards__list {
    padding: 0;
    grid-template-columns: 330rem;
    column-gap: 30rem;
    row-gap: 15rem;
  }
  .cards__item {
    padding: 15rem;
    min-height: 492rem;
  }
  .cards__item h3 {
    padding-top: 22rem;
    margin-bottom: 15rem;
    min-height: 78rem;
    font-size: 24rem;
    line-height: 28rem;
  }
  .cards__item h3::before {
    width: 84rem;
    height: 2rem;
  }
  .cards__item:nth-of-type(odd) {
    background: #141b27;
  }
  .cards__item p {
    margin-bottom: 25rem;
    font-size: 16rem;
    line-height: 20rem;
  }
  .cards__item p:last-of-type {
    margin-bottom: auto;
    padding-bottom: 25rem;
  }
  .cards__item a {
    font-size: 16rem;
    line-height: 20rem;
  }
  .cards__pic {
    width: 300rem;
    height: 160rem;
    margin-bottom: 30rem;
  }
}

/*! Rating */

.rating {
  padding-top: 40px;
  padding-bottom: 72px;
  background-color: #000;
}

.rating__container {
  width: 1170px;
  margin: 0 auto;
}

.rating__title {
  margin: 0;
  margin-bottom: 40px;
  font-family: "Roadradio";
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  line-height: 55px;
  text-align: center;
  color: #ffffff;
  opacity: 0.4;
}

.rating__table {
  width: 100%;
  border-collapse: collapse;
}

.rating__table th {
  padding: 24px;
  background: #08101a;
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  text-align: left;
  color: #ffffff;
}

.rating__table td {
  padding: 30px 24px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #ffffff;
  text-align: left;
}

.rating__table td:first-of-type {
  width: 360px;
}

.rating__star {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 4px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='%23C4C4C4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0L9.18386 5.18237H14.6329L10.2245 8.38525L11.9084 13.5676L7.5 10.3647L3.09161 13.5676L4.77547 8.38525L0.367076 5.18237H5.81614L7.5 0Z' /%3E%3C/svg%3E%0A");
}

.rating__star.colored {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='%23EB2B39' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0L9.18386 5.18237H14.6329L10.2245 8.38525L11.9084 13.5676L7.5 10.3647L3.09161 13.5676L4.77547 8.38525L0.367076 5.18237H5.81614L7.5 0Z' /%3E%3C/svg%3E%0A");
}

@media (max-width: 1200px) {
  .rating {
    padding-top: 40rem;
    padding-bottom: 72rem;
  }
  .rating__container {
    width: 708rem;
  }
  .rating__title {
    margin-bottom: 40rem;
    font-size: 45rem;
    line-height: 55rem;
  }
  .rating__table-wrapper {
    width: 708rem;
    padding-bottom: 30rem;
    overflow-x: scroll;
    scrollbar-color: #eb2b39 #c4c4c4;
    scrollbar-width: auto;
  }
  .rating__table-wrapper::-webkit-scrollbar {
    height: 8rem;
    background-color: #c4c4c4;
  }
  .rating__table-wrapper::-webkit-scrollbar-thumb {
    background-color: #eb2b39;
  }
  .rating__table {
    width: max-content;
  }
  .rating__table th {
    padding: 24rem;
    font-size: 20rem;
    line-height: 25rem;
  }
  .rating__table td {
    padding: 30rem 24rem;
    font-size: 14rem;
    line-height: 19rem;
  }
  .rating__table td:first-of-type {
    width: 300rem;
  }
  .rating__star {
    width: 15rem;
    height: 15rem;
    margin-right: 4rem;
  }
}

@media (max-width: 767px) {
  .rating {
    padding-top: 40rem;
    padding-bottom: 72rem;
  }
  .rating__container {
    width: 330rem;
  }
  .rating__title {
    margin-bottom: 40rem;
    font-size: 30rem;
    line-height: 40rem;
  }
  .rating__table-wrapper {
    width: 330rem;
    padding-bottom: 30rem;
    overflow-x: scroll;
    scrollbar-color: #eb2b39 #c4c4c4;
    scrollbar-width: auto;
  }
  .rating__table-wrapper::-webkit-scrollbar {
    height: 4rem;
    background-color: #c4c4c4;
  }
  .rating__table-wrapper::-webkit-scrollbar-thumb {
    background-color: #eb2b39;
  }
  .rating__table {
    width: max-content;
  }
  .rating__table th {
    padding: 24rem;
    font-size: 20rem;
    line-height: 25rem;
  }
  .rating__table td {
    padding: 20rem 15rem;
    font-size: 16rem;
    line-height: 20rem;
  }
  .rating__table td:first-of-type {
    width: auto;
  }
  .rating__star {
    width: 15rem;
    height: 15rem;
    margin-right: 4rem;
  }
}

.quiz {
  padding: 0 16px 30px 16px;
  background-color: #000;
}

.quiz__inner {
  padding: 40px 16px;
  background: #08101a;
}

.quiz__title {
  margin: 0;
  margin-bottom: 40px;
  font-family: "RoadRadio";
  font-style: normal;
  font-weight: 400;
  font-size: 30rem;
  line-height: 35rem;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
}

.quiz__desc {
  margin-bottom: 38px;
  font-size: 16px;
  line-height: 25px;
}

.quiz__manager {
  display: none;
}

.quiz__button {
  width: 100%;
  opacity: 1;
  transition: opacity 0.25s ease;
}

.quiz__button:last-child {
  margin-top: 8px;
}

.quiz__button:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.quiz__counter {
  margin-bottom: 53px;
}

.quiz__controls {
  margin-top: 32px;
}

.quiz__scale {
  margin-bottom: 53px;
}

.quiz__block {
  display: none;
  grid-gap: 12px;
}

.quiz__block.active {
  display: grid;
}

.quiz__form {
  display: none;
}

.quiz__form.active {
  display: block;
}

.quiz__subtitle {
  color: #fff;
  margin-bottom: 20px;
}

.quiz__input {
  margin-bottom: 12px;
}

.quiz__submit {
  width: 100%;
}

.quiz__q {
  font-family: "Roadradio";
  font-size: 20px;
}

@media (min-width: 1200px) {
  .quiz {
    padding-top: 40px;
    padding-right: calc(50% - 585px);
    padding-left: calc(50% - 585px);
    position: relative;
    padding-bottom: 50px;
  }
  .quiz__q {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .quiz__inner {
    padding: 71px 76px 40px 48px;
  }
  .quiz__title {
    margin-bottom: 19px;
    font-size: 40px;
    line-height: 55px;
    text-align: left;
  }
  .quiz__desc {
    margin-bottom: 66px;
    padding-bottom: 56px;
    font-size: 16px;
    line-height: 25px;
    border-bottom: 1px solid #bdb9b9;
  }
  .quiz__scale {
    margin-bottom: 0;
  }
  .quiz__counter {
    width: 100px;
    min-width: 100px;
    margin-bottom: 0;
    white-space: nowrap;
  }
  .quiz__top {
    display: flex;
    align-items: center;
    margin-bottom: 65px;
  }
  .quiz__block {
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
  .quiz__controls {
    display: flex;
  }
  .quiz__button {
    width: auto;
    padding: 0 36px;
  }
  .quiz__button:first-child {
    margin-top: 0;
    margin-right: 20px;
  }
  .quiz__button:last-child {
    margin-top: 0;
  }
  .quiz__manager {
    display: block;
    width: 267px;
    margin-left: 76px;
    margin-top: 18px;
    padding: 45px 24px;
    background: #000000;
    box-shadow: 0px 0px 15px rgba(219, 225, 233, 0.5);
  }
  .quiz__content {
    flex-grow: 1;
  }
  .quiz__body {
    display: flex;
    align-items: flex-start;
  }
}

.input input {
  display: block;
  width: 100%;
  height: 64px;
  padding: 0 18px;
  font-size: 16px;
  line-height: 22px;
  color: #797979;
  background-color: transparent;
  border: 1px solid #eb2b39;
  border-radius: 0;
  appearance: none;
}

.input input::placeholder {
  opacity: 1;
}

.manager {
  padding: 45px 24px;
  box-shadow: 0 0 15px rgba(219, 225, 233, 0.5);
}

.manager__img {
  display: block;
  width: 85px;
  height: 85px;
  margin-bottom: 26px;
  border-radius: 50%;
  object-fit: cover;
}

.manager__name {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 20px;
  font-family: "Roadradio";
}

.manager__position {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  color: #bebdbd;
}

.manager__text {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}

.manager__phone {
  display: block;
  margin-bottom: 27px;
  font-weight: bold;
  font-size: 24px;
  line-height: 22px;
  transition: all 0.3s;
  color: #fff;
}

.manager__phone:hover {
  color: #eb2b39;
}

.manager__other {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}

.manager__other a {
  color: #3e77db;
  transition: all 0.3s;
}

.manager__other a:hover {
  color: #eb2b39;
}

.counter {
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
  color: #bebdbd;
  margin: 0;
  margin-bottom: 40px;
}

.radio__label {
  position: relative;
  display: flex;
  align-items: center;
  height: 90px;
  padding: 24px;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  border: 1px solid #e2e2e2;
  cursor: pointer;
}

.radio__label:hover,
.radio__label:focus {
  border-color: #999999;
}

.radio__label:hover::before,
.radio__label:focus::before {
  background-color: transparent;
  border: 1px solid #ebebeb;
}

.radio__label:hover::after,
.radio__label:focus::after {
  opacity: 0.5;
}

.radio__label::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  width: 26px;
  min-width: 26px;
  height: 26px;
  margin-right: 18px;
  background-color: #ebebeb;
  border: 1px solid transparent;
  border-radius: 50%;
  transition: all 0.3s;
}

.radio__label::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 36px;
  left: 30px;
  width: 15px;
  height: 15px;
  background-color: #eb2b39;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s;
}

.radio__input {
  position: absolute;
  left: -9999px;
}

.radio__input:checked + .radio__label {
  border-color: #999999;
}

.radio__input:checked + .radio__label::before {
  background-color: transparent;
  border: 1px solid #ebebeb;
}

.radio__input:checked + .radio__label::after {
  opacity: 1;
}

.scale {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: calc(100% + 32px);
  height: 8px;
  margin-right: -16px;
  margin-left: -16px;
  background-color: #ededed;
}

.scale__line {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  height: 8px;
  background-color: #eb2b39;
  transition: all 0.3s;
}
h1.non_m {
  margin: 0;
  text-align: center;
  padding: 1em;
}
.scale__img {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: -20px;
  z-index: 10;
  width: 95px;
  height: 38px;
  background-image: url("../autoclub/img/scale-img.png");
  background-size: contain;
  transition: all 0.3s;
  left: 120px;
  margin-left: -90px;
}

@media (min-width: 1200px) {
  .scale {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

/* Zoom */

.zoom-box {
  z-index: 5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  backdrop-filter: blur(3px);
  cursor: zoom-out;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.zoom-box.active {
  opacity: 1;
  pointer-events: all;
}

.zoom-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80vw;
  height: 45vw;
  background-color: rgba(0, 0, 0, 0.9);
  border: 1px solid #eb2b39;
}

.zoom-wrapper picture {
  width: 100%;
  height: 100%;
}

.zoom-wrapper picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.zoomd {
  cursor: zoom-in;
}

/*! -----Служебные классы----- */

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}