.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
  position: relative;
  display: block;
}
.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translateZ(0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.mfp-bg {
  z-index: 1042;
  overflow: hidden;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-bg,
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
}
.mfp-wrap {
  z-index: 1043;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
  display: none;
}
button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus,
.mfp-close:hover {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  top: 50%;
  margin: -55px 0 0;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:focus,
.mfp-arrow:hover {
  opacity: 1;
}
.mfp-arrow:after,
.mfp-arrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto;
}
.mfp-figure,
img.mfp-img {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-height: 300px),
  screen and (max-width: 800px) and (orientation: landscape) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.tippy-popper[x-placement^="top"] .tippy-tooltip.light-theme .tippy-arrow {
  border-top: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.tippy-popper[x-placement^="bottom"] .tippy-tooltip.light-theme .tippy-arrow {
  border-bottom: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.tippy-popper[x-placement^="left"] .tippy-tooltip.light-theme .tippy-arrow {
  border-left: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.tippy-popper[x-placement^="right"] .tippy-tooltip.light-theme .tippy-arrow {
  border-right: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.tippy-tooltip.light-theme {
  color: #26323d;
  -webkit-box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15),
    0 4px 80px -8px rgba(36, 40, 47, 0.25),
    0 4px 4px -2px rgba(91, 94, 105, 0.15);
  box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15),
    0 4px 80px -8px rgba(36, 40, 47, 0.25),
    0 4px 4px -2px rgba(91, 94, 105, 0.15);
}
.tippy-tooltip.light-theme .tippy-backdrop {
  background-color: #fff;
}
.tippy-tooltip.light-theme .tippy-roundarrow {
  fill: #fff;
}
.tippy-tooltip.light-theme[data-animatefill] {
  background-color: initial;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(../f/40dc3e67d4c749f295cec3a2b3795223.woff2) format("woff2");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(../f/af839ba1076511a5d38829efa43c7e39.woff2) format("woff2");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(../f/da0545e76465e28918496b76cbd7de72.woff2) format("woff2");
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(../f/5bb4df27dd834c612723340481c89458.woff2) format("woff2");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(../f/33b7f8a4a04cdcc5e2a5386a405af7dd.woff2) format("woff2");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: Proxima;
  font-display: swap;
  src: url(../f/f3830ceead944106ac27c53cd6786617.woff2) format("woff2");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Proxima;
  font-display: swap;
  src: url(../f/c8dbfaebe26388f2e76b0d95a25aafb3.woff2) format("woff2");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: Proxima;
  font-display: swap;
  src: url(../f/a05b0a6b96518612356f3885490fb826.woff2) format("woff2");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(../f/6f8c3d57c2ccfad9a76b91ee16f43c44.woff2) format("woff2");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(../f/fe258e4595ade6d75c99e053dbc89f88.woff2) format("woff2");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(../f/fdb2de4c986ee5b1e90c9a2183abaac0.woff2) format("woff2");
  font-style: normal;
  font-weight: 600;
}
:root {
  --common_color: #111637;
  --second_color: #3f4254;
  --bg: #f7fbff;
  --bg_2: #fc9;
  --bg_3: #ffad60;
  --bg_4: rgba(214, 151, 87, 0.8);
  --bg_5: #566d96;
  --bg_6: #dfe7f3;
  --bg_7: #f4f4f4;
  --bg_8: #496089;
  --bg_9: #fcfbff;
  --bg_10: #859ac0;
  --accent_color: #3c5584;
  --accent_color_2: #23b772;
  --white: #fff;
  --bg_border: #adb8cb;
  --bg_border_2: #e0717a;
  --bg_shadow: #dae0ea;
  --bg_shadow_2: rgba(218, 224, 234, 0.30196);
  --button_bg: radial-gradient(50% 50% at 50%, at 50%, #ffb46e 0, #ffad60 100%);
  --button_bg: radial-gradient(50% 50% at 50% 50%, #ffb46e 0%, #ffad60 100%);
  --button_bg_hover: radial-gradient(
    50% 50% at 50%,
    at 50%,
    #ffba79 0,
    #ff9d41 100%
  );
  --button_bg_hover: radial-gradient(
    50% 50% at 50% 50%,
    #ffba79 0%,
    #ff9d41 100%
  );
  --button_bg_active: radial-gradient(
    50% 50% at 50%,
    at 50%,
    #ffb36b 0,
    #ffa148 100%
  );
  --button_bg_active: radial-gradient(
    50% 50% at 50% 50%,
    #ffb36b 0%,
    #ffa148 100%
  );
  --button_shadow: rgba(255, 174, 97, 0.38039);
  --button_border: #ff9d40;
  --text_color: #626262;
  --text_color_2: #8d5926;
  --text_color_3: #323728;
  --text_color_4: #fc9;
  --text_color_5: #3c3c3c;
  --text_color_6: #512e0c;
  --text_color_7: #81c400;
  --bold_color: #363636;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: initial;
  box-sizing: border-box;
}
:focus {
  outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a {
  color: inherit;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
figure,
form {
  margin: 0;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: initial;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: initial;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button,
html,
input,
select,
textarea {
  color: #222;
}
::selection {
  background: color-mix(in srgb, #f7fbff 50%, #626262);
  background: color-mix(in srgb, var(--bg) 50%, var(--text_color));
  color: #fff;
  text-shadow: none;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
html {
  font-size: 16px;
}
body,
html {
  overflow-x: hidden;
  line-height: normal;
  min-width: 320px;
}
a {
  outline: none !important;
}
body.chunk-hide-popups .mfp-wrap:not(.chunk-modal) {
  display: none;
}
b {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #111637;
  color: var(--common_color);
}
strong {
  color: inherit;
}
.bold {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.line-through {
  text-decoration: line-through;
}
img {
  max-width: 100%;
  height: auto;
}
[data-ajax],
[data-js="image-popup"],
[data-js="video-popup"] {
  cursor: pointer;
}
.nobr {
  white-space: nowrap;
}
.content {
  overflow: hidden;
}
.content.dev:before {
  content: "dev";
  color: #000;
  padding: 2px 5px;
  background-color: #adff2f;
  border-right: 1px solid #ccd0d2;
  border-bottom: 1px solid #ccd0d2;
  position: fixed;
  right: 0;
  display: block;
  z-index: 1000;
}
.row {
  max-width: 1380px;
  padding: 0 40px;
  margin: 0 auto;
  box-sizing: initial;
}
[data-js-quiz="navigation-forward"][disabled] {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.6;
}
.info {
  display: flex;
  justify-content: center;
}
.info i {
  width: 14px;
  height: 14px;
  display: block;
  border-radius: 50%;
}
.info i:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background-size: contain;
  background-position: 50%;
}
.info i:hover {
  animation: info-shadow 0.5s;
}
@keyframes info-shadow {
  20% {
    box-shadow: 0 0 5px #111637;
    box-shadow: 0 0 5px var(--common_color);
  }
  to {
    box-shadow: 0 0 100px #fff;
  }
}
.lower {
  text-transform: lowercase;
}
[data-js-scroll-to] {
  cursor: pointer;
}
#adbar {
  transform: translateX(999px);
}
@media screen and (max-width: 1320px) {
  .row {
    padding: 0 45px;
  }
  .info i {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .row {
    padding: 0 21px;
  }
}
@media screen and (max-width: 767px) {
  .row {
    padding: 0 16px;
  }
}
.grecaptcha-badge {
  visibility: hidden;
}
.re-captcha-notice {
  font-size: 12px;
  line-height: 18px;
}
.re-captcha-notice,
.re-captcha-notice .link {
  color: #111637;
  color: var(--common_color);
}
@media screen and (max-width: 767px) {
  .re-captcha-notice {
    font-size: 10px;
    line-height: 14px;
  }
}
#CalltouchWidgetFrame:not(.shown) {
  left: -1500px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}
.mobile-ct-widget {
  right: calc(50% - 54px);
  z-index: 1000000001;
  background: none;
  box-shadow: none;
  border-radius: 0;
  display: none;
  border: none;
  -webkit-filter: none;
  filter: none;
  transform: none;
  position: fixed;
  width: 108px;
  height: 108px;
  margin: 0;
  padding: 0;
  bottom: 0;
  top: auto;
  left: auto;
  zoom: 1;
}
.mobile-ct-widget__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 90px;
  left: calc(50% - 32px);
  top: calc(50% - 32px);
  position: absolute;
  background-image: linear-gradient(208deg, #ff6f03, #ffad00);
  animation: ct-button 1s ease 0s infinite alternate none running;
}
.mobile-ct-widget__btn svg {
  fill: #fff;
  display: block;
  width: 32px;
  height: 32px;
}
@keyframes ct-button {
  0% {
    transform: scale(0.88) translateY(15px);
  }
  to {
    transform: scale(1) translate(0);
  }
}
.special-error-modal {
  display: none;
  position: relative;
  width: 100%;
  max-width: 595px;
  margin-right: auto;
  margin-left: auto;
}
.mfp-content .special-error-modal {
  display: block;
}
.special-error-modal .mfp-close {
  position: absolute;
  top: -32px !important;
  right: 0 !important;
  width: 22px;
  height: 22px;
  font-size: 0;
  background-image: url(../i/dbba2ea1e59a97ed32dfac3f618e6cb8.svg);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.special-error-modal__wrapper {
  background-color: #fff;
  border-radius: 10px;
  padding: 36px 34px 22px;
}
.special-error-modal__top {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff5f5;
  border-radius: 5px;
  padding: 10px 10px 0 12px;
  margin-bottom: 26px;
}
.special-error-modal__number {
  color: #f24e4e;
  font-size: 64px;
  line-height: 70px;
  margin-right: 33px;
}
.special-error-modal__number,
.special-error-modal__title {
  font-family: Proxima, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.special-error-modal__title {
  font-size: 20px;
  line-height: 25px;
  color: #333;
  margin-right: 17px;
}
.special-error-modal__title_mobile {
  display: none;
}
.special-error-modal__accent {
  color: #f24e4e;
  margin-right: 6px;
}
.special-error-modal__image {
  width: 96px;
  height: 67px;
  background-image: url(../i/aaf54aaff27a847280dd6cde0cb3e887.png);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  align-self: flex-end;
}
.special-error-modal__middle {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 30px;
}
.special-error-modal__subtitle {
  font-size: 22px;
  line-height: 27px;
  color: #333;
  margin-bottom: 14px;
}
.special-error-modal__button,
.special-error-modal__subtitle {
  font-family: Proxima, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}
.special-error-modal__button {
  display: block;
  flex-shrink: 0;
  width: 300px;
  height: 73px;
  background: #f3b216;
  box-shadow: 0 8px 65px rgba(243, 178, 22, 0.15);
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 2px;
  color: #fff;
  padding-top: 25px;
  padding-bottom: 24px;
  border-radius: 50px;
}
.special-error-modal__bottom {
  display: flex;
  align-items: center;
  flex-direction: column;
  grid-row-gap: 23px;
  row-gap: 23px;
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 20px;
  max-width: 492px;
  margin-bottom: 21px;
  margin-right: auto;
  margin-left: auto;
}
.special-error-modal__list {
  display: flex;
  justify-content: space-between;
  grid-column-gap: 22px;
  column-gap: 22px;
}
.special-error-modal__item {
  font-family: Proxima, sans-serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  font-size: 18px;
  line-height: 22px;
  color: #333;
  padding-left: 27px;
}
.special-error-modal__item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 15px;
  height: 12px;
  background-image: url(../i/101cc210fd0b49fed1a526c19db6b9ff.svg);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.special-error-modal__item strong {
  font-family: Proxima, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #333;
}
.special-error-modal__time {
  font-family: Proxima, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  font-size: 16px;
  line-height: 23px;
  color: #8b8b8b;
}
.special-error-modal__time-value {
  text-transform: lowercase;
}
@media screen and (max-width: 767px) {
  .fraud-alert #CalltouchWidgetFrame {
    left: -500px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
  }
  .fraud-alert .mobile-ct-widget.active {
    display: block;
  }
  .special-error-modal {
    padding-right: 10px;
    padding-left: 10px;
  }
  .special-error-modal__wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 10px 10px 24px;
  }
  .special-error-modal__top {
    grid-column-gap: 27px;
    column-gap: 27px;
    width: 100%;
    padding-top: 0;
    margin-bottom: 14px;
  }
  .special-error-modal__number {
    margin-right: 0;
  }
  .special-error-modal__title_desktop {
    display: none;
  }
  .special-error-modal__title_mobile {
    display: block;
  }
  .special-error-modal__image {
    flex-shrink: 0;
    width: 96px;
    height: 67px;
  }
  .special-error-modal__title {
    font-size: 18px;
    line-height: 23px;
    align-self: flex-start;
    padding-left: 12px;
  }
  .special-error-modal__middle {
    padding: 16px 12px 23px;
    margin-bottom: 0;
  }
  .special-error-modal__subtitle {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 14px;
    text-align: left;
    align-self: flex-start;
  }
  .special-error-modal__bottom,
  .special-error-modal__list {
    flex-direction: column;
    grid-column-gap: 0;
    column-gap: 0;
    grid-row-gap: 10px;
    row-gap: 10px;
  }
  .special-error-modal__bottom {
    align-items: flex-start;
    width: 100%;
    margin-bottom: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .special-error-modal__button {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 300px;
    min-width: 284px;
  }
}
.link {
  color: #111637;
  color: var(--common_color);
}
.link > span {
  border-bottom: 1px solid;
  transition: border 0.2s ease;
}
.link:hover > span {
  border-bottom-color: transparent;
}
.link_notline {
  color: #111637;
  color: var(--common_color);
}
.link_notline > span {
  border-bottom: 1px solid transparent;
  transition: border 0.2s ease;
}
.link_notline:hover > span,
.link_underline > span {
  border-bottom: 1px solid;
}
.link_underline > span {
  transition: border 0.2s ease;
}
.link_underline:hover > span {
  border-bottom-color: transparent;
}
.link_white {
  color: #fff;
}
.link_dashed > span {
  border-bottom: 1px dashed;
  transition: border 0.2s ease;
}
.link_dashed:hover > span {
  border-bottom-color: transparent;
}
.link_dotted > span {
  border-bottom: 1px dotted;
  transition: border 0.2s ease;
}
.link_dotted:hover > span {
  border-bottom-color: transparent;
}
.btn[data-js-cbs]:not(.loaded) {
  position: relative;
  animation: disable_button 3s ease-in;
}
.btn[data-js-cbs]:not(.loaded):after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../i/3b426fb54fe9cfcbbce1195080e6d8cb.svg);
  background-size: auto 75%;
  background-position: 50%;
  background-repeat: no-repeat;
  z-index: 3;
  opacity: 0;
  -webkit-filter: drop-shadow(0 0 5px hsla(0, 0%, 88.2%, 0.4));
  filter: drop-shadow(0 0 5px rgba(225, 225, 225, 0.4));
  animation: loading 3s ease-in;
}
@keyframes disable_button {
  0% {
    pointer-events: none;
    font-size: 0;
  }
  to {
    pointer-events: none;
    font-size: 0;
  }
}
@keyframes loading {
  0% {
    opacity: 1;
    transform: rotate(0);
  }
  95% {
    opacity: 1;
  }
  to {
    transform: rotate(180deg);
  }
}
.p-old {
  text-decoration: line-through;
}
.p-new,
.p-old {
  white-space: nowrap;
}
[data-custom-scroll]::-webkit-scrollbar {
  width: 3px;
}
[data-custom-scroll]::-webkit-scrollbar-track {
  background-color: initial;
}
[data-custom-scroll]::-webkit-scrollbar-thumb {
  background-color: #97c32e;
}
[data-custom-scroll]::-webkit-scrollbar-track-piece:end {
  margin-bottom: 10px;
}
.modal.modal-error {
  max-width: 410px;
  min-height: 340px;
  padding: 0;
}
.modal.modal-error .mfp-close {
  right: 10px;
  top: 8px;
}
.modal.modal-error .mfp-close:before {
  background-image: url(../i/56bebaa2c7ac0c0e6f57e455d14738c0.svg);
}
.modal-error__content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 36px;
}
.modal-error__title {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}
.modal-error__text {
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}
.modal-error__text a {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: block;
  font-size: 18px;
  line-height: 23px;
  color: #111637;
  color: var(--common_color);
  margin-top: 4px;
}
.modal-error__icon {
  margin-bottom: 24px;
  max-width: 86px;
}
.modal-error__icon svg {
  width: 100%;
}
.modal-error__icon path {
  fill: #111637;
  fill: var(--common_color);
}
@media screen and (max-width: 1023px) {
  .modal.modal-error {
    max-width: 348px;
    min-height: 330px;
  }
  .modal-error__icon {
    max-width: 80px;
    margin-bottom: 24px;
  }
  .modal-error__title {
    font-size: 18px;
    line-height: 26px;
  }
  .modal-error__text {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .modal.modal-error {
    max-width: 288px;
    min-height: 285px;
  }
  .modal-error__icon {
    max-width: 60px;
    margin-bottom: 12px;
  }
  .modal-error__title {
    font-size: 16px;
    line-height: 22px;
  }
  .modal-error__text {
    font-size: 14px;
    line-height: 20px;
  }
  .modal-error__text a {
    font-size: 16px;
    line-height: 20px;
  }
  .modal-error__content {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.mfp-bg {
  background: rgba(46, 42, 38, 0.5);
}
.mfp-close:focus,
.mfp-close:hover {
  opacity: 0.7;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}
.mfp_video-popup .mfp-close {
  top: -35px;
}
.mfp_image-popup .mfp-close {
  right: 0;
}
.mfp_modal-success .mfp-close,
.mfp_modal-success .mfp-close:hover {
  right: 0;
  top: 2px;
}
.mfp-content .modal {
  display: block;
}
.modal {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: none;
  padding-left: 15px;
  padding-right: 15px;
}
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
button.mfp-arrow {
  display: block;
  border: 0;
  background-color: initial;
  position: absolute;
  left: 0;
  overflow: hidden;
  z-index: 1050;
  opacity: 1;
}
button.mfp-arrow:before {
  content: "";
  position: absolute;
  right: auto;
  top: 0;
  border: 0;
  margin: 0 !important;
  opacity: 1;
}
button.mfp-arrow:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -8px;
  width: 18px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  border: 0;
  margin-left: 0;
}
button.mfp-arrow-right {
  right: 0;
}
button.mfp-arrow-right:before {
  left: auto;
}
button.mfp-arrow-right:after {
  transform: rotate(180deg);
  left: auto;
  right: 10px;
}
.scroll-to-top {
  position: fixed;
  right: 35px;
  bottom: 115px;
  z-index: 1000;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  width: 59px;
  height: 59px;
  border: 1px solid #c6d8e7;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 0.2);
  background-image: url(../i/763c67548ab1c20961ce7067b64116e4.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  transition: all 0.2s ease;
}
.scroll-to-top.scroll-to-top_shown {
  opacity: 1;
  visibility: visible;
}
.scroll-to-top:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1320px) {
  .scroll-to-top {
    width: 50px;
    height: 50px;
    right: 15px;
    bottom: 157px;
    background-size: 16px 13px;
  }
}
@media screen and (max-width: 767px) {
  .scroll-to-top {
    right: auto;
    left: 15px;
    bottom: 50px;
  }
}
[data-js="tooltip-button"] {
  cursor: pointer;
}
[data-js="tooltip-html"] {
  display: none;
}
.tippy-tooltip.light-theme {
  box-shadow: 0 10px 29px rgba(70, 81, 86, 0.18);
  border: 1px solid #e0e3e4;
  background-color: #fff;
  font-size: 14px;
}
[data-js-tooltip="arrow"] {
  position: absolute;
  width: 30px;
  height: 14px;
}
[data-js-tooltip="arrow"]:before {
  z-index: 1;
  left: 1px;
  top: 1px;
}
[data-js-tooltip="arrow"]:after,
[data-js-tooltip="arrow"]:before {
  content: "";
  border-style: solid;
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
[data-js-tooltip="arrow"]:after {
  z-index: 0;
}
.tippy-arrow {
  position: absolute;
}
.tippy-popper[x-placement^="bottom"] .tippy-arrow {
  width: 30px;
  height: 14px;
  top: -14px;
}
.tippy-popper[x-placement^="bottom"] [data-js-tooltip="arrow"] {
  left: -7px;
  top: -1px;
}
.tippy-popper[x-placement^="bottom"] [data-js-tooltip="arrow"]:before {
  border-width: 0 15px 14px;
  border-color: transparent transparent #fff;
}
.tippy-popper[x-placement^="bottom"] [data-js-tooltip="arrow"]:after {
  border-width: 0 16px 15px;
  border-color: transparent transparent #e0e3e4;
}
.tippy-popper[x-placement^="top"] .tippy-arrow {
  width: 30px;
  height: 14px;
  bottom: -14px;
}
.tippy-popper[x-placement^="top"] [data-js-tooltip="arrow"] {
  left: -7px;
  bottom: 0;
}
.tippy-popper[x-placement^="top"] [data-js-tooltip="arrow"]:before {
  border-width: 14px 15px 0;
  border-color: #fff transparent transparent;
  top: 0;
}
.tippy-popper[x-placement^="top"] [data-js-tooltip="arrow"]:after {
  border-width: 15px 16px 0;
  border-color: #e0e3e4 transparent transparent;
}
.tippy-popper[x-placement^="left"] .tippy-arrow {
  width: 14px;
  height: 30px;
}
.tippy-popper[x-placement^="left"] [data-js-tooltip="arrow"] {
  width: 14px;
  height: 30px;
  top: -7px;
}
.tippy-popper[x-placement^="left"] [data-js-tooltip="arrow"]:before {
  border-width: 15px 0 15px 14px;
  border-color: transparent transparent transparent #fff;
  left: 0;
}
.tippy-popper[x-placement^="left"] [data-js-tooltip="arrow"]:after {
  border-width: 16px 0 16px 15px;
  border-color: transparent transparent transparent #e0e3e4;
}
.tippy-popper[x-placement^="right"] .tippy-arrow {
  width: 14px;
  height: 30px;
}
.tippy-popper[x-placement^="right"] [data-js-tooltip="arrow"] {
  width: 14px;
  height: 30px;
  top: -7px;
}
.tippy-popper[x-placement^="right"] [data-js-tooltip="arrow"]:before {
  border-width: 15px 14px 15px 0;
  border-color: transparent #fff transparent transparent;
  right: -1px;
  top: 0;
}
.tippy-popper[x-placement^="right"] [data-js-tooltip="arrow"]:after {
  border-width: 15px 14px 15px 0;
  border-color: transparent #e0e3e4 transparent transparent;
}
.tippy-tooltip {
  padding: 20px 60px 20px 30px !important;
  position: relative;
  text-align: left;
}
[data-js-tooltip="close"] {
  pointer-events: all;
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  top: 23px;
  right: 23px;
}
[data-js-tooltip="close"] > svg {
  position: absolute;
  left: 0;
  top: 0;
}
[data-js-tooltip="close"] > svg path {
  transition: fill 0.2s ease-out;
}
[data-js-tooltip="close"]:hover > svg path {
  fill: #8e9799;
  transition: fill 0.2s ease-out;
}
.tooltip {
  text-align: left;
}
.tooltip__title {
  margin-bottom: 20px;
  line-height: 28px;
  max-width: 260px;
  font-size: 16px;
}
.tooltip__text {
  line-height: 26px;
  font-size: 14px;
  color: #989ca6;
}
.tooltip__li-right {
  padding-left: 20px;
  float: right;
}
@media screen and (max-width: 767px) {
  .tooltip__title {
    max-width: 100%;
  }
  .tippy-tooltip {
    padding-left: 20px !important;
    padding-bottom: 20px !important;
  }
  .tippy-popper[data-html] {
    max-width: calc(100% - 10px);
  }
  .tooltip__li-right {
    padding-left: 0;
    display: block;
    float: none;
  }
}
@media screen and (max-width: 470px) {
  .tooltip__text br {
    display: none;
  }
  .tippy-tooltip {
    padding-right: 45px !important;
  }
}
.form__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.form__row > * {
  flex: 0 1 50%;
  padding-left: 10px;
  padding-right: 10px;
}
.form__row_triple > * {
  flex-basis: 33.33%;
}
.form__row_triple .form__policy {
  margin-top: 0;
}
.form__group {
  position: relative;
}
.form__group.error label {
  color: red;
}
.form__group.error .input,
.form__group.error label {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.form__group.error .input {
  border-color: red;
}
.form__group.error .input::-webkit-input-placeholder {
  color: red;
}
.form__group.error .input::placeholder {
  color: red;
}
.form__group .error {
  position: absolute;
  right: 40px;
  bottom: 3px;
  font-size: 12px;
  color: red;
}
.form__group_phone .error-text {
  text-align: left;
  margin-top: 8px;
  font-size: 14px;
  line-height: 17px;
  color: red;
  visibility: hidden;
}
.input_phone_check {
  display: none !important;
}
@keyframes shake {
  10%,
  90% {
    transform: translateX(-1px);
  }
  20%,
  80% {
    transform: translateX(2px);
  }
  30%,
  50%,
  70% {
    transform: translateX(-4px);
  }
  40%,
  60% {
    transform: translateX(4px);
  }
}
textarea {
  resize: none;
}
.form__flex {
  display: flex;
  margin-top: 22px;
}
.form__flex .form__group {
  width: 100%;
  max-width: 370px;
  margin-right: 20px;
}
.form__flex .button_submit {
  margin-top: 0;
  max-width: 370px;
}
@media screen and (max-width: 1320px) {
  .form__flex {
    margin-top: 18px;
  }
  .form__flex .button_submit {
    max-width: 290px;
  }
}
@media screen and (max-width: 1023px) {
  .form__flex {
    margin-top: 13px;
  }
  .form__flex .form__group {
    max-width: 189px;
    margin-right: 14px;
  }
  .form__flex .form__group:nth-child(2) {
    margin-right: 0;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .form__flex {
    flex-wrap: wrap;
  }
  .form__flex .form__group {
    max-width: 100%;
    margin-right: 0;
  }
  .form__flex .input {
    height: 60px;
  }
  .form__flex > * {
    flex-basis: 100% !important;
  }
  .form__flex .button_submit {
    height: 60px;
    max-width: 242px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 17px;
  }
}
[data-js="tabs-nav"] {
  position: relative;
  z-index: 1;
}
[data-js="tabs-nav"] > * {
  color: #5a6263;
  font-size: 16px;
  line-height: 16px;
  transition: color 0.2s ease-in-out;
}
[data-js="tabs-nav"] > .active,
[data-js="tabs-nav"] > :hover {
  color: #364344;
}
[data-js="tabs-content"] {
  position: relative;
  z-index: 2;
}
[data-js="tabs-content"] > * {
  display: none;
}
[data-js="tabs-content"] > .active {
  display: block;
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper,
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  overflow: hidden;
  list-style: none;
  padding: 0;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: ease;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: initial;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: none;
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
[dir="ltr"]
  .swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-left: var(--swiper-centered-offset-before);
}
[dir="rtl"]
  .swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-right: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-top: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border-left: 4px solid var(--swiper-theme-color);
  border-bottom: 4px solid var(--swiper-theme-color);
  border-right: 4px solid var(--swiper-theme-color);
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
[data-js-quiz="radio"] {
  -webkit-user-select: none;
  user-select: none;
}
.cookie {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #efefef;
  z-index: 10;
}
.cookie__grid {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
.cookie__text {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #8a8a8a;
  margin-right: 20px;
}
.cookie__text a {
  border-bottom: 1px dashed #8a8a8a;
  transition: 0.2s ease;
}
.cookie__text a:hover {
  border-bottom: 1px dashed transparent;
}
.cookie__buttons-wrapper {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}
.cookie__btn-agree {
  color: #8a8a8a;
  border: 1px solid #8a8a8a;
  border-radius: 5px;
  padding: 10px 13px;
}
@media screen and (max-width: 1023px) {
  .cookie__buttons-wrapper,
  .cookie__text {
    font-size: 14px;
  }
  .cookie__btn-agree {
    padding: 7px 15px;
  }
}
@media screen and (max-width: 767px) {
  .cookie__grid {
    padding: 5px 0;
  }
  .cookie__buttons-wrapper,
  .cookie__text {
    font-size: 12px;
  }
  .cookie__btn-agree {
    padding: 5px 12px;
  }
}
.modal.modal-policy-default {
  max-width: 1200px;
  padding: 0;
}
.modal.modal-policy-default .mfp-close {
  position: absolute !important;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 10px !important;
  top: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #333 !important;
  background: unset !important;
  font-size: 28px !important;
  text-decoration: none !important;
  text-align: center !important;
  cursor: pointer !important;
}
.modal.modal-policy-default .mfp-close:after,
.modal.modal-policy-default .mfp-close:before {
  content: unset !important;
}
.modal.modal-policy-default .mfp-close:focus,
.modal.modal-policy-default .mfp-close:hover {
  opacity: 0.7 !important;
}
.modal.modal-policy-default .modal__wrapper {
  display: flex;
  flex-direction: column;
  padding: 50px;
  background-color: #efefef;
}
.modal.modal-policy-default .modal-policy-default__title {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 20px;
  font-size: 40px;
}
.modal.modal-policy-default .modal-policy-default__text {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-top: unset;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 24px;
}
.modal.modal-policy-default .modal-policy-default__text:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1320px) {
  .modal.modal-policy-default {
    max-width: 960px;
  }
  .modal.modal-policy-default .modal__wrapper {
    padding: 40px;
  }
  .modal.modal-policy-default .modal-policy-default__title {
    font-size: 27px;
  }
  .modal.modal-policy-default .modal-policy-default__text {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .modal.modal-policy-default {
    max-width: 720px;
  }
}
@media screen and (max-width: 767px) {
  .modal.modal-policy-default {
    max-width: 400px;
  }
  .modal.modal-policy-default .modal__wrapper {
    padding: 20px;
  }
  .modal.modal-policy-default .modal-policy-default__title {
    max-width: 300px;
    margin-bottom: 15px;
    font-size: 22px;
  }
  .modal.modal-policy-default .modal-policy-default__text {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
  }
}
.discount-duration {
  font-style: italic;
  font-size: 14px;
  background-color: #e2eeff;
  box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 4px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.discount-duration span {
  color: #bd3625;
  font-weight: 500;
}
.map-loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.map-loader svg {
  animation: rotate_loader 2s linear infinite;
  height: 150px;
  width: 150px;
  margin: auto;
  position: relative;
  stroke: #111637;
  stroke: var(--common_color);
  transform-origin: center center;
}
.map-loader svg circle {
  animation: dash_loader 1.5s ease-in-out infinite;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  background: #fff;
  color: #fff;
}
@keyframes rotate_loader {
  to {
    transform: rotate(1turn);
  }
}
@keyframes dash_loader {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
.social {
  display: inline-block;
  width: 38px;
  height: 38px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.social_vk {
  background-image: url(../i/fb99ea09c916233c7bf2771cab54140e.svg);
}
.social_tg {
  background-image: url(../i/a5b1bbd8dcf347878ae8e919957fb865.svg);
}
.social_yt {
  background-image: url(../i/8c1492d842f98338fb0d236598bdd5ea.svg);
}
.social_ok {
  background-image: url(../i/e720aa39ee638e37f98541d062a66ce9.svg);
}
.social_ig {
  background-image: url(../i/9929d5c93a8f059cf862fbbb977108b8.svg);
}
.social_fb {
  background-image: url(../i/ba8c8029f9b69309debe259e2209ff49.svg);
}
.animate-pulse {
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  position: relative;
  background-color: initial;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  flex-shrink: 0;
}
.animate-pulse:after,
.animate-pulse:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: initial;
  border-radius: 50%;
}
.animate-pulse:before {
  animation: pulse-small 1.5s ease-in-out infinite alternate;
}
.animate-pulse:after {
  animation: pulse 1.5s ease-in-out 1s infinite alternate;
}
@keyframes pulse {
  to {
    transform: scale(1.7);
    opacity: 0.2;
  }
}
@keyframes pulse-small {
  to {
    transform: scale(1.35);
    opacity: 0.4;
  }
}
.animate-rotate-text {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.animate-rotate-text,
.animate-rt__inner-image {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: transparent;
}
.animate-rt__inner-image {
  position: absolute;
  background-size: cover;
}
.animate-rt__content {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: rotate-circle 15s linear infinite;
}
.animate-rt__content-item {
  position: absolute;
  left: 50%;
  transform-origin: 0 100px;
  text-transform: lowercase;
}
@keyframes rotate-circle {
  to {
    transform: rotate(1turn);
  }
}
[data-js-animate="change-text-wrapper"] {
  display: none;
  transition: width 0.8s ease;
}
.animate-change-text {
  animation: changeText 2s infinite alternate;
  flex-shrink: 0;
}
@keyframes changeText {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate-marquee {
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  grid-column-gap: 20px;
  column-gap: 20px;
}
.animate-marquee.start .animate-marquee-content {
  animation: marquee 13s linear infinite;
}
.animate-marquee.start .animate-marquee-content.animate-marquee-no_gap {
  animation: marquee-no-gap 13s linear infinite;
}
.animate-marquee.start .animate-marquee-content.reverse {
  animation-direction: reverse;
}
.animate-marquee [data-js-module="chunk"] {
  display: flex;
  grid-column-gap: 20px;
  column-gap: 20px;
}
.animate-marquee-content {
  min-width: 100%;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 20px));
  }
}
@keyframes marquee-no-gap {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.animate-rotate {
  animation: rotate 3s linear infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(-4deg);
  }
  25% {
    transform: rotate(-6deg);
  }
  50% {
    transform: rotate(-4deg);
  }
  75% {
    transform: rotate(-2deg);
  }
  to {
    transform: rotate(-4deg);
  }
}
.animate-jump_start {
  position: relative;
  opacity: 0;
}
.animate-jump {
  animation: jump 0.5s linear;
  animation-fill-mode: forwards;
}
@keyframes jump {
  0% {
    top: 40px;
  }
  70% {
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.map__route-button {
  padding: 0 4px 1px;
  background-color: #fff;
  text-decoration: underline;
  color: #000;
  border-radius: 3px;
  font-size: 12px;
  cursor: pointer;
}
.map__route-button:hover {
  color: #c00;
}
html {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  color: #111637;
  color: var(--common_color);
  background-color: #f7fbff;
  background-color: var(--bg);
}
section {
  position: relative;
}
.row {
  max-width: 1280px;
}
.accent {
  color: #3c5584;
  color: var(--accent_color);
}
.accent_second {
  color: #23b772;
  color: var(--accent_color_2);
}
.link_dashed > span {
  transition: border 0.3s ease, color 0.3s ease;
}
.link_dashed:hover > span {
  color: #fc9;
  color: var(--bg_2);
  border-bottom: 1px dashed #fc9;
  border-bottom: 1px dashed var(--bg_2);
}
.page_success .header__logo {
  cursor: pointer;
}
.page_success .header__address,
.page_success .header__phones {
  display: none;
}
.page_error {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.page_error .header__logo {
  cursor: pointer;
}
.page_error .footer {
  margin-top: auto;
}
@media screen and (max-width: 1320px) {
  .row {
    padding: 0 45px;
  }
}
@media screen and (max-width: 1023px) {
  .row {
    padding: 0 25px;
  }
  .page_success .header {
    padding-top: 25px;
    padding-bottom: 28px;
  }
}
@media screen and (max-width: 767px) {
  .row {
    padding: 0 15px;
  }
  .page_success .header {
    padding-top: 9px;
    padding-bottom: 10px;
  }
  .page_success .header__grid {
    display: block;
  }
}
.h1 {
  font-size: 44px;
  line-height: 54px;
  color: #3f4254;
  color: var(--second_color);
}
.h1,
.h2 {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}
.h2 {
  font-size: 38px;
  line-height: 49px;
  color: #3c5584;
  color: var(--accent_color);
}
@media screen and (max-width: 1320px) {
  .h1 {
    font-size: 36px;
    line-height: 45px;
  }
  .h2 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media screen and (max-width: 1023px) {
  .h1 {
    font-size: 30px;
    line-height: 37px;
  }
  .h2 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (max-width: 767px) {
  .h1 {
    line-height: 33px;
  }
  .h1,
  .h2 {
    font-size: 26px;
  }
  .h2 {
    line-height: 31px;
  }
}
.btn {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 260px;
  height: 80px;
  line-height: 22px;
  color: #fff;
  color: var(--white);
  -webkit-user-select: none;
  user-select: none;
  background-image: radial-gradient(
    50% 50% at 50%,
    at 50%,
    #ffb46e 0,
    #ffad60 100%
  );
  background-image: radial-gradient(
    50% 50% at 50% 50%,
    #ffb46e 0,
    #ffad60 100%
  );
  background-image: var(--button_bg);
  border: 1px solid #ff9d40;
  border: 1px solid var(--button_border);
  box-shadow: 0 4px 15px 0 rgba(255, 174, 97, 0.38039);
  box-shadow: 0 4px 15px 0 var(--button_shadow);
  border-radius: 5px;
}
.btn:after,
.btn:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 5px;
  transition: opacity 0.3s ease;
}
.btn:before {
  background-image: radial-gradient(
    50% 50% at 50%,
    at 50%,
    #ffba79 0,
    #ff9d41 100%
  );
  background-image: radial-gradient(
    50% 50% at 50% 50%,
    #ffba79 0,
    #ff9d41 100%
  );
  background-image: var(--button_bg_hover);
}
.btn:after {
  background-image: radial-gradient(
    50% 50% at 50%,
    at 50%,
    #ffb36b 0,
    #ffa148 100%
  );
  background-image: radial-gradient(
    50% 50% at 50% 50%,
    #ffb36b 0,
    #ffa148 100%
  );
  background-image: var(--button_bg_active);
}
.btn .btn-text {
  z-index: 1;
}
.btn:active:after,
.btn:hover:before {
  opacity: 1;
}
.btn_show-more {
  height: 72px;
  color: #3c5584;
  color: var(--accent_color);
  background-color: initial;
  box-shadow: none;
  border: 1px solid #3c5584;
  border: 1px solid var(--accent_color);
  transition: 0.3s ease;
  transition-property: background-color, color;
}
.btn_show-more,
.btn_show-more:after,
.btn_show-more:before {
  background-image: none;
}
.btn_show-more:hover {
  color: #fff;
  color: var(--white);
  background-color: #3c5584;
  background-color: var(--accent_color);
}
.btn_show-more:active {
  color: #fff;
  color: var(--white);
  background-color: #566d96;
  background-color: var(--bg_5);
}
.btn_error {
  letter-spacing: 1px;
}
@media screen and (max-width: 1023px) {
  .btn {
    font-size: 16px;
    line-height: 19px;
  }
  .btn_error,
  .btn_show-more {
    font-size: 18px;
    line-height: 22px;
  }
  .btn_submit {
    height: 70px;
  }
}
@media screen and (max-width: 767px) {
  .btn_show-more {
    height: 59px;
    font-size: 16px;
    line-height: 19px;
  }
}
.tippy-tooltip {
  max-width: 292px;
  padding: 15px 25px !important;
  border-radius: 5px;
}
.tippy-tooltip.light-theme {
  font-size: 16px;
  line-height: 20px;
  color: #323728;
  color: var(--text_color_3);
}
.tippy-tooltip [data-js-tooltip="close"] {
  display: none;
}
.swiper-arrow {
  position: relative;
  width: 35px;
  height: 35px;
  background-image: radial-gradient(
    50% 50% at 50%,
    at 50%,
    #ffb46e 0,
    #ffad60 100%
  );
  background-image: radial-gradient(
    50% 50% at 50% 50%,
    #ffb46e 0,
    #ffad60 100%
  );
  background-image: var(--button_bg);
  border-radius: 5px;
  cursor: pointer;
}
.swiper-arrow:after,
.swiper-arrow:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 5px;
  transition: opacity 0.3s ease;
}
.swiper-arrow:before {
  background-image: radial-gradient(
    50% 50% at 50%,
    at 50%,
    #ffba79 0,
    #ff9d41 100%
  );
  background-image: radial-gradient(
    50% 50% at 50% 50%,
    #ffba79 0,
    #ff9d41 100%
  );
  background-image: var(--button_bg_hover);
}
.swiper-arrow:after {
  background-image: radial-gradient(
    50% 50% at 50%,
    at 50%,
    #ffb36b 0,
    #ffa148 100%
  );
  background-image: radial-gradient(
    50% 50% at 50% 50%,
    #ffb36b 0,
    #ffa148 100%
  );
  background-image: var(--button_bg_active);
}
.swiper-arrow:active:after,
.swiper-arrow:hover:before {
  opacity: 1;
}
.swiper-arrow.next .swiper-arrow-image {
  transform: none;
}
.swiper-arrow.swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
}
.swiper-arrow.swiper-button-lock {
  display: none;
}
.swiper-arrow-image {
  position: absolute;
  width: 35px;
  height: 35px;
  background-image: url(../i/7207d3535f57b397647ec0edbef124d0.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  transform: scaleX(-1);
  z-index: 1;
}
.mfp-container {
  overflow-y: scroll;
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-overflow-scrolling: touch;
}
.modal {
  padding: 0;
}
.modal .mfp-close {
  width: 44px;
  height: 44px;
  top: 30px;
  right: 30px;
  font-size: 0;
  line-height: 0;
  background-color: #fff;
  background-color: var(--white);
  background-image: url(../i/56bebaa2c7ac0c0e6f57e455d14738c0.svg);
  background-position: 50%;
  background-size: auto;
  background-repeat: no-repeat;
  border-radius: 5px;
  transition: background-color 0.3s ease;
  opacity: 1;
}
.modal .mfp-close:active,
.modal .mfp-close:hover {
  top: 30px;
  right: 30px;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
}
.mfp-image-holder .mfp-close,
.mfp_video-popup .mfp-close {
  width: 44px;
  height: 44px;
  top: -10px;
  right: 0;
  font-size: 0;
  line-height: 0;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
  background-image: url(../i/56bebaa2c7ac0c0e6f57e455d14738c0.svg);
  background-position: 50%;
  background-size: auto;
  background-repeat: no-repeat;
  border-radius: 5px;
  transition: background-color 0.3s ease;
  transform: translateY(-100%);
  opacity: 1;
}
.mfp-image-holder .mfp-close:active,
.mfp-image-holder .mfp-close:hover,
.mfp_video-popup .mfp-close:active,
.mfp_video-popup .mfp-close:hover {
  top: -10px;
  right: 0;
  background-color: #fff;
  background-color: var(--white);
}
img.mfp-img {
  padding: 0;
  border-radius: 5px;
}
button.mfp-arrow {
  width: 35px;
  height: 35px;
  top: 50%;
  left: calc(50% - 270px);
  background-image: radial-gradient(
    50% 50% at 50%,
    at 50%,
    #ffb46e 0,
    #ffad60 100%
  );
  background-image: radial-gradient(
    50% 50% at 50% 50%,
    #ffb46e 0,
    #ffad60 100%
  );
  background-image: var(--button_bg);
  border-radius: 5px;
  cursor: pointer;
  transform: translate(-50%, 50%);
}
button.mfp-arrow:after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-top: 0;
  background-image: url(../i/7207d3535f57b397647ec0edbef124d0.svg);
  background-size: auto;
  border-radius: 5px;
  transform: none;
}
button.mfp-arrow:active,
button.mfp-arrow:hover {
  background-color: radial-gradient(
    50% 50% at 50%,
    at 50%,
    #ffba79 0,
    #ff9d41 100%
  );
  background-color: radial-gradient(
    50% 50% at 50% 50%,
    #ffba79 0,
    #ff9d41 100%
  );
  background-color: var(--button_bg_hover);
}
button.mfp-arrow-left:after {
  transform: rotate(180deg);
}
button.mfp-arrow-right {
  left: auto;
  right: calc(50% - 270px);
  transform: translate(50%, 50%);
}
.modal__wrapper {
  background-color: #fff;
  background-color: var(--white);
  border-radius: 5px;
}
@media screen and (max-width: 1320px) {
  .mfp-container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .modal .mfp-close {
    background-color: #fff;
    background-color: var(--white);
  }
}
@media screen and (max-width: 767px) {
  .modal .mfp-close,
  .modal .mfp-close:active,
  .modal .mfp-close:hover {
    top: 15px;
    right: 15px;
  }
  .mfp-image-holder {
    padding: 0 15px;
  }
  button.mfp-arrow {
    left: 5px;
    transform: translateY(50%);
  }
  button.mfp-arrow-right {
    left: auto;
    right: 5px;
    transform: translateY(50%);
  }
}
.form__submit-wrapper {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  row-gap: 20px;
  z-index: 1;
  margin-top: 20px;
}
.form__group,
.input {
  width: 100%;
}
.input {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: normal;
  height: 80px;
  padding-left: 20px;
  line-height: 22px;
  background-color: #fff;
  background-color: var(--white);
  box-sizing: border-box;
  border: none;
  border-radius: 5px;
  letter-spacing: 1px;
}
.input::-webkit-input-placeholder {
  color: #adb8cb;
  color: var(--bg_border);
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input::placeholder {
  color: #adb8cb;
  color: var(--bg_border);
  transition: color 0.2s ease-in-out;
}
.input:hover::-webkit-input-placeholder {
  color: #566d96;
  color: var(--bg_5);
}
.input:hover::placeholder {
  color: #566d96;
  color: var(--bg_5);
}
.input:focus::-webkit-input-placeholder {
  color: #3f4254;
  color: var(--second_color);
}
.input:focus::placeholder {
  color: #3f4254;
  color: var(--second_color);
}
.form__policy {
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 20px;
  color: #adb8cb;
  color: var(--bg_border);
}
.form__policy a {
  border-bottom: 1px dashed #adb8cb;
  border-bottom: 1px dashed var(--bg_border);
  transition: border 0.3s ease, color 0.3s ease;
}
.form__policy a:hover {
  color: #fc9;
  color: var(--bg_2);
  border-bottom: 1px dashed #fc9;
  border-bottom: 1px dashed var(--bg_2);
}
.form__policy br {
  display: none;
}
@media screen and (max-width: 1023px) {
  .form__submit-wrapper {
    grid-row-gap: 10px;
    row-gap: 10px;
  }
  .input {
    height: 70px;
    /* padding-left: 83px; */
  }
  .form__policy {
    margin-top: 20px;
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 767px) {
  .form__policy {
    margin-top: 15px;
  }
}
@media screen and (max-width: 359px) {
  .input {
    text-align: center;
    padding-left: 0;
  }
}
.scroll-to-top {
  width: 65px;
  height: 65px;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
  background-image: url(../i/d4e89aacac01a3d6221b545883deda54.svg);
  background-size: auto;
  box-shadow: 0 3px 26px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border: none;
  border-radius: 5px;
}
.scroll-to-top:hover {
  opacity: 0.5;
}
.gifts {
  max-width: 586px;
}
.gifts__list {
  padding: 20px 30px;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
  border-radius: 5px;
}
.gifts__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-column-gap: 20px;
  column-gap: 20px;
}
.gifts__item:not(:first-child) {
  margin-top: 9px;
  padding-top: 10px;
  border-top: 1px dashed #adb8cb;
  border-top: 1px dashed var(--bg_border);
}
.gifts__item-text {
  display: flex;
  align-items: center;
  grid-column-gap: 12px;
  column-gap: 12px;
  line-height: 18px;
  letter-spacing: -0.2px;
}
.gifts__item-text:before {
  content: "";
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  background-image: url(../i/171b171331ad276daeb30934230b5c5b.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.gifts__prices {
  display: flex;
  flex-shrink: 0;
  grid-column-gap: 7px;
  column-gap: 7px;
  padding: 10px 8px;
  background-color: #f4f4f4;
  background-color: var(--bg_7);
  border-radius: 5px;
}
.gifts__price-new {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 26px;
  line-height: 16px;
  color: #3c5584;
  color: var(--accent_color);
  letter-spacing: -1.4px;
}
.gifts__price-new .small-text {
  font-size: 22px;
}
.gifts__price-old {
  line-height: 18px;
  color: #626262;
  color: var(--text_color);
  text-decoration: line-through;
}
@media screen and (max-width: 1320px) {
  .gifts {
    max-width: 100%;
  }
  .gifts__list {
    padding: 22px 15px 23px 17px;
  }
  .gifts__item {
    grid-column-gap: 28px;
    column-gap: 28px;
  }
  .gifts__item:not(:first-child) {
    margin-top: 11px;
    padding-top: 12px;
  }
  .gifts__item-text {
    align-items: flex-start;
    grid-column-gap: 9px;
    column-gap: 9px;
    font-size: 16px;
  }
  .gifts__item-text:before {
    width: 20px;
    height: 20px;
    margin-top: 3px;
  }
  .gifts__prices {
    grid-column-gap: 5px;
    column-gap: 5px;
    padding: 6px 4px;
  }
  .gifts__price-new .small-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .gifts__list {
    padding: 20px 15px;
  }
  .gifts__item {
    grid-column-gap: 12px;
    column-gap: 12px;
  }
  .gifts__item:not(:first-child) {
    margin-top: 7px;
    padding-top: 8px;
  }
  .gifts__item-text {
    align-items: center;
  }
  .gifts__item-text:before {
    margin-top: 0;
  }
  .gifts__prices {
    flex-direction: column-reverse;
    align-items: center;
    grid-row-gap: 3px;
    row-gap: 3px;
    padding: 6px 10px 5px;
  }
  .gifts__price-new {
    font-size: 24px;
    line-height: 18px;
    letter-spacing: -2px;
  }
  .gifts__price-old {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .gifts {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
  .gifts__item-text {
    align-items: flex-start;
    grid-column-gap: 11px;
    column-gap: 11px;
  }
  .gifts__item-text:before {
    margin-top: 4px;
  }
}
.button__wrapper {
  display: flex;
  align-items: center;
  grid-column-gap: 25px;
  column-gap: 25px;
}
.button__skin {
  width: 100%;
  max-width: 350px;
}
.button__text {
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #adb8cb;
  color: var(--bg_border);
}
.button__contacts {
  margin-top: 5px;
}
.button__phones {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 27px;
  color: #fff;
  color: var(--white);
  transition: color 0.3s ease;
}
.button__phones:hover {
  color: #ffad60;
  color: var(--bg_3);
}
.button__worktime {
  margin-top: 5px;
  font-size: 14px;
  line-height: 16px;
  color: #adb8cb;
  color: var(--bg_border);
}

.button__info {
    margin-top: 10px;
}


@media screen and (max-width: 1320px) {
  .button__wrapper {
    align-items: flex-start;
    flex-direction: column;
    grid-row-gap: 20px;
    row-gap: 20px;
  }
  .button__skin {
    max-width: 396px;
  }
  .button__contacts {
    margin-top: 0;
  }
  .button__worktime {
    margin-top: 9px;
  }
}
@media screen and (max-width: 1023px) {
  .button__info {
    flex-direction: column;
    grid-row-gap: 4px;
    row-gap: 4px;
  }
  .button__worktime {
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-top: 4px;
    font-size: 16px;
    line-height: 21px;
  }
}
@media screen and (max-width: 767px) {
  .button__wrapper {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
}
.header {
  padding-top: 30px;
}
.header__grid {
  display: flex;
  align-items: center;
  grid-column-gap: 122px;
  column-gap: 122px;
  padding-bottom: 28px;
  border-bottom: 1px solid #adb8cb;
  border-bottom: 1px solid var(--bg_border);
}
.header__logo {
  cursor: unset;
}
.header__address {
  display: flex;
  align-items: center;
  grid-column-gap: 15px;
  column-gap: 15px;
  line-height: 22px;
}
.header__address:before {
  content: "";
  flex-shrink: 0;
  width: 26px;
  height: 34px;
  background-image: url(../i/6fca132097b2f1b786a6ce7b1c1497a9.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.header__address .header__address-city {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.header__address-affiliates,
.header__address_metro .header__address-city {
  font-family: Inter, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.header__address-affiliates.link_dashed > span {
  border-bottom: 1px dashed #adb8cb;
  border-bottom: 1px dashed var(--bg_border);
}
.header__address-affiliates.link_dashed:hover > span {
  color: #111637;
  color: var(--common_color);
  border-bottom: 1px dashed transparent;
}
.header__address_many .header__address-text {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.header__info {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  max-width: 560px;
  flex-grow: 1;
  grid-column-gap: 36px;
  column-gap: 36px;
  margin-left: auto;
}
.header__phones {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 26px;
  line-height: 29px;
  color: #3c5584;
  color: var(--accent_color);
  transition: color 0.3s ease;
}
.header__phones .phone {
  display: flex;
  align-items: center;
  grid-column-gap: 10px;
  column-gap: 10px;
}
.header__phones .phone:before {
  content: "";
  width: 35px;
  height: 35px;
  background-image: url(../i/423bc77ceb0d9b2405caa491844fedfe.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.header__phones:hover {
  color: #ffad60;
  color: var(--bg_3);
}
.header__worktime {
  font-family: Inter, sans-serif;
  font-weight: 300;
  font-style: normal;
  flex-shrink: 0;
  margin-left: -5px;
  font-size: 16px;
  line-height: 18px;
}
@media screen and (max-width: 1320px) {
  .header {
    padding-top: 20px;
    padding-bottom: 27px;
    border-bottom: 1px solid #adb8cb;
    border-bottom: 1px solid var(--bg_border);
  }
  .header .row {
    padding: 0 40px;
  }
  .header__grid {
    grid-column-gap: 124px;
    column-gap: 124px;
    padding-bottom: 0;
    border-bottom: none;
  }
  .header__logo-wrapper {
    max-width: 220px;
  }
  .header__address {
    margin-right: -14px;
    line-height: 19px;
  }
  .header__address-affiliates {
    font-size: 16px;
    line-height: 19px;
  }
  .header__info {
    align-items: flex-end;
    flex-direction: column;
    grid-row-gap: 10px;
    row-gap: 10px;
  }
  .header__phones {
    font-size: 22px;
    line-height: 25px;
  }
  .header__worktime {
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .header {
    padding-top: 20px;
    padding-bottom: 24px;
  }
  .header .row {
    padding: 0 25px;
  }
  .header__grid {
    grid-column-gap: 58px;
    column-gap: 58px;
  }
  .header__logo-wrapper {
    max-width: 155px;
  }
  .header__phones {
    font-size: 20px;
    line-height: 22px;
  }
  .header__phones .phone:before {
    width: 25px;
    height: 25px;
    border-radius: 3px;
  }
}
@media screen and (max-width: 767px) {
  .header {
    padding-top: 17px;
    padding-bottom: 18px;
  }
  .header .row {
    padding: 0 15px;
  }
  .header__grid {
    display: grid;
    align-items: flex-start;
    grid-template-areas: "header__logo-wrapper header__info" "header__address header__info";
    grid-column-gap: 12px;
    column-gap: 12px;
    grid-row-gap: 12px;
    row-gap: 12px;
  }
  .header__logo-wrapper {
    grid-area: header__logo-wrapper;
  }
  .header__info {
    grid-area: header__info;
  }
  .header__phones {
    max-width: 45px;
    font-size: 0;
    line-height: 0;
  }
  .header__phones .phone {
    grid-column-gap: 0;
    column-gap: 0;
  }
  .header__phones .phone:before {
    flex-shrink: 0;
    width: 45px;
    height: 45px;
  }
  .header__worktime {
    flex-shrink: 1;
    max-width: 110px;
    text-align: right;
    margin-top: 0;
    font-size: 14px;
    line-height: 16px;
  }
  .header__address {
    grid-area: header__address;
    grid-column-gap: 10px;
    column-gap: 10px;
    margin-left: 5px;
    margin-right: 0;
  }
  .header__address:before {
    width: 18px;
    height: 23px;
  }
  .header__address-affiliates {
    font-size: 14px;
    line-height: 17px;
  }
}
.first-screen {
  padding-top: 86px;
  padding-bottom: 50px;
}
.fs__grid {
  display: flex;
  align-items: flex-start;
  grid-column-gap: 60px;
  column-gap: 60px;
}
.fs__description {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: italic;
  position: relative;
  margin-top: 50px;
  padding: 26px 80px 31px 62px;
  font-size: 16px;
  line-height: 21px;
  color: #626262;
  color: var(--text_color);
  background-color: #fff;
  background-color: var(--white);
  box-shadow: 1px 5px 15px 0 #dae0ea;
  box-shadow: 1px 5px 15px 0 var(--bg_shadow);
  border-radius: 5px;
}
.fs__description:before {
  content: "";
  position: absolute;
  width: 76px;
  height: 108px;
  top: -36px;
  left: -17px;
  background-image: url(../i/59f7c52387a02dfa39fd6ccb6fe35100.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fs__description .accent_second {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: italic;
  margin-right: 3px;
}
.fs__title .accent_second {
  position: relative;
  top: -10px;
  left: -4px;
  font-size: 40px;
  line-height: 48px;
}
.fs__text {
  max-width: 592px;
  margin-top: 16px;
}
.fs__description-flag {
  position: absolute;
  top: 10px;
  right: 10px;
  border-right: 5px;
  overflow: hidden;
}
.fs__description-flag .image {
  border-radius: 5px;
}
.fs__photo-wrapper {
  position: relative;
  width: 100%;
  min-height: 437px;
}
.fs__photo-wrapper:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 80px;
  top: 73px;
  left: 258px;
  background-image: url(../i/b2ed6334f6fe17181b533d7e4e23a159.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 2;
}

.fs__subtitle {
  font-size: 26px;
  font-weight: 700;
  line-height: 45px;
  color: #3F4254;  
  margin-top: 40px;
}
.fs__photo-img {
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
}
.fs__photo-note {
  display: flex;
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #fc9;
  background-color: var(--bg_2);
  border-radius: 5px;
  overflow: hidden;
}
.fs__photo-time {
  display: flex;
  align-items: center;
  grid-column-gap: 9px;
  column-gap: 9px;
  padding: 5px 48px 5px 13px;
  color: #8d5926;
  color: var(--text_color_2);
}
.fs__photo-time:before {
  content: "";
  width: 25px;
  height: 25px;
  background-image: url(../i/c104484321cce7e730e8c71c094f9313.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fs__photo-text {
  position: relative;
  padding: 7px 13px 6px 0;
  color: #626262;
  color: var(--text_color);
  background-color: #fff;
  background-color: var(--white);
}
.fs__photo-text:before {
  content: "";
  position: absolute;
  width: 43px;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../i/58b7a9c5ae461a6f7cb0ded898f9022e.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  transform: translateX(-100%);
}
.fs__photo {
  position: absolute;
  max-width: 327px;
  height: 148px;
  margin-top: -20px;
  cursor: pointer;
  z-index: 1;
  transition: max-width 0.8s ease, height 0.8s ease, margin 0.8s ease;
}
.fs__photo:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(214, 151, 87, 0.8);
  background-color: var(--bg_4);
  border-radius: 5px;
  transition: background-color 0.5s ease;
}
.fs__photo.active {
  max-width: 100%;
  height: 100%;
  margin-top: 0;
  cursor: default;
  z-index: 0;
  transition: max-width 0.6s ease, height 0.6s ease, margin 0.6s ease;
}
.fs__photo.active:before {
  background-color: initial;
}
.fs__photo.active .fs__photo-note {
  top: auto;
  left: auto;
  right: 20px;
  bottom: 20px;
}
.fs__photo.active .fs__photo-time {
  grid-column-gap: 12px;
  column-gap: 12px;
  padding-left: 14px;
  padding-right: 53px;
}
.fs__photo.active .fs__photo-text {
  padding-right: 15px;
}
.fs__photo.active .fs__photo-text:before {
  width: 46px;
}
.fs__photo:first-child .fs__photo-note {
  background-color: #23b772;
  background-color: var(--accent_color_2);
}
.fs__photo:first-child .fs__photo-time {
  color: #fff;
  color: var(--white);
}
.fs__photo:first-child .fs__photo-time:before {
  background-image: url(../i/7fc47ddb71f3d0efaf8fcf5c400dab5a.svg);
}
.fs__bottom {
  display: flex;
  margin-top: 20px;
  background-color: #3c5584;
  background-color: var(--accent_color);
  border-radius: 5px;
}
.fs__prices-list {
  flex-grow: 1;
  width: 100%;
  max-width: 594px;
  padding: 45px 53px 32px 45px;
  border-right: 1px dashed #adb8cb;
  border-right: 1px dashed var(--bg_border);
}
.fs__prices-item:not(:first-child) {
  margin-top: 52px;
}
.fs__stages-header {
  position: relative;
  max-width: 306px;
}
.fs__prices-title {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  line-height: 34px;
  color: #fff;
  color: var(--white);
}

.fs__prices-title-implant {
  margin-bottom: 60px;
}

.fs__prices-title .accent {
  color: #fc9;
  color: var(--bg_2);
  text-transform: uppercase;
}
.fs__prices-image {
  position: absolute;
  right: 12px;
  top: -35px;
  transform: translateX(100%);
}

.fs__prices-image-implant {
  max-width: 140px;
}

.fs__prices-image-veneers {
  height: 200px;
  max-width: 200px;
}

.fs__stages-top-item {
  position: relative;
  padding-bottom: 19px;
}
.fs__stages-top-item:before {
  content: "";
  position: absolute;
  width: calc(100% + 90px);
  left: -40px;
  bottom: 0;
  border-bottom: 1px dashed #adb8cb;
  border-bottom: 1px dashed var(--bg_border);
}
.fs__stages-top-item:not(:first-child) {
  padding-top: 26px;
  padding-bottom: 27px;
}
.fs__stages-top-title {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: flex;
  grid-column-gap: 15px;
  column-gap: 15px;
  font-size: 26px;
  line-height: 31px;
  color: #fff;
  color: var(--white);
}
.fs__stages-top-title:before {
  content: "";
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  background-image: url(../i/f0dbb8eb2751054480e0a964263a1890.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fs__stages-prices {
  display: flex;
  align-items: center;
  grid-column-gap: 7px;
  column-gap: 7px;
  margin-top: 16px;
  color: #fc9;
  color: var(--text_color_4);
}
.fs__stages-price-old {
  font-weight: 300;
  font-size: 30px;
  line-height: 30px;
  text-decoration: line-through;
}
.fs__stages-price-new,
.fs__stages-price-old {
  font-family: Inter, sans-serif;
  font-style: normal;
}
.fs__stages-price-new {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
}
.fs__prices-grid {
  display: flex;
  grid-column-gap: 8px;
  column-gap: 8px;
  margin-top: 31px;
}
.fs__prices-container {
  text-align: center;
  width: 100%;
  max-width: 209px;
  padding: 15px 10px;
  background-color: #566d96;
  background-color: var(--bg_5);
  border-radius: 5px;
}
.fs__price-old {
  font-weight: 300;
  font-size: 30px;
  line-height: 30px;
  text-decoration: line-through;
}
.fs__price-new,
.fs__price-old {
  font-family: Inter, sans-serif;
  font-style: normal;
  color: #fff;
  color: var(--white);
}
.fs__price-new {
  font-weight: 700;
  margin-top: 5px;
  font-size: 24px;
  line-height: 24px;
}
.fs__prices-offer {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 18px;
  background-color: #fc9;
  background-color: var(--bg_2);
  color: #8d5926;
  color: var(--text_color_2);
  border-radius: 3px;
}
.fs__installment {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  width: 100%;
  max-width: 279px;
  padding: 10px 8px;
  font-size: 20px;
  line-height: 20px;
  background-color: #fff;
  background-color: var(--white);
  border-radius: 5px;
}
.fs__installment-text .accent {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
}
.fs__installment-text .small-text {
  font-size: 24px;
}
.fs__corners-top:after,
.fs__corners-top:before {
  content: "";
  position: absolute;
  top: 10px;
  width: 22px;
  height: 17px;
  background-image: url(../i/3edd9cea324daec798bb134c5e7dd65b.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fs__corners-top:before {
  right: 10px;
}
.fs__corners-top:after {
  left: 10px;
  transform: scaleX(-1);
}
.fs__corners-bottom:after,
.fs__corners-bottom:before {
  content: "";
  position: absolute;
  bottom: 10px;
  width: 22px;
  height: 17px;
  background-image: url(../i/3edd9cea324daec798bb134c5e7dd65b.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
.fs__corners-bottom:before {
  left: 10px;
}
.fs__corners-bottom:after {
  right: 10px;
  transform: rotate(180deg) scaleX(-1);
}
.fs__tooltip {
  max-height: 20px;
}
.fs__tooltip-text {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: 5px;
  column-gap: 5px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 17px;
  color: #adb8cb;
  color: var(--bg_border);
}
.fs__tooltip-text [data-js="tooltip-button"] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../i/cdedf421fc1222f6848dbbe2fa6138b7.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fs__gifts-wrapper {
  flex-grow: 1;
  padding: 40px 51px 46px 47px;
}
.button__wrapper_fs {
  margin-top: 15px;
}
.first-screen_surgical .fs__prices-list {
  padding-top: 58px;
  padding-bottom: 38px;
}
.first-screen_surgical .fs__prices-image {
  top: -42px;
}
.first-screen_surgical .fs__prices-grid {
  margin-top: 46px;
}
.first-screen_some-stages .fs__prices-list {
  max-width: 655px;
  padding: 43px 49px 27px 40px;
}
.first-screen_some-stages .fs__prices-grid {
  margin-top: 45px;
}
.first-screen_some-stages .fs__prices-container {
  max-width: 253px;
}
.first-screen_some-stages .fs__prices-offer {
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
}
.first-screen_some-stages .fs__installment {
  max-width: 304px;
}
.first-screen_some-stages .fs__tooltip-text {
  margin-top: 13px;
  margin-left: 38px;
}
.first-screen_some-stages .fs__gifts-wrapper {
  padding: 61px 40px 83px 45px;
  background-color: #496089;
  background-color: var(--bg_8);
}
.first-screen_some-stages .button__wrapper_fs {
  flex-direction: column;
  align-items: flex-start;
  grid-row-gap: 25px;
  row-gap: 25px;
}

.fs__photo-main {
  position: relative;
  width: 100%;
  min-height: 437px;
}

@media screen and (max-width: 1320px) {
  .first-screen {
    padding-top: 87px;
  }
  .fs__grid {
    justify-content: space-between;
    grid-column-gap: 24px;
    column-gap: 24px;
  }
  .fs__text {
    max-width: 460px;
    margin-top: 0;
  }
  .fs__title .accent_second {
    font-size: 36px;
    line-height: 45px;
  }
  .fs__description {
    margin-top: 40px;
    padding: 29px 35px 28px;
  }
  .fs__description-flag {
    max-width: 41px;
  }
  .fs__description-flag .image {
    border-radius: 4px;
  }
  .fs__photo-wrapper {
    max-width: 627px;
    min-height: 313px;
    margin-top: 27px;
  }
  .fs__photo-wrapper:before {
    width: 90px;
    height: 72px;
    top: 5px;
    left: 247px;
  }

  .fs__subtitle {
    font-size: 24px;
    line-height: 40px;
  }

  .fs__photo-main {
    max-width: 627px;
    min-height: 313px;
    margin-top: 27px;
  }

  .fs__photo-note {
    top: 10px;
    left: 10px;
  }
  .fs__photo {
    max-width: 290px;
    height: 131px;
    margin-top: -74px;
  }
  .fs__photo.active .fs__photo-note {
    top: auto;
    left: auto;
    right: 15px;
    bottom: 15px;
  }
  .fs__photo.active .fs__photo-time {
    padding-right: 48px;
    padding-bottom: 4px;
  }
  .fs__photo.active .fs__photo-text {
    padding-top: 6px;
  }
  .fs__photo.active .fs__photo-text:before {
    width: 43px;
  }
  .fs__bottom {
    margin-top: 35px;
  }
  .fs__prices-list {
    max-width: 478px;
    padding: 63px 30px 39px;
  }
  .fs__stages-header {
    max-width: 238px;
  }
  .fs__stages-top-item {
    padding-bottom: 24px;
  }
  .fs__stages-top-item:before {
    width: calc(100% + 62px);
    left: -35px;
  }
  .fs__stages-top-item:not(:first-child) {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .fs__stages-top-title {
    align-items: center;
  }
  .fs__stages-prices {
    margin-left: 45px;
  }
  .fs__prices-title {
    font-size: 24px;
    line-height: 29px;
  }
  .fs__prices-image {
    max-width: 186px;
    right: 2px;
    top: -39px;
  }
  .fs__prices-grid {
    margin-top: 39px;
  }
  .fs__prices-container {
    max-width: 200px;
    padding: 17px 8px;
  }
  .fs__price-old {
    font-size: 28px;
    line-height: 28px;
  }
  .fs__price-new {
    font-size: 22px;
    line-height: 22px;
  }
  .fs__installment {
    max-width: 210px;
    font-size: 18px;
    line-height: 18px;
  }
  .fs__installment-text .accent {
    font-size: 30px;
    line-height: 30px;
  }
  .fs__tooltip-text {
    margin-top: 15px;
    margin-left: 27px;
  }
  .fs__gifts-wrapper {
    padding: 30px;
  }
  .button__wrapper_fs {
    margin-top: 10px;
  }
  .button__wrapper_fs .button__info {
    display: flex;
    align-items: center;
    grid-column-gap: 10px;
    column-gap: 10px;
  }
  .first-screen_surgical .fs__prices-list {
    padding-top: 60px;
    padding-bottom: 42px;
  }
  .first-screen_surgical .fs__prices-item:not(:first-child) {
    margin-top: 38px;
  }
  .first-screen_surgical .fs__prices-image {
    max-width: 176px;
    top: -33px;
    right: 20px;
  }
  .first-screen_surgical .fs__prices-grid {
    margin-top: 39px;
  }
  .first-screen_some-stages .fs__prices-list {
    max-width: 100%;
    padding: 34px 27px 30px 35px;
  }
  .first-screen_some-stages .fs__prices-grid {
    justify-content: center;
    margin-top: 35px;
  }
  .first-screen_some-stages .fs__prices-container {
    max-width: 200px;
  }
  .first-screen_some-stages .fs__prices-offer {
    padding-left: 10px;
    padding-right: 10px;
  }
  .first-screen_some-stages .fs__tooltip-text {
    margin-top: 17px;
    margin-left: 26px;
  }
  .first-screen_some-stages .fs__gifts-wrapper {
    width: 100%;
    max-width: 453px;
    padding: 96px 30px 91px 27px;
  }
  .first-screen_some-stages .button__wrapper_fs {
    grid-row-gap: 20px;
    row-gap: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .first-screen {
    padding-top: 50px;
  }
  .fs__grid {
    grid-column-gap: 20px;
    column-gap: 20px;
  }
  .fs__text {
    max-width: 358px;
  }
  .fs__title .accent_second {
    top: -7px;
    left: -3px;
    font-size: 30px;
    line-height: 37px;
  }
  .fs__description {
    max-width: 352px;
    margin-top: 30px;
    padding: 19px 51px 19px 35px;
    font-size: 14px;
    line-height: 18px;
  }
  .fs__photo-wrapper {
    min-height: 236px;
    margin-top: 52px;
  }
  .fs__photo-wrapper:before {
    width: 64px;
    height: 51px;
    top: 7px;
    left: 165px;
  }

  .fs__subtitle {
    font-size: 22px;
    line-height: 34px;
  }

  .fs__photo-main {
    min-height: 236px;
    margin-top: 52px;
  }

  .fs__photo-note {
    border-radius: 3px;
  }
  .fs__photo-time {
    grid-column-gap: 5px;
    column-gap: 5px;
    padding: 4px 28px 4px 15px;
    font-size: 16px;
    line-height: 19px;
  }
  .fs__photo-time:before {
    width: 15px;
    height: 15px;
  }
  .fs__photo-text {
    padding: 5px 15px 5px 0;
    font-size: 14px;
    line-height: 17px;
  }
  .fs__photo-text:before {
    width: 27px;
    height: 27px;
    left: 1px;
    background-image: url(../i/8ef2e26372cd32d824d5acd70ae21952.svg);
  }
  .fs__photo {
    max-width: 210px;
    height: 95px;
    margin-top: -51px;
  }
  .fs__photo.active .fs__photo-note {
    right: 10px;
    bottom: 10px;
  }
  .fs__photo.active .fs__photo-time {
    padding-right: 28px;
  }
  .fs__photo.active .fs__photo-text {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .fs__photo.active .fs__photo-text:before {
    width: 27px;
  }
  .fs__photo:first-child .fs__photo-time {
    grid-column-gap: 5px;
    column-gap: 5px;
    padding: 4px 23px 4px 15px;
  }
  .fs__bottom {
    margin-top: 20px;
  }
  .fs__prices-list {
    max-width: 349px;
    padding: 56px 19px 53px 20px;
  }
  .fs__prices-title {
    font-size: 20px;
    line-height: 24px;
  }
  .fs__prices-title .accent {
    display: inline-block;
    margin-top: 3px;
  }
  .fs__stages-header {
    max-width: 196px;
  }
  .fs__stages-top-title {
    align-items: flex-start;
    max-width: 376px;
    grid-column-gap: 10px;
    column-gap: 10px;
    font-size: 20px;
    line-height: 24px;
  }
  .fs__stages-top-title:before {
    margin-top: 3px;
  }
  .fs__stages-top-item {
    padding-bottom: 20px;
  }
  .fs__stages-top-item:before {
    width: calc(100% + 37px);
    left: -20px;
  }
  .fs__stages-top-item:first-child .fs__stages-top-title {
    padding-right: 70px;
  }
  .fs__stages-top-item:not(:first-child) {
    padding-top: 20px;
  }
  .fs__stages-top-item:not(:first-child) .fs__stages-top-title {
    align-items: center;
  }
  .fs__stages-top-item:not(:first-child) .fs__stages-top-title:before {
    margin-top: 0;
  }
  .fs__stages-prices {
    margin-top: 10px;
    margin-left: 40px;
  }
  .fs__stages-price-old {
    font-size: 26px;
    line-height: 26px;
  }
  .fs__stages-price-new {
    font-size: 20px;
    line-height: 20px;
  }
  .fs__prices-image {
    max-width: 133px;
    top: -9px;
    right: 8px;
  }
  .fs__prices-grid {
    flex-direction: column;
    grid-row-gap: 10px;
    row-gap: 10px;
    margin-top: 28px;
  }
  .fs__prices-container {
    max-width: 100%;
    padding: 15px 16px 16px;
  }
  .fs__prices-price {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-gap: 5px;
    column-gap: 5px;
  }
  .fs__price-old {
    font-size: 26px;
    line-height: 26px;
  }
  .fs__price-new {
    margin-top: 0;
    font-size: 20px;
    line-height: 20px;
  }
  .fs__prices-offer {
    margin-top: 10px;
    padding: 4px 36px;
    font-size: 12px;
    line-height: 15px;
  }
  .fs__installment {
    max-width: 100%;
    padding: 16px 46px 20px;
    font-size: 16px;
    line-height: 16px;
  }
  .fs__installment-text .accent {
    font-size: 26px;
    line-height: 26px;
  }
  .fs__installment-text .small-text {
    font-size: 16px;
  }
  .fs__corners-top:before {
    right: 8px;
  }
  .fs__corners-bottom:before,
  .fs__corners-top:after {
    left: 8px;
  }
  .fs__corners-bottom:after {
    right: 8px;
  }
  .fs__tooltip-text {
    margin-top: 20px;
    margin-left: 0;
  }
  .fs__gifts-wrapper {
    padding: 25px 20px;
  }
  .button__wrapper_fs {
    align-items: center;
  }
  .first-screen_surgical .fs__prices-list {
    padding-top: 56px;
    padding-bottom: 53px;
  }
  .first-screen_surgical .fs__prices-item:not(:first-child) {
    margin-top: 44px;
  }
  .first-screen_surgical .fs__stages-header {
    max-width: 160px;
  }
  .first-screen_surgical .fs__prices-image {
    max-width: 164px;
    top: -37px;
    right: -159px;
    transform: none;
  }
  .first-screen_surgical .fs__prices-grid {
    margin-top: 32px;
  }
  .first-screen_some-stages .fs__prices-list {
    padding: 25px 17px 25px 20px;
  }
  .first-screen_some-stages .fs__prices-grid {
    max-width: 298px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
  }
  .first-screen_some-stages .fs__prices-container {
    max-width: 100%;
  }
  .first-screen_some-stages .fs__prices-offer {
    padding-left: 45px;
    padding-right: 45px;
  }
  .first-screen_some-stages .fs__tooltip-text {
    align-items: center;
    margin-top: 14px;
    margin-left: 0;
  }
  .first-screen_some-stages .fs__gifts-wrapper {
    flex-shrink: 0;
    max-width: 382px;
    padding: 74px 26px;
  }
  .first-screen_some-stages .button__wrapper_fs {
    align-items: center;
    grid-row-gap: 15px;
    row-gap: 15px;
  }
}
@media screen and (max-width: 767px) {
  .first-screen {
    padding-top: 40px;
  }
  .fs__grid {
    flex-direction: column;
    grid-row-gap: 54px;
    row-gap: 54px;
  }
  .fs__text {
    width: 100%;
    max-width: 100%;
  }
  .fs__description {
    max-width: 330px;
    margin-top: 28px;
    margin-left: auto;
    margin-right: auto;
    padding: 22px 35px;
  }
  .fs__description:before {
    top: -34px;
  }
  .fs__description .accent_second {
    margin-right: 0;
  }
  .fs__title {
    max-width: 592px;
  }
  .fs__title .accent_second {
    font-size: 26px;
    line-height: 33px;
  }
  .fs__description-flag {
    top: 5px;
    right: 5px;
  }
  .fs__description-flag .image {
    border-radius: 5px;
  }
  .fs__photo-wrapper {
    max-width: 330px;
    min-height: 230px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .fs__photo-wrapper:before {
    top: 12px;
    left: 140px;
  }

  .fs__subtitle {
    font-size: 18px;
    line-height: 30px;
  }

  .fs__photo-main {
    max-width: 330px;
        min-height: 230px;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
  }

  .fs__photo-time {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 23px;
  }
  .fs__photo-text {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .fs__photo {
    max-width: 190px;
    height: 86px;
    margin-top: -31px;
  }
  .fs__photo.active .fs__photo-text {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .fs__photo:first-child .fs__photo-time {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .fs__bottom {
    flex-direction: column;
    margin-left: -15px;
    margin-right: -15px;
  }
  .fs__prices-list {
    max-width: 100%;
    padding: 52px 15px 22px;
    border-right: none;
    border-bottom: 1px dashed #adb8cb;
    border-bottom: 1px dashed var(--bg_border);
  }
  .fs__stages-header {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
  .fs__stages-top-title {
    max-width: 100%;
    grid-column-gap: 12px;
    column-gap: 12px;
    font-size: 21px;
    line-height: 25px;
  }
  .fs__stages-top-item {
    padding-bottom: 25px;
  }
  .fs__stages-top-item:first-child .fs__stages-top-title {
    align-items: center;
    padding-right: 0;
  }
  .fs__stages-top-item:first-child .fs__stages-top-title:before {
    margin-top: 0;
  }
  .fs__stages-top-item:not(:first-child) {
    padding-top: 30px;
  }
  .fs__stages-prices {
    margin-left: 42px;
  }
  .fs__prices-title {
    padding-right: 110px;
    font-size: 21px;
    line-height: 25px;
  }
  .fs__prices-title .accent {
    margin-top: 1px;
  }
  .fs__prices-image {
    max-width: 162px;
    top: -30px;
    right: 116px;
  }
  .fs__prices-grid {
    flex-direction: row;
    grid-column-gap: 5px;
    column-gap: 5px;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
  }
  .fs__prices-container {
    max-width: 152px;
    padding: 12px 5px 10px;
  }
  .fs__prices-price {
    flex-direction: column;
    grid-row-gap: 4px;
    row-gap: 4px;
  }
  .fs__price-old {
    font-family: Inter, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 22px;
    line-height: 22px;
  }
  .fs__price-new {
    font-size: 16px;
    line-height: 16px;
  }
  .fs__prices-offer {
    padding-left: 5px;
    padding-right: 5px;
  }
  .fs__installment {
    padding: 6px;
  }
  .fs__corners-top:after,
  .fs__corners-top:before {
    width: 17px;
    height: 14px;
    top: 6px;
  }
  .fs__corners-top:before {
    right: 6px;
  }
  .fs__corners-top:after {
    left: 6px;
  }
  .fs__corners-bottom:after,
  .fs__corners-bottom:before {
    width: 17px;
    height: 14px;
    bottom: 6px;
  }
  .fs__corners-bottom:before {
    left: 6px;
  }
  .fs__corners-bottom:after {
    right: 6px;
  }
  .fs__tooltip-text {
    margin-top: 10px;
    font-size: 12px;
    line-height: 15px;
  }
  .fs__tooltip-text [data-js="tooltip-button"] {
    width: 15px;
    height: 15px;
  }
  .fs__tooltip {
    max-height: 15px;
  }
  .fs__gifts-wrapper {
    padding: 25px 15px 56px;
  }
  .first-screen_surgical .fs__prices-list {
    padding-top: 52px;
    padding-bottom: 19px;
  }
  .first-screen_surgical .fs__stages-header {
    max-width: 330px;
  }
  .first-screen_surgical .fs__prices-title {
    padding-right: 152px;
  }
  .first-screen_surgical .fs__prices-image {
    max-width: 172px;
    top: -40px;
    right: -11px;
  }
  .first-screen_surgical .fs__prices-grid {
    margin-top: 26px;
  }
  .first-screen_some-stages .fs__prices-list {
    padding: 35px 15px 26px;
  }
  .first-screen_some-stages .fs__prices-grid {
    max-width: 330px;
    margin-top: 30px;
  }
  .first-screen_some-stages .fs__prices-container {
    max-width: 152px;
  }
  .first-screen_some-stages .fs__prices-offer {
    padding-left: 16px;
    padding-right: 16px;
  }
  .first-screen_some-stages .fs__tooltip-text {
    margin-top: 10px;
  }
  .first-screen_some-stages .fs__gifts-wrapper {
    max-width: 100%;
    padding: 35px 15px 56px;
  }
  .first-screen_some-stages .button__wrapper_fs {
    grid-row-gap: 20px;
    row-gap: 20px;
  }
}
.thanks {
  padding-top: 75px;
}
.thanks__breadcrumbs-list {
  display: flex;
}
.thanks__breadcrumbs-item {
  font-size: 18px;
  line-height: 22px;
  color: #adb8cb;
  color: var(--bg_border);
}
.thanks__breadcrumbs-item:not(:first-child) {
  position: relative;
  margin-left: 6px;
  padding-left: 10px;
}
.thanks__breadcrumbs-item:not(:first-child):before {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: normal;
  content: "/";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  line-height: 22px;
  color: #adb8cb;
  color: var(--bg_border);
}
.thanks__breadcrumbs-item:last-child {
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.thanks__breadcrumbs-item:last-child,
.thanks__breadcrumbs-item:last-child:before {
  color: #3c5584;
  color: var(--accent_color);
}
.thanks__text {
  display: flex;
  align-items: center;
  grid-column-gap: 117px;
  column-gap: 117px;
  margin-top: 37px;
}
.thanks__title {
  max-width: 631px;
  line-height: 53px;
}
.thanks__notice {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: italic;
  position: relative;
  max-width: 482px;
  padding: 21px 26px 21px 55px;
  font-size: 20px;
  line-height: 26px;
  background-color: #fff;
  background-color: var(--white);
  box-shadow: 1px 5px 15px 0 #dae0ea;
  box-shadow: 1px 5px 15px 0 var(--bg_shadow);
  color: #626262;
  color: var(--text_color);
  border-radius: 5px;
}
.thanks__notice:before {
  content: "";
  position: absolute;
  width: 76px;
  height: 108px;
  top: -36px;
  left: -17px;
  background-image: url(../i/59f7c52387a02dfa39fd6ccb6fe35100.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.thanks__notice .bold {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: italic;
}
.thanks__grid {
  display: flex;
  justify-content: center;
  margin-top: 60px;
  background-color: #3c5584;
  background-color: var(--accent_color);
  border-radius: 5px;
}
.thanks__gifts-title {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 29px;
  color: #fff;
  color: var(--white);
}
.thanks__gifts-wrapper {
  position: relative;
  width: 100%;
  max-width: 647px;
  padding: 50px 55px 50px 40px;
}
.thanks__gifts-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border-right: 1px dashed #adb8cb;
  border-right: 1px dashed var(--bg_border);
}
.thanks__gifts {
  margin-top: 35px;
}
.thanks__gifts .gifts__list {
  padding-top: 24px;
  padding-bottom: 32px;
  border-radius: 5px 5px 0 0;
}
.thanks__gifts .gifts__item:not(:first-child) {
  margin-top: 23px;
  padding-top: 24px;
}
.thanks__gifts-total {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  font-size: 24px;
  line-height: 17px;
  background-color: #23b772;
  background-color: var(--accent_color_2);
  border-radius: 0 0 5px 5px;
}
.thanks__gifts-total,
.thanks__installment-text {
  color: #fff;
  color: var(--white);
}
.thanks__installment-text .accent {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  color: #fff;
  color: var(--white);
}
.thanks__installment-text .small-text {
  font-size: 24px;
}
.thanks__total-price .line-through {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 18px;
}
.thanks__total-price .bold {
  font-size: 30px;
  line-height: 33px;
}
.thanks__total-price .bold .small-text {
  font-size: 22px;
}
.thanks__total-grid {
  display: flex;
  align-items: center;
  grid-column-gap: 15px;
  column-gap: 15px;
  max-height: 33px;
}
.thanks__prices {
  width: 100%;
  max-width: 633px;
  padding: 50px 40px 50px 27px;
}
.thanks__prices-text {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 29px;
  color: #fff;
  color: var(--white);
}
.thanks__prices-list {
  width: 100%;
  margin-top: 35px;
  padding: 40px 35px 35px;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
  border-radius: 5px;
}
.thanks__prices-item:not(:first-child) {
  margin-top: 52px;
}
.thanks__stages-header {
  position: relative;
  max-width: 306px;
}
.thanks__prices-image {
  position: absolute;
  right: 12px;
  top: -35px;
  transform: translateX(100%);
  z-index: 1;
}
.thanks__prices-title {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  line-height: 34px;
  color: #3f4254;
  color: var(--second_color);
}
.thanks__prices-title .accent {
  color: #3c5584;
  color: var(--accent_color);
  text-transform: uppercase;
}
.thanks__prices-grid {
  display: flex;
  grid-column-gap: 10px;
  column-gap: 10px;
  margin-top: 30px;
}
.thanks__prices-container {
  text-align: center;
  width: 100%;
  max-width: 220px;
  padding: 15px 10px;
  background-color: #fff;
  background-color: var(--white);
  border-radius: 5px;
}
.thanks__price-old {
  font-weight: 300;
  font-size: 30px;
  line-height: 30px;
  color: #adb8cb;
  color: var(--bg_border);
  text-decoration: line-through;
}
.thanks__price-new,
.thanks__price-old {
  font-family: Inter, sans-serif;
  font-style: normal;
}
.thanks__price-new {
  font-weight: 700;
  margin-top: 5px;
  font-size: 24px;
  line-height: 24px;
  color: #3c5584;
  color: var(--accent_color);
}
.thanks__prices-offer {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 18px;
  background-color: #fc9;
  background-color: var(--bg_2);
  color: #8d5926;
  color: var(--text_color_2);
  border-radius: 3px;
}
.thanks__installment {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  width: 100%;
  max-width: 266px;
  padding: 10px 8px;
  font-size: 20px;
  line-height: 20px;
  background-color: #3c5584;
  background-color: var(--accent_color);
  border-radius: 5px;
}
.thanks__corners-top:after,
.thanks__corners-top:before {
  content: "";
  position: absolute;
  top: 10px;
  width: 22px;
  height: 17px;
  background-image: url(../i/3edd9cea324daec798bb134c5e7dd65b.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.thanks__corners-top:before {
  right: 10px;
}
.thanks__corners-top:after {
  left: 10px;
  transform: scaleX(-1);
}
.thanks__corners-bottom:after,
.thanks__corners-bottom:before {
  content: "";
  position: absolute;
  bottom: 10px;
  width: 22px;
  height: 17px;
  background-image: url(../i/3edd9cea324daec798bb134c5e7dd65b.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
.thanks__corners-bottom:before {
  left: 10px;
}
.thanks__corners-bottom:after {
  right: 10px;
  transform: rotate(180deg) scaleX(-1);
}
.thanks__tooltip {
  max-height: 20px;
}
.thanks__tooltip-text {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: 5px;
  column-gap: 5px;
  margin-top: 14px;
  font-size: 14px;
  line-height: 17px;
  color: #626262;
  color: var(--text_color);
}
.thanks__tooltip-text [data-js="tooltip-button"] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../i/cdedf421fc1222f6848dbbe2fa6138b7.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1320px) {
  .thanks {
    padding-top: 60px;
  }
  .thanks__text {
    justify-content: space-between;
    grid-column-gap: 34px;
    column-gap: 34px;
    margin-top: 33px;
  }
  .thanks__title {
    max-width: 523px;
    font-size: 32px;
    line-height: 39px;
  }
  .thanks__notice {
    max-width: 416px;
    padding-right: 32px;
    padding-left: 40px;
    font-size: 18px;
    line-height: 23px;
  }
  .thanks__notice:before {
    top: -34px;
    left: -19px;
  }
  .thanks__grid {
    margin-top: 40px;
  }
  .thanks__gifts-wrapper {
    max-width: 100%;
    padding: 39px 18px 39px 25px;
  }
  .thanks__gifts-title {
    font-size: 20px;
    line-height: 24px;
  }
  .thanks__gifts {
    margin-top: 20px;
  }
  .thanks__gifts .gifts__list {
    padding: 30px 15px 26px;
  }
  .thanks__gifts .gifts__item:not(:first-child) {
    margin-top: 19px;
    padding-top: 20px;
  }
  .thanks__gifts-total {
    padding-left: 15px;
    padding-right: 15px;
  }
  .thanks__prices {
    width: auto;
    max-width: 100%;
    min-width: 494px;
    padding: 39px 25px 39px 19px;
  }
  .thanks__prices-text {
    margin-right: -3px;
    font-size: 20px;
    line-height: 24px;
  }
  .thanks__prices-list {
    margin-top: 20px;
    padding: 40px 20px 32px;
  }
  .thanks__stages-header {
    max-width: 267px;
  }
  .thanks__prices-title {
    font-size: 24px;
    line-height: 29px;
  }
  .thanks__prices-image {
    max-width: 186px;
    right: 46px;
    top: -38px;
  }
  .thanks__prices-grid {
    margin-top: 25px;
  }
  .thanks__prices-container {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .thanks__price-old {
    font-size: 28px;
    line-height: 28px;
  }
  .thanks__price-new {
    font-size: 22px;
    line-height: 22px;
  }
  .thanks__prices-offer {
    padding-left: 8px;
    padding-right: 8px;
  }
  .thanks__installment {
    min-width: 210px;
    max-width: 100%;
  }
  .thanks__installment-text {
    font-size: 18px;
    line-height: 18px;
  }
  .thanks__installment-text .accent {
    display: inline-block;
    margin-bottom: 3px;
    font-size: 30px;
    line-height: 30px;
  }
  .thanks__tooltip-text {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1150px) {
.form__submit-wrapper {
  flex-direction: column;
  align-items: center;
}

.form__group, .input {
  max-width: 260px;
}
}

@media screen and (max-width: 1023px) {
  .thanks {
    padding-top: 50px;
  }
  .thanks__text {
    flex-direction: column;
    align-items: flex-start;
    grid-row-gap: 53px;
    row-gap: 53px;
    margin-top: 40px;
  }
  .thanks__title {
    font-size: 28px;
    line-height: 34px;
  }
  .thanks__notice {
    max-width: 570px;
    padding-right: 30px;
    padding-bottom: 22px;
  }
  .thanks__grid {
    margin-top: 50px;
    margin-left: -25px;
    margin-right: -25px;
    border-radius: 0;
  }
  .thanks__gifts-wrapper {
    padding: 51px 23px 40px 25px;
  }
  .thanks__gifts-title {
    font-size: 18px;
    line-height: 22px;
  }
  .thanks__gifts {
    margin-top: 31px;
  }
  .thanks__gifts .gifts__list {
    padding-top: 27px;
    padding-bottom: 19px;
  }
  .thanks__gifts .gifts__item:not(:first-child) {
    margin-top: 14px;
    padding-top: 15px;
  }
  .thanks__gifts-total {
    font-size: 22px;
    line-height: 18px;
  }
  .thanks__total-price .line-through {
    font-size: 20px;
  }
  .thanks__total-grid {
    grid-column-gap: 10px;
    column-gap: 10px;
  }
  .thanks__prices {
    min-width: 389px;
    padding: 40px 25px 30px 24px;
  }
  .thanks__prices-text {
    margin-right: 0;
    font-size: 18px;
    line-height: 22px;
  }
  .thanks__prices-list {
    min-width: 340px;
    padding: 29px 15px 24px;
  }
  .thanks__prices-list:after {
    right: -24px;
  }
  .thanks__stages-header {
    max-width: 208px;
  }
  .thanks__prices-title {
    font-size: 20px;
    line-height: 24px;
  }
  .thanks__prices-title .accent {
    display: inline-block;
    margin-top: 3px;
  }
  .thanks__prices-image {
    max-width: 133px;
    right: 30px;
    top: -22px;
  }
  .thanks__prices-grid {
    flex-direction: column;
    grid-row-gap: 10px;
    row-gap: 10px;
    margin-top: 21px;
  }
  .thanks__prices-container {
    max-width: 100%;
    padding-top: 15px;
    padding-bottom: 16px;
  }
  .thanks__prices-price {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-gap: 5px;
    column-gap: 5px;
  }
  .thanks__price-old {
    font-size: 26px;
    line-height: 26px;
  }
  .thanks__price-new {
    margin-top: 0;
    font-size: 20px;
    line-height: 20px;
  }
  .thanks__prices-offer {
    min-width: 190px;
    margin-top: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 12px;
    line-height: 15px;
  }
  .thanks__installment {
    min-width: auto;
    padding: 16px 46px 20px;
  }
  .thanks__installment-text {
    font-size: 16px;
    line-height: 16px;
  }
  .thanks__installment-text .accent {
    margin-bottom: 2px;
    font-size: 26px;
    line-height: 26px;
  }
  .thanks__installment-text .small-text {
    font-size: 16px;
    line-height: 16px;
  }
  .thanks__corners-top:before {
    right: 8px;
  }
  .thanks__corners-bottom:before,
  .thanks__corners-top:after {
    left: 8px;
  }
  .thanks__corners-bottom:after {
    right: 8px;
  }
  .thanks__prices-gift {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 19px;
  }
  .thanks__prices-gift:before {
    width: 25px;
    height: 25px;
  }
  .thanks__tooltip-text {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .thanks {
    padding-top: 36px;
  }
  .thanks__breadcrumbs-item,
  .thanks__breadcrumbs-item:not(:first-child):before {
    font-size: 15px;
    line-height: 18px;
  }
  .thanks__text {
    grid-row-gap: 38px;
    row-gap: 38px;
  }
  .thanks__title {
    font-size: 23px;
    line-height: 28px;
  }
  .thanks__notice {
    max-width: 340px;
    margin-left: -5px;
    margin-right: -5px;
    padding: 22px 29px 22px 38px;
    font-size: 14px;
    line-height: 18px;
  }
  .thanks__grid {
    flex-direction: column;
    grid-row-gap: 0;
    row-gap: 0;
    margin-top: 39px;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 5px;
  }
  .thanks__gifts-wrapper {
    padding: 40px 15px 39px;
    border-bottom: 1px dashed #adb8cb;
    border-bottom: 1px dashed var(--bg_border);
  }
  .thanks__gifts-wrapper:after {
    display: none;
  }
  .thanks__gifts-title {
    font-size: 20px;
    line-height: 24px;
  }
  .thanks__gifts {
    margin-top: 25px;
  }
  .thanks__gifts .gifts__list {
    padding-top: 18px;
    padding-bottom: 10px;
  }
  .thanks__gifts .gifts__item:not(:first-child) {
    margin-top: 7px;
    padding-top: 8px;
  }
  .thanks__gifts-total {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    padding: 18px 30px 19px 15px;
    font-size: 20px;
  }
  .thanks__prices {
    display: flex;
    flex-direction: column;
    min-width: auto;
    padding: 35px 15px 44px;
  }
  .thanks__prices-text {
    font-size: 20px;
    line-height: 24px;
  }
  .thanks__prices-list {
    align-self: center;
    width: calc(100% + 10px);
    min-width: auto;
    max-width: 340px;
    margin-top: 25px;
    margin-left: -5px;
    margin-right: -5px;
    padding: 39px 15px 32px;
    overflow: hidden;
  }
  .thanks__stages-header {
    max-width: 200px;
  }
  .thanks__prices-title .accent {
    margin-top: 0;
  }
  .thanks__prices-image {
    max-width: 162px;
    right: 3px;
    top: -40px;
  }
  .thanks__prices-grid {
    flex-direction: row;
    grid-column-gap: 5px;
    column-gap: 5px;
    margin-top: 24px;
  }
  .thanks__prices-container {
    max-width: 148px;
    padding: 12px 8px 10px;
  }
  .thanks__prices-price {
    flex-direction: column;
    grid-row-gap: 3px;
    row-gap: 3px;
  }
  .thanks__price-old {
    font-size: 22px;
    line-height: 22px;
  }
  .thanks__price-new {
    font-size: 16px;
    line-height: 16px;
  }
  .thanks__prices-offer {
    min-width: auto;
    margin-top: 11px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .thanks__installment {
    max-width: 157px;
    padding: 8px 6px;
  }
  .thanks__installment-text .accent {
    font-size: 24px;
    line-height: 24px;
  }
  .thanks__corners-top:after,
  .thanks__corners-top:before {
    width: 17px;
    height: 14px;
    top: 6px;
  }
  .thanks__corners-top:before {
    right: 6px;
  }
  .thanks__corners-top:after {
    left: 6px;
  }
  .thanks__corners-bottom:after,
  .thanks__corners-bottom:before {
    width: 17px;
    height: 14px;
    bottom: 6px;
  }
  .thanks__corners-bottom:before {
    left: 6px;
  }
  .thanks__corners-bottom:after {
    right: 6px;
  }
  .thanks__prices-gift {
    margin-top: 4px;
  }
  .thanks__tooltip-text {
    margin-top: 11px;
    font-size: 12px;
    line-height: 15px;
  }
  .thanks__tooltip {
    max-height: 15px;
  }
  .thanks__tooltip [data-js="tooltip-button"] {
    width: 15px;
    height: 15px;
  }
}
.employees {
  padding-top: 145px;
  padding-bottom: 144px;
}
.employees__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  grid-column-gap: 46px;
  column-gap: 46px;
}
.employees__text {
  max-width: 738px;
  transform: translateY(20px);
  opacity: 0;
  transition: 0.3s ease 0.1s;
  transition-property: opacity, transform;
}
.employees__text.animate-active {
  transform: translateY(0);
  opacity: 1;
}
.employees__title {
  margin-top: 10px;
}
.employees__subtitle {
  font-size: 30px;
  line-height: 39px;
}
.employees__description {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: italic;
  position: relative;
  max-width: 485px;
  padding: 25px 30px 25px 50px;
  font-size: 20px;
  line-height: 26px;
  color: #626262;
  color: var(--text_color);
  background-color: #fff;
  background-color: var(--white);
  box-shadow: 1px 5px 15px 0 #dae0ea;
  box-shadow: 1px 5px 15px 0 var(--bg_shadow);
  border-radius: 5px;
  transform: translateY(20px);
  opacity: 0;
  transition: 0.3s ease 0.3s;
  transition-property: opacity, transform;
}
.employees__description:before {
  content: "";
  position: absolute;
  width: 76px;
  height: 107px;
  top: -33px;
  left: -16px;
  background-image: url(../i/59f7c52387a02dfa39fd6ccb6fe35100.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.employees__description.animate-active {
  transform: translateY(0);
  opacity: 1;
}
.employees__description .accent_second {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: italic;
}
.employees__description br {
  display: none;
}
.employees__wrapper {
  margin-top: 60px;
  transform: translateY(20px);
  opacity: 0;
  transition: 0.3s ease 0.6s;
  transition-property: opacity, transform;
}
.employees__wrapper.animate-active {
  transform: translateY(0);
  opacity: 1;
}
.employees__list {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 25px;
  row-gap: 25px;
  margin-left: -12px;
  margin-right: -12px;
}
.employees__list > * {
  flex: 0 1 calc(33.33% - 24px);
  margin-left: 12px;
  margin-right: 12px;
}
.employees__item {
  display: none;
  position: relative;
  padding: 19px;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
  border: 1px solid #adb8cb;
  border: 1px solid var(--bg_border);
  border-radius: 5px;
}
.employees__info,
.employees__item.visible {
  display: flex;
  flex-direction: column;
}
.employees__info {
  position: relative;
  height: 100%;
  z-index: 1;
}
.employees__experience {
  font-weight: 700;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 220px;
  padding: 6px 12px;
  font-size: 22px;
  line-height: 27px;
  color: #fff;
  color: var(--white);
  background-color: #3c5584;
  background-color: var(--accent_color);
  border-radius: 5px;
}
.employees__experience,
.employees__profession {
  font-family: Inter, sans-serif;
  font-style: normal;
}
.employees__profession {
  font-weight: 600;
  max-width: 208px;
  margin-top: 24px;
  margin-left: 12px;
  line-height: 20px;
  color: #3c5584;
  color: var(--accent_color);
}
.employees__fio {
  max-width: 208px;
  margin-top: 15px;
  margin-left: 12px;
  margin-bottom: 25px;
}
.employees__feature {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  max-width: 244px;
  min-height: 137px;
  margin-top: auto;
  padding: 15px 26px;
  font-size: 16px;
  line-height: 21px;
  color: #3c5584;
  color: var(--accent_color);
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid #adb8cb;
  border: 1px solid var(--bg_border);
  border-radius: 5px;
}
.employees__corners-top:after,
.employees__corners-top:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 15px;
  top: 12px;
  background-image: url(../i/4bac678499ad8b781fbf8e9c2a6c7b86.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.employees__corners-top:before {
  left: 12px;
  transform: scaleX(-1);
}
.employees__corners-top:after {
  right: 12px;
}
.employees__corners-bottom:after,
.employees__corners-bottom:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 15px;
  bottom: 12px;
  background-image: url(../i/4bac678499ad8b781fbf8e9c2a6c7b86.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
.employees__corners-bottom:before {
  right: 12px;
  transform: rotate(180deg) scaleX(-1);
}
.employees__corners-bottom:after {
  left: 12px;
}
.employees__image {
  position: absolute;
  max-width: 188px;
  top: 26px;
  right: 0;
}
.employees__works-wrapper {
  position: relative;
  margin-top: 21px;
  padding-top: 20px;
}
.employees__works-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: calc(100% + 40px);
  border-top: 1px dashed #adb8cb;
  border-top: 1px dashed var(--bg_border);
}
.employees__slider-list {
  max-width: 320px;
}
.employees__works {
  display: flex;
  grid-column-gap: 2px;
  column-gap: 2px;
}
.employees__works-photo {
  position: relative;
  height: 100%;
  min-height: 187px;
}
.employees__works-photo:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(214, 151, 87, 0.8);
  background-color: var(--bg_4);
  border-radius: 5px;
  transition: background-color 0.5s ease;
}
.employees__works-photo .image {
  height: 100%;
  object-fit: cover;
  object-position: right;
  border-radius: 5px;
}
.employees__works-item {
  position: relative;
  width: 30%;
  max-width: 274px;
  cursor: pointer;
  overflow: hidden;
  transition: width 0.5s ease;
}
.employees__works-item:before {
  content: "";
  position: absolute;
  width: 75px;
  height: 59px;
  top: 12px;
  right: 12px;
  background-image: url(../i/ad80a71fd1ea2d7c145388bf9764c35b.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  opacity: 1;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}
.employees__works-item.active {
  width: 100%;
  cursor: default;
}
.employees__works-item.active:before {
  opacity: 0;
}
.employees__works-item.active .employees__works-photo:before {
  background-color: initial;
}
.employees__works-text {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 5px 12px 5px 0;
  font-size: 16px;
  line-height: 19px;
  color: #626262;
  color: var(--text_color);
  background-color: #fff;
  background-color: var(--white);
  border-radius: 0 5px 5px 0;
}
.employees__works-text:before {
  content: "";
  position: absolute;
  width: 29px;
  height: 29px;
  top: 0;
  left: 0;
  background-image: url(../i/dfe78c282dc1d3720271685bbe09f96e.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  transform: translateX(-100%);
}
.employees__reviews-link {
  position: absolute;
  font-size: 14px;
  line-height: 17px;
  bottom: -16px;
  transform: translateY(100%);
}
.employees__reviews-link.link_dashed > span {
  border-bottom: 1px dashed #adb8cb;
  border-bottom: 1px dashed var(--bg_border);
}
.employees__reviews-link.link_dashed:hover > span {
  color: #111637;
  color: var(--common_color);
  border-bottom: 1px dashed transparent;
}
.employees__nav {
  display: flex;
  justify-content: flex-end;
  position: relative;
  max-width: 90px;
  grid-column-gap: 10px;
  column-gap: 10px;
  margin-top: 8px;
  margin-left: auto;
  z-index: 1;
}
.employees__bottom {
  position: relative;
  margin-top: 21px;
  padding-top: 20px;
}
.employees__bottom:before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: calc(100% + 40px);
  border-top: 1px dashed #adb8cb;
  border-top: 1px dashed var(--bg_border);
}
.employees__bottom-text {
  display: flex;
  min-height: 84px;
  grid-column-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
  line-height: 21px;
}
.employees__bottom-text:before {
  content: "";
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  background-image: url(../i/69b04eac463c7a7368cd0a5d1a5f3acd.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.employees__show-more-btn {
  max-width: 330px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1320px) {
  .employees {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .employees__header {
    grid-column-gap: 36px;
    column-gap: 36px;
  }
  .employees__text {
    flex-shrink: 0;
    max-width: 622px;
    margin-top: 20px;
  }
  .employees__title {
    margin-top: 8px;
  }
  .employees__subtitle {
    font-size: 26px;
    line-height: 34px;
  }
  .employees__description {
    padding-right: 20px;
    padding-left: 35px;
    font-size: 18px;
    line-height: 23px;
  }
  .employees__description:before {
    left: -20px;
  }
  .employees__wrapper {
    margin-top: 50px;
  }
  .employees__list {
    margin-left: -17px;
    margin-right: -17px;
  }
  .employees__list > * {
    flex: 0 1 calc(50% - 34px);
    margin-left: 17px;
    margin-right: 17px;
  }
  .employees__item {
    padding: 29px 24px;
  }
  .employees__image {
    max-width: 100%;
    top: 17px;
  }
  .employees__works-wrapper:before {
    width: calc(100% + 48px);
    left: -24px;
  }
  .employees__works {
    grid-column-gap: 3px;
    column-gap: 3px;
  }
  .employees__works-item {
    flex-grow: 1;
    width: 34%;
    max-width: 296px;
  }
  .employees__works-item:before {
    width: 79px;
    height: 62px;
    top: 13px;
    right: 13px;
  }
  .employees__works-photo {
    min-height: 202px;
  }
  .employees__nav {
    margin-top: 15px;
  }
  .employees__reviews-link {
    bottom: -23px;
  }
  .employees__bottom-text {
    min-height: 90px;
    grid-column-gap: 15px;
    column-gap: 15px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .employees {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .employees__header {
    flex-direction: column;
    grid-row-gap: 40px;
    row-gap: 40px;
  }
  .employees__text {
    margin-top: 0;
  }
  .employees__subtitle {
    font-size: 22px;
    line-height: 29px;
  }
  .employees__description {
    width: 100%;
    max-width: 586px;
    padding-right: 35px;
    font-size: 16px;
    line-height: 21px;
  }
  .employees__description br {
    display: block;
  }
  .employees__list {
    margin-left: -9px;
    margin-right: -9px;
  }
  .employees__list > * {
    flex: 0 1 calc(50% - 18px);
    margin-left: 9px;
    margin-right: 9px;
  }
  .employees__item {
    padding: 19px 19px 27px;
  }
  .employees__experience {
    padding: 8px 10px;
    font-size: 20px;
    line-height: 24px;
  }
  .employees__profession {
    margin-top: 21px;
    line-height: 18px;
  }
  .employees__fio,
  .employees__profession {
    margin-left: 10px;
    padding-right: 40px;
    font-size: 16px;
  }
  .employees__fio {
    margin-top: 11px;
    margin-bottom: 27px;
    line-height: 19px;
  }
  .employees__feature {
    max-width: 190px;
    padding: 23px 10px;
    font-size: 14px;
    line-height: 18px;
  }
  .employees__corners-top:before {
    left: 10px;
  }
  .employees__corners-bottom:before,
  .employees__corners-top:after {
    right: 10px;
  }
  .employees__corners-bottom:after {
    left: 10px;
  }
  .employees__image {
    max-width: 178px;
    top: 34px;
  }
  .employees__works-wrapper:before {
    width: calc(100% + 38px);
    left: -19px;
  }
  .employees__slider-list {
    max-width: 310px;
  }
  .employees__works-item {
    width: 30%;
  }
  .employees__works-item:before {
    width: 64px;
    height: 51px;
    top: 10px;
    right: 0;
  }
  .employees__works {
    grid-column-gap: 2px;
    column-gap: 2px;
  }
  .employees__works-photo {
    min-height: 162px;
    max-height: 162px;
  }
  .employees__works-text {
    bottom: 7px;
    right: 7px;
    padding: 2px 6px 2px 0;
    font-size: 14px;
    line-height: 17px;
  }
  .employees__works-text:before {
    width: 21px;
    height: 21px;
  }
  .employees__nav {
    margin-top: 20px;
    grid-column-gap: 11px;
    column-gap: 11px;
  }
  .employees__reviews-link {
    bottom: -28px;
  }
  .employees__bottom {
    margin-top: 20px;
    padding-top: 19px;
  }
  .employees__bottom:before {
    width: calc(100% + 18px);
    left: -9px;
  }
  .employees__bottom-text {
    grid-column-gap: 16px;
    column-gap: 16px;
    padding-right: 0;
    font-size: 14px;
    line-height: 18px;
  }
  .employees__show-more-btn {
    margin-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  .employees {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .employees__header {
    grid-row-gap: 31px;
    row-gap: 31px;
  }
  .employees__title {
    margin-top: 5px;
  }
  .employees__subtitle {
    font-size: 20px;
    line-height: 24px;
  }
  .employees__description {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    padding: 22px 16px 22px 30px;
    font-size: 14px;
    line-height: 18px;
  }
  .employees__description:before {
    width: 62px;
    height: 87px;
    top: -28px;
    left: -15px;
  }
  .employees__wrapper {
    margin-top: 20px;
  }
  .employees__slider-list {
    max-width: 250px;
  }
  .employees__list {
    max-width: 330px;
    grid-row-gap: 30px;
    row-gap: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .employees__list > * {
    flex: 1 0 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .employees__item {
    padding-left: 9px;
    padding-right: 9px;
  }
  .employees__works-wrapper:before {
    width: calc(100% + 18px);
    left: -9px;
  }
  .employees__works-item:before {
    right: 3px;
  }
  .employees__bottom-text {
    min-height: 90px;
  }
  .employees__show-more-btn {
    margin-top: 31px;
  }
}
@media screen and (max-width: 359px) {
  .employees__image {
    max-width: 144px;
  }
}
.diagnostics {
  padding-top: 130px;
  padding-bottom: 129px;
  background-color: #3c5584;
  background-color: var(--accent_color);
  border-radius: 10px;
}
.diagnostics__grid {
  display: grid;
  align-items: flex-start;
  grid-template-areas: "diagnostics__info-wrapper diagnostics__image" "diagnostics__info-wrapper diagnostics__bottom";
  grid-template-rows: auto 1fr;
  grid-column-gap: 50px;
  column-gap: 50px;
  grid-row-gap: 38px;
  row-gap: 38px;
}
.diagnostics__info-wrapper {
  grid-area: diagnostics__info-wrapper;
  position: relative;
  max-width: 548px;
  background-color: #fff;
  background-color: var(--white);
  border-radius: 5px;
  transition: 0.3s ease 0.1s;
  transition-property: transform, opacity;
  transform: translateY(20px);
  opacity: 0;
}
.diagnostics__info-wrapper:before {
  content: "";
  position: absolute;
  width: 54px;
  height: 54px;
  top: -26px;
  left: 16px;
  background-image: url(../i/f0b26c5c251b0811be70a92da2def93d.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.diagnostics__info-wrapper.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.diagnostics__info {
  position: relative;
  padding: 40px 55px 55px;
  border-radius: 5px;
  overflow: hidden;
}
.diagnostics__title {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  color: #111637;
  color: var(--common_color);
  text-transform: none;
}
.diagnostics__price-text {
  display: flex;
  align-items: center;
  grid-column-gap: 10px;
  column-gap: 10px;
  margin-top: 10px;
  font-size: 32px;
  line-height: 39px;
  color: #3c5584;
  color: var(--accent_color);
  text-transform: uppercase;
}
.diagnostics__price-text .line-through {
  position: relative;
  top: -3px;
}
.diagnostics__price-text .bold {
  font-size: 38px;
  line-height: 46px;
}
.diagnostics__list {
  margin-top: 40px;
}
.diagnostics__item {
  display: flex;
  align-items: center;
  padding-right: 31px;
  grid-column-gap: 15px;
  column-gap: 15px;
  line-height: 22px;
  counter-increment: css-counter 1;
}
.diagnostics__item:before {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  content: "/ " counter(css-counter) " /";
  flex-shrink: 0;
  font-size: 22px;
  line-height: 27px;
  color: #3c5584;
  color: var(--accent_color);
}
.diagnostics__item:not(:first-child) {
  margin-top: 14px;
  padding-top: 15px;
  border-top: 1px dashed #566d96;
  border-top: 1px dashed var(--bg_5);
}
.diagnostics__gift-image {
  position: absolute;
  max-width: 127px;
  right: -31px;
  bottom: -36px;
}
.diagnostics__price {
  display: flex;
  align-items: center;
  position: absolute;
  right: 13px;
  bottom: -15px;
  grid-column-gap: 7px;
  column-gap: 7px;
  padding: 3px 20px;
  background-color: #fc9;
  background-color: var(--text_color_4);
  border-radius: 3px;
  transform: rotate(3deg);
}
.diagnostics__price-old {
  font-size: 26px;
  line-height: 31px;
  color: #8d5926;
  color: var(--text_color_2);
  text-decoration: line-through;
}
.diagnostics__price-new {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
  display: flex;
  align-items: baseline;
  font-size: 35px;
  line-height: 42px;
  color: #512e0c;
  color: var(--text_color_6);
  letter-spacing: 1px;
}
.diagnostics__price-new .small-text {
  font-size: 26px;
  line-height: 31px;
}
.diagnostics__image {
  grid-area: diagnostics__image;
  transition: 0.3s ease 0.3s;
  transition-property: transform, opacity;
  opacity: 0;
  transform: translateY(20px);
}
.diagnostics__image.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.diagnostics__image .image {
  border-radius: 5px;
}
.diagnostics__advantages-item {
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-style: normal;
  display: flex;
  align-items: center;
  grid-column-gap: 10px;
  column-gap: 10px;
  line-height: 22px;
  color: #fff;
  color: var(--white);
}
.diagnostics__advantages-item:before {
  content: "";
  flex-shrink: 0;
  width: 40px;
  height: 24px;
  background-image: url(../i/864563b3cdd7af745f0d6656fac0035e.svg);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.diagnostics__advantages-item:not(:first-child) {
  margin-top: 25px;
}
.diagnostics__advantages-item br {
  display: none;
}
.diagnostics__bottom {
  grid-area: diagnostics__bottom;
  transition: 0.3s ease 0.6s;
  transition-property: transform, opacity;
  opacity: 0;
  transform: translateY(20px);
}
.diagnostics__bottom.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.button__wrapper_diagnostics {
  grid-column-gap: 28px;
  column-gap: 28px;
  margin-top: 38px;
}
.button__wrapper_diagnostics .button__skin {
  max-width: 330px;
}
.button__wrapper_diagnostics .button__contacts {
  margin-top: 10px;
}
.button__wrapper_diagnostics .button__phones {
  font-size: 24px;
  line-height: 29px;
}
@media screen and (max-width: 1320px) {
  .diagnostics {
    padding-top: 115px;
    padding-bottom: 115px;
    border-radius: 0;
  }
  .diagnostics__grid {
    grid-column-gap: 34px;
    column-gap: 34px;
    grid-row-gap: 30px;
    row-gap: 30px;
  }
  .diagnostics__info-wrapper {
    max-width: 450px;
  }
  .diagnostics__info-wrapper:before {
    width: 44px;
    height: 44px;
    top: -22px;
    left: 15px;
  }
  .diagnostics__info {
    padding: 35px 38px 50px;
  }
  .diagnostics__title {
    font-size: 26px;
    line-height: 34px;
  }
  .diagnostics__price-text {
    grid-column-gap: 8px;
    column-gap: 8px;
    margin-top: 8px;
    font-size: 30px;
    line-height: 36px;
  }
  .diagnostics__price-text .line-through {
    top: 0;
  }
  .diagnostics__price-text .bold {
    font-size: 32px;
    line-height: 39px;
  }
  .diagnostics__item {
    padding-right: 70px;
    font-size: 16px;
    line-height: 19px;
  }
  .diagnostics__item:before {
    width: 39px;
    font-size: 20px;
    line-height: 24px;
  }
  .diagnostics__gift-image {
    max-width: 95px;
    right: 7px;
    bottom: -25px;
  }
  .diagnostics__price {
    right: -3px;
    bottom: -28px;
    grid-column-gap: 3px;
    column-gap: 3px;
    padding: 5px 13px;
    border-radius: 5px;
  }
  .diagnostics__price-old {
    font-size: 25px;
    line-height: 30px;
  }
  .diagnostics__price-new {
    font-size: 33px;
    line-height: 40px;
  }
  .diagnostics__price-new .small-text {
    font-size: 25px;
    line-height: 30px;
  }
  .diagnostics__advantages-item {
    font-size: 16px;
    line-height: 19px;
  }
  .diagnostics__advantages-item:not(:first-child) {
    margin-top: 15px;
  }
  .button__wrapper_diagnostics {
    grid-row-gap: 15px;
    row-gap: 15px;
    margin-top: 25px;
  }
  .button__wrapper_diagnostics .button__contacts {
    margin-top: 8px;
  }
  .button__wrapper_diagnostics .button__phones {
    font-size: 22px;
    line-height: 26px;
  }
}
@media screen and (max-width: 1023px) {
  .diagnostics {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .diagnostics__grid {
    grid-column-gap: 18px;
    column-gap: 18px;
    grid-row-gap: 25px;
    row-gap: 25px;
  }
  .diagnostics__info-wrapper {
    max-width: 350px;
  }
  .diagnostics__info-wrapper:before {
    top: -26px;
  }
  .diagnostics__info {
    padding-right: 15px;
    padding-left: 15px;
  }
  .diagnostics__title {
    font-size: 22px;
    line-height: 29px;
  }
  .diagnostics__price-text {
    margin-right: -6px;
    font-size: 26px;
    line-height: 31px;
  }
  .diagnostics__price-text .bold {
    font-size: 28px;
    line-height: 34px;
  }
  .diagnostics__list {
    margin-top: 35px;
  }
  .diagnostics__item {
    grid-column-gap: 10px;
    column-gap: 10px;
    padding-right: 25px;
  }
  .diagnostics__item:before {
    width: 35px;
    font-size: 18px;
    line-height: 22px;
  }
  .diagnostics__gift-image {
    max-width: 95px;
    right: -35px;
    bottom: -37px;
  }
  .diagnostics__price {
    right: 24px;
    bottom: -17px;
    grid-column-gap: 4px;
    column-gap: 4px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 3px;
    transform: rotate(4deg);
  }
  .diagnostics__price-old {
    font-size: 18px;
    line-height: 22px;
  }
  .diagnostics__price-new {
    font-size: 30px;
    line-height: 36px;
  }
  .diagnostics__price-new .small-text {
    font-size: 18px;
    line-height: 22px;
  }
  .diagnostics__bottom {
    margin-left: 12px;
  }
  .diagnostics__advantages-item {
    line-height: 21px;
  }
  .diagnostics__advantages-item:before {
    width: 31px;
    height: 18px;
  }
  .button__wrapper_diagnostics {
    grid-row-gap: 20px;
    row-gap: 20px;
    margin-top: 30px;
  }
  .button__wrapper_diagnostics .btn {
    font-size: 18px;
    line-height: 22px;
  }
  .button__wrapper_diagnostics .button__contacts {
    margin-top: 4px;
  }
}
@media screen and (max-width: 767px) {
  .diagnostics {
    padding-top: 0;
    padding-bottom: 56px;
    border-radius: 5px;
  }
  .diagnostics__grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-row-gap: 0;
    row-gap: 0;
  }
  .diagnostics__image {
    max-height: 512px;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }
  .diagnostics__image .image {
    width: 100%;
  }
  .diagnostics__info-wrapper {
    max-width: 330px;
    margin-top: -180px;
  }
  .diagnostics__info-wrapper:before {
    top: -31px;
    left: 19px;
  }
  .diagnostics__info {
    padding: 31px 19px 39px;
    overflow: visible;
  }
  .diagnostics__title {
    font-size: 20px;
    line-height: 24px;
  }
  .diagnostics__price-text {
    margin-top: 12px;
    margin-right: 0;
    font-size: 22px;
    line-height: 27px;
  }
  .diagnostics__price-text .line-through {
    text-transform: none;
  }
  .diagnostics__price-text .bold {
    font-size: 26px;
    line-height: 31px;
  }
  .diagnostics__list {
    width: calc(100% + 38px);
    margin-top: 27px;
    margin-left: -19px;
    margin-right: -19px;
  }
  .diagnostics__item {
    grid-column-gap: 15px;
    column-gap: 15px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 17px;
  }
  .diagnostics__item:before {
    width: 39px;
    font-size: 20px;
    line-height: 24px;
  }
  .diagnostics__item:not(:first-child) {
    margin-top: 9px;
    padding-top: 16px;
  }
  .diagnostics__item:last-child {
    padding-bottom: 10px;
    border-bottom: 1px dashed #adb8cb;
    border-bottom: 1px dashed var(--bg_border);
  }
  .diagnostics__gift-image {
    max-width: 100%;
    right: -67px;
    bottom: -307px;
  }
  .diagnostics__price {
    right: 14px;
    bottom: -13px;
  }
  .diagnostics__bottom {
    max-width: 330px;
    margin-top: 43px;
    margin-left: 0;
  }
  .diagnostics__advantages-list {
    margin-left: 8px;
    margin-right: 8px;
  }
  .diagnostics__advantages-item {
    line-height: 19px;
  }
  .diagnostics__advantages-item:before {
    width: 34px;
  }
  .diagnostics__advantages-item:not(:first-child) {
    margin-top: 18px;
  }
  .diagnostics__advantages-item br {
    display: block;
  }
  .button__wrapper_diagnostics {
    align-items: center;
    grid-row-gap: 25px;
    row-gap: 25px;
    margin-top: 53px;
  }
  .button__wrapper_diagnostics .btn {
    font-size: 16px;
    line-height: 19px;
  }
  .button__wrapper_diagnostics .button__info {
    text-align: center;
  }
}
@media screen and (max-width: 359px) {
  .diagnostics__gift-image {
    max-width: 116px;
    right: -42px;
  }
}
.comfort {
  padding-top: 145px;
  padding-bottom: 145px;
}
.comfort__grid {
  display: grid;
  align-items: flex-start;
  grid-template-areas: "comfort__header comfort__list" "comfort__image comfort__list" "comfort__image comfort__text" "comfort__image comfort__indicators-list";
  grid-template-columns: auto 457px;
  grid-template-rows: repeat(3, auto) 1fr;
  grid-column-gap: 75px;
  column-gap: 75px;
  margin-right: -14px;
}
.comfort__header {
  grid-area: comfort__header;
  max-width: 762px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.1s;
  transition-property: opacity, transform;
}
.comfort__header.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.comfort__title {
  margin-top: 10px;
}
.comfort__subtitle {
  font-size: 30px;
  line-height: 39px;
}
.comfort__image {
  grid-area: comfort__image;
  position: relative;
  max-width: 762px;
  margin-top: 60px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.3s;
  transition-property: opacity, transform;
}
.comfort__image.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.comfort__image .image {
  border-radius: 5px;
}
.comfort__image-patient {
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 8px 25px 8px 0;
  font-size: 20px;
  line-height: 24px;
  color: #626262;
  color: var(--text_color);
  background-color: #fff;
  background-color: var(--white);
  border-radius: 0 5px 5px 0;
}
.comfort__image-patient:before {
  content: "";
  position: absolute;
  width: 56px;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../i/aae27fc7c87738962b66dcf9a2ded366.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  transform: translateX(-100%);
}
.comfort__list {
  grid-area: comfort__list;
  position: relative;
  margin-top: 10px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.6s;
  transition-property: opacity, transform;
}
.comfort__list.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.comfort__list:before {
  content: "";
  position: absolute;
  height: calc(100% - 16px);
  top: 4px;
  left: 15px;
  border-left: 1px dashed #23b772;
  border-left: 1px dashed var(--accent_color_2);
  z-index: -1;
}
.comfort__item {
  display: flex;
  grid-column-gap: 15px;
  column-gap: 15px;
  line-height: 23px;
}
.comfort__item:before {
  content: "";
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-top: 4px;
  background-image: url(../i/f0dbb8eb2751054480e0a964263a1890.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.comfort__item .bold {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.comfort__item:not(:first-child) {
  margin-top: 30px;
}
.comfort__text {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: italic;
  grid-area: comfort__text;
  max-width: 408px;
  margin-top: 50px;
  font-size: 22px;
  line-height: 27px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.9s;
  transition-property: opacity, transform;
}
.comfort__text.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.comfort__text .bold {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
}
.comfort__indicators-list {
  grid-area: comfort__indicators-list;
  display: flex;
  grid-column-gap: 14px;
  column-gap: 14px;
  margin-top: 35px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.9s;
  transition-property: opacity, transform;
}
.comfort__indicators-list.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.comfort__label {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  position: absolute;
  top: -12px;
  left: -1px;
  padding: 3px 15px;
  color: #fff;
  color: var(--white);
  background-color: #adb8cb;
  background-color: var(--bg_border);
  border-radius: 5px 5px 5px 0;
}
.comfort__pressure-title,
.comfort__pulse-title,
.comfort__state-title {
  display: flex;
  align-items: center;
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-style: normal;
  grid-column-gap: 5px;
  column-gap: 5px;
  color: #e0717a;
  color: var(--bg_border_2);
}
.comfort__pressure-title:before,
.comfort__pulse-title:before,
.comfort__state-title:before {
  content: "";
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  background-image: url(../i/4390a93b9ffc86158828723faf809751.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.comfort__pulse-title:before {
  background-image: url(../i/8d2c7364983a8e678e17daa188dd0b60.svg);
}
.comfort__state-title:before {
  background-image: url(../i/e03177bfd0f537a1914313e2da5e42a8.svg);
}
.comfort__indicators-item {
  position: relative;
  width: 100%;
  max-width: 218px;
  padding: 30px 19px 25px 14px;
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid #e0717a;
  border: 1px solid var(--bg_border_2);
  border-radius: 5px;
}
.comfort__indicators-item:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 57px;
  top: -18px;
  right: -6px;
  background-image: url(../i/59f7c52387a02dfa39fd6ccb6fe35100.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.comfort__indicators-item:nth-child(2) {
  border: 1px solid #23b772;
  border: 1px solid var(--accent_color_2);
}
.comfort__indicators-item:nth-child(2):before {
  right: -8px;
}
.comfort__indicators-item:nth-child(2) .comfort__label {
  background-color: #23b772;
  background-color: var(--accent_color_2);
}
.comfort__indicators-item:nth-child(2) .comfort__pressure-title,
.comfort__indicators-item:nth-child(2) .comfort__pulse-title,
.comfort__indicators-item:nth-child(2) .comfort__state-title {
  color: #23b772;
  color: var(--accent_color_2);
}
.comfort__indicators-item:nth-child(2) .comfort__pressure-title:before,
.comfort__indicators-item:nth-child(2) .comfort__pulse-title:before,
.comfort__indicators-item:nth-child(2) .comfort__state-title:before {
  background-image: url(../i/33c5760f6a8b380c9a0a40ac6066c1d3.svg);
}
.comfort__indicators-item:nth-child(2) .comfort__pulse-title:before {
  background-image: url(../i/b8c38d1078c974d5698ea82edad8a13c.svg);
}
.comfort__indicators-item:nth-child(2) .comfort__state-title:before {
  background-image: url(../i/dc630d3cdbdc3b4a8256a0eae7e7e6d3.svg);
}
.comfort__pressure,
.comfort__pulse {
  display: flex;
  grid-column-gap: 7px;
  column-gap: 7px;
}
.comfort__pulse,
.comfort__state {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px dashed #adb8cb;
  border-top: 1px dashed var(--bg_border);
}
.comfort__state-text {
  display: inline-block;
  margin-top: 5px;
}
@media screen and (max-width: 1320px) {
  .comfort {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .comfort__grid {
    grid-template-areas: "comfort__header comfort__list" "comfort__image comfort__list" "comfort__text comfort__text" "comfort__indicators-list comfort__indicators-list";
    grid-template-columns: auto 350px;
    grid-column-gap: 50px;
    column-gap: 50px;
    margin-right: 0;
  }
  .comfort__title {
    margin-top: 11px;
  }
  .comfort__subtitle {
    font-size: 26px;
    line-height: 34px;
  }
  .comfort__image {
    margin-top: 47px;
  }
  .comfort__image-patient {
    right: 15px;
    bottom: 15px;
    font-size: 18px;
    line-height: 22px;
  }
  .comfort__list {
    margin-top: 14px;
  }
  .comfort__list:before {
    height: calc(100% - 48px);
    left: 14px;
  }
  .comfort__item:not(:first-child) {
    margin-top: 40px;
  }
  .comfort__text {
    max-width: 785px;
    margin-top: 55px;
  }
  .comfort__indicators-list {
    grid-column-gap: 21px;
    column-gap: 21px;
    margin-top: 40px;
  }
  .comfort__indicators-item {
    display: flex;
    max-width: 450px;
    padding: 25px 29px 15px;
  }
  .comfort__indicators-item:nth-child(2) {
    max-width: 458px;
  }
  .comfort__indicators-item:nth-child(2):before {
    right: -6px;
  }
  .comfort__pressure,
  .comfort__pulse,
  .comfort__state {
    display: flex;
    flex-direction: column;
    grid-row-gap: 7px;
    row-gap: 7px;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 10px;
    border-top: none;
  }
  .comfort__pressure,
  .comfort__pulse {
    margin-right: 14px;
    padding-right: 30px;
    border-right: 1px dashed #adb8cb;
    border-right: 1px dashed var(--bg_border);
  }
  .comfort__pressure-title,
  .comfort__pulse-title,
  .comfort__state-title {
    flex-direction: row-reverse;
  }
  .comfort__state-title {
    justify-content: flex-end;
  }
  .comfort__state-text {
    margin-top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .comfort {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .comfort__grid {
    grid-template-areas: "comfort__header comfort__header" "comfort__list comfort__list" "comfort__text comfort__text" "comfort__image comfort__indicators-list";
    grid-template-columns: auto auto;
    grid-column-gap: 38px;
    column-gap: 38px;
  }
  .comfort__header {
    max-width: 578px;
  }
  .comfort__title {
    margin-top: 8px;
  }
  .comfort__subtitle {
    font-size: 22px;
    line-height: 29px;
  }
  .comfort__list {
    display: flex;
    flex-wrap: wrap;
    max-width: 748px;
    grid-row-gap: 25px;
    row-gap: 25px;
    margin-top: 40px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .comfort__list:before {
    display: none;
  }
  .comfort__item {
    position: relative;
    flex: 0 1 calc(50% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    font-size: 16px;
    line-height: 21px;
  }
  .comfort__item:after {
    content: "";
    position: absolute;
    height: 103px;
    top: 4px;
    left: 15px;
    border-left: 1px dashed #23b772;
    border-left: 1px dashed var(--accent_color_2);
    z-index: -1;
  }
  .comfort__item:first-child {
    order: 1;
  }
  .comfort__item:nth-child(2) {
    order: 3;
  }
  .comfort__item:nth-child(3) {
    order: 5;
  }
  .comfort__item:nth-child(3):after {
    display: none;
  }
  .comfort__item:nth-child(4) {
    order: 2;
  }
  .comfort__item:nth-child(5) {
    order: 4;
  }
  .comfort__item:nth-child(5):after {
    display: none;
  }
  .comfort__item:not(:first-child) {
    margin-top: 0;
  }
  .comfort__text {
    max-width: 723px;
    margin-top: 50px;
    font-size: 18px;
    line-height: 22px;
    color: #3f4254;
    color: var(--second_color);
  }
  .comfort__image {
    margin-top: 35px;
  }
  .comfort__image-patient {
    right: 10px;
    bottom: 10px;
    padding: 6px 15px 6px 0;
    font-size: 16px;
    line-height: 19px;
  }
  .comfort__image-patient:before {
    width: 48px;
  }
  .comfort__indicators-list {
    grid-column-gap: 10px;
    column-gap: 10px;
    margin-top: 47px;
  }
  .comfort__indicators-item {
    flex-direction: column;
    max-width: 160px;
    padding: 24px 33px 19px 19px;
  }
  .comfort__indicators-item:before {
    top: -21px;
    right: -5px;
  }
  .comfort__indicators-item:nth-child(2) {
    max-width: 160px;
  }
  .comfort__label {
    text-align: center;
    min-width: 63px;
    padding: 3px 10px;
    font-size: 16px;
    line-height: 19px;
  }
  .comfort__pressure,
  .comfort__pulse,
  .comfort__state {
    grid-row-gap: 3px;
    row-gap: 3px;
    margin-right: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 4px;
    font-size: 16px;
    line-height: 19px;
    border-right: none;
    border-bottom: 1px dashed #adb8cb;
    border-bottom: 1px dashed var(--bg_border);
  }
  .comfort__pulse,
  .comfort__state {
    margin-top: 15px;
  }
  .comfort__pressure-title,
  .comfort__pulse-title {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .comfort {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .comfort__grid {
    display: block;
  }
  .comfort__title {
    margin-top: 5px;
  }
  .comfort__subtitle {
    font-size: 20px;
    line-height: 24px;
  }
  .comfort__list {
    max-width: 330px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
  }
  .comfort__list > * {
    flex: 1 0 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .comfort__list:before {
    display: block;
  }
  .comfort__item {
    order: unset !important;
  }
  .comfort__item:after {
    display: none;
  }
  .comfort__image {
    max-width: 330px;
    max-height: 206px;
    margin-left: auto;
    margin-right: auto;
  }
  .comfort__image .image {
    max-height: 206px;
    object-fit: cover;
  }
  .comfort__image-patient {
    right: 7px;
    bottom: 7px;
    padding: 4px 15px 4px 0;
    font-size: 14px;
    line-height: 17px;
  }
  .comfort__image-patient:before {
    width: 25px;
    height: 25px;
    background-image: url(../i/393d9db75c4f5a72c76aa490eeb41d06.svg);
  }
  .comfort__text {
    margin-top: 30px;
  }
  .comfort__indicators-list {
    max-width: 330px;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
  }
  .comfort__indicators-item:before {
    top: -19px;
  }
  .comfort__indicators-item:nth-child(2):before {
    right: -7px;
  }
  .comfort__label {
    top: -13px;
  }
}
@media screen and (max-width: 359px) {
  .comfort__indicators-item {
    padding-left: 14px;
    padding-right: 14px;
  }
}
.benefits__grid {
  margin-left: -110px;
  margin-right: -110px;
  padding: 130px 110px;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
  border-radius: 5px;
}
.benefits__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  grid-column-gap: 22px;
  column-gap: 22px;
}
.benefits__text {
  max-width: 762px;
  margin-top: 15px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.1s;
  transition-property: opacity, transform;
}
.benefits__text.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.benefits__subtitle {
  margin-top: 10px;
  font-size: 30px;
  line-height: 39px;
}
.benefits__notice {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: italic;
  position: relative;
  max-width: 405px;
  padding: 25px 30px 25px 50px;
  font-size: 20px;
  line-height: 26px;
  color: #626262;
  color: var(--text_color);
  background-color: #fff;
  background-color: var(--white);
  box-shadow: 1px 5px 15px 0 #dae0ea;
  box-shadow: 1px 5px 15px 0 var(--bg_shadow);
  border-radius: 5px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.3s;
  transition-property: opacity, transform;
}
.benefits__notice.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.benefits__notice:before {
  content: "";
  position: absolute;
  width: 76px;
  height: 107px;
  top: -33px;
  left: -16px;
  background-image: url(../i/59f7c52387a02dfa39fd6ccb6fe35100.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.benefits__notice .accent_second {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: italic;
}
.benefits__list {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 24px;
  row-gap: 24px;
  margin-top: 60px;
  margin-left: -12px;
  margin-right: -12px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.6s;
  transition-property: opacity, transform;
}
.benefits__list.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.benefits__list > * {
  flex: 0 1 calc(33.33% - 24px);
  margin-left: 12px;
  margin-right: 12px;
}
.benefits__item {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  overflow: hidden;
}
.benefits__item-text {
  height: 100%;
  padding: 20px 35px 30px 25px;
  background-color: #fff;
  background-color: var(--white);
}
.benefits__item-title {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #3c5584;
  color: var(--accent_color);
  line-height: 22px;
}
.benefits__item-title br {
  display: none;
}
.benefits__item-description {
  margin-top: 12px;
  line-height: 22px;
  color: #3f4254;
  color: var(--second_color);
}
.benefits__item-description .bold {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media screen and (max-width: 1320px) {
  .benefits {
    padding-top: 115px;
    padding-bottom: 115px;
    background-color: #dfe7f3;
    background-color: var(--bg_6);
    border-radius: 5px;
  }
  .benefits__grid {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    background-color: initial;
  }
  .benefits__text {
    min-width: 644px;
    margin-top: 29px;
  }
  .benefits__subtitle {
    margin-top: 8px;
    font-size: 26px;
    line-height: 34px;
  }
  .benefits__notice {
    padding: 25px 20px 25px 35px;
    font-size: 18px;
    line-height: 23px;
  }
  .benefits__notice:before {
    top: -33px;
    left: -20px;
  }
  .benefits__list {
    grid-row-gap: 16px;
    row-gap: 16px;
    margin-top: 50px;
    margin-left: -8px;
    margin-right: -8px;
  }
  .benefits__list > * {
    flex: 0 1 calc(33.33% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .benefits__item-image .image {
    object-fit: cover;
    max-height: 134px;
  }
  .benefits__item-text {
    padding: 20px 20px 30px;
  }
  .benefits__item-description,
  .benefits__item-title {
    font-size: 16px;
    line-height: 19px;
  }
}
@media screen and (max-width: 1023px) {
  .benefits {
    padding-top: 90px;
    padding-bottom: 90px;
    border-radius: 0;
  }
  .benefits__header {
    flex-direction: column;
    grid-row-gap: 39px;
    row-gap: 39px;
  }
  .benefits__text {
    max-width: 658px;
    min-width: auto;
    margin-top: 0;
  }
  .benefits__subtitle {
    font-size: 22px;
    line-height: 29px;
  }
  .benefits__notice {
    max-width: 528px;
    padding-right: 25px;
    font-size: 16px;
    line-height: 21px;
  }
  .benefits__list {
    flex-direction: column;
    grid-row-gap: 20px;
    row-gap: 20px;
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
  }
  .benefits__list > * {
    flex: 1 0 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .benefits__item {
    flex-direction: row;
  }
  .benefits__item-image {
    flex-shrink: 0;
    max-width: 260px;
  }
  .benefits__item-image .image {
    height: 100%;
    max-height: 100%;
  }
  .benefits__item-title br {
    display: block;
  }
  .benefits__item-text {
    height: auto;
    padding: 15px 10px 20px 19px;
  }
  .benefits__item-description {
    margin-top: 7px;
  }
}
@media screen and (max-width: 767px) {
  .benefits {
    padding-top: 56px;
    padding-bottom: 68px;
    border-radius: 5px;
  }
  .benefits__header {
    grid-row-gap: 32px;
    row-gap: 32px;
  }
  .benefits__title {
    line-height: 34px;
  }
  .benefits__subtitle {
    margin-top: 5px;
    font-size: 20px;
    line-height: 26px;
  }
  .benefits__notice {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    padding: 22px 20px 22px 35px;
    font-size: 14px;
    line-height: 18px;
  }
  .benefits__notice:before {
    width: 62px;
    height: 87px;
    top: -27px;
    left: -15px;
  }
  .benefits__list {
    max-width: 330px;
    grid-row-gap: 15px;
    row-gap: 15px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .benefits__item {
    flex-direction: column;
  }
  .benefits__item-image {
    max-width: 100%;
  }
  .benefits__item-image .image {
    min-height: 150px;
  }
  .benefits__item-title br {
    display: none;
  }
  .benefits__item-text {
    padding: 20px 10px 30px 15px;
  }
  .benefits__item-description {
    margin-top: 12px;
  }
}
.prices {
  padding-top: 145px;
  padding-bottom: 145px;
}
.prices__title {
  color: #3f4254;
  color: var(--second_color);
  transition: 0.3s ease 0.1s;
  transition-property: transform, opacity;
  transform: translateY(20px);
  opacity: 0;
}
.prices__title.animate-active {
  transform: translateY(0);
  opacity: 1;
}
.prices__tooltip-text {
  display: flex;
  align-items: center;
  grid-column-gap: 10px;
  column-gap: 10px;
  margin-top: 35px;
  font-size: 20px;
  line-height: 26px;
  transition: 0.3s ease 0.3s;
  transition-property: transform, opacity;
  transform: translateY(20px);
  opacity: 0;
}
.prices__tooltip-text.animate-active {
  transform: translateY(0);
  opacity: 1;
}
.prices__tooltip-text [data-js="tooltip-button"] {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../i/cdedf421fc1222f6848dbbe2fa6138b7.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.prices__tooltip-text .bold {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.prices__tooltip {
  max-height: 30px;
}
.prices__grid {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 24px;
  row-gap: 24px;
  margin-top: 60px;
  margin-left: -12px;
  margin-right: -12px;
  transition: 0.3s ease 0.6s;
  transition-property: transform, opacity;
  transform: translateY(20px);
  opacity: 0;
}
.prices__grid.animate-active {
  transform: translateY(0);
  opacity: 1;
}
.prices__grid > * {
  flex: 0 1 calc(33.33% - 24px);
  margin-left: 12px;
  margin-right: 12px;
}
.prices__item {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid #adb8cb;
  border: 1px solid var(--bg_border);
  border-radius: 5px;
  overflow: hidden;
}
.prices__item-header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  min-height: 156px;
  padding: 19px 106px 20px 24px;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
}
.prices__item-title {
  font-size: 20px;
  line-height: 24px;
}
.prices__item-implant {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 10px;
  font-size: 24px;
  line-height: 29px;
  color: #3c5584;
  color: var(--accent_color);
}
.prices__item-flag {
  position: absolute;
  top: 46px;
  right: 25px;
}
.prices__item-flag .image {
  border: 1px solid #adb8cb;
  border: 1px solid var(--bg_border);
  border-radius: 5px;
}
.prices__step-image {
  position: absolute;
  top: 33px;
  right: -22px;
}
.prices__step {
  position: relative;
  padding: 23px 137px 35px 24px;
  border-top: 1px dashed #adb8cb;
  border-top: 1px dashed var(--bg_border);
}
.prices__step:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50%;
  bottom: 0;
  background-image: url(../i/e1c6745c8d4892440a7ac943faca10d4.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  transform: translate(-50%, 50%);
  z-index: 1;
}
.prices__step:last-child {
  padding-top: 34px;
  padding-bottom: 40px;
}
.prices__step:last-child:after {
  background-image: url(../i/f82d87af7136976560210c492d1dd9d3.svg);
}
.prices__step:last-child .prices__step-image {
  top: 74px;
}
.prices__step-title {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 22px;
  color: #3f4254;
  color: var(--second_color);
}
.prices__step-prices {
  margin-top: 4px;
}
.prices__step-price-old {
  display: inline-block;
  font-size: 22px;
  line-height: 27px;
  color: #3c5584;
  color: var(--accent_color);
  text-decoration: line-through;
}
.prices__step-price-new {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
  color: #3c5584;
  color: var(--accent_color);
}
.prices__step-list {
  margin-top: 20px;
}
.prices__step-item {
  display: flex;
  align-items: center;
  grid-column-gap: 6px;
  column-gap: 6px;
  font-size: 16px;
  line-height: 19px;
}
.prices__step-item:before {
  content: "";
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background-image: url(../i/f0dbb8eb2751054480e0a964263a1890.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}
.prices__step-item:not(:first-child) {
  margin-top: 8px;
}
.prices__bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 40px 24px 26px;
  background-color: #3c5584;
  background-color: var(--accent_color);
}
.prices__bottom-grid {
  display: flex;
  grid-column-gap: 5px;
  column-gap: 5px;
}
.prices__bottom-prices-wrapper {
  max-width: 172px;
  padding: 10px 12px;
  background-color: #566d96;
  background-color: var(--bg_5);
  border-radius: 5px;
}
.prices__prices-text {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  padding: 4px 10px 2px;
  font-size: 15px;
  line-height: 18px;
  color: #3c5584;
  color: var(--accent_color);
  background-color: #f7fbff;
  background-color: var(--bg);
  border-radius: 5px;
  text-transform: uppercase;
}
.prices__bottom-prices {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: 10px;
}
.prices__bottom-price-old {
  font-weight: 300;
  font-size: 26px;
  line-height: 26px;
  text-decoration: line-through;
}
.prices__bottom-price-new,
.prices__bottom-price-old {
  font-family: Inter, sans-serif;
  font-style: normal;
  color: #f7fbff;
  color: var(--bg);
}
.prices__bottom-price-new {
  font-weight: 700;
  margin-top: 4px;
  font-size: 22px;
  line-height: 22px;
}
.prices__bottom-installment {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  position: relative;
  min-width: 183px;
  text-align: center;
  padding: 6px;
  line-height: 18px;
  color: #3c5584;
  color: var(--accent_color);
  background-color: #fff;
  background-color: var(--white);
  border-radius: 5px;
}
.prices__bottom-installment .bold {
  font-size: 26px;
  line-height: 26px;
}
.prices__bottom-installment .bold .small-text {
  font-size: 22px;
  line-height: 26px;
}
.prices__corners-top:after,
.prices__corners-top:before {
  content: "";
  position: absolute;
  top: 6px;
  width: 17px;
  height: 17px;
  background-image: url(../i/f5ce8ae9dc15fe0ca38d86df5ff308ed.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.prices__corners-top:before {
  right: 6px;
}
.prices__corners-top:after {
  left: 6px;
  transform: scaleX(-1);
}
.prices__corners-bottom:after,
.prices__corners-bottom:before {
  content: "";
  position: absolute;
  bottom: 6px;
  width: 17px;
  height: 17px;
  background-image: url(../i/f5ce8ae9dc15fe0ca38d86df5ff308ed.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
.prices__corners-bottom:before {
  left: 6px;
}
.prices__corners-bottom:after {
  right: 6px;
  transform: rotate(180deg) scaleX(-1);
}
.prices__bottom-offer {
  text-align: center;
  margin-top: 15px;
  padding: 6px 40px 7px;
  font-size: 16px;
  line-height: 19px;
  color: #8d5926;
  color: var(--text_color_2);
  background-color: #fc9;
  background-color: var(--text_color_4);
  border-radius: 5px;
}
.prices__bottom-tooltip-text {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: 5px;
  column-gap: 5px;
  margin-top: 11px;
  font-size: 14px;
  line-height: 17px;
  color: #adb8cb;
  color: var(--bg_border);
}
.prices__bottom-tooltip-text [data-js="tooltip-button"] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../i/cdedf421fc1222f6848dbbe2fa6138b7.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.prices__bottom-tooltip {
  max-height: 20px;
}
.prices_surgical .prices__item-header {
  min-height: 98px;
  padding: 21px 92px 21px 24px;
}
.prices_surgical .prices__item-implant {
  margin-top: 0;
  font-size: 22px;
  line-height: 27px;
  color: #3f4254;
  color: var(--second_color);
}
.prices_surgical .prices__item-flag {
  top: 25px;
}
.prices_surgical .prices__step:last-child {
  padding-top: 34px;
  padding-bottom: 33px;
}
.prices_surgical .prices__step:last-child:after {
  display: none;
}
.prices_surgical .prices__step:last-child .prices__step-image {
  top: 33px;
}
.prices_surgical .prices__step-title {
  font-size: 20px;
  line-height: 24px;
}
.prices_surgical .prices__bottom-prices-wrapper {
  width: 100%;
  max-width: 164px;
  padding: 20px;
}
.prices_surgical .prices__bottom-prices {
  margin-top: 0;
}
.prices_surgical .prices__bottom {
  padding-bottom: 40px;
}
@media screen and (max-width: 1320px) {
  .prices {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .prices__title .accent {
    display: inline-block;
    margin-left: 3px;
  }
  .prices__tooltip-text {
    grid-column-gap: 10px;
    column-gap: 10px;
    margin-top: 30px;
    font-size: 18px;
    line-height: 23px;
  }
  .prices__grid {
    grid-row-gap: 30px;
    row-gap: 30px;
    margin-top: 50px;
    margin-left: 0;
    margin-right: 0;
  }
  .prices__grid > * {
    flex: 1 0 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .prices__item-header {
    min-height: auto;
    padding: 20px 220px 21px 39px;
  }
  .prices__item-implant {
    margin-top: 5px;
  }
  .prices__item-flag {
    top: 27px;
    right: 39px;
  }
  .prices__step-wrapper {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px dashed #adb8cb;
    border-top: 1px dashed var(--bg_border);
  }
  .prices__step-wrapper > * {
    flex: 1 0 50%;
  }
  .prices__step-image {
    top: 49px;
    right: 40px;
  }
  .prices__step {
    padding: 24px 179px 34px 39px;
    border-top: none;
  }
  .prices__step:after {
    left: auto;
    right: 0;
    top: 92px;
    bottom: auto;
    transform: translateX(50%);
  }
  .prices__step:first-child {
    border-right: 1px dashed #adb8cb;
    border-right: 1px dashed var(--bg_border);
  }
  .prices__step:not(:first-child) .prices__step-image {
    top: 49px;
    right: 20px;
  }
  .prices__step:last-child {
    padding-top: 25px;
    padding-bottom: 34px;
  }
  .prices__step:last-child:after {
    top: auto;
    bottom: 0;
    right: auto;
    left: 0;
    transform: translate(-50%, 50%);
  }
  .prices__step-list {
    margin-top: 15px;
  }
  .prices__bottom {
    padding: 35px 39px 20px;
  }
  .prices__bottom-grid {
    grid-column-gap: 10px;
    column-gap: 10px;
  }
  .prices__bottom-grid > * {
    flex: 0 1 50%;
  }
  .prices__bottom-prices-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 100%;
    padding: 15px;
  }
  .prices__prices-text {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .prices__bottom-prices {
    align-items: center;
    flex-direction: row;
    grid-column-gap: 5px;
    column-gap: 5px;
  }
  .prices__bottom-price-new {
    margin-top: 0;
  }
  .prices__bottom-installment .bold {
    display: inline-block;
    margin-bottom: 3px;
  }
  .prices__corners-top:after,
  .prices__corners-top:before {
    top: 10px;
  }
  .prices__corners-top:before {
    right: 10px;
  }
  .prices__corners-top:after {
    left: 10px;
  }
  .prices__corners-bottom:after,
  .prices__corners-bottom:before {
    bottom: 10px;
  }
  .prices__corners-bottom:before {
    left: 10px;
  }
  .prices__corners-bottom:after {
    right: 10px;
  }
  .prices__bottom-offer {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .prices__bottom-tooltip-text {
    margin-top: 10px;
  }
  .prices_surgical .prices__tooltip-text {
    margin-top: 28px;
  }
  .prices_surgical .prices__grid {
    margin-top: 40px;
  }
  .prices_surgical .prices__item-header {
    padding-right: 220px;
    padding-left: 39px;
  }
  .prices_surgical .prices__step:last-child {
    padding: 48px 270px 48px 39px;
  }
  .prices_surgical .prices__step-title {
    font-size: 18px;
    line-height: 22px;
  }
  .prices_surgical .prices__step-list {
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 20px;
    row-gap: 20px;
    grid-column-gap: 40px;
    column-gap: 40px;
    margin-top: 25px;
  }
  .prices_surgical .prices__step-item {
    grid-column-gap: 10px;
    column-gap: 10px;
  }
  .prices_surgical .prices__step-item:not(:first-child) {
    margin-top: 0;
  }
  .prices_surgical .prices__bottom-prices-wrapper {
    max-width: 100%;
  }
  .prices_surgical .prices__bottom {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 1023px) {
  .prices {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .prices__title {
    max-width: 568px;
  }
  .prices__title .accent {
    display: inline-block;
    margin-top: 8px;
    margin-left: 0;
  }
  .prices__tooltip-text {
    margin-top: 20px;
    font-size: 16px;
    line-height: 21px;
  }
  .prices__tooltip-text [data-js="tooltip-button"] {
    width: 20px;
    height: 20px;
  }
  .prices__tooltip {
    max-height: 20px;
  }
  .prices__grid {
    margin-top: 40px;
  }
  .prices__item-header {
    padding: 19px 200px 19px 19px;
  }
  .prices__item-flag {
    right: 19px;
  }
  .prices__step-image {
    max-width: 141px;
    top: 80px;
    right: 29px;
  }
  .prices__step {
    padding: 25px 76px 37px 19px;
  }
  .prices__step:after {
    top: 120px;
  }
  .prices__step:not(:first-child) .prices__step-image {
    top: 80px;
    right: -18px;
  }
  .prices__step:last-child {
    padding-left: 35px;
    padding-bottom: 37px;
  }
  .prices__step-item {
    font-size: 14px;
    line-height: 17px;
  }
  .prices__bottom {
    padding-left: 20px;
    padding-right: 20px;
  }
  .prices_surgical .prices__tooltip-text {
    margin-top: 20px;
  }
  .prices_surgical .prices__item-flag {
    top: 27px;
    right: 39px;
  }
  .prices_surgical .prices__step:last-child {
    padding: 29px 326px 39px 39px;
  }
  .prices_surgical .prices__step:last-child .prices__step-image {
    max-width: 165px;
    top: 15px;
    right: 38px;
  }
  .prices_surgical .prices__step-list {
    grid-column-gap: 20px;
    column-gap: 20px;
    margin-top: 20px;
  }
  .prices_surgical .prices__step-list > * {
    flex: 0 1 50%;
  }
  .prices_surgical .prices__step-item {
    max-width: 152px;
    font-size: 16px;
    line-height: 19px;
  }
  .prices_surgical .prices__bottom {
    padding: 30px 40px 23px;
  }
}
@media screen and (max-width: 767px) {
  .prices {
    padding-top: 56px;
    padding-bottom: 67px;
  }
  .prices__title {
    margin-right: -2px;
  }
  .prices__title .accent {
    margin-top: 4px;
  }
  .prices__tooltip-text {
    align-items: flex-start;
    max-width: 271px;
    grid-column-gap: 6px;
    column-gap: 6px;
    margin-top: 18px;
  }
  .prices__grid {
    max-width: 330px;
    grid-row-gap: 29px;
    row-gap: 29px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .prices__item-header {
    height: 100%;
    min-height: 110px;
    padding: 6px 97px 6px 19px;
  }
  .prices__item-title {
    font-size: 18px;
    line-height: 22px;
  }
  .prices__item-implant {
    margin-top: 6px;
    font-size: 20px;
    line-height: 24px;
  }
  .prices__item-flag {
    right: 18px;
  }
  .prices__step-image {
    max-width: 157px;
    top: 56px;
    right: -35px;
  }
  .prices__step {
    padding: 18px 94px 35px 14px;
  }
  .prices__step:after {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
  .prices__step:first-child {
    border-right: none;
  }
  .prices__step:not(:first-child) {
    padding-top: 34px;
    padding-left: 14px;
    padding-bottom: 35px;
    border-top: 1px dashed #adb8cb;
    border-top: 1px dashed var(--bg_border);
  }
  .prices__step:not(:first-child) .prices__step-image {
    top: 70px;
    right: -34px;
  }
  .prices__step:last-child:after {
    left: 50%;
  }
  .prices__step-title {
    font-size: 16px;
    line-height: 19px;
  }
  .prices__step-prices {
    margin-top: 2px;
  }
  .prices__step-price-old {
    font-size: 20px;
    line-height: 24px;
  }
  .prices__step-price-new {
    font-size: 18px;
    line-height: 22px;
  }
  .prices__step-list {
    margin-top: 16px;
  }
  .prices__bottom {
    padding: 35px 9px 20px;
  }
  .prices__bottom-grid {
    grid-column-gap: 5px;
    column-gap: 5px;
  }
  .prices__bottom-grid > * {
    flex: unset;
  }
  .prices__bottom-prices-wrapper {
    max-width: 143px;
    padding: 10px;
  }
  .prices__prices-text {
    padding-bottom: 4px;
    font-size: 12px;
    line-height: 15px;
  }
  .prices__bottom-prices {
    flex-direction: column;
    grid-row-gap: 4px;
    row-gap: 4px;
    margin-top: 6px;
  }
  .prices__bottom-price-old {
    font-size: 22px;
    line-height: 22px;
  }
  .prices__bottom-installment,
  .prices__bottom-price-new {
    font-size: 16px;
    line-height: 16px;
  }
  .prices__bottom-installment {
    flex-grow: 1;
    min-width: auto;
    max-width: 162px;
  }
  .prices__bottom-installment .bold {
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 24px;
  }
  .prices__bottom-installment .bold .small-text {
    font-size: 16px;
    line-height: 16px;
  }
  .prices__corners-top:after,
  .prices__corners-top:before {
    top: 6px;
  }
  .prices__corners-top:before {
    right: 6px;
  }
  .prices__corners-top:after {
    left: 6px;
  }
  .prices__corners-bottom:after,
  .prices__corners-bottom:before {
    bottom: 6px;
  }
  .prices__corners-bottom:before {
    left: 6px;
  }
  .prices__corners-bottom:after {
    right: 6px;
  }
  .prices__bottom-offer {
    margin-top: 16px;
    padding: 7px 30px;
    font-size: 15px;
    line-height: 18px;
  }
  .prices__bottom-tooltip-text {
    margin-top: 15px;
    font-size: 12px;
    line-height: 15px;
  }
  .prices__bottom-tooltip-text [data-js="tooltip-button"] {
    width: 15px;
    height: 15px;
  }
  .prices__bottom-tooltip {
    max-height: 15px;
  }
  .prices_surgical .prices__tooltip-text {
    margin-top: 18px;
  }
  .prices_surgical .prices__grid {
    grid-row-gap: 19px;
    row-gap: 19px;
    margin-top: 35px;
  }
  .prices_surgical .prices__item-header {
    min-height: 110px;
    padding: 30px 86px 30px 19px;
  }
  .prices_surgical .prices__item-implant {
    font-size: 20px;
    line-height: 24px;
  }
  .prices_surgical .prices__item-flag {
    top: 33px;
    right: 18px;
  }
  .prices_surgical .prices__step:last-child {
    padding: 23px 120px 30px 14px;
  }
  .prices_surgical .prices__step:last-child .prices__step-image {
    max-width: 153px;
    top: 30px;
    right: 1px;
  }
  .prices_surgical .prices__step-title {
    font-size: 16px;
    line-height: 19px;
  }
  .prices_surgical .prices__step-list {
    flex-direction: column;
    grid-row-gap: 8px;
    row-gap: 8px;
  }
  .prices_surgical .prices__step-list > * {
    flex: 1 0 100%;
  }
  .prices_surgical .prices__step-item {
    max-width: 100%;
    grid-column-gap: 6px;
    column-gap: 6px;
    font-size: 14px;
    line-height: 17px;
  }
  .prices_surgical .prices__bottom {
    padding: 35px 9px 30px;
  }
  .prices_surgical .prices__bottom-prices-wrapper {
    max-width: 140px;
    padding: 25px 8px;
  }
  .prices_surgical .prices__bottom-installment {
    max-width: 100%;
    min-width: 137px;
  }
  .prices_surgical .prices__bottom-offer,
  .prices_surgical .prices__bottom-tooltip-text {
    margin-top: 10px;
  }
}
.quiz {
  padding-top: 129px;
  padding-bottom: 130px;
  background-color: #3c5584;
  background-color: var(--accent_color);
  border-radius: 5px;
}
.quiz__title {
  line-height: 46px;
  color: #fff;
  color: var(--white);
  text-transform: unset;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.1s;
  transition-property: opacity, transform;
}
.quiz__title.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.quiz__title .accent {
  color: #fc9;
  color: var(--text_color_4);
  text-transform: uppercase;
}
.quiz__content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  grid-column-gap: 80px;
  column-gap: 80px;
  margin-top: 60px;
}
.quiz__gifts-wrapper {
  width: 100%;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.6s;
  transition-property: opacity, transform;
}
.quiz__gifts-wrapper.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.quiz__gifts-wrapper .quiz__gifts .gifts__list {
  padding: 30px 40px;
}
.quiz__gifts-wrapper .quiz__gifts .gifts__prices {
  align-items: center;
  flex-direction: column-reverse;
  width: 100%;
  max-width: 138px;
  grid-row-gap: 4px;
  row-gap: 4px;
}
.quiz__gifts-wrapper .quiz__gifts .gifts__price-old {
  font-size: 20px;
}
.quiz__gifts-wrapper .quiz__gifts .gifts__price-new {
  font-size: 22px;
  line-height: 26px;
  letter-spacing: unset;
}
.quiz__wrapper {
  width: 100%;
  max-width: 560px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.3s;
  transition-property: opacity, transform;
}
.quiz__wrapper.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.quiz__progress-step .current,
.quiz__progress-step .total {
  display: none;
}
.quiz__progress-lines {
  display: flex;
  width: 100%;
  grid-column-gap: 10px;
  column-gap: 10px;
}
.quiz__progress-line {
  flex-basis: 100%;
  height: 7px;
  background: #adb8cb;
  background: var(--bg_border);
  border-radius: 5px;
}
.quiz__progress-line_current {
  background: radial-gradient(50% 50% at 50%, at 50%, #ffb46e 0, #ffad60 100%);
  background: radial-gradient(50% 50% at 50% 50%, #ffb46e 0, #ffad60 100%);
  background: var(--button_bg);
}
.quiz__pages {
  min-height: 202px;
  margin-top: 35px;
}
.quiz__page {
  margin-left: 1px;
}
.quiz__page-title {
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 23px;
  color: #fff;
  color: var(--white);
}
.quiz__page-content {
  margin-top: 20px;
}
.quiz__answer-wrapper {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 10px;
  row-gap: 10px;
  margin-left: -12px;
  margin-right: -12px;
}
.quiz__answer-wrapper > * {
  flex: 0 1 calc(33.33% - 24px);
  margin-left: 12px;
  margin-right: 12px;
}
.quiz__answer-image {
  position: relative;
  background-color: #f7fbff;
  background-color: var(--bg);
  border-radius: 5px;
}
.quiz__answer-image:before {
  content: "";
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 28px;
  height: 28px;
  border: 1px solid #3c5584;
  border: 1px solid var(--accent_color);
  border-radius: 3px;
}
.quiz__answer-item {
  position: relative;
  cursor: pointer;
}
.quiz__answer-item input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  top: 50%;
}
.quiz__answer-item.checked .quiz__answer-image:before {
  width: 30px;
  height: 30px;
  background-image: url(../i/cd6934627b70b69f1784b228241b161d.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border: none;
}
.quiz__item_img {
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 150px;
  grid-row-gap: 10px;
  row-gap: 10px;
}
.quiz__item_img .answer {
  text-align: center;
  max-width: 160px;
  font-size: 16px;
  line-height: 19px;
  color: #f7fbff;
  color: var(--bg);
}
.quiz__item_text {
  display: flex;
  align-items: center;
  flex: 0 1 50%;
  max-width: 270px;
  grid-column-gap: 15px;
  column-gap: 15px;
  margin-left: 12px;
  margin-right: -2px;
  padding: 10px;
  color: #3c3c3c;
  color: var(--text_color_5);
  background-color: #fcfbff;
  background-color: var(--bg_9);
  border-radius: 5px;
}
.quiz__item_text:before {
  content: "";
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  outline: 1px solid #3c5584;
  outline: 1px solid var(--accent_color);
  border-radius: 5px;
}
.quiz__item_text.checked:before {
  background-image: url(../i/cd6934627b70b69f1784b228241b161d.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  outline: none;
}
.quiz__answer-text {
  font-size: 16px;
  line-height: 19px;
}
.quiz__pages-navigation {
  display: flex;
  grid-column-gap: 20px;
  column-gap: 20px;
  margin-top: 40px;
}
.quiz__btn-back {
  position: relative;
  max-width: 100px;
  height: 72px;
  background: transparent;
  border: 1px solid #ffad60;
  border: 1px solid var(--bg_3);
  box-shadow: none;
  border-radius: 5px;
  transition: opacity 0.3s ease;
}
.quiz__btn-back:before {
  content: "";
  position: static;
  width: 22px;
  height: 16px;
  background-image: url(../i/dc0ec44dfae977679e4b4da819fb2340.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  opacity: 1;
}
.quiz__btn-back:after {
  display: none;
}
.quiz__btn-back[disabled] {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.quiz__btn-forward {
  max-width: 198px;
  height: 72px;
}
.quiz__results {
  display: none;
  position: relative;
}
.quiz__results.quiz__results_show {
  display: block;
}
.quiz__results-content {
  display: flex;
  grid-column-gap: 35px;
  column-gap: 35px;
  margin-top: 68px;
}
.quiz__results-wrapper {
  width: 100%;
  max-width: 469px;
}
.quiz__results-title {
  font-weight: 700;
  font-size: 38px;
  line-height: 48px;
}
.quiz__results-subtitle,
.quiz__results-title {
  font-family: Inter, sans-serif;
  font-style: normal;
  color: #fff;
  color: var(--white);
}
.quiz__results-subtitle {
  font-weight: 600;
  max-width: 351px;
  font-size: 22px;
  line-height: 27px;
}
.quiz__results-subtitle .accent {
  color: #fc9;
  color: var(--text_color_4);
}
.quiz__form-wrapper {
  margin-top: 35px;
}
.quiz__results-image {
  position: absolute;
  top: -97px;
  right: 4px;
  z-index: -1;
}
.quiz__results-gifts {
  width: 100%;
  max-width: 586px;
  margin-top: 32px;
}
.quiz__results-gifts .quiz__gifts {
  margin-top: 25px;
}
.quiz__results-gifts-title {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 29px;
  color: #fff;
  color: var(--white);
}
.quiz__results-gifts-title .accent {
  color: #fc9;
  color: var(--text_color_4);
}
.quiz__results_without-gifts .quiz__results-title {
  max-width: 469px;
  margin-left: auto;
  margin-right: auto;
}
.quiz__count,
.quiz__results_without-gifts .quiz__results-content {
  justify-content: center;
}
.quiz__count {
  display: none;
  flex-direction: column;
  align-items: center;
  max-width: 715px;
  min-height: 308px;
  margin-left: auto;
  margin-right: auto;
  padding: 42px 30px;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
  border-radius: 5px;
}
.quiz__count.quiz__count_show {
  display: flex;
}
.quiz__count-title {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  color: #3c5584;
  color: var(--accent_color);
}
.quiz__count-progress {
  position: relative;
  max-width: 655px;
  width: 100%;
  height: 10px;
  margin-top: 30px;
  background-color: #fff;
  background-color: var(--white);
  border-radius: 100px;
}
.quiz__count-progress-value {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-top: 10px;
  font-size: 24px;
  line-height: 32px;
  color: #3c5584;
  color: var(--accent_color);
}
.quiz__count-bg {
  position: absolute;
  display: block;
  height: 100%;
  border-radius: 100px;
  background-color: #3c5584;
  background-color: var(--accent_color);
}
.quiz__loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: unset;
  min-height: 308px;
  padding: 60px 0;
  transform: translate(0);
}
.quiz__loader svg {
  stroke: #dfe7f3;
  stroke: var(--bg_6);
}
@media screen and (max-width: 1320px) {
  .quiz {
    padding-top: 115px;
    padding-bottom: 115px;
  }
  .quiz__title {
    line-height: 39px;
  }
  .quiz__content {
    margin-top: 50px;
    grid-column-gap: 34px;
    column-gap: 34px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__list {
    padding: 25px 17px 25px 19px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__item {
    grid-column-gap: 14px;
    column-gap: 14px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__item:not(:first-child) {
    margin-top: 9px;
    padding-top: 10px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__prices {
    max-width: 128px;
    grid-row-gap: 5px;
    row-gap: 5px;
    padding: 10px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__price-old {
    font-size: 18px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__price-new {
    font-size: 20px;
    line-height: 18px;
  }
  .quiz__wrapper {
    max-width: 500px;
  }
  .quiz__pages {
    min-height: 200px;
  }
  .quiz__page-title {
    font-size: 16px;
    line-height: 21px;
  }
  .quiz__answer-wrapper {
    margin-left: -10px;
    margin-right: -10px;
  }
  .quiz__answer-wrapper > * {
    flex: 0 1 calc(33.33% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
  .quiz__item_text {
    flex: 0 1 calc(50% - 10px);
    max-width: 240px;
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .quiz {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .quiz__title {
    line-height: 34px;
  }
  .quiz__content {
    flex-direction: column-reverse;
    grid-row-gap: 50px;
    row-gap: 50px;
    margin-top: 30px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__list {
    padding: 20px 15px 20px 16px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__prices {
    justify-content: center;
    flex-direction: row-reverse;
    grid-column-gap: 10px;
    column-gap: 10px;
    max-width: 180px;
    padding: 6px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__price-old {
    font-size: 16px;
    line-height: 18px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__price-new {
    font-size: 16px;
  }
  .quiz__wrapper {
    max-width: 560px;
  }
  .quiz__progress-line {
    height: 5px;
  }
  .quiz__answer-wrapper {
    margin-left: -12px;
    margin-right: -12px;
  }
  .quiz__answer-wrapper > * {
    flex: 0 1 calc(33.33% - 24px);
    margin-left: 12px;
    margin-right: 12px;
  }
  .quiz__item_text {
    flex: 0 1 50%;
    max-width: 270px;
    margin-left: 12px;
    margin-right: -2px;
  }
  .quiz__pages-navigation {
    margin-top: 30px;
  }
  .quiz__btn-forward {
    font-size: 18px;
    line-height: 22px;
  }
  .quiz__results-wrapper {
    max-width: 330px;
  }
  .quiz__results-image {
    top: -58px;
    right: 4px;
    max-width: 76px;
  }
  .quiz__results-gifts {
    margin-top: 0;
  }
  .quiz__results-gifts-title {
    font-size: 22px;
    line-height: 27px;
  }
  .quiz__results_without-gifts .quiz__results-title {
    max-width: 330px;
  }
}
@media screen and (max-width: 767px) {
  .quiz {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .quiz__title {
    line-height: 31px;
  }
  .quiz__content {
    max-width: 330px;
    grid-row-gap: 35px;
    row-gap: 35px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__list {
    padding: 13px 14px 11px 15px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__prices {
    flex-direction: column-reverse;
    max-width: 98px;
    grid-row-gap: 1px;
    row-gap: 1px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__item {
    grid-column-gap: 9px;
    column-gap: 9px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__item:not(:first-child) {
    margin-top: 8px;
    padding-top: 8px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__item-text {
    align-items: center;
    grid-column-gap: 9px;
    column-gap: 9px;
  }
  .quiz__gifts-wrapper .quiz__gifts .gifts__item-text:before {
    margin-top: 0;
  }
  .quiz__progress-lines {
    grid-column-gap: 5px;
    column-gap: 5px;
  }
  .quiz__pages {
    min-height: auto;
    margin-top: 30px;
  }
  .quiz__page-content {
    margin-top: 25px;
  }
  .quiz__answer-wrapper {
    grid-row-gap: 20px;
    row-gap: 20px;
    margin-left: -7px;
    margin-right: -7px;
  }
  .quiz__answer-wrapper > * {
    flex: 0 1 calc(50% - 14px);
    margin-left: 7px;
    margin-right: 7px;
  }
  .quiz__item_text {
    flex: 1 0 calc(100% - 14px);
    max-width: 100%;
  }
  .quiz__item_text:not(:first-child) {
    margin-top: -10px;
  }
  .quiz__pages-navigation {
    grid-column-gap: 15px;
    column-gap: 15px;
  }
  .quiz__btn-back {
    max-width: 80px;
    height: 59px;
  }
  .quiz__btn-forward {
    max-width: 151px;
    height: 59px;
    font-size: 16px;
    line-height: 19px;
  }
  .quiz__count {
    min-height: 168px;
    margin-left: -5px;
    margin-right: -5px;
    padding: 30px 15px;
  }
  .quiz__count-title {
    font-size: 22px;
    line-height: 26px;
  }
  .quiz__count-progress-value {
    font-size: 22px;
  }
  .quiz__results-title {
    font-size: 26px;
    line-height: 33px;
  }
  .quiz__results-content,
  .quiz__results-title {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
  .quiz__results-content {
    flex-direction: column;
    grid-row-gap: 35px;
    row-gap: 35px;
    margin-top: 26px;
  }
  .quiz__results-subtitle {
    padding-right: 88px;
    font-size: 18px;
    line-height: 22px;
  }
  .quiz__results-image {
    max-width: 100%;
    top: -83px;
    right: -39px;
  }
  .quiz__form-wrapper {
    margin-top: 30px;
  }
  .quiz__results-gifts .quiz__gifts {
    margin-top: 20px;
  }
  .quiz__results-gifts-title {
    font-size: 18px;
    line-height: 22px;
  }
}
.recovery {
  padding-top: 145px;
  padding-bottom: 145px;
}
.recovery__header {
  max-width: 770px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.1s;
  transition-property: opacity, transform;
}
.recovery__header.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.recovery__subtitle {
  margin-top: 10px;
  font-size: 30px;
  line-height: 39px;
}
.recovery__grid {
  display: grid;
  grid-template-areas: "recovery__image-list recovery__notice" "recovery__image-list recovery__advantages";
  align-items: flex-start;
  grid-template-rows: auto 1fr;
  grid-template-columns: auto 1fr;
  margin-top: 51px;
  grid-column-gap: 128px;
  column-gap: 128px;
  grid-row-gap: 71px;
  row-gap: 71px;
}
.recovery__image-list {
  grid-area: recovery__image-list;
  display: flex;
  flex-wrap: wrap;
  max-width: 535px;
  grid-row-gap: 5px;
  row-gap: 5px;
  margin-left: -2px;
  margin-right: -2px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.3s;
  transition-property: opacity, transform;
}
.recovery__image-list.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.recovery__image-list > * {
  flex: 1 0 calc(50% - 4px);
  margin-left: 2px;
  margin-right: 2px;
}
.recovery__image-item .image {
  border-radius: 8px;
}
.recovery__notice {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: italic;
  grid-area: recovery__notice;
  position: relative;
  max-width: 590px;
  margin-top: 39px;
  padding: 25px 30px 25px 50px;
  font-size: 20px;
  line-height: 26px;
  color: #626262;
  color: var(--text_color);
  background-color: #fff;
  background-color: var(--white);
  box-shadow: 1px 5px 15px 0 #dae0ea;
  box-shadow: 1px 5px 15px 0 var(--bg_shadow);
  border-radius: 5px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.6s;
  transition-property: opacity, transform;
}
.recovery__notice.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.recovery__notice:before {
  content: "";
  position: absolute;
  width: 76px;
  height: 108px;
  top: -34px;
  left: -16px;
  background-image: url(../i/59f7c52387a02dfa39fd6ccb6fe35100.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.recovery__notice .accent_second {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: italic;
}
.recovery__advantages {
  grid-area: recovery__advantages;
  max-width: 590px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.9s;
  transition-property: opacity, transform;
}
.recovery__advantages.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.recovery__advantages-title {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 22px;
  line-height: 27px;
  color: #3c5584;
  color: var(--accent_color);
}
.recovery__advantages-list {
  max-width: 437px;
  margin-top: 34px;
}
.recovery__advantages-item {
  display: flex;
  align-items: center;
  grid-column-gap: 15px;
  column-gap: 15px;
  font-size: 20px;
  line-height: 26px;
}
.recovery__advantages-item:before {
  content: "";
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  background-image: url(../i/f0dbb8eb2751054480e0a964263a1890.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.recovery__advantages-item:not(:first-child) {
  margin-top: 27px;
}
@media screen and (max-width: 1320px) {
  .recovery {
    padding-top: 130px;
    padding-bottom: 129px;
  }
  .recovery__header {
    max-width: 666px;
  }
  .recovery__subtitle {
    margin-top: 8px;
    font-size: 26px;
    line-height: 34px;
  }
  .recovery__grid {
    grid-column-gap: 67px;
    column-gap: 67px;
    grid-row-gap: 45px;
    row-gap: 45px;
    margin-top: 50px;
    grid-template-columns: minmax(450px, auto) minmax(417px, 1fr);
  }
  .recovery__notice {
    max-width: 398px;
    margin-top: 12px;
  }
  .recovery__advantages-item,
  .recovery__notice {
    font-size: 18px;
    line-height: 23px;
  }
  .recovery__advantages-item:not(:first-child) {
    margin-top: 22px;
  }
}
@media screen and (max-width: 1023px) {
  .recovery {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .recovery__subtitle {
    font-size: 22px;
    line-height: 28px;
  }
  .recovery__grid {
    grid-row-gap: 40px;
    row-gap: 40px;
    grid-column-gap: 45px;
    column-gap: 45px;
    margin-top: 40px;
    margin-right: 40px;
    grid-template-areas: "recovery__notice recovery__notice" "recovery__image-list recovery__advantages";
    grid-template-columns: minmax(350px, auto) minmax(283px, 1fr);
  }
  .recovery__notice {
    max-width: 471px;
    margin-top: 0;
    padding: 25px 25px 25px 35px;
    font-size: 16px;
    line-height: 21px;
  }
  .recovery__notice:before {
    top: -33px;
    left: -20px;
  }
  .recovery__advantages {
    margin-top: 33px;
  }
  .recovery__advantages-title {
    padding-right: 38px;
    font-size: 18px;
    line-height: 22px;
  }
  .recovery__advantages-list {
    margin-top: 25px;
  }
  .recovery__advantages-item {
    font-size: 16px;
    line-height: 21px;
  }
  .recovery__advantages-item:not(:first-child) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .recovery {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .recovery__subtitle {
    margin-top: 5px;
    font-size: 20px;
    line-height: 24px;
  }
  .recovery__grid {
    display: block;
    max-width: 330px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .recovery__notice {
    padding: 22px 8px 22px 35px;
    font-size: 14px;
    line-height: 18px;
  }
  .recovery__notice:before {
    width: 62px;
    height: 87px;
    top: -27px;
    left: -18px;
  }
  .recovery__image-list {
    margin-top: 28px;
    grid-row-gap: 4px;
    row-gap: 4px;
  }
  .recovery__image-item:last-child .image {
    border-radius: 5px;
  }
  .recovery__advantages {
    margin-top: 30px;
  }
  .recovery__advantages-title {
    padding-right: 0;
    font-size: 18px;
    line-height: 22px;
  }
  .recovery__advantages-title .accent {
    color: #3f4254;
    color: var(--second_color);
  }
  .recovery__advantages-title .nobr {
    white-space: wrap;
  }
  .recovery__advantages-list {
    margin-top: 20px;
  }
  .recovery__advantages-item {
    align-items: flex-start;
  }
  .recovery__advantages-item:before {
    margin-top: 4px;
  }
  .recovery__advantages-item:not(:first-child) {
    margin-top: 15px;
  }
}
.prosthesis {
  position: relative;
  padding-bottom: 145px;
  z-index: 1;
}
.prosthesis__grid {
  display: grid;
  align-items: flex-start;
  grid-template-areas: "prosthesis__header prosthesis__info" "prosthesis__advantages-list prosthesis__info";
  grid-template-columns: auto 620px;
  grid-template-rows: auto 1fr;
  grid-row-gap: 60px;
  row-gap: 60px;
  grid-column-gap: 34px;
  column-gap: 34px;
  margin-left: -110px;
  margin-right: -110px;
  padding: 130px 110px;
  border-radius: 5px;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
}
.prosthesis__header {
  grid-area: prosthesis__header;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.1s;
  transition-property: opacity, transform;
}
.prosthesis__header.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.prosthesis__subtitle {
  margin-top: 10px;
  font-size: 30px;
  line-height: 39px;
}
.prosthesis__advantages-list {
  grid-area: prosthesis__advantages-list;
  max-width: 615px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.3s;
  transition-property: opacity, transform;
}
.prosthesis__advantages-list.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.prosthesis__advantages-item {
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  counter-increment: css-counter 1;
}
.prosthesis__advantages-item:before {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "" counter(css-counter);
  flex-shrink: 0;
  width: 50px;
  font-size: 22px;
  line-height: 27px;
  color: #f7fbff;
  color: var(--bg);
  background-color: #3c5584;
  background-color: var(--accent_color);
}
.prosthesis__advantages-item:not(:first-child) {
  margin-top: 20px;
}
.prosthesis__advantages-item:nth-child(3n + 2):before {
  background-color: #566d96;
  background-color: var(--bg_5);
}
.prosthesis__advantages-item:nth-child(3n + 3):before {
  background-color: #859ac0;
  background-color: var(--bg_10);
}
.prosthesis__advantages-content {
  flex-basis: 100%;
  padding: 25px 20px 25px 25px;
  background-color: #fff;
  background-color: var(--white);
}
.prosthesis__advantages-title {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 22px;
  color: #3c5584;
  color: var(--accent_color);
}
.prosthesis__advantages-text {
  margin-top: 10px;
  line-height: 22px;
  color: #3f4254;
  color: var(--second_color);
}
.prosthesis__info {
  grid-area: prosthesis__info;
}
.prosthesis__video {
  display: flex;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.6s;
  transition-property: opacity, transform;
}
.prosthesis__video.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.prosthesis__video-preview {
  border-radius: 5px;
}
.prosthesis__text {
  position: relative;
  margin-top: 30px;
  padding: 29px 28px 28px;
  background-color: #f7fbff;
  background-color: var(--bg);
  border: 1px solid #adb8cb;
  border: 1px solid var(--bg_border);
  border-radius: 5px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.9s;
  transition-property: opacity, transform;
}
.prosthesis__text.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.prosthesis__text:before {
  content: "";
  position: absolute;
  width: 62px;
  height: 87px;
  top: -29px;
  left: -18px;
  background-image: url(../i/59f7c52387a02dfa39fd6ccb6fe35100.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.prosthesis__text-title {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 22px;
  line-height: 27px;
}
.prosthesis__text-list {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 15px;
  gap: 15px;
  margin-top: 30px;
}
.prosthesis__text-item {
  display: flex;
  align-items: center;
  grid-column-gap: 10px;
  column-gap: 10px;
  padding: 4px 9px;
  line-height: 23px;
  color: #3f4254;
  color: var(--second_color);
  background-color: #fff;
  background-color: var(--white);
  border: 1px dashed #adb8cb;
  border: 1px dashed var(--bg_border);
  border-radius: 5px;
}
.prosthesis__text-item:before {
  content: "";
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background-image: url(../i/d8bb1db5547c01bf93580a23f95eac96.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1320px) {
  .prosthesis {
    padding-top: 115px;
    padding-bottom: 115px;
    background-color: #dfe7f3;
    background-color: var(--bg_6);
    border-radius: 5px;
  }
  .prosthesis__grid {
    grid-template-areas: "prosthesis__header prosthesis__header" "prosthesis__advantages-list prosthesis__info";
    grid-template-columns: auto 450px;
    grid-column-gap: 66px;
    column-gap: 66px;
    grid-row-gap: 50px;
    row-gap: 50px;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    background-color: initial;
  }
  .prosthesis__header {
    max-width: 553px;
  }
  .prosthesis__subtitle {
    margin-top: 8px;
    font-size: 26px;
    line-height: 34px;
  }
  .prosthesis__advantages-text,
  .prosthesis__advantages-title {
    font-size: 16px;
    line-height: 19px;
  }
  .prosthesis__info {
    margin-top: -87px;
  }
  .prosthesis__text {
    margin-top: 38px;
    margin-left: -2px;
    padding: 19px 128px 22px 39px;
  }
  .prosthesis__text:before {
    left: -16px;
  }
  .prosthesis__text-title {
    font-size: 18px;
    line-height: 22px;
  }
  .prosthesis__text-list {
    margin-top: 20px;
  }
  .prosthesis__text-item {
    font-size: 16px;
    line-height: 21px;
  }
}
@media screen and (max-width: 1023px) {
  .prosthesis {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .prosthesis__grid {
    display: block;
  }
  .prosthesis__header {
    max-width: 472px;
  }
  .prosthesis__subtitle {
    font-size: 22px;
    line-height: 29px;
  }
  .prosthesis__advantages-list {
    max-width: 100%;
    margin-top: 40px;
  }
  .prosthesis__advantages-text {
    margin-top: 8px;
  }
  .prosthesis__advantages-item:not(:first-child) {
    margin-top: 15px;
  }
  .prosthesis__info {
    display: flex;
    align-items: flex-end;
    grid-column-gap: 15px;
    column-gap: 15px;
    margin-top: 37px;
  }
  .prosthesis__video {
    min-width: 373px;
  }
  .prosthesis__text {
    max-width: 486px;
    margin-top: 0;
    margin-left: 0;
    padding: 19px 23px 22px 24px;
  }
}
@media screen and (max-width: 767px) {
  .prosthesis {
    padding-top: 56px;
    padding-bottom: 68px;
  }
  .prosthesis__subtitle {
    margin-top: 5px;
    font-size: 20px;
    line-height: 24px;
  }
  .prosthesis__advantages-list {
    max-width: 330px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
  }
  .prosthesis__advantages-item:before {
    width: 30px;
    font-size: 20px;
    line-height: 24px;
  }
  .prosthesis__advantages-content {
    padding: 15px;
  }
  .prosthesis__advantages-text {
    margin-top: 6px;
  }
  .prosthesis__info {
    display: block;
    max-width: 330px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .prosthesis__video {
    min-width: auto;
  }
  .prosthesis__text {
    margin-top: 38px;
  }
}
.healing {
  padding-top: 130px;
  padding-bottom: 130px;
  background-color: #3c5584;
  background-color: var(--accent_color);
  border-radius: 10px;
}
.healing__title {
  max-width: 838px;
  color: #fff;
  color: var(--white);
  text-transform: none;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.1s;
  transition-property: opacity, transform;
}
.healing__title.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.healing__title .accent {
  color: #fc9;
  color: var(--text_color_4);
}
.healing__grid {
  display: flex;
  align-items: flex-start;
  grid-column-gap: 120px;
  column-gap: 120px;
  margin-top: 60px;
}
.healing__prices-list {
  position: relative;
  flex-grow: 1;
  width: 100%;
  max-width: 586px;
  padding: 44px 45px;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
  border-radius: 5px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.3s;
  transition-property: opacity, transform;
}
.healing__prices-list.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.healing__prices-list:after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  right: -60px;
  border-right: 1px dashed #adb8cb;
  border-right: 1px dashed var(--bg_border);
}
.healing__prices-item:not(:first-child) {
  margin-top: 52px;
}
.healing__stages-header {
  position: relative;
  max-width: 306px;
}
.healing__prices-image {
  position: absolute;
  right: 12px;
  top: -35px;
  transform: translateX(100%);
}
.healing__prices-title {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  line-height: 34px;
  color: #3f4254;
  color: var(--second_color);
}
.healing__prices-title .accent {
  color: #3c5584;
  color: var(--accent_color);
  text-transform: uppercase;
}
.healing__prices-grid {
  display: flex;
  grid-column-gap: 10px;
  column-gap: 10px;
  margin-top: 30px;
}
.healing__prices-container {
  text-align: center;
  width: 100%;
  max-width: 220px;
  padding: 15px 10px;
  background-color: #fff;
  background-color: var(--white);
  border-radius: 5px;
}
.healing__price-old {
  font-weight: 300;
  font-size: 30px;
  line-height: 30px;
  color: #adb8cb;
  color: var(--bg_border);
  text-decoration: line-through;
}
.healing__price-new,
.healing__price-old {
  font-family: Inter, sans-serif;
  font-style: normal;
}
.healing__price-new {
  font-weight: 700;
  margin-top: 5px;
  font-size: 24px;
  line-height: 24px;
  color: #3c5584;
  color: var(--accent_color);
}
.healing__prices-offer {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 18px;
  background-color: #fc9;
  background-color: var(--bg_2);
  color: #8d5926;
  color: var(--text_color_2);
  border-radius: 3px;
}
.healing__installment {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  width: 100%;
  max-width: 266px;
  padding: 10px 8px;
  font-size: 20px;
  line-height: 20px;
  background-color: #3c5584;
  background-color: var(--accent_color);
  border-radius: 5px;
}
.healing__installment-text {
  color: #fff;
  color: var(--white);
}
.healing__installment-text .accent {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  color: #fff;
  color: var(--white);
}
.healing__installment-text .small-text {
  font-size: 24px;
}
.healing__corners-top:after,
.healing__corners-top:before {
  content: "";
  position: absolute;
  top: 10px;
  width: 22px;
  height: 17px;
  background-image: url(../i/3edd9cea324daec798bb134c5e7dd65b.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.healing__corners-top:before {
  right: 10px;
}
.healing__corners-top:after {
  left: 10px;
  transform: scaleX(-1);
}
.healing__corners-bottom:after,
.healing__corners-bottom:before {
  content: "";
  position: absolute;
  bottom: 10px;
  width: 22px;
  height: 17px;
  background-image: url(../i/3edd9cea324daec798bb134c5e7dd65b.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
.healing__corners-bottom:before {
  left: 10px;
}
.healing__corners-bottom:after {
  right: 10px;
  transform: rotate(180deg) scaleX(-1);
}
.healing__prices-gift {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
  width: 100%;
  grid-column-gap: 10px;
  column-gap: 10px;
  margin-top: 10px;
  padding: 9px 40px;
  line-height: 22px;
  color: #3f4254;
  color: var(--second_color);
  background-color: #f7fbff;
  background-color: var(--bg);
  border: 1px dashed #adb8cb;
  border: 1px dashed var(--bg_border);
  border-radius: 5px;
}
.healing__prices-gift:before {
  content: "";
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  background-image: url(../i/fc90279ad30d86c6cdd133d1b7c7e340.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.healing__tooltip {
  max-height: 20px;
}
.healing__tooltip-text {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: 5px;
  column-gap: 5px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 17px;
  color: #626262;
  color: var(--text_color);
}
.healing__tooltip-text [data-js="tooltip-button"] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../i/cdedf421fc1222f6848dbbe2fa6138b7.svg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.healing__form-wrapper {
  max-width: 469px;
  margin-top: 19px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.6s;
  transition-property: opacity, transform;
}
.healing__form-wrapper.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.healing__form-title {
  font-size: 22px;
  line-height: 27px;
  color: #fff;
  color: var(--white);
}
.healing__form {
  display: flex;
  flex-direction: column;
  grid-row-gap: 20px;
  row-gap: 20px;
  margin-top: 35px;
}
@media screen and (max-width: 1320px) {
  .healing {
    padding-top: 115px;
    padding-bottom: 115px;
    border-radius: 0;
  }
  .healing__title {
    max-width: 698px;
    line-height: 39px;
  }
  .healing__grid {
    margin-top: 50px;
    grid-column-gap: 71px;
    column-gap: 71px;
  }
  .healing__prices-list {
    max-width: 100%;
    min-width: 470px;
    padding: 40px 30px 33px;
  }
  .healing__prices-list:after {
    right: -35px;
  }
  .healing__stages-header {
    max-width: 267px;
  }
  .healing__prices-title {
    font-size: 24px;
    line-height: 29px;
  }
  .healing__prices-image {
    max-width: 186px;
    right: 27px;
    top: -22px;
  }
  .healing__prices-grid {
    margin-top: 38px;
  }
  .healing__prices-container {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .healing__price-old {
    font-size: 28px;
    line-height: 28px;
  }
  .healing__price-new {
    font-size: 22px;
    line-height: 22px;
  }
  .healing__prices-offer {
    padding-left: 8px;
    padding-right: 8px;
  }
  .healing__installment {
    min-width: 210px;
    max-width: 100%;
  }
  .healing__installment-text {
    font-size: 18px;
    line-height: 18px;
  }
  .healing__installment-text .accent {
    display: inline-block;
    margin-bottom: 3px;
    font-size: 30px;
    line-height: 30px;
  }
  .healing__tooltip-text {
    margin-top: 15px;
  }
  .healing__form-wrapper {
    max-width: 393px;
    margin-top: 21px;
  }
  .healing__form-wrapper .form__group .input {
    padding-left: 114px;
  }
  .healing__form-wrapper .form__policy br {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .healing {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .healing__title {
    max-width: 567px;
    line-height: 34px;
  }
  .healing__grid {
    grid-column-gap: 48px;
    column-gap: 48px;
    margin-top: 40px;
  }
  .healing__prices-list {
    min-width: 340px;
    padding: 29px 15px;
  }
  .healing__prices-list:after {
    right: -24px;
  }
  .healing__stages-header {
    max-width: 208px;
  }
  .healing__prices-title {
    font-size: 20px;
    line-height: 24px;
  }
  .healing__prices-title .accent {
    display: inline-block;
    margin-top: 3px;
  }
  .healing__prices-image {
    max-width: 133px;
    right: 20px;
    top: -16px;
  }
  .healing__prices-grid {
    flex-direction: column;
    grid-row-gap: 10px;
    row-gap: 10px;
    margin-top: 21px;
  }
  .healing__prices-container {
    max-width: 100%;
    padding-top: 15px;
    padding-bottom: 16px;
  }
  .healing__prices-price {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-gap: 5px;
    column-gap: 5px;
  }
  .healing__price-old {
    font-size: 26px;
    line-height: 26px;
  }
  .healing__price-new {
    margin-top: 0;
    font-size: 20px;
    line-height: 20px;
  }
  .healing__prices-offer {
    min-width: 190px;
    margin-top: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 12px;
    line-height: 15px;
  }
  .healing__installment {
    min-width: auto;
    padding: 16px 46px 20px;
  }
  .healing__installment-text {
    font-size: 16px;
    line-height: 16px;
  }
  .healing__installment-text .accent {
    margin-bottom: 2px;
    font-size: 26px;
    line-height: 26px;
  }
  .healing__installment-text .small-text {
    font-size: 16px;
    line-height: 16px;
  }
  .healing__corners-top:before {
    right: 8px;
  }
  .healing__corners-bottom:before,
  .healing__corners-top:after {
    left: 8px;
  }
  .healing__corners-bottom:after {
    right: 8px;
  }
  .healing__prices-gift {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 19px;
  }
  .healing__prices-gift:before {
    width: 25px;
    height: 25px;
  }
  .healing__tooltip-text {
    margin-top: 10px;
  }
  .healing__form-wrapper {
    flex-shrink: 0;
    max-width: 330px;
    margin-top: 51px;
  }
  .healing__form-wrapper .form__group .input {
    padding-left: 83px;
  }
  .healing__form-wrapper .form__policy br {
    display: none;
  }
  .healing__form-title {
    font-size: 18px;
    line-height: 22px;
  }
  .healing__form {
    grid-row-gap: 10px;
    row-gap: 10px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .healing {
    margin-top: -10px;
    padding-top: 66px;
    padding-bottom: 59px;
    border-radius: 5px;
  }
  .healing__title {
    line-height: 31px;
  }
  .healing__grid {
    flex-direction: column;
    max-width: 330px;
    grid-row-gap: 30px;
    row-gap: 30px;
    margin-top: 23px;
    margin-left: auto;
    margin-right: auto;
  }
  .healing__prices-list {
    min-width: auto;
    padding: 30px 10px;
    overflow: hidden;
  }
  .healing__stages-header {
    max-width: 200px;
  }
  .healing__prices-title .accent {
    margin-top: 0;
  }
  .healing__prices-image {
    max-width: 162px;
    right: 7px;
    top: -32px;
  }
  .healing__prices-grid {
    flex-direction: row;
    grid-column-gap: 5px;
    column-gap: 5px;
    margin-top: 24px;
  }
  .healing__prices-container {
    max-width: 148px;
    padding: 12px 8px 10px;
  }
  .healing__prices-price {
    flex-direction: column;
    grid-row-gap: 3px;
    row-gap: 3px;
  }
  .healing__price-old {
    font-size: 22px;
    line-height: 22px;
  }
  .healing__price-new {
    font-size: 16px;
    line-height: 16px;
  }
  .healing__prices-offer {
    min-width: auto;
    margin-top: 11px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .healing__installment {
    max-width: 157px;
    padding: 8px 6px;
  }
  .healing__installment-text .accent {
    font-size: 24px;
    line-height: 24px;
  }
  .healing__corners-top:after,
  .healing__corners-top:before {
    width: 17px;
    height: 14px;
    top: 6px;
  }
  .healing__corners-top:before {
    right: 6px;
  }
  .healing__corners-top:after {
    left: 6px;
  }
  .healing__corners-bottom:after,
  .healing__corners-bottom:before {
    width: 17px;
    height: 14px;
    bottom: 6px;
  }
  .healing__corners-bottom:before {
    left: 6px;
  }
  .healing__corners-bottom:after {
    right: 6px;
  }
  .healing__prices-gift {
    margin-top: 4px;
  }
  .healing__tooltip-text {
    margin-top: 11px;
    font-size: 12px;
    line-height: 15px;
  }
  .healing__tooltip {
    max-height: 15px;
  }
  .healing__tooltip [data-js="tooltip-button"] {
    width: 15px;
    height: 15px;
  }
  .healing__form-wrapper {
    margin-top: 0;
  }
  .healing__form-wrapper .form__policy {
    margin-top: 20px;
  }
}
@media screen and (max-width: 359px) {
  .healing__form-wrapper .form__group .input {
    padding-left: 0;
  }
}
.contacts {
  padding-top: 145px;
  padding-bottom: 145px;
}
.contacts__grid {
  display: flex;
  align-items: center;
  grid-column-gap: 45px;
  column-gap: 45px;
}
.contacts__header {
  display: none;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.1s;
  transition-property: opacity, transform;
}
.contacts__header.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.contacts__title {
  max-width: 486px;
}
.contacts__left {
  width: 100%;
  max-width: 535px;
}
.contacts__left-header {
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.1s;
  transition-property: opacity, transform;
}
.contacts__left-header.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.contacts__subtitle {
  margin-top: 10px;
  font-size: 30px;
  line-height: 39px;
}
.contacts__affiliates {
  margin-top: 60px;
  z-index: 1;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.3s;
  transition-property: opacity, transform;
}
.contacts__affiliates.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.contacts__affiliates-list {
  position: relative;
  max-width: 400px;
  z-index: 1;
}
.contacts__affiliates-title {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 29px;
  color: #3c5584;
  color: var(--accent_color);
}
.contacts__affiliates-text {
  font-size: 22px;
  line-height: 29px;
  color: #3f4254;
  color: var(--second_color);
}
.contacts__item_title {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 80px;
  padding: 14px 55px 14px 30px;
  background-color: #fff;
  background-color: var(--white);
  box-shadow: 1px 6px 10px 0 rgba(218, 224, 234, 0.30196);
  box-shadow: 1px 6px 10px 0 var(--bg_shadow_2);
  border: 1px solid #adb8cb;
  border: 1px solid var(--bg_border);
  border-radius: 5px;
  cursor: pointer;
}
.contacts__item_title:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 15px;
  height: 15px;
  background-image: url(../i/64ea7005649579b0e375cc090c480a17.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  transform: translateY(-50%);
}
.contacts__list-header {
  margin-top: 20px;
}
.contacts__list-header.active .contacts__item_title:after {
  transform: translateY(-50%) rotate(180deg);
}
.contacts__item {
  -webkit-user-select: none;
  user-select: none;
}
.contacts__list-body {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  padding-top: 80px;
  border-radius: 5px;
  background-color: #fff;
  background-color: var(--white);
}
.contacts__list-body.active {
  display: block;
}
.contacts__list-body .contacts__item {
  position: relative;
  padding: 10px 30px;
  transition: background-color 0.3s ease;
}
.contacts__list-body .contacts__item.active {
  display: none;
}
.contacts__list-body .contacts__item:not(:last-child) {
  padding-bottom: 9px;
  border-bottom: 1px dashed #adb8cb;
  border-bottom: 1px dashed var(--bg_border);
}
.contacts__list-body .contacts__item:hover {
  background-color: #dfe7f3;
  background-color: var(--bg_6);
}
.contacts__items-list {
  display: flex;
  flex-direction: column;
}
.contacts__item-metro {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 23px;
  letter-spacing: -0.5px;
  color: #3c5584;
  color: var(--accent_color);
}
.contacts__item-address {
  margin-top: 4px;
  line-height: 23px;
  color: #3f4254;
  color: var(--second_color);
}
.contacts__info {
  position: relative;
  margin-top: 40px;
  z-index: 0;
}
.contacts__phones {
  display: flex;
  align-items: center;
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  grid-column-gap: 15px;
  column-gap: 15px;
}
.contacts__phones:before {
  content: "";
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  background-image: url(../i/4a75559a3c6c0431c4fdac41361994d5.svg);
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.contacts__phones .phone {
  font-size: 30px;
  line-height: 36px;
  color: #3c5584;
  color: var(--accent_color);
  transition: color 0.3s ease;
}
.contacts__phones .phone:hover {
  color: #ffad60;
  color: var(--bg_3);
}
.contacts__worktime {
  margin-top: 7px;
  margin-left: 43px;
  font-size: 20px;
  line-height: 22px;
  color: #626262;
  color: var(--text_color);
}
.contacts__affiliates-item {
  display: flex;
  align-items: center;
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
  grid-column-gap: 15px;
  column-gap: 15px;
  margin-top: 35px;
  font-size: 20px;
  line-height: 24px;
  color: #3f4254;
  color: var(--second_color);
}
.contacts__affiliates-item:before {
  content: "";
  flex-shrink: 0;
  width: 25px;
  height: 33px;
  background-image: url(../i/aca69ca79675b8ff59a9945d7fbea60c.svg);
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.contacts__button {
  max-width: 350px;
  margin-top: auto;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.9s;
  transition-property: opacity, transform;
}
.contacts__button.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.contacts__button-back {
  letter-spacing: 0.7px;
}
.contacts__map {
  position: relative;
  max-width: 100%;
  width: 100%;
  height: 477px;
  overflow: hidden;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease 0.6s;
  transition-property: opacity, transform;
}
.contacts__map.animate-active {
  opacity: 1;
  transform: translateY(0);
}
.contacts_without-metro .contacts__item_title {
  min-height: 63px;
  padding-top: 19px;
  padding-bottom: 19px;
}
.contacts_without-metro .contacts__item-address {
  margin-top: 0;
}
.contacts_without-metro .contacts__list-body {
  padding-top: 63px;
}
.contacts_without-metro .contacts__list-body .contacts__item {
  padding-top: 15px;
  padding-bottom: 15px;
}
.contacts_without-metro .contacts__list-body .contacts__item:not(:last-child) {
  padding-bottom: 14px;
}
.page_success .contacts {
  padding-bottom: 138px;
}
.page_success .contacts__grid {
  align-items: stretch;
}
.page_success .contacts__title {
  max-width: 535px;
}
.page_success .contacts__left {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  margin-bottom: 8px;
}
.page_success .contacts__affiliates-text .accent {
  display: inline-block;
  margin-right: 4px;
}
.page_success .contacts__affiliates-item {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-top: 40px;
  color: #3f4254;
  color: var(--second_color);
}
.page_success .contacts__address-metro {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #3c5584;
  color: var(--accent_color);
}
@media screen and (max-width: 1320px) {
  .contacts {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .contacts__grid {
    grid-column-gap: 40px;
    column-gap: 40px;
  }
  .contacts__title {
    max-width: 358px;
  }
  .contacts__left {
    flex-shrink: 0;
    max-width: 455px;
  }
  .contacts__subtitle {
    margin-top: 8px;
    font-size: 26px;
    line-height: 34px;
  }
  .contacts__affiliates-text,
  .contacts__affiliates-title {
    font-size: 20px;
    line-height: 26px;
  }
  .contacts__phones .phone {
    font-size: 26px;
    line-height: 31px;
  }
  .contacts__worktime {
    font-size: 18px;
    line-height: 20px;
  }
  .contacts__map {
    height: 475px;
  }
  .contacts__affiliates-item {
    font-size: 18px;
    line-height: 22px;
  }
  .contacts_without-metro .contacts__item_title {
    max-width: 350px;
  }
  .page_success .contacts {
    padding-bottom: 130px;
  }
  .page_success .contacts__map {
    height: 352px;
  }
  .page_success .contacts__left {
    margin-top: 0;
    margin-bottom: 0;
  }
  .page_success .contacts__affiliates-text {
    font-size: 18px;
    line-height: 20px;
  }
  .page_success .contacts__affiliates-text .accent {
    margin-right: 1px;
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 1023px) {
  .contacts {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .contacts__header {
    grid-area: contacts__header;
  }
  .contacts__grid {
    display: block;
  }
  .contacts__title {
    max-width: 566px;
  }
  .contacts__left {
    grid-area: contacts__left;
    max-width: 100%;
    margin-top: 0;
  }
  .contacts__subtitle {
    max-width: 566px;
    font-size: 22px;
    line-height: 29px;
  }
  .contacts__affiliates {
    margin-top: 40px;
  }
  .contacts__affiliates-text {
    font-size: 18px;
    line-height: 23px;
  }
  .contacts__info-wrapper {
    display: flex;
    align-items: flex-start;
    grid-column-gap: 41px;
    column-gap: 41px;
    margin-top: 30px;
  }
  .contacts__info {
    margin-top: 0;
  }
  .contacts__phones .phone {
    font-size: 24px;
    line-height: 29px;
  }
  .contacts__worktime {
    font-size: 16px;
    line-height: 18px;
  }
  .contacts__affiliates-item {
    margin-top: 0;
  }
  .contacts__button {
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: 100px;
    transform: translate(-50%, 20px);
  }
  .contacts__button.animate-active {
    transform: translate(-50%);
  }
  .contacts__button-back {
    font-size: 18px;
    line-height: 21px;
  }
  .contacts__map {
    grid-area: contacts__map;
    height: 370px;
    margin-top: 40px;
  }
  .contacts_many-address .contacts__header {
    display: block;
  }
  .contacts_many-address .contacts__grid {
    display: grid;
    grid-template-areas: "contacts__header contacts__header" "contacts__left contacts__map";
    grid-template-columns: 308px auto;
    align-items: flex-start;
    grid-row-gap: 40px;
    row-gap: 40px;
  }
  .contacts_many-address .contacts__left-header {
    display: none;
  }
  .contacts_many-address .contacts__affiliates {
    margin-top: 20px;
  }
  .contacts_many-address .contacts__affiliates-title {
    font-size: 18px;
    line-height: 23px;
  }
  .contacts_many-address .contacts__info,
  .contacts_many-address .contacts__list-header {
    margin-top: 30px;
  }
  .contacts_many-address .contacts__map {
    margin-top: 0;
  }
  .contacts_without-metro .contacts__item_title {
    padding-left: 20px;
  }
  .contacts_without-metro .contacts__list-body .contacts__item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .page_success .contacts {
    padding-bottom: 210px;
  }
  .page_success .contacts__affiliates {
    display: flex;
    align-items: center;
    grid-column-gap: 101px;
    column-gap: 101px;
  }
  .page_success .contacts_many-address {
    padding-bottom: 100px;
  }
  .page_success .contacts_many-address .contacts__left {
    height: 100%;
  }
  .page_success .contacts_many-address .contacts__affiliates {
    flex-direction: column;
    align-items: flex-start;
    grid-row-gap: 28px;
    row-gap: 28px;
  }
  .page_success .contacts_many-address .contacts__list-header {
    margin-top: 0;
  }
  .page_success .contacts_many-address .contacts__affiliates-list {
    width: 100%;
  }
  .page_success .contacts_many-address .contacts__button {
    position: static;
    transform: translateY(20px);
  }
  .page_success .contacts_many-address .contacts__button.animate-active {
    transform: translateY(0);
  }
  .page_success .contacts__affiliates-item,
  .page_success .contacts__info-wrapper {
    margin-top: 0;
  }
  .page_success .contacts__affiliates-text {
    font-size: 16px;
    line-height: 18px;
  }
  .page_success .contacts__affiliates-text .accent {
    margin-right: 2px;
    font-size: 18px;
    line-height: 23px;
  }
  .page_success .contacts__map {
    height: 475px;
  }
}
@media screen and (max-width: 767px) {
  .contacts {
    padding-top: 68px;
    padding-bottom: 0;
  }
  .contacts__subtitle {
    margin-top: 5px;
    font-size: 20px;
    line-height: 24px;
  }
  .contacts__affiliates {
    max-width: 330px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
  }
  .contacts__affiliates-text {
    font-size: 16px;
    line-height: 21px;
  }
  .contacts__info-wrapper {
    flex-direction: column;
    grid-row-gap: 20px;
    row-gap: 20px;
    margin-top: 25px;
  }
  .contacts__phones {
    grid-column-gap: 7px;
    column-gap: 7px;
  }
  .contacts__phones:before {
    width: 20px;
    height: 20px;
  }
  .contacts__phones .phone {
    font-size: 22px;
    line-height: 27px;
  }
  .contacts__worktime {
    margin-top: 4px;
    margin-left: 31px;
    font-size: 15px;
    line-height: 17px;
  }
  .contacts__affiliates-item {
    grid-column-gap: 10px;
    column-gap: 10px;
    font-size: 16px;
    line-height: 19px;
  }
  .contacts__affiliates-item:before {
    width: 20px;
    height: 26px;
  }
  .contacts__button {
    max-width: 330px;
    bottom: 68px;
  }
  .contacts__map {
    width: calc(100% + 30px);
    max-width: unset;
    height: 525px;
    margin-top: 35px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .contacts_many-address .contacts__grid {
    display: block;
  }
  .contacts_many-address .contacts__affiliates {
    margin-top: 25px;
  }
  .contacts_many-address .contacts__item_title {
    min-height: 66px;
    padding: 9px 55px 9px 20px;
  }
  .contacts_many-address .contacts__list-header {
    margin-top: 20px;
  }
  .contacts_many-address .contacts__item-address,
  .contacts_many-address .contacts__item-metro {
    font-size: 16px;
    line-height: 21px;
  }
  .contacts_many-address .contacts__list-body {
    padding-top: 66px;
  }
  .contacts_many-address .contacts__list-body .contacts__item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .contacts_many-address .contacts__info {
    margin-top: 25px;
  }
  .contacts_many-address .contacts__map {
    margin-top: 35px;
  }
  .contacts_without-metro .contacts__item_title {
    min-height: 61px;
  }
  .page_success .contacts {
    padding-bottom: 183px;
  }
  .page_success .contacts__title {
    margin-right: -2px;
    letter-spacing: -0.5px;
  }
  .page_success .contacts_many-address .contacts__button {
    position: absolute;
    bottom: 68px;
    transform: translate(-50%, 20px);
  }
  .page_success .contacts_many-address .contacts__button.animate-active {
    transform: translate(-50%);
  }
  .page_success .contacts__affiliates {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    grid-row-gap: 20px;
    row-gap: 20px;
    margin-top: 35px;
  }
  .page_success .contacts__affiliates-text,
  .page_success .contacts__affiliates-text .accent {
    font-size: 15px;
    line-height: 17px;
  }
  .page_success .contacts__map {
    height: 525px;
  }
}
.footer {
  padding-top: 92px;
  padding-bottom: 93px;
  background-color: #3c5584;
  background-color: var(--accent_color);
}
.footer__licenses {
  display: none;
}
.footer__grid {
  display: grid;
  grid-template-areas: "footer__logo footer__requisites footer__sinergium" "footer__consultation footer__policy footer__sinergium";
  grid-template-columns: 325px 292px auto;
  justify-content: space-between;
  grid-row-gap: 30px;
  row-gap: 30px;
  grid-column-gap: 76px;
  column-gap: 76px;
}
.footer__logo {
  grid-area: footer__logo;
}
.footer__offer {
  margin-top: 35px;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #adb8cb;
  color: var(--bg_border);
}
.footer__consultation {
  grid-area: footer__consultation;
  margin-top: 5px;
  font-size: 16px;
}
.footer__consultation,
.footer__requisites {
  line-height: 20px;
  color: #fff;
  color: var(--white);
}
.footer__requisites {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  grid-area: footer__requisites;
  margin-top: 59px;
  font-size: 18px;
}
.footer__requisites .link_dashed > span {
  border-bottom: 1px dashed #dfe7f3;
  border-bottom: 1px dashed var(--bg_6);
  transition: border 0.2s ease, color 0.2s ease;
}
.footer__requisites .link_dashed:hover > span {
  color: #fc9;
  color: var(--text_color_4);
  border-bottom: 1px dashed #fc9;
  border-bottom: 1px dashed var(--text_color_4);
}
.footer__policy {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  grid-area: footer__policy;
  margin-top: -34px;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
  color: var(--white);
}
.footer__policy-text {
  border-bottom: 1px dashed #dfe7f3;
  border-bottom: 1px dashed var(--bg_6);
  transition: border 0.2s ease, color 0.2s ease;
}
.footer__policy-text:hover {
  color: #fc9;
  color: var(--text_color_4);
  border-bottom: 1px dashed #fc9;
  border-bottom: 1px dashed var(--text_color_4);
}
.footer__sinergium {
  display: flex;
  align-items: center;
  grid-area: footer__sinergium;
  min-width: 347px;
  grid-column-gap: 17px;
  column-gap: 17px;
  margin-left: auto;
  font-size: 15px;
  line-height: 24px;
  color: #fff;
  color: var(--white);
}
.footer__sinergium-link {
  border-bottom: 1px solid;
  transition: border 0.3s ease;
}
.footer__sinergium-link:hover {
  border-bottom: 1px solid transparent;
}
.page_success .footer__grid {
  grid-template-areas: "footer__logo footer__policy footer__sinergium" "footer__consultation footer__policy footer__sinergium";
}
.page_success .footer__policy {
  align-self: center;
  margin-top: 0;
}
@media screen and (max-width: 1320px) {
  .footer {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .footer__grid {
    grid-template-areas: "footer__logo footer__requisites" "footer__logo footer__policy" "footer__consultation footer__sinergium";
    grid-template-columns: 325px 347px;
    grid-template-rows: auto 1fr auto;
    grid-row-gap: 20px;
    row-gap: 20px;
    grid-column-gap: 60px;
    column-gap: 60px;
  }
  .footer__consultation {
    margin-top: 15px;
  }
  .footer__requisites {
    margin-top: 19px;
  }
  .footer__policy {
    margin-top: 4px;
  }
  .footer__sinergium {
    margin-top: -30px;
    letter-spacing: 0.2px;
  }
  .page_success .footer__grid {
    grid-template-areas: "footer__logo footer__policy" "footer__logo footer__sinergium" "footer__consultation footer__sinergium";
  }
  .page_success .footer__policy {
    margin-top: 41px;
  }
  .page_success .footer__sinergium {
    margin-top: -16px;
  }
}
@media screen and (max-width: 1023px) {
  .footer {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .footer__grid {
    grid-template-columns: 325px 347px;
    grid-row-gap: 20px;
    row-gap: 20px;
    grid-column-gap: 46px;
    column-gap: 46px;
  }
  .footer__requisites {
    margin-top: 19px;
  }
}
@media screen and (max-width: 767px) {
  .footer__grid {
    position: relative;
    display: block;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
  .footer__logo .image {
    max-width: 165px;
  }
  .footer__offer {
    margin-top: 15px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
  }
  .footer__requisites {
    display: none;
  }
  .footer__requisites_show {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-column-gap: 11px;
    column-gap: 11px;
    margin-top: 0;
    padding: 15px 19px 17px 16px;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    color: var(--white);
    letter-spacing: 0.4px;
  }
  .footer__requisites_show:after {
    content: "";
    width: 16px;
    height: 14px;
    background-image: url(../i/48010d337c7ea35eea05b193316839a9.svg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .footer__licenses {
    display: block;
    width: 100%;
    margin-top: 20px;
    background-color: #566d96;
    background-color: var(--bg_5);
    border-radius: 5px;
  }
  .footer__licenses .footer__licenses-wrapper {
    display: none;
  }
  .footer__licenses.active {
    background-color: #fff;
    background-color: var(--white);
  }
  .footer__licenses.active .footer__requisites_show {
    font-size: 16px;
    color: #3f4254;
    color: var(--second_color);
  }
  .footer__licenses.active .footer__requisites_show:after {
    width: 15px;
    height: 16px;
    background-image: url(../i/64ea7005649579b0e375cc090c480a17.svg);
  }
  .footer__licenses.active .footer__licenses-wrapper {
    display: block;
    padding: 0 8px 37px 16px;
  }
  .footer__licenses.active .footer__requisites:after {
    transform: rotate(180deg);
  }
  .footer__licenses-header {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    gap: 10px;
  }
  .footer__licenses-image {
    max-width: 73px;
  }
  .footer__licenses-image .image {
    object-fit: cover;
    max-height: 103px;
    border: 1px solid #3c5584;
    border: 1px solid var(--accent_color);
    border-radius: 5px;
  }
  .footer__licenses-item {
    margin-top: 20px;
  }
  .footer__licenses-text {
    font-size: 14px;
    line-height: 22px;
  }
  .footer__licenses-info {
    margin-top: 25px;
    font-size: 15px;
    line-height: 13px;
  }
  .footer__licenses-inn,
  .footer__licenses-kpp,
  .footer__licenses-ogrn {
    margin-top: 10px;
  }
  .footer__licenses-address,
  .footer__phone-wrapper {
    margin-top: 25px;
    font-size: 14px;
    line-height: 22px;
  }
  .footer__phone {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
  }
  .footer__phone .phone {
    color: #3c5584;
    color: var(--accent_color);
  }
  .footer__phone .phone:hover {
    color: #ffad60;
    color: var(--bg_3);
  }
  .footer__mail {
    font-weight: 600;
    margin-top: 5px;
  }
  .footer__consultation,
  .footer__mail {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
  }
  .footer__consultation {
    font-weight: 400;
    max-width: 100%;
    margin-top: 20px;
    letter-spacing: 0.4px;
  }
  .footer__policy {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-top: 15px;
    font-size: 14px;
    line-height: 22px;
  }
  .footer__policy-text {
    border-bottom: 1px dashed #adb8cb;
    border-bottom: 1px dashed var(--bg_border);
  }
  .footer__sinergium {
    min-width: auto;
    grid-column-gap: 19px;
    column-gap: 19px;
    margin-top: 25px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
  }
  .footer__sinergium-link {
    color: #81c400;
    color: var(--text_color_7);
  }
  .page_success .footer__policy {
    margin-top: 18px;
  }
  .page_success .footer__sinergium {
    margin-top: 25px;
  }
}
.error-block {
  padding-top: 100px;
  padding-bottom: 130px;
}
.error-block .row {
  max-width: 614px;
}
.eb__title {
  font-weight: 300;
  font-size: 40px;
  line-height: 48px;
  text-transform: none;
}
.eb__status,
.eb__title {
  font-family: Inter, sans-serif;
  font-style: normal;
  text-align: center;
}
.eb__status {
  font-weight: 700;
  margin-top: 25px;
  font-size: 300px;
  line-height: 360px;
  color: #3c5584;
  color: var(--accent_color);
}
.eb__button {
  max-width: 350px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1320px) {
  .error-block {
    padding-top: 90px;
  }
  .error-block .row {
    max-width: 411px;
  }
  .eb__title {
    font-size: 30px;
    line-height: 36px;
  }
  .eb__status {
    font-size: 200px;
    line-height: 240px;
  }
}
@media screen and (max-width: 1023px) {
  .error-block {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .error-block .row {
    max-width: 350px;
  }
  .eb__title {
    font-size: 28px;
    line-height: 35px;
  }
  .eb__status {
    font-size: 150px;
    line-height: 180px;
  }
}
@media screen and (max-width: 767px) {
  .error-block {
    padding-top: 41px;
    padding-bottom: 60px;
  }
  .error-block .row {
    max-width: 330px;
  }
  .eb__title {
    font-size: 20px;
    line-height: 24px;
  }
  .eb__button,
  .eb__status {
    margin-top: 15px;
  }
}
.modal.modal-reviews {
  max-width: 580px;
}
.modal.modal-reviews .mfp-close {
  top: -10px;
  right: 0;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
  transform: translateY(-100%);
}
.modal.modal-reviews .mfp-close:active,
.modal.modal-reviews .mfp-close:hover {
  background-color: #fff;
  background-color: var(--white);
}
.modal.modal-reviews .modal__wrapper {
  padding: 45px 40px;
}
.modal.modal-reviews .modal__patient {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
  color: #3c5584;
  color: var(--accent_color);
}
.modal.modal-reviews .modal__reviews-text {
  margin-top: 20px;
  font-size: 18px;
  line-height: 25px;
  color: #3c3c3c;
  color: var(--text_color_5);
}
@media screen and (max-width: 1320px) {
  .modal.modal-reviews {
    max-width: 450px;
  }
  .modal.modal-reviews .modal__wrapper {
    padding: 35px 30px;
  }
  .modal.modal-reviews .modal__patient {
    font-size: 18px;
    line-height: 23px;
  }
  .modal.modal-reviews .modal__reviews-text {
    font-size: 16px;
    line-height: 22px;
  }
}
@media screen and (max-width: 1023px) {
  .modal.modal-reviews {
    max-width: 370px;
  }
  .modal.modal-reviews .modal__wrapper {
    padding: 30px 25px;
  }
}
@media screen and (max-width: 767px) {
  .modal.modal-reviews {
    max-width: 340px;
  }
  .modal.modal-reviews .modal__wrapper {
    padding: 25px 20px;
  }
  .modal.modal-reviews .modal__patient {
    font-size: 16px;
    line-height: 21px;
  }
  .modal.modal-reviews .modal__reviews-text {
    font-size: 15px;
    line-height: 21px;
  }
}
.modal.modal-quiz {
  max-width: 1350px;
}
.modal.modal-quiz .mfp-close {
  width: 50px;
  height: 50px;
}
.modal.modal-quiz .modal__wrapper {
  padding: 95px 62px;
  background-color: #3c5584;
  background-color: var(--accent_color);
}
.modal.modal-quiz .quiz__title {
  line-height: 46px;
  color: #fff;
  color: var(--white);
  text-transform: none;
  opacity: 1;
  transform: translate(0);
}
.modal.modal-quiz .quiz__title .accent {
  color: #fc9;
  color: var(--text_color_4);
}
.modal.modal-quiz .quiz__gifts-wrapper,
.modal.modal-quiz .quiz__wrapper {
  opacity: 1;
  transform: none;
}
@media screen and (max-width: 1320px) {
  .modal.modal-quiz .mfp-close,
  .modal.modal-quiz .mfp-close:active,
  .modal.modal-quiz .mfp-close:hover {
    top: 20px;
    right: 20px;
  }
  .modal.modal-quiz .modal__wrapper {
    padding: 104px 45px 105px;
  }
  .modal.modal-quiz .quiz__title {
    line-height: 39px;
  }
}
@media screen and (max-width: 1023px) {
  .modal.modal-quiz .modal__wrapper {
    padding: 90px 25px;
  }
  .modal.modal-quiz .quiz__title {
    line-height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .modal.modal-quiz .mfp-close {
    position: fixed;
    width: 44px;
    height: 44px;
    top: 55px;
    right: 15px;
  }
  .modal.modal-quiz .mfp-close:active,
  .modal.modal-quiz .mfp-close:hover {
    top: 55px;
    right: 15px;
  }
  .modal.modal-quiz .modal__wrapper {
    padding: 79px 15px 56px;
  }
  .modal.modal-quiz .quiz__title {
    line-height: 31px;
  }
}
.modal.modal-address {
  max-width: 1350px;
}
.modal.modal-address .mfp-close {
  background-color: #dfe7f3;
  background-color: var(--bg_6);
  transition: opacity 0.3s ease;
}
.modal.modal-address .mfp-close:hover {
  opacity: 0.7;
}
.modal.modal-address .contacts {
  padding: 110px 35px 103px;
}
.modal.modal-address .contacts .row {
  padding: 0;
}
.modal.modal-address .contacts__affiliates,
.modal.modal-address .contacts__left-header,
.modal.modal-address .contacts__map {
  opacity: 1;
  transform: none;
}
.modal.modal-address .contacts__list-body {
  background-color: #f7fbff;
  background-color: var(--bg);
}
@media screen and (max-width: 1320px) {
  .modal.modal-address .mfp-close {
    top: 20px;
    right: 20px;
  }
  .modal.modal-address .contacts {
    padding: 90px 45px;
  }
}
@media screen and (max-width: 1023px) {
  .modal.modal-address .contacts {
    padding: 60px 25px 61px;
  }
}
@media screen and (max-width: 767px) {
  .modal.modal-address .mfp-close {
    position: fixed;
    width: 44px;
    height: 44px;
    top: 55px;
    right: 15px;
  }
  .modal.modal-address .contacts {
    padding: 74px 15px 0;
  }
}
.modal.modal-requisites {
  max-width: 664px;
}
.modal.modal-requisites .mfp-close {
  top: 25px;
  right: 25px;
  width: 50px;
  height: 50px;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
  transition: opacity 0.3s ease;
}
.modal.modal-requisites .mfp-close:active,
.modal.modal-requisites .mfp-close:hover {
  opacity: 0.7;
}
.modal.modal-requisites .modal__wrapper {
  padding: 50px 55px;
}
.modal.modal-requisites .modal__title {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  line-height: 45px;
  color: #3f4254;
  color: var(--second_color);
}
.modal.modal-requisites .modal__licenses-image {
  max-width: 108px;
}
.modal.modal-requisites .modal__licenses-image .image {
  object-fit: cover;
  max-height: 155px;
  border: 1px solid #3c5584;
  border: 1px solid var(--accent_color);
  border-radius: 5px;
}
.modal.modal-requisites .modal__licenses-text {
  margin-top: 25px;
  font-size: 16px;
  line-height: 24px;
}
.modal.modal-requisites .modal__licenses-info {
  display: flex;
  flex-wrap: wrap;
  max-width: 408px;
  grid-row-gap: 20px;
  row-gap: 20px;
  grid-column-gap: 27px;
  column-gap: 27px;
  margin-top: 25px;
  font-size: 16px;
  line-height: 13px;
}
.modal.modal-requisites .modal__licenses-info > * {
  min-width: 163px;
}
.modal.modal-requisites .modal__licenses-address {
  margin-top: 25px;
  font-size: 16px;
  line-height: 22px;
}
.modal.modal-requisites .modal__licenses-header {
  display: flex;
  flex-wrap: wrap;
  margin-top: 18px;
  grid-column-gap: 30px;
  column-gap: 30px;
  grid-row-gap: 20px;
  row-gap: 20px;
}
.modal.modal-requisites .modal__phone {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 25px;
  font-size: 16px;
  line-height: 22px;
}
.modal.modal-requisites .modal__phone .phone {
  color: #3c5584;
  color: var(--accent_color);
  transition: color 0.3s ease;
}
.modal.modal-requisites .modal__phone .phone:hover {
  color: #ffad60;
  color: var(--bg_3);
}
.modal.modal-requisites .modal__mail {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-top: 10px;
  font-size: 16px;
  line-height: 22px;
}
.modal.modal-policy {
  max-width: 835px;
}
.modal.modal-policy .modal__wrapper {
  padding: 60px;
}
.modal.modal-policy .mfp-close {
  top: 25px;
  right: 25px;
  width: 50px;
  height: 50px;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
  transition: opacity 0.3s ease;
}
.modal.modal-policy .mfp-close:active,
.modal.modal-policy .mfp-close:hover {
  opacity: 0.7;
}
.modal.modal-policy .modal__title {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 35px;
  line-height: 45px;
  color: #3f4254;
  color: var(--second_color);
}
.modal.modal-policy .modal__text {
  margin-top: 40px;
  line-height: 25px;
  color: #3f4254;
  color: var(--second_color);
}
@media screen and (max-width: 1023px) {
  .modal.modal-policy {
    max-width: 674px;
  }
  .modal.modal-policy .modal__wrapper {
    padding: 50px 40px;
  }
  .modal.modal-policy .modal__title {
    font-size: 32px;
  }
  .modal.modal-policy .modal__text {
    margin-top: 30px;
    font-size: 16px;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .modal.modal-policy {
    padding-left: 15px;
    padding-right: 15px;
  }
  .modal.modal-policy .mfp-close {
    position: fixed;
    top: 52px;
    right: 27px;
    width: 44px;
    height: 44px;
  }
  .modal.modal-policy .modal__wrapper {
    padding: 39px 21px 45px;
  }
  .modal.modal-policy .modal__title {
    padding-right: 40px;
    font-size: 22px;
    line-height: 31px;
  }
  .modal.modal-policy .modal__text {
    margin-top: 25px;
    font-size: 14px;
    line-height: 20px;
  }
}
.modal.modal-form {
  max-width: 1235px;
}
.modal.modal-form .modal__wrapper {
  padding: 60px 60px 63px;
  background-color: #3c5584;
  background-color: var(--accent_color);
}
.modal.modal-form .modal__title {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
  max-width: 979px;
  font-size: 38px;
  line-height: 49px;
  color: #fff;
  color: var(--white);
}
.modal.modal-form .modal__title .accent {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: flex;
  align-items: center;
  grid-column-gap: 10px;
  column-gap: 10px;
  margin-top: 10px;
  font-size: 38px;
  line-height: 46px;
  color: #fc9;
  color: var(--text_color_4);
  text-transform: uppercase;
}
.modal.modal-form .modal__title .accent .line-through {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 39px;
}
.modal.modal-form .modal__grid {
  display: grid;
  grid-template-areas: "modal__gifts-wrapper modal__form-title" "modal__gifts-wrapper modal__form";
  grid-template-columns: auto 469px;
  align-items: flex-start;
  grid-row-gap: 35px;
  row-gap: 35px;
  grid-column-gap: 60px;
  column-gap: 60px;
  margin-top: 50px;
}
.modal.modal-form .modal__gifts-wrapper {
  grid-area: modal__gifts-wrapper;
  margin-top: 13px;
}
.modal.modal-form .modal__gifts-title {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 29px;
  color: #fff;
  color: var(--white);
}
.modal.modal-form .modal__gifts {
  margin-top: 35px;
}
.modal.modal-form .modal__form-title {
  grid-area: modal__form-title;
  font-size: 22px;
  line-height: 27px;
  color: #fff;
  color: var(--white);
}
.modal.modal-form .modal__form-title .bold {
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.modal.modal-form .modal__form {
  grid-area: modal__form;
  display: flex;
  flex-direction: column;
  grid-row-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 1320px) {
  .modal.modal-form .modal__wrapper {
    padding-left: 50px;
    padding-right: 50px;
  }
  .modal.modal-form .modal__title {
    max-width: 825px;
    font-size: 32px;
    line-height: 42px;
  }
  .modal.modal-form .modal__title .accent,
  .modal.modal-form .modal__title .accent .line-through {
    line-height: 39px;
  }
  .modal.modal-form .modal__grid {
    grid-template-columns: auto 462px;
    grid-column-gap: 35px;
    column-gap: 35px;
  }
  .modal.modal-form .modal__gifts-wrapper {
    margin-top: 0;
  }
  .modal.modal-form .modal__gifts .gifts__list {
    padding: 25px 23px;
  }
  .modal.modal-form .modal__gifts .gifts__item {
    grid-column-gap: 20px;
    column-gap: 20px;
  }
  .modal.modal-form .modal__gifts .gifts__item-text {
    align-items: center;
    grid-column-gap: 16px;
    column-gap: 16px;
    font-size: 18px;
  }
  .modal.modal-form .modal__gifts .gifts__item-text:before {
    margin-top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .modal.modal-form .modal__wrapper {
    padding: 50px 40px 56px;
  }
  .modal.modal-form .modal__title {
    max-width: 612px;
    font-size: 28px;
    line-height: 36px;
  }
  .modal.modal-form .modal__title .accent {
    display: inline;
    margin-top: 0;
    font-size: 28px;
    line-height: 36px;
  }
  .modal.modal-form .modal__title .accent .line-through {
    font-size: 28px;
    line-height: 36px;
    text-transform: none;
  }
  .modal.modal-form .modal__grid {
    grid-template-columns: auto 330px;
    margin-top: 40px;
    grid-column-gap: 28px;
    column-gap: 28px;
    grid-row-gap: 20px;
    row-gap: 20px;
  }
  .modal.modal-form .modal__gifts-wrapper .modal__gifts {
    margin-top: 25px;
  }
  .modal.modal-form .modal__gifts-wrapper .gifts__list {
    padding: 24px 15px;
  }
  .modal.modal-form .modal__gifts-wrapper .gifts__item {
    grid-column-gap: 10px;
    column-gap: 10px;
  }
  .modal.modal-form .modal__gifts-wrapper .gifts__item:not(:first-child) {
    margin-top: 11px;
    padding-top: 12px;
  }
  .modal.modal-form .modal__gifts-wrapper .gifts__item-text {
    font-size: 16px;
  }
  .modal.modal-form .modal__gifts-title {
    font-size: 20px;
    line-height: 24px;
  }
  .modal.modal-form .modal__form-title {
    font-size: 18px;
    line-height: 22px;
  }
  .modal.modal-form .modal__form {
    grid-row-gap: 10px;
    row-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .modal.modal-form .mfp-close {
    position: fixed;
    width: 44px;
    height: 44px;
    top: 55px;
    right: 15px;
  }
  .modal.modal-form .modal__wrapper {
    padding: 69px 15px 74px;
  }
  .modal.modal-form .modal__title {
    font-size: 25px;
    line-height: 30px;
  }
  .modal.modal-form .modal__title .accent {
    display: inline-block;
    margin-top: 6px;
    font-size: 22px;
    line-height: 27px;
  }
  .modal.modal-form .modal__title .accent .line-through {
    font-size: 22px;
    line-height: 27px;
  }
  .modal.modal-form .modal__grid {
    display: block;
    margin-top: 22px;
  }
  .modal.modal-form .modal__gifts-wrapper {
    max-width: 330px;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
  }
  .modal.modal-form .modal__gifts-wrapper .gifts__list {
    padding: 20px 15px;
  }
  .modal.modal-form .modal__gifts-wrapper .gifts__item:not(:first-child) {
    margin-top: 7px;
    padding-top: 8px;
  }
  .modal.modal-form .modal__gifts-title {
    font-size: 18px;
    line-height: 22px;
  }
  .modal.modal-form .modal__form {
    max-width: 330px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}
.modal.modal-error {
  max-width: 600px;
}
.modal.modal-error .mfp-close {
  width: 44px;
  height: 44px;
  top: 25px;
  right: 25px;
  background-color: #dfe7f3;
  background-color: var(--bg_6);
  transition: opacity 0.3s ease;
}
.modal.modal-error .mfp-close:active,
.modal.modal-error .mfp-close:hover {
  opacity: 0.7;
}
.modal.modal-error .modal__wrapper {
  text-align: center;
  padding: 50px 135px;
}
.modal.modal-error .modal__error-title {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  line-height: 52px;
  color: #3c5584;
  color: var(--accent_color);
}
.modal.modal-error .modal__error-text {
  margin-top: 25px;
  font-size: 18px;
  line-height: 22px;
}
.modal.modal-error .modal__error-call {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  margin-top: 25px;
  font-size: 16px;
  line-height: 19px;
  color: #3f4254;
  color: var(--second_color);
}
.modal.modal-error .modal__error-phone {
  margin-top: 20px;
}
.modal.modal-error_request_throttle_count .modal__wrapper {
  padding: 70px 50px;
}
.modal.modal-error_request_throttle_count .modal__error-title {
  font-size: 30px;
  line-height: 39px;
}
@media screen and (max-width: 767px) {
  .modal.modal-error .mfp-close {
    top: 10px;
    right: 10px;
  }
  .modal.modal-error .modal__wrapper {
    padding: 41px 15px;
  }
  .modal.modal-error .modal__error-title {
    font-size: 22px;
    line-height: 29px;
  }
  .modal.modal-error .modal__error-text {
    max-width: 286px;
    margin-top: 18px;
    font-size: 16px;
    line-height: 22px;
    margin-left: auto;
    margin-right: auto;
  }
  .modal.modal-error .modal__error-call {
    font-size: 16px;
    line-height: 19px;
  }
  .modal.modal-error .modal__error-phone {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
  .modal.modal-error .modal__error-phone .btn {
    font-size: 18px;
    line-height: 22px;
  }
  .modal.modal-error_request_throttle_count .modal__wrapper {
    padding: 70px 30px 40px;
  }
  .modal.modal-error_request_throttle_count .modal__error-title {
    font-size: 22px;
    line-height: 29px;
  }
  .modal.modal-error_request_throttle_count .modal__error-text {
    margin-top: 15px;
  }
}
