@charset "UTF-8";
:root {
  --font-family: "Golos-Text";
  --font-second: "Caveat";
  --white: #FFFFFF;
  --black: #000000;
  --orange-dark: #DA563A;
  --orange-light: #EF9380;
  --orange-lighted: #FFEBDF;
  --blue: #A5BCC6;
  --blue-lighted: #E8EEF0;
  --blue-dark: #3A5865;
  --blue-darked: #62808D;
  --blue-light: #DEE4E6;
  --orange: #F1512D;
  --orange-hover: #C64226;
  --gray-5: #F8F8F8;
  --gray-10: #F2F2F2;
  --gray-15: #EDEDED;
  --gray-20: #DBDBDB;
  --gray-25: #D2D2D2;
  --gray-30: #ADADAD;
  --gray-40: #999999;
  --gray-50: #858585;
  --gray-60: #717171;
  --gray-70: #494949;
  --gray-80: #353535;
  --gray-90: #212121;
  --gray-100: #1A1A1A;
  --br-s: 4px;
  --br-m: 6px;
  --br-l: 8px;
  --br-fxs: 12px;
  --br-fs: 16px;
  --br-fm: 24px;
  --br-fl: 32px;
  --br-tag: 500px;
}

/* stylelint-disable */
@font-face {
  font-family: "Golos-Text";
  src: url("../fonts/../fonts/Golos-Text_Regular.woff2") format("woff2");
  src: url("../fonts/../fonts/Golos-Text_Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Golos-Text";
  src: url("../fonts/../fonts/Golos-Text_Medium.woff2") format("woff2");
  src: url("../fonts/../fonts/Golos-Text_Medium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Golos-Text";
  src: url("../fonts/../fonts/Golos-Text_SemiBold.woff2") format("woff2");
  src: url("../fonts/../fonts/Golos-Text_SemiBold.woff") format("woff");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Caveat";
  src: url("../fonts/../fonts/Caveat-Bold.woff2") format("woff2");
  src: url("../fonts/../fonts/Caveat-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
html {
  scroll-behavior: smooth;
  font-size: 10px;
  font-weight: 400;
}

* {
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: var(--font-family);
  color: var(--black);
  background-color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
body.lock {
  overflow: hidden;
}
body.no-btn .recommend__btn {
  display: none;
}
body.gray footer {
  position: relative;
}
body.gray footer::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--gray-15);
  z-index: -1;
}
body.gray-5 footer {
  position: relative;
}
body.gray-5 footer::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--gray-5);
  z-index: -1;
}
body.gray-10 footer {
  position: relative;
}
body.gray-10 footer::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--gray-10);
  z-index: -1;
}

a {
  color: var(--orange-dark);
}

.tooltip {
  position: absolute;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  background: var(--white);
  color: var(--gray-90);
  border-radius: var(--br-m);
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
  padding: 12px;
  max-width: 356px;
  width: 100%;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 130%;
  z-index: 5;
}
.tooltip::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 90%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 16px;
  height: 16px;
  background: var(--white);
  border-radius: 3px;
  z-index: 6;
}

.select {
  position: relative;
  width: 100%;
}
.select__trigger {
  padding: 10.5px 14px;
  padding-right: 9px;
  width: 100%;
  background-color: var(--gray-5);
  -webkit-box-shadow: 0 0 0 1px var(--orange-dark) inset;
  box-shadow: 0 0 0 1px var(--orange-dark) inset;
  border-radius: var(--br-m);
  color: var(--gray-100);
  background-image: url(/img/select-orange.svg);
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 24px;
  cursor: pointer;
}
.select__trigger .placeholder {
  color: var(--gray-40);
}
.select__trigger:has(.placeholder) {
  -webkit-box-shadow: 0 0 0 1px var(--gray-20) inset;
  box-shadow: 0 0 0 1px var(--gray-20) inset;
  background-image: url(/img/select.svg);
}
.select__trigger:focus {
  -webkit-box-shadow: 0 0 0 1px var(--orange-dark) inset;
  box-shadow: 0 0 0 1px var(--orange-dark) inset;
}
.select__options {
  position: absolute;
  top: calc(100% + 16px);
  left: 0;
  right: 0;
  background: var(--white);
  border: 1px solid var(--gray-20);
  border-radius: var(--br-m);
  -webkit-box-shadow: 4px 4px 16px rgba(189, 189, 189, 0.4);
  box-shadow: 4px 4px 16px rgba(189, 189, 189, 0.4);
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 10;
  max-height: 175px;
  overflow-y: auto;
}
.select__options:focus {
  border: 1px solid var(--orange-dark);
}
.select.active .select__trigger {
  background-image: url(/img/select-focus.svg);
}
.select__option {
  padding: 10.5px 14px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.select__option:hover {
  background-color: var(--gray-10);
}
.select__option.selected {
  background-image: url(/img/select-check.svg);
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 24px;
}

input {
  padding: 10.5px 14px;
  width: 100%;
  background-color: var(--gray-5);
  -webkit-box-shadow: 0 0 0 1px var(--gray-20) inset;
  box-shadow: 0 0 0 1px var(--gray-20) inset;
  border-radius: var(--br-m);
  color: var(--gray-100);
}
input::-webkit-input-placeholder {
  color: var(--gray-40);
}
input::-moz-placeholder {
  color: var(--gray-40);
}
input:-ms-input-placeholder {
  color: var(--gray-40);
}
input::-ms-input-placeholder {
  color: var(--gray-40);
}
input::placeholder {
  color: var(--gray-40);
}
input:focus {
  -webkit-box-shadow: 0 0 0 1px var(--orange-dark) inset;
  box-shadow: 0 0 0 1px var(--orange-dark) inset;
}
input:not(:-moz-placeholder-shown) {
  box-shadow: 0 0 0 1px var(--orange-dark) inset;
}
input:not(:-ms-input-placeholder) {
  box-shadow: 0 0 0 1px var(--orange-dark) inset;
}
input:not(:placeholder-shown) {
  -webkit-box-shadow: 0 0 0 1px var(--orange-dark) inset;
  box-shadow: 0 0 0 1px var(--orange-dark) inset;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
  -webkit-text-fill-color: #1A1A1A;
  -webkit-box-shadow: 0 0 0px 1000px #F8F8F8 inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

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

input[type=number] {
  -moz-appearance: textfield;
}

.input-checkbox {
  width: 18px;
  height: 18px;
  border: 2px solid var(--gray-30);
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  border-radius: var(--br-s);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  padding: 0;
}
.input-checkbox:checked {
  background-color: var(--orange-dark);
  border-color: var(--orange-dark);
  background-image: url("/img/check.svg");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
}
.input-checkbox:not(:-moz-placeholder-shown) {
  box-shadow: none;
}
.input-checkbox:not(:-ms-input-placeholder) {
  box-shadow: none;
}
.input-checkbox:not(:placeholder-shown) {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.input-checkbox:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

textarea {
  resize: none;
  min-height: 131px;
  padding: 10.5px 14px;
  background-color: var(--gray-5);
  -webkit-box-shadow: 0 0 0 1px var(--gray-20) inset;
  box-shadow: 0 0 0 1px var(--gray-20) inset;
  border-radius: var(--br-m);
  color: var(--gray-100);
}
textarea::-webkit-input-placeholder {
  color: var(--gray-40);
}
textarea::-moz-placeholder {
  color: var(--gray-40);
}
textarea:-ms-input-placeholder {
  color: var(--gray-40);
}
textarea::-ms-input-placeholder {
  color: var(--gray-40);
}
textarea::placeholder {
  color: var(--gray-40);
}
textarea:focus {
  -webkit-box-shadow: 0 0 0 1px var(--orange-dark) inset;
  box-shadow: 0 0 0 1px var(--orange-dark) inset;
}
textarea:not(:-moz-placeholder-shown) {
  box-shadow: 0 0 0 1px var(--orange-dark) inset;
}
textarea:not(:-ms-input-placeholder) {
  box-shadow: 0 0 0 1px var(--orange-dark) inset;
}
textarea:not(:placeholder-shown) {
  -webkit-box-shadow: 0 0 0 1px var(--orange-dark) inset;
  box-shadow: 0 0 0 1px var(--orange-dark) inset;
}

form label {
  color: var(--gray-80);
}
form label span {
  color: var(--orange-dark);
}
form label a {
  color: var(--gray-80);
  text-decoration: underline;
}

::-moz-selection {
  background: var(--orange-dark);
  color: var(--white);
}

::selection {
  background: var(--orange-dark);
  color: var(--white);
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-x: hidden;
}

.main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* Скрываем стандартную радиокнопку */
.radio-item input[type=radio] {
  display: none;
}
.radio-item input[type=radio]:checked + label::before {
  border-color: var(--orange-dark);
  background-color: var(--orange-dark);
}
.radio-item input[type=radio]:checked + label::after {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--white);
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 6px;
}
.radio-item label {
  cursor: pointer;
  padding-left: 30px;
  position: relative;
  color: var(--gray-80);
}
.radio-item label::before {
  content: "";
  width: 18px;
  height: 18px;
  border: 2px solid var(--gray-30);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 1px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.heading.blue-marked {
  position: relative;
  display: inline-block;
}
.heading.blue-marked::after {
  content: "";
  display: block;
  width: 240px;
  height: 12px;
  background-image: url("/img/blue-line-240.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
.heading.orange-marked {
  position: relative;
  display: inline-block;
}
.heading.orange-marked-sm {
  position: relative;
  display: inline-block;
}
.heading.orange-marked-sm::after {
  content: "";
  display: block;
  width: 96px;
  height: 12px;
  background-image: url("/img/line-96.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
.heading.orange-marked::after {
  content: "";
  display: block;
  width: 240px;
  height: 12px;
  background-image: url("/img/orange-line-240.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  gap: 8px;
  color: var(--gray-40);
}
.breadcrumbs a {
  color: var(--gray-40);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.breadcrumbs a:hover {
  color: var(--orange-dark);
}

.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--orange-dark);
  gap: 9px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--br-tag);
  color: var(--gray-100);
  padding-right: 9px;
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.16);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.show.sm {
  display: none;
}
.show div {
  background-color: var(--white);
  padding: 10px 28px;
  border-radius: 20px;
  border: none;
}
.show:hover {
  color: var(--orange-dark);
}

.card {
  display: block;
  position: relative;
  background-color: var(--white);
  padding: 8px;
  border-radius: var(--br-l);
  -webkit-box-shadow: 4px 4px 24px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 4px 4px 24px 0 rgba(0, 0, 0, 0.16);
}
.card:hover .card-like {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--br-s);
}
.card svg path {
  stroke: var(--orange-dark);
}
.card-like {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--br-s);
  background-color: var(--white);
  z-index: 1;
}
.card-like.favorite svg path {
  fill: var(--orange-dark);
}

.custom__slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 76px;
}
.custom__pagination {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  margin-top: 47px;
}
.custom__button-next {
  padding: 8px;
  height: 40px;
  background: var(--gray-40);
  border-radius: var(--br-m);
  cursor: pointer;
  -webkit-transition: background 0.2s ease-in;
  -o-transition: background 0.2s ease-in;
  transition: background 0.2s ease-in;
}
.custom__button-next:hover {
  background: var(--gray-20);
}
.custom__button-next.swiper-button-disabled {
  background: var(--gray-20);
}
.custom__button-prev {
  padding: 8px;
  height: 40px;
  background: var(--gray-40);
  border-radius: var(--br-m);
  cursor: pointer;
  -webkit-transition: background 0.2s ease-in;
  -o-transition: background 0.2s ease-in;
  transition: background 0.2s ease-in;
}
.custom__button-prev:hover {
  background: var(--gray-20);
}
.custom__button-prev.swiper-button-disabled {
  background: var(--gray-20);
}

.input-password {
  position: relative;
}
.input-password__toggle {
  position: absolute;
  top: 50%;
  right: 9px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.input-clean {
  position: relative;
}
.input-clean__btn {
  position: absolute;
  top: 50%;
  right: 9px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: none;
}

.password {
  opacity: 0;
}

.btn-dark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 14px 32px;
  background-color: var(--gray-100);
  border-radius: var(--br-l);
  color: var(--white);
  -webkit-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.btn-dark:hover {
  background-color: var(--orange-dark);
}
.btn-dark:active {
  background-color: var(--gray-40);
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
  background-color: var(--gray-25);
  opacity: 1;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--orange-dark);
  width: 40px;
  border-radius: var(--br-tag);
}

@media screen and (max-width: 1550px) {
  .custom__slider-wrapper {
    gap: 24px;
  }
}
@media screen and (max-width: 1023.98px) {
  .custom__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .custom__button-prev {
    display: none;
  }
  .custom__button-next {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  body {
    padding-top: 80px;
  }
  .breadcrumbs a {
    font-size: 1.4rem;
  }
  .breadcrumbs p {
    font-size: 1.4rem;
  }
  .show {
    display: none;
  }
  .show.sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-top: 66px;
  }
  .show.sm div {
    padding: 10px 34px;
  }
  .tooltip {
    max-width: 320px;
    font-size: 1.2rem;
  }
  .card {
    padding: 6px;
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);
  }
  .card-like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card-like.favorite svg path {
    fill: var(--orange-light);
  }
  .card svg path {
    stroke: var(--orange-light);
  }
  .heading.h6 {
    font-size: 2rem;
    line-height: 140%;
  }
  .heading.blue-marked::after {
    width: 120px;
    height: 8px;
    background-image: url("/img/blue-line-120.svg");
  }
  .heading.orange-marked-sm::after {
    position: absolute;
    left: -10px;
    width: 120px;
    height: 8px;
    background-image: url("/img/orange-line-120.svg");
  }
  .heading.orange-marked::after {
    width: 120px;
    height: 8px;
    background-image: url("/img/orange-line-120.svg");
  }
}
.h4 {
  font-weight: 400;
  font-size: 4.8rem;
  line-height: 115%;
}

.h5 {
  font-weight: 400;
  font-size: 3.6rem;
  line-height: 135%;
  text-transform: uppercase;
}

.h5-n {
  font-weight: 400;
  font-size: 3.6rem;
  line-height: 125%;
}

.h6 {
  font-weight: 500;
  font-size: 3rem;
  line-height: 125%;
  text-transform: uppercase;
}

.h6-n {
  font-weight: 500;
  font-size: 3rem;
  line-height: 125%;
}

.h7 {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 120%;
}

.h-custom {
  font-weight: 500;
  font-size: 2.6rem;
  line-height: 120%;
  text-transform: uppercase;
}

.d1 {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 120%;
}

.d2 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 130%;
}

.d3 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 130%;
}

.p1 {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 120%;
}

.p2 {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 130%;
}

.p3 {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 130%;
}

.p4 {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 130%;
}

.meta-1 {
  font-family: var(--font-second);
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 90%;
}

.meta-2 {
  font-family: var(--font-second);
  font-weight: 700;
  font-size: 4rem;
  line-height: 100%;
}

.meta-5 {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 130%;
}

.btn-l {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 133%;
  text-transform: uppercase;
}

.btn-m {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
}

.btn-s {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 171%;
  text-transform: uppercase;
}

.btn-xs {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 200%;
  text-transform: uppercase;
}

.tag-l {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 150%;
}

.tag-m {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 170%;
}

* {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
}

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

:focus:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

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

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

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

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

body {
  margin: 0;
}

.header__container {
  max-width: 1692px;
  padding: 0px 50px;
  margin: 0 auto;
}

.detail__container {
  max-width: 1761px;
  padding: 0px 50px;
  margin: 0 auto;
}

.swiper__container {
  max-width: 1860px;
  padding: 0px 50px;
  margin: 0 auto;
}

.container {
  max-width: 1628px;
  padding: 0px 50px;
  margin: 0 auto;
}

@media screen and (max-width: 1350px) {
  .header__container {
    padding: 0px 35px;
  }
  .detail__container {
    padding: 0px 35px;
  }
  .swiper__container {
    padding: 0px 35px;
  }
  .container {
    padding: 0px 35px;
  }
}
@media screen and (max-width: 768px) {
  .header__container {
    padding: 0px 20px;
  }
  .detail__container {
    padding: 0px 20px;
  }
  .swiper__container {
    padding: 0px 20px;
  }
  .container {
    padding: 0px 20px;
  }
}
.header {
  outline: inset 2px var(--gray-10);
  background-color: rgb(255, 255, 255);
  color: var(--gray-90);
  z-index: 11;
}
.header-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  padding: 12px;
  min-width: 173px;
  background: var(--white);
  border-radius: var(--br-l);
  -webkit-box-shadow: 0 0px 24px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0px 24px rgba(0, 0, 0, 0.16);
  display: none;
  z-index: 10;
}
.header-menu__wrapper {
  position: relative;
}
.header-menu.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
}
.header-menu__line {
  height: 2px;
  width: 100%;
  background-color: var(--gray-15);
}
.header-menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4px 16px;
  text-decoration: none;
  width: 100%;
}
.header__burger {
  z-index: 5;
  display: none;
  position: relative;
  width: 40px;
  height: 28px;
  cursor: pointer;
}
.header__burger span, .header__burger::before, .header__burger::after {
  left: 0;
  position: absolute;
  height: 10%;
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-color: var(--orange-dark);
  border-radius: var(--br-tag);
}
.header__burger::before, .header__burger::after {
  content: "";
}
.header__burger::before {
  top: 0;
}
.header__burger::after {
  bottom: 0;
}
.header__burger span {
  top: 50%;
  -webkit-transform: scale(1) translate(0px, -50%);
  -ms-transform: scale(1) translate(0px, -50%);
  transform: scale(1) translate(0px, -50%);
}
.header__burger._active span {
  -webkit-transform: scale(0) translate(0px, -50%);
  -ms-transform: scale(0) translate(0px, -50%);
  transform: scale(0) translate(0px, -50%);
}
.header__burger._active::before {
  top: 50%;
  -webkit-transform: rotate(-45deg) translate(0px, -50%);
  -ms-transform: rotate(-45deg) translate(0px, -50%);
  transform: rotate(-45deg) translate(0px, -50%);
}
.header__burger._active::after {
  bottom: 50%;
  -webkit-transform: rotate(45deg) translate(0px, 50%);
  -ms-transform: rotate(45deg) translate(0px, 50%);
  transform: rotate(45deg) translate(0px, 50%);
}
.header__auth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.header__auth-link {
  display: block;
  background-color: var(--white);
  width: 42px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-height: 42px;
  max-height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  border: 1px solid var(--gray-20);
  border-radius: var(--br-m);
}
.header__auth-link svg path {
  -webkit-transition: stroke 0.2s ease-in;
  -o-transition: stroke 0.2s ease-in;
  transition: stroke 0.2s ease-in;
}
.header__auth-link:hover svg path {
  stroke: var(--orange-dark);
}
.header__auth-info {
  display: inline-block;
  padding: 2px 8px;
  background-color: var(--gray-30);
  color: var(--white);
  border-radius: var(--br-tag);
  position: absolute;
  top: -7px;
  right: -8px;
  font-size: 1.1rem;
  line-height: 145%;
  font-weight: 600;
}
.header__auth-info.filled {
  background-color: var(--orange-dark);
}
.header__auth-none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
}
.header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  min-height: 104px;
  padding: 10px 0;
}
.header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 31px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.header__left-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 497px;
  gap: 32px;
  margin-bottom: 8px;
}
.header__left-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 9px 24px;
  gap: 10px;
  background-color: var(--orange-dark);
  border-radius: var(--br-m);
  color: var(--white);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.header__left-btn:hover {
  background-color: var(--orange-hover);
}
.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 32px;
  max-width: 860px;
  width: 100%;
}
.header__right.auth {
  max-width: 776px;
}
.header__right-input {
  width: 100%;
  max-width: 528px;
  background-color: var(--gray-5);
  border: 1px solid var(--gray-20);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--br-m);
}
.header__right-input input {
  background: transparent;
  border: none;
  color: var(--gray-100);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.header__right-input input::-webkit-input-placeholder {
  color: var(--gray-40);
}
.header__right-input input::-moz-placeholder {
  color: var(--gray-40);
}
.header__right-input input:-ms-input-placeholder {
  color: var(--gray-40);
}
.header__right-input input::-ms-input-placeholder {
  color: var(--gray-40);
}
.header__right-input input::placeholder {
  color: var(--gray-40);
}
.header__right-input button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 9px;
  background: transparent;
}
.header__right a {
  color: var(--gray-90);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.header__right a:hover {
  color: var(--orange-dark);
}
.header__right-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.header__right-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 9px 24px;
  background: transparent;
  border: 1px solid var(--gray-20);
  border-radius: var(--br-m);
  color: var(--gray-90);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.header__right-btn:hover {
  color: var(--orange-dark);
}

@media screen and (max-width: 1550px) {
  .header__right {
    gap: 24px;
  }
  .header__right-btn svg {
    display: none;
  }
  .header__auth-none {
    gap: 24px;
  }
}
@media screen and (max-width: 1366px) {
  .header__content {
    gap: 16px;
  }
  .header__auth {
    gap: 10px;
  }
  .header__auth-none {
    gap: 16px;
  }
  .header__left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
  }
  .header__left img {
    width: 100px;
  }
  .header__left-box {
    margin: 0;
  }
  .header__left-box p {
    display: none;
  }
  .header__left-btn {
    font-size: 1.4rem;
    padding: 9px 16px;
  }
  .header__right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 16px;
  }
  .header__right a {
    font-size: 1.4rem;
  }
  .header__right a.header-menu__item {
    font-size: 1.2rem;
  }
  .header__right button {
    font-size: 1.4rem;
  }
  .header__right-btn {
    padding: 9px;
  }
}
@media screen and (max-width: 768px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  .header__burger {
    display: block;
    width: 20px;
    height: 14px;
  }
  .header__burger span, .header__burger::before, .header__burger::after {
    height: 15%;
  }
  .header__auth {
    display: none;
  }
  .header__auth-none {
    display: none;
  }
  .header__content {
    gap: 8px;
    min-height: 80px;
    padding-bottom: 14px;
  }
  .header__left {
    gap: 7px;
    max-width: 270px;
    width: 100%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
  .header__left img {
    max-width: 106px;
  }
  .header__left p {
    display: block;
    font-size: 1rem;
  }
  .header__left-btn {
    display: none;
  }
  .header__right {
    max-width: 42px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .header__right.auth {
    max-width: 42px;
  }
  .header__right-input {
    display: none;
  }
}
.footer {
  background-color: var(--gray-10);
  border-radius: var(--br-fl);
}
.footer__top {
  padding-top: 52px;
  padding-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 50px;
}
.footer__top-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 49px;
  max-width: 1140px;
  width: 100%;
}
.footer__top-right-up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 28px;
  gap: 24px;
}
.footer__top-right-down {
  padding-top: 20px;
  border-top: 2px solid var(--gray-20);
}
.footer__top-right-down-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footer__top-right-down-payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  margin-right: 213px;
}
.footer__top-right-down p {
  color: var(--gray-70);
}
.footer__top-right-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.footer__top-right-social-path {
  fill: var(--gray-80);
  -webkit-transition: fill 0.2s ease-in;
  -o-transition: fill 0.2s ease-in;
  transition: fill 0.2s ease-in;
}
.footer__top-right-social a {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.footer__top-right-social a:hover .footer__top-right-social-path {
  fill: var(--orange-dark);
}
.footer__top-right-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
  max-width: 974px;
  width: 100%;
}
.footer__top-right-item p {
  text-transform: uppercase;
  margin-bottom: 24px;
  color: var(--gray-100);
}
.footer__top-right-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  max-width: 330px;
}
.footer__top-right-link {
  color: var(--gray-80);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.footer__top-right-link:hover {
  color: var(--orange-dark);
}

@media screen and (max-width: 1100px) {
  .footer__top-right-up {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 56px;
  }
  .footer__top-right-down-payment {
    margin: 0;
  }
  .footer__top-right-link {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1023.98px) {
  .footer__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 35px;
    gap: 56px;
  }
  .footer__top-right {
    gap: 80px;
  }
  .footer__top-right-up {
    padding: 0;
  }
  .footer__top-right-list {
    max-width: 265px;
  }
}
@media screen and (max-width: 768px) {
  .footer {
    -webkit-box-shadow: 0 -2px 0 var(--gray-15);
    box-shadow: 0 -2px 0 var(--gray-15);
    border-radius: 0;
  }
  .footer__top-logo {
    max-width: 106px;
    width: 100%;
  }
  .footer__top-right {
    gap: 24px;
  }
  .footer__top-right-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
  .footer__top-right-list {
    max-width: 100%;
  }
  .footer__top-right-down-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
  }
  .footer__top-right-down p {
    font-size: 1.4rem;
    padding-top: 20px;
    border-top: 2px solid var(--gray-20);
    width: 100%;
  }
}
.menu {
  position: fixed;
  top: 104px;
  background-color: var(--white);
  left: 0;
  height: calc(100vh - 104px);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: -webkit-transform 0.3s ease-in;
  -o-transition: transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
  z-index: 10;
  overflow: hidden;
}
.menu__sm {
  display: none;
}
.menu.open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.menu__left {
  padding: 20px;
  padding-left: 196px;
  padding-bottom: 36px;
  background-color: var(--gray-10);
  max-width: 454px;
  width: 100%;
  border-top-right-radius: var(--br-fs);
}
.menu__left.StyleOverflow {
  padding-right: 0px;
}
.menu__left.StyleOverflow .li__tab-line,
.menu__left.StyleOverflow .li__tab-corner-top,
.menu__left.StyleOverflow .li__tab-corner-bottom {
  display: none !important;
}
.menu__left.StyleOverflow .menu__left-inner {
  padding-right: 20px;
  padding-bottom: 36px;
}
.menu__left.StyleOverflow .menu__left-btnwrapper {
  padding-right: 20px;
}
.menu__left.StyleOverflow ul li.actived {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.menu__left.StyleOverflow ul li button {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.menu__left-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  color: var(--gray-90);
  padding: 9px 42px;
  background-color: var(--white);
  border-radius: var(--br-m);
  margin-bottom: 26px;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.menu__left-btn:hover {
  color: var(--orange-dark);
}
.menu__left ul li {
  position: relative;
  border-radius: var(--br-tag);
}
.menu__left ul li.actived {
  background-color: var(--white);
  -webkit-box-shadow: 4px 4px 16px 0 rgba(189, 189, 189, 0.4);
  box-shadow: 4px 4px 16px 0 rgba(189, 189, 189, 0.4);
}
.menu__left ul li.actived button {
  color: var(--gray-90);
}
.menu__left ul li.actived button img {
  opacity: 1;
}
.menu__left ul li.actived .li__tab-line {
  opacity: 1;
}
.menu__left ul li.actived .li__tab-corner-top {
  opacity: 1;
}
.menu__left ul li.actived .li__tab-corner-bottom {
  opacity: 1;
}
.menu__left ul li .li__tab-line {
  opacity: 0;
  position: absolute;
  right: -22%;
  background-color: var(--white);
  z-index: 3;
  width: 100px;
  height: 100%;
  top: 0px;
}
.menu__left ul li .li__tab-corner-top {
  opacity: 0;
  width: 50px;
  height: 57px;
  top: -45px;
  position: absolute;
  right: -45px;
  border-radius: 25px;
  z-index: 7;
  background-image: url("/img/corner.svg");
  background-size: cover;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.menu__left ul li .li__tab-corner-bottom {
  opacity: 0;
  width: 50px;
  height: 57px;
  bottom: -48px;
  position: absolute;
  right: -45px;
  border-radius: 25px;
  z-index: 7;
  background-image: url("/img/corner.svg");
  background-size: cover;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.menu__left ul li button {
  padding: 13.25px 20px;
  width: 100%;
  background: transparent;
  text-align: start;
  -webkit-box-shadow: 0 2px 0 0 var(--gray-15);
  box-shadow: 0 2px 0 0 var(--gray-15);
  z-index: 2;
  color: var(--gray-60);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.menu__left ul li button img {
  opacity: 0;
  z-index: 5;
  -webkit-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
.menu__right {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 23px;
  padding-right: 50px;
}
.menu__right-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 12px;
}
.menu__right-body img {
  max-width: 367px;
  width: 100%;
  min-width: 290px;
}
.menu__right-body a {
  padding: 9px 24px;
  position: relative;
}
.menu__right-body a::after {
  content: "";
  position: absolute;
  left: 24px;
  bottom: -34px;
  width: 151px;
  height: 19px;
  background-image: url(/img/faq-marker.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.menu__right-btn {
  padding: 9px 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--gray-90);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--br-m);
  border: 1px solid var(--orange-dark);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.menu__right-btn:hover {
  color: var(--orange-dark);
}
.menu__right-tab {
  display: none;
  max-width: 860px;
  width: 100%;
  padding: 20px;
  height: calc(100% - 124px);
  max-height: 673.31px;
  margin-top: 88px;
  margin-left: 20px;
  background-color: var(--white);
  -webkit-box-shadow: 4px 4px 16px 0 rgba(189, 189, 189, 0.4);
  box-shadow: 4px 4px 16px 0 rgba(189, 189, 189, 0.4);
  border-radius: var(--br-fs);
  overflow-y: auto;
}
.menu__right-tab .line {
  height: 2px;
  width: 100%;
  background-color: var(--gray-10);
  margin-bottom: 20px;
}
.menu__right-tab-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 56px;
}
.menu__right-tab-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  color: var(--gray-60);
  padding: 8px;
  padding-right: 20px;
  border-radius: var(--br-tag);
  -webkit-transition: -webkit-box-shadow 0.2s ease-in;
  transition: -webkit-box-shadow 0.2s ease-in;
  -o-transition: box-shadow 0.2s ease-in;
  transition: box-shadow 0.2s ease-in;
  transition: box-shadow 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;
  max-width: 400px;
  width: 100%;
}
.menu__right-tab-item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
.menu__right-tab-item-fst ellipse {
  -webkit-transition: fill 0.2s ease-in;
  -o-transition: fill 0.2s ease-in;
  transition: fill 0.2s ease-in;
}
.menu__right-tab-item-sec path {
  -webkit-transition: stroke 0.2s ease-in;
  -o-transition: stroke 0.2s ease-in;
  transition: stroke 0.2s ease-in;
}
.menu__right-tab-item:hover {
  color: var(--gray-90);
  -webkit-box-shadow: 4px 4px 16px 0 rgba(189, 189, 189, 0.4);
  box-shadow: 4px 4px 16px 0 rgba(189, 189, 189, 0.4);
}
.menu__right-tab-item:hover .menu__right-tab-item-fst ellipse {
  fill: var(--orange-dark);
}
.menu__right-tab-item:hover .menu__right-tab-item-sec path {
  stroke: var(--orange-dark);
}
.menu__right-tab-item.active {
  color: var(--gray-90);
  -webkit-box-shadow: 4px 4px 16px 0 rgba(189, 189, 189, 0.4);
  box-shadow: 4px 4px 16px 0 rgba(189, 189, 189, 0.4);
}
.menu__right-tab-item.active .menu__right-tab-item-fst ellipse {
  fill: var(--orange-dark);
}
.menu__right-tab-item.active .menu__right-tab-item-sec path {
  stroke: var(--orange-dark);
}
.menu__right-tab.active {
  display: block;
}

@media screen and (max-width: 1550px) {
  .menu__right-body {
    display: none;
  }
}
@media screen and (max-width: 1366px) {
  .menu__left {
    padding-left: 20px;
    min-width: 300px;
    max-width: 300px;
  }
  .menu__right {
    padding-right: 20px;
  }
  .menu__right-tab-item {
    gap: 16px;
  }
  .menu__right-tab-item-fst {
    width: 40px;
  }
  .menu__right-tab-item-box {
    font-size: 1.6rem;
    gap: 16px;
  }
}
@media screen and (max-width: 1023.98px) {
  .menu__left ul li .li__tab-line,
.menu__left ul li .li__tab-corner-top,
.menu__left ul li .li__tab-corner-bottom {
    display: none;
  }
  .menu__left ul li.actived {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .menu__left ul li button {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .menu__right-tab {
    margin-top: 20px;
    max-height: none;
    height: calc(100% - 40px);
  }
  .menu__right-tab-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .menu__right-tab-item {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .menu {
    display: none;
  }
  .menu__sm {
    display: none;
    position: fixed;
    top: 81px;
    background-color: var(--gray-10);
    left: 0;
    height: calc(100vh - 81px);
    width: 100%;
    z-index: 21;
    overflow: auto;
  }
  .menu__sm.open {
    display: block;
  }
  .menu__sm-header {
    padding: 20px;
    background-color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
  .menu__sm-header-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 24px;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .menu__sm-header-input {
    width: 100%;
    background-color: var(--gray-5);
    border: 1px solid var(--gray-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--br-m);
  }
  .menu__sm-header-input input {
    background: transparent;
    border: none;
    color: var(--gray-100);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .menu__sm-header-input button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 9px;
    background: transparent;
  }
  .menu__sm-all {
    background-color: var(--gray-100);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 9px;
    border-radius: var(--br-m);
  }
  .menu__sm-body {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
  .menu__sm-accordeon {
    max-height: calc(100vh - 390px);
    overflow: auto;
  }
  .menu__sm-accordeon.auth {
    max-height: calc(100vh - 323px);
  }
  .menu__sm-accordeon-item {
    background-color: transparent;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  .menu__sm-accordeon-item.active {
    background-color: var(--white);
    border-radius: var(--br-l);
  }
  .menu__sm-accordeon-header {
    color: var(--gray-60);
    padding: 13px 20px;
    border-bottom: 2px solid var(--gray-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -webkit-transition: border-color 0.2s ease-in;
    -o-transition: border-color 0.2s ease-in;
    transition: border-color 0.2s ease-in;
  }
  .menu__sm-accordeon-header.active {
    color: var(--gray-100);
    border-color: var(--gray-10);
  }
  .menu__sm-accordeon-header.active svg {
    rotate: 180deg;
  }
  .menu__sm-accordeon-header.active svg path {
    stroke: var(--orange-dark);
  }
  .menu__sm-accordeon-body {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    color: var(--gray-70);
    -webkit-transition: max-height 0.2s ease-in, padding 0.2s ease-in;
    -o-transition: max-height 0.2s ease-in, padding 0.2s ease-in;
    transition: max-height 0.2s ease-in, padding 0.2s ease-in;
  }
  .menu__sm-accordeon-body.visibled {
    max-height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0;
  }
  .menu__sm-accordeon-body a {
    color: var(--gray-60);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
    gap: 10px;
    padding: 13.5px 20px;
    border-bottom: 2px solid var(--gray-10);
  }
  .menu__sm-accordeon-body a:last-child {
    border: none;
  }
  .menu__sm-accordeon-body a svg {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
  }
  .menu__sm-accordeon-body a:hover {
    color: var(--orange-dark);
  }
  .menu__sm-accordeon-body a:hover svg {
    opacity: 1;
  }
  .menu__sm-catalog {
    background-color: var(--orange-dark);
    padding: 8px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--white);
    border-radius: var(--br-s);
    gap: 8px;
    -webkit-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
  }
  .menu__sm-catalog.sm {
    max-width: 177px;
  }
  .menu__sm-catalog:hover {
    background-color: var(--orange-hover);
  }
  .menu__sm-tariffs {
    color: var(--gray-90);
    display: inline-block;
    padding: 8px 28px;
    -webkit-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
  }
  .menu__sm-tariffs:hover {
    color: var(--orange-dark);
  }
  .menu__sm-reg {
    color: var(--gray-90);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
    padding: 8px;
    max-width: 177px;
    width: 100%;
    border-radius: var(--br-s);
    border: 1px solid var(--gray-20);
  }
  .menu__sm-reg:hover {
    color: var(--orange-dark);
  }
  .menu__sm-auth {
    color: var(--gray-90);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
    padding: 8px;
    max-width: 131px;
    width: 100%;
    border-radius: var(--br-s);
    border: 1px solid var(--gray-20);
  }
  .menu__sm-auth:hover {
    color: var(--orange-dark);
  }
  .menu__sm-logout {
    color: var(--gray-90);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
    padding: 8px;
    width: 100%;
    border-radius: var(--br-s);
    border: 1px solid var(--gray-20);
  }
  .menu__sm-logout:hover {
    color: var(--orange-dark);
  }
}
.profile {
  padding-top: 56px;
  background-color: var(--gray-5);
}
.profile.not-subscribed {
  background-color: var(--gray-10);
}
.profile__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 80px;
  background: var(--gray-5);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
  border-radius: var(--br-tag);
  overflow: hidden;
}
.profile__tab {
  padding: 14px 24px;
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  background-color: transparent;
  color: var(--gray-50);
  border-radius: var(--br-tag);
  -webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in, color 0.2s ease-in;
  transition: background-color 0.2s ease-in, color 0.2s ease-in;
}
.profile__tab svg path {
  -webkit-transition: stroke 0.2s ease-in;
  -o-transition: stroke 0.2s ease-in;
  transition: stroke 0.2s ease-in;
}
.profile__tab.active {
  background-color: var(--orange-dark);
  color: var(--white);
}
.profile__tab.active svg path {
  stroke: var(--white);
}
.profile__tab:hover {
  background-color: var(--orange-dark);
  color: var(--white);
}
.profile__tab:hover svg path {
  stroke: var(--white);
}
.profile__tabcontent-profile {
  padding-bottom: 192px;
}
.profile__tabcontent-docs {
  padding-bottom: 321px;
}
.profile__tabcontent-docs-line {
  height: 2px;
  width: 100%;
  background-color: var(--gray-15);
  margin-bottom: 56px;
}
.profile__tabcontent-docs-show {
  padding: 9px 24px;
  border-radius: var(--br-m);
  border: 1px solid var(--gray-20);
  background: var(--white);
  color: var(--gray-100);
  margin-top: 40px;
  width: 100%;
  display: none;
  -webkit-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
}
.profile__tabcontent-docs-show:hover {
  background-color: var(--gray-5);
}
.profile__tabcontent-docs-show:active {
  background-color: var(--gray-100);
  color: var(--white);
  border-color: var(--gray-100);
}
.profile__tabcontent-docs-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.profile__tabcontent-docs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 16px;
  border-radius: var(--br-l);
  background-color: var(--gray-10);
}
.profile__tabcontent-docs-item a {
  height: 42px;
  max-width: 42px;
  width: 100%;
  margin-left: auto;
}
.profile__tabcontent-docs-item a svg path {
  -webkit-transition: fill 0.2s ease-in;
  -o-transition: fill 0.2s ease-in;
  transition: fill 0.2s ease-in;
}
.profile__tabcontent-docs-item a:hover svg path {
  fill: var(--orange-dark);
}
.profile__tabcontent-docs-item-box p {
  margin-bottom: 8px;
}
.profile__tabcontent-docs-item-box span {
  color: var(--gray-50);
}
.profile__tabcontent-docs-info {
  padding: 48px;
  background-color: var(--white);
  border-radius: var(--br-fs);
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  border: 2px solid var(--gray-15);
}
.profile__tabcontent-docs-info h6 {
  margin-bottom: 40px;
}
.profile__tabcontent-help {
  padding-bottom: 244px;
}
.profile__tabcontent-help-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 32px;
}
.profile__tabcontent-help-sm {
  display: none;
}
.profile__tabcontent-help-left {
  max-width: 496px;
  width: 100%;
  min-width: 400px;
}
.profile__tabcontent-help-left form {
  padding: 40px;
  background-color: var(--white);
  border-radius: var(--br-fs);
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  border: 2px solid var(--gray-15);
}
.profile__tabcontent-help-left form p {
  margin-bottom: 32px;
}
.profile__tabcontent-help-left form label {
  color: var(--gray-80);
}
.profile__tabcontent-help-left form button {
  width: 100%;
  padding: 9px 14px;
}
.profile__tabcontent-help-top {
  display: none;
}
.profile__tabcontent-help-right {
  max-width: 883px;
  width: 100%;
  min-width: 500px;
}
.profile__tabcontent-help-info {
  padding: 48px;
  background-color: var(--white);
  border-radius: var(--br-fs);
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  border: 2px solid var(--gray-15);
}
.profile__tabcontent-help-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 48px;
}
.profile__tabcontent-help-info-wrapper.mb {
  margin-bottom: 56px;
}
.profile__tabcontent-help-info p {
  color: var(--gray-70);
}
.profile__tabcontent-help-info p.head {
  color: var(--gray-100);
}
.profile__tabcontent-help-info a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 9px 24px;
  margin-bottom: 56px;
}
.profile__tabcontent-help-info .head {
  margin-bottom: 32px;
}
.profile__tabcontent-help-info h6 {
  margin-bottom: 40px;
}
.profile__tabcontent-help-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.profile__tabcontent-help-info ul li {
  padding-left: 60px;
  position: relative;
  color: var(--gray-70);
}
.profile__tabcontent-help-info ul li::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 0;
  width: 18px;
  height: 18px;
  background-image: url(/img/li.svg);
}
.profile__tabcontent-help-selecting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
.profile__tabcontent-help-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 52px;
}
.profile__tabcontent-tariff-top {
  padding-bottom: 237px;
}
.profile__tabcontent-tariff-top.not-subscribed {
  padding-bottom: 188px;
}
.profile__tabcontent-tariff-top.not-subscribed.sm {
  padding-bottom: 100px;
}
.profile__tabcontent-tariff-bottom {
  padding-top: 96px;
  padding-bottom: 250px;
  background-color: var(--gray-10);
}
.profile__tabcontent-tariff-bottom.not-subcribed {
  background-color: var(--white);
}
.profile__tabcontent-tariffcard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  padding-bottom: 52px;
  background-color: var(--white);
  border-radius: var(--br-fm);
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  border: 2px solid var(--gray-20);
  width: 100%;
  min-height: 554px;
  height: 100%;
  position: relative;
}
.profile__tabcontent-tariffcard-info {
  position: absolute;
  top: 20px;
  right: 20px;
}
.profile__tabcontent-tariffcard.sm {
  min-height: 526px;
  padding-bottom: 43px;
}
.profile__tabcontent-tariffcard.p-small {
  padding-bottom: 38px;
}
.profile__tabcontent-tariffcard-topline {
  height: 2px;
  width: 100%;
  background-color: var(--gray-15);
}
.profile__tabcontent-tariffcard-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 43px;
  height: 100%;
  padding: 0 8px;
}
.profile__tabcontent-tariffcard-body-filecontent {
  padding-top: 43px;
}
.profile__tabcontent-tariffcard-body-filecontent.sm {
  display: none;
}
.profile__tabcontent-tariffcard-body-filecontent p {
  margin-bottom: 32px;
}
.profile__tabcontent-tariffcard-body-file {
  padding: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  max-width: 412px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: var(--gray-10);
  border-radius: var(--br-l);
}
.profile__tabcontent-tariffcard-body-file p {
  margin-bottom: 0;
}
.profile__tabcontent-tariffcard-body-wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  padding-top: 14px;
}
.profile__tabcontent-tariffcard-body-wr.sm {
  display: none;
}
.profile__tabcontent-tariffcard-body-wr-top p {
  margin-bottom: 20px;
}
.profile__tabcontent-tariffcard-body-wr-top-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  row-gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.profile__tabcontent-tariffcard-body-btn {
  margin-top: 32px;
  width: 100%;
  padding: 9px;
  font-size: 1.6rem;
  border-radius: var(--br-m);
  display: none;
}
.profile__tabcontent-tariffcard-body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.profile__tabcontent-tariffcard-body ul li {
  padding-left: 60px;
  position: relative;
  color: var(--gray-70);
}
.profile__tabcontent-tariffcard-body ul li::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  width: 18px;
  height: 18px;
  background-image: url(/img/li.svg);
}
.profile__tabcontent-tariffcard-body-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 50px;
  max-width: 412px;
  width: 100%;
  height: 100%;
}
.profile__tabcontent-tariffcard-body-left button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.profile__tabcontent-tariffcard-body-left button:disabled {
  background-color: var(--gray-40);
  cursor: auto;
}
.profile__tabcontent-tariffcard-body-left-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  color: var(--gray-70);
}
.profile__tabcontent-tariffcard-body-left-wrapper p.mb {
  margin-bottom: 16px;
}
.profile__tabcontent-tariffcard-body-right {
  max-width: 350px;
  width: 100%;
  min-height: 247px;
  padding-left: 21px;
  border-left: 2px solid var(--gray-15);
}
.profile__tabcontent-tariffcard-body-right button:disabled {
  background-color: var(--gray-40);
  cursor: auto;
}
.profile__tabcontent-tariffcard-body-right p {
  color: var(--gray-60);
}
.profile__tabcontent-tariffcard-body-right-price {
  margin-bottom: 16px;
  font-size: 3.8rem;
  line-height: 114.9%;
}
.profile__tabcontent-tariffcard-body-right-price span {
  font-size: 2rem;
  line-height: 100%;
  font-weight: 500;
}
.profile__tabcontent-tariffcard-body-right-all {
  color: var(--gray-40);
  margin-bottom: 40px;
}
.profile__tabcontent-tariffcard-body-right-all span {
  color: var(--black);
}
.profile__tabcontent-tariffcard-body-right-all.hidden {
  opacity: 0;
}
.profile__tabcontent-tariffcard-body-tag {
  padding: 3px 15px;
  border: 1px solid transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--br-tag);
}
.profile__tabcontent-tariffcard-body-tag.dark {
  background-color: var(--gray-100);
  color: var(--white);
  border-color: var(--gray-100);
}
.profile__tabcontent-tariffcard-body-tag.light {
  background-color: var(--gray-5);
  color: var(--gray-100);
  border-color: var(--gray-20);
}
.profile__tabcontent-tariffcard-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px;
}
.profile__tabcontent-tariffcard-top-tag {
  color: var(--orange-dark);
  padding: 8px 20px;
  border: 1px solid var(--orange-dark);
  background-color: var(--white);
  border-radius: var(--br-tag);
  margin-right: 24px;
}
.profile__tabcontent-tariffcard-top-tag.m-0 {
  margin: 0;
}
.profile__tabcontent-tariffcard-top-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.profile__tabcontent-tariffcard-top-left .head {
  margin-bottom: 8px;
  color: var(--black);
  font-size: 3rem;
}
.profile__tabcontent-tariffcard-top-left img {
  width: 64px;
  height: 64px;
}
.profile__tabcontent-tariffcard-top-left p {
  color: var(--gray-50);
}
.profile__tabcontent-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 149px;
}
.profile__tabcontent-left {
  max-width: 883px;
  width: 100%;
  min-width: 565px;
}
.profile__tabcontent-left.with-tariff {
  min-width: 710px;
}
.profile__tabcontent-left.with-tariff-md {
  min-width: 650px;
}
.profile__tabcontent-left .tariff__commercial-left {
  padding-bottom: 120px;
}
.profile__tabcontent-left-delete {
  margin-top: 16px;
  padding: 4px 16px;
  background-color: var(--white);
  border-radius: var(--br-s);
  border: 1px solid var(--gray-20);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--gray-90);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.profile__tabcontent-left-delete:hover {
  color: var(--orange-dark);
}
.profile__tabcontent-right {
  max-width: 367px;
  width: 100%;
}
.profile__tabcontent-bottom {
  display: none;
}
.profile__tabcontent-textright {
  max-width: 493px;
  width: 100%;
}
.profile__tabcontent-textright.sm {
  display: none;
}
.profile__tabcontent-textright h6 {
  margin-bottom: 32px;
  color: var(--gray-100);
}
.profile__tabcontent-textright p {
  color: var(--gray-70);
}
.profile__tabcontent-textright ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.profile__tabcontent-textright ul li {
  padding-left: 60px;
  position: relative;
  color: var(--gray-70);
}
.profile__tabcontent-textright ul li::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  width: 18px;
  height: 18px;
  background-image: url(/img/li.svg);
}
.profile__tabcontent-textleft {
  max-width: 653px;
  width: 100%;
}
.profile__tabcontent-textleft.lg {
  max-width: 754px;
}
.profile__tabcontent-textleft h6 {
  margin-bottom: 40px;
  color: var(--gray-100);
}
.profile__tabcontent-textleft ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.profile__tabcontent-textleft ul li {
  padding-left: 60px;
  position: relative;
  color: var(--gray-70);
}
.profile__tabcontent-textleft ul li::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  width: 18px;
  height: 18px;
  background-image: url(/img/li.svg);
}
.profile__tabcontent-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
  padding: 48px;
  background-color: var(--white);
  border-radius: var(--br-fs);
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  border: 2px solid var(--gray-15);
  width: 100%;
}
.profile__tabcontent-info.mid-height {
  min-height: 473px;
}
.profile__tabcontent-info h6 {
  color: var(--gray-100);
}
.profile__tabcontent-info-year {
  padding: 9px 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.profile__tabcontent-info-year.mt {
  margin-top: 20px;
}
.profile__tabcontent-info-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.profile__tabcontent-info-switch.invalid {
  pointer-events: none;
}
.profile__tabcontent-info-switch.invalid .profile__tabcontent-info-switch-input:checked + .profile__tabcontent-info-switch-slider {
  background-color: var(--gray-20);
}
.profile__tabcontent-info-switch-input {
  display: none;
}
.profile__tabcontent-info-switch-input:checked + .profile__tabcontent-info-switch-slider {
  background-color: var(--orange-dark);
}
.profile__tabcontent-info-switch-input:checked + .profile__tabcontent-info-switch-slider::before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}
.profile__tabcontent-info-switch-slider {
  position: relative;
  width: 56px;
  height: 24px;
  background-color: var(--gray-30);
  border-radius: var(--br-tag);
  -webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.24);
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.24);
  -webkit-transition: background-color 0.2 ease-in;
  -o-transition: background-color 0.2 ease-in;
  transition: background-color 0.2 ease-in;
}
.profile__tabcontent-info-switch-slider::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  width: 36px;
  height: 36px;
  background-color: var(--white);
  border: 1px solid var(--gray-10);
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
.profile__tabcontent-dopinfo {
  width: 100%;
  padding: 24px;
  padding-bottom: 260px;
  background-color: var(--white);
  border-radius: var(--br-fxs);
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  border: 2px solid var(--gray-15);
  overflow: hidden;
  min-height: 471px;
}
.profile__tabcontent-dopinfo-news {
  position: relative;
}
.profile__tabcontent-dopinfo-news img {
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  right: 0;
  left: 0;
}
.profile__tabcontent-dopinfo-subscribe {
  position: relative;
}
.profile__tabcontent-dopinfo-subscribe img {
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  right: 0;
  left: 0;
}
.profile__tabcontent-dopinfo-subscribe-head {
  margin-bottom: 20px;
  color: var(--gray-100);
}
.profile__tabcontent-dopinfo-subscribe-message {
  margin-bottom: 40px;
  color: var(--gray-80);
}
.profile__tabcontent-dopinfo-subscribe button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 24px;
  gap: 10px;
  background-color: var(--orange-dark);
  border-radius: var(--br-m);
  color: var(--white);
  -webkit-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.profile__tabcontent-dopinfo-subscribe button:hover {
  background-color: var(--orange-hover);
}
.profile__tabcontent-dopinfo-head {
  color: var(--orange-dark);
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
}
.profile__tabcontent-dopinfo-head::after {
  content: "";
  display: block;
  width: 96px;
  height: 12px;
  background-image: url(/img/line-96.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
.profile__tabcontent-line {
  height: 2px;
  width: 100%;
  background-color: var(--gray-15);
}
.profile__tabcontent-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.profile__tabcontent-box-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 26px;
}
.profile__tabcontent-box-message {
  color: var(--gray-70);
}
.profile__tabcontent-box p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--gray-50);
}
.profile__tabcontent-box p span {
  color: var(--gray-100);
}
.profile__tabcontent-box p button {
  background-color: transparent;
  max-height: 24px;
  margin-left: 8px;
}

@media screen and (max-width: 1550px) {
  .profile__tabcontent-row.sm-gap {
    gap: 32px;
  }
}
@media screen and (max-width: 1350px) {
  .profile__tabcontent-row {
    gap: 50px;
  }
  .profile__tabcontent-row.sm-gap {
    gap: 24px;
  }
  .profile__tabcontent-docs-row {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .profile__tabcontent-textright h6 {
    font-size: 2rem;
  }
  .profile__tabcontent-textright p {
    font-size: 1.4rem;
  }
  .profile__tabcontent-tariffcard-top-tag {
    margin-right: 8px;
  }
  .profile__tabcontent-help-btn {
    display: none;
  }
  .profile__tabcontent-help-sm {
    display: block;
    padding: 46px 0;
    border-top: 2px solid var(--gray-15);
    border-bottom: 2px solid var(--gray-15);
    margin-bottom: 56px;
  }
  .profile__tabcontent-help-info p.profile__tabcontent-help-sm {
    color: var(--gray-100);
  }
}
@media screen and (max-width: 1023.98px) {
  .profile {
    padding: 0;
  }
  .profile__tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    gap: 12px;
    margin-bottom: 0;
  }
  .profile__tabs-container {
    padding: 40px 35px;
    background-color: var(--white);
    border-top: 2px solid var(--gray-5);
    border-bottom: 2px solid var(--gray-20);
  }
  .profile__tab {
    background: var(--gray-5);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .profile__tabcontent {
    padding-top: 40px;
  }
  .profile__tabcontent-docs {
    padding-bottom: 100px;
  }
  .profile__tabcontent-docs-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .profile__tabcontent-tariffcard-top-tag {
    margin-right: 24px;
    padding: 4px;
  }
  .profile__tabcontent-tariffcard-top-left-box {
    max-width: 250px;
  }
  .profile__tabcontent-tariffcard-top-left-box.widthed {
    max-width: 100%;
  }
  .profile__tabcontent-help-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .profile__tabcontent-help-left {
    max-width: 100%;
    min-width: auto;
  }
  .profile__tabcontent-help-right {
    max-width: 100%;
    min-width: auto;
  }
  .profile__tabcontent-profile {
    padding-bottom: 100px;
  }
  .profile__tabcontent-tariff-top {
    padding-bottom: 100px;
  }
  .profile__tabcontent-tariff-top.not-subscribed {
    padding-bottom: 100px;
  }
  .profile__tabcontent-tariff-bottom {
    padding-bottom: 100px;
  }
  .profile__tabcontent-help {
    padding-bottom: 100px;
  }
  .profile__tabcontent-left {
    max-width: 100%;
  }
  .profile__tabcontent-left.with-tariff {
    min-width: auto;
  }
  .profile__tabcontent-left.with-tariff-md {
    min-width: auto;
  }
  .profile__tabcontent-right {
    max-width: 100%;
  }
  .profile__tabcontent-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .profile__tabcontent-row.sm-gap {
    gap: 50px;
  }
  .profile__tabcontent-dopinfo {
    min-height: 400px;
  }
  .profile__tabcontent-dopinfo-news img {
    left: auto;
    width: auto;
  }
  .profile__tabcontent-dopinfo-subscribe img {
    left: auto;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .profile__tabcontent-profile {
    padding-bottom: 0;
    padding-top: 20px;
  }
  .profile__tabcontent-tariff {
    padding: 0;
  }
  .profile__tabcontent-tariff-top {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .profile__tabcontent-tariff-top.not-subscribed {
    padding-bottom: 20px;
  }
  .profile__tabcontent-tariff-top.not-subscribed.sm {
    padding-bottom: 20px;
  }
  .profile__tabcontent-tariff-bottom {
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .profile__tabcontent-tariff-bottom.not-subcribed {
    border-bottom: 2px solid var(--gray-15);
  }
  .profile__tabcontent-help {
    padding-bottom: 124px;
    padding-top: 0;
  }
  .profile__tabcontent-help-left {
    display: none;
  }
  .profile__tabcontent-help-sm {
    border-top: none;
    padding: 32px 0;
    padding-top: 0;
    margin-bottom: 32px;
  }
  .profile__tabcontent-help-info {
    padding: 24px;
    border-radius: var(--br-fxs);
  }
  .profile__tabcontent-help-info h6 {
    font-size: 2rem;
    margin-bottom: 24px;
    line-height: 140%;
  }
  .profile__tabcontent-help-info p {
    font-size: 1.4rem;
    line-height: 130%;
  }
  .profile__tabcontent-help-info p.head {
    font-size: 2rem;
    line-height: 140%;
    margin-bottom: 24px;
  }
  .profile__tabcontent-help-info p.profile__tabcontent-help-sm {
    font-size: 1.6rem;
    line-height: 130%;
    font-weight: 500;
  }
  .profile__tabcontent-help-info ul {
    gap: 12px;
    font-size: 1.4rem;
    line-height: 130%;
  }
  .profile__tabcontent-help-info ul li {
    padding-left: 55px;
  }
  .profile__tabcontent-help-info ul li::after {
    left: 18px;
  }
  .profile__tabcontent-help-info-wrapper {
    gap: 12px;
    padding-bottom: 32px;
    border-bottom: 2px solid var(--gray-15);
    margin-bottom: 32px;
  }
  .profile__tabcontent-help-info-wrapper.mb {
    margin-bottom: 32px;
  }
  .profile__tabcontent-help-selecting {
    margin-bottom: 20px;
  }
  .profile__tabcontent-help-message {
    margin-bottom: 40px;
  }
  .profile__tabcontent-help-message textarea {
    min-height: 72px;
  }
  .profile__tabcontent-help-top {
    display: block;
    margin-bottom: 20px;
  }
  .profile__tabcontent-help-top form {
    padding: 40px 20px;
    background-color: var(--white);
  }
  .profile__tabcontent-help-top form p {
    margin-bottom: 40px;
    font-size: 2rem;
  }
  .profile__tabcontent-help-top form label {
    color: var(--gray-80);
  }
  .profile__tabcontent-help-top form button {
    width: 100%;
    padding: 8px 14px;
    border-radius: var(--br-s);
    font-size: 1.4rem;
  }
  .profile__tabcontent-docs {
    background-color: var(--white);
    padding-bottom: 40px;
    padding-top: 20px;
  }
  .profile__tabcontent-docs-line {
    margin-bottom: 20px;
  }
  .profile__tabcontent-docs-show {
    display: block;
  }
  .profile__tabcontent-docs-info {
    background: transparent;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .profile__tabcontent-docs-info h6 {
    font-size: 2rem;
    line-height: 140%;
    margin-bottom: 20px;
  }
  .profile__tabcontent-docs-row {
    gap: 16px;
  }
  .profile__tabcontent-docs-item {
    padding: 8px;
    gap: 8px;
  }
  .profile__tabcontent-docs-item p {
    font-size: 1.4rem;
    line-height: 130%;
  }
  .profile__tabcontent-docs-item span {
    font-size: 1.1rem;
    line-height: 130%;
  }
  .profile__tabcontent-docs-item img {
    width: 32px;
    height: 32px;
  }
  .profile__tabcontent-docs-item a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .profile__tabcontent-docs-item a svg {
    width: 32px;
    height: 32px;
  }
  .profile__tabcontent-tariffcard {
    padding: 0;
    border-radius: var(--br-fs);
    overflow: hidden;
    gap: 20px;
  }
  .profile__tabcontent-tariffcard.p-small {
    padding-bottom: 20px;
  }
  .profile__tabcontent-tariffcard.sm {
    padding-bottom: 20px;
  }
  .profile__tabcontent-tariffcard-top {
    padding: 16px;
    -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
    border: 2px solid var(--gray-20);
    border-radius: var(--br-fs);
    margin: -2px;
  }
  .profile__tabcontent-tariffcard-top-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
  }
  .profile__tabcontent-tariffcard-top-left-box {
    max-width: 100%;
  }
  .profile__tabcontent-tariffcard-top-left-box p {
    font-size: 1.4rem;
  }
  .profile__tabcontent-tariffcard-top-left img {
    width: 48px;
    height: 48px;
  }
  .profile__tabcontent-tariffcard-top-left .head {
    font-size: 2rem;
    line-height: 140%;
    margin-bottom: 4px;
  }
  .profile__tabcontent-tariffcard-top-tag {
    position: absolute;
    margin: 0;
    top: 20px;
    right: 56px;
    font-size: 1.1rem;
    line-height: 200%;
    padding: 0 8px;
  }
  .profile__tabcontent-tariffcard-top-tag.without-info {
    right: 20px;
  }
  .profile__tabcontent-tariffcard-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px;
    gap: 32px;
  }
  .profile__tabcontent-tariffcard-body-file {
    padding: 8px;
    gap: 8px;
    max-width: 360px;
  }
  .profile__tabcontent-tariffcard-body-file img {
    width: 32px;
    height: 32px;
  }
  .profile__tabcontent-tariffcard-body-file p {
    margin: 0 !important;
    font-size: 1.2rem !important;
  }
  .profile__tabcontent-tariffcard-body-file a svg {
    width: 32px;
    height: 32px;
  }
  .profile__tabcontent-tariffcard-body-filecontent {
    display: none;
    padding-top: 24px;
    border-top: 2px solid var(--gray-15);
    margin-top: 8px;
  }
  .profile__tabcontent-tariffcard-body-filecontent p {
    margin-bottom: 20px;
    color: var(--gray-80);
  }
  .profile__tabcontent-tariffcard-body-filecontent.sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .profile__tabcontent-tariffcard-body-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .profile__tabcontent-tariffcard-body-wr {
    display: none;
  }
  .profile__tabcontent-tariffcard-body-wr.sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 24px;
    border-top: 2px solid var(--gray-15);
    margin-top: 8px;
  }
  .profile__tabcontent-tariffcard-body p {
    font-size: 1.4rem;
    line-height: 130%;
  }
  .profile__tabcontent-tariffcard-body p.mb {
    margin-bottom: 12px;
  }
  .profile__tabcontent-tariffcard-body ul {
    gap: 12px;
    font-size: 1.4rem;
    line-height: 130%;
  }
  .profile__tabcontent-tariffcard-body ul li {
    padding-left: 55px;
  }
  .profile__tabcontent-tariffcard-body ul li::after {
    left: 18px;
  }
  .profile__tabcontent-tariffcard-body-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0;
    border: none;
    min-height: auto;
    gap: 56px;
    max-width: 100%;
  }
  .profile__tabcontent-tariffcard-body-right button {
    padding: 9px;
    font-size: 1.6rem;
  }
  .profile__tabcontent-tariffcard-body-right-all {
    margin: 0;
  }
  .profile__tabcontent-tariffcard-body-right-all.hidden {
    display: none;
  }
  .profile__tabcontent-tariffcard-body-right-price {
    margin: 0;
    font-size: 3rem;
    line-height: 125%;
    padding-top: 8px;
    border-top: 2px solid var(--gray-15);
  }
  .profile__tabcontent-tariffcard-body-right-price span {
    font-size: 1.6rem;
  }
  .profile__tabcontent-tariffcard-body-left-wrapper {
    gap: 24px;
  }
  .profile__tabcontent-tariffcard-body-left button {
    display: none;
  }
  .profile__tabcontent-tariffcard-body-tag {
    font-size: 1.2rem;
    line-height: 200%;
    padding: 2px 12px;
  }
  .profile__tabcontent-tariffcard-topline {
    display: none;
  }
  .profile__tabcontent-textright {
    display: none;
  }
  .profile__tabcontent-textright.sm {
    display: block;
    padding: 40px 32px;
    max-width: 100%;
  }
  .profile__tabcontent-textleft {
    padding: 20px 12px;
    padding-bottom: 38px;
  }
  .profile__tabcontent-textleft h6 {
    font-size: 2rem;
    line-height: 140%;
    margin-bottom: 24px;
  }
  .profile__tabcontent-textleft ul li {
    font-size: 1.4rem;
    line-height: 130%;
  }
  .profile__tabcontent-right {
    display: none;
  }
  .profile__tabcontent-left {
    min-width: auto;
  }
  .profile__tabcontent-left-delete {
    width: 100%;
  }
  .profile__tabcontent-left .tariff__commercial-left {
    padding-bottom: 24px;
  }
  .profile__tabcontent-bottom {
    display: block;
    margin-top: 20px;
  }
  .profile__tabcontent-bottom.m-0 {
    margin: 0;
  }
  .profile__tabcontent-info {
    padding: 24px;
    border-radius: var(--br-fxs);
    gap: 24px;
  }
  .profile__tabcontent-info h6 {
    font-size: 2rem;
  }
  .profile__tabcontent-info-switch {
    font-size: 1.4rem;
    line-height: 130%;
  }
  .profile__tabcontent-info.mid-height {
    min-height: auto;
  }
  .profile__tabcontent-info-year {
    padding: 9px;
    width: 100%;
  }
  .profile__tabcontent-info-year.mt {
    margin: 0;
  }
  .profile__tabcontent-box {
    gap: 16px;
  }
  .profile__tabcontent-box-message {
    font-size: 1.4rem;
    line-height: 130%;
  }
  .profile__tabcontent-box p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
  }
  .profile__tabcontent-box p button {
    position: absolute;
    right: 0;
    top: 0;
  }
  .profile__tabcontent-dopinfo {
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 374px;
    padding: 20px 32px;
  }
  .profile__tabcontent-dopinfo-news {
    min-height: 400px;
  }
  .profile__tabcontent-dopinfo p {
    font-size: 1.4rem;
  }
  .profile__tabcontent-dopinfo p:first-of-type {
    font-size: 3rem;
  }
  .profile__tabcontent-dopinfo p.profile__tabcontent-dopinfo-subscribe-head {
    font-size: 1.8rem;
  }
  .profile__tabcontent-dopinfo-subscribe {
    padding-top: 40px;
    min-height: auto;
    padding-bottom: 40px;
    margin-bottom: 104px;
  }
  .profile__tabcontent-dopinfo-subscribe-message {
    margin-bottom: 32px;
  }
  .profile__tabcontent-dopinfo-subscribe.lg {
    margin-bottom: 0;
    padding-bottom: 180px;
  }
  .profile__tabcontent-dopinfo-subscribe.lg img {
    display: block;
  }
  .profile__tabcontent-dopinfo-subscribe img {
    display: none;
  }
  .profile__tabcontent-dopinfo-subscribe button {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .profile__tabcontent-dopinfo-head::after {
    width: 80px;
    height: 8px;
    background-position: left;
  }
  .profile__tabs-container {
    padding: 20px;
  }
  .profile__tab {
    padding: 8px;
    font-size: 1.4rem;
    gap: 8px;
  }
}
@media screen and (max-width: 576px) {
  .profile__tabcontent-dopinfo-news img {
    width: 100%;
    left: 0;
    height: 40%;
  }
  .profile__tabcontent-dopinfo-subscribe img {
    width: 100%;
    left: 0;
    height: 50%;
  }
}
@media screen and (max-width: 380px) {
  .profile__tabcontent-info-switch {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .profile__tabcontent-info-switch-slider {
    width: 48px;
    height: 20px;
  }
  .profile__tabcontent-info-switch-slider::before {
    width: 32px;
    height: 32px;
  }
}
.hero {
  position: relative;
}
.hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}
.hero__img.sm {
  display: none;
}
.hero__content {
  padding-top: 500px;
  padding-bottom: 40px;
}
.hero__bottom {
  position: absolute;
  bottom: 0;
  background: var(--gray-5);
  height: 75px;
  width: 100%;
  border-top-left-radius: var(--br-fl);
  border-top-right-radius: var(--br-fl);
}
.hero__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  padding-left: 196px;
  padding-top: 44px;
  padding-right: 19px;
  padding-bottom: 73px;
  max-width: 1004px;
  width: 100%;
  background-color: var(--white);
  border-top-right-radius: var(--br-fs);
}
.hero__block h5 span {
  position: relative;
  display: inline-block;
}
.hero__block h5 span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 10px;
  background-image: url("/img/line-120.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.hero__block p {
  color: var(--orange-dark);
}

@media screen and (max-width: 1100px) {
  .hero__block {
    max-width: 100%;
    padding: 0 60px;
    padding-top: 24px;
    padding-bottom: 56px;
    border-radius: 0;
  }
}
@media screen and (max-width: 1023.98px) {
  .hero__content {
    padding-bottom: 0;
  }
  .hero__bottom {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .hero__content {
    padding: 0;
  }
  .hero__img {
    position: initial;
    height: 400px;
  }
  .hero__block {
    padding: 0 20px;
    padding-top: 30px;
    padding-bottom: 70px;
    gap: 16px;
  }
  .hero__block h5 {
    font-size: 2.2rem;
    line-height: 140%;
  }
  .hero__block h5 span::after {
    height: 8px;
    background-image: url(/img/orange-line-80.svg);
    bottom: -5px;
  }
  .hero__block p {
    font-size: 3rem;
    line-height: 100%;
  }
}
@media screen and (max-width: 576px) {
  .hero__img {
    display: none;
  }
  .hero__img.sm {
    display: block;
  }
}
.popular {
  background-color: var(--gray-5);
  padding-top: 30px;
  padding-bottom: 175px;
  position: relative;
}
.popular__bottom {
  position: absolute;
  bottom: 0;
  background: var(--white);
  height: 45px;
  width: 100%;
  border-top-left-radius: var(--br-fl);
  border-top-right-radius: var(--br-fl);
}
.popular__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin-bottom: 75px;
  gap: 20px;
}
.popular__top .heading {
  margin-top: 5px;
}
.popular__swiper-slide {
  padding: 20px 10px;
}

@media screen and (max-width: 1023.98px) {
  .popular__bottom {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .popular {
    padding-top: 48px;
    padding-bottom: 62px;
    margin-bottom: 0;
  }
  .popular__swiper-slide {
    padding: 10px;
  }
  .popular__top {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 57px;
  }
  .popular__top .heading {
    margin-top: 0;
  }
}
.new {
  padding-top: 60px;
  padding-bottom: 135px;
}
.new__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin-bottom: 75px;
  gap: 20px;
}
.new__top .heading {
  margin-top: 5px;
}
.new__swiper-slide {
  padding: 20px 10px;
}

@media screen and (max-width: 768px) {
  .new {
    padding-top: 48px;
    padding-bottom: 112px;
    margin-bottom: 0;
  }
  .new__swiper-slide {
    padding: 10px;
  }
  .new__top {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 57px;
  }
  .new__top .heading {
    margin-top: 0;
  }
}
.low {
  padding-top: 105px;
  padding-bottom: 173px;
  background-color: var(--gray-5);
  border-top-left-radius: var(--br-fl);
  border-top-right-radius: var(--br-fl);
  position: relative;
}
.low__bottom {
  position: absolute;
  bottom: 0;
  background: var(--white);
  height: 45px;
  width: 100%;
  border-top-left-radius: var(--br-fl);
  border-top-right-radius: var(--br-fl);
}
.low__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin-bottom: 75px;
  gap: 20px;
}
.low__top .heading {
  margin-top: 5px;
}
.low__swiper-slide {
  padding: 20px 10px;
}

@media screen and (max-width: 1023.98px) {
  .low {
    border-radius: 0;
  }
  .low__bottom {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .low {
    padding-top: 48px;
    padding-bottom: 62px;
    margin-bottom: 0;
  }
  .low__swiper-slide {
    padding: 10px;
  }
  .low__top {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 57px;
  }
  .low__top .heading {
    margin-top: 0;
  }
}
.mid {
  padding-top: 60px;
  padding-bottom: 130px;
}
.mid__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin-bottom: 75px;
  gap: 20px;
}
.mid__top .heading {
  margin-top: 5px;
}
.mid__swiper-slide {
  padding: 20px 10px;
}

@media screen and (max-width: 768px) {
  .mid {
    padding-top: 48px;
    padding-bottom: 112px;
    margin-bottom: 0;
  }
  .mid__swiper-slide {
    padding: 10px;
  }
  .mid__top {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 57px;
  }
  .mid__top .heading {
    margin-top: 0;
  }
}
.high {
  padding-top: 105px;
  padding-bottom: 173px;
  background-color: var(--gray-5);
  border-top-left-radius: var(--br-fl);
  border-top-right-radius: var(--br-fl);
  position: relative;
}
.high__bottom {
  position: absolute;
  bottom: 0;
  background: var(--white);
  height: 45px;
  width: 100%;
  border-top-left-radius: var(--br-fl);
  border-top-right-radius: var(--br-fl);
}
.high__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 20px;
  margin-bottom: 75px;
}
.high__top .heading {
  margin-top: 5px;
}
.high__swiper-slide {
  padding: 20px 10px;
}

@media screen and (max-width: 1023.98px) {
  .high {
    border-radius: 0;
  }
  .high__bottom {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .high {
    padding-top: 48px;
    padding-bottom: 62px;
    margin-bottom: 0;
  }
  .high__swiper-slide {
    padding: 10px;
  }
  .high__top {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 57px;
  }
  .high__top .heading {
    margin-top: 0;
  }
}
.recommend {
  padding-top: 60px;
  padding-bottom: 156px;
  margin-bottom: 120px;
}
.recommend__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin-bottom: 75px;
  gap: 20px;
}
.recommend__top .heading {
  margin-top: 5px;
}
.recommend__swiper-slide {
  padding: 20px 10px;
}

@media screen and (max-width: 768px) {
  .recommend {
    padding-top: 48px;
    padding-bottom: 112px;
    margin-bottom: 0;
  }
  .recommend__swiper-slide {
    padding: 10px;
  }
  .recommend__top {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 57px;
  }
  .recommend__top .heading {
    margin-top: 0;
  }
}
.tariffs {
  background-color: var(--gray-15);
  padding-top: 80px;
  padding-bottom: 127px;
  border-top-left-radius: var(--br-fl);
  border-top-right-radius: var(--br-fl);
}
.tariffs__head {
  margin-bottom: 80px;
}
.tariffs__swiper {
  margin-bottom: 80px;
}
.tariffs__swiper:has(.tariffs__swiper-wrapper.grid) {
  overflow: visible;
}
.tariffs__swiper-wrapper.grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 44px;
}
.tariffs__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}
.tariffs__info p {
  color: var(--gray-70);
}
.tariffs__info a {
  padding: 9px 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.tariffs__card {
  background-color: var(--white);
  border: 2px solid var(--gray-20);
  border-radius: var(--br-fm);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  gap: 24px;
  -webkit-box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.16);
  min-height: 640px;
  height: 100%;
  position: relative;
}
.tariffs__card:hover .tariffs__card-back {
  opacity: 1;
}
.tariffs__card-info {
  position: absolute;
  top: 20px;
  right: 20px;
}
.tariffs__card-back {
  position: absolute;
  z-index: 0;
  top: 250px;
  left: 75px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
.tariffs__card-head {
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  border: 2px solid var(--gray-20);
  border-radius: var(--br-fm);
  margin: -2px;
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
}
.tariffs__card-head-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.tariffs__card-head p {
  color: var(--gray-50);
}
.tariffs__card-body {
  padding: 0 40px;
  padding-bottom: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 51px;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  z-index: 1;
}
.tariffs__card-body-tag {
  padding: 3px 15px;
  border: 1px solid transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--br-tag);
}
.tariffs__card-body-tag.dark {
  background-color: var(--gray-100);
  color: var(--white);
  border-color: var(--gray-100);
}
.tariffs__card-body-tag.light {
  background-color: var(--gray-5);
  color: var(--gray-100);
  border-color: var(--gray-20);
}
.tariffs__card-body-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
.tariffs__card-body-top p {
  color: var(--gray-70);
}
.tariffs__card-body-wrapper p {
  margin-bottom: 12px;
}
.tariffs__card-body-wrapper ul {
  color: var(--gray-70);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.tariffs__card-body-wrapper ul li {
  padding-left: 52px;
  position: relative;
}
.tariffs__card-body-wrapper ul li::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 0;
  width: 18px;
  height: 18px;
  background-image: url(/img/li.svg);
}
.tariffs__card-body-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px;
  padding-top: 20px;
  border-top: 2px solid var(--gray-15);
}
.tariffs__card-body-bottom-price span {
  font-size: 2rem;
  line-height: 100%;
  font-weight: 500;
}
.tariffs__card-body-bottom-all {
  color: var(--gray-40);
}
.tariffs__card-body-bottom-all span {
  color: var(--black);
}
.tariffs__card-body-bottom-all.hidden {
  opacity: 0;
}

@media screen and (max-width: 1650px) {
  .tariffs__swiper-slide {
    padding: 16px;
    height: auto;
  }
  .tariffs__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 27px;
  }
  .tariffs__card-back {
    left: 175px;
  }
}
@media screen and (max-width: 1100px) {
  .tariffs__card-back {
    display: none;
  }
}
@media screen and (max-width: 1023.98px) {
  .tariffs {
    border-radius: 0;
  }
}
@media screen and (max-width: 768px) {
  .tariffs {
    padding-top: 48px;
    padding-bottom: 52px;
  }
  .tariffs .container {
    padding: 0;
  }
  .tariffs__head {
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 28px;
  }
  .tariffs__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px;
  }
  .tariffs__info p {
    font-size: 1.4rem;
  }
  .tariffs__info a {
    font-size: 1.6rem;
    width: 100%;
  }
  .tariffs__swiper {
    margin-bottom: 48px;
  }
  .tariffs__swiper-slide {
    padding: 20px;
    height: 100%;
  }
  .tariffs__card {
    gap: 20px;
    min-height: 528px;
    border-radius: var(--br-fs);
  }
  .tariffs__card-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    border-radius: var(--br-fs);
  }
  .tariffs__card-head-block {
    gap: 4px;
  }
  .tariffs__card-head img {
    height: 48px;
    width: 48px;
  }
  .tariffs__card-head .h-custom {
    font-size: 2rem;
  }
  .tariffs__card-head p {
    font-size: 1.4rem;
  }
  .tariffs__card-body {
    padding: 0 20px;
    padding-bottom: 20px;
    gap: 56px;
  }
  .tariffs__card-body-tag {
    font-size: 1.2rem;
    padding: 2px 12px;
  }
  .tariffs__card-body-top {
    gap: 24px;
  }
  .tariffs__card-body-top p {
    font-size: 1.4rem;
  }
  .tariffs__card-body-wrapper ul li {
    font-size: 1.4rem;
  }
  .tariffs__card-body-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 8px;
    gap: 32px;
  }
  .tariffs__card-body-bottom-price {
    font-size: 3rem;
  }
  .tariffs__card-body-bottom-price span {
    font-size: 1.8rem;
  }
  .tariffs__card-body-bottom button {
    padding: 9px 24px;
    width: 100%;
    font-size: 1.6rem;
  }
  .tariffs__card-body-bottom a {
    padding: 9px 24px;
    width: 100%;
    font-size: 1.6rem;
  }
  .tariffs__card-body-bottom-all.hidden {
    display: none;
  }
}
.info__section {
  margin-bottom: 140px;
}
.info__message {
  padding: 22px 0;
  padding-bottom: 30px;
  -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
  box-shadow: 0 2px 0 0 var(--gray-10);
}
.info__message-close {
  background: transparent;
  margin-left: auto;
  margin-top: 7px;
  height: 42px;
  width: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.info__message-attention {
  color: var(--orange-dark);
  position: relative;
  display: inline-block;
  margin-right: 60px;
}
.info__message-attention::after {
  content: "";
  display: block;
  width: 96px;
  height: 8px;
  background-image: url("/img/line-96.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
.info__message-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 46px;
}
.info__message-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--orange-dark);
  color: var(--white);
  padding: 9px 24px;
  gap: 12px;
  border-radius: var(--br-m);
  -webkit-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.info__message-btn:hover {
  background-color: var(--orange-hover);
}
.info__message-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 6px;
}
.info__message-right p {
  color: var(--gray-100);
}
.info__top {
  padding: 24px 0;
  -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
  box-shadow: 0 2px 0 0 var(--gray-10);
}
.info__top .breadcrumbs {
  margin-bottom: 20px;
}
.info__top h5 {
  color: var(--gray-100);
}
.info__bottom {
  padding-top: 96px;
  padding-bottom: 96px;
}
.info__content-top {
  padding: 88px 0;
  background-color: var(--gray-5);
}
.info__content-block {
  max-width: 883px;
  width: 100%;
  padding: 48px;
  padding-right: 95px;
  background-color: var(--white);
  border-radius: var(--br-fs);
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  border: 2px solid var(--gray-15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 48px;
}
.info__content-block-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.info__content-block-desc p.h7 {
  margin-bottom: 16px;
}
.info__content-bottom {
  padding-top: 64px;
  padding-bottom: 242px;
}
.info__content-bottom h5 {
  margin-bottom: 80px;
  color: var(--gray-90);
}
.info__content-bottom-form {
  max-width: 1012px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}
.info__content-bottom-form-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.info__content-bottom-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.info__content-bottom-form-group textarea {
  min-height: 142px;
}
.info__content-bottom-form-left {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.info__content-bottom-form-right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 57px;
}
.info__content-bottom-form-right button {
  padding: 9px 24px;
  width: 100%;
  margin-bottom: 16px;
}
.info__list {
  max-width: 1012px;
  width: 100%;
  counter-reset: rule;
  list-style: none;
}
.info__list > li {
  counter-increment: rule;
  margin-bottom: 40px;
  position: relative;
  color: var(--gray-70);
}
.info__list > li:last-child {
  margin-bottom: 0;
}
.info__list > li::before {
  content: counter(rule) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 500;
  font-size: 1.8rem;
  color: var(--gray-70);
}
.info__list > li .info-head {
  padding-left: 26px;
  margin-bottom: 24px;
  color: var(--gray-70);
}
.info__list > li .info__sublist {
  counter-reset: subrule;
  list-style: none;
}
.info__list > li .info__sublist.sm {
  margin-top: 16px;
}
.info__list > li .info__sublist.sm > li {
  margin-bottom: 16px;
}
.info__list > li .info__sublist > li {
  counter-increment: subrule;
  margin-bottom: 16px;
  position: relative;
  padding-left: 56px;
  color: var(--gray-70);
}
.info__list > li .info__sublist > li span {
  font-weight: 600;
}
.info__list > li .info__sublist > li:last-child {
  margin-bottom: 0;
}
.info__list > li .info__sublist > li::before {
  content: counter(rule) "." counter(subrule);
  position: absolute;
  left: 0;
  top: 0;
  color: var(--orange-dark);
}
.info__list > li .info__subsublist {
  counter-reset: subsubrule;
  list-style: none;
  margin-left: -56px;
  margin-top: 16px;
}
.info__list > li .info__subsublist.sm {
  margin-top: 16px;
}
.info__list > li .info__subsublist.sm > li {
  margin-bottom: 16px;
}
.info__list > li .info__subsublist > li {
  counter-increment: subsubrule;
  margin-bottom: 16px;
  position: relative;
  padding-left: 56px;
  color: var(--gray-70);
}
.info__list > li .info__subsublist > li span {
  font-weight: 600;
}
.info__list > li .info__subsublist > li:last-child {
  margin-bottom: 0;
}
.info__list > li .info__subsublist > li::before {
  content: counter(rule) "." counter(subrule) "." counter(subsubrule);
  position: absolute;
  left: 0;
  top: 0;
  color: var(--orange-dark);
}
.info__list > li .info__marklist {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.info__list > li .info__marklist.pl {
  padding-left: 56px;
}
.info__list > li .info__marklist.mt-sm {
  margin-top: 8px;
}
.info__list > li .info__marklist li {
  position: relative;
}
.info__list > li .info__marklist li::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--orange-dark);
  top: 7px;
  left: -30px;
}
.info__list > li .ml- {
  margin-left: -56px;
  margin-top: 16px;
}
.info__list > li .ml- p {
  margin-bottom: 9px;
}
.info__list > li .ml- p:last-child {
  margin-bottom: 0;
}
.info__list > li .ml-0 {
  margin-top: 9px;
}
.info__list > li .ml-0 p {
  margin-bottom: 9px;
}
.info__list > li .ml-0 p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1550px) {
  .info__message-attention {
    margin-right: 20px;
  }
  .info__message-right {
    gap: 26px;
  }
}
@media screen and (max-width: 1023.98px) {
  .info__message {
    position: relative;
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .info__message-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .info__message-attention {
    margin: 0;
  }
  .info__message-close {
    position: absolute;
    top: 20px;
    right: 35px;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .info__top {
    padding-top: 13px;
    padding-bottom: 23px;
  }
  .info__top h5 {
    font-size: 2.2rem;
  }
  .info__message-wrapper {
    gap: 28px;
  }
  .info__message-attention {
    font-size: 3rem;
  }
  .info__message-attention::after {
    width: 80px;
  }
  .info__message-close {
    right: 20px;
  }
  .info__message-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    gap: 32px;
  }
  .info__message-right p {
    font-size: 1.4rem;
  }
  .info__message-btn {
    width: 100%;
  }
  .info__bottom {
    padding: 40px 0;
  }
  .info__section {
    margin: 0;
  }
  .info__content-top {
    padding: 20px 0;
  }
  .info__content-block {
    padding: 24px;
    border-radius: var(--br-fxs);
    gap: 24px;
  }
  .info__content-block-desc {
    gap: 5px;
  }
  .info__content-block-desc p {
    font-size: 1.4rem;
    line-height: 130%;
  }
  .info__content-block-desc p.h7 {
    font-size: 1.8rem;
    line-height: 130%;
    margin-bottom: 11px;
  }
  .info__content-bottom {
    padding: 40px 0;
  }
  .info__content-bottom h5 {
    display: none;
  }
  .info__content-bottom-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .info__content-bottom-form-left {
    width: 100%;
  }
  .info__content-bottom-form-right {
    width: 100%;
    gap: 40px;
  }
  .info__content-bottom-form-group textarea {
    min-height: 72px;
  }
  .info__list > li {
    margin-bottom: 24px;
  }
  .info__list > li::before {
    font-size: 1.6rem;
  }
  .info__list > li .info-head {
    font-size: 1.6rem;
    margin-bottom: 16px;
  }
  .info__list > li .ml- {
    font-size: 1.4rem;
  }
  .info__list > li .ml- p {
    font-size: 1.4rem;
  }
  .info__list > li .ml-0 {
    font-size: 1.4rem;
  }
  .info__list > li .ml-0 p {
    font-size: 1.4rem;
  }
  .info__list > li .info__sublist > li {
    margin-bottom: 16px;
    font-size: 1.4rem;
  }
  .info__list > li .info__sublist > li::before {
    font-size: 1.4rem;
  }
  .info__list > li .info__subsublist > li {
    margin-bottom: 16px;
    font-size: 1.4rem;
  }
  .info__list > li .info__subsublist > li::before {
    font-size: 1.4rem;
  }
  .info__list > li .info__marklist > li {
    font-size: 1.4rem;
  }
}
.error {
  padding-top: 20px;
  padding-bottom: 140px;
}
.error__content {
  max-width: 826px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.error__img {
  max-height: 700px;
}

@media screen and (max-width: 768px) {
  .error {
    padding-bottom: 70px;
  }
  .error__content p {
    font-size: 1.6rem;
  }
  .error__content img {
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
  }
}
.tariffspage__top {
  padding: 40px 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tariffspage__mid {
  background-color: var(--gray-15);
  padding: 80px 0;
  border-top-left-radius: var(--br-fl);
  border-top-right-radius: var(--br-fl);
}
.tariffspage__mid-head {
  margin-bottom: 80px;
}
.tariffspage__mid-swiper {
  margin-bottom: 80px;
}
.tariffspage__mid-swiper:has(.tariffspage__mid-swiper-wrapper.grid) {
  overflow: visible;
}
.tariffspage__mid-swiper-wrapper.grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 44px;
}
.tariffspage__mid-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}
.tariffspage__mid-info p {
  color: var(--gray-70);
}
.tariffspage__mid-info a {
  padding: 9px 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.tariffspage__mid-card {
  background-color: var(--white);
  border: 2px solid var(--gray-20);
  border-radius: var(--br-fm);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  gap: 24px;
  -webkit-box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.16);
  min-height: 640px;
  height: 100%;
  position: relative;
}
.tariffspage__mid-card-info {
  position: absolute;
  top: 20px;
  right: 20px;
}
.tariffspage__mid-card-head {
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  border: 2px solid var(--gray-20);
  border-radius: var(--br-fm);
  margin: -2px;
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
}
.tariffspage__mid-card-head-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.tariffspage__mid-card-head p {
  color: var(--gray-50);
}
.tariffspage__mid-card-body {
  padding: 0 40px;
  padding-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 51px;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.tariffspage__mid-card-body-tag {
  padding: 3px 15px;
  border: 1px solid transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--br-tag);
}
.tariffspage__mid-card-body-tag.dark {
  background-color: var(--gray-100);
  color: var(--white);
  border-color: var(--gray-100);
}
.tariffspage__mid-card-body-tag.light {
  background-color: var(--gray-5);
  color: var(--gray-100);
  border-color: var(--gray-20);
}
.tariffspage__mid-card-body-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
.tariffspage__mid-card-body-top p {
  color: var(--gray-70);
}
.tariffspage__mid-card-body-top p.textgray {
  color: var(--gray-60);
}
.tariffspage__mid-card-body-wrapper p {
  margin-bottom: 12px;
}
.tariffspage__mid-card-body-wrapper ul {
  color: var(--gray-70);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.tariffspage__mid-card-body-wrapper ul li {
  padding-left: 52px;
  position: relative;
}
.tariffspage__mid-card-body-wrapper ul li::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 0;
  width: 18px;
  height: 18px;
  background-image: url(/img/li.svg);
}
.tariffspage__mid-card-body-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px;
  padding-top: 20px;
  border-top: 2px solid var(--gray-15);
}
.tariffspage__mid-card-body-bottom-price span {
  font-size: 2rem;
  line-height: 100%;
  font-weight: 500;
}
.tariffspage__mid-card-body-bottom-all {
  color: var(--gray-40);
}
.tariffspage__mid-card-body-bottom-all span {
  color: var(--black);
}
.tariffspage__mid-card-body-bottom-all.hidden {
  opacity: 0;
}
.tariffspage__bottom-content {
  padding-top: 80px;
  padding-bottom: 161px;
}
.tariffspage__bottom-up {
  padding-bottom: 57px;
  border-bottom: 2px solid var(--gray-10);
}
.tariffspage__bottom-up-block {
  max-width: 625px;
  width: 100%;
}
.tariffspage__bottom-up-block h5 {
  margin-bottom: 32px;
  color: var(--gray-100);
}
.tariffspage__bottom-up-block p {
  color: var(--gray-70);
}
.tariffspage__bottom-down {
  padding-top: 72px;
}
.tariffspage__bottom-down-left {
  max-width: 625px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 56px;
}
.tariffspage__bottom-down-line {
  height: 2px;
  width: 100%;
  background-color: var(--gray-10);
}
.tariffspage__bottom-down-line.sm {
  display: none;
}
.tariffspage__bottom-down-item-head {
  margin-bottom: 32px;
  color: var(--gray-100);
}
.tariffspage__bottom-down-item-desc {
  margin-bottom: 16px;
}
.tariffspage__bottom-down-item ul {
  color: var(--gray-70);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.tariffspage__bottom-down-item ul li {
  padding-left: 60px;
  position: relative;
}
.tariffspage__bottom-down-item ul li::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  width: 18px;
  height: 18px;
  background-image: url(/img/li.svg);
}
.tariffspage__bottom-down-right {
  max-width: 625px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 56px;
}
.tariffspage__bottom-down-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}
.tariffspage__bottom-down-block a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.tariffspage__bottom-down-block p {
  color: var(--gray-80);
}
.tariffspage__bottom-down-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 149px;
}

@media screen and (max-width: 1650px) {
  .tariffspage__mid-swiper-slide {
    padding: 16px;
    height: auto;
  }
  .tariffspage__mid-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 27px;
  }
}
@media screen and (max-width: 1023.98px) {
  .tariffspage__mid {
    border-radius: 0;
  }
}
@media screen and (max-width: 768px) {
  .tariffspage__top {
    padding-top: 20px;
    padding-bottom: 16px;
  }
  .tariffspage__top h4 {
    font-size: 3.2rem;
    line-height: 130%;
  }
  .tariffspage__mid {
    padding-top: 0px;
    padding-bottom: 52px;
  }
  .tariffspage__mid .container {
    padding: 0;
  }
  .tariffspage__mid-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px;
  }
  .tariffspage__mid-info p {
    font-size: 1.4rem;
  }
  .tariffspage__mid-info a {
    font-size: 1.6rem;
    width: 100%;
  }
  .tariffspage__mid-swiper {
    margin-bottom: 48px;
  }
  .tariffspage__mid-swiper-slide {
    padding: 20px;
    height: 100%;
  }
  .tariffspage__mid-card {
    gap: 20px;
    min-height: 528px;
    border-radius: var(--br-fs);
  }
  .tariffspage__mid-card-back {
    top: 280px;
    left: 0px;
  }
  .tariffspage__mid-card-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    border-radius: var(--br-fs);
  }
  .tariffspage__mid-card-head-block {
    gap: 4px;
  }
  .tariffspage__mid-card-head img {
    height: 48px;
    width: 48px;
  }
  .tariffspage__mid-card-head .h-custom {
    font-size: 2rem;
  }
  .tariffspage__mid-card-head p {
    font-size: 1.4rem;
  }
  .tariffspage__mid-card-body {
    padding: 0 20px;
    padding-bottom: 20px;
    gap: 56px;
  }
  .tariffspage__mid-card-body-tag {
    font-size: 1.2rem;
    padding: 2px 12px;
  }
  .tariffspage__mid-card-body-top {
    gap: 24px;
  }
  .tariffspage__mid-card-body-top p {
    font-size: 1.4rem;
  }
  .tariffspage__mid-card-body-top p.textgray {
    margin-top: 8px;
  }
  .tariffspage__mid-card-body-wrapper ul li {
    font-size: 1.4rem;
  }
  .tariffspage__mid-card-body-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 8px;
    gap: 32px;
  }
  .tariffspage__mid-card-body-bottom-price {
    margin-bottom: 8px;
    font-size: 3rem;
  }
  .tariffspage__mid-card-body-bottom-price span {
    font-size: 1.8rem;
  }
  .tariffspage__mid-card-body-bottom button {
    padding: 9px 24px;
    width: 100%;
    font-size: 1.6rem;
  }
  .tariffspage__mid-card-body-bottom a {
    padding: 9px 24px;
    width: 100%;
    font-size: 1.6rem;
  }
  .tariffspage__mid-card-body-bottom-all.hidden {
    display: none;
  }
}
@media screen and (max-width: 1023.98px) {
  .tariffspage__bottom-up {
    padding-bottom: 0;
    border: none;
  }
  .tariffspage__bottom-up-block {
    margin-bottom: 56px;
  }
  .tariffspage__bottom-down {
    padding-top: 56px;
  }
  .tariffspage__bottom-down-line.sm {
    display: block;
  }
  .tariffspage__bottom-down-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 56px;
  }
  .tariffspage__bottom-down-left {
    max-width: 100%;
  }
  .tariffspage__bottom-down-right {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .tariffspage__bottom-up-block {
    margin-bottom: 40px;
  }
  .tariffspage__bottom-up p {
    font-size: 1.4rem;
    line-height: 130%;
  }
  .tariffspage__bottom-down {
    padding-top: 40px;
  }
  .tariffspage__bottom-down-row {
    gap: 40px;
  }
  .tariffspage__bottom-down-item-head {
    font-size: 2rem;
    line-height: 140%;
    margin-bottom: 24px;
  }
  .tariffspage__bottom-down-item ul li {
    font-size: 1.4rem;
    line-height: 130%;
  }
  .tariffspage__bottom-down-block {
    gap: 32px;
  }
  .tariffspage__bottom-down-block p {
    font-size: 1.6rem;
    line-height: 130%;
  }
  .tariffspage__bottom-down-block a {
    font-size: 1.6rem;
    line-height: 150%;
    width: 100%;
    padding: 9px 24px;
  }
  .tariffspage__bottom-down-left {
    gap: 40px;
  }
  .tariffspage__bottom-down-right {
    gap: 40px;
  }
  .tariffspage__bottom-content {
    padding-top: 52px;
    padding-bottom: 100px;
  }
  .tariffspage__bottom-content h5 {
    font-size: 2.2rem;
    line-height: 140%;
    font-weight: 500;
    margin-bottom: 24px;
  }
}
.catalog__top {
  padding: 40px 0;
}
.catalog__tabs {
  padding: 49px 0;
  -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
  box-shadow: 0 2px 0 0 var(--gray-10);
}
.catalog__tabs-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9.62px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.catalog__tab {
  padding: 9px 12px;
  background-color: var(--gray-5);
  border-radius: var(--br-m);
  color: var(--gray-50);
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  -o-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  transition: color 0.2s ease-in, background-color 0.2s ease-in;
}
.catalog__tab.active {
  background-color: var(--orange-dark);
  color: var(--white);
}
.catalog__tab:hover {
  background-color: var(--orange-dark);
  color: var(--white);
}
.catalog__sorting {
  padding: 30px 0;
  -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
  box-shadow: 0 2px 0 0 var(--gray-10);
}
.catalog__sorting-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 50px;
}
.catalog__sorting-difficult p {
  margin-bottom: 16px;
}
.catalog__sorting-difficult-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.catalog__sorting-difficult-btns button {
  padding: 9px 12px;
  background-color: var(--gray-5);
  border-radius: var(--br-m);
  color: var(--gray-50);
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  -o-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  transition: color 0.2s ease-in, background-color 0.2s ease-in;
}
.catalog__sorting-difficult-btns button.active {
  background-color: var(--orange-dark);
  color: var(--white);
}
.catalog__sorting-difficult-btns button:hover {
  background-color: var(--orange-dark);
  color: var(--white);
}
.catalog__sorting-selecting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  max-width: 240px;
  width: 100%;
}
.catalog__sorting-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.catalog__sorting-show-left p {
  margin-bottom: 16px;
}
.catalog__sorting-show-right p {
  margin-bottom: 16px;
}
.catalog__sorting-show-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.catalog__sorting-show-btns button {
  padding: 9px 5px;
  background-color: var(--gray-5);
  border-radius: var(--br-m);
  color: var(--gray-50);
  text-transform: uppercase;
  min-width: 42px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  -o-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  transition: color 0.2s ease-in, background-color 0.2s ease-in;
}
.catalog__sorting-show-btns button.active {
  background-color: var(--orange-dark);
  color: var(--white);
}
.catalog__sorting-show-btns button:hover {
  background-color: var(--orange-dark);
  color: var(--white);
}
.catalog__sorting-clean {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.catalog__sorting-clean button {
  padding: 9px 24px;
  border-radius: var(--br-m);
  border: 1px solid var(--gray-20);
  background-color: var(--white);
  color: var(--gray-100);
  margin-top: auto;
  -webkit-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
}
.catalog__sorting-clean button span {
  display: none;
}
.catalog__sorting-clean button:hover {
  background-color: var(--gray-5);
}
.catalog__sorting-clean button:active {
  background-color: var(--gray-100);
  color: var(--white);
  border-color: var(--gray-100);
}
.catalog__card {
  -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);
}
.catalog__body {
  padding-top: 56px;
  padding-bottom: 118px;
  background-color: var(--gray-5);
  margin-bottom: 160px;
}
.catalog__body-grid {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  margin-bottom: 112px;
}
.catalog__body-grid.grid-2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.catalog__body-grid.grid-3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.catalog__body-grid.grid-4 {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
.catalog__body-grid.grid-5 {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
.catalog__body-grid.grid-6 {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}
.catalog__body-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.catalog__body-show {
  padding: 9px 24px;
  border-radius: var(--br-m);
  border: 1px solid var(--gray-20);
  background: var(--white);
  color: var(--gray-100);
  margin-bottom: 56px;
  -webkit-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
}
.catalog__body-show:hover {
  background-color: var(--gray-5);
}
.catalog__body-show:active {
  background-color: var(--gray-100);
  color: var(--white);
  border-color: var(--gray-100);
}
.catalog__body-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}
.catalog__body-pagination-prev, .catalog__body-pagination-next {
  padding: 9px;
  background-color: var(--gray-40);
  border-radius: var(--br-m);
  max-height: 42px;
  -webkit-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.catalog__body-pagination-prev:hover, .catalog__body-pagination-next:hover {
  background-color: var(--gray-20);
}
.catalog__body-pagination-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.catalog__body-pagination-pages button {
  padding: 9px 5px;
  background-color: var(--gray-15);
  border-radius: var(--br-m);
  color: var(--gray-90);
  text-transform: uppercase;
  min-width: 44px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.catalog__body-pagination-pages button.active {
  color: var(--orange-dark);
}

@media screen and (max-width: 1550px) {
  .catalog__sorting-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
  }
  .catalog__sorting-show {
    gap: 24px;
  }
}
@media screen and (max-width: 1100px) {
  .catalog__sorting-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
  }
  .catalog__sorting-difficult {
    width: calc(50% - 12px);
  }
  .catalog__sorting-selecting {
    width: calc(50% - 12px);
    max-width: 100%;
  }
  .catalog__sorting-show {
    gap: 24px;
    width: calc(50% - 12px);
  }
  .catalog__sorting-clean {
    width: calc(50% - 12px);
  }
  .catalog__sorting-clean button {
    width: 100%;
  }
}
@media screen and (max-width: 1023.98px) {
  .catalog__sorting-show {
    display: none;
  }
  .catalog__sorting-difficult {
    width: 100%;
  }
  .catalog__body-grid {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .catalog__top {
    padding: 20px 0;
  }
  .catalog__top h4 {
    font-size: 3.2rem;
    line-height: 130%;
  }
  .catalog__card {
    padding: 4px;
    border: 2px solid var(--gray-20);
  }
  .catalog__tabs {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .catalog__tabs-row {
    padding: 20px 0;
    -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
    box-shadow: 0 2px 0 0 var(--gray-10);
    gap: 12px;
  }
  .catalog__tab {
    font-size: 1.2rem;
    line-height: 200%;
    padding: 2px 8px;
    border-radius: 2px;
  }
  .catalog__sorting {
    padding: 20px 0;
  }
  .catalog__sorting-row {
    gap: 20px;
  }
  .catalog__sorting-selecting {
    width: 100%;
  }
  .catalog__sorting-difficult {
    padding-bottom: 20px;
    -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
    box-shadow: 0 2px 0 0 var(--gray-10);
  }
  .catalog__sorting-difficult-btns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  .catalog__sorting-difficult-btns button {
    font-size: 1.2rem;
    line-height: 200%;
    padding: 2px 8px;
    border-radius: 2px;
  }
  .catalog__sorting-clean {
    width: 100%;
  }
  .catalog__sorting-clean button {
    font-size: 1.4rem;
  }
  .catalog__sorting-clean button span {
    display: inline;
  }
  .catalog__body {
    padding: 20px 0;
    margin-bottom: 0;
  }
  .catalog__body-grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 40px;
  }
  .catalog__body-pagination {
    display: none;
  }
  .catalog__body-show {
    margin: 0;
    width: 100%;
    max-width: 300px;
  }
}
@media screen and (max-width: 576px) {
  .catalog__body-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.free {
  padding-top: 88px;
  padding-bottom: 208px;
  background-color: var(--gray-5);
}
.free__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 149px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.free__left {
  max-width: 883px;
  width: 100%;
  padding: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 56px;
  background-color: var(--white);
  border-radius: var(--br-fs);
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08), 0 0 0 2px var(--gray-15) inset;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08), 0 0 0 2px var(--gray-15) inset;
  color: var(--gray-70);
}
.free__left h6 {
  margin-bottom: 40px;
  color: var(--gray-100);
}
.free__left p.mb-md {
  margin-bottom: 20px;
}
.free__left p.mb-sm {
  margin-bottom: 9px;
}
.free__left ul {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.free__left ul li {
  padding-left: 60px;
  position: relative;
  color: var(--gray-70);
}
.free__left ul li::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  width: 18px;
  height: 18px;
  background-image: url(/img/li.svg);
}
.free__left a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 9px 24px;
  margin-top: 48px;
}
.free__right {
  position: relative;
  max-width: 370px;
  width: 100%;
  padding: 24px;
  background-color: var(--white);
  border-radius: var(--br-fxs);
  min-height: 524px;
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  border: 2px solid var(--gray-15);
}
.free__right img {
  position: absolute;
  width: 100%;
  height: 40%;
  bottom: 0;
  right: 0;
  left: 0;
}
.free__right-margined {
  margin-bottom: 8px;
}
.free__right-head {
  color: var(--orange-dark);
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
}
.free__right-head::after {
  content: "";
  display: block;
  width: 96px;
  height: 12px;
  background-image: url(/img/line-96.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  margin-left: 10px;
}
.free__bottom {
  display: none;
  position: relative;
  width: 100%;
  padding: 20px 32px;
  background-color: var(--white);
  min-height: 400px;
}
.free__bottom img {
  position: absolute;
  height: 40%;
  bottom: 0;
  right: 0;
}
.free__bottom-descr {
  font-size: 1.4rem;
  color: var(--gray-80);
}
.free__bottom-head {
  color: var(--orange-dark);
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  font-size: 3rem;
}
.free__bottom-head::after {
  content: "";
  display: block;
  width: 80px;
  height: 8px;
  background-image: url(/img/line-96.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}

@media screen and (max-width: 1350px) {
  .free__row {
    gap: 50px;
  }
  .free__left {
    padding: 32px;
  }
}
@media screen and (max-width: 1023.98px) {
  .free {
    padding-bottom: 88px;
  }
  .free__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .free__left {
    max-width: 100%;
  }
  .free__right {
    max-width: 100%;
    min-height: 400px;
  }
  .free__right img {
    width: auto;
    left: auto;
  }
}
@media screen and (max-width: 768px) {
  .free {
    padding-top: 20px;
    padding-bottom: 0;
  }
  .free__left {
    padding: 24px;
    gap: 32px;
    margin-bottom: 20px;
    border-radius: var(--br-fxs);
  }
  .free__left h6 {
    margin-bottom: 24px;
    font-size: 2rem;
    line-height: 140%;
  }
  .free__left p {
    font-size: 1.4rem;
    line-height: 130%;
  }
  .free__left p.mb-md {
    margin-bottom: 12px;
  }
  .free__left p.mb-sm {
    margin-bottom: 5px;
  }
  .free__left p.mb-sm:last-child {
    margin-bottom: 0;
  }
  .free__left ul {
    font-size: 1.4rem;
    line-height: 127%;
    gap: 12px;
    margin-bottom: 12px;
  }
  .free__left a {
    font-size: 1.4rem;
    width: 100%;
    margin-top: 32px;
    border-radius: var(--br-s);
  }
  .free__right {
    display: none;
  }
  .free__bottom {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .free__bottom {
    display: block;
  }
  .free__bottom img {
    left: 0;
    width: 100%;
  }
}
.contacts__top {
  padding: 72px 0;
  background-color: var(--gray-5);
}
.contacts__top-body {
  padding: 40px;
  background-color: var(--white);
  min-height: 256px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 40px;
  border-radius: var(--br-fs);
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08), 0 0 0 2px var(--gray-15) inset;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08), 0 0 0 2px var(--gray-15) inset;
  color: var(--gray-80);
}
.contacts__top-body-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
.contacts__top-body-left {
  max-width: 400px;
  width: 100%;
}
.contacts__top-body-left-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contacts__top-body-left-btns a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--gray-90);
  gap: 12px;
  padding: 9px 24px;
  padding-left: 32px;
  border: 1px solid var(--orange-dark);
  border-radius: var(--br-m);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.contacts__top-body-left-btns a:hover {
  color: var(--orange-dark);
}
.contacts__top-body-mid {
  padding-left: 40px;
  border-left: 2px solid var(--gray-15);
  max-width: 444px;
  width: 100%;
}
.contacts__top-body-mid-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  color: var(--gray-70);
}
.contacts__top-body-right {
  padding-left: 40px;
  border-left: 2px solid var(--gray-15);
  max-width: 455px;
  width: 100%;
}
.contacts__bottom {
  padding-top: 64px;
  padding-bottom: 362px;
}
.contacts__bottom h5 {
  margin-bottom: 80px;
  color: var(--gray-90);
}
.contacts__bottom-form {
  max-width: 1012px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}
.contacts__bottom-form-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.contacts__bottom-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.contacts__bottom-form-group textarea {
  min-height: 142px;
}
.contacts__bottom-form-left {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.contacts__bottom-form-right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 57px;
}
.contacts__bottom-form-right button {
  padding: 9px 24px;
  width: 100%;
  margin-bottom: 16px;
}

@media screen and (max-width: 1350px) {
  .contacts__top-body {
    gap: 24px;
    padding: 30px;
  }
  .contacts__top-body-right {
    padding-left: 24px;
  }
  .contacts__top-body-mid {
    padding-left: 24px;
  }
  .contacts__bottom {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1100px) {
  .contacts__top-body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .contacts__top-body-left {
    max-width: 100%;
    padding-bottom: 24px;
    border-bottom: 2px solid var(--gray-15);
  }
  .contacts__top-body-left-btns a {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .contacts__top-body-right {
    max-width: 100%;
    width: calc(50% - 12px);
  }
  .contacts__top-body-mid {
    max-width: 100%;
    width: calc(50% - 12px);
    border-left: 0;
  }
  .contacts__top-body-mid a {
    word-wrap: break-word;
  }
}
@media screen and (max-width: 768px) {
  .contacts__top {
    padding: 20px 0;
  }
  .contacts__top-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    padding: 24px;
    border-radius: var(--br-fxs);
  }
  .contacts__top-body p {
    font-size: 1.6rem;
    line-height: 130%;
  }
  .contacts__top-body a {
    font-size: 1.6rem;
  }
  .contacts__top-body-item {
    gap: 20px;
  }
  .contacts__top-body-left {
    width: 100%;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .contacts__top-body-left-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 4px;
  }
  .contacts__top-body-right {
    width: 100%;
    padding-left: 0;
    border-left: 0;
    padding-top: 32px;
    border-top: 2px solid var(--gray-10);
  }
  .contacts__top-body-right p:last-child {
    font-size: 1.4rem;
  }
  .contacts__top-body-mid {
    width: 100%;
    padding-left: 0;
    padding-top: 32px;
    border-top: 2px solid var(--gray-10);
  }
  .contacts__top-body-mid p:last-child {
    font-size: 1.2rem;
  }
  .contacts__bottom {
    padding-top: 40px;
    padding-bottom: 90px;
  }
  .contacts__bottom h5 {
    display: none;
  }
  .contacts__bottom-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .contacts__bottom-form-left {
    width: 100%;
  }
  .contacts__bottom-form-right {
    width: 100%;
    gap: 40px;
  }
  .contacts__bottom-form-group textarea {
    min-height: 72px;
  }
}
.favorites__top {
  padding: 40px 0;
}
.favorites__tabs {
  padding: 49px 0;
  -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
  box-shadow: 0 2px 0 0 var(--gray-10);
}
.favorites__tabs-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9.62px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.favorites__tab {
  padding: 9px 12px;
  background-color: var(--gray-5);
  border-radius: var(--br-m);
  color: var(--gray-50);
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  -o-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  transition: color 0.2s ease-in, background-color 0.2s ease-in;
}
.favorites__tab.active {
  background-color: var(--orange-dark);
  color: var(--white);
}
.favorites__tab:hover {
  background-color: var(--orange-dark);
  color: var(--white);
}
.favorites__sorting {
  padding: 30px 0;
  -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
  box-shadow: 0 2px 0 0 var(--gray-10);
}
.favorites__sorting-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 50px;
}
.favorites__sorting-difficult p {
  margin-bottom: 16px;
}
.favorites__sorting-difficult-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.favorites__sorting-difficult-btns button {
  padding: 9px 12px;
  background-color: var(--gray-5);
  border-radius: var(--br-m);
  color: var(--gray-50);
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  -o-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  transition: color 0.2s ease-in, background-color 0.2s ease-in;
}
.favorites__sorting-difficult-btns button.active {
  background-color: var(--orange-dark);
  color: var(--white);
}
.favorites__sorting-difficult-btns button:hover {
  background-color: var(--orange-dark);
  color: var(--white);
}
.favorites__sorting-selecting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  max-width: 240px;
  width: 100%;
}
.favorites__sorting-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.favorites__sorting-show-left p {
  margin-bottom: 16px;
}
.favorites__sorting-show-right p {
  margin-bottom: 16px;
}
.favorites__sorting-show-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.favorites__sorting-show-btns button {
  padding: 9px 5px;
  background-color: var(--gray-5);
  border-radius: var(--br-m);
  color: var(--gray-50);
  text-transform: uppercase;
  min-width: 42px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  -o-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  transition: color 0.2s ease-in, background-color 0.2s ease-in;
}
.favorites__sorting-show-btns button.active {
  background-color: var(--orange-dark);
  color: var(--white);
}
.favorites__sorting-show-btns button:hover {
  background-color: var(--orange-dark);
  color: var(--white);
}
.favorites__sorting-clean {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.favorites__sorting-clean button {
  padding: 9px 24px;
  border-radius: var(--br-m);
  border: 1px solid var(--gray-20);
  background-color: var(--white);
  color: var(--gray-100);
  margin-top: auto;
  -webkit-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
}
.favorites__sorting-clean button:hover {
  background-color: var(--gray-5);
}
.favorites__sorting-clean button:active {
  background-color: var(--gray-100);
  color: var(--white);
  border-color: var(--gray-100);
}
.favorites__card {
  -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);
}
.favorites__body {
  padding-top: 56px;
  padding-bottom: 204px;
  background-color: var(--gray-5);
}
.favorites__body-grid {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  margin-bottom: 112px;
}
.favorites__body-grid.grid-2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.favorites__body-grid.grid-3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.favorites__body-grid.grid-4 {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
.favorites__body-grid.grid-5 {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
.favorites__body-grid.grid-6 {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}
.favorites__body-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.favorites__body-show {
  padding: 9px 24px;
  border-radius: var(--br-m);
  border: 1px solid var(--gray-20);
  background: var(--white);
  color: var(--gray-100);
  margin-bottom: 56px;
  -webkit-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
}
.favorites__body-show:hover {
  background-color: var(--gray-5);
}
.favorites__body-show:active {
  background-color: var(--gray-100);
  color: var(--white);
  border-color: var(--gray-100);
}
.favorites__body-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}
.favorites__body-pagination-prev, .favorites__body-pagination-next {
  padding: 9px;
  background-color: var(--gray-40);
  border-radius: var(--br-m);
  max-height: 42px;
  -webkit-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.favorites__body-pagination-prev:hover, .favorites__body-pagination-next:hover {
  background-color: var(--gray-20);
}
.favorites__body-pagination-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.favorites__body-pagination-pages button {
  padding: 9px 5px;
  background-color: var(--gray-15);
  border-radius: var(--br-m);
  color: var(--gray-90);
  text-transform: uppercase;
  min-width: 44px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.favorites__body-pagination-pages button.active {
  color: var(--orange-dark);
}

@media screen and (max-width: 1550px) {
  .favorites__sorting-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
  }
  .favorites__sorting-show {
    gap: 24px;
  }
}
@media screen and (max-width: 1100px) {
  .favorites__sorting-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
  }
  .favorites__sorting-difficult {
    width: calc(50% - 12px);
  }
  .favorites__sorting-selecting {
    width: calc(50% - 12px);
    max-width: 100%;
  }
  .favorites__sorting-show {
    gap: 24px;
    width: calc(50% - 12px);
  }
  .favorites__sorting-clean {
    width: calc(50% - 12px);
  }
  .favorites__sorting-clean button {
    width: 100%;
  }
}
@media screen and (max-width: 1023.98px) {
  .favorites__sorting-show {
    display: none;
  }
  .favorites__sorting-difficult {
    width: 100%;
  }
  .favorites__body-grid {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .favorites__top {
    padding: 20px 0;
  }
  .favorites__top h4 {
    font-size: 3.2rem;
    line-height: 130%;
  }
  .favorites__tabs {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .favorites__tabs-row {
    padding: 20px 0;
    -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
    box-shadow: 0 2px 0 0 var(--gray-10);
    gap: 12px;
  }
  .favorites__tab {
    font-size: 1.2rem;
    line-height: 200%;
    padding: 2px 8px;
    border-radius: 2px;
  }
  .favorites__card {
    padding: 4px;
    border: 2px solid var(--gray-20);
  }
  .favorites__sorting {
    padding: 20px 0;
  }
  .favorites__sorting-row {
    gap: 20px;
  }
  .favorites__sorting-selecting {
    width: 100%;
  }
  .favorites__sorting-difficult {
    padding-bottom: 20px;
    -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
    box-shadow: 0 2px 0 0 var(--gray-10);
  }
  .favorites__sorting-difficult-btns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  .favorites__sorting-difficult-btns button {
    font-size: 1.2rem;
    line-height: 200%;
    padding: 2px 8px;
    border-radius: 2px;
  }
  .favorites__sorting-clean {
    width: 100%;
  }
  .favorites__sorting-clean button {
    font-size: 1.4rem;
  }
  .favorites__sorting-clean button span {
    display: inline;
  }
  .favorites__body {
    padding: 20px 0;
  }
  .favorites__body-grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 40px;
  }
  .favorites__body-pagination {
    display: none;
  }
  .favorites__body-show {
    margin: 0;
    width: 100%;
    max-width: 300px;
  }
}
@media screen and (max-width: 576px) {
  .favorites__body-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.printed__top {
  padding: 40px 0;
}
.printed__tabs {
  padding: 49px 0;
  -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
  box-shadow: 0 2px 0 0 var(--gray-10);
}
.printed__tabs-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9.62px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.printed__tab {
  padding: 9px 12px;
  background-color: var(--gray-5);
  border-radius: var(--br-m);
  color: var(--gray-50);
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  -o-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  transition: color 0.2s ease-in, background-color 0.2s ease-in;
}
.printed__tab.active {
  background-color: var(--orange-dark);
  color: var(--white);
}
.printed__tab:hover {
  background-color: var(--orange-dark);
  color: var(--white);
}
.printed__card {
  -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);
}
.printed__sorting {
  padding: 30px 0;
  -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
  box-shadow: 0 2px 0 0 var(--gray-10);
}
.printed__sorting-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 50px;
}
.printed__sorting-difficult p {
  margin-bottom: 16px;
}
.printed__sorting-difficult-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.printed__sorting-difficult-btns button {
  padding: 9px 12px;
  background-color: var(--gray-5);
  border-radius: var(--br-m);
  color: var(--gray-50);
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  -o-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  transition: color 0.2s ease-in, background-color 0.2s ease-in;
}
.printed__sorting-difficult-btns button.active {
  background-color: var(--orange-dark);
  color: var(--white);
}
.printed__sorting-difficult-btns button:hover {
  background-color: var(--orange-dark);
  color: var(--white);
}
.printed__sorting-selecting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  max-width: 240px;
  width: 100%;
}
.printed__sorting-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.printed__sorting-show-left p {
  margin-bottom: 16px;
}
.printed__sorting-show-right p {
  margin-bottom: 16px;
}
.printed__sorting-show-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.printed__sorting-show-btns button {
  padding: 9px 5px;
  background-color: var(--gray-5);
  border-radius: var(--br-m);
  color: var(--gray-50);
  text-transform: uppercase;
  min-width: 42px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  -o-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  transition: color 0.2s ease-in, background-color 0.2s ease-in;
}
.printed__sorting-show-btns button.active {
  background-color: var(--orange-dark);
  color: var(--white);
}
.printed__sorting-show-btns button:hover {
  background-color: var(--orange-dark);
  color: var(--white);
}
.printed__sorting-clean {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.printed__sorting-clean button {
  padding: 9px 24px;
  border-radius: var(--br-m);
  border: 1px solid var(--gray-20);
  background-color: var(--white);
  color: var(--gray-100);
  margin-top: auto;
  -webkit-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
}
.printed__sorting-clean button:hover {
  background-color: var(--gray-5);
}
.printed__sorting-clean button:active {
  background-color: var(--gray-100);
  color: var(--white);
  border-color: var(--gray-100);
}
.printed__body {
  padding-top: 56px;
  padding-bottom: 204px;
  background-color: var(--gray-5);
}
.printed__body-grid {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  margin-bottom: 112px;
}
.printed__body-grid.grid-2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.printed__body-grid.grid-3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.printed__body-grid.grid-4 {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
.printed__body-grid.grid-5 {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
.printed__body-grid.grid-6 {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}
.printed__body-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.printed__body-show {
  padding: 9px 24px;
  border-radius: var(--br-m);
  border: 1px solid var(--gray-20);
  background: var(--white);
  color: var(--gray-100);
  margin-bottom: 56px;
  -webkit-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
}
.printed__body-show:hover {
  background-color: var(--gray-5);
}
.printed__body-show:active {
  background-color: var(--gray-100);
  color: var(--white);
  border-color: var(--gray-100);
}
.printed__body-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}
.printed__body-pagination-prev, .printed__body-pagination-next {
  padding: 9px;
  background-color: var(--gray-40);
  border-radius: var(--br-m);
  max-height: 42px;
  -webkit-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.printed__body-pagination-prev:hover, .printed__body-pagination-next:hover {
  background-color: var(--gray-20);
}
.printed__body-pagination-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.printed__body-pagination-pages button {
  padding: 9px 5px;
  background-color: var(--gray-15);
  border-radius: var(--br-m);
  color: var(--gray-90);
  text-transform: uppercase;
  min-width: 44px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.printed__body-pagination-pages button.active {
  color: var(--orange-dark);
}

@media screen and (max-width: 1550px) {
  .printed__sorting-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
  }
  .printed__sorting-show {
    gap: 24px;
  }
}
@media screen and (max-width: 1100px) {
  .printed__sorting-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
  }
  .printed__sorting-difficult {
    width: calc(50% - 12px);
  }
  .printed__sorting-selecting {
    width: calc(50% - 12px);
    max-width: 100%;
  }
  .printed__sorting-show {
    gap: 24px;
    width: calc(50% - 12px);
  }
  .printed__sorting-clean {
    width: calc(50% - 12px);
  }
  .printed__sorting-clean button {
    width: 100%;
  }
}
@media screen and (max-width: 1023.98px) {
  .printed__sorting-show {
    display: none;
  }
  .printed__sorting-difficult {
    width: 100%;
  }
  .printed__body-grid {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .printed__top {
    padding: 20px 0;
  }
  .printed__top h4 {
    font-size: 3.2rem;
    line-height: 130%;
  }
  .printed__tabs {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .printed__tabs-row {
    padding: 20px 0;
    -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
    box-shadow: 0 2px 0 0 var(--gray-10);
    gap: 12px;
  }
  .printed__tab {
    font-size: 1.2rem;
    line-height: 200%;
    padding: 2px 8px;
    border-radius: 2px;
  }
  .printed__card {
    padding: 4px;
    border: 2px solid var(--gray-20);
  }
  .printed__sorting {
    padding: 20px 0;
  }
  .printed__sorting-row {
    gap: 20px;
  }
  .printed__sorting-selecting {
    width: 100%;
  }
  .printed__sorting-difficult {
    padding-bottom: 20px;
    -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
    box-shadow: 0 2px 0 0 var(--gray-10);
  }
  .printed__sorting-difficult-btns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  .printed__sorting-difficult-btns button {
    font-size: 1.2rem;
    line-height: 200%;
    padding: 2px 8px;
    border-radius: 2px;
  }
  .printed__sorting-clean {
    width: 100%;
  }
  .printed__sorting-clean button {
    font-size: 1.4rem;
  }
  .printed__sorting-clean button span {
    display: inline;
  }
  .printed__body {
    padding: 20px 0;
  }
  .printed__body-grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 40px;
  }
  .printed__body-pagination {
    display: none;
  }
  .printed__body-show {
    margin: 0;
    width: 100%;
    max-width: 300px;
  }
}
@media screen and (max-width: 576px) {
  .printed__body-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.aboutpage__top {
  padding-top: 104px;
  padding-bottom: 154px;
  background-color: var(--gray-5);
}
.aboutpage__top-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 160px;
}
.aboutpage__top-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.aboutpage__top-img {
  min-width: 625px;
  width: 100%;
  height: 100%;
  min-height: 590px;
  max-height: 590px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--br-fs);
}
.aboutpage__top-descr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.aboutpage__top-descr p {
  color: var(--gray-80);
}
.aboutpage__top-descr p.last {
  margin-top: 16px;
}
.aboutpage__top-item {
  max-width: 754px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 48px;
  background-color: var(--white);
  padding: 48px;
  border-radius: var(--br-fs);
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  border: 2px solid var(--gray-15);
  color: var(--gray-80);
}
.aboutpage__top-item-img {
  display: none;
}
.aboutpage__top-item-head {
  color: var(--gray-100);
}
.aboutpage__top-item-head.lg span {
  position: relative;
  display: inline-block;
}
.aboutpage__top-item-head.lg span::after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: -10px;
  width: 217px;
  height: 10px;
  background-image: url(/img/vector-217.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.aboutpage__top-item-head span {
  position: relative;
  display: inline-block;
}
.aboutpage__top-item-head span::after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: -10px;
  width: 96px;
  height: 10px;
  background-image: url(/img/line-96.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.aboutpage__top-item-accent {
  margin-bottom: 24px;
}
.aboutpage__top-item ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}
.aboutpage__top-item ul li:not(:last-child) {
  margin-bottom: 32px;
}
.aboutpage__top-item ul li div p:first-child {
  margin-bottom: 20px;
  color: var(--gray-100);
}
.aboutpage__top-item ul li img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 80px;
  width: 100%;
  height: 80px;
}
.aboutpage__top-item ol {
  list-style: none;
}
.aboutpage__top-item ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}
.aboutpage__top-item ol li:not(:last-child) {
  margin-bottom: 32px;
}
.aboutpage__top-item ol li div p:first-child {
  margin-bottom: 20px;
  color: var(--gray-100);
}
.aboutpage__top-item ol li img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 80px;
  width: 100%;
  height: 80px;
}
.aboutpage__top-item-btn {
  padding: 14px 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--gray-90);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  border-radius: var(--br-l);
  border: 1px solid var(--orange-dark);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
  margin-top: auto;
}
.aboutpage__top-item-btn:hover {
  color: var(--orange-dark);
}

@media screen and (max-width: 1550px) {
  .aboutpage__top-row {
    gap: 120px;
  }
  .aboutpage__top-img {
    min-width: auto;
    min-height: auto;
    max-height: 100%;
  }
}
@media screen and (max-width: 1023.98px) {
  .aboutpage__top {
    padding: 20px 0;
  }
  .aboutpage__top-img {
    display: none;
  }
  .aboutpage__top-row {
    gap: 60px;
  }
  .aboutpage__top-col {
    gap: 0;
  }
  .aboutpage__top-descr p.last {
    margin: 0;
  }
  .aboutpage__top-item {
    max-width: 100%;
  }
  .aboutpage__top-item-head span::after {
    display: none;
  }
  .aboutpage__top-item-img {
    display: block;
    max-height: 500px;
    border-radius: var(--br-fs);
  }
  .aboutpage__top-item-btn {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .aboutpage__top {
    padding: 20px 0;
  }
  .aboutpage__top-row {
    gap: 20px;
  }
  .aboutpage__top-descr {
    gap: 4px;
  }
  .aboutpage__top-descr p {
    font-size: 1.4rem;
    line-height: 130%;
  }
  .aboutpage__top-item {
    padding: 24px;
    gap: 24px;
    border-radius: var(--br-fxs);
  }
  .aboutpage__top-item-head {
    font-size: 3rem;
    line-height: 100%;
  }
  .aboutpage__top-item-accent {
    font-size: 1.4rem;
    line-height: 130%;
    margin-bottom: 16px;
  }
  .aboutpage__top-item-img {
    max-height: 400px;
  }
}
@media screen and (max-width: 576px) {
  .aboutpage__top-item-img {
    max-height: 256px;
  }
}
.importance {
  padding-top: 80px;
  padding-bottom: 114px;
}
.importance__content h5 {
  margin-bottom: 84px;
}
.importance__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 20px;
}
.importance__item {
  padding: 24px;
  padding-bottom: 190px;
  position: relative;
  -webkit-box-shadow: inset 0 0 0 2px var(--gray-15), 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 0 0 2px var(--gray-15), 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  min-height: 477px;
  max-width: 367px;
  width: 100%;
  border-radius: var(--br-fxs);
  color: var(--gray-80);
  overflow: hidden;
}
.importance__item img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 194px;
  z-index: -1;
  padding: 1px;
}
.importance__item p:first-child {
  margin-bottom: 20px;
  color: var(--gray-100);
}

.detail {
  padding-top: 80px;
  padding-bottom: 250px;
  background-color: var(--gray-10);
}
.detail__top {
  padding: 31px 0;
  -webkit-box-shadow: 0 2px 0 0 var(--gray-10);
  box-shadow: 0 2px 0 0 var(--gray-10);
}
.detail__top-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 50px;
}
.detail__top-right {
  max-width: 470px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
}
.detail__top-right-id {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  color: var(--gray-90);
}
.detail__top-right-btn {
  background-color: var(--white);
  width: 42px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-height: 42px;
  max-height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--gray-20);
  border-radius: var(--br-m);
}
.detail__top-right-btn svg path {
  -webkit-transition: stroke 0.2s ease-in;
  -o-transition: stroke 0.2s ease-in;
  transition: stroke 0.2s ease-in;
}
.detail__top-right-btn:hover svg path {
  stroke: var(--orange-dark);
}
.detail__top-right-btn.favorite.favorited svg path {
  stroke: var(--orange-dark);
  fill: var(--orange-dark);
}
.detail__top-right-btn-m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  background-color: var(--white);
  border: 1px solid var(--gray-20);
  border-radius: var(--br-m);
  text-transform: uppercase;
  color: var(--gray-100);
  padding: 8px 24px;
  -webkit-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
}
.detail__top-right-btn-m svg path {
  -webkit-transition: stroke 0.2s ease-in;
  -o-transition: stroke 0.2s ease-in;
  transition: stroke 0.2s ease-in;
}
.detail__top-right-btn-m:hover {
  background-color: var(--gray-5);
}
.detail__top-right-btn-m:active {
  background-color: var(--gray-100);
  color: var(--white);
  border-color: var(--gray-100);
}
.detail__top-right-btn-m:active svg path {
  stroke: var(--white);
}
.detail__top-right-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.detail__row {
  max-width: 1338px;
  width: 100%;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.detail__row img {
  max-width: 1012px;
  width: 100%;
  height: 570px;
  border-radius: var(--br-fxs);
}
.detail__row-right {
  margin-bottom: 41px;
}
.detail__row-right p {
  color: var(--gray-90);
}
.detail__row-right p:first-child {
  margin-bottom: 24px;
  color: var(--gray-100);
}

@media screen and (max-width: 1350px) {
  .detail {
    padding-bottom: 150px;
  }
  .detail__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .detail__row img {
    height: auto;
    max-width: 100%;
  }
  .detail__top-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 34px;
  }
  .detail__top-right {
    max-width: 400px;
  }
}
@media screen and (max-width: 1023.98px) {
  .detail__top-right-btn.paint {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .detail {
    padding-top: 52px;
    padding-bottom: 185px;
  }
  .detail__row img {
    min-height: 180px;
    border-radius: var(--br-l);
  }
  .detail__row-right {
    margin-bottom: 0;
  }
  .detail__row-right p {
    font-size: 1.4rem;
  }
  .detail__row-right p:first-child {
    font-size: 1.6rem;
    margin-bottom: 16px;
  }
  .detail__top {
    padding-top: 14px;
    padding-bottom: 20px;
  }
  .detail__top-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 34px;
  }
  .detail__top-right {
    max-width: 400px;
  }
  .detail__top-right-btn {
    min-height: 32px;
    max-height: 32px;
    width: 32px;
  }
  .detail__top-right-btn-m {
    font-size: 1.2rem;
    padding: 4px 16px;
  }
  .detail__top-right-id {
    font-size: 1.4rem;
    gap: 8px;
  }
}
@media screen and (max-width: 375px) {
  .detail__row img {
    max-height: 180px;
  }
}
.faq {
  padding-top: 32px;
  padding-bottom: 210px;
  background-color: var(--gray-5);
}
.faq__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 50px;
}
.faq__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.faq__right img {
  max-width: 367px;
  width: 100%;
  min-width: 290px;
}
.faq__right a {
  padding: 9px 24px;
  position: relative;
}
.faq__right a::after {
  content: "";
  position: absolute;
  left: 24px;
  bottom: -34px;
  width: 151px;
  height: 19px;
  background-image: url(/img/faq-marker.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.faq__accordion {
  max-width: 1012px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  margin-top: 48px;
}
.faq__accordion-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}
.faq__accordion-item {
  background: var(--white);
  border-radius: var(--br-fxs);
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.faq__accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px 32px;
  padding-right: 24px;
  cursor: pointer;
  color: var(--gray-100);
}
.faq__accordion-header.active .faq__accordion-icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background: var(--orange-dark);
}
.faq__accordion-header.active .faq__accordion-icon .icon-plus {
  display: none;
}
.faq__accordion-header.active .faq__accordion-icon .icon-minus {
  display: block;
}
.faq__accordion-icon {
  background: var(--gray-100);
  width: 42px;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: var(--br-m);
  -webkit-transition: background 0.4s ease-in, -webkit-transform 0.4s ease-in;
  transition: background 0.4s ease-in, -webkit-transform 0.4s ease-in;
  -o-transition: transform 0.4s ease-in, background 0.4s ease-in;
  transition: transform 0.4s ease-in, background 0.4s ease-in;
  transition: transform 0.4s ease-in, background 0.4s ease-in, -webkit-transform 0.4s ease-in;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.faq__accordion-icon .icon-minus {
  display: none;
}
.faq__accordion-content {
  max-height: 0;
  opacity: 0;
  padding: 0;
  overflow: hidden;
  color: var(--gray-70);
  -webkit-transition: max-height 0.3s ease-in, opacity 0.3s ease-in, padding 0.3s ease-in;
  -o-transition: max-height 0.3s ease-in, opacity 0.3s ease-in, padding 0.3s ease-in;
  transition: max-height 0.3s ease-in, opacity 0.3s ease-in, padding 0.3s ease-in;
}
.faq__accordion-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.faq__accordion-content ul li {
  padding-left: 60px;
  position: relative;
}
.faq__accordion-content ul li::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 1.5px;
  width: 18px;
  height: 18px;
  background-image: url(/img/li.svg);
}
.faq__accordion-content ol {
  counter-reset: num;
  list-style: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.faq__accordion-content ol li {
  counter-increment: num;
  position: relative;
  padding-left: 56px;
}
.faq__accordion-content ol li::before {
  content: counter(num) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--orange-dark);
}
.faq__accordion-content.visibled {
  max-height: 1000px;
  opacity: 1;
  padding: 24px;
  padding-top: 20px;
}

@media screen and (max-width: 1023.98px) {
  .faq__right {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .faq {
    padding-top: 20px;
    padding-bottom: 84px;
  }
  .faq__accordion {
    margin: 0;
  }
  .faq__accordion-item {
    border-radius: var(--br-s);
  }
  .faq__accordion-header {
    padding: 8px;
    padding-bottom: 12px;
    border-radius: var(--br-s);
    font-size: 2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    line-height: 140%;
  }
  .faq__accordion-desc {
    gap: 7px;
  }
  .faq__accordion-content {
    font-size: 1.4rem;
    line-height: 130%;
  }
  .faq__accordion-content.visibled {
    padding: 20px 16px;
  }
  .faq__accordion-content ul {
    gap: 12px;
  }
  .faq__accordion-content ul li {
    padding-left: 31px;
  }
  .faq__accordion-content ul li::after {
    background-image: url(/img/li-sm-faq.svg);
    width: 15px;
    height: 15px;
    left: 8px;
    top: 0;
  }
  .faq__accordion-content ol {
    gap: 12px;
  }
  .faq__accordion-icon {
    width: 32px;
    height: 32px;
    border-radius: var(--br-s);
  }
}
.registration {
  padding-top: 56px;
  margin-bottom: 120px;
}
.registration.private-register {
  padding-bottom: 282px;
}
.registration.commercial-register {
  padding-bottom: 230px;
}
.registration.free-register {
  padding-bottom: 131px;
}
.registration__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 80px;
  background: var(--gray-5);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
  border-radius: var(--br-tag);
  overflow: hidden;
}
.registration__tabs-head {
  margin-bottom: 32px;
  color: var(--gray-80);
}
.registration__tab {
  padding: 14px 24px;
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  background-color: transparent;
  color: var(--gray-50);
  border-radius: var(--br-tag);
  -webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in, color 0.2s ease-in;
  transition: background-color 0.2s ease-in, color 0.2s ease-in;
}
.registration__tab svg path {
  -webkit-transition: stroke 0.2s ease-in;
  -o-transition: stroke 0.2s ease-in;
  transition: stroke 0.2s ease-in;
}
.registration__tab.active {
  background-color: var(--orange-dark);
  color: var(--white);
}
.registration__tab.active svg path {
  stroke: var(--white);
}
.registration__tab:hover {
  background-color: var(--orange-dark);
  color: var(--white);
}
.registration__tab:hover svg path {
  stroke: var(--white);
}
.registration__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 50px;
}
.registration__right {
  display: none;
  position: relative;
  max-width: 367px;
  width: 100%;
  padding: 24px;
  height: 100%;
  background-color: var(--white);
  border-radius: var(--br-fxs);
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  border: 2px solid var(--gray-15);
  overflow: hidden;
  min-height: 508px;
  margin-top: 54px;
}
.registration__right.active {
  display: block;
}
.registration__right-head {
  margin-bottom: 20px;
  color: var(--gray-100);
}
.registration__right-descr {
  color: var(--gray-80);
}
.registration__right-img {
  position: absolute;
  width: 100%;
  height: 40%;
  bottom: 0;
  right: 0;
  left: 0;
}
.registration__bottom {
  display: none;
}
.registration__bottom.active {
  display: none;
}
.registration__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
  max-width: 1012px;
  width: 100%;
}
.registration__form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.registration__form-group.informated {
  position: relative;
}
.registration__form-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.registration__form-checkbox.margined {
  margin-bottom: 16px;
}
.registration__form-info {
  position: absolute;
  width: 22px;
  height: 22px;
  right: -34px;
  bottom: 10px;
}
.registration__form-left {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.registration__form-right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 56px;
}
.registration__form-right-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.registration__form-right button {
  padding: 9px 24px;
  width: 100%;
  margin-bottom: 16px;
}

@media screen and (max-width: 1550px) {
  .registration__tab {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1350px) {
  .registration__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .registration__right {
    margin: 0;
    max-width: 100%;
    min-height: 370px;
  }
  .registration__right-img {
    left: auto;
    width: auto;
  }
  .registration__form {
    max-width: 100%;
  }
  .registration__form-info {
    bottom: auto;
    right: 0;
  }
}
@media screen and (max-width: 1023.98px) {
  .registration.private-register {
    padding-bottom: 0;
  }
  .registration.commercial-register {
    padding-bottom: 0;
  }
  .registration.free-register {
    padding-bottom: 0;
  }
  .registration__tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    gap: 12px;
  }
  .registration__tab {
    background: var(--gray-5);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .registration {
    padding-top: 20px;
    margin-bottom: 0;
  }
  .registration__right {
    display: none;
  }
  .registration__right.active {
    display: none;
  }
  .registration__bottom {
    display: none;
    padding: 20px 32px;
    position: relative;
    background-color: var(--white);
    overflow: hidden;
    min-height: 486px;
  }
  .registration__bottom.active {
    display: block;
  }
  .registration__bottom-head {
    margin-bottom: 20px;
    color: var(--gray-100);
  }
  .registration__bottom-descr {
    color: var(--gray-80);
    font-size: 1.4rem;
  }
  .registration__bottom-img {
    position: absolute;
    height: 35%;
    bottom: 0;
    right: 0;
  }
  .registration__top {
    padding-bottom: 14px;
  }
  .registration__row {
    gap: 0;
  }
  .registration__tabs {
    margin-bottom: 20px;
  }
  .registration__tabs-head {
    font-size: 1.6rem;
    margin-bottom: 24px;
    line-height: 130%;
  }
  .registration__tab {
    font-size: 1.4rem;
    padding: 8px;
    gap: 8px;
  }
  .registration__form {
    padding: 20px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    position: relative;
  }
  .registration__form::before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    height: 2px;
    width: calc(100% + 40px);
    background-color: var(--gray-10);
  }
  .registration__form::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -20px;
    height: 2px;
    width: calc(100% + 40px);
    background-color: var(--gray-10);
  }
  .registration__form-left {
    width: 100%;
  }
  .registration__form-right {
    width: 100%;
    gap: 40px;
  }
  .registration__form-right button {
    font-size: 1.4rem;
    padding: 8px 24px;
    border-radius: var(--br-s);
  }
}
@media screen and (max-width: 576px) {
  .registration__bottom-img {
    width: 100%;
    left: 0;
  }
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  z-index: 100;
  overflow-y: auto;
  padding-top: 50px;
}
.modal.ck {
  padding: 40px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.modal__cookie-content {
  background-color: var(--white);
  max-width: 691px;
  width: 100%;
  padding: 24px;
  border-radius: var(--br-fxs);
  position: relative;
}
.modal__cookie-header {
  color: var(--gray-90);
  padding-right: 50px;
  margin-bottom: 16px;
}
.modal__cookie-text {
  max-width: 582px;
}
.modal__cookie-body {
  color: var(--gray-80);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modal__cookie-body p:first-child {
  margin-bottom: 7px;
}
.modal__accept {
  color: var(--gray-90);
  padding: 8px 20px;
  background-color: var(--white);
  border-radius: var(--br-s);
  border: 1px solid var(--orange-dark);
  margin-top: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.modal.is-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__content {
  background-color: var(--white);
  border-radius: var(--br-fm);
  position: relative;
  max-width: 754px;
  width: 100%;
}
.modal__content.lg {
  max-width: 1012px;
}
.modal__header {
  padding: 40px;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--gray-15);
}
.modal__header h5 {
  color: var(--gray-100);
}
.modal__header-desc {
  color: var(--gray-50);
  margin-top: 20px;
}
.modal__body {
  padding: 56px 40px;
  padding-bottom: 64px;
}
.modal__body-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.modal__body-head {
  max-width: 594px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
  color: var(--gray-100);
}
.modal__body-head.lg {
  margin-bottom: 76px;
}
.modal__body-bottom-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  color: var(--white);
  background-color: var(--orange-dark);
  padding: 14px;
  border-radius: var(--br-l);
  max-width: 594px;
  width: 100%;
  margin: 0 auto;
  -webkit-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.modal__body-bottom-link.lg-hidden {
  display: none;
}
.modal__body-bottom-link.sec {
  color: var(--gray-90);
  -webkit-box-shadow: 0 0 0 1px var(--orange-dark) inset;
  box-shadow: 0 0 0 1px var(--orange-dark) inset;
  background-color: var(--white);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.modal__body-bottom-link.sec:hover {
  color: var(--orange-dark);
  background-color: var(--white);
}
.modal__body-bottom-link:hover {
  background-color: var(--orange-hover);
}
.modal__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 56px;
  max-width: 594px;
  width: 100%;
  margin: 0 auto;
}
.modal__form.lg {
  max-width: 100%;
}
.modal__form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.modal__form-left {
  width: calc(50% - 12px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.modal__form-right {
  width: calc(50% - 12px);
}
.modal__form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.modal__form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.modal__form-group.lg {
  height: 100%;
}
.modal__form-group.lg textarea {
  height: 100%;
}
.modal__form-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.modal__form-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}
.modal__form-top button {
  background-color: transparent;
  color: var(--orange-dark);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.modal__form-top button:hover {
  color: var(--orange-hover);
}
.modal__form-bottom {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.modal__form-bottom button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  color: var(--white);
  background-color: var(--orange-dark);
  padding: 14px;
  border-radius: var(--br-l);
  -webkit-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
  width: 100%;
}
.modal__form-bottom button.modal__button-close {
  color: var(--gray-90);
  -webkit-box-shadow: 0 0 0 1px var(--orange-dark) inset;
  box-shadow: 0 0 0 1px var(--orange-dark) inset;
  background-color: var(--white);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.modal__form-bottom button.modal__button-close:hover {
  color: var(--orange-dark);
  background-color: var(--white);
}
.modal__form-bottom button:hover {
  background-color: var(--orange-hover);
}
.modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: transparent;
}
.modal__close.sm {
  width: 24px;
  height: 24px;
}
.modal__close.sm svg {
  width: 24px;
  height: 24px;
}

.dmodal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 100;
  overflow-y: auto;
}
.dmodal.is-open {
  display: block;
}
.dmodal__content {
  height: 100%;
  width: 100%;
  background-color: var(--gray-10);
}
.dmodal__header {
  background-color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 24px;
  padding-left: 164px;
  padding-right: 116px;
  gap: 24px;
}
.dmodal__header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dmodal__row {
  max-width: 1338px;
  width: 100%;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.dmodal__row img {
  max-width: 1012px;
  width: 100%;
  height: auto;
  min-width: 0;
  height: 570px;
  border-radius: var(--br-fxs);
}
.dmodal__row-right {
  min-width: 280px;
  max-width: 306px;
  width: 100%;
}
.dmodal__row-right p {
  color: var(--gray-90);
}
.dmodal__row-right p:first-child {
  margin-bottom: 24px;
  color: var(--gray-100);
}
.dmodal__body {
  padding: 88px 128px;
  background-color: var(--gray-10);
}
.dmodal__slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 50px;
}
.dmodal__id {
  color: var(--gray-90);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  margin-right: 80px;
}
.dmodal__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.dmodal__btn {
  background-color: var(--white);
  width: 42px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-height: 42px;
  max-height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--gray-20);
  border-radius: var(--br-m);
}
.dmodal__btn.like.favorite svg path {
  stroke: var(--orange-dark);
  fill: var(--orange-dark);
}
.dmodal__btn svg path {
  -webkit-transition: stroke 0.2s ease-in;
  -o-transition: stroke 0.2s ease-in;
  transition: stroke 0.2s ease-in;
}
.dmodal__btn:hover svg path {
  stroke: var(--orange-dark);
}
.dmodal__close {
  background-color: transparent;
  width: 40px;
  height: 40px;
  margin-left: 24px;
}
.dmodal__print {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  background-color: var(--white);
  border: 1px solid var(--gray-20);
  border-radius: var(--br-m);
  text-transform: uppercase;
  color: var(--gray-100);
  padding: 8px 24px;
  -webkit-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
  transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
}
.dmodal__print svg path {
  -webkit-transition: stroke 0.2s ease-in;
  -o-transition: stroke 0.2s ease-in;
  transition: stroke 0.2s ease-in;
}
.dmodal__print:hover {
  background-color: var(--gray-5);
}
.dmodal__print:active {
  background-color: var(--gray-100);
  color: var(--white);
  border-color: var(--gray-100);
}
.dmodal__print:active svg path {
  stroke: var(--white);
}

@media screen and (max-width: 1550px) {
  .dmodal__header {
    padding: 0 64px;
    padding-top: 18px;
    padding-bottom: 24px;
  }
  .dmodal__row img {
    height: auto;
  }
  .dmodal__row-right {
    max-width: 280px;
  }
  .dmodal__row-right p {
    font-size: 1.4rem;
  }
  .dmodal__row-right p:first-child {
    font-size: 1.6rem;
  }
  .dmodal__slider-wrapper {
    gap: 32px;
  }
  .dmodal__body {
    padding: 64px;
  }
}
@media screen and (max-width: 1023.98px) {
  .dmodal__header-logo {
    width: 100px;
    height: 40px;
  }
  .dmodal__btn.paint {
    display: none;
  }
  .dmodal__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dmodal__row-right {
    max-width: 100%;
    min-width: none;
  }
  .dmodal__row-right p:first-child {
    margin-bottom: 16px;
  }
  .dmodal__id {
    margin-right: 16px;
  }
}
@media screen and (max-width: 768px) {
  .modal {
    padding: 0 20px;
    padding-top: 20px;
  }
  .modal.ck {
    padding: 0;
  }
  .modal__cookie-content {
    max-width: 100%;
    border-radius: 0;
  }
  .modal__cookie-header {
    padding-right: 24px;
  }
  .modal__header {
    padding: 20px;
    padding-top: 40px;
  }
  .modal__header h5 {
    font-size: 2.2rem;
    line-height: 140%;
  }
  .modal__header-desc {
    font-size: 1.4rem;
  }
  .modal__close svg {
    width: 32px;
    height: 32px;
  }
  .modal__body {
    padding: 32px 20px;
    padding-bottom: 40px;
  }
  .modal__body-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .modal__body-head {
    font-size: 2rem;
    line-height: 140%;
    margin-bottom: 32px;
  }
  .modal__body-head.lg {
    margin-bottom: 32px;
  }
  .modal__body-bottom-link {
    font-size: 1.6rem;
    padding: 9px;
  }
  .modal__body-bottom-link.lg-hidden {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .modal__body-bottom-link.sm-hidden {
    display: none;
  }
  .modal__content {
    border-radius: var(--br-fxs);
  }
  .modal__form {
    gap: 32px;
  }
  .modal__form-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
  .modal__form-checkbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .modal__form-left {
    width: 100%;
  }
  .modal__form-right {
    width: 100%;
  }
  .modal__form-group textarea {
    min-height: 72px;
  }
  .modal__form-bottom {
    padding-top: 0;
  }
  .modal__form-bottom button {
    font-size: 1.6rem;
    padding: 9px;
  }
  .modal__form-bottom button.sm-hidden {
    display: none;
  }
  .modal__form-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .dmodal {
    top: 80px;
    height: calc(100% - 80px);
  }
  .dmodal__header {
    border-top: 2px solid var(--gray-10);
    padding: 20px;
  }
  .dmodal__header-right {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .dmodal__header-logo {
    display: none;
  }
  .dmodal__btn {
    width: 32px;
    min-height: 32px;
    max-height: 32px;
  }
  .dmodal__id {
    font-size: 1.4rem;
    gap: 8px;
  }
  .dmodal__print {
    font-size: 1.2rem;
    padding: 4px 16px;
    border-radius: var(--br-s);
  }
  .dmodal__close {
    height: 32px;
    width: 32px;
    margin: 0;
  }
  .dmodal__close svg {
    height: 24px;
    width: 24px;
  }
  .dmodal__body {
    padding: 52px 20px;
  }
}
.cookies {
  padding-top: 88px;
  padding-bottom: 208px;
  background-color: var(--gray-5);
}
.cookies__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 149px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.cookies__left {
  max-width: 883px;
  width: 100%;
  padding: 48px;
  background-color: var(--white);
  border-radius: var(--br-fs);
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08), 0 0 0 2px var(--gray-15) inset;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08), 0 0 0 2px var(--gray-15) inset;
  color: var(--gray-70);
}
.cookies__left h6 {
  color: var(--gray-100);
  margin-bottom: 40px;
}
.cookies__left ol {
  counter-reset: num;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
.cookies__left ol > li {
  list-style: none;
  counter-increment: num;
  position: relative;
  padding-left: 56px;
}
.cookies__left ol > li::before {
  content: counter(num) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--orange-dark);
}
.cookies__left ol ul {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.cookies__left ol ul > li {
  padding-left: 6px;
  position: relative;
}
.cookies__left ol ul > li::after {
  content: "";
  position: absolute;
  left: -38px;
  top: 0;
  width: 18px;
  height: 18px;
  background-image: url(/img/li.svg);
}
.cookies__right {
  position: relative;
  max-width: 370px;
  width: 100%;
  padding: 24px;
  background-color: var(--white);
  border-radius: var(--br-fxs);
  min-height: 524px;
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  border: 2px solid var(--gray-15);
}
.cookies__right img {
  position: absolute;
  width: 100%;
  height: 40%;
  bottom: 0;
  right: 0;
  left: 0;
}
.cookies__right-margined {
  margin-bottom: 8px;
}
.cookies__right-head {
  color: var(--orange-dark);
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
}
.cookies__right-head::after {
  content: "";
  display: block;
  width: 96px;
  height: 12px;
  background-image: url(/img/line-96.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  margin-left: 10px;
}
.cookies__bottom {
  display: none;
  position: relative;
  width: 100%;
  padding: 20px 32px;
  background-color: var(--white);
  min-height: 400px;
}
.cookies__bottom img {
  position: absolute;
  height: 40%;
  bottom: 0;
  right: 0;
}
.cookies__bottom-descr {
  font-size: 1.4rem;
  color: var(--gray-80);
}
.cookies__bottom-head {
  color: var(--orange-dark);
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  font-size: 3rem;
}
.cookies__bottom-head::after {
  content: "";
  display: block;
  width: 80px;
  height: 8px;
  background-image: url(/img/line-96.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}

@media screen and (max-width: 1350px) {
  .cookies__row {
    gap: 50px;
  }
  .cookies__left {
    padding: 32px;
  }
}
@media screen and (max-width: 1023.98px) {
  .cookies {
    padding-bottom: 88px;
  }
  .cookies__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cookies__left {
    max-width: 100%;
  }
  .cookies__right {
    max-width: 100%;
    min-height: 400px;
  }
  .cookies__right img {
    width: auto;
    left: auto;
  }
}
@media screen and (max-width: 768px) {
  .cookies {
    padding-top: 20px;
    padding-bottom: 0;
  }
  .cookies__left {
    padding: 24px;
    gap: 32px;
    margin-bottom: 20px;
    border-radius: var(--br-fxs);
  }
  .cookies__left h6 {
    margin-bottom: 24px;
    font-size: 2rem;
    line-height: 140%;
  }
  .cookies__left ol {
    font-size: 1.4rem;
    line-height: 130%;
    gap: 20px;
  }
  .cookies__left ol > li {
    padding-left: 38px;
  }
  .cookies__left ol > li::before {
    left: 8px;
  }
  .cookies__left ol ul {
    gap: 12px;
    padding-top: 12px;
  }
  .cookies__left ol ul > li {
    padding: 0;
  }
  .cookies__left ol ul > li::after {
    background-image: url(/img/li-sm-faq.svg);
    width: 15px;
    height: 15px;
    left: -30px;
  }
  .cookies__right {
    display: none;
  }
  .cookies__bottom {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .cookies__bottom {
    display: block;
  }
  .cookies__bottom img {
    left: 0;
    width: 100%;
  }
}
.favor {
  padding-top: 96px;
  padding-bottom: 164px;
}
.favor__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 56px;
  max-width: 1012px;
  width: 100%;
}
.favor__textblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
.favor__accentblock {
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08), 0 0 0 2px var(--gray-15) inset;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08), 0 0 0 2px var(--gray-15) inset;
  padding: 32px;
  background-color: var(--white);
  border-radius: var(--br-fs);
}
.favor__accentblock .head {
  margin-bottom: 32px;
}
.favor__accentblock-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

@media screen and (max-width: 768px) {
  .favor {
    background-color: var(--gray-5);
    padding-top: 20px;
    padding-bottom: 80px;
  }
  .favor__row {
    gap: 40px;
  }
  .favor__textblock {
    gap: 16px;
  }
  .favor__textblock p {
    font-size: 1.4rem;
    line-height: 130%;
  }
  .favor__textblock p.h7 {
    font-size: 1.8rem;
    line-height: 120%;
  }
  .favor__accentblock {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
  }
  .favor__accentblock .head {
    font-size: 1.8rem;
    line-height: 120%;
    margin-bottom: 24px;
  }
  .favor__accentblock-desc p {
    font-size: 1.4rem;
    line-height: 130%;
  }
}
.offer__desc {
  max-width: 1012px;
  width: 100%;
  margin-bottom: 40px;
}
.offer__desc p {
  color: var(--gray-70);
  margin-bottom: 9px;
}
.offer__desc p:first-child {
  margin-bottom: 24px;
}
.offer__desc p:last-child {
  margin-bottom: 0;
}
.offer__desc p span {
  font-weight: 600;
}
.offer__list {
  max-width: 1012px;
  width: 100%;
  counter-reset: rule;
  list-style: none;
}
.offer__list > li {
  counter-increment: rule;
  margin-bottom: 40px;
  position: relative;
}
.offer__list > li:last-child {
  margin-bottom: 0;
}
.offer__list > li::before {
  content: counter(rule) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 500;
  font-size: 1.8rem;
  color: var(--gray-70);
}
.offer__list > li .offer-head {
  padding-left: 26px;
  margin-bottom: 32px;
  color: var(--gray-70);
}
.offer__list > li .offer-subhead {
  margin-bottom: 24px;
  color: var(--gray-70);
}
.offer__list > li .offer__subdesc p {
  color: var(--gray-70);
  margin-bottom: 9px;
}
.offer__list > li .offer__subdesc p:last-child {
  margin-bottom: 0;
}
.offer__list > li .offer__subdesc p span {
  font-weight: 600;
}
.offer__list > li .offer__sublist {
  counter-reset: subrule;
  list-style: none;
}
.offer__list > li .offer__sublist > li {
  counter-increment: subrule;
  margin-bottom: 24px;
  position: relative;
  padding-left: 56px;
  color: var(--gray-70);
}
.offer__list > li .offer__sublist > li span {
  font-weight: 600;
}
.offer__list > li .offer__sublist > li:last-child {
  margin-bottom: 0;
}
.offer__list > li .offer__sublist > li::before {
  content: counter(rule) "." counter(subrule);
  position: absolute;
  left: 0;
  top: 0;
  color: var(--orange-dark);
}
.offer__list > li .offer__marklist {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.offer__list > li .offer__marklist.mt-sm {
  margin-top: 8px;
}
.offer__list > li .offer__marklist li {
  position: relative;
}
.offer__list > li .offer__marklist li::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--orange-dark);
  top: 7px;
  left: -30px;
}
.offer__list > li .offer__underlist {
  counter-reset: rule;
  list-style: none;
  margin-left: -56px;
  margin-top: 16px;
}
.offer__list > li .offer__underlist > li {
  counter-increment: rule;
  margin-bottom: 16px;
  position: relative;
  padding-left: 56px;
  color: var(--gray-70);
}
.offer__list > li .offer__underlist > li:last-child {
  margin-bottom: 0;
}
.offer__list > li .offer__underlist > li::before {
  content: counter(rule) ")";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--orange-dark);
}
.offer__list > li .offer__blunderlist {
  counter-reset: rule;
  list-style: none;
  margin-left: -56px;
  margin-top: 16px;
}
.offer__list > li .offer__blunderlist > li {
  counter-increment: rule;
  margin-bottom: 8px;
  position: relative;
  padding-left: 56px;
  color: var(--gray-70);
}
.offer__list > li .offer__blunderlist > li:last-child {
  margin-bottom: 0;
}
.offer__list > li .offer__blunderlist > li::before {
  content: counter(rule) ")";
  position: absolute;
  left: 20px;
  top: 0;
  color: var(--gray-70);
}
.offer__list > li .ml- {
  margin-left: -56px;
  margin-top: 16px;
}
.offer__list > li .ml- p {
  margin-bottom: 9px;
}
.offer__list > li .ml- p:last-child {
  margin-bottom: 0;
}
.offer__list > li .ml-0 {
  margin-top: 9px;
}
.offer__list > li .ml-0 p {
  margin-bottom: 9px;
}
.offer__list > li .ml-0 p:last-child {
  margin-bottom: 0;
}
.offer__list > li .offer__dottedlist {
  counter-reset: rule;
  list-style: none;
  margin-left: -56px;
  margin-top: 20px;
}
.offer__list > li .offer__dottedlist > li {
  counter-increment: rule;
  margin-bottom: 16px;
  position: relative;
  padding-left: 56px;
  color: var(--gray-70);
}
.offer__list > li .offer__dottedlist > li:last-child {
  margin-bottom: 0;
}
.offer__list > li .offer__dottedlist > li::before {
  content: counter(rule) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--orange-dark);
}

@media screen and (max-width: 768px) {
  .offer__desc {
    margin-bottom: 24px;
  }
  .offer__desc p {
    font-size: 1.4rem;
  }
  .offer__desc p:first-child {
    margin-bottom: 16px;
  }
  .offer__list > li {
    margin-bottom: 24px;
  }
  .offer__list > li::before {
    font-size: 1.6rem;
  }
  .offer__list > li .offer-head {
    font-size: 1.6rem;
    margin-bottom: 16px;
  }
  .offer__list > li .offer__subdesc p {
    font-size: 1.4rem;
  }
  .offer__list > li .ml- {
    font-size: 1.4rem;
  }
  .offer__list > li .ml- p {
    font-size: 1.4rem;
  }
  .offer__list > li .ml-0 {
    font-size: 1.4rem;
  }
  .offer__list > li .ml-0 p {
    font-size: 1.4rem;
  }
  .offer__list > li .offer-subhead {
    font-size: 1.4rem;
    margin-bottom: 16px;
  }
  .offer__list > li .offer-descr {
    font-size: 1.4rem;
  }
  .offer__list > li .offer__sublist > li {
    margin-bottom: 16px;
    font-size: 1.4rem;
  }
  .offer__list > li .offer__sublist > li::before {
    font-size: 1.4rem;
  }
  .offer__list > li .offer__underlist > li {
    font-size: 1.4rem;
  }
  .offer__list > li .offer__underlist > li::before {
    font-size: 1.4rem;
  }
  .offer__list > li .offer__dottedlist {
    margin-top: 16px;
  }
  .offer__list > li .offer__dottedlist > li {
    font-size: 1.4rem;
  }
  .offer__list > li .offer__dottedlist > li::before {
    font-size: 1.4rem;
  }
  .offer__list > li .offer__marklist > li {
    font-size: 1.4rem;
  }
  .offer__list > li .offer__blunderlist > li {
    font-size: 1.4rem;
  }
  .offer__list > li .offer__blunderlist > li::before {
    font-size: 1.4rem;
  }
}
.toolbar {
  position: fixed;
  bottom: 0;
  background-color: var(--white);
  width: 100%;
  z-index: 20;
  padding: 12px 0;
  border-bottom: 2px solid var(--gray-20);
  display: none;
}
.toolbar a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: relative;
}
.toolbar__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}
.toolbar-info {
  display: inline-block;
  padding: 1px 4px;
  background-color: var(--gray-30);
  color: var(--white);
  border-radius: var(--br-tag);
  position: absolute;
  top: 0px;
  right: -2px;
  font-size: 1.1rem;
  line-height: 145%;
  font-weight: 600;
}
.toolbar-info.filled {
  background-color: var(--orange-dark);
}

@media screen and (max-width: 768px) {
  .toolbar {
    display: block;
  }
}
.accept__desc {
  max-width: 1012px;
  width: 100%;
  margin-bottom: 16px;
}
.accept__desc p {
  color: var(--gray-80);
  margin-bottom: 8px;
}
.accept__desc p:last-child {
  margin: 0;
}
.accept__list {
  max-width: 1012px;
  width: 100%;
  counter-reset: rule;
  list-style: none;
}
.accept__list > li {
  counter-increment: rule;
  margin-bottom: 16px;
  position: relative;
  color: var(--gray-70);
  padding-left: 56px;
}
.accept__list > li:last-child {
  margin-bottom: 0;
}
.accept__list > li::before {
  content: counter(rule);
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 400;
  font-size: 1.6rem;
  color: var(--orange-dark);
}
.accept__list > li .accept__sublist {
  counter-reset: subrule;
  list-style: none;
  margin-left: -56px;
  margin-top: 16px;
}
.accept__list > li .accept__sublist > li {
  counter-increment: subrule;
  margin-bottom: 16px;
  position: relative;
  padding-left: 56px;
  color: var(--gray-70);
}
.accept__list > li .accept__sublist > li span {
  font-weight: 600;
}
.accept__list > li .accept__sublist > li:last-child {
  margin-bottom: 0;
}
.accept__list > li .accept__sublist > li::before {
  content: counter(rule) "." counter(subrule);
  position: absolute;
  left: 0;
  top: 0;
  color: var(--orange-dark);
}
.accept__list > li .accept__marklist {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.accept__list > li .accept__marklist.mt-sm {
  margin-top: 8px;
}
.accept__list > li .accept__marklist li {
  position: relative;
}
.accept__list > li .accept__marklist li::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--orange-dark);
  top: 7px;
  left: -30px;
}
.accept__list > li .ml- {
  margin-left: -56px;
  margin-top: 16px;
}
.accept__list > li .ml- p {
  margin-bottom: 9px;
}
.accept__list > li .ml- p:last-child {
  margin-bottom: 0;
}
.accept__list > li .ml-0 {
  margin-top: 9px;
}
.accept__list > li .ml-0 p {
  margin-bottom: 9px;
}
.accept__list > li .ml-0 p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .accept__desc p {
    font-size: 1.4rem;
  }
  .accept__list > li {
    font-size: 1.4rem;
  }
  .accept__list > li::before {
    font-size: 1.4rem;
  }
  .accept__list > li .accept__sublist > li {
    font-size: 1.4rem;
  }
  .accept__list > li .accept__sublist > li::before {
    font-size: 1.4rem;
  }
  .accept__list > li .ml- {
    font-size: 1.4rem;
  }
  .accept__list > li .ml- p {
    font-size: 1.4rem;
  }
  .accept__list > li .ml-0 {
    font-size: 1.4rem;
  }
  .accept__list > li .ml-0 p {
    font-size: 1.4rem;
  }
  .accept__list > li .accept__marklist > li {
    font-size: 1.4rem;
  }
}
.rules__body {
  max-width: 1012px;
  width: 100%;
}
.rules__desc {
  color: var(--gray-70);
  margin-bottom: 16px;
}
.rules__desc p {
  margin-bottom: 9px;
}
.rules__desc p span {
  font-weight: 600;
}
.rules__desc p:last-child {
  margin-bottom: 0;
}
.rules__underdesc {
  color: var(--gray-70);
  margin-top: 24px;
  margin-bottom: 56px;
}
.rules__toplist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.rules__toplist li {
  position: relative;
}
.rules__toplist li::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--orange-dark);
  top: 7px;
  left: -30px;
}
.rules__list {
  max-width: 1012px;
  width: 100%;
  counter-reset: rule;
  list-style: none;
}
.rules__list > li {
  counter-increment: rule;
  margin-bottom: 56px;
  position: relative;
  color: var(--gray-70);
}
.rules__list > li:last-child {
  margin-bottom: 0;
}
.rules__list > li::before {
  content: counter(rule) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 500;
  font-size: 1.8rem;
  color: var(--gray-70);
}
.rules__list > li .rules-head {
  padding-left: 26px;
  margin-bottom: 24px;
  color: var(--gray-70);
}
.rules__list > li .rules__sublist {
  counter-reset: subrule;
  list-style: none;
}
.rules__list > li .rules__sublist.sm {
  margin-top: 16px;
}
.rules__list > li .rules__sublist.sm > li {
  margin-bottom: 16px;
}
.rules__list > li .rules__sublist > li {
  counter-increment: subrule;
  margin-bottom: 24px;
  position: relative;
  padding-left: 56px;
  color: var(--gray-70);
}
.rules__list > li .rules__sublist > li span {
  font-weight: 600;
}
.rules__list > li .rules__sublist > li:last-child {
  margin-bottom: 0;
}
.rules__list > li .rules__sublist > li::before {
  content: counter(rule) "." counter(subrule);
  position: absolute;
  left: 0;
  top: 0;
  color: var(--orange-dark);
}
.rules__list > li .rules__marklist {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.rules__list > li .rules__marklist.pl {
  padding-left: 56px;
}
.rules__list > li .rules__marklist.mt-sm {
  margin-top: 8px;
}
.rules__list > li .rules__marklist li {
  position: relative;
}
.rules__list > li .rules__marklist li::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--orange-dark);
  top: 7px;
  left: -30px;
}
.rules__list > li .ml- {
  margin-left: -56px;
  margin-top: 16px;
}
.rules__list > li .ml- p {
  margin-bottom: 9px;
}
.rules__list > li .ml- p:last-child {
  margin-bottom: 0;
}
.rules__list > li .ml-0 {
  margin-top: 9px;
}
.rules__list > li .ml-0 p {
  margin-bottom: 9px;
}
.rules__list > li .ml-0 p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .rules__desc {
    margin-bottom: 24px;
  }
  .rules__desc p {
    font-size: 1.4rem;
  }
  .rules__underdesc {
    margin-bottom: 32px;
    font-size: 1.4rem;
  }
  .rules__toplist li {
    padding-left: 56px;
    font-size: 1.4rem;
  }
  .rules__toplist li::before {
    left: 0;
  }
  .rules__list > li {
    margin-bottom: 24px;
  }
  .rules__list > li::before {
    font-size: 1.6rem;
  }
  .rules__list > li .rules-head {
    font-size: 1.6rem;
    margin-bottom: 16px;
  }
  .rules__list > li .ml- {
    font-size: 1.4rem;
  }
  .rules__list > li .ml- p {
    font-size: 1.4rem;
  }
  .rules__list > li .ml-0 {
    font-size: 1.4rem;
  }
  .rules__list > li .ml-0 p {
    font-size: 1.4rem;
  }
  .rules__list > li .rules__sublist > li {
    margin-bottom: 16px;
    font-size: 1.4rem;
  }
  .rules__list > li .rules__sublist > li::before {
    font-size: 1.4rem;
  }
  .rules__list > li .rules__marklist > li {
    font-size: 1.4rem;
  }
}
.email__content {
  padding-top: 56px;
  padding-bottom: 120px;
  margin-bottom: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 75px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.email__content img {
  margin-top: 19px;
  width: 100%;
  height: auto;
  min-width: 0;
  max-width: 625px;
}
.email__left {
  max-width: 496px;
  min-width: 360px;
  width: 100%;
}
.email__left h6 {
  margin-bottom: 32px;
  color: var(--gray-80);
}
.email__left p {
  margin-bottom: 80px;
  color: var(--gray-70);
}
.email__left button {
  width: 100%;
  padding: 9px 24px;
  margin-bottom: 16px;
}
.email__left a {
  color: var(--gray-80);
  text-decoration: underline;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.email__left a:hover {
  color: var(--orange-dark);
}

@media screen and (max-width: 768px) {
  .email__content {
    padding: 40px 0;
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }
  .email__content img {
    max-width: 500px;
    margin: 0 auto;
  }
  .email__left {
    max-width: 100%;
    min-width: auto;
  }
  .email__left h6 {
    font-size: 2.2rem;
    margin-bottom: 24px;
  }
  .email__left p {
    font-size: 1.4rem;
    margin-bottom: 40px;
  }
  .email__left button {
    padding: 9px;
  }
}
.preloader {
  display: block;
  position: relative;
  width: 150px;
  height: 150px;
  margin: 30px auto;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--orange-dark);
  -webkit-animation: preloader-spin 2s linear infinite;
  animation: preloader-spin 2s linear infinite;
}
.preloader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--orange-light);
  -webkit-animation: preloader-spin 3s linear infinite;
  animation: preloader-spin 3s linear infinite;
}
.preloader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--orange-dark);
  -webkit-animation: preloader-spin 1.5s linear infinite;
  animation: preloader-spin 1.5s linear infinite;
}
.preloader__wrapper {
  position: absolute;
  inset: 0;
  background-color: var(--gray-5);
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .preloader {
    width: 100px;
    height: 100px;
  }
}
@-webkit-keyframes preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.admin__wrapper {
  padding: 24px;
}
.admin__head {
  color: var(--gray-100);
}
.admin__logout {
  padding: 8px 20px;
  background-color: var(--white);
  border: 1px solid var(--gray-20);
  color: var(--gray-90);
  border-radius: var(--br-s);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.admin__logout:hover {
  color: var(--orange-dark);
}
.admin__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.admin__modal-content {
  background-color: var(--white);
  border-radius: var(--br-fm);
  position: relative;
  max-width: 924px;
  width: 100%;
}
.admin__modal-content.lg {
  max-width: 1240px;
}
.admin__modal-header {
  padding: 40px;
  border-bottom: 2px solid var(--gray-15);
}
.admin__modal-header h5 {
  color: var(--gray-100);
}
.admin__modal-header-desc {
  color: var(--gray-50);
  margin-top: 20px;
}
.admin__modal-header-badge {
  padding: 11px 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--gray-100);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-box-shadow: 0 0 0 2px var(--blue) inset;
  box-shadow: 0 0 0 2px var(--blue) inset;
  border-radius: var(--br-tag);
  margin-top: 20px;
}
.admin__modal-header-badge span {
  color: var(--gray-40);
}
.admin__modal-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  gap: 24px;
  padding-bottom: 24px;
  margin-bottom: 44px;
}
.admin__modal-profile::after {
  content: "";
  position: absolute;
  height: 2px;
  background: var(--gray-15);
  left: -40px;
  right: -40px;
  bottom: 0;
}
.admin__modal-profile-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.admin__modal-profile-switch.invalid {
  pointer-events: none;
}
.admin__modal-profile-switch.invalid .admin__modal-profile-switch-input:checked + .admin__modal-profile-switch-slider {
  background-color: var(--gray-20);
}
.admin__modal-profile-switch-input {
  display: none;
}
.admin__modal-profile-switch-input:checked + .admin__modal-profile-switch-slider {
  background-color: var(--orange-dark);
}
.admin__modal-profile-switch-input:checked + .admin__modal-profile-switch-slider::before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}
.admin__modal-profile-switch-slider {
  position: relative;
  width: 56px;
  height: 24px;
  background-color: var(--gray-30);
  border-radius: var(--br-tag);
  -webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.24);
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.24);
  -webkit-transition: background-color 0.2 ease-in;
  -o-transition: background-color 0.2 ease-in;
  transition: background-color 0.2 ease-in;
}
.admin__modal-profile-switch-slider::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  width: 36px;
  height: 36px;
  background-color: var(--white);
  border: 1px solid var(--gray-10);
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
.admin__modal-profile-left, .admin__modal-profile-right {
  width: calc(50% - 12px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}
.admin__modal-profile-line {
  width: 100%;
  height: 2px;
  background-color: var(--gray-15);
}
.admin__modal-profile-item-head {
  margin-bottom: 24px;
  color: var(--gray-100);
}
.admin__modal-profile-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: var(--gray-100);
  margin-bottom: 16px;
}
.admin__modal-profile-item-info:last-child {
  margin-bottom: 0;
}
.admin__modal-profile-item-info span {
  color: var(--gray-50);
}
.admin__modal-body {
  padding: 40px;
  padding-bottom: 64px;
}
.admin__modal-body.prf {
  padding-top: 24px;
}
.admin__modal-body-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.admin__modal-body-head {
  max-width: 684px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
  color: var(--gray-100);
}
.admin__modal-body-head.lg {
  margin-bottom: 100px;
  margin-top: 40px;
}
.admin__modal-body-bottom-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  color: var(--white);
  background-color: var(--orange-dark);
  padding: 14px;
  border-radius: var(--br-l);
  max-width: 594px;
  width: 100%;
  margin: 0 auto;
  -webkit-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.admin__modal-body-bottom-link.lg-hidden {
  display: none;
}
.admin__modal-body-bottom-link.sec {
  color: var(--gray-90);
  -webkit-box-shadow: 0 0 0 1px var(--orange-dark) inset;
  box-shadow: 0 0 0 1px var(--orange-dark) inset;
  background-color: var(--white);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.admin__modal-body-bottom-link.sec:hover {
  color: var(--orange-dark);
  background-color: var(--white);
}
.admin__modal-body-bottom-link:hover {
  background-color: var(--orange-hover);
}
.admin__modal-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 60px;
}
.admin__modal-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.admin__modal-form-left, .admin__modal-form-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  width: calc(50% - 12px);
}
.admin__modal-form-left textarea.mh-248, .admin__modal-form-right textarea.mh-248 {
  min-height: 248px;
}
.admin__modal-form-left textarea.mh-178, .admin__modal-form-right textarea.mh-178 {
  min-height: 178px;
}
.admin__modal-form-left textarea.mh-145, .admin__modal-form-right textarea.mh-145 {
  min-height: 145px;
}
.admin__modal-form-left textarea.mh-137, .admin__modal-form-right textarea.mh-137 {
  min-height: 137px;
}
.admin__modal-form-left textarea.mh-83, .admin__modal-form-right textarea.mh-83 {
  min-height: 83px;
}
.admin__modal-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.admin__modal-close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 40px;
  height: 40px;
  background: transparent;
}
.admin__leftbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  height: 100%;
  padding: 16px;
  padding-top: 24px;
  background-color: var(--blue-lighted);
  max-width: 292px;
  width: 100%;
  border-radius: var(--br-fxs);
  height: calc(100vh - 48px);
  overflow: auto;
}
.admin__leftbar-top {
  padding-bottom: 38px;
  border-bottom: 2px solid var(--blue-light);
}
.admin__leftbar-mid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.admin__leftbar-bottom {
  width: 100%;
  margin-top: auto;
}
.admin__leftbar-bottom a {
  color: var(--blue-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.admin__leftbar-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--blue-darked);
  padding: 9px 12px;
  gap: 16px;
  padding: 9px 12px;
  border-radius: var(--br-m);
  -webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in, color 0.2s ease-in;
  transition: background-color 0.2s ease-in, color 0.2s ease-in;
}
.admin__leftbar-link svg path {
  -webkit-transition: stroke 0.2s ease-in;
  -o-transition: stroke 0.2s ease-in;
  transition: stroke 0.2s ease-in;
}
.admin__leftbar-link:hover {
  background-color: #D4DADC;
  color: var(--blue-dark);
}
.admin__leftbar-link:hover svg path {
  stroke: var(--blue-dark);
}
.admin__leftbar-accordeon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.admin__leftbar-accordeon-item.active {
  background-color: var(--blue-light);
  border-radius: var(--br-l);
  overflow: hidden;
}
.admin__leftbar-accordeon-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--blue-darked);
  padding: 9px 12px;
  cursor: pointer;
  border-radius: var(--br-m);
  -webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in, color 0.2s ease-in;
  transition: background-color 0.2s ease-in, color 0.2s ease-in;
}
.admin__leftbar-accordeon-header .arrw {
  -webkit-transition: rotate 0.2s ease-in;
  -o-transition: rotate 0.2s ease-in;
  transition: rotate 0.2s ease-in;
}
.admin__leftbar-accordeon-header.active {
  color: var(--blue-dark);
}
.admin__leftbar-accordeon-header.active .admin__leftbar-accordeon-header-left svg path {
  stroke: var(--blue-dark);
}
.admin__leftbar-accordeon-header.active .arrw {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.admin__leftbar-accordeon-header svg path {
  -webkit-transition: stroke 0.2s ease-in;
  -o-transition: stroke 0.2s ease-in;
  transition: stroke 0.2s ease-in;
}
.admin__leftbar-accordeon-header:hover {
  background-color: #D4DADC;
  color: var(--blue-dark);
}
.admin__leftbar-accordeon-header:hover .admin__leftbar-accordeon-header-left svg path {
  stroke: var(--blue-dark);
}
.admin__leftbar-accordeon-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.admin__leftbar-accordeon-content {
  max-height: 0;
  opacity: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-in, opacity 0.2s ease-in, padding 0.2s ease-in;
  -o-transition: max-height 0.2s ease-in, opacity 0.2s ease-in, padding 0.2s ease-in;
  transition: max-height 0.2s ease-in, opacity 0.2s ease-in, padding 0.2s ease-in;
}
.admin__leftbar-accordeon-content.visibled {
  max-height: 400px;
  opacity: 1;
  padding-top: 8px;
}
.admin__leftbar-accordeon-content ul li a {
  display: inline-block;
  padding: 9px 12px;
  padding-left: 40px;
  width: 100%;
  color: var(--blue-darked);
  border-radius: var(--br-m);
}
.admin__leftbar-accordeon-content ul li a:hover {
  background-color: #D4DADC;
  color: var(--blue-dark);
}
.admin__leftbar-logo {
  display: block;
  margin: 0 auto;
  margin-bottom: 42px;
}
.admin__leftbar-avatar {
  margin-bottom: 24px;
}
.admin__leftbar-name {
  text-align: center;
  color: var(--blue-dark);
}
.admin__limits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.admin__limits-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.admin__limits-bottom {
  border-radius: var(--br-fxs);
  background-color: var(--gray-5);
  padding: 24px;
  height: 100%;
}
.admin__limits-info {
  border-radius: var(--br-fxs);
  background-color: var(--white);
  padding: 32px;
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08), 0 0 0 2px var(--gray-15) inset;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08), 0 0 0 2px var(--gray-15) inset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  min-height: 416px;
}
.admin__limits-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  padding-right: 24px;
  border-right: 2px solid var(--gray-15);
}
.admin__limits-item:last-child {
  max-width: 449px;
  width: 100%;
  padding: 0;
  border: 0;
}
.admin__limits-item-badge {
  padding: 11px 20px;
  color: var(--gray-100);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-box-shadow: 0 0 0 2px var(--blue) inset;
  box-shadow: 0 0 0 2px var(--blue) inset;
  border-radius: var(--br-tag);
}
.admin__limits-item-badge span {
  color: var(--gray-40);
}
.admin__limits-item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.admin__limits-item-top button {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--white);
  -webkit-box-shadow: 0 0 0 2px var(--gray-10) inset;
  box-shadow: 0 0 0 2px var(--gray-10) inset;
  border-radius: var(--br-s);
}
.admin__limits-item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
.admin__limits-item-body-top p {
  color: var(--gray-100);
}
.admin__limits-item-body-top p:first-child {
  color: var(--gray-50);
  margin-bottom: 8px;
}
.admin__limits-item-body-line {
  height: 2px;
  width: 100%;
  background-color: var(--gray-15);
}
.admin__limits-item-body-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 7px;
}
.admin__limits-item-body-info p {
  color: var(--gray-50);
}
.admin__tariffs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.admin__tariffs-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--gray-15);
}
.admin__tariffs-add {
  background-color: var(--orange-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  border-radius: var(--br-s);
  color: var(--white);
  margin-left: auto;
  margin-bottom: 8px;
  -webkit-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.admin__tariffs-add:hover {
  background-color: var(--orange-hover);
}
.admin__tariffs-bottom {
  border-radius: var(--br-fxs);
  background-color: var(--gray-5);
  padding: 24px;
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 34px;
}
.admin__tariffs-card {
  background-color: var(--white);
  border: 2px solid var(--gray-20);
  border-radius: var(--br-fm);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  gap: 32px;
  -webkit-box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.16);
  min-height: 640px;
  height: 100%;
  position: relative;
}
.admin__tariffs-card-info {
  position: absolute;
  top: 20px;
  right: 20px;
}
.admin__tariffs-card-head {
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  border: 2px solid var(--gray-20);
  border-radius: var(--br-fm);
  margin: -2px;
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
}
.admin__tariffs-card-head-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.admin__tariffs-card-head p {
  color: var(--gray-50);
}
.admin__tariffs-card-body {
  padding: 0 40px;
  padding-bottom: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 40px;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  z-index: 1;
}
.admin__tariffs-card-body-tag {
  padding: 3px 15px;
  border: 1px solid transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--br-tag);
}
.admin__tariffs-card-body-tag.dark {
  background-color: var(--gray-100);
  color: var(--white);
  border-color: var(--gray-100);
}
.admin__tariffs-card-body-tag.light {
  background-color: var(--gray-5);
  color: var(--gray-100);
  border-color: var(--gray-20);
}
.admin__tariffs-card-body-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
.admin__tariffs-card-body-top p {
  color: var(--gray-70);
}
.admin__tariffs-card-body-top p.g60 {
  color: var(--gray-60);
}
.admin__tariffs-card-body-wrapper p {
  margin-bottom: 12px;
}
.admin__tariffs-card-body-wrapper ul {
  color: var(--gray-70);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.admin__tariffs-card-body-wrapper ul li {
  padding-left: 60px;
  position: relative;
}
.admin__tariffs-card-body-wrapper ul li::after {
  content: "";
  position: absolute;
  left: 19px;
  top: 2px;
  width: 18px;
  height: 18px;
  background-image: url(/img/li.svg);
}
.admin__tariffs-card-body-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding-top: 20px;
  border-top: 2px solid var(--gray-15);
}
.admin__tariffs-card-body-bottom-price span {
  font-size: 2rem;
  line-height: 100%;
  font-weight: 500;
}
.admin__tariffs-card-body-bottom-all {
  color: var(--gray-40);
}
.admin__tariffs-card-body-bottom-all span {
  color: var(--black);
}
.admin__tariffs-card-body-bottom-all.hidden {
  opacity: 0;
}
.admin__tariffs-card-body-bottom-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 8px;
}
.admin__tariffs-card-body-bottom-change .button-change {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--white);
  -webkit-box-shadow: 0 0 0 2px var(--gray-10) inset;
  box-shadow: 0 0 0 2px var(--gray-10) inset;
  border-radius: var(--br-s);
}
.admin__tariffs-card-body-bottom-change .button-publish {
  color: var(--gray-90);
  padding: 4px 16px;
  -webkit-box-shadow: 0 0 0 1px var(--orange-dark) inset;
  box-shadow: 0 0 0 1px var(--orange-dark) inset;
  border-radius: var(--br-s);
  background-color: var(--white);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.admin__tariffs-card-body-bottom-change .button-publish:hover {
  color: var(--orange-dark);
}
.admin__preview {
  background-image: url("/img/admin-background.png");
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 100vh;
  padding: 24px;
}
.admin__preview-sent {
  border-radius: var(--br-m);
  background-color: var(--white);
  -webkit-box-shadow: 0 0 0 1px var(--gray-20) inset;
  box-shadow: 0 0 0 1px var(--gray-20) inset;
  color: var(--gray-90);
  width: 100%;
  padding: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
  margin-bottom: 32px;
  gap: 16px;
}
.admin__preview-sent:hover {
  color: var(--orange-dark);
}
.admin__preview-text {
  margin-bottom: 32px;
}
.admin__preview-text p {
  color: var(--gray-100);
}
.admin__preview-text p:first-child {
  margin-bottom: 20px;
}
.admin__preview-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.admin__preview-group label {
  color: var(--gray-90);
}
.admin__preview-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.admin__preview-checkbox .input-checkbox {
  border-color: var(--gray-100);
}
.admin__preview-checkbox .input-checkbox:checked {
  background-color: var(--gray-100);
}
.admin__preview-bottom {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.admin__preview-bottom.lg {
  gap: 24px;
}
.admin__preview-bottom button {
  padding: 9px;
  width: 100%;
}
.admin__preview-bottom button:active {
  background-color: var(--orange-dark);
}
.admin__preview-bottom button.btn-clear {
  border-radius: var(--br-m);
  background-color: var(--white);
  -webkit-box-shadow: 0 0 0 1px var(--gray-20) inset;
  box-shadow: 0 0 0 1px var(--gray-20) inset;
  color: var(--gray-90);
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.admin__preview-bottom button.btn-clear:hover {
  color: var(--orange-dark);
}
.admin__preview-left {
  background-color: var(--orange-dark);
  padding: 0 80px;
  padding-top: 40px;
  padding-bottom: 94px;
  max-width: 640px;
  min-height: 976px;
  width: 100%;
  -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  border-radius: var(--br-fxs);
}
.admin__preview-left img {
  max-width: 452px;
  width: 100%;
  margin-bottom: 62px;
}
.admin__preview-left a {
  color: var(--gray-100);
  text-decoration: underline;
}
.admin__preview-left a.without {
  text-decoration: none;
}
.admin__preview-left form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
/*# sourceMappingURL=main.css.map */