@charset "UTF-8";
/* подключение шрифтов */
@import url("1cc7d94587dc0709a79a.css");
@import url("37c4255496a5808c8f7e.css");
@import url("23e3b22f4cf132765f3d.css");

/* подключение своих стилей */
:root {
  --font-body: "Golos", sans-serif;
  --color-bg: #d9d9d9;
  --color-white: #ffffff;
  --color-neutral-n100: #f5f5f8;
  --color-neutral-n200: #dadce7;
  --color-neutral-n300: #acb0c6;
  --color-neutral-n400: #8085A0;
  --color-neutral-n500: #353849;
  --color-turquoise-t100: #dfeff1;
  --color-turquoise-t300: #83d1da;
  --color-turquoise-t400: #4bb2be;
  --color-turquoise-t500: #28a5b4;
  --color-purple-p50: #f7f0fa;
  --color-purple-p100: #efe1f4;
  --color-purple-p300: #ca9ade;
  --color-purple-p400: #c38adb;
  --color-red-r300: #f65862;
  --color-blue-b100: #e2ecf8;
  --color-blue-b200: #2984EF;
  --color-blue-b300: #186ed1;
}

* {
  box-sizing: border-box;
}

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

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-neutral-n100);
  color: var(--color-neutral-n500);
  font-family: var(--font-body);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

body:has(.mobile-menu--show) {
  overflow: hidden;
}

.wrapper {
  max-width: 1648px;
}

a {
  color: var(--color-turquoise-t500);
  text-decoration: none;
}

a:hover {
  color: var(--color-turquoise-t500);
  text-decoration: underline;
}

.btn-v1 {
  width: -moz-max-content;
  width: max-content;
  padding: 20px 40px;
  display: block;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  color: var(--color-turquoise-t500);
  text-decoration: none;
  background-color: transparent;
  border: 1.3px solid var(--color-turquoise-t500);
  border-radius: 50px;
}

.btn-v1:hover {
  color: var(--color-white);
  background-color: var(--color-turquoise-t500);
  text-decoration: none;
}

.btn-v1.btn-v1--white {
  color: var(--color-white);
  border-color: var(--color-white);
}

.btn-v1.btn-v1--white:hover {
  color: var(--color-turquoise-t500);
  background-color: var(--color-white);
  text-decoration: none;
}

.btn-v2 {
  width: -moz-max-content;
  width: max-content;
  padding: 20px 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  color: var(--color-white);
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  border-radius: 50px;
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  border: none;
  transition: all 0.8s;
}

.btn-v2::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='arrowrightup' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23ffffff' id='Vector' d='M4 16L15 5' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='square'/%3E%3Cpath stroke='%23ffffff' id='Vector' d='M6 4L16 4L16 14' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='square'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.btn-active:hover .btn-v2,
.btn-v2:hover {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(202, 154, 222) 100%);
  text-decoration: none;
  color: var(--color-white);
}

.btn-v2:active {
  background: linear-gradient(180deg, rgb(75, 178, 190), rgb(195, 138, 219) 100%);
  text-decoration: none;
  color: var(--color-white);
}

.btn-v2--disabled,
.btn-v2:disabled {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  opacity: 0.3;
  text-decoration: none;
  color: var(--color-white);
}

.btn-v3 {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: none;
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  transition: all 0.8s;
}

.btn-v3::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='arrowrightup' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23ffffff' id='Vector' d='M4 16L15 5' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='square'/%3E%3Cpath stroke='%23ffffff' id='Vector' d='M6 4L16 4L16 14' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='square'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.btn-active:hover .btn-v3,
.btn-v3:hover {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(202, 154, 222) 100%);
}

.btn-v3:active {
  background: linear-gradient(180deg, rgb(75, 178, 190), rgb(195, 138, 219) 100%);
}

.btn-v3--disabled,
.btn-v3:disabled {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  opacity: 0.3;
}

.btn-v4 {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: none;
  background: transparent;
  transition: all 0.8s ease;
}

.btn-v4::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16L15 5' stroke='%234BB2BE' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M6 4H16V14' stroke='%234BB2BE' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.btn-active:hover .btn-v4,
.btn-v4:hover {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(202, 154, 222) 100%);
  transition: all 0.8s ease;
}

.btn-active:hover .btn-v4::after,
.btn-v4:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16L15 5' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M6 4H16V14' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.btn-video {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all 0.8s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.3999 16.6277' fill='none'%3E%3Cpath id='Polygon' d='M14.3999 8.31384L0 0L0 16.6277L14.3999 8.31384Z' fill='%234BB2BE' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(180deg, rgb(255, 255, 255), rgb(232, 240, 241) 100%);
  background-size: 19.2px 19.2px, contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.8s;
  fill: red;
}

.btn-video--l {
  width: 80px;
  height: 80px;
}

.btn-active:hover .btn-video,
.btn-video:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.3999 16.6277' fill='none'%3E%3Cpath id='Polygon' d='M14.3999 8.31384L0 0L0 16.6277L14.3999 8.31384Z' fill='%23ffffff' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(180deg, rgb(131, 209, 218), rgb(202, 154, 222) 100%);
}

.btn-video:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.3999 16.6277' fill='none'%3E%3Cpath id='Polygon' d='M14.3999 8.31384L0 0L0 16.6277L14.3999 8.31384Z' fill='%23ffffff' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(180deg, rgb(75, 178, 190), rgb(195, 138, 219) 100%);
}

.btn-video--disabled,
.btn-video:disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.3999 16.6277' fill='none'%3E%3Cpath id='Polygon' d='M14.3999 8.31384L0 0L0 16.6277L14.3999 8.31384Z' fill='%23ffffff' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  opacity: 0.3;
}

.heading {
  margin: 0;
  padding: 0;
  color: var(--color-neutral-n500);
  font-family: var(--font-body);
  font-weight: 500;
}

.heading--h1 {
  font-size: 36px;
  line-height: 120%;
  letter-spacing: -0.72px;
}

@media (min-width: 1200px) {
  .heading--h1 {
    font-size: 44px;
    line-height: 110%;
    letter-spacing: -1.76px;
  }
}

.heading--h2 {
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0;
}

@media (min-width: 1200px) {
  .heading--h2 {
    font-size: 36px;
    line-height: 120%;
    letter-spacing: -0.72px;
  }
}

.heading--h3 {
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0;
}

@media (min-width: 1200px) {
  .heading--h3 {
    font-size: 28px;
    line-height: 130%;
    letter-spacing: 0;
  }
}

.heading--h4 {
  font-size: 21px;
  line-height: 150%;
  letter-spacing: 0;
}

@media (min-width: 1200px) {
  .heading--h4 {
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0;
  }
}

.heading--h5 {
  font-size: 21px;
  line-height: 150%;
  letter-spacing: 0;
}

.tab {
  padding: 8px 20px;
  display: block;
  color: var(--color-neutral-n400);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

@media (min-width: 1200px) {
  .tab {
    width: -moz-max-content;
    width: max-content;
    border-radius: 24px;
    background-color: var(--color-white);
  }
}

.tab--active,
.tab:hover {
  color: var(--color-turquoise-t500);
  background-color: var(--color-turquoise-t100);
}

/* Сдесь задаём свои переменные и изменяем глобальные */
:root {
  --bs-body-font-family: Golos, var(--bs-font-sans-serif);
  /* используем свой шрифт по всему сайту */
  --fontawesome6-font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 5 Brands", "Font Awesome 5 Free", "FontAwesome";
}

/* Swiper */
.swiper {
  position: relative;
  overflow: hidden;
}

/* END Swiper */
.slider-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='white'/%3E%3Cpath d='M31.6366 24L17.6366 24' stroke='%238085A0' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M22.7274 30.3636L16.3638 24L22.7274 17.6363' stroke='%238085A0' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.tab {
  padding: 8px 20px;
  display: block;
  color: var(--color-neutral-n400);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

@media (min-width: 1200px) {
  .tab {
    width: -moz-max-content;
    width: max-content;
    border-radius: 24px;
    background-color: var(--color-white);
  }
}

.tab--active,
.tab:hover {
  color: var(--color-turquoise-t500);
  background-color: var(--color-turquoise-t100);
}

.btn-v1 {
  width: -moz-max-content;
  width: max-content;
  padding: 20px 40px;
  display: block;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  color: var(--color-turquoise-t500);
  text-decoration: none;
  background-color: transparent;
  border: 1.3px solid var(--color-turquoise-t500);
  border-radius: 50px;
}

.btn-v1:hover {
  color: var(--color-white);
  background-color: var(--color-turquoise-t500);
  text-decoration: none;
}

.btn-v1.btn-v1--white {
  color: var(--color-white);
  border-color: var(--color-white);
}

.btn-v1.btn-v1--white:hover {
  color: var(--color-turquoise-t500);
  background-color: var(--color-white);
  text-decoration: none;
}

.btn-v2 {
  width: -moz-max-content;
  width: max-content;
  padding: 20px 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  color: var(--color-white);
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  border-radius: 50px;
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  border: none;
  transition: all 0.8s;
}

.btn-v2::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='arrowrightup' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23ffffff' id='Vector' d='M4 16L15 5' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='square'/%3E%3Cpath stroke='%23ffffff' id='Vector' d='M6 4L16 4L16 14' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='square'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.btn-active:hover .btn-v2,
.btn-v2:hover {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(202, 154, 222) 100%);
  text-decoration: none;
  color: var(--color-white);
}

.btn-v2:active {
  background: linear-gradient(180deg, rgb(75, 178, 190), rgb(195, 138, 219) 100%);
  text-decoration: none;
  color: var(--color-white);
}

.btn-v2--disabled,
.btn-v2:disabled {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  opacity: 0.3;
  text-decoration: none;
  color: var(--color-white);
}

.btn-v3 {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: none;
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  transition: all 0.8s;
}

.btn-v3::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='arrowrightup' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23ffffff' id='Vector' d='M4 16L15 5' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='square'/%3E%3Cpath stroke='%23ffffff' id='Vector' d='M6 4L16 4L16 14' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='square'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.btn-active:hover .btn-v3,
.btn-v3:hover {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(202, 154, 222) 100%);
}

.btn-v3:active {
  background: linear-gradient(180deg, rgb(75, 178, 190), rgb(195, 138, 219) 100%);
}

.btn-v3--disabled,
.btn-v3:disabled {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  opacity: 0.3;
}

.btn-v4 {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: none;
  background: transparent;
  transition: all 0.8s ease;
}

.btn-v4::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16L15 5' stroke='%234BB2BE' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M6 4H16V14' stroke='%234BB2BE' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.btn-active:hover .btn-v4,
.btn-v4:hover {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(202, 154, 222) 100%);
  transition: all 0.8s ease;
}

.btn-active:hover .btn-v4::after,
.btn-v4:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16L15 5' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M6 4H16V14' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.btn-video {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all 0.8s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.3999 16.6277' fill='none'%3E%3Cpath id='Polygon' d='M14.3999 8.31384L0 0L0 16.6277L14.3999 8.31384Z' fill='%234BB2BE' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(180deg, rgb(255, 255, 255), rgb(232, 240, 241) 100%);
  background-size: 19.2px 19.2px, contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.8s;
  fill: red;
}

.btn-video--l {
  width: 80px;
  height: 80px;
}

.btn-active:hover .btn-video,
.btn-video:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.3999 16.6277' fill='none'%3E%3Cpath id='Polygon' d='M14.3999 8.31384L0 0L0 16.6277L14.3999 8.31384Z' fill='%23ffffff' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(180deg, rgb(131, 209, 218), rgb(202, 154, 222) 100%);
}

.btn-video:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.3999 16.6277' fill='none'%3E%3Cpath id='Polygon' d='M14.3999 8.31384L0 0L0 16.6277L14.3999 8.31384Z' fill='%23ffffff' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(180deg, rgb(75, 178, 190), rgb(195, 138, 219) 100%);
}

.btn-video--disabled,
.btn-video:disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.3999 16.6277' fill='none'%3E%3Cpath id='Polygon' d='M14.3999 8.31384L0 0L0 16.6277L14.3999 8.31384Z' fill='%23ffffff' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  opacity: 0.3;
}

.heading {
  margin: 0;
  padding: 0;
  color: var(--color-neutral-n500);
  font-family: var(--font-body);
  font-weight: 500;
}

.heading--h1 {
  font-size: 36px;
  line-height: 120%;
  letter-spacing: -0.72px;
}

@media (min-width: 1200px) {
  .heading--h1 {
    font-size: 44px;
    line-height: 110%;
    letter-spacing: -1.76px;
  }
}

.heading--h2 {
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0;
}

@media (min-width: 1200px) {
  .heading--h2 {
    font-size: 36px;
    line-height: 120%;
    letter-spacing: -0.72px;
  }
}

.heading--h3 {
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0;
}

@media (min-width: 1200px) {
  .heading--h3 {
    font-size: 28px;
    line-height: 130%;
    letter-spacing: 0;
  }
}

.heading--h4 {
  font-size: 21px;
  line-height: 150%;
  letter-spacing: 0;
}

@media (min-width: 1200px) {
  .heading--h4 {
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0;
  }
}

.heading--h5 {
  font-size: 21px;
  line-height: 150%;
  letter-spacing: 0;
}

.contact {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.contact__details {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

.contact__phone {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

.contact__address span,
.contact__operating-mode span,
.contact__phone a {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  color: var(--color-white);
  text-decoration: none;
}

.theme-black .contact__address span,
.theme-black .contact__operating-mode span,
.theme-black .contact__phone a {
  color: var(--color-neutral-n500);
}

.contact-vertical {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.contact-vertical__phone {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.contact-vertical__phone a {
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
  color: var(--color-neutral-n500);
  text-decoration: none;
}

.contact-vertical__operating-mode {
  display: flex;
  flex-direction: column;
}

.contact-vertical__operating-mode span {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  color: var(--color-neutral-n500);
}

.contact-vertical__address {
  display: flex;
  flex-direction: column;
}

.contact-vertical__address span {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  color: var(--color-neutral-n500);
}

.main-menu__item .main-menu__link {
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  color: var(--color-white);
}

.mega-menu__heading {
  height: 88.5px;
  padding: 0 16px 0 64px;
  display: flex;
  align-items: center;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  border-bottom: 1px solid var(--color-neutral-n200);
}

@media (min-width: 1600px) {
  .mega-menu__heading {
    padding-left: 128px;
  }
}

.mega-menu__list .mega-menu__section {
  padding: 12px 16px 12px 64px;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
  color: var(--color-neutral-n500);
}

@media (min-width: 1600px) {
  .mega-menu__list .mega-menu__section {
    padding-left: 128px;
  }
}

.mega-menu__list .mega-menu__section:hover {
  color: var(--color-turquoise-t500);
}

.main-menu__list {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.main-menu__item {
  display: flex;
  align-items: center;
}

.main-menu__link {
  padding: 26.5px clamp(7px, 0.5vw, 24px);
  display: block;
  text-decoration: none;
  position: relative;
}

.theme-black .main-menu__item .main-menu__link {
  color: var(--color-neutral-n500);
}

.main-menu__link-wrapper {
  position: relative;
  overflow: hidden;
}

.main-menu__link-wrapper::after {
  content: attr(data-text);
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  position: absolute;
  bottom: -100%;
  left: 0;
  /* transition: all 0.5s ease; */
}

.main-menu__link:hover .main-menu__link-wrapper::after {
  bottom: 0;
  transition: all 0.5s ease;
}

.main-menu__hidden {
  opacity: 0;
}

.main-menu__span {
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  left: 0;
  bottom: 0;
  /* transition: all 0.5s ease; */
}

.main-menu__link:hover .main-menu__span {
  bottom: 100%;
  transition: all 0.5s ease;
}

/* МЕНЮ 2 */
.menu-lvl2 {
  display: none;
}

.isMenuOpen:hover>.menu-lvl2 {
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  top: 100%;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}

.main-menu__submenu {
  background-color: var(--color-white);
}

.main-menu__submenu .main-menu__link {
  padding-top: 15px;
  padding-bottom: 15px;
  color: var(--color-neutral-n500);
  border-bottom: 1px solid var(--color-neutral-n200);
}

.mega-menu {
  background-color: var(--color-neutral-n100);
}

.mega-menu--show,
.isMenuOpen:hover>.mega-menu {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-template-rows: max-content 1fr;
}

.mega-menu__list {
  grid-row: 2/3;
  /* TODO */
}

/* 3 */
.mega-menu__container {
  grid-column: 2/3;
  grid-row: 1/3;
  background-color: var(--color-white);
  box-shadow: 0 38px 48px 0 rgba(0, 83, 125, 0.1);
}

.mega-menu__wrapper {
  display: none;
}

.mega-menu__header {
  height: 88.5px;
  padding: 0 32px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-neutral-n200);
}

@media (min-width: 1600px) {
  .mega-menu__header {
    padding-right: 128px;
  }
}

.mega-menu__header .mega-menu__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  font-family: var(--font-body);
  font-size: 21px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  color: var(--color-turquoise-t500);
}

.mega-menu__header .mega-menu__link::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("2aa53a3cd9ab0de729ba.svg#arrow-right");
}

.mega-menu__header-btn {
  border: none;
  background-color: transparent;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  color: var(--color-neutral-n400);
}

.mega-menu__entry {
  padding: 32px;
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-template-rows: auto;
}

@media (min-width: 1600px) {
  .mega-menu__entry {
    padding-right: 128px;
  }
}

.mega-menu__element-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px 32px;
}

.mega-menu__element-item {
  flex-basis: 48%;
  display: block;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
  color: var(--color-neutral-n500);
}

/* скрыть показать элементы меню */
.none {
  display: none;
}

.show {
  display: grid;
}

.mobile-menu {
  display: none;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  overflow-y: auto;
  background-color: var(--color-neutral-n100);
}

.mobile-menu--show {
  display: block;
}

@media (min-width: 1200px) {
  .mobile-menu--show {
    display: none;
  }
}

.mobile-menu__header {
  padding: 28px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile-menu__header span {
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  color: var(--color-neutral-n500);
}

.mobile-menu__header button {
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  color: var(--color-neutral-n400);
  background-color: transparent;
  border: none;
}

.mobile-menu__menu-list {
  padding: 24px 0;
  border-bottom: 1px solid var(--color-neutral-n200);
}

.mobile-menu__item.mega-menu__item {
  border-bottom: 1px solid var(--color-neutral-n200);
}

.mobile-menu__link {
  padding: 8px 16px;
  padding-right: 0;
  display: block;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  color: var(--color-neutral-n500);
  text-decoration: none;
}

.mobile-menu__link:hover {
  color: var(--color-turquoise-t500);
  text-decoration: none;
}

.mobile-menu__label {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-neutral-n400);
}

.mobile-menu__element-list {
  padding: 16px 0 24px;
  display: none;
}

.mobile-menu__item:has(input:checked) .mobile-menu__element-list {
  display: block;
}

.mobile-menu__item:has(input:checked) .mobile-menu__element-link {
  color: var(--color-turquoise-t500);
}

.mobile-menu__item:has(input:checked) .mobile-menu__element {
  background-color: var(--color-turquoise-t100);
}

.mobile-menu__plus {
  transition: all 0.8s;
}

.mobile-menu__item:has(input:checked) .mobile-menu__label {
  color: var(--color-turquoise-t500);
}

.mobile-menu__element {
  padding-right: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  background-color: var(--color-white);
}

.mobile-menu__element-link {
  padding: 16px;
  padding-right: 0;
  display: block;
  width: 100%;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
  color: var(--color-neutral-n500);
  text-decoration: none;
}

.mobile-menu__element-link:hover {
  color: var(--color-turquoise-t500);
  text-decoration: none;
}

.mobile-menu__element-header {
  padding: 16px;
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  font-family: var(--font-body);
  font-size: 21px;
  font-weight: 500;
  line-height: 150%;
  color: var(--color-turquoise-t500);
  text-decoration: none;
}

.mobile-menu__element-header:hover {
  color: var(--color-turquoise-t500);
  text-decoration: none;
}

.mobile-menu__element-header::after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("2aa53a3cd9ab0de729ba.svg#arrow-right");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.mobile-menu__element-item {
  padding: 8px 16px;
  display: block;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  color: var(--color-neutral-n500);
  text-decoration: none;
}

.mobile-menu__element-item:hover {
  color: var(--color-turquoise-t500);
  text-decoration: none;
}

.mobile-menu__element:has(input) .mobile-menu__label {
  transform: rotate(-360deg);
  transition: all 0.8s;
}

.mobile-menu__element:has(input) .vertical-line {
  opacity: 1;
  transition: all 0.8s;
}

.mobile-menu__element:has(input:checked) .mobile-menu__label {
  transform: rotate(360deg);
  transition: all 0.8s;
}

.mobile-menu__element:has(input:checked) .vertical-line {
  opacity: 0;
  transition: all 0.8s;
}

.programs-card {
  padding: 80px 0;
  border-radius: 0 0 48px 48px;
  overflow: hidden;
  background: linear-gradient(180deg, #DFEFF1 0%, #D4EAED 100%);
}

@media (min-width: 1200px) {
  .programs-card {
    border-radius: 0 0 64px 64px;
  }
}

.programs-card__container {
  margin: 0 4.44%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content 1fr max-content;
  row-gap: 32px;
}

@media (min-width: 1200px) {
  .programs-card__container {
    grid-template-columns: 1fr max-content;
    grid-template-rows: max-content 1fr;
    border-radius: 0 0 64px 64px;
  }
}

@media (min-width: 1600px) {
  .programs-card__container {
    margin: 0 6.66%;
  }
}

@media (min-width: 1921px) {
  .programs-card__container {
    margin: 0 auto;
  }
}

.programs-card__heading {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: 36px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -2%;
  color: var(--color-neutral-n500);
}

.programs-card__list {
  width: 100%;
  max-width: 1648px;
}

@media (min-width: 1200px) {
  .programs-card .programs-card__list {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
}

.programs-card__slide {
  width: 304px;
}

@media (min-width: 1200px) {
  .programs-card__slide {
    width: clamp(304px, 21.111vw, 323px);
  }
}

@media (min-width: 1600px) {
  .programs-card__slide {
    width: clamp(323px, 20.208vw, 387px);
  }
}

.programs-card__item {
  width: 304px;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='304' height='474' viewBox='0 0 304 474' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M229.882 6.0075C226.12 2.16536 220.969 0 215.592 0H20C8.95431 0 0 8.95429 0 20V454C0 465.046 8.9543 474 20 474H284C295.046 474 304 465.046 304 454V88.4079C304 83.0305 301.835 77.8798 297.992 74.1177L263.579 40.4211L229.882 6.0075Z' fill='white'/%3E%3C/svg%3E");
  transition: all 0.5s ease;
}

@media (min-width: 1200px) {
  .programs-card__item {
    width: clamp(304px, 21.111vw, 323px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='304' height='474' viewBox='0 0 304 474' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M229.882 6.0075C226.12 2.16536 220.969 0 215.592 0H20C8.95431 0 0 8.95429 0 20V454C0 465.046 8.9543 474 20 474H284C295.046 474 304 465.046 304 454V88.4079C304 83.0305 301.835 77.8798 297.992 74.1177L263.579 40.4211L229.882 6.0075Z' fill='white'/%3E%3C/svg%3E");
  }
}

@media (min-width: 1600px) {
  .programs-card__item {
    width: clamp(323px, 20.208vw, 392px);
    background-image: url("data:image/svg+xml,%3Csvg width='392' height='540' viewBox='0 0 392 540' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M294.551 5.15104C290.876 1.83532 286.102 0 281.153 0H20C8.95431 0 0 8.95429 0 20V520C0 531.046 8.9543 540 20 540H372C383.046 540 392 531.046 392 520V100.283C392 94.4761 389.476 88.9561 385.085 85.1571L339.878 46.0493L294.551 5.15104Z' fill='white'/%3E%3C/svg%3E%0A");
  }
}

.programs-card__item:hover {
  filter: drop-shadow(0 38px 48px rgba(0, 83, 125, 0.1));
  transition: all 0.5s ease;
}

.programs-card__item-header {
  display: grid;
  grid-template-columns: 1fr 80px;
}

.programs-card__item-heading {
  margin: 0;
  padding: 30px 0 16px 32px;
  border-radius: 24px 0 0 0;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  color: var(--color-neutral-n500);
  text-decoration: none;
}

.programs-card__item-heading:hover {
  color: var(--color-neutral-n500);
  text-decoration: none;
}

.programs-card__item-heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}

.programs-card__item-btn div {
  position: absolute;
  top: 25px;
  right: 25px;
}

.programs-card__entry {
  flex-grow: 1;
}

.programs-card__item-description {
  margin-bottom: 34px;
  padding: 0 32px;
  color: var(--color-neutral-n500);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 6;
  line-height: 1.6;
  max-height: 9.6em;
  overflow: hidden;
  flex-grow: 1;
}

@media (min-width: 1200px) {
  .programs-card__item-description {
    -webkit-line-clamp: 6;
    line-height: 1.6;
    max-height: 9.6em;
  }
}

@media (min-width: 1600px) {
  .programs-card__item-description {
    -webkit-line-clamp: 6;
    line-height: 1.6;
    max-height: 9.6em;
  }
}

.programs-card__item-description p {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  color: var(--color-neutral-n500);
}

.programs-card__item-footer {
  padding: 0 12px 12px;
  position: relative;
  z-index: 2;
  border-radius: 0 0 24px 24px;
}

.programs-card__item-footer span {
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 8px 20px;
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  color: var(--color-white);
  background-color: var(--color-purple-p300);
  border-radius: 20px;
  z-index: 2;
}

.programs-card__item-footer span::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("2aa53a3cd9ab0de729ba.svg#label");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.programs-card__item-src {
  height: 100%;
  max-height: 258px;
  overflow: hidden;
  border-radius: 16px;
}

.programs-card__item-footer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.programs-card__item:hover .programs-card__item-footer img {
  transform: scale(1.1);
  transition: transform 0.5s ease;
}

.header {
  position: relative;
  z-index: 101 !important;
}

.header__bar {
  max-width: 1648px;
  display: grid;
  grid-template-columns: 1fr max-content;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 1200px) {
  .header__bar {
    margin: 0 4.44%;
  }
}

@media (min-width: 1600px) {
  .header__bar {
    margin-left: 6.66%;
    margin-right: 6.66%;
  }
}

@media (min-width: 1921px) {
  .header__bar {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1200px) {
  .header__contact-mobile {
    display: none;
  }
}

.header__contact {
  display: none;
}

@media (min-width: 1200px) {
  .header__contact {
    display: block;
  }
}

.header__contact-mobile:hover+.header__contact {
  position: absolute;
  top: 100%;
  left: 0;
  width: 500px;
}

.header__contact-mobile a {
  display: block;
  padding: 10px 23px;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  color: var(--color-white);
}

@media (min-width: 400px) {
  .header__contact-mobile a {
    padding: 10px 50px;
  }
}

.header__contact-mobile a:hover {
  text-decoration: none;
}

.header {
  position: sticky !important;
  top: 0;
}


.theme-black .header {
  background-color: #f5f5f7;
}

.theme-black .header__contact-mobile a {
  color: var(--color-neutral-n500);
}

.theme-black .header__contact-mobile a:hover {
  color: var(--color-turquoise-t500);
  text-decoration: none;
}

.theme-black .header__contact-mobile span {
  color: var(--color-neutral-n500);
}

.header__btn {
  width: -moz-max-content;
  width: max-content;
  padding: 12px 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  background-color: var(--color-turquoise-t400);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  color: var(--color-white);
  text-decoration: none;
  order: -1;
}

.header__btn:hover {
  color: var(--color-white);
  text-decoration: none;
}

@media (min-width: 1200px) {
  .header__btn {
    display: none;
    order: 1;
  }
}

.header__btn::before {
  content: "";
  display: block;
  width: 16.67px;
  height: 16.67px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.11459 11.1517C8.02223 13.0073 9.52635 14.5045 11.3861 15.4037C11.5221 15.4682 11.6726 15.4961 11.8228 15.4848C11.9729 15.4734 12.1175 15.4232 12.2423 15.3389L14.9806 13.513C15.1017 13.4322 15.241 13.383 15.386 13.3697C15.5309 13.3563 15.6769 13.3794 15.8107 13.4367L20.9335 15.6322C21.1075 15.7061 21.2528 15.8346 21.3475 15.9983C21.4421 16.162 21.481 16.352 21.4583 16.5397C21.2964 17.8067 20.6782 18.9712 19.7195 19.8153C18.7608 20.6593 17.5273 21.1249 16.25 21.125C12.3049 21.125 8.52139 19.5578 5.73179 16.7682C2.94218 13.9786 1.375 10.1951 1.375 6.25C1.37507 4.97269 1.84071 3.7392 2.68475 2.78049C3.52878 1.82178 4.69332 1.20359 5.96033 1.04167C6.14803 1.01896 6.33803 1.05786 6.5017 1.15252C6.66538 1.24717 6.79385 1.39246 6.86778 1.56648L9.06518 6.69375C9.12201 6.82637 9.14517 6.97099 9.13259 7.11472C9.12001 7.25846 9.07208 7.39686 8.99306 7.51759L7.17346 10.2979C7.09064 10.4229 7.04168 10.5674 7.03137 10.717C7.02105 10.8667 7.04972 11.0164 7.11459 11.1517Z' fill='white' stroke='white' stroke-width='0.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.header__entry {
  max-width: 1648px;
  margin: 0 4.44%;
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

@media (min-width: 1600px) {
  .header__entry {
    margin-left: 6.66%;
    margin-right: 6.66%;
  }
}

@media (min-width: 1921px) {
  .header__entry {
    margin-left: auto;
    margin-right: auto;
  }
}

.header__logo {
  width: 198px;
  height: 44px;
  color: var(--color-white);
}

.theme-black .header__logo {
  color: var(--color-turquoise-t400);
}

.header__menu {
  display: none;
}

@media (min-width: 1200px) {
  .header__menu {
    display: block;
  }
}

.header__social-network {
  display: none;
}

@media (min-width: 1200px) {
  .header__social-network {
    display: block;
  }
}

.header__menu-btn {
  width: 31.8px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='btn-menu' viewBox='0 0 33.0984 20' fill='none'%3E%3Cpath id='Path 2' d='M32.4485 1.01666L32.4285 1.03667L32.4285 2.29666L32.4485 2.31667C32.8125 2.31667 33.0984 2.03067 33.0984 1.66667C33.0984 1.30267 32.8125 1.01666 32.4485 1.01666ZM0.669922 2.29666L0.649902 2.31667C0.285889 2.31667 0 2.03067 0 1.66667C0 1.30267 0.285889 1.01666 0.649902 1.01666L0.669922 1.03667L0.669922 2.29666Z' fill='%23D8D8D8' fill-opacity='0' fill-rule='evenodd'/%3E%3Cpath id='Path 2' d='M0.649902 1.66667L32.4485 1.66667' stroke='%23FFFFFF' stroke-opacity='1.000000' stroke-width='1.300000' stroke-linecap='round'/%3E%3Cpath id='Path 2' d='M32.4485 9.34999L32.4285 9.37L32.4285 10.63L32.4485 10.65C32.8125 10.65 33.0984 10.364 33.0984 10C33.0984 9.636 32.8125 9.34999 32.4485 9.34999ZM0.669922 10.63L0.649902 10.65C0.285889 10.65 0 10.364 0 10C0 9.636 0.285889 9.34999 0.649902 9.34999L0.669922 9.37L0.669922 10.63Z' fill='%23D8D8D8' fill-opacity='0' fill-rule='evenodd'/%3E%3Cpath id='Path 2' d='M0.649902 10L32.4485 10' stroke='%23FFFFFF' stroke-opacity='1.000000' stroke-width='1.300000' stroke-linecap='round'/%3E%3Cpath id='Path 2' d='M32.4485 17.6833L32.4285 17.7033L32.4285 18.9633L32.4485 18.9833C32.8125 18.9833 33.0984 18.6973 33.0984 18.3333C33.0984 17.9693 32.8125 17.6833 32.4485 17.6833ZM0.669922 18.9633L0.649902 18.9833C0.285889 18.9833 0 18.6973 0 18.3333C0 17.9693 0.285889 17.6833 0.649902 17.6833L0.669922 17.7033L0.669922 18.9633Z' fill='%23D8D8D8' fill-opacity='0' fill-rule='evenodd'/%3E%3Cpath id='Path 2' d='M0.649902 18.3333L32.4485 18.3333' stroke='%23FFFFFF' stroke-opacity='1.000000' stroke-width='1.300000' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 1200px) {
  .header__menu-btn {
    display: none;
  }
}

.theme-black .header__menu-btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='btn-menu' viewBox='0 0 33.0984 20' fill='none'%3E%3Cpath id='Path 2' d='M32.4485 1.01666L32.4285 1.03667L32.4285 2.29666L32.4485 2.31667C32.8125 2.31667 33.0984 2.03067 33.0984 1.66667C33.0984 1.30267 32.8125 1.01666 32.4485 1.01666ZM0.669922 2.29666L0.649902 2.31667C0.285889 2.31667 0 2.03067 0 1.66667C0 1.30267 0.285889 1.01666 0.649902 1.01666L0.669922 1.03667L0.669922 2.29666Z' fill='%23D8D8D8' fill-opacity='0' fill-rule='evenodd'/%3E%3Cpath id='Path 2' d='M0.649902 1.66667L32.4485 1.66667' stroke='%234bb2be' stroke-opacity='1.000000' stroke-width='1.300000' stroke-linecap='round'/%3E%3Cpath id='Path 2' d='M32.4485 9.34999L32.4285 9.37L32.4285 10.63L32.4485 10.65C32.8125 10.65 33.0984 10.364 33.0984 10C33.0984 9.636 32.8125 9.34999 32.4485 9.34999ZM0.669922 10.63L0.649902 10.65C0.285889 10.65 0 10.364 0 10C0 9.636 0.285889 9.34999 0.649902 9.34999L0.669922 9.37L0.669922 10.63Z' fill='%23D8D8D8' fill-opacity='0' fill-rule='evenodd'/%3E%3Cpath id='Path 2' d='M0.649902 10L32.4485 10' stroke='%234bb2be' stroke-opacity='1.000000' stroke-width='1.300000' stroke-linecap='round'/%3E%3Cpath id='Path 2' d='M32.4485 17.6833L32.4285 17.7033L32.4285 18.9633L32.4485 18.9833C32.8125 18.9833 33.0984 18.6973 33.0984 18.3333C33.0984 17.9693 32.8125 17.6833 32.4485 17.6833ZM0.669922 18.9633L0.649902 18.9833C0.285889 18.9833 0 18.6973 0 18.3333C0 17.9693 0.285889 17.6833 0.649902 17.6833L0.669922 17.7033L0.669922 18.9633Z' fill='%23D8D8D8' fill-opacity='0' fill-rule='evenodd'/%3E%3Cpath id='Path 2' d='M0.649902 18.3333L32.4485 18.3333' stroke='%234bb2be' stroke-opacity='1.000000' stroke-width='1.300000' stroke-linecap='round'/%3E%3C/svg%3E");
}

.header__mobile-menu {
  position: absolute;
}

@media (min-width: 1200px) {
  .header__mobile-menu {
    display: none;
  }
}

.mobile-menu__footer {
  margin: 32px 16px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.header__decor {
  width: 100%;
  height: 1px;
  background-color: var(--color-white);
}

.theme-black .header__decor {
  background-color: rgba(172, 176, 198, 0.3);
}

.header-phone__list {
  display: none;
}

@media (min-width: 1200px) {
  .header-phone__list {
    display: flex;
    gap: 16px;
  }
}

.header-phone__item {
  padding: 5px 16px;
  display: flex;
  gap: 8px;
  border-radius: 30px;
  border: 1px solid var(--color-white);
  color: var(--color-white);
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.header-phone__item:hover {
  color: var(--color-white);
  text-decoration: none;
}

.theme-black .header-phone__item {
  color: var(--color-turquoise-t500);
  border: 1px solid var(--color-turquoise-t500);
}

.theme-black .header-phone__item:hover {
  color: var(--color-turquoise-t500);
  border: 1px solid var(--color-turquoise-t500);
}

.footer__entry {
  max-width: 1648px;
  margin: 80px 4.44%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 32px;
  border-top: 1px solid var(--color-neutral-n100);
}

@media (min-width: 1600px) {
  .footer__entry {
    margin-left: 6.66%;
    margin-right: 6.66%;
  }
}

@media (min-width: 1921px) {
  .footer__entry {
    margin-left: auto;
    margin-right: auto;
  }
}

.footer__column-1 {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.footer__footer {
  max-width: 1648px;
  margin: 0 4.44%;
  padding: 32px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 32px;
}

@media (min-width: 1600px) {
  .footer__footer {
    margin-left: 6.66%;
    margin-right: 6.66%;
  }
}

@media (min-width: 1921px) {
  .footer__footer {
    margin-left: auto;
    margin-right: auto;
  }
}

.footer__footer-column-1 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.footer__footer-column-1 span {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  color: var(--color-neutral-n500);
}

.footer__payment {
  display: flex;
  -moz-column-gap: 11px;
  column-gap: 11px;
}

.footer__footer-column-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

.footer__footer-column-2 p {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  color: var(--color-neutral-n400);
}

.footer__footer-column-2 p:first-child {
  max-width: 304px;
}

.footer__footer-column-2 p:last-child {
  max-width: 472px;
}

.footer__line {
  height: 1px;
  background-color: var(--color-neutral-n200);
}

/* ниже стили, шаблоны которых выводятся через отложенную загрузку */
.breadcrumb {
  max-width: 1648px;
  margin: 0 4.44%;
  padding: 16px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
}

@media (min-width: 1200px) {
  .breadcrumb {
    margin: 0 4.44%;
    padding: 20px 0;
  }
}

@media (min-width: 1600px) {
  .breadcrumb {
    margin-left: 6.66%;
    margin-right: 6.66%;
  }
}

@media (min-width: 1921px) {
  .breadcrumb {
    margin-left: auto;
    margin-right: auto;
  }
}

.breadcrumb__item {
  display: flex;
  flex-direction: row;
  -moz-column-gap: 12px;
  column-gap: 12px;
  align-items: baseline;
}

.breadcrumb__item>span {
  font-size: 13px;
  color: var(--color-neutral-n300);
  line-height: 150%;
}

.breadcrumb__link {
  color: var(--color-white);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.theme-black .breadcrumb__link {
  color: var(--color-neutral-n500);
}

.breadcrumb__link:hover {
  color: var(--color-turquoise-t500);
  text-decoration: none;
}

.breadcrumb__text {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -moz-column-gap: 12px;
  column-gap: 12px;
  color: var(--color-neutral-n300);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
}

.snippet.quote {
  margin: 80px 0;
  background-color: var(--color-blue-b100);
}

.snippet.quote-wrapper {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 4.44%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
}

@media (min-width: 1200px) {
  .snippet.quote-wrapper {
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
}

@media (min-width: 1600px) {
  .snippet.quote-wrapper {
    padding-left: min(6.66%, 128px);
    padding-right: min(6.66%, 128px);
  }
}

.snippet.quote .quote__img img {
  width: 116px;
  height: 88px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 44px;
}

.snippet.quote .quote__entry {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

@media (min-width: 1200px) {
  .snippet.quote .quote__entry {
    flex-direction: row;
    align-items: flex-start;
  }
}

.snippet.quote .quote__entry::before {
  content: "";
  display: block;
  min-width: 64px;
  min-height: 64px;
  background-image: url("2aa53a3cd9ab0de729ba.svg#quote");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.snippet.quote .quote__entry-content p {
  margin: 0;
  padding: 0;
  color: var(--color-neutral-n500);
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  text-align: center;
}

@media (min-width: 1200px) {
  .snippet.quote .quote__entry-content p {
    text-align: left;
  }
}

.snippet.quote .quote__entry-content .quote__entry-doctor {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}

.snippet.quote .quote__btn {
  width: -moz-max-content;
  width: max-content;
  flex-shrink: 0;
}

@media (min-width: 1200px) {
  .snippet.quote .quote__btn {
    margin-left: auto;
  }
}

.snippet.contact-us {
  max-width: 1648px;
  margin: 80px 4.44%;
  padding: 64px 24px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  border-radius: 20px;
  background: linear-gradient(-45.57deg, rgb(223, 239, 241) 0%, rgb(239, 225, 244) 101.601%);
}

@media (min-width: 400px) {
  .snippet.contact-us {
    padding: 64px 32px;
  }
}

@media (min-width: 1200px) {
  .snippet.contact-us {
    padding: 48px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}

@media (min-width: 1600px) {
  .snippet.contact-us {
    margin-left: 6.66%;
    margin-right: 6.66%;
  }
}

@media (min-width: 1920px) {
  .snippet.contact-us {
    margin-left: auto;
    margin-right: auto;
  }
}

.snippet.contact-us .contact-us__header {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.snippet.contact-us .contact-us__heading {
  width: -moz-max-content;
  width: max-content;
  margin: 0;
  padding: 8px 24px;
  color: var(--color-white);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  border-radius: 20px;
  background: var(--color-purple-p300);
}

.snippet.contact-us span {
  display: block;
  color: var(--color-neutral-n500);
  font-family: var(--font-body);
  font-size: 21px;
  font-weight: 500;
  line-height: 150%;
}

.snippet.contact-us .contact-us__contact {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.snippet.contact-us .contact-us__contact svg {
  color: #57C75C;
}

.snippet.contact-us .contact-us__contact a {
  display: flex;
  -moz-column-gap: 12px;
  column-gap: 12px;
  justify-items: center;
  align-items: center;
  font-family: var(--font-body);
  font-size: 21px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.snippet.contact-us .contact-us__contact a:hover svg {
  color: var(--color-white);
}

.snippet.contact-us .contact-us__contact span {
  color: var(--color-neutral-n500);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
}

.snippet.contact-us .btn-v1.contact-us__btn {
  width: 100%;
  max-width: 280px;
  justify-content: center;
  padding: 16px 10px;
  font-size: 16px;
}

@media (min-width: 400px) {
  .snippet.contact-us .btn-v1.contact-us__btn {
    max-width: 336px;
    padding: 20px 16px;
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .snippet.contact-us .btn-v1.contact-us__btn {
    max-width: 345px;
    padding: 20px 40px;
  }
}









.home__header-control {
  height: 100%;
  width: 100%;
  max-width: 430px;
}

.home__header-container {
  padding: 100px 0 0 0;
}

.home__header-container .home__header-control .tree-toy {
  position: absolute;
  top: -90px;
  right: 0;
  width: 100%;
  align-items: flex-end;
}

.home__header-container .home__header-control .tree-toy .tree-toy__content1:first-child {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.tree-toy:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 874px;
  height: 134px;
  background-image: url("unavailable.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.tree-toy__img5,
.tree-toy__img6,
.tree-toy__img7,
.tree-toy__img8 {
  position: absolute;
}

.tree-toy__img5 {
  left: -430px;
  top: 64px;
}

.tree-toy__img6 {
  width: 81px;
  top: 120px;
  left: -90px;
}

.tree-toy__img7 {
  width: 114px;
  top: 405px;
  left: 230px;
}

.tree-toy__img8 {
  top: 30px;
  right: 75px;
  width: 56px;
}

.home__header-heading.heading {
  font-size: clamp(44px, 10.577vw, 64px);
}

@media (max-width: 1200px) {
  .home-slider__slide[aria-label='1 / 3'] .home__header-entry {
    order: 1;
  }

  .home__header-control {
    max-width: 100%;
  }

  .tree-toy:before {
    height: 100px;
    width: 100%;
    background-position: center top;
  }

  .home__header-container .home__header-control .tree-toy .tree-toy__content1:first-child img {
    width: 43px;
  }

  .home__header-container .home__header-control .tree-toy .tree-toy__content1:first-child {
    gap: 10px
  }

  .tree-toy__img2 {
    margin-left: auto;
  }

  .tree-toy__img5 {
    left: 70px;
    top: 24px;
    width: 14px;
  }

  .tree-toy__img7 {
    width: 50px;
    top: 155px;
    left: unset;
    right: 0;
  }

  .tree-toy__img8 {
    top: 20px;
    right: 37px;
    width: 20px;
  }

  .tree-toy__img6 {
    width: 33px;
    top: 90px;
    left: 420px;
  }
}


@media (max-width: 599px) {
  .tree-toy:before {
    height: 53px;
  }

  .tree-toy__img5 {
    left: 50px;
    top: 9px;
  }

  .tree-toy__img8 {
    top: 5px;
  }

  .tree-toy__img6 {
    top: 50px;
    left: 160px;
  }

  .tree-toy__img7 {
    top: 135px;
  }
}

@media (max-width: 399px) {
  .tree-toy:before {
    max-width: 287px;
    right: 20px;
  }
}
/* Content may be protected by copyright. */
/*
playback timings (ms):
  capture_cache.get: 4.961
  load_resource: 71.391
  PetaboxLoader3.resolve: 45.149
  PetaboxLoader3.datanode: 24.673
*/