@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  border: 0; }

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

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

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

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

html, body {
  width: 100%;
  height: 100%; }

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

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

button {
  cursor: pointer; }

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

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

a:hover {
  text-decoration: none; }

ol, ul, li {
  margin-left: 0;
  padding-left: 0; }

img {
  vertical-align: top; }

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

@font-face {
  font-family: "TikTokSans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/TikTokSans-Regular.eot");
  src: url("../fonts/TikTokSans-Regular.woff2") format("woff2"), url("../fonts/TikTokSans-Regular.woff") format("woff"), url("../fonts/TikTokSans-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "TikTokSans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/TikTokSans-Medium.eot");
  src: url("../fonts/TikTokSans-Medium.woff2") format("woff2"), url("../fonts/TikTokSans-Medium.woff") format("woff"), url("../fonts/TikTokSans-Medium.ttf") format("truetype"); }

@font-face {
  font-family: "TikTokSans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/TikTokSans-Bold.eot");
  src: url("../fonts/TikTokSans-Bold.woff2") format("woff2"), url("../fonts/TikTokSans-Bold.woff") format("woff"), url("../fonts/TikTokSans-Bold.ttf") format("truetype"); }

body {
  font-family: TikTokSans, sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  background-color: #fff;
  padding-top: 164px; }

[class*="__container"] {
  max-width: 1760px;
  margin: 0 auto; }

section {
  margin-top: 100px; }

.hidden {
  display: none; }

svg {
  fill: none;
  width: 16px;
  height: 16px;
  stroke: black; }

.mt40 {
  margin-top: 40px; }

.btn,
.btn-green,
.btn-greenlight,
.btn-greendark,
.btn-gray {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  padding: 13px 24px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 14px;
  line-height: 143%; }

.btn {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  background-color: #F8FAFC;
  color: #000; }
  .btn:hover {
    background-color: #D9F99D;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }

.btn-greenlight {
  gap: 8px;
  background-color: #D9F99D;
  color: #000; }
  .btn-greenlight:hover {
    background-color: #A3E635;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }

.btn-greendark {
  gap: 8px;
  background: #45A700;
  color: #fff; }
  .btn-greendark svg {
    stroke: #fff; }
  .btn-greendark:hover {
    background: #008000; }

.btn-gray {
  background: rgba(30, 41, 59, 0.3);
  -webkit-backdrop-filter: blur(24px);
          backdrop-filter: blur(24px);
  color: #F8FAFC; }
  .btn-gray:hover {
    background: rgba(30, 41, 59, 0.5); }

.black {
  color: #020617; }

.white {
  color: #F8FAFC; }

h1.h1 {
  font-weight: 500;
  font-size: 40px;
  color: #222; }

h2.h2 {
  font-weight: 500;
  font-size: 40px;
  color: #222; }

.zag__title h2 {
  font-weight: 500;
  font-size: 40px;
  color: #222; }

.zag__subtitle {
  font-size: 20px;
  color: #000;
  width: 65%;
  margin-top: 16px; }

.zag2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .zag2 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    color: #008000;
    margin-bottom: 5px; }
    .zag2 a:hover {
      color: #84CC16; }

a.link {
  color: #008000;
  font-size: 14px; }
  a.link:hover {
    color: #45A700; }

a {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  a:hover {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.zagrew {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .zagrew a.linkrew {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    color: #008000;
    margin-bottom: 5px; }
    .zagrew a.linkrew:hover {
      color: #84CC16; }
  .zagrew p {
    margin-top: 16px;
    width: 70%; }
    .zagrew p a {
      color: #008000; }
      .zagrew p a:hover {
        color: #D9F99D; }

.akcii {
  position: relative;
  padding-right: 24px; }
  .akcii::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 0;
    margin-left: 8px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url("../images/icon-akcii.svg") center center no-repeat;
    background-size: cover;
    /*Хлебные крошки*/ }

.breadcrumb__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #64748B; }
  .breadcrumb__row ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .breadcrumb__row ul li {
      list-style: none;
      padding-left: 16px; }
      .breadcrumb__row ul li:first-child {
        padding-left: 0; }
      .breadcrumb__row ul li a {
        color: #64748B;
        position: relative;
        padding-right: 19px; }
        .breadcrumb__row ul li a:hover {
          color: #008000; }
        .breadcrumb__row ul li a::after {
          content: '';
          width: 3px;
          height: 3px;
          background: #64748B;
          position: absolute;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          border-radius: 50%; }

h3 {
  font-weight: 500;
  font-size: 28px; }

.search {
  margin-top: 40px; }
  .search__container {
    padding: 40px 60px;
    background: #F8FAFC;
    border-radius: 36px; }
  .search__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 80px; }
  .search__item_right {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .search__item_title {
    font-weight: 500;
    font-size: 20px; }
  .search__item_search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: #fff;
    gap: 8px;
    border-radius: 16px;
    padding-left: 24px; }
    .search__item_search input[type="search"] {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      background-color: transparent;
      outline: none;
      font-weight: 400;
      font-size: 14px;
      line-height: 143%;
      height: 40px; }
      .search__item_search input[type="search"]::-webkit-input-placeholder {
        color: #020617; }
      .search__item_search input[type="search"]::-moz-placeholder {
        color: #020617; }
      .search__item_search input[type="search"]:-ms-input-placeholder {
        color: #020617; }
      .search__item_search input[type="search"]::-ms-input-placeholder {
        color: #020617; }
      .search__item_search input[type="search"]::placeholder {
        color: #020617; }
    .search__item_search input[type="search"]::-webkit-search-cancel-button {
      -webkit-appearance: none;
      height: 16px;
      width: 16px;
      background: url("../images/close-square.svg") no-repeat center center;
      background-size: 100%;
      cursor: pointer; }
    .search__item_search input[type="search"]::-ms-clear {
      display: none; }
    .search__item_search svg {
      stroke: #64748B; }
  .search__item_search:focus-within svg {
    stroke: #008000; }

.callback__container {
  padding: 40px 60px;
  background: #A3E635;
  border-radius: 36px;
  margin-top: 8px; }

.callback__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.callback__title {
  font-weight: 400;
  font-size: 20px;
  color: #000; }

.callback__message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px; }

.bannerus__container {
  margin-top: 40px; }

.bannerus__row {
  position: relative; }

.bannerus__img {
  border-radius: 36px;
  position: relative; }
  .bannerus__img img {
    width: 100%;
    border-radius: 36px; }

.bannerus__descr {
  position: absolute;
  top: 50%;
  left: 60px;
  width: 40%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
  .bannerus__descr_title {
    font-weight: 500;
    font-size: 40px;
    color: #F8FAFC; }
  .bannerus__descr_subtitle {
    font-weight: 400;
    font-size: 20px;
    color: #F8FAFC;
    margin-top: 24px; }

p.dopinfo {
  margin-top: 24px;
  color: #64748B;
  font-size: 16px; }
  p.dopinfo a {
    color: #000; }
    p.dopinfo a:hover {
      color: #008000; }

.wrapper {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%; }

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

.header {
  padding: 16px 0;
  border-bottom: 1px solid #F1F5F9;
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: #fff; }
  .header__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%; }
    .header__top img {
      width: 16px;
      height: 16px; }
    .header__top_right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 8px; }
  .header__adress {
    color: #020617; }
  .header__clock {
    color: #475569; }
  .header__filial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 12px;
    border-radius: 16px;
    padding: 8px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    background-color: #F8FAFC;
    gap: 8px;
    position: relative; }
    .header__filial:hover {
      cursor: pointer; }
    .header__filial:hover .header__fil {
      opacity: 1;
      visibility: visible;
      -webkit-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease; }
  .header__fil {
    position: absolute;
    top: 36px;
    right: 0;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #F8FAFC;
    border-radius: 8px;
    padding: 8px;
    gap: 16px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    padding: 20px 10px 20px 20px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }
    .header__fil a {
      -ms-flex-item-align: end;
          -ms-grid-row-align: end;
          align-self: end;
      color: #008000; }
      .header__fil a:hover {
        color: #222; }
  .header__title {
    padding: 0 24px;
    position: relative; }
    .header__title::before, .header__title::after {
      content: '';
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 16px;
      height: 16px; }
    .header__title::before {
      left: 0;
      background: url("../images/location.svg") center center no-repeat;
      background-size: 100%; }
    .header__title::after {
      right: 0;
      background: url("../images/arrow-fil.svg") center center no-repeat;
      background-size: 100%; }
  .header__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 8px; }
  .header__logo {
    width: 100px;
    height: 30px; }
    .header__logo a {
      position: relative;
      overflow: hidden; }
      .header__logo a img {
        position: absolute;
        top: 0;
        left: 0;
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease; }
  .header__menu {
    position: relative; }
    .header__menu ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 20px;
      list-style: none; }
      .header__menu ul li a {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #222; }
        .header__menu ul li a:hover {
          color: #008000; }
        .header__menu ul li a.active {
          color: #008000; }
      .header__menu ul li.akcii {
        position: relative;
        padding-right: 24px; }
        .header__menu ul li.akcii::after {
          content: '';
          position: absolute;
          width: 16px;
          height: 16px;
          top: 50%;
          right: 0;
          margin-left: 8px;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          background: url("../images/icon-akcii.svg") center center no-repeat;
          background-size: cover; }
  .header__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-radius: 16px;
    padding-left: 24px;
    gap: 8px;
    background-color: #F8FAFC;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.2s ease, -webkit-transform 0.5s ease;
    transition: transform 0.5s ease, opacity 0.2s ease;
    transition: transform 0.5s ease, opacity 0.2s ease, -webkit-transform 0.5s ease; }
    .header__search input[type="search"] {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      background-color: transparent;
      outline: none; }
      .header__search input[type="search"]::-webkit-input-placeholder {
        color: #020617; }
      .header__search input[type="search"]::-moz-placeholder {
        color: #020617; }
      .header__search input[type="search"]:-ms-input-placeholder {
        color: #020617; }
      .header__search input[type="search"]::-ms-input-placeholder {
        color: #020617; }
      .header__search input[type="search"]::placeholder {
        color: #020617; }
    .header__search svg {
      stroke: #64748B; }
    .header__search.active {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  .header__search:focus-within svg {
    stroke: #008000; }
  .header__callback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px; }
  .header__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px; }
    .header__phone a {
      color: #000;
      font-weight: 500;
      font-size: 16px;
      line-height: 150%;
      color: #000; }
      .header__phone a:hover {
        color: #008000; }
  .header__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px; }

.switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px; }
  .switch__input {
    display: none; }
  .switch__label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
  .switch__switch {
    position: relative;
    width: 32px;
    height: 20px;
    background-color: #CBD5E1;
    border-radius: 24px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    margin-right: 10px; }
    .switch__switch::before {
      content: '';
      width: 16px;
      height: 16px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
      border-radius: 24px;
      background-color: #fff;
      position: absolute;
      left: 2px;
      top: 2px;
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: -webkit-transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
  .switch__text {
    color: #475569; }

.switch__input:checked + .switch__label .switch__switch {
  background-color: #84CC16; }

.switch__input:checked + .switch__label .switch__switch::before {
  -webkit-transform: translateX(12px);
      -ms-transform: translateX(12px);
          transform: translateX(12px); }

.whatsapp,
.telegram {
  background: #84CC16;
  width: 46px;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 16px; }

.whatsapp:hover {
  background: #0DC143; }

.telegram:hover {
  background: #419FD9; }

img.logo1 {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

img.logo2 {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.header__logo a:hover img.logo1 {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.header__logo a:hover img.logo2 {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.about {
  margin-top: 40px; }
  .about__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
    width: 100%;
    height: 720px; }
  .about__item_1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 355px;
            flex: 0 0 355px;
    background: #F1F5F9;
    padding: 24px;
    border-radius: 24px; }
  .about__item_text {
    font-size: 16px;
    line-height: 150%;
    color: #64748B; }
  .about__item_servis {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 140px; }
    .about__item_servis a {
      font-size: 14px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: max-content; }
  .about__item_2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    position: relative;
    background: url("../images/dest/aboutbg.jpg") center center no-repeat;
    background-size: cover;
    border-radius: 36px;
    padding: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
    .about__item_2::before {
      content: '';
      width: 100%;
      height: 100%;
      border-radius: 36px;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.3); }
  .about__item_descr {
    max-width: 666px;
    color: #F8FAFC;
    position: relative; }
  .about__item_title h1 {
    font-weight: 500;
    font-size: 100px;
    line-height: 90%;
    letter-spacing: -0.04em; }
  .about__item_subtitle {
    font-weight: 400;
    font-size: 20px;
    margin-top: 32px; }
  .about__item_button {
    margin-top: 32px; }
  .about__item_3 {
    width: 200px; }

.slider {
  border-radius: 36px;
  position: relative; }
  .slider__text {
    position: absolute;
    left: 24px;
    top: 46px;
    font-size: 14px;
    line-height: 143%;
    width: 60%; }

.swiper-pagination-bullet {
  margin: 0; }

.slider .swiper-pagination {
  text-align: left;
  top: 24px;
  left: 24px;
  bottom: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.slider .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: rgba(2, 6, 23, 0.3);
  margin: 0 2px; }

.slider .swiper-pagination-horizontal .swiper-pagination-bullet {
  margin: 0 2px; }

.slider .swiper-pagination-bullet-active {
  width: 16px;
  height: 6px;
  background-color: #F8FAFC;
  border-radius: 40px; }

.servises__container {
  padding: 80px 60px;
  background-color: #F1F5F9;
  border-radius: 36px; }

.servises__row {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 16px; }

.servises__item {
  width: calc(1/6*100% - (1 - 1/6)*16px);
  background-color: #fff;
  border-radius: 24px;
  padding: 24px;
  height: 200px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #222;
  position: relative;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease; }
  .servises__item::before {
    content: '';
    position: absolute;
    top: -20px;
    right: -20px;
    width: 140px;
    height: 140px;
    background-color: #BEF264;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
            transform-origin: top right;
    -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }

.servises__icon {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  position: relative;
  width: 42px;
  height: 42px; }
  .servises__icon img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; }

.servises__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: relative;
  -webkit-transform: translateY(25%);
      -ms-transform: translateY(25%);
          transform: translateY(25%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

.servises__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #222; }

.servises__price {
  opacity: 0;
  color: #008000;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

.image-top {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }

.image-bottom {
  opacity: 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; }

.servises__item:hover {
  background: #A3E635;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease; }

.servises__item:hover::before {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.servises__item:hover::after {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.servises__item:hover .servises__wrapp {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

.servises__item:hover .servises__price {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  opacity: 1; }

.servises__item:hover img.image-top {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }

.servises__item:hover img.image-bottom {
  opacity: 1;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; }

.servises2__container {
  border-radius: 36px; }

.servises2__row {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 16px; }

.servises2__item {
  width: calc(1/6*100% - (1 - 1/6)*16px);
  background-color: #F8FAFC;
  border-radius: 24px;
  padding: 24px;
  height: 200px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #222;
  position: relative;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease; }
  .servises2__item::before {
    content: '';
    position: absolute;
    top: -20px;
    right: -20px;
    width: 140px;
    height: 140px;
    background-color: #BEF264;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
            transform-origin: top right;
    -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }

.servises2__item2::before {
  background-color: #F8FAFC; }

.servises2__item2::after {
  content: '';
  position: absolute;
  top: -30px;
  right: -30px;
  width: 160px;
  height: 160px;
  border: 2px solid #F8FAFC;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }

.servises2__icon {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  position: relative;
  width: 42px;
  height: 42px; }
  .servises2__icon img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; }

.servises2__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-transform: translateY(25%);
      -ms-transform: translateY(25%);
          transform: translateY(25%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

.servises2__wrapp2 {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  padding-bottom: 8px; }

.servises2__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #222; }

.servises2__price {
  opacity: 0;
  color: #008000;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

.image-top {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }

.image-bottom {
  opacity: 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; }

.servises2__item:hover {
  background: #A3E635;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease; }

.servises2__item2:hover {
  background: #F1F5F9;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease; }

.servises2__item:hover::before {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.servises2__item:hover::after {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.servises2__item:hover .servises2__wrapp {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

.servises2__item:hover .servises2__price {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  opacity: 1; }

.servises2__item:hover img.image-top {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }

.servises2__item:hover img.image-bottom {
  opacity: 1;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; }

.servises3__container {
  border-radius: 36px; }

.servises3__row {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 16px; }

.servises3__item {
  width: calc(1/6*100% - (1 - 1/6)*16px);
  background-color: #F8FAFC;
  border-radius: 24px;
  padding: 24px;
  height: 200px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #222;
  position: relative;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease; }
  .servises3__item::before {
    content: '';
    position: absolute;
    top: -20px;
    right: -20px;
    width: 140px;
    height: 140px;
    background-color: #F8FAFC;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
            transform-origin: top right;
    -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }
  .servises3__item::after {
    content: '';
    position: absolute;
    top: -30px;
    right: -30px;
    width: 160px;
    height: 160px;
    border: 2px solid #F8FAFC;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
            transform-origin: top right;
    -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }

.servises3__icon {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  position: relative;
  width: 42px;
  height: 42px; }
  .servises3__icon img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; }

.servises3__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end; }

.servises3__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%; }

.servises3__price {
  color: #008000;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

.image-top {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }

.image-bottom {
  opacity: 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; }

.servises3__item:hover {
  background: #F1F5F9;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease; }

.servises3__item:hover::before {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.servises3__item:hover::after {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.servises3__item:hover img.image-top {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }

.servises3__item:hover img.image-bottom {
  opacity: 1;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; }

.center__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px; }

.center__item_left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.center__item_right {
  width: 604px;
  height: 610px;
  position: relative;
  border-radius: 24px; }
  .center__item_right::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 24px; }

.center__descr {
  font-size: 20px; }
  .center__descr p {
    margin-top: 16px; }
  .center__descr ul {
    margin-top: 40px;
    padding-left: 20px; }
    .center__descr ul li {
      position: relative; }

.center__button {
  margin-top: 40px; }

.center__text {
  position: absolute;
  bottom: 40px;
  left: 40px;
  width: 70%; }
  .center__text_title {
    font-size: 28px;
    font-weight: 500;
    color: #fff; }
  .center__text_button {
    margin-top: 32px; }

.thanks__container {
  background: #008000 url("../images/thanks-bg.png") bottom 0 right 80px no-repeat;
  padding: 60px 80px;
  border-radius: 36px; }

.thanks__title {
  font-weight: 500;
  font-size: 28px;
  color: #fff; }

.thanks__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 1000px;
  margin-top: 32px;
  gap: 32px; }

.thanks__item {
  width: calc(1/3*100% - (1 - 1/3)*32px);
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  padding-left: 24px;
  position: relative; }
  .thanks__item::before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    left: 0;
    background: url("../images/tanks-circle.svg") center center no-repeat;
    background-size: 100%; }

.doctors__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 40px; }

.doctors__item {
  width: calc(1/4*100% - (1 - 1/4)*16px);
  border-radius: 24px;
  padding: 24px;
  background: #F8FAFC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; }

.doctors__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end; }
  .doctors__wrapp_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 20px;
    color: #222; }
    .doctors__wrapp_name span {
      color: #64748B;
      font-size: 14px;
      line-height: 143%; }
  .doctors__wrapp_avatar {
    border: 4px solid transparent;
    border-radius: 50%;
    -webkit-transition: border 0.5s ease;
    transition: border 0.5s ease; }
    .doctors__wrapp_avatar img {
      border-radius: 50%; }
    .doctors__wrapp_avatar:hover {
      border: 4px solid #A3E635;
      -webkit-transition: border 0.5s ease;
      transition: border 0.5s ease; }

.doctors__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px; }
  .doctors__tags span {
    background-color: #fff;
    padding: 5px 12px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    font-size: 14px;
    line-height: 143%; }

.doctors__descr {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.doctors__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  margin-top: 8px; }
  .doctors__button a {
    padding: 13px 20px; }

.doctors__block {
  padding: 60px 80px;
  background: #A3E635 url("../images/doctor-black-bg.png") bottom 0px right 80px no-repeat;
  margin-top: 40px;
  border-radius: 36px; }
  .doctors__block_title {
    font-weight: 500;
    font-size: 28px;
    color: #222; }
  .doctors__block_subtitle {
    margin-top: 16px;
    font-size: 20px;
    color: #000; }
  .doctors__block_button {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px; }

.doctors2__container {
  padding: 40px;
  border: 1px solid #E2E8F0;
  border-radius: 36px; }
  .doctors2__container a {
    padding: 13px 15px; }

.reviews__row {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px; }

.reviews__item {
  width: calc(1/4*100% - (1 - 1/4)*16px);
  border-radius: 24px;
  background: #F8FAFC;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; }

.reviews__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .reviews__wrapp_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 20px; }
    .reviews__wrapp_name span {
      font-size: 14px;
      color: #64748B; }

.reviews__descr {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.reviews2__container {
  padding: 40px;
  border: 1px solid #E2E8F0;
  border-radius: 36px; }

.news__container {
  padding: 100px 80px;
  background: #F8FAFC;
  border-radius: 36px; }

.news__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 40px; }

.news__items_left {
  width: 544px;
  position: relative; }

.news__slide {
  border-radius: 24px; }
  .news__slide img {
    border-radius: 24px; }

.news__tags {
  position: absolute;
  top: 40px;
  left: 40px;
  color: #020617;
  font-size: 14px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  font-size: 14px;
  line-height: 143%;
  padding: 5px 12px;
  z-index: 1000; }

.news__descr {
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 1000; }
  .news__descr_title {
    font-weight: 500;
    font-size: 28px;
    color: #fff; }
  .news__descr_button {
    margin-top: 32px; }

.news__article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 40px; }

.news__item {
  width: calc(1/3*100% - (1 - 1/3)*16px);
  background-color: #fff;
  padding: 24px;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px; }

.news__img {
  border-radius: 8px; }
  .news__img img {
    border-radius: 8px; }

.news__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 8px; }
  .news__info_date {
    color: #64748B;
    font-size: 14px; }
  .news__info_title {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em;
    text-overflow: ellipsis; }
  .news__info_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #475569;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }

.contact__container {
  padding: 0 80px; }

.contact__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px; }

.contact__items_right h2 {
  margin-top: 40px; }

.contact__fillials {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #475569;
  gap: 40px; }
  .contact__fillials_item {
    width: calc(1/4*100% - (1 - 1/4)*40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px; }
  .contact__fillials_title {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #020617; }
    .contact__fillials_title span {
      -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
              box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
      background: #A3E635;
      border-radius: 16px;
      padding: 2px 8px;
      font-size: 14px;
      line-height: 143%; }
  .contact__fillials_adress {
    margin: 8px 0;
    font-size: 14px; }
  .contact__fillials_shedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    font-size: 14px; }

.day,
.clock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px; }

.page__container h1 {
  margin-top: 40px;
  font-weight: 500;
  font-size: 40px;
  color: #222; }

.accordeon__wrapper {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; }

.accordeon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 60px;
  background: #F8FAFC;
  border-radius: 36px; }
  .accordeon__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    cursor: pointer; }
    .accordeon__title h3 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .accordeon__title h3 p {
        font-size: 14px; }
        .accordeon__title h3 p span {
          padding: 5px 12px;
          border-radius: 16px;
          background: #FDE68A;
          margin-right: 16px; }
    .accordeon__title.active {
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
    .accordeon__title.active span::after {
      -webkit-transform: translateX(-50%) rotate(-90deg);
          -ms-transform: translateX(-50%) rotate(-90deg);
              transform: translateX(-50%) rotate(-90deg);
      opacity: 0; }
    .accordeon__title span.plus {
      position: relative;
      width: 46px;
      height: 46px;
      -webkit-transition: -webkit-transform 0.5s ease-out;
      transition: -webkit-transform 0.5s ease-out;
      transition: transform 0.5s ease-out;
      transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
      background: #D9F99D;
      border-radius: 16px; }
      .accordeon__title span.plus::before, .accordeon__title span.plus::after {
        content: '';
        position: absolute;
        background: black;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
      .accordeon__title span.plus::before {
        width: 20px;
        height: 1px;
        left: 50%;
        margin-left: -10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
      .accordeon__title span.plus::after {
        width: 1px;
        height: 20px;
        left: 50%;
        top: 50%;
        margin-top: -10px;
        -webkit-transform: translateX(-50%) rotate(0deg);
            -ms-transform: translateX(-50%) rotate(0deg);
                transform: translateX(-50%) rotate(0deg);
        -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
        transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; }
  .accordeon__content {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    margin-top: 0px;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: max-height 0.3s ease-out, margin-top 0.5s ease-out, opacity 0.1s ease-out 0.2s, visibility 0.1s ease-out 0.1s;
    transition: max-height 0.3s ease-out, margin-top 0.5s ease-out, opacity 0.1s ease-out 0.2s, visibility 0.1s ease-out 0.1s; }
    .accordeon__content.active {
      margin-top: 24px;
      visibility: visible;
      opacity: 1;
      -webkit-transition: max-height 0.3s ease-out, margin-top 0.5s ease-out, opacity 0.1s ease-out 0.2s, visibility 0.1s ease-out;
      transition: max-height 0.3s ease-out, margin-top 0.5s ease-out, opacity 0.1s ease-out 0.2s, visibility 0.1s ease-out; }
  .accordeon__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 12px 24px;
    border-top: 1px solid #F1F5F9; }
    .accordeon__item:first-child {
      border-top: 1px solid transparent; }
    .accordeon__item_kod {
      min-width: -webkit-max-content;
      min-width: -moz-max-content;
      min-width: max-content;
      padding-right: 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #64748B;
      font-weight: 500;
      font-size: 16px;
      line-height: 150%; }
    .accordeon__item_title {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      padding: 0 24px;
      border-left: 1px solid #CBD5E1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      line-height: 150%;
      color: #222; }
      .accordeon__item_title span {
        padding: 5px 12px;
        border-radius: 16px;
        background: #FDE68A; }
    .accordeon__item_callback {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 24px;
      border-left: 1px solid #CBD5E1; }
    .accordeon__item_price {
      margin-left: 24px;
      font-weight: 500;
      font-size: 16px;
      line-height: 150%;
      color: #222; }

.accordeon:not(:has(.accordeon__title.active, .accordeon__content.active)):hover {
  background: #F1F5F9; }

.polis__container {
  margin-top: 40px; }

.polis__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px; }

.polis__item {
  width: calc(1/6*100% - (1 - 1/6)*16px);
  background: #F8FAFC;
  padding: 24px;
  height: 200px;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .polis__item_img {
    border-radius: 8px; }
    .polis__item_img img {
      border-radius: 8px; }
  .polis__item_title {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #222; }

.usluga {
  margin-top: 40px; }
  .usluga__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px; }
  .usluga__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    border-radius: 36px; }
    .usluga__item_left {
      background: url("../images/detail-bg.png") center center no-repeat;
      background-size: 100%;
      padding: 80px 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .usluga__item img {
      border-radius: 36px;
      width: 100%; }
    .usluga__item_title h1 {
      margin-top: 0; }
    .usluga__item_opisanie {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 16px;
      margin-top: 16px; }
      .usluga__item_opisanie p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 4px;
        color: #000;
        font-weight: 400;
        font-size: 20px; }
        .usluga__item_opisanie p span {
          color: #64748B; }
    .usluga__item_subtitle {
      font-weight: 400;
      font-size: 20px;
      color: #000;
      margin-top: 16px; }

.content {
  margin-top: 40px;
  padding-top: 60px; }
  .content h2 {
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 40px;
    margin-top: 40px; }
    .content h2:first-child {
      margin-top: 0; }
  .content__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px; }
  .content__item_left {
    padding-left: 60px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .content__item_left ul {
      margin-top: 16px;
      margin-left: 20px;
      margin-bottom: 40px; }
      .content__item_left ul li {
        position: relative;
        margin-bottom: 4px; }
  .content__item_right {
    width: 564px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: 564px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px; }
  .content__link {
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px; }
    .content__link_title {
      font-weight: 500;
      font-size: 20px; }
    .content__link_link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 24px; }
      .content__link_link a {
        color: #222;
        -webkit-text-decoration: underline dotted #222;
                text-decoration: underline dotted #222;
        text-underline-offset: 6px;
        line-height: 150%; }
        .content__link_link a:hover {
          color: #008000;
          -webkit-text-decoration: underline dotted #008000;
                  text-decoration: underline dotted #008000; }
    .content__link_button {
      margin-top: 24px; }
      .content__link_button a {
        border-radius: 16px;
        padding: 12px 24px;
        background: #F1F5F9;
        color: #222;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        gap: 8px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content__block {
    padding: 40px 40px;
    background: #A3E635 url("../images/callback-bg-page.png") bottom 0 right 40px no-repeat;
    margin-top: 40px;
    border-radius: 36px; }
    .content__block_subtitle {
      margin-top: 16px;
      font-size: 16px;
      line-height: 150%;
      color: #000;
      width: 60%; }
    .content__block_button {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px; }

.alldoctors {
  padding: 40px;
  background: #F8FAFC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 16px;
  gap: 24px; }
  .alldoctors__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .alldoctors__img img {
      border: 2px solid white;
      border-radius: 50%;
      position: relative; }
  .alldoctors__link {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    width: 64px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #E2E8F0;
    margin-left: -15px;
    border: 2px solid white;
    border-radius: 50%;
    z-index: 100; }

.alldoctors__img img:not(:first-child) {
  margin-left: -15px; }

.slidergoriz {
  border-radius: 16px;
  position: relative;
  width: 100%; }
  .slidergoriz__text {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 40%;
    font-size: 16px;
    line-height: 150%; }

.slidergoriz .swiper-pagination {
  text-align: left;
  bottom: auto;
  left: 40px;
  bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.slidergoriz .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: rgba(2, 6, 23, 0.3);
  margin: 0 2px; }

.slidergoriz .swiper-pagination-horizontal .swiper-pagination-bullet {
  margin: 0 2px; }

.slidergoriz .swiper-pagination-bullet-active {
  width: 16px;
  height: 6px;
  background-color: #F8FAFC;
  border-radius: 40px; }

.tabs-container {
  margin-top: 40px; }

.tabs-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px; }

.tab-button {
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  background: #F1F5F9; }
  .tab-button span {
    color: #64748B;
    margin-left: 8px; }

.tab-button:hover {
  background: #E2E8F0; }

.tab-button.active {
  background: #334155;
  color: #fff; }
  .tab-button.active span {
    color: #84CC16; }

.tab-panel {
  display: none;
  -webkit-animation: fadeIn 0.8s ease;
          animation: fadeIn 0.8s ease; }
  .tab-panel h2 {
    margin: 40px 0;
    font-weight: 500;
    font-size: 28px; }

.tab-panel.active {
  display: block; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.specialist__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px; }

.specialist__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(1/4*100% - (1 - 1/4)*16px);
  background: #F8FAFC;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 24px; }
  .specialist__item_img {
    border-radius: 24px; }
    .specialist__item_img img {
      width: 100%;
      border-radius: 24px; }
  .specialist__item_wrapp {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: 1px solid green; }
  .specialist__item_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-weight: 500;
    font-size: 20px;
    margin-top: 24px;
    padding: 0px 24px; }
    .specialist__item_name span {
      font-weight: 400;
      font-size: 14px;
      line-height: 143%;
      color: #64748B; }
  .specialist__item_tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 16px;
    padding: 0px 24px; }
    .specialist__item_tags span {
      border-radius: 16px;
      padding: 5px 12px;
      background: #fff;
      font-weight: 400;
      font-size: 14px;
      line-height: 143%;
      -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
              box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04); }
  .specialist__item_descr {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-top: 16px;
    padding: 0px 24px; }
  .specialist__item_buttons {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px; }
    .specialist__item_buttons a {
      padding: 13px 20px; }

.article__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-top: 40px; }

.article__item {
  width: calc(1/5*100% - (1 - 1/5)*16px);
  background-color: #F8FAFC;
  padding: 24px;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px; }

.article__img {
  border-radius: 8px; }
  .article__img img {
    border-radius: 8px; }

.article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 8px; }
  .article__info_date {
    color: #64748B;
    font-size: 14px; }
  .article__info_title {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em;
    text-overflow: ellipsis; }
  .article__info_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #475569;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }

.article__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px; }

.btn-add {
  -webkit-backdrop-filter: blur(24px);
          backdrop-filter: blur(24px);
  background: rgba(30, 41, 59, 0.3);
  border-radius: 16px;
  padding: 12px 24px;
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  color: #F8FAFC; }

.article2 {
  margin-top: 100px; }
  .article2__container {
    padding: 60px;
    border-radius: 36px;
    border: 1px solid #E2E8F0; }
  .article2__item {
    width: calc(1/4*100% - (1 - 1/4)*16px); }
    .article2__item img {
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%; }

.location {
  margin-top: 40px; }
  .location__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px; }
  .location__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    background-color: #F8FAFC;
    border-radius: 36px; }
    .location__item_map img {
      border-radius: 36px; }
  .location__callback {
    padding: 80px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px; }
    .location__callback_title, .location__callback_adress, .location__callback_phones, .location__callback_email, .location__callback_shedule {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 4px;
      font-weight: 400;
      font-size: 20px;
      color: #000; }
      .location__callback_title span, .location__callback_adress span, .location__callback_phones span, .location__callback_email span, .location__callback_shedule span {
        color: #64748B; }
    .location__callback_title {
      font-weight: 500;
      font-size: 28px;
      color: #222;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .location__callback_title span {
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
        background: #BEF264;
        border-radius: 16px;
        padding: 5px 8px;
        color: #000;
        font-size: 14px; }
    .location__callback_phone {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px; }
      .location__callback_phone a {
        color: #000; }
        .location__callback_phone a:hover {
          color: #008000; }
    .location__callback_email a {
      color: #008000; }
      .location__callback_email a:hover {
        color: #000; }
    .location__callback_wrapp {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px; }
      .location__callback_wrapp span {
        color: #000; }
    .location__callback_button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px;
      margin-top: 35px; }

.locationdop {
  margin-top: 40px; }
  .locationdop__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px; }
  .locationdop__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    padding: 80px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    background: #F8FAFC;
    border-radius: 36px; }
    .locationdop__item_title {
      font-weight: 500;
      font-size: 28px;
      color: #222; }
    .locationdop__item_wrapper {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 16px; }
    .locationdop__item_phone, .locationdop__item_shedule {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 4px; }
      .locationdop__item_phone span, .locationdop__item_shedule span {
        color: #64748B; }
      .locationdop__item_phone a, .locationdop__item_shedule a {
        color: #222; }
        .locationdop__item_phone a:hover, .locationdop__item_shedule a:hover {
          color: #008000; }
    .locationdop__item_button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px;
      margin-top: 60px; }
  .locationdop__callback_wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px; }
    .locationdop__callback_wrapp span {
      color: #000; }

.parent {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  -ms-grid-rows: (1fr)[4];
  grid-template-rows: repeat(4, 1fr);
  gap: 16px;
  height: 600px;
  min-height: 600px; }

.div1 {
  -ms-grid-column-span: 6;
  grid-column: span 6 / span 6;
  -ms-grid-row-span: 4;
  grid-row: span 4 / span 4; }

.div2 {
  -ms-grid-column-span: 3;
  grid-column: span 3 / span 3;
  -ms-grid-row-span: 2;
  grid-row: span 2 / span 2;
  -ms-grid-column: 7;
      grid-column-start: 7; }

.div3 {
  -ms-grid-column-span: 3;
  grid-column: span 3 / span 3;
  -ms-grid-row-span: 2;
  grid-row: span 2 / span 2;
  -ms-grid-column: 10;
      grid-column-start: 10; }

.div4 {
  -ms-grid-column-span: 3;
  grid-column: span 3 / span 3;
  -ms-grid-row-span: 2;
  grid-row: span 2 / span 2;
  -ms-grid-column: 7;
      grid-column-start: 7;
  -ms-grid-row: 3;
      grid-row-start: 3; }

.div5 {
  -ms-grid-column-span: 2;
  grid-column: span 2 / span 2;
  -ms-grid-row-span: 2;
  grid-row: span 2 / span 2;
  -ms-grid-column: 10;
      grid-column-start: 10;
  -ms-grid-row: 3;
      grid-row-start: 3; }

.div6 {
  -ms-grid-column: 12;
      grid-column-start: 12;
  -ms-grid-row: 3;
      grid-row-start: 3; }

.div7 {
  -ms-grid-column: 12;
      grid-column-start: 12;
  -ms-grid-row: 4;
      grid-row-start: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  background: #F1F5F9; }
  .div7 img.svg {
    width: 24px;
    height: 24px; }
  .div7 a {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    -webkit-text-decoration: underline dotted #222;
            text-decoration: underline dotted #222;
    text-underline-offset: 6px;
    color: #222; }
    .div7 a:hover {
      color: #008000; }

.item {
  border-radius: 36px;
  overflow: hidden; }
  .item img {
    width: 100%;
    border-radius: 36px;
    -o-object-fit: cover;
       object-fit: cover; }

.salle {
  margin-top: 40px; }
  .salle__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px; }
  .salle__item {
    width: calc(1/4*100% - (1 - 1/4)*16px);
    position: relative; }
    .salle__item img {
      width: 100%; }
    .salle__item_descr {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .salle__item_title {
      font-weight: 500;
      font-size: 28px;
      color: #fff; }
    .salle__item_subtitle {
      font-weight: 400;
      font-size: 20px;
      color: #fff;
      margin-top: 16px; }

.black {
  color: #222; }

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1000;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.modal-overlay.active {
  display: block;
  opacity: 1;
  overflow-y: auto; }

.modal-wrapp {
  background: #F8FAFC;
  border-radius: 36px;
  padding: 60px;
  max-width: 872px;
  position: relative;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  margin: 0 auto; }

.modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 60px; }

.modal-close {
  border-radius: 16px;
  position: absolute;
  top: -46px;
  right: -46px; }

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .modal-header img {
    width: 100%;
    border-radius: 36px; }

.modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px; }

.modal-date {
  border-radius: 12px;
  padding: 8px 16px;
  background: #D9F99D;
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 0 auto; }

.modal-title {
  font-weight: 500;
  font-size: 40px; }

.modal-subtitle {
  font-weight: 400;
  font-size: 20px;
  color: #000;
  text-align: center; }

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 24px; }

.modal-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #64748B; }

.modal-callback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px; }

.footer {
  margin: 100px 0 40px 0; }
  .footer__container {
    padding: 100px 80px;
    background-color: #F8FAFC;
    border-radius: 36px; }
  .footer__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 40px; }
  .footer__item_info {
    width: 544px;
    color: #64748B;
    font-size: 14px; }
  .footer__item_copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 24px; }
  .footer__item_text {
    margin-top: 16px; }
  .footer__item_politic {
    margin-top: 16px; }
    .footer__item_politic a {
      color: #64748B; }
      .footer__item_politic a:hover {
        color: #008000; }
  .footer__item_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    gap: 40px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .footer__item_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .footer__item_link a {
      font-size: 16px;
      line-height: 150%;
      color: #222; }
      .footer__item_link a:hover {
        color: #008000; }
  .footer__item_fillials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px; }
  .footer__item_callback {
    width: 219px; }
  .footer__item_phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px; }
    .footer__item_phone a {
      font-weight: 500;
      font-size: 16px;
      line-height: 150%;
      color: #222; }
      .footer__item_phone a:hover {
        color: #008000; }
  .footer__item_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 24px;
    gap: 8px; }
    .footer__item_button a.whatsapp,
    .footer__item_button a.telegram {
      background: #CBD5E1;
      margin-top: 8px; }
    .footer__item_button a.whatsapp:hover {
      background: #0DC143; }
    .footer__item_button a.telegram:hover {
      background: #419FD9; }
  .footer__shedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px; }
    .footer__shedule p {
      color: #64748B; }
      .footer__shedule p:first-child {
        color: #020617; }

.foot-fill {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end; }