/* Fonts */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;

  font-display: swap;
  src:
    url("../fonts/manrope/regular/manrope-regular.woff2") format("woff2"),
    url("../fonts/manrope/regular/manrope-regular.woff") format("woff"),
    url("../fonts/manrope/regular/manrope-regular.ttf") format("ttf"),
    url("../fonts/manrope/regular/manrope-regular.eot") format("eot"),
    url("../fonts/manrope/regular/manrope-regular-1.eot")
      format("embedded-opentype"),
    url("../fonts/manrope/regular/manrope-regular.otf") format("otf"),
    url("../fonts/manrope/regular/manrope-regular.svg") format("svg");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;

  font-display: swap;
  src:
    url("../fonts/manrope/semi-bold/manrope-semi-bold.woff2") format("woff2"),
    url("../fonts/manrope/semi-bold/manrope-semi-bold.woff") format("woff"),
    url("../fonts/manrope/semi-bold/manrope-semi-bold.ttf") format("ttf"),
    url("../fonts/manrope/semi-bold/manrope-semi-bold.eot") format("eot"),
    url("../fonts/manrope/semi-bold/manrope-semi-bold-1.eot")
      format("embedded-opentype"),
    url("../fonts/manrope/semi-bold/manrope-semi-bold.otf") format("otf"),
    url("../fonts/manrope/semi-bold/manrope-semi-bold.svg") format("svg");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;

  font-display: swap;
  src:
    url("../fonts/manrope/bold/manrope-bold.woff2") format("woff2"),
    url("../fonts/manrope/bold/manrope-bold.woff") format("woff"),
    url("../fonts/manrope/bold/manrope-bold.ttf") format("ttf"),
    url("../fonts/manrope/bold/manrope-bold.eot") format("eot"),
    url("../fonts/manrope/bold/manrope-bold-1.eot") format("embedded-opentype"),
    url("../fonts/manrope/bold/manrope-bold.otf") format("otf"),
    url("../fonts/manrope/bold/manrope-bold.svg") format("svg");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 800;

  font-display: swap;
  src:
    url("../fonts/manrope/extra-bold/manrope-extra-bold.woff2") format("woff2"),
    url("../fonts/manrope/extra-bold/manrope-extra-bold.woff") format("woff"),
    url("../fonts/manrope/extra-bold/manrope-extra-bold.ttf") format("ttf"),
    url("../fonts/manrope/extra-bold/manrope-extra-bold.eot") format("eot"),
    url("../fonts/manrope/extra-bold/manrope-extra-bold-1.eot")
      format("embedded-opentype"),
    url("../fonts/manrope/extra-bold/manrope-extra-bold.otf") format("otf"),
    url("../fonts/manrope/extra-bold/manrope-extra-bold.svg") format("svg");
}

@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;

  font-display: swap;
  src:
    url("../fonts/raleway/bold/raleway-bold.woff2") format("woff2"),
    url("../fonts/raleway/bold/raleway-bold.woff") format("woff"),
    url("../fonts/raleway/bold/raleway-bold.ttf") format("ttf"),
    url("../fonts/raleway/bold/raleway-bold.eot") format("eot"),
    url("../fonts/raleway/bold/raleway-bold-1.eot") format("embedded-opentype"),
    url("../fonts/raleway/bold/raleway-bold.otf") format("otf"),
    url("../fonts/raleway/bold/raleway-bold.svg") format("svg");
}

/* Variables */
:root {
  --ff-manrope: "Manrope", "Arial", sans-serif;
  --ff-raleway: "Raleway", "Arial", sans-serif;

  --color-default-black: #000000;
  --color-default-white: #ffffff;
  --color-black-pearl: #202223;
  --color-nero: #222222;
  --color-white-smoke: #f0f0f0;
  --color-white-smoke-2: #f3f3f3;
  --color-fruit-salad: #4daa3e;
  --color-apple: #56bc46;
  --color-suva-grey: #8e8e8e;
  --color-spring-rain: #9ac793;
  --color-snow: #f9f9f9;
  --color-whisper: #ededed;
  --color-fiord: #475a68;
  --color-spindle: #b8d0e0;
  --color-mantle: #8dab88;
  --color-emerald: #48cf65;
  --color-turbo: #ffcc15;
  --color-gainsboro: #d9d9d9;
  --color-panache: #ecefeb;
  --color-aqua-spring: #e6f4e4;
  --color-japanese-laurel: #2f8441;
  --color-fire-brick: #c11616;
  --color-zambezi: #5f5f5f;

  --easy: all 0.2s ease-in-out;
}

/* Reboot */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

html {
  font-family: var(--ff-manrope);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  color: var(--color-black-pearl);
}

body {
  width: 100%;
  height: 100%;
  background-color: var(--color-default-white);
}

h2,
.h2 {
  margin: 0;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  text-align: left !important;
}

p {
  margin: 0;
}

a {
  color: var(--color-black-pearl);
  text-decoration: none;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

input {
  padding: 14px;
  width: 100%;
  border-radius: 5px;
  outline: none;
  font-family: var(--ff-manrope);
  font-weight: 600;
  font-size: 15px;
  color: var(--color-black-pearl);
}

input::-moz-placeholder {
  color: var(--color-suva-grey);
}

input::-webkit-input-placeholder {
  color: var(--color-suva-grey);
}

input.required_error {
  border: 1px solid var(--color-fire-brick) !important;
}

select,
textarea {
  padding: 16px 42px 16px 16px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid var(--color-default-white);
  outline: none;
  background-color: var(--color-default-white);
  font-family: var(--ff-manrope);
  font-weight: 700;
  font-size: 15px;
  color: var(--color-black-pearl);

  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

  cursor: pointer;
}

textarea {
  resize: none;
  cursor: text;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

address {
  font-style: normal;
}

/* Utils */
.wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}

.wrapper .header,
.wrapper .footer {
  flex-shrink: 0;
}

.wrapper main {
  flex-grow: 1;
}

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

.only-mob {
  display: none;
}

.screen-lock {
  position: relative;
  overflow: hidden;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.easy {
  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

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

.flex-sb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.grid-2col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.grid-4col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  align-items: start;
}

.grid-40 {
  display: grid;
  gap: 40px;
}

.grid-30 {
  display: grid;
  gap: 30px;
}

.mb-60 {
  margin: 0 0 60px;
}

.form-primary input {
  border: 1px solid var(--color-whisper);
  background-color: var(--color-white-smoke);
}

.form-secondary input,
.offer__form input {
  border: 1px solid var(--color-default-white);
  background-color: var(--color-default-white);
}

.select-wrapper {
  position: relative;
}

.select-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: var(--color-white-smoke);
  background-image: url("../img/svg/arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
}

/* Container */
.container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 100px;
}

/* Button */
.button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  border-radius: 5px;
  border: none;
  font-family: var(--ff-manrope);
  font-weight: 800;
  font-size: 15px;
  cursor: pointer;

  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

.button-primary {
  background-color: var(--color-fruit-salad);
  color: var(--color-default-white);
  text-transform: uppercase;
}

.button-show-more {
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 16px 24px;
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
}

.button-show-more span {
  color: var(--color-black-pearl);
}

.button-show-more span:first-child {
  display: block;
  margin: 0 7px 0 0;
  font-weight: 600;
  font-size: 15px;

  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

.button-show-more.is-open .spin {
  transform: rotate(180deg);
}

/* Header */
.header {
  top: -100px;
  transition: all 0.5s ease;
  background-color: var(--color-default-white);
}

.header.header-fixed {
  position: fixed;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 100;
  transform: translateY(100px);
}

.header.header-fixed::after {
  content: none;
}

.header__top {
  background-color: var(--color-nero);
  color: var(--color-default-white);
}

.header__top-wrapper {
  padding: 12px 0;
}

.header__top-wrapper a {
  color: var(--color-default-white);

  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

.header__top-wrapper span {
  font-weight: 600;
  font-size: 13px;
}

.header__top-left svg {
  margin: 0 10px 0 0;
}

.header__top-right a:not(.header__tg) {
  margin: 0 22px 0 0;
}

.header__top-right svg {
  margin: 0 10px 0 0;
  color: var(--color-zambezi);
}

.header__top-right .header__phone {
  font-weight: 800;
  font-size: 15px;
}

.header__bottom {
  background-color: var(--color-default-white);
}

.header__bottom-wrapper {
  padding: 18px 0;
}

.header__menu {
  list-style-type: none;
}

.header__menu li {
  position: relative;
  font-weight: 700;
  font-size: 15px;
}

.header__menu li::after {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 11;
}

.header__menu li:not(:last-child) {
  margin: 0 20px 0 0;
}

.header__menu li.is-open .spin {
  transform: rotate(180deg);
}

.header__menu span {
  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

.header__menu .spin {
  margin: 0 0 0 10px;
}

.spin {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: var(--color-white-smoke);

  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

.header__bottom-wrapper .button {
  min-width: 192px;
  text-transform: none;
}

/* Sub-menu */
.sub-menu {
  position: absolute;
  top: 60px;
  left: -25px;
  display: grid;
  grid-template-columns: 1fr;
  width: auto;
  height: auto;
  max-height: 0;
  list-style-type: none;
  border-radius: 12px;
  background: var(--color-default-white);
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  z-index: 10;
  overflow: hidden;

  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

.sub-menu-auto {
  grid-template-columns: repeat(4, 160px);
  gap: 40px 45px;
  padding: 0 25px;
}

.header__menu li.is-open .sub-menu {
  max-height: 430px;
}

.header__menu li.is-open .sub-menu-auto {
  padding: 28px 25px;
}

.header__menu li.is-open .sub-menu-services {
  padding: 15px 0;
}

.sub-menu .sub-menu__item {
  margin: 0 !important;
}

.header__menu .sub-menu__item::after {
  content: none;
}

.sub-menu-auto .sub-menu__item {
  padding: 10px 0;
}

.sub-menu-auto .sub-menu__item a {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  width: 100%;
  height: 100%;
}

.sub-menu-auto .sub-menu__item img {
  margin: 0 auto;
  width: 84px !important;
  height: 40px !important;
  object-fit: cover;
}

.sub-menu-auto .sub-menu__item span {
  font-weight: 600;
  text-align: center;
}

.sub-menu-services .sub-menu__item a {
  display: block;
  padding: 10px 25px;
  white-space: nowrap;
}

/* Breadcrumbs */
.breadcrumbs {
  position: relative;
}

.breadcrumbs::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 82px;
  background-color: var(--color-snow);
  z-index: -1;
}

.breadcrumbs__wrapper {
  padding: 30px 0 0;
}

.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}

.breadcrumbs__list li {
  line-height: 22px;
  color: var(--color-suva-grey);
}

.breadcrumbs__list li:not(:last-child) {
  margin: 0 10px 0 0;
}

/* Intro */
.intro {
  position: relative;
}

.intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-snow);
  z-index: -2;
}

.intro::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 160px;
  background-color: var(--color-default-white);
  z-index: -1;
}

.intro__wrapper {
  display: grid;
  grid-template-columns: auto 386px;
  gap: 40px;
  padding: 30px 0 0;
}

.intro__banner {
  position: relative;
}

.intro__banner p {
  margin: 0;
}

.intro__banner h1 {
  margin: 0 0 25px;
  font-weight: 700;
  font-size: 48px;
}

.intro__green-frame {
  margin: 0 0 34px -4px;
  padding: 0px 10px 6px 10px;
  width: max-content;
  border-radius: 5px;
  border: 3px solid #4daa3e;
  font-weight: 700;
  font-size: 32px;
  color: var(--color-fruit-salad);
}

.intro__banner p:nth-child(3) {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}

.intro__banner p:nth-child(3) span {
  color: var(--color-fruit-salad);
}

.intro__banner p:nth-child(4) {
  margin: 0 0 191px;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
}

.intro__banner p:nth-child(5) {
  font-weight: 700;
  font-size: 68px;
}

.intro__banner p:nth-child(6) {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}

.intro__image-wrapper {
  position: absolute;
  bottom: -81px;
  right: -163px;
  z-index: -1;
}

.intro__advantages {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.08);
  background-color: var(--color-default-white);
  list-style-type: none;
}

.intro__advantages li {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 20px;
}

.intro__advantages li:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 0;
  right: -30px;
  width: 1px;
  height: 100%;
  background-color: var(--color-whisper);
}

.intro__advantages-image-wrapper {
  min-height: 89px;
}

.intro__advantages p {
  margin: 0;
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
}

.intro__yandex {
  display: grid;
  justify-items: center;
  gap: 20px;
  padding: 35px;
  border-radius: 12px;
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.08);
  background-color: var(--color-default-white);
}

.intro__yandex-stars-block {
  display: flex;
  align-items: center;
}

.intro__yandex-stars-block span {
  display: block;
  margin: 0 10px 0 0;
  padding: 4px 8px;
  border-radius: 10px;
  background-color: var(--color-emerald);
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  color: var(--color-default-white);
}

.intro__yandex-stars-list {
  display: grid;
  grid-template-columns: repeat(5, 16px);
  gap: 5px;
  list-style-type: none;
}

.intro__yandex-stars-list svg {
  fill: var(--color-turbo);
}

.intro__yandex a {
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  color: var(--color-fruit-salad);
  text-decoration: underline;

  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

/* Welcome */
.welcome {
  padding: 60px 0 0;
}

.welcome .simple-text h2 strong {
  font-size: inherit;
  line-height: inherit;
}

.welcome .simple-text h3,
.publ-one-content h3 {
  font-size: 22px;
  line-height: 32px;
}

/* .welcome .simple-text h2 {
  font-size: 22px;
  line-height: 32px;
} */

/* Tags */
.tags-block {
  padding: 60px 0 0;
}

.tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.tags li {
  margin: 0 0 5px;
  list-style-type: none;
}

.tags li:not(:last-child) {
  margin: 0 5px 5px 0;
}

.tags a {
  display: block;
  padding: 16px 24px;
  border-radius: 5px;
  border: 1px solid var(--color-gainsboro);
  font-weight: 600;
  font-size: 15px;

  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

/* Tags-block */
.tags-block__list {
  max-height: 59.5px;
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
}

.tags-block__list.is-open {
  max-height: 1000px;
  transition: max-height 0.3s cubic-bezier(1, 0, 1, 0);
}

.tags-block .button-show-more__text {
  display: none;
}

.tags-block .button-show-more__text::before {
  content: "Показать все";
}

.tags-block.is-open .button-show-more__text::before {
  content: "Скрыть";
}

/* Form */
.form,
.offer__form {
  display: grid;
  gap: 30px;
  padding: 40px;
  border-radius: 12px;
  backdrop-filter: blur(5px);
}

.form-primary {
  border: 1px solid var(--color-whisper);
  background-color: rgba(255, 255, 255, 0.9);
}

.form-secondary {
  background-color: var(--color-panache);
}

.form__fields {
  display: grid;
  gap: 10px;
}

.form p {
  margin: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}

.form .form__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.form__input-wrapper {
  display: grid;
  gap: 10px;
}

.form__checkboxes-wrapper p {
  margin: 0 0 8px;
  font-size: 15px;
}

.form__checkboxes-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 30px;
  justify-content: center;
  max-width: 165px;
  margin: 0 auto;
  list-style-type: none;
}

.form__checkboxes-list label {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
  color: var(--color-fiord);
  cursor: pointer;
}

.form__control-mark {
  display: block;
  margin: 0 7px 0 0;
  width: 16px;
  height: 16px;
  background-color: var(--color-default-white);
  border: 1px solid var(--color-spindle);
}

.form__checkboxes-list input[type="checkbox"]:checked + .form__control-mark,
.form__checkboxes-list input[type="radio"]:checked + .form__control-mark {
  background-image: url("../img/svg/checked.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}

.form .form__personal-data {
  margin: -20px 0 0;
  font-weight: 600;
  font-size: 11px;
  line-height: normal;
  color: var(--color-mantle);
}

.form__personal-data a {
  color: var(--color-mantle);
  text-decoration: underline;
}

.form__accordion-item.is-active svg {
  transform: rotate(180deg);
}

.form__accordion-top {
  display: grid;
  grid-template-columns: 20px auto;
  gap: 7px;
  align-items: center;
  padding: 8px 0;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
}

.form__accordion-top svg {
  justify-self: center;

  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

.form__accordion-bottom .form__checkboxes-list {
  grid-template-columns: 1fr;
  padding: 0 28px;
  max-width: 100%;
}

/* Accordion */
[data-accordion="accordion-bottom"] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
}

[data-accordion="accordion-bottom"].is-open {
  max-height: 3000px;
  transition: max-height 0.3s cubic-bezier(1, 0, 1, 0);
}

/* block&sidebar  */
.block-sidebar__wrapper {
  grid-template-columns: auto 387px;
  align-items: start;
}

.block-sidebar__form .form__checkboxes-list {
  padding: 10px 28px 0;
}

/* Simple-text */
.simple-text {
  display: grid;
  grid-template-columns: 1fr;
}

.simple-text *:not(:last-child) {
  margin: 0 0 20px;
}

.simple-text li:not(.tags li) {
  margin: 0 0 10px !important;
}

.simple-text li:last-child {
  margin: 0 !important;
}

.simple-text p {
  line-height: 22px;
}

.simple-text img {
  border-radius: 12px;
}

.simple-text b {
  font-weight: 700;
}

.simple-text strong {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
}

.simple-text ul:not(.tags),
.simple-text ol {
  display: grid;
  padding: 0 0 0 20px;
  line-height: 22px;
}

.simple-text .tags-block {
  padding: 0;
}

.simple-text .tags {
  margin: 0 !important;
}

.simple-text a:not(.tags a) {
  text-decoration: underline;
  color: var(--color-japanese-laurel);
}

.simple-text .grid-4col div {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  margin: 0;
}

/* Buying */
.buying p {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}

.buying__list-top {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 60px;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.08);
  list-style-type: none;
}

.buying__list-top::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: var(--color-whisper);
}

.buying__list-top li {
  position: relative;
  display: grid;
  gap: 20px;
  justify-items: center;
  width: 100%;
  cursor: pointer;
}

.buying__list-top li.pb-20 {
  padding: 0 0 20px;
}

.buying__list-top li.pt-20 {
  padding: 20px 0 0;
}

.buying__list-top li:not(:nth-child(4n))::before {
  content: "";
  position: absolute;
  top: 0;
  right: -30px;
  width: 1px;
  height: 100%;
  background-color: var(--color-whisper);
}

.buying__top-popup {
  position: absolute;
  top: -20px;
  left: 0;
  display: none;
  padding: 15px;
  width: 100%;
  height: auto;
  border-radius: 12px;
  background-color: var(--color-default-white);
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  text-align: center;
}

.buying__list-top li:nth-last-child(-n + 4) .buying__top-popup {
  top: 10px;
}

.buying__list-top li:hover .buying__top-popup {
  display: block;
}

.buying__top-image-wrapper {
  max-height: 91px;
}

.buying__list-top span,
.buying__list-bottom span {
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
}

.buying__list-bottom {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 40px 30px;
  list-style-type: none;

  max-height: 167px;
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
}

.buying__list-bottom.is-open {
  max-height: 1000px;
  transition: max-height 0.3s cubic-bezier(1, 0, 1, 0);
}

.buying__list-bottom li {
  display: grid;
  gap: 10px;
  justify-items: center;
  width: 100%;
}

.buying__list-bottom a {
  display: grid;
  gap: 10px;
  justify-items: center;
}

.buying button {
  display: flex;
  align-items: center;
  margin: -9px auto 0;
  padding: 16px 24px;
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
}

.buying__brands .button-show-more__text {
  display: none;
}

.buying__brands .button-show-more__text::before {
  content: "Показать все марки";
}

.buying__brands.is-open .button-show-more__text::before {
  content: "Скрыть";
}

/* Cars */
.cars h2 {
  margin: 0 0 40px;
}

.cars__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.car {
  display: grid;
  gap: 10px;
  border-radius: 12px;
}

.car__image-wrapper {
  border-radius: 12px;
  overflow: hidden;
}

.car__image-wrapper img {
  border-radius: 12px;
  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

.car__content {
  display: grid;
  gap: 5px;
  justify-items: start;
}

.car__status {
  padding: 0 4px;
  border-radius: 5px;
  border: 1.5px solid var(--color-fruit-salad);
  font-weight: 600;
  color: var(--color-fruit-salad);
}

.car__price {
  font-weight: 800;
  font-size: 22px;
}

.car__model {
  font-weight: 700;
  font-size: 15px;
}

.car__info {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 5px;
  color: var(--color-suva-grey);
}

.cars .button {
  margin: 60px auto 0;
  width: max-content;
}

/* Reasons */
.reasons .grid-2col {
  align-items: start;
}

.reasons p {
  line-height: 22px;
}

.reasons__list {
  list-style-type: none;
}

.reasons__list li {
  display: grid;
  gap: 10px;
}

.reasons__list span {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
}

/* Offer */
.offer__wrapper {
  grid-template-columns: 620px auto;
  gap: 40px;
  padding: 0;
  min-height: 356px;
  border-radius: 12px;
  background: linear-gradient(180deg, #e6f4e4 0%, #ecefeb 100%);
  backdrop-filter: blur(5px);
}

.offer__form {
  gap: 20px;
  padding: 40px;
}

.offer__form .form__input-wrapper {
  grid-template-columns: repeat(2, 1fr);
}

.offer__form .button {
  margin: 3px 0 0;
}

.offer__form .form__personal-data {
  margin: -12px 0 0;
}

.offer__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.send-for-text {
  grid-column: span 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Estimation */
.estimation .grid-2col {
  grid-template-columns: 423px auto;
  align-items: start;
}

.estimation__image-wrapper {
  background-color: var(--color-snow);
  border-radius: 12px;
}

.estimation__image-wrapper img {
  border-radius: 12px;
}

.estimation__content {
  display: grid;
  gap: 58px;
  align-items: start;
  padding: 20px 0;
}

.estimation__content span {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
}

.estimation__list {
  display: grid;
  gap: 38px;
  list-style-type: none;
  counter-reset: num;
}

.estimation__list li {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0 0 48px;
  font-weight: 700;
  font-size: 15px;
}

.estimation__list li::before {
  content: counter(num);
  counter-increment: num;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  padding: 6px 12px;
  border-radius: 12px;
  background-color: var(--color-aqua-spring);
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
}

.estimation__social {
  display: grid;
  gap: 20px;
}

.estimation__social a span {
  font-weight: 700;
  font-size: 15px;
  line-height: normal;
}

/* Stages */
.stages__top {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.stages__top p {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: var(--color-fruit-salad);
}
.stages__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  list-style-type: none;
}
.stages__item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  justify-items: center;
  padding: 40px;
  border-radius: 12px;
  background-color: var(--color-snow);
}
.stages__item-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  justify-items: center;
}
.stages__item-content span {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
}
.stages__item-content p {
  line-height: 22px;
  text-align: center;
}
.stages .button {
  margin: 0 auto;
  width: 320px;
}

/* Advantages */
.advantages__list {
  gap: 32px;
  align-content: start;
  list-style-type: none;
}

.advantages__list li {
  position: relative;
  display: grid;
  gap: 10px;
}

.advantages__list li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 5px;
  background-color: var(--color-aqua-spring);
  background-image: url("../img/svg/checked-green.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.advantages__list span {
  padding: 0 0 0 38px;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
}

.advantages__list p {
  line-height: 22px;
}

/* Documents */
.documents {
  background: linear-gradient(99deg, #e6f4e4 0%, #ecefeb 100%);
}

.documents__wrapper {
  padding: 40px 0;
}

.documents__content {
  display: grid;
  grid-template-columns: auto 310px auto;
  gap: 40px;
  align-items: start;
  padding: 40px;
  border-radius: 12px;
  background-color: var(--color-default-white);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.08);
}

.documents__block {
  display: grid;
  gap: 20px;
}

.documents__block span {
  display: flex;
  align-items: center;
  padding: 3px 8px;
  width: max-content;
  border-radius: 5px;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
}

.documents__block-left span {
  border: 2px solid var(--color-japanese-laurel);
  color: var(--color-japanese-laurel);
}

.documents__block-right span {
  border: 2px solid var(--color-fire-brick);
  color: var(--color-fire-brick);
}

.documents__list {
  display: grid;
  gap: 20px;
  list-style-type: none;
}

.documents__list li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 0 28px;
  min-height: 22px;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
}

.documents__list li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background-color: var(--color-snow);
  background-image: url("../img/svg/checked-grey.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.documents__image-wrapper {
  position: relative;
}

.documents__image-wrapper img {
  position: absolute;
  top: 34px;
  left: 43%;
  transform: translateX(-50%);
  width: 423px;
  max-width: 423px;
  height: 282px;
}

/* Reviews */
.reviews {
  padding: 40px 0;
  max-width: 100vw;
  background-color: var(--color-white-smoke-2);
}

.reviews h2 {
  margin: 0 0 30px;
}

.reviews .swiper {
  overflow: visible;
}

.reviews .swiper-wrapper {
  align-items: stretch;
}

.review {
  display: grid;
  grid-template-rows: 60px auto 22px;
  gap: 20px;
  padding: 20px;
  height: auto;
  border-radius: 12px;
  background-color: var(--color-default-white);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.08);
}

.review__top {
  display: grid;
  grid-template-columns: 60px auto;
  gap: 10px;
  align-items: start;
}

.review__image-wrapper {
  position: relative;
  width: 60px;
  height: 60px;
}

.review__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.review__image-wrapper svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 18px;
  height: 18px;
}

.review__info {
  display: grid;
  gap: 5px;
}

.review__name {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

.review__stars {
  display: grid;
  grid-template-columns: repeat(5, 16px);
  gap: 5px;
  list-style-type: none;
}

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

.review__stars svg {
  fill: var(--color-turbo);
}

.review__date {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: var(--color-suva-grey);
}

.review__text {
  line-height: 22px;
  -webkit-line-clamp: 6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.review a {
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-fruit-salad);
  text-decoration: underline;

  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

/* Reviews-page */
.reviews-page {
  padding: 60px 0 0;
}

.reviews-page__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.reviews-page__list .review {
  width: 100%;
}

.reviews-page__list .review__text {
  display: block;
}

.reviews-page .pagination,
.cars-page .pagination {
  display: flex;
  list-style-type: none;
  padding: 0 0 0 15px;
}

.reviews-page .pagination li,
.cars-page .pagination li {
  padding: 0 5px;
  border-radius: 10px;
}

.reviews-page .pagination li:not(:last-child),
.cars-page .pagination li:not(:last-child) {
  margin: 0 7px 0 0;
}

.reviews-page .pagination li.active,
.cars-page .pagination li.active {
  background-color: var(--color-fruit-salad);
  color: var(--color-default-white);
}

/* Reviews-page-form */
.reviews-page-form br {
  display: none;
}

.reviews-page-form .line {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.reviews-page-form .file-upload input:first-child,
.reviews-page-form .file-upload img {
  display: none;
}

.reviews-page-form .input-line.col-2 {
  display: grid;
  grid-template-columns: 1fr;
}

.reviews-page-form .custom-checkbox {
  display: flex;
}

.reviews-page-form .custom-checkbox input {
  margin: 0 5px 0 0;
  padding: 0;
  width: 20px;
  height: 20px;
}

.reviews-page-form .button {
  border: none;
  background-color: var(--color-fruit-salad);
}

/* Cities  */
.all-cities.mb-60 {
  margin: 0;
}

.cities {
  position: relative;
}

.cities__list-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  align-items: start;
}

.cities__column {
  display: grid;
  gap: 20px;
}

.cities__item-wrapper {
  display: grid;
  grid-template-columns: 30px auto;
  gap: 10px;
  align-items: start;
}

.cities__item-wrapper span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
  border-radius: 12px;
  background-color: var(--color-fruit-salad);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: var(--color-default-white);
}

.cities__list {
  display: grid;
  gap: 6px;
  padding: 3px 0;
  list-style-type: none;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
}

.cities-image {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.all-cities .button-show-more {
  display: none;
}

/* Map  */
.map iframe {
  width: 100%;
  height: 415px;
  border-radius: 12px;
  border: none;
}

/* FAQ  */
.faq__accordions {
  display: grid;
  gap: 20px;
}

.faq__accordion-item.is-active .faq__accordion-top span {
  color: var(--color-fruit-salad);
  opacity: 1 !important;
}

.faq__accordion-item.is-active button {
  transform: rotate(180deg);
  background-color: var(--color-snow);
  fill: var(--color-black-pearl);
}

.faq__accordion-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 20px;
  cursor: pointer;
}

.faq__accordion-top span {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
}

.faq__accordion-top button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 5px;
  border: none;
  outline: none;
  background-color: var(--color-aqua-spring);
  fill: var(--color-fruit-salad);
  cursor: pointer;

  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

.faq__accordion-bottom-wrapper {
  display: grid;
  gap: 10px;
  padding: 20px 0 20px;
  line-height: 22px;
}

.faq__accordion-bottom-wrapper p b {
  font-weight: 700;
  font-size: 15px;
}

.faq__accordion-bottom-wrapper ul,
.faq__accordion-bottom-wrapper ol {
  padding: 0 0 0 20px;
}

.faq__accordion-bottom-wrapper li b {
  font-weight: 700;
}

/* FAQ page */
.faq-page {
  display: grid;
  gap: 40px;
  padding: 20px 0 0;
}

.faq-page .faq__title {
  margin: 0 !important;
  font-size: 36px !important;
  line-height: 42px !important;
}

.faq-page .faq__accordion-item,
.faq-page .faq__accordion-top,
.faq-page .faq__accordion-top span,
.faq-page .faq__accordion-bottom {
  margin: 0 !important;
}

.faq-page .faq__accordion-bottom-wrapper {
  padding: 0 0 20px;
}

/* Services */
.services__item-top {
  display: flex;
  align-items: center;
  margin: 0 !important;
  width: max-content;
  cursor: pointer;
}

.services__item-top img {
  margin: 0 15px 0 0 !important;
}

.services__item-top span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}

.services__item-bottom ul {
  padding: 0 0 0 100px;
}

/* Partners */
.partners__item {
  display: grid;
  grid-template-columns: 192px auto;
  gap: 15px;
}

.partners__item:not(:last-child) {
  margin: 0 0 40px !important;
}

.partners__item img {
  margin: 0 !important;
  border-radius: 0;
}

.partners__item a {
  font-weight: 700;
}

/* Contacts */
.contacts-info-phones {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.contacts-info-phones * {
  margin: 0 !important;
}

.contacts-info-phones p,
.contacts-info-address__title p {
  font-weight: 700;
}

.contacts-info-address__title {
  display: flex;
  align-items: center;
}

.contacts-info-address__title img {
  margin: 0 10px 0 0 !important;
}

.contacts-info-address__list {
  padding: 0 !important;
  max-height: 500px;
  list-style-type: none;
  overflow: hidden;
}

.contacts-info-address__list.is-open {
  max-height: 4000px;
}

.contacts-info-address__list-wrapper .button-show-more {
  margin: 0;
}

.contacts-info-address__list-wrapper.is-open .button-show-more svg {
  transform: rotate(180deg);
}

.contacts-info-address__list-wrapper .button-show-more__text {
  display: none;
}

.contacts-info-address__list-wrapper .button-show-more__text::before {
  content: "Показать все адреса";
}

.contacts-info-address__list-wrapper.is-open .button-show-more__text::before {
  content: "Скрыть";
}

.contacts-wrap .col {
  display: flex;
  align-items: start;
}

.contacts-wrap .col * {
  margin: 0 !important;
}

.contacts-wrap .col img {
  margin: 0 10px 0 0 !important;
}

.contacts-wrap .col p {
  display: grid;
  grid-template-columns: 1fr;
}

.contacts-wrap .col .soc {
  display: flex;
}

.soc-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

/* Cars-page */
.cars-page {
  padding: 60px 0 0;
}

/* Good */
.good {
  padding: 60px 0 0;
}

.good h1 {
  margin: 0 0 40px;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
}

.good__card {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 40px;
  align-items: start;
}

.good__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.good__content * {
  font-family: var(--ff-manrope) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  color: var(--color-black-pearl) !important;
}

.good__images-block {
  display: grid;
  grid-template-columns: 150px auto;
  gap: 30px;
}

.good__images-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.good__main-img {
  order: 2;
}

.good__slider-wrapper {
  position: relative;
}

.good__slider .swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  max-height: 405px;
}

.good__slider.swiper-initialized .swiper-wrapper {
  display: block;
}

.good__button {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: none;
  outline: none;
  background-color: var(--color-white-smoke);
  z-index: 10;
  cursor: pointer;

  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

.good__slider-wrapper.active .good__button {
  display: flex;
}

.good__button-prev {
  top: -15px;
}

.good__button-prev svg {
  transform: rotate(180deg);
}

.good__button-next {
  bottom: -15px;
}

/* Road */
.road {
  position: relative;
  width: 100%;
  height: 128px;
  background-image: url("../img/content/road/road.jpg");
  background-repeat: repeat-x;
  overflow: hidden;
}

.road__line {
  height: 64px;
}

.road__line span {
  position: absolute;
  display: block;
  width: 125px;
  height: 51px;
}

.road .car-1,
.road .car-2,
.road .car-3,
.road .car-4,
.road .car-5 {
  background-repeat: no-repeat;
}

.road .car-1,
.road .car-2,
.road .car-3 {
  left: -130px;
  margin: 9px 0 0;
}

.road .car-4,
.road .car-5 {
  right: -130px;
  margin: 5px 0 0;
}

.road .car-1 {
  background-image: url("../img/content/road/car-1.png");
}

.road .car-2 {
  background-image: url("../img/content/road/car-2.png");
}

.road .car-3 {
  background-image: url("../img/content/road/car-3.png");
}

.road .car-4 {
  background-image: url("../img/content/road/car-4.png");
}

.road .car-5 {
  background-image: url("../img/content/road/car-5.png");
}

/* Footer */
.footer__wrapper {
  display: grid;
  grid-template-columns: auto 281px;
  align-items: start;
  gap: 30px 40px;
}

.footer__title {
  font-weight: 700;
  font-size: 15px;
}

.footer__menu {
  padding: 30px 0;
  max-width: 812px;
  list-style-type: none;
  font-weight: 700;
  font-size: 15px;
}

.footer__logo {
  align-self: center;
}

.footer__addresses {
  position: relative;
  height: 100%;
}

.footer__addresses::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-whisper);
}

.footer__addresses .footer__title {
  display: inline-block;
  margin: 0 0 13px;
}

.footer__list {
  max-width: 770px;
  list-style-type: none;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}

.footer__list li {
  display: flex;
  align-items: flex-start;
  margin: 0 0 12px;
  break-inside: avoid;
  line-height: normal;
}

.footer__list svg {
  min-width: 10px;
  min-height: 10px;
  fill: var(--color-fruit-salad);
  margin: 5px 5px 0 0;
}

.footer__list a {
  margin: 0 0 0 14px;
  font-weight: 700;
  color: var(--color-fruit-salad);

  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

.footer__contacts-social {
  grid-row: span 2;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px 0;
  padding: 0 0 30px;
}

.footer__contacts,
.footer__social {
  display: grid;
  align-items: start;
  gap: 20px;
}

.footer__phones {
  display: grid;
  gap: 9px;
  font-weight: 700;
  font-size: 20px;
  line-height: 19px;
}

.footer__copyright-wrapper {
  position: relative;
  align-self: end;
  padding: 0 0 40px;
}

.footer__copyright-wrapper::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-whisper);
}

.footer__copyright {
  max-width: 812px;
}

.footer__copyright div {
  font-weight: 700;
}

.footer__copyright a {
  color: var(--color-fruit-salad);
  text-decoration: underline;

  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

.footer__copyright span {
  color: var(--color-suva-grey);
}

.footer__social-list-1,
.social-list {
  list-style-type: none;
  display: flex;
  align-items: center;
}

.footer__social-list-1 a,
.social-list a {
  transition: var(--easy);
  -moz-transition: var(--easy);
  -o-transition: var(--easy);
  -webkit-transition: var(--easy);
}

.footer__social-list-1 li:not(:last-child) {
  margin: 0 10px 0 0;
}

.footer__social-list-1 a {
  display: block;
  fill: var(--color-spring-rain);
}

.social-list li:not(:last-child) {
  margin: 0 20px 0 0;
}

.social-list a {
  display: flex;
  align-items: center;
}

.social-list svg {
  margin: 0 7px 0 0;
}

.social-list span {
  font-weight: 600;
  font-size: 13px;
}
.car__status_content::after {
  content: "Выкуплен";
}

/* Table */
.table-wrapper {
  overflow-x: scroll;

  -ms-overflow-style: none;
  scrollbar-width: none;
}

.table-wrapper::-webkit-scrollbar {
  display: none;
}

.table-wrapper table {
  width: 100%;
  table-layout: fixed;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-spacing: 0;
  overflow: hidden;
}

.table-wrapper th,
.table-wrapper td {
  padding: 20px 39px 19px 40px;
}

.table-wrapper th,
.table-wrapper tr:not(:last-child) td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.table-wrapper th:not(:last-child),
.table-wrapper td:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.table-wrapper thead {
  background-color: var(--color-panache);
}

.table-wrapper th {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  text-align: left;
}

.table-wrapper td {
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
}

.table-wrapper .green {
  background-color: var(--color-fruit-salad);
  color: var(--color-default-white);
}

/* Benefits */
.benefits__top {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.benefits__top p {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: var(--color-fruit-salad);
}
.benefits__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.benefits__column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  grid-template-rows: repeat(2, 1fr);
}
.benefits__item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  align-content: start;
  padding: 40px;
  border-radius: 12px;
  overflow: hidden;
}
.benefits__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.benefits__item--1::after,
.benefits__item--7::after {
  background-color: #ecefeb;
}
.benefits__item--2::after,
.benefits__item--6::after {
  background-color: #f1f5f7;
}
.benefits__item--3::after,
.benefits__item--5::after {
  background-color: #e6f4e4;
}
.benefits__item--4::after {
  background-color: #ededed;
}
.benefits__item span {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
}
.benefits__item p {
  line-height: 22px;
}
.benefits__item svg {
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: -1;
}
.benefits__item--1 svg {
  bottom: 23px;
}
.benefits__item--3 svg {
  bottom: -18px;
  right: 20px;
}
.benefits__item--4 svg {
  bottom: -10px;
  right: 19px;
}
.benefits__item--5 svg {
  bottom: -16px;
  right: 22px;
}
.benefits__item--6 svg {
  bottom: 10px;
  right: 19px;
}
.benefits__item--7 svg {
  bottom: 20px;
  right: 19px;
}

/* Hover */
@media (min-width: 1280px) {
  @media (hover: hover) {
    input:hover,
    select:hover,
    textarea:hover {
      border: 1px solid var(--color-suva-grey);
    }

    .button-primary:hover {
      background-color: var(--color-apple);
    }

    .button-show-more:hover span {
      color: var(--color-mantle);
    }

    .header__top-wrapper a:hover span,
    .header__menu a:hover span,
    .footer__menu a:hover,
    .footer__phones a:hover,
    .social-list a:hover span,
    .buying__list-bottom a:hover span,
    .faq__accordion-top:hover span {
      opacity: 70%;
    }

    .form__checkboxes-list label:hover {
      color: var(--color-mantle);
    }

    .breadcrumbs__list a:hover {
      color: var(--color-fruit-salad);
    }

    .tags a:hover {
      border: 1px solid var(--color-apple);
      color: var(--color-apple);
    }

    .car:hover {
      color: var(--color-japanese-laurel);
    }

    .car:hover img {
      transform: scale(1.1);
    }

    .cities__list a:hover {
      color: var(--color-japanese-laurel);
    }

    .form__personal-data a:hover,
    .intro__yandex a:hover,
    .review a:hover,
    .footer__list a:hover,
    .footer__copyright a:hover {
      color: var(--color-spring-rain);
    }

    .good__button:hover {
      background-color: var(--color-aqua-spring);
    }

    .footer__social-list-1 a:hover {
      fill: var(--color-apple);
    }
  }
}

/* Focus */
input:focus,
select:focus,
textarea:focus {
  border: 1px solid var(--color-suva-grey);
}

.good__button:focus {
  background-color: var(--color-aqua-spring);
}

/* Test */
.reviews__swiper {
  animation: slider 60s infinite linear alternate;
}

.reviews__swiper:hover {
  animation-play-state: paused;
}

.review {
  width: 295px;
  margin: 0 20px 0 0;
}

#modal_form {
  display: none;
  padding: 0;
  width: 400px;
  background-color: none;
}
.publ-one__wrapper {
  padding: 0 150px;
}
.publ-one__wrapper p img + br {
  display: none;
}

@keyframes slider {
  0% {
    transform: translateX(calc(100% + 100px));
  }

  100% {
    transform: translateX(calc(-200%));
  }
}

/* Test */