@charset "UTF-8";

@font-face {
  font-family: Montserrat_400;
  font-display: swap;
  src: url(./../fonts/Montserrat-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: Montserrat_500;
  font-display: swap;
  src: url(./../fonts/Montserrat-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: Montserrat_600;
  font-display: swap;
  src: url(./../fonts/Montserrat-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: Montserrat_700;
  font-display: swap;
  src: url(./../fonts/Montserrat-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: Gilroy_400;
  font-display: swap;
  src: url(./../fonts/Gilroy-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: Gilroy_500;
  font-display: swap;
  src: url(./../fonts/Gilroy-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: Gilroy_600;
  font-display: swap;
  src: url(./../fonts/Gilroy-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: Gilroy_700;
  font-display: swap;
  src: url(./../fonts/Gilroy-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal
}

[class*=__container]:not(.fancybox__container) {
  max-width: 1290px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding-left: .9375rem;
  padding-right: .9375rem
}

.fill-container {
  max-width: 91.25rem;
  margin: 0 auto;
  position: relative
}

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

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

:active,
:focus,
a:active,
a:focus {
  outline: 0
}

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

button {
  cursor: pointer;
  background-color: inherit
}

a,
button {
  color: inherit
}

a:hover,
a:link,
a:visited {
  text-decoration: none
}

ul li {
  list-style: none
}

img {
  vertical-align: top;
  max-width: 100%;
  height: auto
}

h1,
h2,
h3,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit
}

:root {
  --color: #eb4e0d;
  --color-2: #143276;
  --color-3: #292b33;
  --icon-rating: url('data:image/svg+xml,<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.825 19L5.45 11.975L0 7.25L7.2 6.625L10 0L12.8 6.625L20 7.25L14.55 11.975L16.175 19L10 15.275L3.825 19Z" fill="%23EB4E0D" /></svg>');
  --icon-play: url('data:image/svg+xml,<svg width="32" height="36" viewBox="0 0 32 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.5 15.4019C32.5 16.5566 32.5 19.4434 30.5 20.5981L5 35.3205C3 36.4752 0.500002 35.0318 0.500002 32.7224L0.500003 3.27757C0.500004 0.968166 3 -0.47521 5 0.679491L30.5 15.4019Z" fill="%2322A0B5" /></svg>');
  --icon-check-well: url('data:image/svg+xml,<svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.9557 1.25898C17.19 1.49339 17.3217 1.81127 17.3217 2.14273C17.3217 2.47418 17.19 2.79207 16.9557 3.02648L7.58651 12.3956C7.46269 12.5195 7.31569 12.6177 7.1539 12.6848C6.99212 12.7518 6.81871 12.7863 6.64359 12.7863C6.46847 12.7863 6.29506 12.7518 6.13328 12.6848C5.97149 12.6177 5.82449 12.5195 5.70067 12.3956L1.04567 7.74148C0.926285 7.62617 0.831057 7.48824 0.765546 7.33573C0.700035 7.18323 0.665552 7.0192 0.66411 6.85323C0.662667 6.68725 0.694295 6.52266 0.757146 6.36904C0.819997 6.21542 0.912813 6.07585 1.03018 5.95848C1.14755 5.84112 1.28711 5.7483 1.44073 5.68545C1.59435 5.6226 1.75895 5.59097 1.92492 5.59241C2.0909 5.59386 2.25492 5.62834 2.40743 5.69385C2.55993 5.75936 2.69786 5.85459 2.81317 5.97398L6.64317 9.80398L15.1873 1.25898C15.3034 1.14282 15.4413 1.05067 15.593 0.987805C15.7447 0.924937 15.9073 0.892578 16.0715 0.892578C16.2357 0.892578 16.3983 0.924937 16.55 0.987805C16.7018 1.05067 16.8396 1.14282 16.9557 1.25898Z" fill="white" /></svg>');
  --icon-arrow-slider: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.5L8.22183 8.27046C8.64324 8.66554 8.64324 9.33446 8.22183 9.72954L0.999999 16.5" stroke="%2322A0B5" stroke-width="2" stroke-linecap="round" /></svg>');
  --box-shadow: rem(4) rem(8) rem(50) 0 rgba(59, 60, 63, 0.08);
  --icon-check: url('data:image/svg+xml,<svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.8037 1.41943C11.8323 1.41944 11.8607 1.42268 11.8887 1.42822L11.9707 1.45264C11.9974 1.46368 12.023 1.47768 12.0469 1.49365L12.1133 1.54736C12.1953 1.62938 12.2412 1.74097 12.2412 1.85693C12.2412 1.944 12.2156 2.02872 12.168 2.1001L12.1133 2.1665L5.08594 9.19287C5.06277 9.21604 5.03784 9.23724 5.01074 9.25537L4.92383 9.30127C4.86318 9.32639 4.79807 9.33936 4.73242 9.33936C4.69959 9.33934 4.66681 9.33696 4.63477 9.33057L4.54102 9.30127C4.51087 9.28875 4.48209 9.27341 4.45508 9.25537L4.37891 9.19287L0.887695 5.70264L0.881836 5.69678L0.825195 5.63037L0.783203 5.5542C0.771872 5.52776 0.763731 5.50017 0.757812 5.47217L0.748047 5.38525C0.747817 5.35635 0.750439 5.32756 0.755859 5.29932L0.780273 5.21631C0.791311 5.18933 0.80521 5.1633 0.821289 5.13916L0.875977 5.07275C0.896583 5.05215 0.919202 5.03313 0.943359 5.01709L1.01953 4.97705C1.0733 4.95505 1.13136 4.94334 1.18945 4.94385C1.21841 4.94411 1.24719 4.9477 1.27539 4.95361L1.3584 4.97998C1.38516 4.9915 1.41073 5.00547 1.43457 5.02197L1.5 5.07764L1.50586 5.08447L4.37891 7.95654L4.73242 8.31006L5.08594 7.95654L11.4941 1.54736C11.5144 1.52714 11.5369 1.50949 11.5605 1.49365L11.6357 1.45264C11.6888 1.43063 11.7462 1.41943 11.8037 1.41943Z" fill="%233B3C3F" stroke="%23143276" /></svg>');
  --icon-map: url('data:image/svg+xml,<svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 15.1998L7.07525 15.7646C6.99976 15.8392 6.91005 15.8984 6.81126 15.9388C6.71248 15.9792 6.60656 16 6.49959 16C6.39263 16 6.28671 15.9792 6.18792 15.9388C6.08914 15.8984 5.99943 15.8392 5.92394 15.7646L5.91906 15.759L5.90525 15.7454L5.85488 15.695C5.56849 15.4044 5.28679 15.1095 5.00988 14.8102C4.31496 14.0599 3.64931 13.2839 3.01437 12.4838C2.28962 11.5638 1.54862 10.5238 0.985562 9.49666C0.434687 8.48948 0 7.39829 0 6.39991C0 2.76876 2.9185 0 6.5 0C10.0815 0 13 2.76876 13 6.39991C13 7.39829 12.5653 8.48948 12.0144 9.49586C11.4514 10.5246 10.7112 11.5638 9.98563 12.4838C9.09737 13.6031 8.14919 14.675 7.14512 15.695L7.09475 15.7454L7.08094 15.759L7.07606 15.7638L6.5 15.1998ZM6.5 8.79987C7.14647 8.79987 7.76645 8.54702 8.22357 8.09694C8.68069 7.64686 8.9375 7.03642 8.9375 6.39991C8.9375 5.7634 8.68069 5.15296 8.22357 4.70288C7.76645 4.25279 7.14647 3.99994 6.5 3.99994C5.85353 3.99994 5.23355 4.25279 4.77643 4.70288C4.31931 5.15296 4.0625 5.7634 4.0625 6.39991C4.0625 7.03642 4.31931 7.64686 4.77643 8.09694C5.23355 8.54702 5.85353 8.79987 6.5 8.79987Z" fill="%23EB4E0D" /></svg>');
  --icon-arrow: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.292786 0.292952C0.480314 0.105481 0.734622 0.000165462 0.999786 0.000165462C1.26495 0.000165462 1.51926 0.105481 1.70679 0.292952L6.65679 5.24295L11.6068 0.292952C11.7954 0.110794 12.048 0.00999975 12.3102 0.0122781C12.5724 0.0145564 12.8232 0.119725 13.0086 0.305133C13.194 0.490541 13.2992 0.741354 13.3015 1.00355C13.3037 1.26575 13.2029 1.51835 13.0208 1.70695L7.36379 7.36395C7.17626 7.55142 6.92195 7.65674 6.65679 7.65674C6.39162 7.65674 6.13731 7.55142 5.94979 7.36395L0.292786 1.70695C0.105315 1.51942 0 1.26512 0 0.999952C0 0.734787 0.105315 0.48048 0.292786 0.292952Z" fill="%23EB4E0D" /></svg>');
  --padding: clamp(2.5rem, 1.732rem + 3.28vw, 4.375rem);
  --padding-70: clamp(2.5rem, 1.732rem + 3.28vw, 4.375rem);
  --padding-80: clamp(2.5rem, 1.475rem + 4.37vw, 5rem);
  --padding-90: clamp(2.813rem, 1.66rem + 4.92vw, 5.625rem);
  --padding-100: clamp(3.125rem, 1.844rem + 5.46vw, 6.25rem);
  --font-family_400: "Gilroy_400", sans-serif;
  --font-family_500: "Gilroy_500", sans-serif;
  --font-family_600: "Gilroy_600", sans-serif;
  --font-family_700: "Gilroy_700", sans-serif;
  --second-family_400: "Montserrat_400", sans-serif;
  --second-family_500: "Montserrat_500", sans-serif;
  --second-family_600: "Montserrat_600", sans-serif;
  --second-family_700: "Montserrat_700", sans-serif
}

[class*=-bgi] {
  position: relative
}

[class*=-bgi] iframe,
[class*=-bgi] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover
}

[class*=-bgi_contain] img {
  -o-object-fit: contain;
  object-fit: contain
}

._lock body,
._open body {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none
}

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

.slider__wrapper {
  max-width: 88.75rem;
  margin: 0 auto;
  padding-inline: .9375rem;
}

.wrapper {
  min-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;
  margin: 0 auto;
  overflow: hidden;
}

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

.wrapper>* {
  min-width: 0
}

body,
html {
  height: 100%
}

html {
  scroll-behavior: smooth
}

body {
  color: var(--color-3);
  min-width: 23.4375rem;
  line-height: 1.3;
  font-size: 1rem;
  font-family: "Gilroy_400";
  font-weight: 400;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  background-color: #222
}

.a,
.btn,
a {
  transition: all .3s ease 0s
}

.btn,
.btn-border {
  color: var(--color)
}

.btn {
  padding: .8125rem 1.5rem;
  font-weight: 600;
  font-size: 1.125rem;
  display: inline-flex;
  justify-content: center;
  min-width: 11.875rem;
  min-height: 3.75rem;
  display: flex;
  align-items: center
}

.btn-border {
  background-color: transparent;
  border: .125rem solid var(--color)
}

.btn-accent,
.btn-border:hover {
  background-color: var(--color);
  color: #fff
}

.btn-accent {
  border: .125rem solid var(--color)
}

.btn-accent:hover {
  background-color: transparent;
  color: var(--color)
}

.btn-next,
.btn-prew {
  min-width: 10rem;
  min-height: 3.5rem
}

textarea,
input:not([type=submit]) {
  border: .0625rem solid #fff;
  border-radius: 0;
  padding: .8125rem 1.25rem;
  font-weight: 500;
  font-size: 1.125rem;
  color: var(--color-3);
  font-family: var(--font-family_500);
  width: 100%
}

input:not([type=submit]) {
  height: 3.5rem;
}

textarea {
  min-height: 10.5rem;
  resize: none;
}

textarea,
input {
  color: #292b33
}

textarea:focus,
input:focus {
  box-shadow: 0 0 .625rem var(--color-2)
}

.price {
  font-family: var(--font-family_700)
}

.price i {
  font-style: normal;
  font-size: inherit;
  font-family: var(--second-family_600);
  font-weight: 600
}

.price-old,
h2 {
  color: var(--color-2)
}

.price-old {
  font-size: 1.25rem;
  text-decoration: line-through
}

.price-curent,
.text-content li,
p {
  font-size: 3.25rem;
  color: var(--color-3)
}

.row-flex {
  display: flex;
  /* align-items: center; */
  min-width: 0;
  gap: 1.125rem
}

.row-flex input {
  width: 100%
}

.section {
  background-color: #fff
}

._section-padding {
  padding-top: var(--padding-80) !important;
  padding-bottom: var(--padding-100) !important
}

._padding-bottom {
  padding-bottom: var(--padding)
}

h2 {
  font-family: var(--font-family_700)
}

.greey {
  background-color: #faf9f9 !important
}

blockquote {
  box-shadow: .25rem .5rem 3.125rem 0 rgba(59, 60, 63, .08);
  background: #fff;
  padding: clamp(1rem, .795rem + .87vw, 1.5rem) clamp(1.25rem, .482rem + 3.28vw, 3.125rem);
  position: relative;
  border-radius: .3125rem;
  font-weight: 500;
  font-size: clamp(1rem, .898rem + .44vw, 1.25rem);
  line-height: 1.6;
  color: var(--color-3);
  overflow: hidden;
  margin-block: 3.125rem
}

blockquote:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: .3125rem;
  background-color: var(--color)
}

.text-content li,
p {
  font-size: 1.0625rem
}

p:last-child {
  margin-bottom: 0;
}

p {
  margin-bottom: 1rem;
  line-height: 1.76471;
  width: 100%
}

.text-content li {
  position: relative;
  font-weight: 500
}

.text-content li:not(:last-child) {
  margin-bottom: 1.5rem
}

.list-decodor li,
.text-content ul li {
  display: flex;
  align-items: center;
  gap: 1.25rem
}

.text-content ol {
  margin-left: 1.25rem;
  padding-top: 2.5rem
}

.text-content ol li {
  padding-left: 1rem
}

.text-content__costum {
  display: grid;
  gap: 1.25rem
}

.title-decoder {
  position: relative;
  padding-left: 1.25rem
}

.title-decoder::after {
  content: "";
  position: absolute;
  left: 0;
  width: .5rem;
  height: 2.25rem;
  background-color: var(--color)
}

.section__title {
  margin-bottom: 2.5rem
}

.section__title span {
  color: var(--color)
}

.box-shadow {
  box-shadow: var(--box-shadow)
}

.play-button {
  background-image: var(--icon-play);
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(.5rem, 1.875vw, 2.25rem);
  width: clamp(2.875rem, -.814rem + 15.74vw, 11.875rem);
  height: clamp(2.875rem, -.814rem + 15.74vw, 11.875rem);
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  font-size: .000625rem;
  position: relative
}

.play-button:before {
  content: "";
  position: absolute;
  top: 1.0417vw;
  top: clamp(.375rem, 1.0417vw, 1.25rem);
  left: clamp(.375rem, 1.0417vw, 1.25rem);
  right: clamp(.375rem, 1.0417vw, 1.25rem);
  bottom: clamp(.375rem, 1.0417vw, 1.25rem);
  background-color: transparent;
  border-radius: 50%;
  border: .0625rem solid var(--color)
}

.list-decodor li {
  font-family: var(--font-family_500);
  position: relative;
  gap: .9375rem;
  font-size: 1.125rem
}

.cart__text ul {
  padding-top: 0;
}

.cart__text li::before,
.list-decodor li::before,
.text-content ul li:before {
  content: "";
  position: relative;
  width: .5rem;
  height: .5rem;
  flex-shrink: 0;
  background-color: var(--color-2)
}


h3 {
  font-size: 1.5rem;
  color: var(--color-2);
  font-family: var(--font-family_700)
}

h4 {
  font-weight: 600;
  font-size: 1.5rem
}

ul {
  padding-top: 1.25rem
}

.sub__title,
h3,
h4 {
  margin-bottom: 1.25rem
}

.sub__title,
h4 {
  font-family: var(--font-family_600);
  color: var(--color-3)
}

.header__mob--burger {
  display: inline-block;
  position: absolute;
  top: .9375rem;
  left: .9375rem
}

.vbp-header-menu-button__svg {
  width: 1.875rem;
  height: 1.875rem;
  cursor: pointer;
  transform: scaleX(-1)
}

.vbp-header-menu-button__svg line {
  stroke: #192a6b;
  stroke-dasharray: 100%;
  stroke-dashoffset: 0%;
  transition: transform .3s, stroke-dashoffset .4s;
  transform-origin: center;
  stroke-width: .1875rem
}

.vbp-header-menu-button__svg .top {
  transform: translateY(-35%);
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(35%);
  -ms-transform: translateY(35%);
  -o-transform: translateY(35%)
}

.vbp-header-menu-button__svg .middle {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transition: opacity .3s, transform .3s;
  -webkit-transition: opacity .3s, transform .3s;
  -moz-transition: opacity .3s, transform .3s;
  -ms-transition: opacity .3s, transform .3s;
  -o-transition: opacity .3s, transform .3s
}

.vbp-header-menu-button__svg .bottom {
  transform: translateY(33%);
  -webkit-transform: translateY(33%);
  -moz-transform: translateY(33%);
  -ms-transform: translateY(33%);
  -o-transform: translateY(33%);
  stroke-dasharray: 100%;
  /* stroke-dashoffset: .5625rem */
  stroke-dashoffset: 0
}

.vbp-header-menu-button__svg:hover .bottom {
  /* stroke-dashoffset: 0% */
}

body.menu-open .vbp-header-menu-button__svg .top {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  stroke-linecap: round
}

body.menu-open .vbp-header-menu-button__svg .middle {
  transform: scaleX(.1);
  -webkit-transform: scaleX(.1);
  -moz-transform: scaleX(.1);
  -ms-transform: scaleX(.1);
  -o-transform: scaleX(.1);
  opacity: 0
}

body.menu-open .vbp-header-menu-button__svg line.bottom {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  stroke-linecap: round
}

body.menu-open .vbp-header-menu-button__svg .bottom {
  stroke-dashoffset: 0%
}

.carts {
  display: grid
}

.cart {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: .0625rem solid #ebebee
}

.cart__img,
.cart__text li {
  display: flex;
  align-items: start
}

.cart__text li::before {
  top: .4375rem;
}

.cart__img {
  margin-bottom: 1.25rem;
  /* background-color: #faf9f9; */
  border-bottom: .0625rem solid #ebebee;
  min-height: 17.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart__img:not(.cart__img-no-crop) img {
  /* border-radius: .3125rem; */
  overflow: hidden;
  /* max-height: 11.875rem; */
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* object-fit: contain; */
  display: block;
}

/* .cart__img.cart__img-no-crop {
  padding: 1.25rem;
  } */

.cart__img.cart__img-no-crop img {
  display: block;
  /* max-height: 11.875rem; */
}

.cart__body {
  padding-inline: clamp(1rem, .385rem + 2.62vw, 2.5rem);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cart__title,
.cart__title p {
  font-family: var(--font-family_700);
  font-size: 1.5rem;
  line-height: 1.32;
  color: var(--color-3);
  margin-bottom: clamp(1.25rem, .994rem + 1.09vw, 1.875rem)
}

.cart__title p {
  margin: 0;
}

.cart__title strong,
.cart__title b {
  color: var(--color);
  padding-left: .25rem
}

.cart__text {
  font-family: var(--font-family_500);
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--color-3);
  margin-bottom: 2.3125rem
}

.cart__text li {
  position: relative;
  gap: .9375rem;
  line-height: 1.2;
  margin-bottom: .4375rem;
}

.cart__text li:last-child {
  margin-bottom: 0;
}

.cart__prices {
  text-align: center;
  font-family: var(--font-family_700);
  font-size: 1.875rem;
  color: var(--color-3);
  margin-bottom: 1.25rem;
  margin-top: auto;
}

.cart__prices i {
  font-style: normal;
  font-family: var(--second-family_600)
}

.cart__prices.old-prices {
  font-size: 1.125rem;
  text-decoration: line-through;
  color: #143276;
  margin-bottom: .3125rem;
}

.cart__footer {
  padding-inline: clamp(1rem, .385rem + 2.62vw, 2.5rem);
  margin-bottom: clamp(1rem, .385rem + 2.62vw, 2.5rem);
  text-align: center;
  margin-top: auto;
}

.cart__footer .btn {
  font-size: 1.125rem;
  min-width: 13.75rem;
  min-height: 3.75rem;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

#header:not(.lading-header) {
  background: #fff
}



@media (min-width: 0) {
  #menu-verhnee-menyu {
    display: flex;
    flex-direction: column;
    gap: .125rem;
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 62rem) {
  #menu-verhnee-menyu {
    padding-top: 0;
    gap: 3.125rem;
    flex-direction: row;
    margin-bottom: 0;
  }
}



.menu {
  padding-top: 0;
}

.header__top {
  padding-block: 1.3125rem;
  border-bottom: .0625rem solid #ebebee;
  position: relative
}

.header__mob--menu .cat__nav ul {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start
}

.header__mob--menu .main-nav__list a,
.header__mob--menu a {
  font-size: 1.25rem;
  margin-bottom: .3125rem;
  display: inline-block;
  font-weight: 500
}

.main-nav__list {
  display: flex
}

.main-nav__list a {
  font-size: 1rem;
  transition: all .3s ease 0s
}

.main-nav__list a:hover {
  color: var(--color)
}

.header__sity {
  position: relative
}

.header__sity--item {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  padding: .625rem;
  opacity: 0;
  visibility: hidden
}

.header__container {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.header__center {
  padding: 2.5rem 0 3.125rem
}

.header__logo--desc {
  font-weight: 400;
  color: #3b3c3f
}

.header__sity {
  padding-inline: 1.625rem;
  display: flex;
  flex-direction: column
}

.header__sity--curent {
  margin-left: 1.375rem;
  margin-bottom: .3125rem;
  position: relative;
  color: var(--color-3);

  font-family: var(--font-family_500);
  font-size: 1.125rem;
}

.header__sity--curent::before {
  position: absolute;
  top: .125rem;
  left: -1.375rem;
  width: .9375rem;
  height: .9375rem;
  background-image: var(--icon-map);
  background-size: contain
}

.header__sity--link {
  font-weight: 500;
  font-size: 1.0625rem;
  color: var(--color);
  border-bottom: .0625rem dashed currentColor;
  display: inline-flex;
  align-items: center;
  position: relative
}

.header__sity--link:hover {
  border-color: transparent
}

.header__sity--curent::before,
.header__sity--link::after,
.hero__content-adv li:before {
  content: "";
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center
}

.header__sity--link::after {
  position: absolute;
  top: .3125rem;
  right: -1.375rem;
  width: .9375rem;
  height: .9375rem;
  background-image: var(--icon-arrow)
}

.header__contacts {
  display: flex;
  align-items: center;
  gap: 1.625rem;
  margin-left: auto
}

.header__contacts--social {
  display: flex;
  align-items: center;
  gap: .9375rem
}

.header__contacts--social a {
  border-radius: 50%
}

.header__contacts--social a:hover {
  box-shadow: 0 0 .625rem rgba(0, 0, 0, .19)
}

.header__contacts--phone {
  display: grid;
  margin-left: 1.75rem
}

.phone__link-filial,
.phone__link {
  font-weight: 600;
  font-size: 1.625rem;
  color: #3b3c3f
}

.cat__nav a,
.phone__link-filial:hover,
.phone__link:hover {
  color: var(--color)
}

.header__bottom {
  box-shadow: 0 .5rem 2.75rem 0 rgba(59, 60, 63, .1);
  background: #fff;
  padding-block: 1.25rem
}

.cat__nav a {
  font-weight: 500;
  font-size: 1.25rem
}

.cat__nav a:hover {
  color: #292b33
}

.cat__nav .current-menu-item a {
  color: #292b33;
  pointer-events: none
}

.header__sity._dynamic_adapt_ {
  position: absolute;
  top: .9375rem;
  right: .9375rem
}

.header__mob--logo {
  position: absolute;
  top: .625rem;
  left: 3.75rem
}

.hero {
  background-color: #fff;
  position: relative
}

.hero__inner {
  overflow: hidden;
  height: 100%;
  display: flex
}

.hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1
}

.hero__container {
  position: relative;
  z-index: 2
}

.hero__img {
  position: relative;
  /* padding: 0 24px 0 0; */
}

.hero__img img {
  /* position: absolute; */
  left: 1%;
  bottom: 0;
  /* margin-top: -5rem; */
  max-height: 42.875rem;
  /* max-width: max-content; */
  z-index: -1
}

.hero__content {
  background-color: #fff;
  margin-bottom: 1.25rem;
  box-shadow: 0 .3125rem 2.375rem 0 rgba(59, 60, 63, .1);
  border-radius: .3125rem
}

.bl-2__сontent-text h2,
.bl-2__сontent-text h3,
.hero__content--title {
  font-family: var(--font-family_700);
  color: var(--color-2)
}

.hero__content--subtitle {
  font-family: var(--font-family_600);
  font-size: clamp(1rem, .795rem + .87vw, 1.5rem);
  color: var(--color-3)
}

.hero__content-adv__inner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start
}

.hero__content-adv li {
  font-weight: 500;
  font-size: 1.0625rem;
  color: #3b3c3f;
  display: flex;
  align-items: center;
  column-gap: .625rem;
  margin-bottom: .4375rem;
}

.hero__content-adv li:last-child {
  margin-bottom: 0;
}

.hero__content-adv li:before {
  display: inline-block;
  width: 1.6875rem;
  height: 1.6875rem;
  border-radius: 50%;
  border: .125rem solid var(--color-2);
  background-image: var(--icon-check);
  background-size: .8125rem
}

.hero__content-form {
  background-color: var(--color-2);
  padding: 2.0625rem 2.125rem
}


@media (min-width: 48rem) {

  .hero__reiting {
    display: flex;
    flex-wrap: wrap;
    gap: 1.875rem;
    flex-basis: 100%;
    padding-bottom: 0
  }
}

.hero .hero__reiting {
  padding-bottom: 1.25rem;
  position: absolute;
  left: 0;
  bottom: 0;
}

.hero__reiting--item {
  background-color: #fff;
  box-shadow: 0 .3125rem 2.375rem 0 rgba(59, 60, 63, .1);
  padding: 1.4375rem 1.5rem;
  flex: 1;
  min-width: 15rem
}

@media (min-width: 0) and (max-width: 48rem) {
  .hero__reiting--item:not(:last-child) {
    margin-bottom: 1rem;
  }
}

.hero__reiting--item-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: .375rem
}

.hero__reiting--left-item-text {
  font-family: var(--font-family_700);
  font-size: clamp(1.125rem, .971rem + .66vw, 1.35rem);
  color: var(--color-2)
}

.hero__reiting--item-img {
  flex-shrink: 0
}

.hero__reiting--item-img img {
  max-height: 1.75rem
}

.hero__reiting--item-bottom {
  font-family: var(--font-family_500);
  color: #3b3c3f
}

.bl-2__bottom {
  display: flex
}

.bl-2__top {
  margin-bottom: 1.875rem;
  justify-content: space-between;
  gap: 1.875rem
}

.bl-2__img {
  width: 100%;
  padding: 1.25rem;
  box-shadow: 0 .3125rem 2.375rem 0 rgba(59, 60, 63, .1);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto
}

.bl-2__img img {
  max-height: 17.6875rem
}

.bl-2__сontent-text h2,
.bl-2__сontent-text h3 {
  max-width: 23.75rem
}

.bl-2__сontent-bottom {
  display: flex;
  align-items: center;
  gap: 1rem
}

.bl-2__сontent-bottom>* {
  flex: 1
}

.bl-2__top-left {
  display: flex;
  flex-direction: column;
  gap: 1.875rem
}

.bl-2__top-left .hero__reiting {
  flex: 0
}

.bl-2__сontent-dev li:not(:last-child) {
  margin-bottom: 1.05rem
}

.step_form {
  background-color: #fff;
  padding-block: clamp(2.5rem, 1.732rem + 3.28vw, 4.375rem)
}

.step_form__content:not(.step_form__content-lading),
.step_form__left {
  box-shadow: .25rem .5rem 3.125rem 0 rgba(59, 60, 63, .08);
  border: .0625rem solid #edeef0
}

.step_form__content {
  display: flex;
  justify-content: space-between;

}

.step_form__content:not(.step_form__content-lading) {
  background-color: #f8f9fa
}

.step_form__left {
  background-color: #fff;
  border-radius: .3125rem;
  padding: 1.875rem
}

.step_form--desc,
.step_form--name {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.409;

  margin-bottom: .5rem
}

.step_form--name {
  color: var(--color-2);
}

.step_form--desc {
  font-family: var(--second-family_600);
  font-size: 1.0625rem;
  margin-bottom: .875rem
}

.step_form--profession {
  font-weight: 400;
  font-size: .9375rem;
  line-height: 1.6;
  color: var(--color-3)
}

.step_form--images,
.step_form--img {
  border-radius: 50%;
  flex-shrink: 0;
  position: relative
}

.step_form--img {
  max-width: 11.75rem;
  height: auto;
  aspect-ratio: 1;
  text-align: center;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.25rem;
  border: .125rem solid var(--color-2)
}

.step_form--img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 10.5rem;
  height: auto;
  aspect-ratio: 1
}

.step_form--images {
  width: 100%;
  height: 100%;
  object-position: center;
  z-index: 3
}

.step-form--title {
  font-weight: 600;
  font-size: 2.5rem;
  color: #3b3c3f;
  margin-bottom: 1.0625rem
}

.step-form--subtitle {
  font-weight: 500;
  font-size: 1.875rem;
  color: var(--color);
  margin-bottom: clamp(1.25rem, .558rem + 2.95vw, 2.938rem)
}

.step_form__link-popup .btn {
  margin-left: auto;
  margin-right: auto;
}

.step-form--desck {
  font-family: var(--font-family_600);
  color: var(--color-2);
  margin-bottom: clamp(1.25rem, .738rem + 2.19vw, 2.5rem);
  display: block;
  padding-left: 1.25rem
}

.prodress-bar__line {
  border-radius: .3125rem;
  height: .5rem;
  background-color: #d8deeb
}

.costum-input {
  position: absolute;
  width: .0625rem;
  height: .0625rem;
  margin: -0.0625rem;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden
}

.costum-input:checked+.form-group--item-libel::before {
  background-color: var(--color);
  background-image: var(--icon-check-well)
}

#stepForm,
.form-group--item {
  position: relative
}

.form-group--item-libel,
.form-group--item-libel::before {
  border: .1875rem solid var(--color);
  border-radius: .3125rem
}

.form-group--item-libel {
  padding: .625rem .9375rem;
  display: flex;
  gap: 1.125rem;
  align-items: center;
  cursor: pointer
}

.form-group--item-libel::before {
  content: "";
  flex-basis: 1.5625rem;
  height: 1.5625rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.0625rem;
  transition: all .3s ease 0s
}

.step__body .form-group {
  display: grid
}



.step__btn {
  display: flex;
  gap: 1.875rem;
  width: max-content;
  margin-left: auto;
  position: relative;
  z-index: 4
}

.step__btn .btn {
  font-family: var(--font-family_600);
  color: var(--color);
  font-size: .9375rem;
  display: flex;
  align-items: center
}

.step__btn .btn:hover {
  color: #fff
}

.step__btn .btn-prew {
  margin-left: auto
}

.prodress-bar__text--fraction {
  font-size: 1.0625rem;
  color: #98989b;
}

.prodress-bar__curent-step {
  font-family: var(--second-family_500);
  font-size: 1.875rem;
  letter-spacing: 0.15em;
  color: var(--color-3);
}

.prodress-bar__text {
  display: flex;
  align-items: center;
  gap: 2.375rem
}

.step_form__right {
  padding-top: 1rem;
  width: 100%;
}

.prices__table {
  overflow-y: hidden;
  background-color: #fff
}

.prices__table table {
  width: 100%;
  overflow-y: auto
}

.prices__table .price,
.prices__table table b,
.prices__table table strong {
  padding-inline: 1.875rem
}

.prices__table table tr:hover td:first-child span {
  color: var(--color)
}

.prices__table table tr td:first-child span {
  display: inline-block;
  max-width: 40.625rem;
  font-family: var(--font-family_600);
  font-size: 1.25rem;
  line-height: 1.3;
  color: var(--color-3)
}

.prices__table table tr:not(:last-child) td {
  border-bottom: .0625rem solid #dfe4ea
}

.prices__table table tr td {
  padding: 1.25rem 0
}

.prices__table table tr td:first-child {
  min-width: 18.125rem;
  width: 100%
}

.prices__table table tr td:not(:first-child) {
  text-align: right;
  white-space: nowrap
}

.prices__table .btn {
  min-height: 3.75rem;
  min-width: 11.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.staff__top {
  box-shadow: 0 .3125rem 2.375rem 0 rgba(59, 60, 63, .04);
  background-color: #f8f9fa;
  border-radius: .3125rem;
  border: .0625rem solid #ebebee;
  overflow: hidden;
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
}

.staff_text p:not(:last-child) {
  margin-bottom: clamp(1.25rem, .738rem + 2.19vw, 1.8rem);
}

.staff_text p strong {
  font-family: var(--second-family_600);
  font-size: 1.5rem;
  color: var(--color-3);
  line-height: 1.3;
}

.staff__top P {
  font-family: var(--font-family_500);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.66667;
  margin-bottom: clamp(1.25rem, .738rem + 2.19vw, 2.5rem)
}

.staff__top-r {
  width: 100%;
  padding: 1.875rem 1.25rem
}

.staff__top-l {
  width: 100%;
  position: relative
}

.get-free .staff__top--img img {
  transform: scale(1);
  bottom: 0;
  left: 0;
  margin: 0
}

.staff__top-l .boxShadow {
  height: auto
}

.staff__top--subtitle,
.staff__top--title {
  margin-bottom: clamp(1.125rem, .818rem + 1.31vw, 1.875rem)
}

.staff__top--title {
  font-weight: 600;
  font-size: clamp(1.75rem, 1.443rem + 1.31vw, 2.5rem);
  padding-top: 0;
  margin-top: 0
}

.staff__top--subtitle {
  font-family: var(--font-family_600);
  line-height: 1.6
}

.staff__top--btn {
  display: flex;
  gap: 1.875rem
}

.staff__top--data {
  background-color: #fff;
  box-shadow: .25rem .5rem 3.125rem 0 rgba(59, 60, 63, .08);
  padding: 1.875rem 1.25rem 1.25rem;
  border-radius: 0;
  text-align: center;
  min-width: 18.75rem;
}

.staff__top--name,
.staff__top--position {
  font-family: var(--font-family_600);
  line-height: 1.409
}

.staff__top--name {
  text-align: center;
  margin-bottom: 1.125rem;
  color: var(--color-2)
}

.staff__top--position {
  color: var(--color-3);
  font-weight: 500;
  font-size: 1.125rem;
  margin-bottom: 1.1875rem
}

.staff__top--profession {
  font-size: .875rem;
  line-height: 1.6;
  font-family: var(--font-family_500);
  color: var(--color-3)
}

.staff__bottom {
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
  position: relative;
}

.staff__bottom._no-swipper .swiper-button-prev.disabled,
.staff__bottom._no-swipper .swiper-button-next.disabled {
  opacity: 0;
  pointer-events: none;
}

@media (min-width: 0px) and (max-width: 82.5rem) {
  .staff__bottom .swiper-button-prev {
    left: 0;
  }

  .staff__bottom .swiper-button-next {
    right: 0;
  }
}

@media (min-width: 82.5rem) {
  .staff__bottom .swiper-button-prev {
    left: -3.25rem;
  }

  .staff__bottom .swiper-button-next {
    right: -3.25rem;
  }
}

.staff__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr));
  gap: 6.75rem 1.875rem;
  padding-top: 11.25rem
}

.staff__slider:not(.swiper-initialized) {
  height: 32.5rem;
  /* opacity: 0; */
}

.staff__slider:not(.swiper-initialized) .staff__wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr));
  gap: 1.875rem;
}

.staff__wrapper .swiper-slide {
  padding-top: 4.375rem;
}

.staff__item {
  display: flex;
  flex-direction: column;
  border: .0625rem solid #ebebee;
  box-shadow: 0 .3125rem 2.375rem 0 rgba(59, 60, 63, .04);
  padding: 1.875rem;
  height: 100%;
}

.staff__item--img {
  max-width: 11.875rem;
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  border: .0625rem solid var(--color-2);
  margin: 0 auto 2.0625rem;
  position: relative;
  background-color: #fff;
  margin-top: -5.9375rem
}

.staff__item--img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 10.625rem;
  width: 100%;
  height: auto;
  border-radius: 50%;
  background-color: #f8f9fa
}

.staff__item--btn,
.staff__item--data {
  text-align: center
}

.staff__item--data {
  margin-bottom: 1.875rem
}

.staff__item--btn {
  margin-top: auto
}

.staff__item--btn .btn {
  font-size: 1rem;
  min-width: 11.875rem;
  min-height: 3.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.about__l {
  flex: 0 0 39.375rem
}

.about__img {
  position: relative
}

.about__img .play-button {
  position: absolute
}

.about__bottom .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important
}

.about__bottom .swiper-slide img,
.gallery__list img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.about__top {
  margin-bottom: clamp(2.5rem, 1.276rem + 6.12vw, 6.25rem);
}

.about__left {
  width: 100%;
  margin-bottom: 40px;
}

.about__right {
  width: 100%;
}

@media (min-width: 0em) and (max-width: 63.9994rem) {
  .about__top {}

}

@media (min-width: 1223.99PX) {
  .about__top {
    display: flex;
    justify-content: space-between;
    gap: 1.875rem;
    flex-direction: row;
  }

  .about__left {
    max-width: 43.125rem;
  }

  .about__right {
    max-width: 31.625rem;
  }
}

.about_sl {
  margin-bottom: 1.875rem;
}

.about__slide.swiper-slide {
  height: 28.375rem;
  overflow: hidden;
}

.about__slide img {

  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about_sl-tumb {
  position: relative;
  padding: 0 4.375rem
}

.about-tumb__slide {
  aspect-ratio: 1 / 1;
  /* max-width: 11.875rem; */
  max-height: 11.875rem;
  opacity: 0.6;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}

.about-tumb__slide.swiper-slide-thumb-active {
  opacity: 1;
  cursor: default;
}

.about-tumb__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about__bottom-address {
  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
  gap: 1.875rem;
}

.about__address {
  box-shadow: .25rem .5rem 3.125rem 0 rgba(59, 60, 63, 0.08);
  background: #fff;
  padding: 1.8125rem;
  padding-left: 2.8125rem;

  border: .0625rem solid #d3d7dc;

  font-family: var(--font-family_500);
  font-weight: 500;
  font-size: 1.125rem;
  color: #292b33;
}

.about__address-title {
  display: flex;
  position: relative;
}

.about__address-title:before {
  content: "";
  position: absolute;
  top: .3125rem;
  left: -1.375rem;
  width: 1rem;
  height: 1rem;
  background-image: url('data:image/svg+xml,<svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 15.1998L7.07525 15.7646C6.99976 15.8392 6.91005 15.8984 6.81126 15.9388C6.71248 15.9792 6.60656 16 6.49959 16C6.39262 16 6.28671 15.9792 6.18792 15.9388C6.08914 15.8984 5.99943 15.8392 5.92394 15.7646L5.91906 15.759L5.90525 15.7454L5.85488 15.695C5.56849 15.4044 5.28679 15.1095 5.00988 14.8102C4.31496 14.0599 3.64931 13.2839 3.01437 12.4838C2.28962 11.5638 1.54862 10.5238 0.985562 9.49666C0.434687 8.48948 0 7.39829 0 6.39991C0 2.76876 2.9185 0 6.5 0C10.0815 0 13 2.76876 13 6.39991C13 7.39829 12.5653 8.48948 12.0144 9.49586C11.4514 10.5246 10.7112 11.5638 9.98563 12.4838C9.09737 13.6031 8.14919 14.675 7.14512 15.695L7.09475 15.7454L7.07606 15.7638L6.5 15.1998ZM6.5 8.79987C7.14647 8.79987 7.76645 8.54702 8.22357 8.09694C8.68069 7.64686 8.9375 7.03642 8.9375 6.39991C8.9375 5.7634 8.68069 5.15296 8.22357 4.70288C7.76645 4.25279 7.14647 3.99994 6.5 3.99994C5.85353 3.99994 5.23355 4.25279 4.77643 4.70288C4.31931 5.15296 4.0625 5.7634 4.0625 6.39991C4.0625 7.03642 4.31931 7.64686 4.77643 8.09694C5.23355 8.54702 5.85353 8.79987 6.5 8.79987Z" fill="%23EB4E0D" /></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.about__address-link {
  color: #eb4e0d;
  border-bottom: .0625rem dashed currentColor;
  transition: border-bottom 0.3s ease 0s;
}

.about__address-link:hover {
  border-color: transparent;
}

/* //======================================================================================================================================================== */


.gallery__list {
  display: grid;
  gap: clamp(.625rem, 1.5625vw, 1.875rem)
}

.gallery__list img {
  border-radius: .3125rem;
  transition: transform .3s ease
}

.rating__list {
  display: grid;
  gap: clamp(1rem, 1.5625vw, 1.875rem);
  border-bottom: .0625rem solid #d3d7dc
}

.rating__item {
  gap: .625rem;
  border: .0625rem solid #d3d7dc;
  border-radius: .3125rem;
  padding: .75rem;
  justify-content: center;
  font-size: 1.0625rem;
  box-shadow: .25rem .5rem 3.125rem 0 rgba(59, 60, 63, .08);
  background: #fff
}

.rating__content,
.rating__item {
  display: flex;
  align-items: center
}

.rating__content::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  background-image: var(--icon-rating);
  margin-right: .625rem
}

.rating__icon img {
  max-height: 3.5rem
}

.rating__content-strong {
  font-weight: 600;
  padding-right: .5rem;
}

.rating__content-total {
  color: #b4b4b7
}



.reviews__item {
  border-radius: .3125rem;
  box-shadow: var(--box-shadowd);
  background: #fff;
  padding: clamp(1.25rem, .738rem + 2.19vw, 2.5rem) clamp(1.25rem, .482rem + 3.28vw, 3.125rem)
}

.reviews__item--top {
  margin-bottom: 1.25rem
}

.reviews__item--top-name {
  font-weight: 600;
  font-size: 1.0625rem
}

.reviews__item--top-age {
  font-size: .9375rem;
  line-height: 2
}

.reviews__item--text {
  font-size: 1.0625rem;
  margin-bottom: 1.25rem
}

.reviews__item--rating {
  display: flex;
  gap: .625rem;
  align-items: center
}

.reviews__item--rating-icon img {
  max-height: 2.25rem
}

.reviews__item--rating-link {
  font-weight: 500;
  font-size: .9375rem;
  color: var(--color);
  border-bottom: .0625rem solid var(--color)
}

.last_step .form-group_input {
  display: grid;
  gap: 1.25rem;
}

@media (min-width:0em) {
  .header__logo {
    display: none
  }

  .step_form--img {
    margin: 0 auto 1rem
  }

  #stepForm .form-group {
    margin-bottom: 2.125rem;
  }

  .prodress-bar {
    gap: 1.875rem;
    top: 1rem
  }
}

@media (min-width:35.99375em) {
  .staff__top-l .boxShadow {
    position: absolute;
    bottom: 0
  }
}

@media (min-width:61.99375em) {
  .carts {
    grid-template-columns: repeat(auto-fill, minmax(19.375rem, 1fr));
    gap: 1.875rem
  }

  .hero__container {
    display: flex;
    align-items: end;
    padding-top: 2.125rem
  }

  .hero__content--subtitle {
    margin-bottom: 2.125rem
  }

  .hero__content-adv__inner {
    margin-bottom: 3.375rem
  }

  .hero__content-adv {
    display: grid;
    padding-bottom: 0;
    padding-top: 0;
  }

  .hero__content-price {
    display: grid;
    margin-right: 3.5rem
  }

  .hero__reiting {
    max-width: 39.375rem;
    margin-right: 1.5rem;
  }

  .hero__reiting--item.hero__reiting--item-staff {
    flex: 0;
  }

  .hero .hero__reiting {
    /* padding-right: 1.875rem */
  }

  .bl-2__top {
    display: flex
  }

  .bl-2__img {
    max-width: 39.375rem
  }

  .bl-2__сontent {
    max-width: 37.5rem
  }
}

@media (min-width:62.00625em) {
  .main-nav__list {
    /* flex-wrap: wrap;
    align-items: center;
    gap: .625rem 3.125rem */
    width: 100%;
  }
}

@media (min-width:80.68125em) {
  .header__logo {
    gap: 3.125rem
  }

  .header__logo--desc {
    max-width: 8.5625rem;
    font-size: .9375rem
  }
}

@media (min-width:82.5em) {

  .price-curent,
  h2 {
    font-size: 3.25rem
  }

  .title-decoder::after {
    top: 1rem
  }

  .bl-2__сontent-text h2,
  .bl-2__сontent-text h3,
  .prices__table .price-curent,
  h3 {
    font-size: 1.875rem
  }

  .sub__title,
  h4 {
    font-size: 1.5rem
  }

  .hero__content--title {
    font-size: 3.25rem;
    margin-bottom: 1rem
  }

  .bl-2__сontent-bottom,
  .bl-2__сontent-text {
    margin-bottom: 3.125rem
  }

  .bl-2__сontent-text h2,
  .bl-2__сontent-text h3 {
    margin-bottom: 2.5rem
  }

  .step_form__content {
    gap: 3.75rem
  }

  .step-form--desck {
    font-size: 1.5rem;
    padding-top: 2.5rem
  }

  .prices__table {
    padding-inline: 2.5rem;
    padding-block: 1.25rem
  }

  .staff__top--name,
  .staff__top--subtitle {
    font-size: 1.3125rem
  }

  .rating__list {
    margin-bottom: 4.875rem;
    padding-bottom: 4.875rem
  }
}

@media (min-width:36em) {
  .text-content__costum {
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr))
  }
}

@media (min-width:48em) {

  .hero__content-form .btn,
  .hero__content-form input {
    flex: 1 1 .0625rem;
    height: 3.75rem;
    display: flex;
    align-items: center;
    min-width: auto;
  }

  .step__body .form-group {
    grid-template-columns: 1fr 1fr;
    gap: 1.75rem
  }

  #stepForm .form-group {
    margin-bottom: 6.375rem;
    padding-top: 0
  }

  .prodress-bar {
    gap: 3.75rem;
    top: initial;
    bottom: 1rem
  }

  /* .step__btn {
    padding-left: 13.125rem
  } */

  .gallery__list,
  .rating__list {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media (min-width:62em) {
  .header__mob--burger {
    display: none
  }

  .cat__nav ul,
  .header__logo {
    display: flex;
    align-items: center
  }

  .header__logo {
    margin-left: -.625rem
  }

  .cat__nav ul {
    flex-wrap: wrap;
    gap: .625rem 3.125rem
  }

  .header__mob--logo,
  .header__mob--popup-link,
  .header__top--cat-nav {
    display: none
  }

  .staff__top-r {
    padding-inline-end: clamp(1.25rem, -11.233rem + 20.13vw, 5rem);
    padding-block-start: clamp(1.25rem, -9.153rem + 16.78vw, 4.375rem);
  }

  .staff__top-r:not(.w-100) {
    max-width: 50rem
  }

  .staff__top-l {
    max-width: 33.125rem;
    overflow: hidden
  }

  .staff__top--img {
    height: 100%;
    display: flex;
    /* padding-block-start: clamp(1.25rem, -9.153rem + 16.78vw, 4.375rem); */
  }

  .staff__top--img img {

    width: 100%;
    height: auto;
    object-fit: contain;
    margin-top: auto;
  }

  .staff-2__top--img img {
    bottom: 0;
  }


}

@media (min-width:62em) and (min-width:82.5em) {
  .staff__top-r {
    padding-block-end: 2.5rem
  }
}

@media (min-width:75em) {
  .hero__content {
    max-width: 40.375rem;
    padding-block-start: 2.5rem;
    margin-left: auto;
  }

  .hero__content .hero__content-adv__inner,
  .hero__content .hero__content-hed {
    padding: 0 2.125rem
  }

  .step_form__content:not(.step_form__content-lading) {
    padding: clamp(1.875rem, .85rem + 4.37vw, 4.375rem) clamp(1.875rem, .594rem + 5.46vw, 5rem)
  }

  .step_form__content-lading {
    padding: 20px
  }

  .step_form__left {
    padding: 2.5rem 1.25rem;
    text-align: center;
    max-width: 18.75rem;
    flex: 0 0 18.75rem
  }

  .step_form--user-date {
    margin-bottom: clamp(1.25rem, .891rem + 1.53vw, 2.125rem)
  }

  .step_form--img {
    margin: 0 auto 1.25rem
  }

  .staff__top-l .boxShadow {
    left: 50%;
    transform: translate(-50%, -2.5rem)
  }

  .about__inner {
    display: flex;
    align-items: flex-start;
    gap: 8.75rem;
    margin-bottom: clamp(1.875rem, .85rem + 4.37vw, 4.375rem)
  }

  .about__img .play-button {
    top: 50%;
    right: 0;
    left: initial;
    transform: translate(50%, -50%)
  }
}

@media (max-width:62em) {
  .header__sity {
    display: none
  }
}

@media (max-width:62.00625em) {

  .header__bottom,
  .header__contacts--btn,
  .header__contacts--phone {
    display: none
  }
}

@media (max-width:23.4375em) {
  .price-curent {
    font-size: 1.625rem
  }

  h2 {
    font-size: 2rem
  }

  .title-decoder::after {
    top: .125rem
  }

  h3 {
    font-size: 1.5rem
  }

  .prices__table .price-curent,
  h4 {
    font-size: 1.25rem
  }

  .sub__title {
    font-size: 1.125rem
  }

  .hero__content--title {
    font-size: 1.875rem;
    margin-bottom: 1rem
  }

  .bl-2__сontent-bottom,
  .bl-2__сontent-text {
    margin-bottom: 1.25rem
  }

  .bl-2__сontent-text h2,
  .bl-2__сontent-text h3 {
    font-size: 1.375rem;
    margin-bottom: 1.25rem
  }

  .step_form__content {
    gap: 1rem
  }

  .step-form--desck {
    font-size: 1.125rem;
    padding-top: 1.25rem
  }

  .prices__table {
    padding-inline: 1.25rem;
    padding-block: .625rem
  }

  .staff__top--subtitle {
    font-size: 1.125rem
  }

  .staff__top--name {
    font-size: 1.25rem
  }

  .rating__list {
    margin-bottom: 1.875rem;
    padding-bottom: 1.875rem
  }
}

@media (min-width:23.4375em) and (max-width:82.5em) {
  @supports (font-size:clamp(1.625rem, .9801587302rem + 2.7513227513vw, 3.25rem)) {
    .price-curent {
      font-size: clamp(1.625rem, .9801587302rem + 2.7513227513vw, 3.25rem)
    }
  }

  @supports not (font-size:clamp(1.625rem, .9801587302rem + 2.7513227513vw, 3.25rem)) {
    .price-curent {
      font-size: calc(1.625rem + 1.625*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (font-size:clamp(2rem, 1.503968254rem + 2.1164021164vw, 3.25rem)) {
    h2 {
      font-size: clamp(2rem, 1.503968254rem + 2.1164021164vw, 3.25rem)
    }
  }

  @supports not (font-size:clamp(2rem, 1.503968254rem + 2.1164021164vw, 3.25rem)) {
    h2 {
      font-size: calc(2rem + 1.25*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (top:clamp(.125rem, -.2222222222rem + 1.4814814815vw, 1rem)) {
    .title-decoder::after {
      top: clamp(.125rem, -.2222222222rem + 1.4814814815vw, 1rem)
    }
  }

  @supports not (top:clamp(.125rem, -.2222222222rem + 1.4814814815vw, 1rem)) {
    .title-decoder::after {
      top: calc(.125rem + .875*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (font-size:clamp(1.5rem, 1.3511904762rem + .6349206349vw, 1.875rem)) {
    h3 {
      font-size: clamp(1.5rem, 1.3511904762rem + .6349206349vw, 1.875rem)
    }
  }

  @supports not (font-size:clamp(1.5rem, 1.3511904762rem + .6349206349vw, 1.875rem)) {
    h3 {
      font-size: calc(1.5rem + .375*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (font-size:clamp(1.25rem, 1.1507936508rem + .4232804233vw, 1.5rem)) {
    h4 {
      font-size: clamp(1.25rem, 1.1507936508rem + .4232804233vw, 1.5rem)
    }
  }

  @supports not (font-size:clamp(1.25rem, 1.1507936508rem + .4232804233vw, 1.5rem)) {
    h4 {
      font-size: calc(1.25rem + .25*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (font-size:clamp(1.125rem, .9761904762rem + .6349206349vw, 1.5rem)) {
    .sub__title {
      font-size: clamp(1.125rem, .9761904762rem + .6349206349vw, 1.5rem)
    }
  }

  @supports not (font-size:clamp(1.125rem, .9761904762rem + .6349206349vw, 1.5rem)) {
    .sub__title {
      font-size: calc(1.125rem + .375*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (font-size:clamp(1.875rem, 1.3293650794rem + 2.328042328vw, 3.25rem)) {
    .hero__content--title {
      font-size: clamp(1.875rem, 1.3293650794rem + 2.328042328vw, 3.25rem)
    }
  }

  @supports not (font-size:clamp(1.875rem, 1.3293650794rem + 2.328042328vw, 3.25rem)) {
    .hero__content--title {
      font-size: calc(1.875rem + 1.375*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (margin-bottom:clamp(1rem, .8015873016rem + .8465608466vw, 1.5rem)) {
    .hero__content--title {
      margin-bottom: clamp(1rem, .8015873016rem + .8465608466vw, 1.5rem)
    }
  }

  @supports not (margin-bottom:clamp(1rem, .8015873016rem + .8465608466vw, 1.5rem)) {
    .hero__content--title {
      margin-bottom: calc(1rem + .5*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (margin-bottom:clamp(1.25rem, .505952381rem + 3.1746031746vw, 3.125rem)) {
    .bl-2__сontent-text {
      margin-bottom: clamp(1.25rem, .505952381rem + 3.1746031746vw, 3.125rem)
    }
  }

  @supports not (margin-bottom:clamp(1.25rem, .505952381rem + 3.1746031746vw, 3.125rem)) {
    .bl-2__сontent-text {
      margin-bottom: calc(1.25rem + 1.875*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (font-size:clamp(1.375rem, 1.1765873016rem + .8465608466vw, 1.875rem)) {

    .bl-2__сontent-text h2,
    .bl-2__сontent-text h3 {
      font-size: clamp(1.375rem, 1.1765873016rem + .8465608466vw, 1.875rem)
    }
  }

  @supports not (font-size:clamp(1.375rem, 1.1765873016rem + .8465608466vw, 1.875rem)) {

    .bl-2__сontent-text h2,
    .bl-2__сontent-text h3 {
      font-size: calc(1.375rem + .5*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (margin-bottom:clamp(1.25rem, .753968254rem + 2.1164021164vw, 2.5rem)) {

    .bl-2__сontent-text h2,
    .bl-2__сontent-text h3 {
      margin-bottom: clamp(1.25rem, .753968254rem + 2.1164021164vw, 2.5rem)
    }
  }

  @supports not (margin-bottom:clamp(1.25rem, .753968254rem + 2.1164021164vw, 2.5rem)) {

    .bl-2__сontent-text h2,
    .bl-2__сontent-text h3 {
      margin-bottom: calc(1.25rem + 1.25*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (margin-bottom:clamp(1.25rem, .505952381rem + 3.1746031746vw, 3.125rem)) {
    .bl-2__сontent-bottom {
      margin-bottom: clamp(1.25rem, .505952381rem + 3.1746031746vw, 3.125rem)
    }
  }

  @supports not (margin-bottom:clamp(1.25rem, .505952381rem + 3.1746031746vw, 3.125rem)) {
    .bl-2__сontent-bottom {
      margin-bottom: calc(1.25rem + 1.875*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (gap:clamp(1rem, -.0912698413rem + 4.6560846561vw, 3.75rem)) {
    .step_form__content {
      gap: clamp(1rem, -.0912698413rem + 4.6560846561vw, 3.75rem)
    }
  }

  @supports not (gap:clamp(1rem, -.0912698413rem + 4.6560846561vw, 3.75rem)) {
    .step_form__content {
      gap: calc(1rem + 2.75*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (font-size:clamp(1.125rem, .9761904762rem + .6349206349vw, 1.5rem)) {
    .step-form--desck {
      font-size: clamp(1.125rem, .9761904762rem + .6349206349vw, 1.5rem)
    }
  }

  @supports not (font-size:clamp(1.125rem, .9761904762rem + .6349206349vw, 1.5rem)) {
    .step-form--desck {
      font-size: calc(1.125rem + .375*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (padding-top:clamp(1.25rem, .753968254rem + 2.1164021164vw, 2.5rem)) {
    .step-form--desck {
      padding-top: clamp(1.25rem, .753968254rem + 2.1164021164vw, 2.5rem)
    }
  }

  @supports not (padding-top:clamp(1.25rem, .753968254rem + 2.1164021164vw, 2.5rem)) {
    .step-form--desck {
      padding-top: calc(1.25rem + 1.25*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (padding-inline:clamp(1.25rem, .753968254rem + 2.1164021164vw, 2.5rem)) {
    .prices__table {
      padding-inline: clamp(1.25rem, .753968254rem + 2.1164021164vw, 2.5rem)
    }
  }

  @supports not (padding-inline:clamp(1.25rem, .753968254rem + 2.1164021164vw, 2.5rem)) {
    .prices__table {
      padding-inline: calc(1.25rem + 1.25*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (padding-block:clamp(.625rem, .376984127rem + 1.0582010582vw, 1.25rem)) {
    .prices__table {
      padding-block: clamp(.625rem, .376984127rem + 1.0582010582vw, 1.25rem)
    }
  }

  @supports not (padding-block:clamp(.625rem, .376984127rem + 1.0582010582vw, 1.25rem)) {
    .prices__table {
      padding-block: calc(.625rem + .625*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (font-size:clamp(1.25rem, 1.001984127rem + 1.0582010582vw, 1.875rem)) {
    .prices__table .price-curent {
      font-size: clamp(1.25rem, 1.001984127rem + 1.0582010582vw, 1.875rem)
    }
  }

  @supports not (font-size:clamp(1.25rem, 1.001984127rem + 1.0582010582vw, 1.875rem)) {
    .prices__table .price-curent {
      font-size: calc(1.25rem + .625*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (font-size:clamp(1.125rem, .9761904762rem + .6349206349vw, 1.5rem)) {
    .staff__top--subtitle {
      font-size: clamp(1.125rem, .9761904762rem + .6349206349vw, 1.5rem)
    }
  }

  @supports not (font-size:clamp(1.125rem, .9761904762rem + .6349206349vw, 1.5rem)) {
    .staff__top--subtitle {
      font-size: calc(1.125rem + .375*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (font-size:clamp(1.25rem, 1.1507936508rem + .4232804233vw, 1.5rem)) {
    .staff__top--name {
      font-size: clamp(1.25rem, 1.1507936508rem + .4232804233vw, 1.5rem)
    }
  }

  @supports not (font-size:clamp(1.25rem, 1.1507936508rem + .4232804233vw, 1.5rem)) {
    .staff__top--name {
      font-size: calc(1.25rem + .25*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (margin-bottom:clamp(1.875rem, .6845238095rem + 5.0793650794vw, 4.875rem)) {
    .rating__list {
      margin-bottom: clamp(1.875rem, .6845238095rem + 5.0793650794vw, 4.875rem)
    }
  }

  @supports not (margin-bottom:clamp(1.875rem, .6845238095rem + 5.0793650794vw, 4.875rem)) {
    .rating__list {
      margin-bottom: calc(1.875rem + 3*(100vw - 23.4375rem)/59.0625)
    }
  }

  @supports (padding-bottom:clamp(1.875rem, .6845238095rem + 5.0793650794vw, 4.875rem)) {
    .rating__list {
      padding-bottom: clamp(1.875rem, .6845238095rem + 5.0793650794vw, 4.875rem)
    }
  }

  @supports not (padding-bottom:clamp(1.875rem, .6845238095rem + 5.0793650794vw, 4.875rem)) {
    .rating__list {
      padding-bottom: calc(1.875rem + 3*(100vw - 23.4375rem)/59.0625)
    }
  }
}

@media (min-width:0em) and (max-width:61.99375em) {
  .carts {
    grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr));
    gap: 1rem
  }

  .header__sity {
    padding-inline-start: 0
  }

  .hero__content .hero__content-adv__inner,
  .hero__content .hero__content-hed {
    padding: 1.5rem 1.5rem 0
  }

  .hero__content .hero__content-adv__inner {
    padding-bottom: 1.5rem
  }

  .hero__content--subtitle,
  .hero__content-adv__inner {
    margin-bottom: .875rem
  }

  .hero__content-adv,
  .hero__content-price {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem
  }

  .hero__content-price {
    gap: .125rem 1rem;
    margin-right: 1.625rem;
    align-items: center
  }

  .bl-2__top {
    display: flex;
    flex-direction: column-reverse;
    gap: 1.25rem
  }

  .bl-2__top-left .hero__reiting {
    max-width: none
  }
}

@media (min-width:0em) and (max-width:62em) {

  .header__mob--menu,
  .header__top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
  }

  .header__top {
    padding-top: 3.75rem;
    background-color: #fff;
    z-index: 2;
    overflow-y: auto;
    transform: translateY(-150%)
  }

  .header__top .header__container {
    display: block
  }

  .header__mob--menu {
    /* background-color: rgba(0, 0, 0, .5); */
    transform: translateX(-120%);
    padding: 3.75rem .9375rem 5rem
  }

  .main-nav__list {
    flex-direction: column
  }

  .popup-link {
    display: flex
  }

  .header__mob--popup-link {
    position: absolute;
    top: .9375rem;
    right: .9375rem;
    display: flex;
    align-items: center;
    gap: .9375rem
  }

  .staff__top {
    flex-direction: column
  }

  .staff__top-l {
    margin-bottom: 1.25rem
  }

  .staff__top--img img {
    display: block;
    margin: 0 auto
  }


}

@media (min-width:0em) and (max-width:62rem) {
  .header__center {
    padding: 3rem 0 1.0625rem
  }
}

@media (min-width:0em) and (max-width:80.625em) {
  .header__logo {
    flex-direction: column;
    gap: 0 1.25rem;
    margin-right: 1.25rem
  }

  .header__logo img {
    max-width: 11.875rem
  }

  .header__logo--desc {
    font-size: .8125rem
  }
}

@media (min-width:0em) and (max-width:61.99375rem) {
  .hero__container {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 2.125rem;
    padding-top: 2.125rem
  }

  .hero__img {
    display: none
  }
}

@media (min-width:0em) and (max-width:35.99375em) {
  .hero__content .hero__content-adv__inner {
    display: grid;
    gap: 1.375rem
  }
}

@media (min-width:62em) and (max-width:75rem) {
  .hero__content {
    width: 100%
  }

  .hero__content .hero__content-adv__inner,
  .hero__content .hero__content-hed {
    padding: 1.5rem
  }
}

@media (min-width:0em) and (max-width:48rem) {
  .hero__content-form .row-flex {
    display: flex;
    flex-direction: column
  }

  .hero__content-form .btn {
    width: 100%
  }
}

@media (min-width:0em) and (max-width:75em) {
  .step_form .step_form__container {
    padding-inline: 0
  }

  .step_form__content {
    padding: clamp(1.875rem, .85rem + 4.37vw, 4.375rem) .9375rem;
    align-items: flex-start
  }

  .step_form .step_form__left {
    display: none
  }

  .step_form .step_form__right {
    width: 100%
  }

  .step_form--user-date {
    margin-bottom: 1.25rem
  }

  .staff__top-l .boxShadow {
    left: .9375rem;
    right: .9375rem;
    transform: translate(0, 0)
  }

  .about__img,
  .about__r {
    margin-bottom: 1.875rem
  }

  .about__img {
    padding-bottom: 56%
  }

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

  .about__img .play-button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

@media (min-width:0em) and (max-width:36em) {
  .step_form__left {
    display: grid;
    gap: 1.25rem;
    justify-content: center;
    text-align: center;
    margin: 0 auto
  }

  .staff__top--btn {
    flex-direction: column-reverse
  }
}

@media (min-width:36em) and (max-width:75em) {
  .step_form__left {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: .9375rem;
    margin: 0 auto 2.5rem
  }
}

@media (min-width:0em) and (max-width:48em) {
  .step__body .form-group {
    grid-template-columns: 1fr;
    gap: 1rem
  }

  .gallery__list {
    grid-template-columns: 1fr 1fr
  }

  .rating__list {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (min-width:62em) and (min-width:23.4375em) and (max-width:82.5em) {
  @supports (padding-block-end:clamp(1.25rem, .753968254rem + 2.1164021164vw, 2.5rem)) {
    .staff__top-r {
      padding-block-end: clamp(1.25rem, .753968254rem + 2.1164021164vw, 2.5rem)
    }
  }

  @supports not (padding-block-end:clamp(1.25rem, .753968254rem + 2.1164021164vw, 2.5rem)) {
    .staff__top-r {
      padding-block-end: calc(1.25rem + 1.25*(100vw - 23.4375rem)/59.0625)
    }
  }
}

@media (min-width:62em) and (max-width:23.4375em) {
  .staff__top-r {
    padding-block-end: 1.25rem
  }
}


.hero__reiting--item-staff .hero__reiting--item-center {
  font-size: 1.0625rem;
  font-weight: 600;
  margin-bottom: 6px;
}

.step-form_sub-title {
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.02em;
  color: #fdfdfd;
  background-color: var(--color-2);
  margin: 16px 0 0 20px;
  padding: 14px 20px;
  display: inline-block;
  border-radius: 4px;
}

.staff_text p.iframe-block {
  position: relative;
}

.staff_text .parent-iframe {
  width: 100%;
  height: 100%;
  border: none;

}

@media (min-width: 0px) and (max-width: 991.9px) {
  .staff_text p.iframe-block {
    padding-bottom: 56%;
  }

  .staff_text .parent-iframe {
    position: absolute;
  }
}

@media (min-width: 992px) {
  .staff_text iframe {
    min-height: 29.0625rem;
  }
}

.text-content__container ul {
  padding-top: 0;
}

.text-content__container ul li:not(:last-child) {
  margin-bottom: 1rem;
}