@charset "UTF-8";
/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */
:root {
    --swiper-theme-color: #007aff;
    /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
    display: block;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
.swiper-slide,
.swiper-cube-shadow {
    transform-style: preserve-3d;
}
}

/* CSS Mode */
.swiper-css-mode {
> .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
&::-webkit-scrollbar {
     display: none;
 }
}
> .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
&.swiper-horizontal {
> .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
}
&.swiper-vertical {
> .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
}
&.swiper-free-mode {
> .swiper-wrapper {
    scroll-snap-type: none;
}
> .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
}
&.swiper-centered {
> .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
> .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
}
&.swiper-centered.swiper-horizontal {
> .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
> .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
}
&.swiper-centered.swiper-vertical {
> .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
> .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
}
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom,
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
.swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* Slide styles end */
:root {
    --swiper-navigation-size: 44px;
    /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
&.swiper-button-disabled {
     opacity: 0.35;
     cursor: auto;
     pointer-events: none;
 }
&.swiper-button-hidden {
     opacity: 0;
     cursor: auto;
     pointer-events: none;
 }
.swiper-navigation-disabled & {
    display: none !important;
}
svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
}
}

.swiper-button-lock {
    display: none;
}

.swiper-button-prev,
.swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
}

.swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
.swiper-navigation-icon {
    transform: rotate(180deg);
}
}

.swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
}

.swiper-horizontal {
.swiper-button-prev,
.swiper-button-next,
~ .swiper-button-prev,
~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    margin-left: 0;
}
.swiper-button-prev,
& ~ .swiper-button-prev,
&.swiper-rtl .swiper-button-next,
&.swiper-rtl ~ .swiper-button-next {
     left: var(--swiper-navigation-sides-offset, 4px);
     right: auto;
 }
.swiper-button-next,
& ~ .swiper-button-next,
&.swiper-rtl .swiper-button-prev,
&.swiper-rtl ~ .swiper-button-prev {
     right: var(--swiper-navigation-sides-offset, 4px);
     left: auto;
 }
.swiper-button-prev,
& ~ .swiper-button-prev,
&.swiper-rtl .swiper-button-next,
&.swiper-rtl ~ .swiper-button-next {
.swiper-navigation-icon {
    transform: rotate(180deg);
}
}
&.swiper-rtl .swiper-button-prev,
&.swiper-rtl ~ .swiper-button-prev {
.swiper-navigation-icon {
    transform: rotate(0deg);
}
}
}

.swiper-vertical {
.swiper-button-prev,
.swiper-button-next,
~ .swiper-button-prev,
~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - var(--swiper-navigation-size) / 2);
    margin-top: 0;
}
.swiper-button-prev,
~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
.swiper-navigation-icon {
    transform: rotate(-90deg);
}
}
.swiper-button-next,
~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
.swiper-navigation-icon {
    transform: rotate(90deg);
}
}
}

:root {
    /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
&.swiper-pagination-hidden {
     opacity: 0;
 }
.swiper-pagination-disabled > &,
&.swiper-pagination-disabled {
     display: none !important;
 }
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
.swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullet-active {
    transform: scale(1);
}
.swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable & {
    cursor: pointer;
}
&:only-child {
     display: none !important;
 }
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0);
.swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}
&.swiper-pagination-bullets-dynamic {
     top: 50%;
     transform: translateY(-50%);
     width: 8px;
.swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}
}
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
.swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
&.swiper-pagination-bullets-dynamic {
     left: 50%;
     transform: translateX(-50%);
     white-space: nowrap;
.swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}
}
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
.swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-rtl & .swiper-pagination-progressbar-fill {
                  transform-origin: right top;
              }
.swiper-horizontal > &,
&.swiper-pagination-horizontal,
 .swiper-vertical > &.swiper-pagination-progressbar-opposite,
&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
     width: 100%;
     height: var(--swiper-pagination-progressbar-size, 4px);
     left: 0;
     top: 0;
 }
.swiper-vertical > &,
&.swiper-pagination-vertical,
 .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
     width: var(--swiper-pagination-progressbar-size, 4px);
     height: 100%;
     left: 0;
     top: 0;
 }
}

.swiper-pagination-lock {
    display: none;
}

:root {
    --content-width: 1280px;
    --container-offset: 16px;
    --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
    --font-family: "Gilroy", sans-serif;
    --second-family: "Racama", sans-serif;
    --third-family: "SF Pro Display", sans-serif;
    --font3: "SF Pro Text", sans-serif;
    --color-lilac-10: #fcf2fc;
    --color-lilac-20: #f8e2f8;
    --color-lilac-30: #edc9ed;
    --color-lilac-40: #e0ace0;
    --color-lilac-50: #d08fd0;
    --color-lilac-60: #bc70bc;
    --color-lilac-70: #9c5c9c;
    --color-lilac-80: #7f4a7f;
    --color-lilac-90: #613561;
    --color-lilac-100: #4c214c;
    --color-grayscale-white: #fff;
    --color-grayscale-10: #f4f7fb;
    --color-grayscale-20: #e8ecf2;
    --color-grayscale-30: #d5dbe2;
    --color-grayscale-40: #b3bbc7;
    --color-grayscale-50: #929baa;
    --color-grayscale-60: #747d8b;
    --color-grayscale-70: #585f6a;
    --color-grayscale-80: #3a404a;
    --color-grayscale-90: #23272f;
    --color-grayscale-100: #121519;
    --surface-level-0: var(--color-grayscale-10);
    --surface-level-1: var(--color-grayscale-white);
    --surface-level-2: var(--color-grayscale-white);
    --surface-orange: var(--color-orange-60);
    --surface-orange-light: var(--color-orange-10);
    --surface-grey: var(--color-grayscale-20);
    --surface-blue: var(--color-blue-60);
    --text-primary: var(--color-grayscale-100);
    --text-secondary: var(--color-grayscale-70);
    --text-tertiary: var(--color-grayscale-50);
    --text-invert: var(--color-grayscale-white);
    --text-purple: var(--color-lilac-60);
    --text-red: var(--color-red-60);
    --text-green: var(--color-green-60);
    --border-purple: var(--color-lilac-60);
    --border-red: var(--color-red-60);
    --icon-primary: var(--color-grayscale-100);
    --icon-invert: var(--color-grayscale-white);
    --icon-purple: var(--color-lilac-60);
    --icon-red: var(--color-red-60);
    --icon-green: var(--color-green-60);
    --icon-blue: var(--color-blue-60);
    --border-devider: var(--color-grayscale-20);
    --surface-red-light: var(--color-red-10);
    --surface-red: var(--color-red-60);
    --text-blue: var(--color-blue-60);
    --color-orange-10: #fff7e6;
    --color-orange-20: #ffe7ba;
    --color-orange-30: #ffd591;
    --color-orange-40: #ffc069;
    --color-orange-50: #ffa940;
    --color-orange-60: #fa8c16;
    --color-orange-70: #dc6700;
    --color-orange-80: #ad4b00;
    --color-orange-90: #803300;
    --color-orange-100: #572000;
    --icon-orange: var(--color-orange-60);
    --icon-magenta: var(--color-magenta-50);
    --icon-cyan: var(--color-cyan-60);
    --surface-purple: var(--color-lilac-60);
    --border-orange: var(--color-orange-60);
    --text-orange: var(--color-orange-60);
    --text-cyan: var(--color-cyan-60);
    --surface-magenta: var(--color-magenta-60);
    --surface-magenta-light: var(--color-magenta-10);
    --surface-purple-light: var(--color-lilac-10);
    --icon-secondary: var(--color-grayscale-60);
    --inputs-input-light: #fff;
    --color-red-10: #fff1f1;
    --color-red-20: #ffd6da;
    --color-red-30: #ffb3b8;
    --color-red-40: #fe8489;
    --color-red-50: #fa4d56;
    --color-red-60: #da2f38;
    --color-red-70: #9e1d23;
    --color-red-80: #711215;
    --color-red-90: #510408;
    --color-red-100: #400204;
    --color-green-10: #edffdb;
    --color-green-20: #d9f7be;
    --color-green-30: #b7eb8f;
    --color-green-40: #95de64;
    --color-green-50: #73d13d;
    --color-green-60: #4eb71a;
    --color-green-70: #389a0e;
    --color-green-80: #227105;
    --color-green-90: #104101;
    --color-green-100: #092b00;
    --color-cyan-10: #e3fafc;
    --color-cyan-20: #c5f6fa;
    --color-cyan-30: #99e9f2;
    --color-cyan-40: #66d9e8;
    --color-cyan-50: #3bc9db;
    --color-cyan-60: #22b7ce;
    --color-cyan-70: #149fb3;
    --color-cyan-80: #0e879a;
    --color-cyan-90: #096776;
    --color-cyan-100: #074d59;
    --color-blue-10: #ebf6ff;
    --color-blue-20: #bde2ff;
    --color-blue-30: #94cbff;
    --color-blue-40: #69b1ff;
    --color-blue-50: #4096ff;
    --color-blue-60: #277aed;
    --color-blue-70: #115ad1;
    --color-blue-80: #0d42a5;
    --color-blue-90: #0a3081;
    --color-blue-100: #011d66;
    --color-magenta-10: #fff0f8;
    --color-magenta-20: #ffd6e8;
    --color-magenta-30: #ffafd2;
    --color-magenta-40: #ff7eb6;
    --color-magenta-50: #ee5396;
    --color-magenta-60: #d02670;
    --color-magenta-70: #9f1853;
    --color-magenta-80: #740937;
    --color-magenta-90: #510224;
    --color-magenta-100: #2a0a18;
    --surface-green: var(--color-green-60);
    --surface-green-light: var(--color-green-10);
    --surface-cyan: var(--color-cyan-60);
    --surface-cyan-light: var(--color-cyan-10);
    --surface-blue-light: var(--color-blue-10);
    --text-magenta: var(--color-magenta-60);
    --icon-tertiary: var(--color-grayscale-40);
}

/* stylelint-disable */
html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

* {
    scroll-margin-top: 230px;
    -webkit-tap-highlight-color: transparent;
}
@media (max-width: 576px) {
    * {
        scroll-margin-top: 150px;
    }
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    height: 100%;
    font-family: var(--font-family, sans-serif);
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 32px 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

.page__body {
    margin: 0;
    min-width: 320px;
    min-height: 100%;
    color: var(--black-color);
    font-weight: 400;
}

/* Gilroy /fonts */
@font-face {
    font-family: "Gilroy";
    src: url("/local/fonts/Gilroy-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Gilroy";
    src: url("/local/fonts/Gilroy-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Gilroy";
    src: url("/local/fonts/Gilroy-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Gilroy";
    src: url("/local/fonts/Gilroy-Semibold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}
/* Racama Font */
@font-face {
    font-family: "Racama";
    src: url("/local/fonts/Racama.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}
/* SF Pro Display /fonts */
@font-face {
    font-family: "SF Pro Display";
    src: url("/local/fonts/SF-Pro-Display-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "SF Pro Display";
    src: url("/local/fonts/SF-Pro-Display-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "SF Pro Display";
    src: url("/local/fonts/SF-Pro-Display-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "SF Pro Display";
    src: url("/local/fonts/SF-Pro-Display-Semibold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}
/* SF Pro Text /fonts */
@font-face {
    font-family: "SF Pro Text";
    src: url("/local/fonts/SFProText-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "SF Pro Text";
    src: url("/local/fonts/SFProText-Semibold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
img {
    height: auto;
    max-width: 100%;
}

a {
    text-decoration: none;
}

.site-container {
    overflow: hidden;
}
.site-container.article-sticky {
    overflow: visible;
    overflow: initial;
}

.is-hidden {
    display: none !important; /* stylelint-disable-line declaration-no-important */
}

.main.padding-top {
    padding-top: 24px;
}
@media (max-width: 576px) {
    .main.padding-top {
        padding-top: 8px;
    }
}

.btn-reset {
    border: none;
    padding: 0;
    background: transparent;
    outline: none;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .overflow-width-tablet {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        overflow-x: auto;
        padding: 0 16px;
    }
    .overflow-width-tablet::-webkit-scrollbar {
        display: none;
    }
}

.list-reset {
    list-style: none;
    margin: 0;
    padding: 0;
}

.input-reset {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    background-color: #fff;
}
.input-reset::-webkit-search-decoration, .input-reset::-webkit-search-cancel-button, .input-reset::-webkit-search-results-button, .input-reset::-webkit-search-results-decoration {
    display: none;
}

.list-marker ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.list-marker ul li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.list-marker ul li::before {
    display: block;
    content: url("/local/images/icons/bullet.svg");
    width: 24px;
    height: 24px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
}

.chip-1 {
    border: 1px solid var(--color-grayscale-40);
    border-radius: 32px;
    padding: 0px 16px;
    min-height: 40px;
    background: var(--surface-level-1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
}
.chip-1:hover {
    background: rgba(244, 247, 251, 0.6);
}
.chip-1.active {
    border: 1.5px solid var(--border-orange);
    color: var(--text-orange);
}
.chip-1.active:hover {
    background: var(--surface-level-1);
}
@media (max-width: 1024px) {
    .chip-1 {
        font-size: 14px;
        min-height: 36px;
    }
}

.checkbox input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.checkbox .checkbox-text {
    border: 1px solid var(--color-grayscale-40);
    border-radius: 32px;
    padding: 0px 16px;
    min-height: 40px;
    background: var(--surface-level-1);
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
}
.checkbox input[type="radio"]:checked + .checkbox-text {
    border: 1.5px solid var(--border-orange);
    color: var(--text-orange);
    cursor: default;
}
.checkbox:hover input[type="radio"]:checked + .checkbox-text {
    background: var(--surface-level-1);
}
.container {
    margin: 0 auto;
    padding: 0 var(--container-offset);
    max-width: var(--container-width);
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: none;
}

.centered {
    text-align: center;
}

.dis-scroll {
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    overscroll-behavior: none;
}

.page--ios .dis-scroll {
    position: relative;
}

@media (max-width: 576px) {
    .hidden-mobile {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .hidden-small-tablet {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .hidden-tablet {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .visible-tablet {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .visible-small-tablet {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .visible-mobile {
        display: none !important;
    }
}

a,
button,
label,
input,
textarea,
select,
svg * {
    transition: all 0.2s ease-in;
}

input,
select {
    outline: transparent;
}

.popup-search,
.popup-search-form,
.doctors-filter .top-block form,
.disease-directory-filter .top-block form,
.disease-directory-filter .filter-container .item form {
    box-shadow: inset 0 0 0 1.5px transparent;
    transition: background 0.2s ease-in, box-shadow 0.2s ease-in, border-color 0.2s ease-in;
}
/*
.popup-search:focus-within,
.popup-search-form:focus-within,
.doctors-filter .top-block form:focus-within,
.disease-directory-filter .top-block form:focus-within,
.disease-directory-filter .filter-container .item form:focus-within {
    background: var(--surface-level-1);
    box-shadow: inset 0 0 0 1.5px var(--border-orange);
}
*/

.popup-search {
    margin-bottom: 8px;
    padding: 8px 16px;
    border-radius: 40px;
    background: var(--color-grayscale-10);
}
.popup-search .popup-search-input {
    width: 100%;
    min-height: 20px;
    background: transparent;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.popup-search .popup-search-input::-moz-placeholder {
    color: var(--text-tertiary);
}
.popup-search .popup-search-input::placeholder {
    color: var(--text-tertiary);
}

.margin-section {
    margin-bottom: 64px;
}
@media (max-width: 576px) {
    .margin-section {
        margin-bottom: 32px;
    }
}

.title-1 {
    color: var(--Textcolor-text-sand-primary, rgb(242, 239, 231));
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: -2%;
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .title-1 {
        font-size: 30px;
        line-height: 32px;
    }
}
@media (max-width: 576px) {
    .title-1 {
        font-size: 24px;
    }
}

p {
    font-weight: 400;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    p {
        line-height: 24px;
    }
}

p.mb-32 {
    margin: 0 0 32px 0;
}
@media (max-width: 1024px) {
    p.mb-32 {
        margin: 0 0 24px 0;
    }
}

h1 {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(24px, 5vw, 44px);
    line-height: 56px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 768px) {
    h1 {
        line-height: 24px;
    }
}
@media (max-width: 576px) {
    h1.title {
        line-height: 32px;
    }
}

h1.mb-32 {
    margin: 0 0 32px 0;
}
@media (max-width: 1024px) {
    h1.mb-32 {
        margin: 0 0 24px 0;
    }
}

h2 {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(24px, 3.8vw, 44px);
    line-height: 56px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 768px) {
    h2 {
        line-height: 24px;
    }
}
@media (max-width: 576px) {
    h2.title {
        line-height: 32px;
    }
}

h2.mb-32 {
    margin: 0 0 32px 0;
}
@media (max-width: 576px) {
    h2.mb-32 {
        margin: 0 0 16px 0;
    }
}

h2.ml-40 {
    margin-left: 40px;
}
@media (max-width: 576px) {
    h2.ml-40 {
        margin-left: 0;
    }
}

h3 {
    margin: 0;
}

.title-3 {
    color: var(--Textcolor-text-primary, rgb(15, 21, 46));
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .title-3 {
        font-size: 30px;
        line-height: 32px;
    }
}
@media (max-width: 576px) {
    .title-3 {
        font-size: 24px;
    }
}

@media (max-width: 576px) {
    .swiper {
        overflow: visible;
    }
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    display: none;
}

.circle-lilac {
    background-color: var(--color-lilac-60);
}

.content-swiper-wrapper .swiper-button-prev,
.swiper-button-next {
    width: 52px;
    height: 52px;
    border-radius: 100%;
    box-shadow: 0 4px 24px 0 rgba(31, 83, 135, 0.14);
    background-color: white;
}
.content-swiper-wrapper .swiper-button-prev::before,
.swiper-button-next::before {
    display: none;
}
.content-swiper-wrapper .swiper-button-prev::after,
.swiper-button-next::after {
    background-image: url(/local/images/icons/arrow-swiper-next.svg);
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    width: 24px;
    height: 24px;
}

.content-swiper-wrapper .swiper-button-prev::after {
    background-image: url(/local/images/icons/arrow-swiper-prev.svg);
}

.content-swiper-wrapper .swiper-button-prev {
    left: -25px;
}
@media (max-width: 1024px) {
    .content-swiper-wrapper .swiper-button-prev {
        left: 15px;
    }
}

.content-swiper-wrapper .swiper-button-next {
    right: -25px;
}
@media (max-width: 1024px) {
    .content-swiper-wrapper .swiper-button-next {
        right: 15px;
    }
}

.content-swiper-wrapper.bg .swiper-button-prev {
    left: 15px;
}

.content-swiper-wrapper.bg .swiper-button-next {
    right: 15px;
}

.content-swiper-wrapper {
    position: relative;
}
@media (max-width: 576px) {
    .content-swiper-wrapper {
        overflow: visible;
    }
}

@media (max-width: 576px) {
    .content-swiper-wrapper.bg .swiper {
        overflow: visible;
        overflow: initial;
    }
}

.content-swiper-wrapper.bg {
    border-radius: 48px;
    padding: 40px;
    background: var(--surface-level-0);
    overflow: hidden;
}
@media (max-width: 768px) {
    .content-swiper-wrapper.bg {
        border-radius: 32px;
        padding: 24px 16px;
        margin: 0 -16px;
    }
}

.swiper.h-auto .swiper-slide {
    display: flex;
    height: auto;
}

.swiper-navigation-icon {
    display: none;
}

.head-title {
    margin-bottom: 32px;
}
@media (max-width: 576px) {
    .head-title {
        margin-bottom: 16px;
    }
}
.head-title .head-title-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
@media (max-width: 576px) {
    .head-title .head-title-inner {
        gap: 16px;
    }
}
.head-title .head-title-inner h1,
.head-title .head-title-inner h2 {
    margin: 0;
}
.head-title .head-title-inner .link {
    font-weight: 500;
    font-size: clamp(14px, 3vw, 17px);
    line-height: 1;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    padding: 12px 24px;
    border: 1px solid var(--color-grayscale-40);
    border-radius: 32px;
    min-height: 52px;
}
@media (max-width: 576px) {
    .head-title .head-title-inner .link {
        padding: 0px 16px;
        min-height: 36px;
    }
}
.head-title p {
    font-weight: 400;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 24px 0 0 0;
    display: block;
    max-width: 960px;
}
@media (max-width: 576px) {
    .head-title p {
        margin: 16px 0 0 0;
        line-height: 20px;
    }
}

.swiper * {
    box-sizing: border-box;
}

.btn-1 {
    font-weight: 500;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 1;
    letter-spacing: 0.01em;
    color: var(--text-invert);
    padding: 0 24px;
    border-radius: 32px;
    background-color: var(--surface-orange);
    border: 0;
    display: inline-flex;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s;
    flex: none;
    align-items: center;
    gap: 14px;
    justify-content: center;
    min-height: 52px;
}
.btn-1 svg,
.btn-1 img {
    flex: 0 0 auto;
}
@media (any-hover: hover) {
    .btn-1:hover {
        background-color: #f1810f;
    }
}
@media (max-width: 576px) {
    .btn-1 {
        padding: 0 16px;
        line-height: 1;
    }
}
.btn-1.large {
    min-height: 52px;
}
@media (max-width: 576px) {
    .btn-1.large {
        font-size: 17px;
        line-height: 1;
        padding: 0 16px;
    }
}
.btn-1.big {
    min-height: 52px;
}
@media (max-width: 576px) {
    .btn-1.big {
        font-size: 16px;
        line-height: 1;
        padding: 0 16px;
        min-height: 48px;
    }
}
.btn-1.medium {
    min-height: 48px;
}
@media (max-width: 576px) {
    .btn-1.medium {
        font-size: 14px;
        line-height: 1;
        border-radius: 24px;
        padding: 0 16px;
        min-height: 36px;
    }
}
.btn-1.small {
    min-height: 36px;
}
@media (max-width: 576px) {
    .btn-1.small {
        border-radius: 24px;
        padding: 0 12px;
        font-size: 12px;
        line-height: 1;
        min-height: 26px;
    }
}
.btn-1[disabled] {
    pointer-events: none;
    background: var(--color-grayscale-20);
    opacity: 0.5;
    color: var(--text-secondary);
}

.btn-2[disabled] {
    background: var(--color-grayscale-20);
    opacity: 0.5;
    color: var(--text-secondary);
}
.btn-2 {
    font-weight: 500;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 1;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    padding: 0 24px;
    border: 1px solid var(--color-grayscale-40);
    border-radius: 32px;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: center;
    transition: all 0.2s;
    flex: none;
    text-align: center;
    min-height: 52px;
    background: var(--surface-level-1);
}
.btn-2 svg,
.btn-2 img {
    flex: 0 0 auto;
}
@media (any-hover: hover) {
    .btn-2:hover {
        background-color: rgba(244, 247, 251, 0.6);
    }
}
@media (max-width: 576px) {
    .btn-2 {
        padding: 0 16px;
        line-height: 1;
    }
}
.btn-2.large {
    min-height: 52px;
}
@media (max-width: 576px) {
    .btn-2.large {
        font-size: 17px;
        line-height: 1;
        padding: 0 16px;
    }
}
.btn-2.big {
    min-height: 52px;
}
@media (max-width: 576px) {
    .btn-2.big {
        font-size: 16px;
        line-height: 1;
        max-height: 48px;
        padding: 0 16px;
        min-height: 48px;
    }
}
.btn-2.medium {
    min-height: 48px;
}
@media (max-width: 576px) {
    .btn-2.medium {
        font-size: 14px;
        line-height: 1;
        border-radius: 24px;
        padding: 0 16px;
        min-height: 36px;
    }
}
.btn-2.small {
    min-height: 36px;
}
@media (max-width: 576px) {
    .btn-2.small {
        border-radius: 24px;
        padding: 0 12px;
        font-size: 12px;
        line-height: 1;
        min-height: 26px;
    }
}
.btn-2.chip {
    max-height: 40px;
    min-height: 40px;
    padding: 0 16px;
    font-size: clamp(14px, 3vw, 15px);
    line-height: 1;
}
@media (max-width: 576px) {
    .btn-2.chip {
        max-height: 36px;
        min-height: 36px;
    }
}
.btn-2.radius-16 {
    border-radius: 16px;
}
.btn-2[disabled] {
    pointer-events: none;
    background: var(--color-grayscale-20);
    opacity: 0.5;
    cursor: default;
    color: var(--text-secondary);
}

.btn-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 1;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    padding: 0 24px;
    cursor: pointer;
    border-radius: 32px;
    background-color: var(--surface-level-1);
    flex: none;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    flex: none;
    min-height: 52px;
}
.btn-3 svg,
.btn-3 img {
    flex: 0 0 auto;
}
@media (any-hover: hover) {
    .btn-3:hover {
        background-color: rgba(255, 255, 255, 0.7);
    }
}
@media (max-width: 576px) {
    .btn-3 {
        padding: 0 16px;
    }
}
.btn-3.large {
    min-height: 52px;
}
@media (max-width: 576px) {
    .btn-3.large {
        font-size: 17px;
        line-height: 1;
        padding: 0 16px;
    }
}
.btn-3.big {
    min-height: 52px;
}
@media (max-width: 576px) {
    .btn-3.big {
        font-size: 16px;
        line-height: 1;
        padding: 0 16px;
        min-height: 48px;
    }
}
.btn-3.medium {
    min-height: 48px;
}
@media (max-width: 576px) {
    .btn-3.medium {
        font-size: 14px;
        line-height: 1;
        border-radius: 24px;
        padding: 0 16px;
        min-height: 36px;
    }
}
.btn-3.small {
    min-height: 36px;
}
@media (max-width: 576px) {
    .btn-3.small {
        border-radius: 24px;
        padding: 0 12px;
        font-size: 12px;
        line-height: 1;
        min-height: 26px;
    }
}
.btn-3[disabled] {
    pointer-events: none;
    background: var(--color-grayscale-20);
    cursor: default;
    opacity: 0.5;
    color: var(--text-secondary);
}

.btn-circle {
    width: 52px;
    height: 52px;
    border-radius: 100%;
    border: 1px solid var(--color-grayscale-40);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    flex-shrink: 0;
}
@media (max-width: 576px) {
    .btn-circle {
        width: 36px;
        height: 36px;
    }
}
@media (max-width: 576px) {
    .btn-circle svg {
        width: 16px;
        height: 16px;
    }
}

.margin-demo {
    margin-bottom: 32px;
}

.checkbox-with-tooltip {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 8px;
}
.checkbox-with-tooltip .c-checkbox {
    display: contents;
}
.checkbox-with-tooltip .c-checkbox-label {
    order: 1;
}
.checkbox-with-tooltip .c-checkbox-box {
    order: 2;
}
.checkbox-with-tooltip .tooltip {
    order: 2;
}

.c-checkbox {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.c-checkbox.c-checkbox-center {
    align-items: center;
}
@media (any-hover: hover) {
    .c-checkbox:hover .c-checkbox-box {
        background-color: rgba(213, 219, 226, 0.6);
    }
}
.c-checkbox input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    clip-path: 0;
}
.c-checkbox .c-checkbox-box {
    border-radius: 8px;
    width: 24px;
    height: 24px;
    background-color: rgba(213, 219, 226, 0.4);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in;
    flex: none;
}
.c-checkbox .c-checkbox-box svg {
    opacity: 0;
}
.c-checkbox:has(input:checked) .c-checkbox-box {
    background: var(--surface-orange);
}
.c-checkbox:has(input:checked) .c-checkbox-box svg {
    opacity: 1;
}
.c-checkbox .c-checkbox-label {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .c-checkbox .c-checkbox-label {
        font-size: 12px;
        line-height: 18px;
    }
}
@media (max-width: 576px) {
    .c-checkbox .c-checkbox-label a {
        font-size: 12px;
        line-height: 18px;
    }
}
.c-checkbox .c-checkbox-label a {
    font-weight: 500;
    color: var(--text-orange);
}

.breadcrumbs {
    margin: 24px 0 32px 0;
}
@media (max-width: 1024px) {
    .breadcrumbs {
        margin: 16px 0;
    }
}
.breadcrumbs ul {
    margin: 0;
    list-style: none;
    display: flex;
    gap: 12px;
    padding: 0;
}
.breadcrumbs ul::-webkit-scrollbar {
    display: none;
}
@media (max-width: 1024px) {
    .breadcrumbs ul {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        gap: 8px;
        margin: 0 -16px;
        padding: 0 16px;
    }
}
.breadcrumbs ul li {
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
@media (max-width: 1024px) {
    .breadcrumbs ul li {
        font-size: 12px;
        line-height: 150%;
        letter-spacing: 0.02em;
    }
}
.breadcrumbs ul li a {
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .breadcrumbs ul li a {
        font-size: 12px;
        line-height: 150%;
        letter-spacing: 0.02em;
    }
}
.breadcrumbs ul li::after {
    content: "/";
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
    /*  position: absolute;
  right: -20px; */
    margin-left: 12px;
}
@media (max-width: 1024px) {
    .breadcrumbs ul li::after {
        font-size: 12px;
        line-height: 150%;
        letter-spacing: 0.02em;
        /*  right: -15px; */
        margin-left: 8px;
    }
}
.breadcrumbs ul li:last-child::after {
    display: none;
}

input[type=date]:required:invalid::-webkit-datetime-edit {
    color: transparent;
}

form:has(input[type=date]:focus) input[type=date]:required:invalid::-webkit-datetime-edit {
    color: var(--text-primary);
}

input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

@media (max-width: 576px) {
    input[type=date]::-webkit-datetime-edit {
        color: var(--text-primary);
        font-size: 16px;
        line-height: 24px;
    }
}

.main-circle {
    display: inline-block;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    margin-right: 12px;
}
@media (max-width: 1024px) {
    .main-circle {
        width: 8px;
        height: 8px;
    }
}
.main-circle.blue {
    background-color: var(--color-blue-70);
}
.main-circle.cyan {
    background-color: var(--color-cyan-60);
}
.main-circle.red {
    background-color: var(--color-red-50);
}
.main-circle.lilac {
    background-color: var(--color-lilac-60);
}
.main-circle.orange {
    background-color: var(--surface-orange);
}

.out {
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 40px;
    padding-right: 40px;
}
@media (max-width: 1360px) {
    .out {
        margin-left: 0;
        margin-right: 0;
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 1024px) {
    .out-mobile {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 576px) {
    .swiper-out {
        margin-right: -16px;
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

.overlay {
    position: fixed;
    background-color: rgba(14, 22, 50, 0.5);
    inset: 0;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.2s ease-in;
}
.overlay.overlay-main {
    z-index: 15;
}
.overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.head-pagination .pagination {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 4px;
    margin-bottom: 14px;
}
.head-pagination .pagination .pagination-bullet {
    display: block;
    border-radius: 48px;
    height: 2px;
    flex: 1;
    background: var(--surface-level-1);
}
.head-pagination .pagination .pagination-bullet .bullet-progress {
    display: block;
    border-radius: 48px;
    background: var(--surface-orange);
    height: 100%;
    width: 0;
}

@media (max-width: 1024px) {
    .popup {
        position: fixed;
        inset: 0;
        top: auto;
        top: initial;
        bottom: -100%;
        overflow: auto;
        background-color: white;
        border-radius: 16px 16px 0 0;
        z-index: 20;
        max-width: 100%;
        width: 100%;
        transition: all 0.2s ease-in;
        will-change: transform;
        touch-action: none;
        max-height: 95%;
    }
    .popup.popup-open {
        bottom: 0%;
    }
    .popup .popup-inner {
        padding: 0 24px 24px 24px;
        overflow: auto;
    }
}
.popup[data-popup=payment-instruct] {
    display: none;
}
@media (max-width: 1024px) {
    .popup[data-popup=payment-instruct] {
        display: block;
    }
}
.popup .popup-screen {
    display: none;
}
.popup .popup-screen.is-active {
    display: block;
}
.popup .popup-screen .dropdown-block {
    display: block;
    position: relative;
    transform: none;
    border: 0;
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    overflow-y: auto;
}
.popup .popup-screen .dropdown-block .popup-title {
    margin-bottom: 16px;
}
.popup .popup-screen .dropdown-block ul {
    min-height: 336px;
    overflow-y: auto;
    margin-bottom: 24px;
    scrollbar-width: none;
}
.popup .popup-screen .dropdown-block li {
    cursor: pointer;
    padding: 12px 0px;
}
.popup .popup-screen .dropdown-block.dropdown-block-screen {
    display: flex;
    flex-direction: column;
}
.popup .popup-screen .dropdown-block.dropdown-block-screen .popup-filter-apply {
    margin-top: auto;
}
.popup .popup-screen .dropdown-block.dropdown-block-screen .popup-search-form {
    padding: 14px 24px;
    background-color: #f4f7fb;
    background-color: var(--color-grayscale-10);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .popup .popup-screen .dropdown-block.dropdown-block-screen .popup-search-form {
        width: 100%;
        border-radius: 40px;
        padding: 8px 16px;
        margin-bottom: 8px;
    }
}
.popup .popup-screen .dropdown-block.dropdown-block-screen .popup-search-form:focus-within {
    background: var(--surface-level-1);
    box-shadow: inset 0 0 0 1.5px var(--border-orange);
}
.popup .popup-screen .dropdown-block.dropdown-block-screen .popup-search-form input {
    background-color: transparent;
    width: 100%;
    padding: 0 2px;
    font-family: var(--font-family);
    font-weight: 400;
}
.popup .popup-screen .dropdown-block.dropdown-block-screen .popup-search-form input::-moz-placeholder {
    color: #929baa;
}
.popup .popup-screen .dropdown-block.dropdown-block-screen .popup-search-form input::placeholder {
    color: #929baa;
}
.popup .popup-screen .dropdown-block.dropdown-block-screen .popup-search-form input {
    line-height: 20px;
    letter-spacing: 0.01em;
}
.popup.popup-filter .popup-filter-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.popup.popup-filter .popup-filter-reset {
    font-weight: 500;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 165%;
    letter-spacing: 0.01em;
    color: var(--text-red);
}
.popup.popup-filter .c-checkbox-label {
    font-size: 17px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.popup.popup-filter .c-checkbox-label .tag {
    padding: 0px 6px;
    font-weight: 600;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.02em;
    color: var(--color-grayscale-white);
    background-color: var(--surface-red);
    border-radius: 16px;
    min-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1024px) {
    .popup.popup-filter .popup-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        font-size: clamp(20px, 3vw, 27px);
        margin-top: 0;
    }
}
@media (max-width: 576px) {
    .popup.popup-filter .popup-filter-apply {
        width: 100%;
        padding: 12px;
    }
}
@media (min-width: 1024px) {
    .popup.popup-desk {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        border-radius: 32px;
        padding: 40px;
        z-index: 20;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transition: all 0.2s ease-in;
    }
    .popup.popup-desk.popup-open {
        visibility: visible;
        opacity: 1;
        pointer-events: all;
    }
    .popup.popup-desk .popup-title {
        margin: 0 0 24px 0;
    }
    .popup.popup-desk .popup-close {
        position: absolute;
        top: 24px;
        right: 24px;
        width: 34px;
        height: 34px;
        border-radius: 100%;
        background-color: var(--surface-grey);
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.popup.popup-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 32px;
    padding: 40px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease-in;
    z-index: 20;
}
.popup.popup-modal.popup-open {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}
.popup.popup-modal .popup-title {
    margin: 0 0 24px 0;
}
.popup.popup-modal[data-popup=storys] {
    height: 74vh;
    aspect-ratio: 9/16;
    width: auto;
    overflow: hidden;
    padding: 0;
}
@media (max-width: 576px) {
    .popup.popup-modal[data-popup=storys] {
        min-width: 0;
        min-width: initial;
        max-width: none;
        max-width: initial;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: none;
        transform: initial;
        max-height: none;
        max-height: initial;
        border-radius: 0;
        border-radius: initial;
    }
}
.popup.popup-modal[data-popup=storys] .videos-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.popup.popup-modal[data-popup=storys] .videos-inner video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.popup.popup-modal[data-popup=storys] .popup-inner {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.popup.popup-modal[data-popup=storys] .popup-inner .popup-head {
    padding: 12px 24px 0 24px;
}
.popup.popup-modal[data-popup=storys] .popup-inner .popup-head .status .paused {
    display: none;
}
.popup.popup-modal[data-popup=storys] .popup-inner .popup-head .status .played {
    display: none;
}
.popup.popup-modal[data-popup=storys] .popup-inner .popup-head .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 5;
    position: relative;
}
.popup.popup-modal[data-popup=storys] .popup-inner .popup-head .row .popup-close {
    position: static;
}
@media (max-width: 1024px) {
    .popup.popup-modal[data-popup=storys] .popup-inner {
        padding: 0;
    }
}
.popup.popup-modal[data-popup=storys] .inner-popup {
    display: flex;
    align-items: flex-end;
}
.popup.popup-modal[data-popup=storys] .description {
    position: relative;
    z-index: 1;
    background: var(--surface-level-1);
    border-radius: 32px 32px 0 0;
    max-height: 156px;
    padding: 16px 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.popup.popup-modal[data-popup=storys] .reveal-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.popup.popup-modal[data-popup=storys] .description-info {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.popup.popup-modal[data-popup=storys] .description-info p {
    margin: 0;
}
.popup.popup-modal[data-popup=storys] .description-info .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 8px;
}
@media (max-width: 576px) {
    .popup.popup-modal[data-popup=storys] .description-info .name {
        font-size: 16px;
        line-height: 24px;
    }
}
.popup.popup-modal[data-popup=storys] .desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    word-wrap: break-word;
}
@media (max-width: 576px) {
    .popup.popup-modal[data-popup=storys] .desc {
        font-size: 14px;
        line-height: 20px;
    }
}
.popup.popup-modal[data-popup=storys] .bottom {
    margin-top: 16px;
    border-top: 1px solid var(--border-devider);
    padding: 16px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media (max-width: 576px) {
    .popup.popup-modal[data-popup=storys] .bottom {
        margin-top: 12px;
        padding: 12px 0px 0px;
    }
}
.popup.popup-modal[data-popup=storys] .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.popup.popup-modal[data-popup=storys] .text {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
@media (max-width: 576px) {
    .popup.popup-modal[data-popup=storys] .text {
        font-size: 14px;
        line-height: 20px;
    }
}
.popup.popup-modal[data-popup=storys] .doctor-name-link {
    display: flex;
    align-items: center;
    gap: 4px;
}
.popup.popup-modal[data-popup=storys] .doctor-name {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-orange);
}
@media (max-width: 576px) {
    .popup.popup-modal[data-popup=storys] .doctor-name {
        font-size: 14px;
        line-height: 20px;
    }
}
.popup.popup-modal .popup-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    background-color: var(--surface-grey);
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup.popup-modal.revealed .desc {
    transition: 0.2s ease-in;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
}
.popup.popup-modal.revealed .description {
    transition: 0.2s ease-in;
    max-height: 450px;
}
@media (max-width: 1024px) {
    .popup.popup-modal.revealed .description {
        max-height: 375px;
    }
}
.popup.popup-modal.revealed .scroll {
    overflow-y: auto;
    position: relative;
}
.popup.popup-modal.revealed .scroll.scrolled::before {
    content: "";
    position: sticky;
    top: -1px;
    left: 0;
    width: 100%;
    height: 57px;
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 80%);
    z-index: 2;
    display: block;
    pointer-events: none;
    margin-bottom: -57px;
}
.popup.popup-modal.revealed.revealed .desc {
    transition: 0.2s ease-in;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
}
.popup.popup-modal.revealed.revealed .description {
    transition: 0.2s ease-in;
    max-height: 450px;
}
@media (max-width: 1024px) {
    .popup.popup-modal.revealed.revealed .description {
        max-height: 375px;
    }
}
.popup.popup-modal.revealed.revealed .reveal-btn {
    transform: rotate(180deg);
}
.popup.popup-modal.revealed {
    /*   .scroll::before {
    content: "";
    position: sticky;
    top: -1px;
    left: 0;
    width: 100%;
    height: 57px;
    background: linear-gradient(
      180deg,
      #fff 0%,
      rgba(255, 255, 255, 0) 80%
    );
    z-index: 2;
    display: block;
    pointer-events: none;
    margin-bottom: -57px;
  } */
}
.popup.popup-modal.revealed .reveal-btn {
    transform: rotate(180deg);
}
.popup.popup-video {
    padding: 0;
    background-color: transparent;
    background-color: initial;
    width: 100%;
    max-width: 965px;
    padding: 15px;
    aspect-ratio: 16/9;
}
.popup.popup-video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.popup.popup-video .popup-close {
    right: -25px;
    top: -25px;
}
@media (max-width: 1024px) {
    .popup.popup-video .popup-close {
        right: 30px;
        top: 30px;
    }
}
.popup[data-popup=popup-img] {
    pointer-events: none;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    aspect-ratio: unset;
}
@media (max-width: 576px) {
    .popup[data-popup=popup-img] {
        max-width: 90%;
        height: -moz-fit-content;
        height: fit-content;
        max-height: 90%;
    }
}
.popup[data-popup=popup-img] .img-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    height: 100%;
    width: -moz-fit-content;
    width: fit-content;
    pointer-events: none;
}
.popup[data-popup=popup-img] .img-container img {
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: all;
}
.popup[data-popup=popup-qr] {
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 40px;
    width: 100%;
    aspect-ratio: unset;
    max-width: 432px;
    box-shadow: 0 8px 32px 0 rgba(21, 63, 104, 0.1);
    background: var(--surface-level-1);
}
@media (max-width: 1024px) {
    .popup[data-popup=popup-qr] {
        height: auto;
        border-radius: 24px;
        max-height: -moz-fit-content;
        max-height: fit-content;
        padding: 24px;
    }
}
.popup[data-popup=popup-qr] .title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 16px;
}
.popup[data-popup=popup-qr] .desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
    margin: 0 0 16px 0;
}
.popup[data-popup=popup-qr] .img-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    height: 100%;
    width: -moz-fit-content;
    width: fit-content;
    pointer-events: none;
}
.popup[data-popup=popup-qr] .img-container img {
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: all;
}
.popup[data-popup=popup-qr] .popup-close {
    top: 24px;
    right: 24px;
}
.popup[data-popup=popup-qr] .next {
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 24px auto 0 auto;
}
.popup[data-popup=docs-confirm] {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    max-height: calc(100vh - 48px);
    overflow: auto;
}
.popup[data-popup=docs-confirm] .docs-confirm-text {
    margin-bottom: 24px;
}
.popup[data-popup=docs-confirm] h2 {
    margin: 0;
    margin-bottom: 24px;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .popup[data-popup=docs-confirm] h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 16px;
    }
}
.popup[data-popup=docs-confirm] .text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0 0 24px 0;
}
@media (max-width: 1024px) {
    .popup[data-popup=docs-confirm] .text {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 16px;
    }
}
.popup[data-popup=docs-confirm] .title {
    margin-bottom: 12px;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .popup[data-popup=docs-confirm] .title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px;
    }
}
.popup[data-popup=docs-confirm] .c-checkbox-label {
    margin-bottom: 24px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.popup[data-popup=docs-confirm] .docs-confirm-next {
    width: 100%;
}
@media (max-width: 1024px) {
    .popup[data-popup=docs-confirm] {
        max-width: 100%;
        width: 100%;
        padding: 0;
        border-radius: 16px 16px 0 0;
        top: auto;
        top: initial;
        left: 0;
        transform: none;
        bottom: -100%;
        max-height: 95%;
    }
    .popup[data-popup=docs-confirm].popup-open {
        bottom: 0;
    }
}
@media (max-width: 576px) {
    .popup[data-popup=docs-confirm] {
        max-width: 100%;
    }
    .popup[data-popup=docs-confirm] .popup-close {
        display: none;
    }
    .popup[data-popup=docs-confirm] .text {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 16px;
    }
    .popup[data-popup=docs-confirm] .c-checkbox-label {
        font-size: 14px;
        line-height: 22px;
        margin: 0;
    }
    .popup[data-popup=docs-confirm] .c-checkbox {
        margin-bottom: 26px;
    }
}
.popup[data-popup=callback],
.popup[data-popup="school-record"]{
    max-width: 420px;
    width: 100%;
    padding: 32px 40px;
}
.popup[data-popup="school-record"] [hidden],
.popup[data-popup=callback] [hidden] {
    display: none !important;
}
@keyframes callback-spinner-rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.popup[data-popup="school-record"] .sending-request,
.popup[data-popup=callback] .sending-request {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 37px 40px 147px;
}
@media (max-width: 1024px) {
    .popup[data-popup="school-record"] .sending-request,
    .popup[data-popup=callback] .sending-request {
        padding: 105px 16px 186px;
    }
}
@media (max-width: 1024px) {
    .popup[data-popup=callback] .sending-request .sending-request-spinner,
    .popup[data-popup="school-record"] .sending-request .sending-request-spinner {
        max-width: 78px;
        max-height: 80px;
    }
}
.popup[data-popup="school-record"] .sending-request .sending-request-spinner,
.popup[data-popup=callback] .sending-request .sending-request-spinner {
    transform-origin: center;
    animation: callback-spinner-rotate 1s linear infinite;
}
..popup[data-popup="school-record"] .sending-request .sending-text,
.popup[data-popup=callback] .sending-request .sending-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
}
.popup[data-popup="school-record"] .sending,
.popup[data-popup=callback] .sending {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 16px;
}
.popup[data-popup="school-record"] .sending .title,
.popup[data-popup=callback] .sending .title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .popup[data-popup="school-record"] .sending .title,
    .popup[data-popup=callback] .sending .title {
        font-size: 20px;
        line-height: 28px;
    }
}
.popup[data-popup="school-record"]  .sending .text p,
.popup[data-popup=callback] .sending .text p {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .popup[data-popup="school-record"] .sending .text p,
    .popup[data-popup=callback] .sending .text p {
        font-size: 14px;
        line-height: 20px;
    }
}
.popup[data-popup="school-record"] .sending .callback-popup-complete,
.popup[data-popup=callback] .sending .callback-popup-complete {
    width: 148px;
}
@media (max-width: 1024px) {
    .popup[data-popup="school-record"] .sending .callback-popup-complete,
    .popup[data-popup=callback] .sending .callback-popup-complete {
        width: 100%;
    }
}
.popup[data-popup="school-record"] .sending-complite,
.popup[data-popup=callback] .sending-complite,
.popup[data-popup="school-record"] .sending-fail,
.popup[data-popup=callback] .sending-fail {
    gap: 16px;
}
.popup[data-popup="school-record"] .popup-handle,
.popup[data-popup=callback] .popup-handle {
    display: none;
}
.popup[data-popup="school-record"] .callback-popup,
.popup[data-popup=callback] .callback-popup {
    display: flex;
    flex-direction: column;
    padding: 0;
}
.popup[data-popup="school-record"] h2,
.popup[data-popup=callback] h2 {
    margin: 0 0 24px 0;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.popup[data-popup="school-record"] .callback-popup-form,
.popup[data-popup=callback] .callback-popup-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.popup[data-popup="school-record"] .callback-popup-body .content,
.popup[data-popup=callback] .callback-popup-body .content {
    display: block;
    background: transparent;
    padding: 0;
    border-radius: 0;
}
.popup[data-popup="school-record"] .callback-popup-body .item.form,
.popup[data-popup=callback] .callback-popup-body .item.form {
    padding: 0;
    background: transparent;
    border-radius: 0;
}
.popup[data-popup="school-record"] .callback-popup-body .contact-form .grid,
.popup[data-popup=callback] .callback-popup-body .contact-form .grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0px;
}
.popup[data-popup="school-record"] .callback-popup-body .contact-form .bottom-row,
.popup[data-popup=callback] .callback-popup-body .contact-form .bottom-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
}
.popup[data-popup="school-record"] .callback-popup-body .contact-form .note,
.popup[data-popup=callback] .callback-popup-body .contact-form .note {
    margin: 0;
    max-height: none;
    max-height: initial;
    padding: 3px 19px;
    order: initial;
}
@media (max-width: 1024px) {
    .popup[data-popup="school-record"] .callback-popup-body .contact-form .note,
    .popup[data-popup=callback] .callback-popup-body .contact-form .note {
        border-radius: 12px;
        padding: 3px 9px;
        display: inline;
        text-align: center;
    }
}
.popup[data-popup="school-record"] .callback-popup-body .contact-form .c-checkbox,
.popup[data-popup=callback] .callback-popup-body .contact-form .c-checkbox {
    max-width: none;
    max-width: initial;
    width: 100%;
    margin: 0;
    order: initial;
}
.popup[data-popup="school-record"] .callback-popup-body .contact-form .callback-popup-submit,
.popup[data-popup=callback] .callback-popup-body .contact-form .callback-popup-submit {
    width: 100%;
    margin: 0;
}
.popup[data-popup="school-record"] .callback-popup-note,
.popup[data-popup=callback] .callback-popup-note {
    border-radius: 32px;
    padding: 8px 16px;
    background: var(--surface-orange-light);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
}
.popup[data-popup="school-record"] .callback-popup-note .req,
.popup[data-popup=callback] .callback-popup-note .req {
    color: var(--text-red);
}
.popup[data-popup="school-record"] .c-checkbox,
.popup[data-popup=callback] .c-checkbox {
    margin: 0;
}
.popup[data-popup="school-record"] .callback-popup-submit ,
.popup[data-popup=callback] .callback-popup-submit {
    width: 100%;
}
@media (max-width: 1024px) {
    .popup[data-popup="school-record"],
    .popup[data-popup=callback] {
        position: fixed;
        inset: auto;
        top: 50%;
        left: 50%;
        bottom: auto;
        transform: translate(-50%, -50%);
        max-width: 500px;
        width: calc(100% - 32px);
        border-radius: 32px;
        padding: 24px;
        max-height: calc(100vh - 48px);
        overflow: auto;
    }
    .popup[data-popup="school-record"].popup-open,
    .popup[data-popup=callback].popup-open {
        bottom: auto;
    }
}
@media (max-width: 576px) {
    .popup[data-popup="school-record"] h2,
    .popup[data-popup=callback] h2 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 16px;
    }
    .popup[data-popup="school-record"] .sending-request,
    .popup[data-popup=callback] .sending-request {
        padding: 72px 0 120px;
    }
    .popup[data-popup="school-record"] .sending-complite .title,
    .popup[data-popup=callback] .sending-complite .title {
        font-size: 22px;
        line-height: 30px;
    }
}
.popup[data-popup=contact-methods] {
    max-width: 420px;
    width: 100%;
    padding: 32px 40px;
}
.popup[data-popup=contact-methods] .popup-handle {
    display: none;
}
.popup[data-popup=contact-methods] .contact-methods-popup {
    display: flex;
    flex-direction: column;
    padding: 0;
}
.popup[data-popup=contact-methods] h2 {
    margin: 0 0 24px 0;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.popup[data-popup=contact-methods] .contact-methods-popup-body {
    min-height: 40px;
}
.popup[data-popup=contact-methods] .contact-methods-popup-body ul {
    display: flex;
    flex-direction: column;
}
.popup[data-popup=contact-methods] .contact-methods-popup-body ul li {
    display: flex;
}
.popup[data-popup=contact-methods] .contact-methods-popup-body ul li span {
    padding: 16px 8px;
    border-bottom: 1px solid var(--border-devider);
}
.popup[data-popup=contact-methods] .contact-methods-popup-body ul li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.popup[data-popup=contact-methods] .contact-methods-popup-body ul li button {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .popup[data-popup=contact-methods] {
        position: fixed;
        inset: auto;
        top: auto;
        top: initial;
        left: 0;
        bottom: -100%;
        transform: none;
        width: 100%;
        max-width: 100%;
        max-height: 95%;
        padding: 0;
        border-radius: 32px 32px 0 0;
        overflow: auto;
    }
    .popup[data-popup=contact-methods] .popup-handle {
        display: flex;
    }
    .popup[data-popup=contact-methods] .popup-close {
        display: none;
    }
    .popup[data-popup=contact-methods] .contact-methods-popup {
        padding: 0 24px 24px;
    }
    .popup[data-popup=contact-methods] .popup-handle + .contact-methods-popup {
        padding-top: 0;
    }
    .popup[data-popup=contact-methods].popup-open {
        bottom: 0;
    }
}
@media (max-width: 576px) {
    .popup[data-popup=contact-methods] {
        padding: 0;
    }
    .popup[data-popup=contact-methods] h2 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 16px;
    }
    .popup[data-popup=contact-methods] .contact-methods-popup {
        padding: 0 24px 24px;
    }
}
.popup.popup-reviews {
    padding: 32px 40px;
    max-width: 432px;
}
@media (max-width: 1024px) {
    .popup.popup-reviews {
        max-width: 100%;
        padding: 0;
    }
}
@media (max-width: 1024px) {
    .popup.popup-reviews .content {
        margin-bottom: 24px;
    }
}
.popup.popup-reviews .card {
    padding: 0;
}
.popup.popup-reviews .card .stars {
    display: none;
}
.popup.popup-reviews .card .head {
    margin-bottom: 16px;
    padding-right: 37px;
}
@media (max-width: 1024px) {
    .popup.popup-reviews .card .head {
        padding-right: 0;
    }
}
.popup.popup-reviews .card .head .agr {
    display: none;
}
.popup.popup-reviews .card .head .date {
    padding: 0;
    background-color: transparent;
    background-color: initial;
}
@media (max-width: 1024px) {
    .popup.popup-reviews .card .head .date {
        padding: 4px 8px;
        border-radius: 8px;
        background: var(--surface-level-0);
    }
}
.popup.popup-reviews .card .head .stars {
    display: flex;
    margin: 0;
}
.popup.popup-reviews .card .text p {
    overflow: visible;
    display: block;
    line-clamp: initial;
    margin: 0;
}
.popup.popup-reviews .card .more-text {
    display: none !important;
}
@media (max-width: 1024px) {
    .popup.popup-reviews .popup-close {
        display: none;
    }
}
.popup.popup-reviews .btn-1 {
    width: 100%;
    padding: 12px;
}
.popup .popup-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    gap: 16px;
    margin-bottom: 24px;
}
@media (max-width: 1024px) {
    .popup .popup-grid-2 {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .popup .popup-grid-2 .c-checkbox {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .popup .popup-grid-2 .checkbox-with-tooltip {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 8px;
    }
    .popup .popup-grid-2 .checkbox-with-tooltip .c-checkbox {
        display: contents;
    }
    .popup .popup-grid-2 .checkbox-with-tooltip .c-checkbox-label {
        order: 1;
    }
    .popup .popup-grid-2 .checkbox-with-tooltip .c-checkbox-box {
        order: 3;
    }
    .popup .popup-grid-2 .checkbox-with-tooltip .tooltip {
        order: 2;
        flex: 1;
    }
}
.popup .popup-grid-2 .popup-tab-item {
    display: flex;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    position: relative;
}
.popup .popup-grid-2 .popup-tab-item .popup-tab-label {
    display: none;
}
.popup .popup-grid-2 .popup-tab-item::after {
    content: url(/local/images/icons/popup-tab-arrow.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0px;
    top: 50%;
    transform: translate(0%, -50%);
}

.chips-wrapper {
    display: none;
}
.chips-wrapper:has(.chip) {
    display: block;
}
@media (max-width: 1024px) {
    .chips-wrapper {
        margin-right: -15px;
        width: 100%;
    }
}

.chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    transform: translateY(5px);
}
@media (max-width: 1024px) {
    .chips {
        width: 100%;
        flex-wrap: nowrap;
        overflow: auto;
        transform: none;
        transform: initial;
        margin: 0;
        padding: 0;
    }
    .chips::-webkit-scrollbar {
        opacity: 0;
        display: none;
    }
}
.chips .chip {
    padding: 8px 8px 8px 12px;
    border: 1px solid var(--border-devider);
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (max-width: 1024px) {
    .chips .chip {
        flex: none;
    }
}
.chips .chip .chip-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.chips .chip .chip-x {
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-handle {
    padding: 16px 0 24px 0;
    display: none;
    justify-content: center;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 100;
}
@media (max-width: 1024px) {
    .popup-handle {
        display: flex;
    }
}

.popup-grab {
    width: 48px;
    height: 4px;
    border-radius: 24px;
    background: var(--surface-grey);
    display: block;
}

.pages-page {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.pages-page .green {
    color: green;
}
.pages-page .orange {
    color: orange;
}
.pages-page ol {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-bottom: 0.25rem solid #ccc;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
    max-width: 25rem;
}
.tabs-btns {
    display: flex;
    align-items: center;
    padding: 2px;
    background-color: var(--surface-orange);
    border-radius: 32px;
    position: relative;
}
@media (max-width: 1024px) {
    .tabs-btns {
        flex: 1;
    }
}
.tabs-btns::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(50% - 2px);
    height: calc(100% - 4px);
    background: #fff;
    border-radius: 32px;
    transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
    z-index: 1;
}
.tabs-btns:has(.tabs-btn-switcher:last-child.active)::before {
    transform: translateX(100%);
}
.tabs-btns .tabs-btn-switcher {
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 40px;
    font-weight: 500;
    font-size: clamp(14px, 3vw, 17px);
    line-height: 1;
    letter-spacing: 0.01em;
    color: var(--text-invert);
    border-radius: 32px;
    position: relative;
    z-index: 2;
    min-height: 48px;
}
.tabs-btns .tabs-btn-switcher svg,
.tabs-btns .tabs-btn-switcher img {
    flex: 0 0 auto;
}
@media (max-width: 1024px) {
    .tabs-btns .tabs-btn-switcher {
        padding: 0 26px;
        line-height: 1;
        min-height: 36px;
        flex: 1;
    }
}
.tabs-btns .tabs-btn-switcher.active {
    background-color: white;
    color: var(--text-orange);
}
.tabs-btns .tabs-btn-switcher.active svg:not(.orange) path[fill],
.tabs-btns .tabs-btn-switcher.active svg:not(.orange) circle[fill] {
    fill: var(--surface-orange);
}
.tabs-btns .tabs-btn-switcher.active svg:not(.orange) path[stroke],
.tabs-btns .tabs-btn-switcher.active svg:not(.orange) circle[stroke] {
    stroke: var(--surface-orange);
}
@media (max-width: 1024px) {
    .tabs-content.tabs-content-mob {
        display: none !important;
    }
    .tabs-content.tabs-content-mob.active {
        display: block !important;
    }
}
.tabs-content.tabs-content-desk {
    display: none !important;
    min-width: 0;
}
.tabs-content.tabs-content-desk.active {
    display: block !important;
}

.accordion-mobile {
    overflow: hidden;
}
@media (max-width: 1360px) {
    .accordion-mobile .accordion-mobile-button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        padding: 16px;
    }
    .accordion-mobile .accordion-mobile-button.active {
        background: var(--surface-level-0);
    }
    .accordion-mobile .accordion-mobile-button.active svg {
        transform: rotate(180deg);
    }
}
.accordion-mobile .accordion-mobile-button svg {
    display: none;
    transition: all 0.2s ease-in;
}
@media (max-width: 1360px) {
    .accordion-mobile .accordion-mobile-button svg {
        display: block;
    }
}
@media (max-width: 1360px) {
    .accordion-mobile .accordion-mobile-content {
        display: none;
    }
}
.accordion-mobile .accordion-mobile-content.active {
    display: block;
    padding: 16px;
}

.tooltip {
    position: relative;
    flex: none;
}
.tooltip button {
    width: 100%;
}
.tooltip .tooltip-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex: none;
}
.tooltip .tooltip-btn img {
    flex: none;
}
.tooltip .tooltip-close {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 40px;
}
.tooltip .tooltip-modal {
    padding: 24px;
    border: 1px solid var(--border-devider);
    border-radius: 32px;
    box-shadow: 0 8px 32px 0 rgba(21, 63, 104, 0.1);
    background: var(--surface-level-1);
    position: absolute;
    width: 400px;
    bottom: calc(100% + 13px);
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.2s ease-in;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 20;
}
.tooltip .tooltip-modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.tooltip .tooltip-modal::after {
    display: block;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(/local/images/icons/tooltip-icon.svg);
    width: 60px;
    height: 29px;
}
@media (max-width: 1024px) {
    .tooltip .tooltip-modal::after {
        display: none;
    }
}
@media (max-width: 1024px) {
    .tooltip .tooltip-modal {
        position: fixed;
        inset: 0;
        top: auto;
        top: initial;
        bottom: -100%;
        overflow: auto;
        background-color: white;
        border-radius: 16px 16px 0 0;
        z-index: 20;
        max-width: 100%;
        width: 100%;
        will-change: transform;
        touch-action: none;
        max-height: 95%;
        transform: none;
        transform: initial;
        padding-top: 0;
    }
    .tooltip .tooltip-modal.active {
        bottom: 0%;
    }
}
.tooltip .tooltip-inner {
    overflow: auto;
}
.tooltip .tooltip-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}
.tooltip .tooltip-name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .tooltip .tooltip-close {
        display: none;
    }
}
.tooltip .tooltip-content p {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #0e131b;
    margin: 0;
    display: block;
}
.tooltip .tooltip-content p:has(+ *) {
    margin-bottom: 16px;
}
.tooltip .tooltip-content ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.tooltip .tooltip-content ul:has(+ *) {
    margin-bottom: 16px;
}
.tooltip .tooltip-content ul li {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    padding-left: 32px;
    position: relative;
}
.tooltip .tooltip-content ul li::after {
    display: block;
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: var(--icon-tertiary);
    top: 9px;
    left: 9px;
}

.hidden-content,
.hidden-content-desc {
    max-height: 450px;
    overflow: hidden;
    position: relative;
    transition: 0.5s ease-in;
}
.hidden-content::after,
.hidden-content-desc::after {
    display: none;
    content: "";
    width: 100%;
    height: 228px;
    bottom: -120px;
    left: 0;
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 80%);
}
@media (max-width: 1024px) {
    .hidden-content::after,
    .hidden-content-desc::after {
        display: block;
    }
}
.hidden-content.visible,
.hidden-content-desc.visible {
    max-height: none !important;
    max-height: initial !important;
}
.hidden-content.visible::after,
.hidden-content-desc.visible::after {
    display: none;
}

.hidden-content.hidden-content-desc::after {
    display: block;
}
.hidden-content.hidden-content-desc.visible::after {
    display: none;
}

.btn-content-visible {
    display: none;
}
@media (max-width: 1024px) {
    .btn-content-visible {
        display: flex;
    }
}

.btn-content-visible.btn-content-visible-desc {
    display: flex;
}

.dropdown-ui .item {
    position: relative;
}
.dropdown-ui .item:has(.dropdown-block.active) .dropdown-icon {
    transform: rotate(180deg);
}
.dropdown-ui .item:has(.dropdown-block.active) .dropdown-btn {
    background: rgba(244, 247, 251, 0.6);
}
.dropdown-ui .item .popup.popup-open .popup-handle {
    padding: 16px 0;
}
.dropdown-ui .item .popup.popup-open .dropdown-block {
    position: relative;
    transform: translateY(0);
    display: block;
    overflow: auto;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    box-shadow: initial;
    display: flex;
    flex-direction: column;
    padding: 0 24px;
}
.dropdown-ui .item .popup.popup-open .dropdown-block .popup-search-form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: var(--color-grayscale-10);
    border-radius: 40px;
    padding: 8px 16px;
    min-width: 268px;
    min-height: 36px;
    margin: 0 0 8px 0;
    width: 100%;
    transition: background 0.2s ease-in, box-shadow 0.2s ease-in;
}
.dropdown-ui .item .popup.popup-open .dropdown-block .popup-search-form:focus-within {
    background: var(--surface-level-1);
    box-shadow: inset 0 0 0 1.5px var(--border-orange);
}
.dropdown-ui .item .popup.popup-open .dropdown-block .popup-search-form input {
    background-color: transparent;
    width: 100%;
    padding: 0 2px;
}
.dropdown-ui .item .popup.popup-open .dropdown-block .popup-title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 20px;
    /* line-height: 28px; */
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 16px;
    margin-top: 8px;
}
.dropdown-ui .item .popup.popup-open .dropdown-block li {
    padding: 12px 0;
}
@media (max-width: 576px) {
    .dropdown-ui .item .popup.popup-open {
        max-height: 93%;
    }
}
.dropdown-ui .dropdown-btn {
    border: 1px solid var(--color-grayscale-40);
    border-radius: 32px;
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    background: var(--surface-level-1);
    transition: 0.2s ease-in-out;
    max-height: 40px;
    cursor: pointer;
}
@media (max-width: 1024px) {
    .dropdown-ui .dropdown-btn {
        max-height: 36px;
    }
}
.dropdown-ui .dropdown-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px, 1vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: center;
    white-space: nowrap;;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .dropdown-ui .dropdown-title {
        line-height: 20px;
    }
}
.dropdown-ui .dropdown-icon {
    width: 16px;
    transition: 0.2s ease-in-out;
}
@media (max-width: 1024px) {
    .dropdown-ui .dropdown-icon {
        width: 11px;
        height: 7px;
    }
}
.dropdown-ui .dropdown-block {
    z-index: 10;
    box-shadow: 0 8px 32px 0 rgba(21, 63, 104, 0.1);
    background: var(--surface-level-1);
    display: none;
    border: 1px solid var(--border-devider);
    border-radius: 24px;
    position: absolute;
    bottom: -8px;
    transform: translateY(100%);
    overflow: hidden;
}
.dropdown-ui .dropdown-block.active {
    display: block;
    min-width: 300px;
    left: 0;
}
.dropdown-ui .dropdown-block.active form,
.dropdown-ui .dropdown-block.active .popup-search-form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: var(--color-grayscale-10);
    border-radius: 40px;
    padding: 8px 16px;
    min-width: 268px;
    min-height: 36px;
    margin: 16px 16px 8px 16px;
    width: auto;
    width: initial;
    transition: background 0.2s ease-in, box-shadow 0.2s ease-in;
}
.dropdown-ui .dropdown-block.active form:focus-within,
.dropdown-ui .dropdown-block.active .popup-search-form:focus-within {
    background: var(--surface-level-1);
    box-shadow: inset 0 0 0 1.5px var(--border-orange);
}
.dropdown-ui .dropdown-block.active form button,
.dropdown-ui .dropdown-block.active .popup-search-form button {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdown-ui .dropdown-block.active form input,
.dropdown-ui .dropdown-block.active .popup-search-form input {
    background-color: transparent;
}
.dropdown-ui .dropdown-block.active ul {
    max-height: 336px;
}
.dropdown-ui ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--color-grayscale-50) var(--surface-grey);
    scroll-behavior: smooth;
    margin-right: -1.2px;
}
.dropdown-ui ul::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
.dropdown-ui ul::-webkit-scrollbar {
    width: 1px;
    border-radius: 100%;
}
.dropdown-ui ul::-webkit-scrollbar-thumb {
    border-radius: 6px;
}
.dropdown-ui ul::-webkit-scrollbar-track {
    border-radius: 6px;
}
.dropdown-ui ul::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
.dropdown-ui ul::-webkit-scrollbar-button {
    display: none;
}
.dropdown-ui li {
    border-bottom: 1px solid var(--border-devider);
    padding: 12px 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    cursor: pointer;
}
.dropdown-ui li::after {
    content: url(/local/images/icons/dd-select.svg);
    width: 18px;
    height: 13px;
    opacity: 0;
    transition: 0.1s ease-in-out;
}
.dropdown-ui li.is-active::after {
    opacity: 1;
}

.filter-container {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-bottom: 32px;
    flex: none;
}
@media (max-width: 576px) {
    .filter-container {
        margin-bottom: 16px;
    }
}

.calendar.dropdown-ui .item .dropdown-btn {
    border-radius: 0px;
    padding: 0;
    border: none;
}
.calendar.dropdown-ui .item:has(.dropdown-block.active) .dropdown-btn {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}
.calendar .dropdown-block .calendar-panel {
    padding: 16px 16px 20px;
}
.calendar .calendar-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}
.calendar .cal-title {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
}
.calendar .cal-nav {
    width: 9px;
    height: 14px;
    display: grid;
    place-items: center;
    cursor: pointer;
}
.calendar .cal-week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 8px;
    gap: 8px;
    margin-bottom: 8px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-tertiary);
}
.calendar .cal-week span {
    text-align: center;
}
.calendar .cal-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 8px;
    gap: 8px;
}
.calendar .cal-day {
    height: 36px;
    width: 37px;
    border-radius: 999px;
    border: 1px solid var(--color-grayscale-40);
    background: transparent;
    cursor: pointer;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-primary);
    display: grid;
    place-items: center;
}
.calendar .cal-day.is-muted {
    border: 1px solid var(--color-grayscale-40);
    opacity: 0.5;
}
.calendar .cal-day.is-selected {
    border-color: var(--surface-level-1);
    border: 1.5px solid var(--border-orange);
    color: var(--text-orange);
}
.calendar .cal-day:hover {
    background: rgba(244, 247, 251, 0.6);
}

.filter-reset {
    transition: 0.2s ease-in-out;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(14px, 1vw, 15px);
    cursor: pointer;
}
@media (max-width: 1024px) {
    .filter-reset {
        display: none;
    }
    .filter-reset.is-active {
        display: block;
        border-radius: 64px;
        width: 100%;
        height: 36px;
        background: var(--surface-red-light);
        margin-bottom: 16px;
    }
}
.filter-reset {
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: center;
}
.filter-reset.is-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--text-tertiary);
}
.filter-reset.is-active {
    cursor: pointer;
    pointer-events: auto;
    color: var(--text-red);
}

.video-media {
    position: relative;
    overflow: hidden;
    border-radius: 32px;
}
@media (max-width: 576px) {
    .video-media {
        border-radius: 24px;
    }
}
.video-media .hidden-video-start {
    z-index: 3;
}
.video-media video {
    height: inherit;
}
.video-media .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: clamp(80px, 7vw, 100px);
    height: clamp(80px, 7vw, 100px);
}
.video-media svg {
    width: inherit;
    height: inherit;
}
.video-media::after {
    display: block;
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(35, 39, 47, 0.4);
    transition: all 0.2s ease-in;
    z-index: 2;
}
.video-media.video-start .hidden-video-start {
    display: none !important;
}
.video-media.video-start::after {
    opacity: 0;
    pointer-events: none;
}

.media.inner-full {
    position: relative;
    display: flex;
}
.media.inner-full .media-play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.media-play {
    width: 52px;
    height: 52px;
    border-radius: 32px;
    background-color: #fa8c16;
    display: flex;
    align-items: center;
    justify-content: center;
}
.media-play .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.star {
    width: 24px;
    height: 24px;
}
@media (max-width: 576px) {
    .star {
        width: 16px;
        height: 16px;
    }
}

.swiper-pagination {
    z-index: 5;
}

.header-placeholder {
    height: 0;
}

body.has-fixed-header .header-placeholder {
    height: var(--header-h, 0px);
}

.calendar-make .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}
@media (max-width: 576px) {
    .calendar-make .head {
        margin-bottom: 16px;
    }
}

.calendar-make .title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: #21272a;
}
@media (max-width: 576px) {
    .calendar-make .title {
        font-size: 16px;
        line-height: 24px;
    }
}

.calendar-make .nav {
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.calendar-make .nav:first-child:last-child {
    justify-content: space-between;
    width: 100%;
}
@media (max-width: 576px) {
    .calendar-make .nav {
        font-size: 14px;
        line-height: 20px;
    }
}

.calendar-make .arrow {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.calendar-make .month {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    min-width: 120px;
    text-align: center;
}
@media (max-width: 576px) {
    .calendar-make .month {
        font-size: 14px;
        min-width: 100px;
        line-height: 20px;
    }
}

.calendar-make .weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 12px;
    gap: 12px;
    margin-bottom: 12px;
}
@media (max-width: 576px) {
    .calendar-make .weekdays {
        margin-bottom: 8px;
    }
}

.calendar-make .weekdays span {
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-tertiary);
}
@media (max-width: 576px) {
    .calendar-make .weekdays span {
        font-size: 12px;
        line-height: 18px;
    }
}

.calendar-make .days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 12px 8px;
    gap: 12px 8px;
}
@media (max-width: 576px) {
    .calendar-make .days {
        gap: 8px;
    }
}

.calendar-make .day {
    height: 40px;
    line-height: normal;
    border-radius: 999px;
    border: 1px solid var(--color-grayscale-40);
    border-radius: 32px;
    padding: 8px 16px;
    background: transparent;
    font-size: 15px;
}
@media (max-width: 576px) {
    .calendar-make .day {
        border-radius: 32px;
        width: 100%;
        height: 36px;
        font-size: 14px;
        padding: 0;
        line-height: 20px;
    }
}

.calendar-make .day:disabled {
    color: var(--text-secondary);
    border: 1px solid var(--color-grayscale-40);
    opacity: 0.5;
}

.calendar-make .day:hover {
    background: rgba(244, 247, 251, 0.6);
    border: 1px solid var(--color-grayscale-40);
    color: var(--text-primary);
}

.calendar-make .day:active {
    border: 1.5px solid var(--border-orange);
    color: var(--text-orange);
}

.calendar-make .day.muted {
    color: var(--text-secondary);
    border: 1px solid var(--color-grayscale-40);
    opacity: 0.5;
}

.calendar-make .day.active {
    border: 1.5px solid var(--border-orange);
    color: var(--text-orange);
    background: transparent;
}

.videos-inner {
    position: relative;
}

.story-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.search-input-1 {
    position: relative;
    width: 100%;
    height: 52px;
}
@media (max-width: 1024px) {
    .search-input-1 {
        height: auto;
    }
}
.search-input-1 .search-input-error:not([hidden]) {
    display: block;
}
.search-input-1 .search-input-error {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    margin-top: 8px;
    padding-left: 16px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-red);
}
@media (max-width: 1024px) {
    .search-input-1 .search-input-error {
        margin-top: 4px;
        font-size: 12px;
    }
}
.search-input-1.error input {
    background: var(--surface-red-light);
}
.search-input-1 .clear-input {
    opacity: 1;
    pointer-events: all;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    flex: 0;
    right: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-input-1 .clear-input[hidden] {
    opacity: 0;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .search-input-1 .clear-input {
        right: 48px;
    }
}
.search-input-1 form {
    position: relative;
    min-width: 632px;
}
.search-input-1 form .search-input-icon {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
}
.search-input-1 form input {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 40px;
    padding: 12px 100px 12px 24px;
    background: var(--color-grayscale-10);
    font-weight: 400;
    font-size: 17px;
    line-height: 1;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
    border: 1.5px solid transparent;
    transition: 0.2s ease-in;
    color: var(--text-primary);
}
.search-input-1 form input::-moz-placeholder {
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
    line-height: 1;
}
.search-input-1 form input::placeholder {
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
    line-height: 1;
}
@media (max-width: 1024px) {
    .search-input-1 form input::-moz-placeholder {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.01em;
        color: var(--text-tertiary);
    }
    .search-input-1 form input::placeholder {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.01em;
        color: var(--text-tertiary);
    }
}
.search-input-1 form input:focus {
    border: 1.5px solid var(--border-orange);
    background: var(--surface-level-1);
}
@media (max-width: 1024px) {
    .search-input-1 form input {
        height: auto;
    }
}
@media (max-width: 576px) {
    .search-input-1 form input {
        border-radius: 40px;
        padding: 8px 84px 8px 16px;
        min-height: 36px;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.01em;
        color: #121519;
    }
}

.input {
    width: 100%;
    position: relative;
    height: 52px;
}
@media (max-width: 1024px) {
    .input {
        height: 48px;
    }
}
.input .input-error:not([hidden]) {
    display: block;
}
.input .input-error {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    margin-top: 8px;
    padding-left: 16px;
    color: var(--text-red);
}
.input.error input {
    background: var(--surface-red-light);
    border: 1px solid var(--surface-red-light);
}
.input .clear-input {
    opacity: 1;
    pointer-events: all;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    flex: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    z-index: 2;
    right: 16px;
    justify-content: flex-end;
}
.input .clear-input[hidden] {
    opacity: 0;
    pointer-events: none;
}
.input input {
    width: 100%;
    padding-right: 56px;
    height: 100%;
}

.article section {
    position: relative;
    margin-bottom: 64px;
}
@media (max-width: 576px) {
    .article section {
        margin-bottom: 32px;
    }
}
.article section:last-child {
    margin-bottom: 0;
}
.article > *:last-child,
.article section > *:last-child {
    margin-bottom: 0;
}
.article p {
    margin: 0 0 16px;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .article p {
        font-size: 16px;
        line-height: 24px;
    }
}
.article a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-orange);
}
@media (max-width: 1024px) {
    .article a {
        font-size: 16px;
        line-height: 24px;
    }
}
.article h2,
.article h3,
.article h4 {
    font-family: var(--second-family);
    font-weight: 400;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.article h2 {
    margin: 0 0 24px;
    font-size: 44px;
    line-height: 56px;
    max-width: 75%;
}
@media (max-width: 1024px) {
    .article h2 {
        max-width: 100%;
    }
}
@media (max-width: 576px) {
    .article h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 16px;
    }
}
.article h3 {
    margin: 64px 0 24px;
    font-size: 34px;
    line-height: 44px;
    max-width: 75%;
}
@media (max-width: 1024px) {
    .article h3 {
        max-width: 100%;
    }
}
@media (max-width: 576px) {
    .article h3 {
        font-size: 24px;
        line-height: 32px;
        margin-top: 48px;
        margin-bottom: 16px;
    }
}
.article h4 {
    margin: 0 0 16px;
    font-size: 27px;
    line-height: 36px;
}
@media (max-width: 576px) {
    .article h4 {
        font-size: 18px;
        line-height: 24px;
    }
}
.article p + h2,
.article ul + h2,
.article ol + h2,
.article img + h2,
.article div + h2,
.article p + h3,
.article ul + h3,
.article ol + h3,
.article img + h3,
.article div + h3,
.article p + h4,
.article ul + h4,
.article ol + h4,
.article img + h4,
.article div + h4 {
    margin-top: 40px;
}
@media (max-width: 576px) {
    .article p + h2,
    .article ul + h2,
    .article ol + h2,
    .article img + h2,
    .article div + h2,
    .article p + h3,
    .article ul + h3,
    .article ol + h3,
    .article img + h3,
    .article div + h3,
    .article p + h4,
    .article ul + h4,
    .article ol + h4,
    .article img + h4,
    .article div + h4 {
        margin-top: 24px;
    }
}
.article ul,
.article ol {
    margin: 0 0 16px;
    padding: 0;
}
.article ul, .article ol {
    list-style: none;
    display: grid;
    grid-gap: 8px;
    gap: 8px;
}
@media (max-width: 576px) {
    .article ul, .article ol {
        grid-template-columns: 1fr;
    }
}
.article ul > li {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 0;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .article ul li {
        font-size: 16px;
        line-height: 24px;
    }
}
.article ul > li::before {
    content: "";
    display: block;
    flex: none;
    width: 24px;
    height: 24px;
    margin-top: 2px;
    background: url("/local/images/icons/bullet.svg") center/24px 24px no-repeat;
}
.article section.list-single-column ul {
    grid-template-columns: 1fr;
}
.article ol {
    padding-left: 4px;

}
.article ol > li {
    font-weight: 400;
    counter-increment: myCounter;
    font-size: 17px;
    line-height: 28px;
    gap: 8px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    position: relative;
    display: flex;
    align-items: flex-start;
}
.article ol > li:before {
    content: counter(myCounter);
    color: #fff;
    font-family: var(--second-family);
    font-size: 12px;
    background: var(--surface-orange);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 22px;
    display: flex;
    flex-shrink: 0;
    height: 22px;
    line-height: 1;
    margin-top: 4px;
    font-weight: 500;
}
@media (max-width: 576px) {
    .article ol li {
        font-size: 16px;
        line-height: 24px;
    }
}
.article img {
    display: block;
    margin: 0 0 16px;
    border-radius: 32px;
    max-width: 308px;
    max-height: 308px;
    float: right;
}
@media (max-width: 1024px) {
    .article img {
        float: none;
        width: 100%;
        max-width: 343px;
        max-height: 343px;
        margin: 0 auto 24px;
        border-radius: 24px;
    }
}

.floating-actions {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 15;
    display: flex;
    align-items: center;
    gap: 16px;
}
@media (max-width: 1024px) {
    .floating-actions {
        display: none;
    }
}

.floating-actions .inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
}
.floating-actions .inner:has(.btn:hover) .btn-up {
    width: 64px;
    height: 64px;
    border: 1.5px solid var(--border-orange);
    border-radius: 48px;
    background: var(--surface-level-1);
}
.floating-actions .inner:has(.btn:hover) .btn-up svg path {
    stroke: #f1810f;
}

.floating-actions .btn {
    border-radius: 48px;
    width: 64px;
    height: 64px;
    border: none;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: var(--surface-orange);
}
.floating-actions .btn:hover {
    background: #f1810f;
}

.floating-actions .btn svg {
    display: block;
}

.floating-actions .btn-up {
    border-radius: 48px;
    width: 64px;
    height: 48px;
    box-shadow: 0 4px 24px 0 rgba(31, 83, 135, 0.14);
    background: var(--surface-level-1);
    outline: none;
    border: 1px solid transparent;
}
.floating-actions .btn-up:hover {
    width: 64px;
    height: 64px;
    border: 1.5px solid var(--border-orange);
    border-radius: 48px;
}
.floating-actions .btn-up:hover svg path {
    stroke: #f1810f;
}

.floating-actions .btn-main {
    background: #f7941d;
    color: #fff;
}

.floating-actions .panel {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -18px;
    width: 360px;
    border: 1px solid var(--border-devider);
    border-radius: 24px 24px 0 24px;
    box-shadow: 0 8px 32px 0 rgba(21, 63, 104, 0.1);
    background: var(--surface-level-1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-100%) scale(1);
    transform-origin: bottom right;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

.floating-actions.is-open .panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(-100%) scale(1);
}

.floating-actions .list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.floating-actions .item + .item .text {
    flex: 1;
    border-top: 1px solid var(--border-devider);
}

.floating-actions .item .text {
    padding: 16px 0px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}

.floating-actions .link {
    width: 100%;
    text-align: left;
    padding: 0 16px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.floating-actions .link:hover {
    background: #fafafa;
}

.floating-actions .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.floating-actions .icon svg {
    display: block;
}

.floating-actions .close-icon {
    display: none;
}

.floating-actions.is-open .open-icon {
    display: none;
}

.floating-actions.is-open .close-icon {
    display: block;
}

.floating-actions .btn-up.is-hidden {
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
}

/* stylelint-disable */
.header {
    position: relative;
    background-color: #fff;
}
.header.header--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 15;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.header .header-top-container {
    border-bottom: 1px solid var(--border-devider);
}
.header .header-top {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    position: relative;
}
@media (max-width: 1024px) {
    .header .header-top {
        gap: 16px;
    }
}
@media (max-width: 576px) {
    .header .header-top {
        padding: 14px 0;
    }
}
.header .header-top .row {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
@media (max-width: 1024px) {
    .header .header-top .row {
        flex: initial;
        gap: 16px;
    }
}
.header .header-top .row .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.header .header-top .buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    /*margin-right: 29px; */
}
@media (max-width: 1024px) {
    .header .header-top .buttons {
        display: none;
    }
}
@media (max-width: 576px) {
    .header .header-top .logo {
        max-width: 160px;
    }
}
.header .header-top .search {
    width: 100%;
    flex: 1;
}
@media (max-width: 1024px) {
    .header .header-top .search {
        width: auto;
        width: initial;
        flex: initial;
    }
}
.header .header-top .search input {
    width: 100%;
}
.header .header-top .search input::-moz-placeholder {
    font-weight: 400;
    font-size: clamp(14px, 3vw, 17px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}
.header .header-top .search input::placeholder {
    font-weight: 400;
    font-size: clamp(14px, 3vw, 17px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}
.header .header-top .search .search-open {
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .header-top .search .search-wrapper {
    position: relative;
}
.header .header-top .search .search-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    width: 100%;
    height: 20px;
    z-index: -1;
    background-color: #fff;
}
.header .header-top .search .search-wrapper .search-input form {
    min-width: 0;
    min-width: initial;
    height: 100%;
}
@media (max-width: 1024px) {
    .header .header-top .search .search-wrapper {
        display: none;
    }
}
.header .header-top .search .search-close {
    font-weight: 500;
    font-size: 13px;
    line-height: 138%;
    letter-spacing: 0.02em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .header .header-top .search.open .search-wrapper {
        position: absolute;
        left: -15px;
        right: -15px;
        top: 0;
        background-color: #fff;
        padding: 12px 16px;
        z-index: 12;
        display: flex;
        align-items: center;
        gap: 16px;
    }
}
.header .header-top .btn-services {
    margin-left: auto;
}
.header .header-top .contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: none;
}
@media (max-width: 1024px) {
    .header .header-top .contacts {
        display: none;
    }
}
.header .header-top .tel {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.header .header-top .callback {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-orange);
}
.header .header-top .tel-btn {
    display: none;
}
@media (max-width: 1024px) {
    .header .header-top .tel-btn {
        border: 0;
        display: flex;
    }
}
@media (max-width: 576px) {
    .header .header-top .tel-btn svg {
        width: 24px;
        height: 24px;
    }
}
.header .header-top .burger {
    --burger-width: 20px;
    --burger-height: 14px;
    --burger-line-height: 2px;
    position: relative;
    border: none;
    padding: 0;
    width: var(--burger-width);
    height: var(--burger-height);
    color: #000;
    background-color: transparent;
    cursor: pointer;
}
.header .header-top .burger::before, .header .header-top .burger::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: var(--burger-line-height);
    background-color: currentColor;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    border-radius: 20px;
}
.header .header-top .burger::before {
    top: 0;
}
.header .header-top .burger::after {
    top: calc(100% - var(--burger-line-height));
    width: 12px;
    left: auto;
    left: initial;
    right: 0;
}
.header .header-top .burger .line {
    position: absolute;
    top: 50%;
    width: 16px;
    height: var(--burger-line-height);
    background-color: currentColor;
    transform: translateY(-50%);
    transition: transform 0.3s ease-in-out;
    right: 0;
    border-radius: 20px;
}
.header .header-top .burger.active::before {
    top: 50%;
    transform: rotate(45deg);
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    width: 21px;
}
.header .header-top .burger.active::after {
    top: 50%;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    right: auto;
    right: initial;
    left: 0;
    width: 21px;
}
.header .header-top .burger.active .line {
    transform: scale(0);
    transition: transform 0.3s ease-in-out;
    right: auto;
    right: initial;
    left: 0;
}
.header .header-top .burger {
    flex: none;
}
.header .header-nav {
    border-bottom: 1px solid #e8ecf2;
    padding: 16px 0;
}
@media (max-width: 1024px) {
    .header .header-nav {
        padding: 0;
        border: 0;
    }
}
.header .header-nav .inner {
    display: flex;
    align-items: center;
    gap: 24px;
}
.header .header-nav .inner .header-services:has(ul[data-services-menu].active) .btn-services {
    border: 1px solid var(--border-orange);
}
.header .header-nav .inner .header-services:has(ul[data-services-menu].active) .btn-services svg path {
    fill: #fa8c16;
}
.header .header-nav .inner .header-services:has(ul[data-services-menu].active) .btn-services svg path:nth-child(-n+4) {
    stroke: #fa8c16;
}
@media (max-width: 1024px) {
    .header .header-nav .inner .header-services .btn-services {
        display: none;
    }
}
.header .header-nav .inner .header-services ul {
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 7;
    border-radius: 32px;
    box-shadow: 0 8px 32px 0 rgba(21, 63, 104, 0.1);
    background: var(--surface-level-1);
    padding: 32px;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px;
    grid-row-gap: 24px;
    row-gap: 24px;
    width: 100%;
    max-width: 560px;
    top: calc(100% - 2px);
    display: none;
    overflow: auto;
}
@media (max-width: 1024px) {
    .header .header-nav .inner .header-services ul {
        grid-template-columns: 1fr;
        grid-row-gap: 16px;
        row-gap: 16px;
        max-height: 80%;
        background-color: white;
        position: static;
        display: grid;
        max-width: 100%;
        padding: 0px 24px 24px 24px;
        box-shadow: none;
        box-shadow: initial;
    }
}
.header .header-nav .inner .header-services ul.active {
    display: grid;
}
.header .header-nav .inner .header-services ul .clinics {
    grid-row: 3 span;
}
@media (max-width: 1024px) {
    .header .header-nav .inner .header-services ul .clinics {
        grid-row: unset;
    }
}
.header .header-nav .inner .header-services ul .clinics a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 34px 24px;
    border-radius: 24px;
    border: 1px solid var(--border-devider);
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #21272a;
}
.header .header-nav .inner .header-services ul .clinics a:hover {
    background: var(--surface-blue-light);
    border: 1px solid transparent;
}
@media (max-width: 1024px) {
    .header .header-nav .inner .header-services ul .clinics a {
        padding: 24px 16px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 16px;
        font-size: 16px;
        line-height: 24px;
    }
    .header .header-nav .inner .header-services ul .clinics a svg {
        max-width: 48px;
    }
}
.header .header-nav .inner .header-services ul li.hover-green:hover .icon {
    background: var(--surface-green-light);
}
.header .header-nav .inner .header-services ul li.hover-green:hover .icon svg path {
    fill: #4eb71a;
}
.header .header-nav .inner .header-services ul li.hover-green:hover a {
    color: var(--color-green-70);
}
.header .header-nav .inner .header-services ul li.hover-violet:hover .icon {
    background: var(--surface-magenta-light);
}
.header .header-nav .inner .header-services ul li.hover-violet:hover .icon svg path {
    fill: #bc70bc;
}
.header .header-nav .inner .header-services ul li.hover-violet:hover a {
    color: var(--color-lilac-70);
}
.header .header-nav .inner .header-services ul li.hover-pink:hover .icon {
    background: var(--surface-magenta-light);
}
.header .header-nav .inner .header-services ul li.hover-pink:hover .icon svg path {
    fill: #ee5396;
}
.header .header-nav .inner .header-services ul li.hover-pink:hover a {
    color: var(--color-magenta-60);
}
.header .header-nav .inner .header-services ul li.hover-orange:hover .icon {
    background: var(--surface-orange-light);
}
.header .header-nav .inner .header-services ul li.hover-orange:hover .icon svg path {
    fill: #fa8c16;
}
.header .header-nav .inner .header-services ul li.hover-orange:hover a {
    color: var(--text-orange);
}
.header .header-nav .inner .header-services ul li.hover-blue:hover .icon {
    background: var(--surface-cyan-light);
}
.header .header-nav .inner .header-services ul li.hover-blue:hover .icon svg path {
    fill: #22b7ce;
}
.header .header-nav .inner .header-services ul li.hover-blue:hover a {
    color: var(--color-cyan-70);
}
.header .header-nav .inner .header-services ul li a {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #21272a;
    display: flex;
    align-items: center;
    gap: 16px;
}
@media (max-width: 1024px) {
    .header .header-nav .inner .header-services ul li a img {
        width: 24px;
        height: 24px;
    }
}
.header .header-nav .inner .header-services ul li a .icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: var(--surface-level-0);
}
@media (max-width: 1024px) {
    .header .header-nav .inner .header-services ul li a .icon {
        width: 44px;
        height: 44px;
    }
}
.header .header-nav .inner .header-menu ul {
    display: flex;
    align-items: center;
    gap: 32px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.header .header-nav .inner .header-menu ul li a {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    color: #21272a;
    font-size: clamp(0.75rem, 0.054rem + 1.09vw, 0.938rem);
}
.header .header-nav .inner .header-menu ul li a:hover {
    color: var(--text-orange);
}
.header .header-nav .inner .header-menu ul li a:hover svg path {
    stroke: var(--text-orange);
}
@media (max-width: 576px) {
    .header .header-nav .inner .header-menu .lk {
        display: flex;
        width: 100%;
        margin-bottom: 12px;
        padding: 12px;
    }
}
@media (max-width: 576px) {
    .header .header-nav .inner .header-menu .appointment {
        display: flex;
        width: 100%;
        padding: 12px;
    }
}
.header .header-nav .inner .header-menu.active {
    right: 0;
}
@media (max-width: 1024px) {
    .header .header-nav .inner .header-menu {
        position: fixed;
        top: var(--header-h);
        right: -100%;
        z-index: 12;
        width: 100%;
        bottom: 0;
        background: white;
        padding: 0 16px 20px 16px;
        transition: right 0.2s ease-in;
        overflow: auto;
    }
    .header .header-nav .inner .header-menu ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        margin-bottom: 66px;
        overflow: auto;
    }
    .header .header-nav .inner .header-menu ul li {
        width: 100%;
    }
    .header .header-nav .inner .header-menu ul li a {
        font-size: 14px;
        padding: 12px 0;
        display: block;
        border-bottom: 1px solid var(--border-devider);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        line-height: 28px;
    }
}
.header .header-menu-observer {
    opacity: 0;
    transition: all 0.2s ease-in;
    padding: 16px 0;
    display: none;
}
@media (max-width: 1024px) {
    .header.header-trigger .container:has(.header-menu-observer) {
        background: var(--surface-purple-light);
    }
    .header.header-trigger .container:has(.header-menu-observer) .btn-2 {
        background: var(--surface-level-1);
    }
}
.header.header-trigger .header-menu-observer {
    opacity: 1;
    display: block;
}
@media (min-width: 1024px) {
    .header.header-trigger .header-nav {
        display: none;
    }
}
.header .app-link {
    position: relative;
    z-index: 15;
    background: var(--surface-purple);
    border-radius: 0 0 16px 16px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    transition: all 0.2s ease-in;
}
.header .app-link a {
    display: flex;
    align-items: center;
    gap: 12px;
}
.header .app-link a .text span {
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--text-invert);
    display: flex;
    flex-direction: column;
}
.header .app-link a .text span span {
    font-weight: 500;
    font-size: 11px;
    line-height: 127%;
    letter-spacing: 0.02em;
    color: var(--text-invert);
}
.header .app-link.app-link--hidden {
    opacity: 0;
    margin-top: -52px;
}
.header .mobile-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    padding: 5px 16px;
    background-color: white;
    transition: all 0.2s ease-in;
}
.header .mobile-nav ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
}
.header .mobile-nav ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.header .mobile-nav ul li a .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 48px;
    background: var(--surface-orange);
    z-index: 2;
}
.header .mobile-nav ul li a.active {
    transform: translateY(-15px);
    position: relative;
}
.header .mobile-nav ul li a.active span {
    font-weight: 700;
    color: var(--text-orange);
}
.header .mobile-nav ul li a.active::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
    top: -10px;
    background: #fff;
    border-radius: 999px;
    z-index: 1;
}
.header .mobile-nav ul li a span {
    font-weight: 500;
    font-size: 11px;
    line-height: 109%;
    text-align: center;
    color: var(--text-secondary);
}
.header .mobile-nav.close {
    bottom: -100%;
}

.promo:not(.promo.promo-swiper, .promo.promo-page) {
    margin-bottom: 24px;
}
@media (max-width: 576px) {
    .promo:not(.promo.promo-swiper, .promo.promo-page) {
        margin-bottom: 24px;
    }
}
.promo .title {
    font-size: clamp(18px, 3vw, 44px);
}
@media (max-width: 576px) {
    .promo .title {
        line-height: 24px;
    }
}
.promo .content-swiper-wrapper {
    padding-bottom: 24px;
}
@media (max-width: 576px) {
    .promo .content-swiper-wrapper {
        padding-bottom: 12px;
        margin-right: -15px;
    }
}
@media (max-width: 576px) {
    .promo .content-swiper-wrapper .swiper-promo-mob {
        padding-right: 15px;
    }
}
.promo .swiper-pagination {
    bottom: 0;
    display: flex;
    justify-content: center;
    gap: 16px;
}
@media (max-width: 576px) {
    .promo .swiper-pagination {
        gap: 8px;
    }
}
.promo .swiper-pagination .swiper-pagination-bullet {
    width: 32px;
    height: 3px;
    border-radius: 16px;
    margin: 0;
    padding: 0;
    background-color: var(--color-grayscale-30);
    opacity: 1;
}
@media (max-width: 576px) {
    .promo .swiper-pagination .swiper-pagination-bullet {
        width: 24px;
        height: 2px;
    }
}
.promo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--surface-orange);
}
.promo .content-swiper-wrapper {
    padding-bottom: 24px;
}
@media (max-width: 576px) {
    .promo .content-swiper-wrapper {
        padding-bottom: 12px;
        margin-right: -15px;
    }
}
@media (max-width: 576px) {
    .promo .content-swiper-wrapper .swiper-promo-mob {
        padding-right: 15px;
    }
}
.promo .swiper-pagination {
    bottom: 0;
    display: flex;
    justify-content: center;
    gap: 16px;
}
@media (max-width: 576px) {
    .promo .swiper-pagination {
        gap: 8px;
    }
}
.promo .swiper-pagination .swiper-pagination-bullet {
    width: 32px;
    height: 3px;
    border-radius: 16px;
    margin: 0;
    padding: 0;
    background-color: var(--color-grayscale-30);
    opacity: 1;
}
@media (max-width: 576px) {
    .promo .swiper-pagination .swiper-pagination-bullet {
        width: 24px;
        height: 2px;
    }
}
.promo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--surface-orange);
}
.promo.promo-slider .card {
    display: grid;
    grid-template-columns: 1fr 0.725fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 16px;
    gap: 16px;
}
@media (max-width: 1024px) {
    .promo.promo-slider .card {
        display: block;
    }
}
.promo.promo-slider .card-grid {
    grid-template-columns: 1fr 1fr;
}
.promo.promo-slider .card-grid .item-small:nth-child(n) {
    grid-column: unset;
    grid-row: unset;
}
.promo.promo-slider .swiper-button-next {
    top: calc(50% - 15px);
}
.promo.promo-slider .swiper-button-prev {
    top: calc(50% - 15px);
}
.promo .card {
    width: 100%;
    overflow: hidden;
}
.promo .card .item {
    border-radius: 32px;
    position: relative;
    overflow: hidden;
}
@media (max-width: 576px) {
    .promo .card .item {
        border-radius: 24px;
        padding: 16px;
    }
}
.promo .card .item p {
    font-weight: 400;
    font-size: clamp(14px, 1.5vw, 21px);
    letter-spacing: 0.01em;
    color: var(--text-primary);
    line-height: 36px;
    margin: 0 0 10px 0;
}
@media (max-width: 1024px) {
    .promo .card .item p {
        line-height: 20px;
    }
}
.promo .card .item .title {
    margin: 0;
}
.promo .card .item.item-big {
    background: linear-gradient(45deg, #fbeefb 0%, #ffecdf 100%);
    min-height: 464px;
    padding: 48px 40px 40px 40px;
    padding-right: 240px;
    grid-row: 1/3;
}
.promo .card .item.item-big .title {
    margin-bottom: 24px;
    font-size: clamp(18px, 3vw, 44px);
    max-width: none;
    max-width: initial;
}
@media (max-width: 576px) {
    .promo .card .item.item-big .title {
        margin-bottom: 8px;
    }
}
@media (max-width: 576px) {
    .promo .card .item.item-big {
        min-height: 220px;
        padding: 16px;
        padding-right: 135px;
    }
    .promo .card .item.item-big .promo-img {
        height: 100%;
    }
}
.promo .card .item.item-big .description {
    margin-bottom: 24px;
    font-size: clamp(14px, 3vw, 21px);
    max-width: none;
    max-width: initial;
    color: var(--text-primary);
}
.promo .card .item.item-small {
    background: linear-gradient(45deg, #ffecdf 0%, #fbeefb 100%);
    padding: 24px 32px;
    padding-right: 224px;
    height: 100%;
}
@media (max-width: 576px) {
    .promo .card .item.item-small {
        padding: 16px;
    }
    .promo .card .item.item-small .promo-img {
        max-width: 140px;
        height: auto;
    }
}
.promo .card .item.item-small .title {
    font-size: clamp(16px, 2vw, 21px);
    margin-bottom: 16px;
    line-height: 28px;
}
@media (max-width: 576px) {
    .promo .card .item.item-small .title {
        line-height: 24px;
        margin-bottom: 4px;
    }
}
/*.promo .card .item:nth-child(1) {
    grid-row: 1/3;
}
.promo .card .item:nth-child(2) {
    grid-row: 1/2;
    grid-column: 2/3;
}
.promo .card .item:nth-child(3) {
    grid-row: 2/3;
    grid-column: 2/3;
}*/
.promo .card .item .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    max-width: 500px;
    position: relative;
    z-index: 2;
    height: 100%;
}
.promo .card .item .img {
    z-index: 0;
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}
.promo .card .item .info .info-button {
    display: flex;
    gap: 8px;
    align-items: center;
}
.promo .card .item .link {
    margin-top: auto;
    display: flex;
    gap: 8px;
}
@media (max-width: 576px) {
    .promo .card .item .link {
        align-items: center;
    }
}
.promo .card .item .link svg {
    flex: none;
}
.promo .card .item .discount {
    font-weight: 400;
    font-size: clamp(22px, 2vw, 36px);
    line-height: 44px;
    letter-spacing: 0.01em;
    color: var(--icon-orange);
    display: flex;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 24px;
}
.promo .card .item .discount span {
    font-weight: 400;
    font-size: clamp(14px, 2vw, 21px);
    line-height: 36px;
    letter-spacing: 0.01em;
    text-decoration: line-through;
    color: var(--text-secondary);
}
@media (max-width: 576px) {
    .promo .card .item .discount span {
        line-height: 20px;
    }
}
@media (max-width: 576px) {
    .promo .card .item .discount {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
        line-height: 28px;
        margin-bottom: 12px;
    }
}
.promo .card .item .date {
    font-weight: 400;
    font-size: clamp(12px, 2vw, 13px);
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
    padding: 8px 12px;
    border-radius: 12px;
    background-color: var(--surface-level-1);
}
.promo .card .item .date svg {
    width: 16px;
    height: 16px;
}
@media (max-width: 576px) {
    .promo .card .item .date {
        padding: 4px 8px;
        border-radius: 8px;
        line-height: 18px;
    }
}
.promo .card .item .promo-img {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
}
.promo .promo-big {
    margin-bottom: 12px;
}

.articles-health .card {
    width: 100%;
    background-color: white;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
@media (max-width: 576px) {
    .articles-health .card {
        border-radius: 24px;
    }
}
.articles-health .card .media {
    position: relative;
    aspect-ratio: 416/316;
    border-radius: 32px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}
@media (max-width: 576px) {
    .articles-health .card .media {
        border-radius: 24px;
    }
}
.articles-health .card .media::after {
    display: none;
}
.articles-health .card .media video,
.articles-health .card .media img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
}
.articles-health .card .media span {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 133%;
    letter-spacing: 0.01em;
    color: var(--text-invert);
    position: relative;
}
@media (max-width: 576px) {
    .articles-health .card .media span {
        font-size: 18px;
    }
}
.articles-health .card .posts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.articles-health .card .content {
    padding: 16px 24px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
@media (max-width: 576px) {
    .articles-health .card .content {
        padding: 16px;
    }
}
.articles-health .card .content .info-content {
    display: flex;
    flex-direction: column;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 16px;
}
@media (max-width: 576px) {
    .articles-health .card .content .info-content {
        margin-bottom: 12px;
    }
}
.articles-health .card .content .info-content .info-title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(16px, 3vw, 21px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 8px;
    display: block;
}
@media (max-width: 576px) {
    .articles-health .card .content .info-content .info-title {
        margin-bottom: 4px;
        line-height: 24px;
    }
}
.articles-health .card .content .info-content .info-text {
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    margin: 0;
}
@media (max-width: 576px) {
    .articles-health .card .content .info-content .info-text {
        line-height: 20px;
    }
}
.articles-health .card .head {
    display: flex;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid var(--border-devider);
    border-top: 1px solid var(--border-devider);
    padding-bottom: 16px;
    padding-top: 16px;
    margin-top: auto;
}
@media (max-width: 576px) {
    .articles-health .card .head {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
.articles-health .card .head img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
}
.articles-health .card .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    width: 100%;
}
.articles-health .card .name {
    font-weight: 400;
    font-size: clamp(12px, 3vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .articles-health .card .name {
        line-height: 18px;
    }
}
.articles-health .card .post {
    font-weight: 400;
    font-size: clamp(12px, 3vw, 13px);
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
    background: var(--surface-level-0);
    padding: 2px 8px;
    border-radius: 8px;
}
@media (max-width: 576px) {
    .articles-health .card .post {
        padding: 0 8px;
        border-radius: 6px;
    }
}
.articles-health .card .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-top: 12px;
}
@media (max-width: 576px) {
    .articles-health .card .bottom {
        padding-top: 8px;
    }
}
.articles-health .card .date,
.articles-health .card .views {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 576px) {
    .doctors-slider.doctors-no-desc .head-title .head-title-inner {
        align-items: flex-start;
    }
}
.doctors-slider.doctors-no-desc .head-title p {
    display: none;
}
@media (max-width: 576px) {
    .doctors-slider {
        overflow: hidden;
    }
}
@media (max-width: 576px) {
    .doctors-slider .swiper {
        overflow: visible;
        overflow: initial;
    }
}
.doctors-slider .card {
    padding: 24px;
    border: 1px solid var(--color-grayscale-20);
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
@media (max-width: 576px) {
    .doctors-slider .card {
        padding: 16px;
        border-radius: 24px;
    }
}
.doctors-slider .card.large {
    flex-direction: row;
    gap: 16px;
}
.doctors-slider .card.large .media {
    overflow: hidden;
    max-width: 112px;
}
.doctors-slider .card.large .media .avatar {
    border-radius: 16px;
    min-width: 100px;
    min-height: 100px;
}
.doctors-slider .card.large .media .media-btn {
    top: 100%;
    right: 50%;
    transform: translate(50%, -100%);
    width: 32px;
    height: 32px;
}
.doctors-slider .card.large .info {
    margin-bottom: 8px;
}
.doctors-slider .card.large .info .experience {
    border-radius: 6px;
    padding: 0 8px;
}
.doctors-slider .card.large .info .value {
    font-size: 13px;
}
.doctors-slider .card.large .info .card-reviews svg {
    width: 16px;
    height: 16px;
}
.doctors-slider .card.large .actions {
    display: flex;
    align-items: center;
    gap: 16px;
}
.doctors-slider .card.large .actions .actions-about {
    font-size: 14px;
    padding: 8px 16px;
}
@media (max-width: 1024px) {
    .doctors-slider .card.large .actions .actions-about {
        border: 1px solid #b3bbc7;
        border-radius: 32px;
        padding: 4px 12px;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.02em;
        color: #121519;
    }
}
.doctors-slider .card.large .actions .actions-appointment {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 15px;
    color: var(--text-orange);
}
@media (max-width: 1024px) {
    .doctors-slider .card.large .actions .actions-appointment {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        line-height: 143%;
        letter-spacing: 0.01em;
    }
}
.doctors-slider .card.large .cities {
    margin-bottom: 12px;
}
.doctors-slider .card.large .post .item {
    padding: 0 8px;
    border-radius: 6px;
}
.doctors-slider .card.large .name {
    display: flex;
}
.doctors-slider .media {
    position: relative;
    width: 100%;
    max-height: 212px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.doctors-slider .media .unknown {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    background: var(--surface-level-0);
    overflow: hidden;
}
.doctors-slider .media:has(.avatar[src]:not([src=""])) .unknown {
    display: none;
}

.doctors-slider .media .avatar-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 212px;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (max-width: 1024px) {
    .doctors-slider .media {
        max-height: 181px;
    }
    .doctors-slider .media .avatar-container {
        max-height: 181px;
    }
}
.doctors-slider .media .avatar-container:has(.avatar:not([src])), .doctors-slider .media .avatar-container:has(.avatar[src=""]) {
    display: none;
}
.doctors-slider .media .avatar {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.doctors-slider .media .avatar:not([src]), .doctors-slider .media .avatar[src=""] {
    display: none;
}
.doctors-slider .media .media-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background-color: #fa8c16;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.doctors-slider .media .media-btn .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 576px) {
    .doctors-slider .media .media-btn {
        top: 0;
        right: 0;
        width: 36px;
        height: 36px;
    }
    .doctors-slider .media .media-btn svg {
        width: 18px;
        height: 18px;
    }
    .doctors-slider .media .media-btn svg path {
        stroke-width: 2px;
    }
}
.doctors-slider .name {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 8px;
    letter-spacing: 0.01em;
    color: #0e131b;
    margin-bottom: 8px;
    display: block;
}
@media (max-width: 576px) {
    .doctors-slider .name {
        font-size: 16px;
    }
}
.doctors-slider .post {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    gap: 8px;
}
@media (max-width: 576px) {
    .doctors-slider .post {
        gap: 4px 8px;
    }
}
.doctors-slider .post .item {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
    border-radius: 12px;
    padding: 8px 12px;
    background: var(--surface-level-0);
    max-width: 100%;
    min-width: 0;
    display: inline-flex;
}
@media (max-width: 576px) {
    .doctors-slider .post .item {
        font-size: 12px;
        padding: 4px 8px;
    }
}
.doctors-slider .post .item .text-overflow {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}
.doctors-slider .info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
}
@media (max-width: 576px) {
    .doctors-slider .info {
        gap: 8px;
    }
}
.doctors-slider .info .experience {
    font-weight: 400;
    font-size: clamp(12px, 3vw, 13px);
    line-height: 138%;
    letter-spacing: 0.02em;
    color: var(--text-primary);
    padding: 8px 12px;
    border-radius: 12px;
    background: var(--surface-orange-light);
}
@media (max-width: 576px) {
    .doctors-slider .info .experience {
        padding: 4px 8px;
    }
}
.doctors-slider .info .card-reviews {
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (max-width: 576px) {
    .doctors-slider .info .card-reviews svg {
        width: 16px;
        height: 16px;
    }
}
.doctors-slider .info .card-reviews .value {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.01em;
    color: var(--text-orange);
    line-height: 24px;
}
@media (max-width: 576px) {
    .doctors-slider .info .card-reviews .value {
        line-height: 20px;
        font-size: 12px;
    }
}
.doctors-slider .info .card-reviews .value.zero {
    color: var(--text-tertiary);
}
.doctors-slider .cities {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    row-gap: 4px;
    margin-top: auto;
}
.doctors-slider .citie {
    display: flex;
    align-items: center;
    gap: 8px;
}
.doctors-slider .circle {
    width: 8px;
    height: 8px;
    border-radius: 100%;
}
.doctors-slider .blue {
    background-color: var(--color-blue-70);
}
.doctors-slider .cyan {
    background-color: var(--color-cyan-60);
}
.doctors-slider .orange {
    background-color: var(--surface-orange);
}
.doctors-slider .text {
    font-weight: 400;
    font-size: clamp(12px, 3vw, 13px);
    line-height: 138%;
    letter-spacing: 0.02em;
    color: var(--text-primary);
}

.dms img {
    pointer-events: none;
}
.dms:has(form.hidden) .info-desc {
    display: none;
}
.dms:has(form.hidden) .dms-link {
    display: none;
}
.dms .content {
    gap: 20px;
    padding: 40px;
    border: 1px solid var(--border-devider);
    border-radius: 48px;
    margin-bottom: 16px;
}
@media (max-width: 576px) {
    .dms .content {
        padding: 24px;
        border-radius: 32px;
    }
}
.dms .content:has(.dms-img) {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
}
@media (max-width: 1024px) {
    .dms .content:has(.dms-img) {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 1024px) {
    .dms .content .info {
        display: flex;
        flex-direction: column;
    }
}
.dms .content .info .info-desc {
    margin: 0 0 32px 0;
}
@media (max-width: 576px) {
    .dms .content .info .info-desc {
        margin: 0 0 24px 0;
    }
}
@media (max-width: 576px) {
    .dms .content .info .form button {
        width: 100%;
        margin-bottom: 12px;
    }
}
.dms .content .info .form.hidden {
    display: none;
}
.dms .content .info .form-inner {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 32px;
}
@media (max-width: 576px) {
    .dms .content .info .form-inner {
        margin-bottom: 16px;
        gap: 12px;
    }
}
.dms .content .info .form-inner > .input {
    width: 100%;
}
.dms .content .info .form-inner > .input input {
    padding: 12px 16px;
    border: 1px solid var(--color-grayscale-40);
    border-radius: 16px;
    width: 100%;
    font-family: var(--font-family);
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.01em;
}
@media (max-width: 1024px) {
    .dms .content .info .form-inner > .input input {
        max-height: 48px;
        border-radius: 12px;
    }
}
.dms .content .info .form-inner > .input input:focus {
    border: 1.5px solid var(--border-orange);
}
.dms .content .info .form-inner > .input input::-moz-placeholder {
    font-family: var(--font-family);
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}
.dms .content .info .form-inner > .input input::placeholder {
    font-family: var(--font-family);
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}
.dms .content .info .form-inner > .input.error input {
    border: 1px solid var(--surface-red-light);
}
.dms .content .info .c-checkbox {
    margin-bottom: 32px;
    max-width: 580px;
}
@media (max-width: 576px) {
    .dms .content .info .c-checkbox {
        margin-bottom: 16px;
    }
}
@media (max-width: 576px) {
    .dms .content .info .dms-link {
        width: 100%;
    }
}
.dms .content .dms-img {
    align-self: flex-end;
    margin-bottom: -40px;
}
@media (max-width: 576px) {
    .dms .content .dms-img {
        margin-bottom: 0px;
    }
}
.dms.questions .content {
    margin-bottom: 0;
}
.dms.questions .content .info .form button {
    margin: 0;
}
.dms.questions .content .info .c-checkbox {
    margin: 0;
}
@media (max-width: 576px) {
    .dms.questions .content .info .c-checkbox {
        margin-bottom: 16px;
    }
}
.dms .checks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    gap: 16px;
}
.dms .checks.out {
    padding: 0;
}
@media (max-width: 1024px) {
    .dms .checks {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .dms .checks {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 576px) {
    .dms .checks {
        gap: 12px;
    }
}
.dms .check {
    padding: 24px 40px;
    border: 1px solid var(--border-devider);
    border-radius: 32px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: 160%;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .dms .check {
        padding: 16px;
        border-radius: 24px;
    }
}
.dms .check span {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .dms .check span {
        font-size: 14px;
        line-height: 20px;
    }
}
.dms .check svg,
.dms .check img {
    flex: none;
}
.dms .head-title {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}
@media (max-width: 576px) {
    .dms .head-title {
        margin-bottom: 16px;
    }
}
.dms .visable-main {
    display: none;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(16px, 1vw, 17px);
    line-height: 141%;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .dms .visable-main {
        line-height: 150%;
    }
}
.dms .dms-complete {
    display: none;
    flex-direction: column;
}
.dms .dms-complete.active {
    display: flex;
}
.dms .dms-congr {
    border-radius: 32px;
    padding: 24px;
    gap: 16px;
    max-width: 700px;
    display: none;
    flex-direction: row;
    margin-bottom: 24px;
}
.dms .dms-congr.active {
    display: flex;
}
.dms .dms-congr svg {
    flex: none;
}
@media (max-width: 1024px) {
    .dms .dms-congr svg {
        width: 22px;
        height: 22px;
    }
}
.dms .dms-congr.green {
    background: var(--surface-green-light);
}
.dms .dms-congr.red {
    background: var(--surface-red-light);
}
@media (max-width: 1024px) {
    .dms .dms-congr {
        padding: 16px;
        gap: 12px;
        margin-bottom: 16px;
    }
}
.dms .congr-inner {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.dms .congr-title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(18px, 1vw, 21px);
    line-height: 133%;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .dms .congr-title {
        line-height: 133%;
    }
}
.dms .congr-desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(12px, 1vw, 15px);
    line-height: 160%;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0;
}
@media (max-width: 1024px) {
    .dms .congr-desc {
        line-height: 150%;
        letter-spacing: 0.02em;
    }
}
.dms .btn-complete {
    display: flex;
    flex-direction: row;
    gap: 12px;
    margin-bottom: 40px;
}
@media (max-width: 1024px) {
    .dms .btn-complete {
        flex-direction: column;
        margin-bottom: 16px;
    }
}
.dms .dms-reset {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 165%;
    letter-spacing: 0.01em;
    color: var(--text-orange);
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
@media (max-width: 1024px) {
    .dms .dms-reset {
        justify-content: center;
    }
}
.dms.dms-main .dms-link {
    display: none;
}
.dms.dms-main .info-desc {
    order: 3;
}
.dms.dms-main .check {
    display: none;
}
.dms.dms-main .visable-main {
    display: block;
}
@media (max-width: 1024px) {
    .dms.dms-main .dms-img {
        margin-bottom: 0px;
    }
}
.dms.dms-main .head-title {
    margin-bottom: 32px;
}
@media (max-width: 1024px) {
    .dms.dms-main .head-title {
        margin-bottom: 24px;
    }
}
.dms.dms-main .content {
    margin: 0;
}
@media (max-width: 1024px) {
    .dms.dms-main .content .info .info-desc {
        margin-bottom: 0;
    }
}
.dms.dms-main .content .info .form button {
    margin-bottom: 0;
}
.dms.dms-main .dms-form {
    margin-bottom: 0;
}
@media (max-width: 1024px) {
    .dms.dms-main .dms-form {
        margin-bottom: 24px;
    }
    .dms.dms-main .dms-form button {
        margin-top: 16px;
    }
}
.dms.dms-main .content .info .c-checkbox {
    margin-bottom: 0;
}

.dms-swiper .card {
    width: 100%;
}
.dms-swiper .card img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

.clinics-map .el-services {
    display: none;
}
.clinics-map .clinics-map-search form {
    min-width: 0;
    min-width: initial;
}
.clinics-map.for-services .title-head {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
@media (max-width: 1024px) {
    .clinics-map.for-services .title-head {
        flex-direction: column;
        gap: 16px;
    }
}
@media (max-width: 1024px) {
    .clinics-map.for-services .map-filterbar {
        width: 100%;
    }
}
.clinics-map.for-services .el-services {
    display: block;
}
.clinics-map.for-services .clinics-filter {
    display: none !important;
}
.clinics-map .layout {
    display: grid;
    grid-template-columns: 416px 1fr;
    grid-gap: 16px;
    gap: 16px;
    align-items: start;
}
.clinics-map .tooltip .time {
    flex-direction: column;
    gap: 8px;
    flex: 1;
    display: flex;
}
.clinics-map .tooltip .time .item {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.clinics-map .tooltip .time .item .value {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
.clinics-map .list {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    max-height: 600px;
    overflow-y: scroll;
}
.clinics-map .list::-webkit-scrollbar {
    display: none;
}
@media (max-width: 1024px) {
    .clinics-map .list {
        border-radius: 32px;
        padding: 24px 16px;
        background: var(--surface-level-0);
        margin: 0 -15px;
        max-height: 550px;
        overflow: auto;
    }
    .clinics-map .list::-webkit-scrollbar {
        opacity: 0;
        display: none;
    }
}
@media (max-width: 576px) {
    .clinics-map .clinic-mobile-card {
        margin: 0 16px;
    }
}
.clinics-map .map {
    border-radius: 48px;
    overflow: hidden;
}
.clinics-map .map .el {
    width: 100%;
}
@media (max-width: 1024px) {
    .clinics-map .map {
        display: flex;
        flex-direction: column;
        gap: 16px;
        border-radius: 24px;
        margin: 0 -16px;
        padding: 0 15px 15px 15px;
    }
}
@media (max-width: 576px) {
    .clinics-map .map {
        padding: 0 0 15px 0;
    }
}
.clinics-map .map-el {
    min-height: 600px;
    border-radius: 48px;
    overflow: hidden;
}
@media (max-width: 576px) {
    .clinics-map .map-el {
        min-height: 320px;
        width: 100%;
        border-radius: 24px;
        position: relative;
    }
}
@media (max-width: 1024px) {
    .clinics-map .layout {
        grid-template-columns: 1fr;
    }
}
.clinics-map .title-head {
    display: grid;
    grid-template-columns: 416px 1fr;
    align-items: start;
    margin-bottom: 32px;
    grid-gap: 16px;
    gap: 16px;
}
@media (max-width: 1024px) {
    .clinics-map .title-head {
        grid-template-columns: 1fr;
        margin-bottom: 16px;
    }
}
.clinics-map .title-head h2 {
    margin: 0;
}
.clinics-map .title-head .clinics-filter {
    position: relative;
}
@media (max-width: 1024px) {
    .clinics-map .title-head .clinics-filter .icon-default {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}
.clinics-map .title-head .clinics-filter .icon-default {
    display: flex;
}
.clinics-map .title-head .clinics-filter.is-active {
    border: 1.5px solid var(--border-orange);
    border-radius: 32px;
}
.clinics-map .title-head .clinics-filter.js-filter-btn .icon-active {
    display: none;
}
.clinics-map .title-head .clinics-filter.js-filter-btn.is-active .icon-default {
    display: none;
}
@media (max-width: 1024px) {
    .clinics-map .title-head .clinics-filter.js-filter-btn.is-active .icon-default {
        display: flex;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}
.clinics-map .title-head .clinics-filter.js-filter-btn.is-active .icon-active {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1024px) {
    .clinics-map .title-head .clinics-filter.js-filter-btn.is-active .icon-active {
        position: absolute;
        display: flex;
        top: -2px;
        right: -2px;
        width: 16px;
        height: 16px;
    }
}
@media (max-width: 1024px) {
    .clinics-map .title-head .clinics-filter {
        justify-self: flex-start;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 0;
        min-height: initial;
    }
    .clinics-map .title-head .clinics-filter svg,
    .clinics-map .title-head .clinics-filter img {
        width: 16px;
        height: 16px;
        flex: none;
    }
}

.clinics-map .map-filterbar {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 1024px) {
    .clinics-map .map-filterbar {
        flex-wrap: wrap;
        gap: 8px;
        row-gap: 16px;
        overflow: hidden;
    }
}
@media (max-width: 576px) {
    .clinics-map .map-filterbar {
        justify-content: space-between;
    }
}
.clinics-map .map-filterbar .chips-wrapper {
    display: none;
}
.clinics-map .map-filterbar .chips-wrapper:has(.chip) {
    display: block;
}
@media (max-width: 1024px) {
    .clinics-map .map-filterbar .chips-wrapper {
        margin-right: -15px;
        width: 100%;
    }
}
.clinics-map .map-filterbar .chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    transform: translateY(5px);
}
@media (max-width: 1024px) {
    .clinics-map .map-filterbar .chips {
        width: 100%;
        flex-wrap: nowrap;
        overflow: auto;
        transform: none;
        transform: initial;
        margin: 0;
        padding: 0;
    }
    .clinics-map .map-filterbar .chips::-webkit-scrollbar {
        opacity: 0;
        display: none;
    }
}
.clinics-map .map-filterbar .chips .chip {
    padding: 8px 8px 8px 12px;
    border: 1px solid var(--border-devider);
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (max-width: 1024px) {
    .clinics-map .map-filterbar .chips .chip {
        flex: none;
    }
}
.clinics-map .map-filterbar .chips .chip .chip-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.clinics-map .map-filterbar .chips .chip .chip-x {
    display: flex;
    align-items: center;
    justify-content: center;
}
.clinics-map .dots,
.clinics-map .popup-dots {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.clinics-map .clinic-card__dot,
.clinics-map .popup-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--dot, #ff8a00);
    display: inline-block;
}
.clinics-map .clinic-card {
    outline: none;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    width: 100%;
    text-align: left;
    padding: 16px 24px;
    border-radius: 24px;
    border: 1px solid var(--border-devider);
    background: var(--surface-level-1);
    cursor: pointer;
    transition: all 0.2s ease-in;
    position: relative;
}
@media (max-width: 1024px) {
    .clinics-map .clinic-card {
        border: 0;
        padding: 16px;
        flex-direction: column;
        align-items: initial;
        gap: 0;
    }
}
@media (any-hover: hover) {
    .clinics-map .clinic-card:hover:not(.clinics-map .clinic-card:hover.is-active) {
        background-color: rgba(244, 247, 251, 0.6);
        border: 1px solid var(--color-grayscale-40);
    }
}
@media (min-width: 1024px) {
    .clinics-map .clinic-card.is-active {
        border: 1.5px solid var(--border-orange);
        padding-right: 48px;
    }
    .clinics-map .clinic-card.is-active::after {
        display: block;
        content: "";
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background-image: url(/local/images/icons/check-map-cl.svg);
    }
}
.clinics-map .clinic-card .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--dot, #ff8a00);
    flex: 0 0 auto;
}
@media (max-width: 576px) {
    .clinics-map .clinic-card .dot {
        width: 8px;
        height: 8px;
    }
}
.clinics-map .clinic-card .text {
    display: grid;
    grid-gap: 4px;
    gap: 4px;
    min-width: 0;
}
@media (max-width: 1024px) {
    .clinics-map .clinic-card .text {
        padding-bottom: 16px;
        border-bottom: 1px solid var(--border-devider);
        margin-bottom: 8px;
    }
}
.clinics-map .clinic-card .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0.01em;
    line-height: 28px;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 12px;
}
.clinics-map .clinic-card svg {
    display: none;
}
.clinics-map .clinic-card .addr {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-secondary);
}
@media (max-width: 576px) {
    .clinics-map .clinic-card .addr {
        line-height: 20px;
        font-size: 14px;
        color: var(--text-primary);
    }
}
.clinics-map .clinic-card .content {
    flex-direction: column;
    gap: 16px;
    display: none;
    height: 100%;
    width: 100%;
}
@media (max-width: 1024px) {
    .clinics-map .clinic-card .content {
        display: flex;
    }
}
.clinics-map .clinic-card .content .time-info {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 0;
    border-bottom: 1px solid var(--border-devider);
    border-top: 1px solid var(--border-devider);
}
@media (max-width: 1024px) {
    .clinics-map .clinic-card .content .time-info {
        display: none;
        line-height: 20px;
    }
}
.clinics-map .clinic-card .time {
    flex-direction: column;
    gap: 8px;
    flex: 1;
    display: none;
}
@media (max-width: 1024px) {
    .clinics-map .clinic-card .time {
        display: flex;
    }
}
.clinics-map .clinic-card .time .item {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.clinics-map .clinic-card .time .item .value {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
.clinics-map .clinic-card .tooltip-content .time {
    display: flex;
}
.clinics-map .clinic-card .links {
    display: flex;
    gap: 20px;
    margin-top: auto;
}
@media (max-width: 1024px) {
    .clinics-map .clinic-card .links {
        justify-content: space-between;
    }
}
.clinics-map .clinic-card .link-clinic {
    padding: 0 16px;
    line-height: 20px;
    font-size: 14px;
}
@media (max-width: 576px) {
    .clinics-map .clinic-card .link-clinic {
        font-size: 12px;
        line-height: 18px;
        padding: 0 12px;
    }
}
.clinics-map .clinic-card .link-registration {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: var(--text-orange);
    display: flex;
    align-items: center;
}
.clinics-map .clinic-card .link-registration span {
    display: flex;
    align-items: center;
    justify-content: center;
}
.clinics-map .clinic-card .additionally {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: clamp(20px, 3vw, 24px);
    letter-spacing: 0.01em;
    color: var(--text-blue);
    margin-top: 8px;
}
.clinics-map .clinic-card .additionally svg {
    display: block;
}
.clinics-map {
    /* ===== Маркер (делаем HTML-маркер) ===== */
}
.clinics-map .map-marker {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}
.clinics-map .map-marker__ring {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid #ff8a00; /* оранжевое кольцо */
    box-sizing: border-box;
    background: transparent;
}
.clinics-map .map-marker.is-active {
    transform: scale(1.4615);
}
.clinics-map .map-marker.is-active .map-marker__ring {
    border-color: #1f78ff; /* активный синий как на скрине */
}
.clinics-map {
    /* ===== Popup (балун) ===== */
}
.clinics-map .map-popup {
    box-sizing: border-box;
    width: 389px;
    max-width: 389px;
    padding: 24px;
    border-radius: 32px;
    background: #fff;
    box-shadow: 0 8px 32px 0 rgba(21, 63, 104, 0.1);
    font-family: inherit;
    transform: translate(-48%, -100%);
    background: var(--surface-level-1);
}
@media (max-width: 1024px) {
    .clinics-map .map-popup {
        display: none;
    }
}
.clinics-map .map-popup__top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
}
@media (max-width: 576px) {
    .clinics-map .map-popup__top {
        margin-bottom: 4px;
    }
}
.clinics-map .map-popup__title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0;
}
@media (max-width: 576px) {
    .clinics-map .map-popup__title {
        font-size: 16px;
        line-height: 24px;
    }
}
.clinics-map .map-popup__title .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--dot, #ff8a00);
}
.clinics-map .map-popup__close {
    flex: none;
    cursor: pointer;
    line-height: 1;
    background-color: transparent;
    background-color: initial;
    border: none;
    padding: 0;
    margin: 0;
}
@media (max-width: 576px) {
    .clinics-map .map-popup__close {
        width: 25px;
        height: 25px;
    }
    .clinics-map .map-popup__close svg {
        width: 25px;
        height: 25px;
    }
}
.clinics-map .map-popup__addr {
    color: var(--text-primary);
    font-size: 15px;
    margin: 0 0 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
}
@media (max-width: 576px) {
    .clinics-map .map-popup__addr {
        font-size: 14px;
    }
}
.clinics-map .map-popup__row {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 24px;
}
.clinics-map .map-popup__btn {
    padding: 8px 16px;
    border-radius: 32px;
    border: 1px solid #d8dbe2;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    min-height: 36px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .clinics-map .map-popup__btn {
        max-height: none;
        max-height: initial;
    }
}
.clinics-map .map-popup__link {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-orange);
}
.clinics-map .map-popup__link span {
    display: flex;
    align-items: center;
}
.clinics-map .map-popup__work {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    border-top: 1px solid #edf0f7;
    border-bottom: 1px solid #edf0f7;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    line-height: 24px;
}
.clinics-map .map-popup.map-popup-mobile {
    transform: none;
    transform: initial;
    max-width: 100%;
    width: 100%;
    display: block;
    box-shadow: none;
    box-shadow: initial;
    border-radius: 24px;
    padding: 16px;
}
.clinics-map .map-popup.map-popup-mobile .map-popup__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: initial;
}
.clinics-map .map-popup.map-popup-mobile .map-popup__btn {
    justify-content: center;
    padding: 0 8px;
}
.clinics-map .map-popup.map-popup-mobile .map-popup__link {
    color: white;
    justify-content: center;
    padding: 0 8px;
}
.clinics-map .map-popup.map-popup-mobile .map-popup__link span {
    display: none;
}
.clinics-map.clinics-map-full .title-head {
    grid-template-columns: 1fr;
}
.clinics-map.clinics-map-full .layout {
    grid-template-columns: 1fr;
}
.clinics-map.clinics-map-full .clinic-card.is-active::after {
    display: none;
}
.clinics-map.clinics-map-full .map {
    position: relative;
    min-height: 600px;
}
@media (max-width: 576px) {
    .clinics-map.clinics-map-full .map {
        min-height: 320px;
    }
}
.clinics-map.clinics-map-full .map-el {
    position: absolute;
    inset: 0;
    min-height: 690px;
}
@media (max-width: 1024px) {
    .clinics-map.clinics-map-full .map-el {
        min-height: 320px;
        position: static;
    }
}
.clinics-map.clinics-map-full .list {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    border-radius: 48px;
    padding: 40px;
    background: var(--surface-level-0);
    max-height: none;
    max-height: initial;
    height: auto;
    height: initial;
}
@media (max-width: 576px) {
    .clinics-map.clinics-map-full .list {
        padding: 24px 16px;
        border-radius: 32px;
    }
}
.clinics-map.clinics-map-full .clinic-card {
    border: 0;
    flex-direction: column;
}
@media (any-hover: hover) {
    .clinics-map.clinics-map-full .clinic-card:hover {
        border: medium none currentcolor !important;
        border: initial !important;
        background-color: white !important;
    }
}
.clinics-map.clinics-map-full .clinic-card .content {
    display: flex;
}
@media (max-width: 1024px) {
    .clinics-map.clinics-map-address .layout {
        display: flex;
        flex-direction: column-reverse;
        align-items: initial;
    }
}
.clinics-map.clinics-map-address .clinic-card {
    flex-direction: column;
    gap: 0;
}
.clinics-map.clinics-map-address .clinic-card.is-active {
    padding-right: 24px;
}
@media (max-width: 576px) {
    .clinics-map.clinics-map-address .clinic-card.is-active {
        padding-right: 16px;
    }
}
.clinics-map.clinics-map-address .clinic-card .name svg {
    display: block;
    transform: translateX(-6px);
}
.clinics-map.clinics-map-address .clinic-card .text {
    width: 100%;
    padding-bottom: 16px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--border-devider);
}
.clinics-map.clinics-map-address .clinic-card.is-active::after {
    display: none;
}
.clinics-map.clinics-map-address .clinic-card .content {
    display: flex;
}
.clinics-map.clinics-map-address .clinic-card .content .time {
    display: flex;
}
.clinics-map.clinics-map-address .clinic-card .content .time-info {
    display: none;
}
.clinics-map.clinics-map-address .clinic-card .content .links {
    display: none;
}

.advantages .card {
    background: var(--surface-level-1);
    border-radius: 32px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
@media (max-width: 576px) {
    .advantages .card {
        padding: 24px;
        border-radius: 24px;
    }
}
.advantages .card .value {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(34px, 3vw, 44px);
    line-height: 56px;
    letter-spacing: -0.04em;
    color: var(--icon-primary);
    margin-bottom: 4px;
    display: flex;
    gap: 12px;
}
.advantages .card .value svg {
    margin-top: 6px;
}
@media (max-width: 576px) {
    .advantages .card .value svg {
        max-width: 26px;
        max-height: 26px;
        margin-top: 0;
    }
}
@media (max-width: 576px) {
    .advantages .card .value {
        margin-bottom: 12px;
        line-height: 34px;
    }
}
.advantages .card .text {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 12px;
}
@media (max-width: 576px) {
    .advantages .card .text {
        margin-bottom: 8px;
    }
}
.advantages .card .descr {
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
@media (max-width: 576px) {
    .advantages .card .descr {
        line-height: 20px;
    }
}

.evaluations-slider:not(.evaluations-slider.margin-section) {
    margin-bottom: 32px;
}
.evaluations-slider.evaluations-doctor-slider {
    margin-bottom: 64px;
}
@media (max-width: 1024px) {
    .evaluations-slider.evaluations-doctor-slider {
        margin-bottom: 32px;
    }
}
.evaluations-slider .head-title-inner {
    gap: 12px;
}
@media (max-width: 1024px) {
    .evaluations-slider .head-title-inner {
        align-items: flex-end;
    }
    .evaluations-slider .head-title-inner h2 {
        line-height: 32px;
    }
}
.evaluations-slider .evaluations-reviews {
    margin-left: auto;
    gap: 12px;
}
@media (max-width: 1024px) {
    .evaluations-slider .evaluations-reviews {
        display: none;
    }
}
@media (max-width: 576px) {
    .evaluations-slider .content .swiper {
        overflow: visible;
        overflow: initial;
    }
}
.evaluations-slider .content p {
    font-weight: 400;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    display: block;
    margin: 0 0 32px 0;
    max-width: 960px;
}
@media (max-width: 576px) {
    .evaluations-slider .content p {
        line-height: 24px;
        margin-bottom: 0 0 24px 0;
    }
}
.evaluations-slider .content .swiper-button-prev {
    left: -25px;
}
.evaluations-slider .content .swiper-button-next {
    right: -25px;
}
.evaluations-slider .card {
    background: var(--surface-level-1);
    padding: 32px;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid var(--border-devider);
}
@media (max-width: 576px) {
    .evaluations-slider .card {
        border-radius: 24px;
        padding: 16px;
    }
}
.evaluations-slider .card .value {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(20px, 3vw, 27px);
    line-height: 133%;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 12px;
}
@media (max-width: 576px) {
    .evaluations-slider .card .value {
        margin-bottom: 8px;
    }
}
.evaluations-slider .card .stars {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
}
@media (max-width: 576px) {
    .evaluations-slider .card .stars {
        margin-bottom: 12px;
    }
}
@media (max-width: 576px) {
    .evaluations-slider .card .stars img {
        width: 16px;
        height: 16px;
    }
}
.evaluations-slider .card .organization {
    max-height: 32px;
}
@media (max-width: 576px) {
    .evaluations-slider .card .organization {
        max-height: 24px;
    }
}
.ecosystem h2 {
    margin: 0 0 32px 0;
}
@media (max-width: 576px) {
    .ecosystem h2 {
        margin-bottom: 0 0 16px 0;
    }
}
.ecosystem .card {
    background: var(--surface-level-1);
    padding: 24px;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
@media (max-width: 576px) {
    .ecosystem .card {
        border-radius: 24px;
    }
}
.ecosystem .card .card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}
.ecosystem .card .card-icon {
    width: 52px;
    height: 52px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 576px) {
    .ecosystem .card .card-icon {
        width: 36px;
        height: 36px;
    }
}
.ecosystem .card .card-icon.actual {
    background: var(--surface-orange-light);
}
.ecosystem .card .card-icon.other {
    border: 1px solid var(--color-grayscale-40);
}
@media (max-width: 576px) {
    .ecosystem .card .card-icon.other img {
        width: 16px;
        height: 16px;
    }
}
@media (max-width: 576px) {
    .ecosystem .card .card-icon svg {
        width: 16px;
        height: 16px;
    }
}
.ecosystem .card .card-title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(16px, 5vw, 21px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 8px;
}
@media (max-width: 576px) {
    .ecosystem .card .card-title {
        line-height: 24px;
    }
}
.ecosystem .card .card-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .ecosystem .card .card-text {
        line-height: 20px;
    }
}

.app-phone {
    padding-top: 44px;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .app-phone {
        padding-top: 0;
    }
}
.app-phone .app-phone-wrapper {
    background: linear-gradient(45deg, #ffe3ff 0%, #ffe3bc 100%);
    border-radius: 48px;
    padding: 40px;
    padding-right: 400px;
    position: relative;
}
@media (max-width: 1024px) {
    .app-phone .app-phone-wrapper {
        padding: 40px;
    }
}
@media (max-width: 576px) {
    .app-phone .app-phone-wrapper {
        padding: 32px 16px;
        padding-bottom: 0;
        overflow: hidden;
        border-radius: 32px;
        margin: 0 -16px;
    }
}
.app-phone .info {
    max-width: 720px;
}
@media (max-width: 576px) {
    .app-phone .info {
        text-align: center;
    }
}
.app-phone .info h2 {
    margin: 0 0 24px 0;
    line-height: 56px;
}
@media (max-width: 576px) {
    .app-phone .info h2 {
        margin: 0 0 16px 0;
        line-height: 32px;
    }
}
.app-phone .info p {
    margin: 0 0 8px 0;
    display: block;
    max-width: 570px;
    line-height: 28px;
}
@media (max-width: 576px) {
    .app-phone .info p {
        line-height: 24px;
    }
}
@media (max-width: 576px) {
    .app-phone .info .qr {
        display: none;
    }
}
.app-phone .info .links {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media (max-width: 576px) {
    .app-phone .info .links {
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 24px;
    }
}
.app-phone .info .links .more-link {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-orange);
}
.app-phone .info .links .stores {
    max-width: 390px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    gap: 16px;
}
@media (max-width: 576px) {
    .app-phone .info .links .stores {
        gap: 8px;
        margin-bottom: 24px;
        justify-content: center;
    }
}
.app-phone .info .links .stores img {
    display: block;
    width: 100%;
}
.app-phone .app-phone-img {
    position: absolute;
    right: clamp(20px, 3vw, 107px);
    top: -44px;
}
@media (max-width: 1024px) {
    .app-phone .app-phone-img {
        display: none;
    }
}
@media (max-width: 576px) {
    .app-phone .app-phone-img {
        display: block;
        position: static;
        width: 100%;
    }
}

.promo .popup[data-popup=directions] .dropdown-block-screen .popup-search-form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: var(--color-grayscale-10);
    border-radius: 40px;
    padding: 8px 16px;
    min-width: 268px;
    min-height: 36px;
    margin: 16px 16px 8px 16px;
    width: auto;
    width: initial;
}
@media (max-width: 1024px) {
    .promo .popup[data-popup=directions] .dropdown-block-screen .popup-search-form {
        width: 100%;
        margin: 0 0 8px 0;
    }
}
.promo .popup[data-popup=directions] .dropdown-block-screen .popup-search-form:focus-within {
    background: var(--surface-level-1);
    box-shadow: inset 0 0 0 1.5px var(--border-orange);
}
.promo .popup[data-popup=directions] .dropdown-block-screen .popup-search-form input {
    background-color: transparent;
    width: 100%;
    padding: 0 2px;
    font-family: var(--font-family);
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.01em;
}
.promo .popup[data-popup=directions] .dropdown-block-screen .popup-search-form input::-moz-placeholder {
    color: #929baa;
}
.promo .popup[data-popup=directions] .dropdown-block-screen .popup-search-form input::placeholder {
    color: #929baa;
}
.promo .item {
    display: flex;
}
.promo .stock-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    gap: 16px;
}
.promo .stock-list .centered {
    margin-top: 16px;
    grid-column: span 2;
}
@media (max-width: 1024px) {
    .promo .stock-list .centered {
        margin-top: 0;
    }
    .promo .stock-list .centered .btn-2 {
        padding: 0px 24px;
        min-height: 48px;
    }
}
@media (max-width: 1024px) {
    .promo .stock-list {
        display: flex;
        flex-direction: column;
    }
}
.promo .title {
    font-size: clamp(16px, 2vw, 21px);
    margin-top: 0;
    margin-bottom: 16px;
    max-width: 320px;
}
.promo .date {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.promo .form {
    background: var(--surface-level-0);
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 32px;
    padding: 24px 32px;
    height: 100%;
    gap: 16px;
}
.promo .form .title {
    max-width: 400px;
    line-height: 28px;
}
@media (max-width: 576px) {
    .promo .form .title {
        line-height: 24px;
    }
}
.promo .form .btn-1.mobile {
    display: none;
}
@media (max-width: 1024px) {
    .promo .form {
        height: 100%;
    }
    .promo .form .btn-1 {
        display: none;
    }
    .promo .form .btn-1.mobile {
        display: block;
    }
    .promo .form .title {
        margin-bottom: 0;
    }
}
@media (max-width: 576px) {
    .promo .form {
        padding: 16px 24px;
    }
}
.promo .stock-input {
    width: 100%;
    gap: 16px;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}
.promo .stock-input .stock-input-field {
    width: 100%;
}
.promo .stock-input .stock-input-field input {
    border: 1px solid var(--color-grayscale-40);
    border-radius: 16px;
    padding: 12px 16px;
    width: 100%;
    max-height: 52px;
}
.promo .stock-input .stock-input-field input:focus {
    border: 1.5px solid var(--border-orange);
}
@media (max-width: 1024px) {
    .promo .stock-input .stock-input-field input {
        max-height: 48px;
    }
}
@media (max-width: 576px) {
    .promo .stock-input .stock-input-field input {
        font-weight: 400;
        font-size: 16px;
        border-radius: 12px;
        line-height: 24px;
        letter-spacing: 0.01em;
        padding: 12px 12px 12px 16px;
    }
}
.promo .stock-input .stock-input-field.error input {
    border: 1px solid var(--surface-red-light);
}

.questions .content {
    position: relative;
}
.questions .content:has(.dms-img) {
    display: grid;
    grid-template-columns: 1.14fr 0.9fr;
}
@media (max-width: 1024px) {
    .questions .content:has(.dms-img) {
        grid-template-columns: 1fr;
    }
}
.questions .content .dms-img {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -1px;
}
@media (max-width: 576px) {
    .questions .content .dms-img {
        z-index: -1;
        margin-bottom: -6px;
        position: relative;
    }
}
.questions .content .form-inner {
    flex-direction: row;
}
@media (max-width: 1024px) {
    .questions .content .form-inner {
        flex-direction: column;
    }
}

.license .license-wrapper {
    gap: 20px;
    padding: 40px;
    border-radius: 48px;
    margin-bottom: 16px;
    background: var(--surface-cyan-light);
    position: relative;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .license .license-wrapper {
        padding: 32px 16px;
        border-radius: 32px;
        text-align: center;
    }
}
.license .license-wrapper:has(.license-img) {
    display: grid;
    grid-template-columns: 1fr 0.8fr;
}
@media (max-width: 1024px) {
    .license .license-wrapper:has(.license-img) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}
.license .license-wrapper .info {
    max-width: 700px;
}
@media (max-width: 1024px) {
    .license .license-wrapper .info .head-title {
        margin-bottom: 16px;
    }
}
.license .license-wrapper .info p {
    margin: 0 0 32px 0;
}
@media (max-width: 1024px) {
    .license .license-wrapper .info p {
        text-align: center;
    }
}
@media (max-width: 576px) {
    .license .license-wrapper .info p {
        margin-bottom: 0 0 24px 0;
    }
}
@media (max-width: 1024px) {
    .license .license-wrapper .info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
.license .license-wrapper .link-block {
    display: flex;
    flex-direction: row;
    gap: 12px;
}
@media (max-width: 1024px) {
    .license .license-wrapper .link-block {
        flex-direction: column;
        max-width: 250px;
    }
}
@media (max-width: 576px) {
    .license .license-wrapper .link-block {
        max-width: 240px;
    }
}
.license .license-wrapper .license-img {
    align-self: flex-end;
    margin-bottom: -40px;
}
@media (max-width: 1024px) {
    .license .license-wrapper .license-img {
        align-self: center;
        margin-left: -136px;
    }
}
@media (max-width: 576px) {
    .license .license-wrapper .license-img {
        margin-left: -70px;
        max-width: 75%;
        margin-bottom: -31px;
    }
}

.clinic-hero {
    margin-bottom: 32px;
}
.clinic-hero .content {
    border: 1px solid var(--border-devider);
    border-radius: 48px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
@media (max-width: 1200px) {
    .clinic-hero .content {
        flex-direction: column;
    }
}
@media (max-width: 1024px) {
    .clinic-hero .content {
        padding-top: 24px;
        padding-bottom: 24px;
        border-radius: 32px;
    }
}
.clinic-hero .metro {
    display: flex;
    flex-wrap: wrap;
}
.clinic-hero .metro .name {
    display: flex;
    gap: 12px;
}
@media (max-width: 1024px) {
    .clinic-hero .metro .name {
        gap: 8px;
    }
}
.clinic-hero .info {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media (max-width: 1024px) {
    .clinic-hero .info {
        gap: 24px;
        margin-bottom: 24px;
    }
}
.clinic-hero .location {
    display: flex;
    gap: 16px;
}
@media (max-width: 1024px) {
    .clinic-hero .location {
        gap: 12px;
    }
}
.clinic-hero .location .column {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media (max-width: 1024px) {
    .clinic-hero .location .column {
        gap: 4px;
    }
}
.clinic-hero .icon {
    min-width: 24px;
}
.clinic-hero .time-works {
    display: flex;
    gap: 16px;
}
@media (max-width: 1024px) {
    .clinic-hero .time-works {
        gap: 12px;
    }
}
.clinic-hero .time-works .list {
    display: flex;
    gap: 48px;
}
@media (max-width: 768px) {
    .clinic-hero .time-works .list {
        gap: 16px;
        flex-direction: column;
    }
}
.clinic-hero .time-works .item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media (max-width: 1024px) {
    .clinic-hero .time-works .item {
        gap: 4px;
    }
}
.clinic-hero .time-works .times {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.clinic-hero .time-works .around-the-clock {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 10px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    letter-spacing: 0.02em;
    color: var(--color-grayscale-white);
    border-radius: 16px;
    padding: 0px 6px;
    background: var(--surface-red);
    padding: 0 6px;
    margin-left: 12px;
}
.clinic-hero .number {
    display: flex;
    gap: 16px;
}
@media (max-width: 1024px) {
    .clinic-hero .number {
        gap: 12px;
    }
}
.clinic-hero .number .column {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media (max-width: 1024px) {
    .clinic-hero .number .column {
        gap: 4px;
    }
}
.clinic-hero .number .num {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .clinic-hero .number .num {
        font-size: 16px;
        line-height: 24px;
    }
}
.clinic-hero .number .text {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
@media (max-width: 1024px) {
    .clinic-hero .number .text {
        font-size: 14px;
        line-height: 20px;
    }
}
.clinic-hero .buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
@media (max-width: 1200px) {
    .clinic-hero .buttons {
        width: 50%;
        margin: 0 auto;
    }
}
@media (max-width: 1024px) {
    .clinic-hero .buttons {
        width: 100%;
    }
}
.clinic-hero .buttons .btn-1 {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
}
.clinic-hero .buttons .btn-1 span {
    display: flex;
    align-items: center;
}
.clinic-hero .buttons .btn-2 {
    justify-content: center;
}
@media (max-width: 1024px) {
    .clinic-hero .buttons .btn-2 {
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.01em;
        color: var(--text-primary);
        height: 48px;
        display: flex;
        align-items: center;
    }
}
.clinic-hero .circles {
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (max-width: 1024px) {
    .clinic-hero .circles {
        gap: 4px;
    }
}
.clinic-hero .circles .main-circle {
    margin: 0;
}
.clinic-hero .metro {
    display: flex;
    align-items: center;
    gap: 24px;
}
@media (max-width: 1024px) {
    .clinic-hero .metro {
        gap: 4px 16px;
    }
}
.clinic-hero .name {
    display: flex;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    align-items: center;
}
@media (max-width: 1024px) {
    .clinic-hero .name {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: inherit;
    }
}
.clinic-hero .desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .clinic-hero .desc {
        font-size: 14px;
        line-height: 20px;
        color: var(--text-secondary);
    }
}

.advantages-list .card {
    border-radius: 32px;
    padding: 24px;
    width: 100%;
    background: var(--surface-level-1);
}
@media (max-width: 1024px) {
    .advantages-list .card {
        width: 100%;
    }
}
.advantages-list .head {
    display: flex;
    margin-bottom: 8px;
}
.advantages-list .value {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-orange);
}
@media (max-width: 576px) {
    .advantages-list .value {
        font-size: 18px;
        line-height: 24px;
    }
}
.advantages-list .text {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .advantages-list .text {
        font-size: 18px;
        line-height: 24px;
    }
}
.advantages-list .descr {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
@media (max-width: 576px) {
    .advantages-list .descr {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.01em;
    }
}

.clinic-info .content-swiper-wrapper .swiper .card {
    border-radius: 32px;
    overflow: hidden;
    width: 100%;
}
.clinic-info .content-swiper-wrapper .swiper .card img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 576px) {
    .clinic-info .content-swiper-wrapper .swiper .card {
        min-height: 254px;
        height: auto;
        height: initial;
    }
}
@media (max-width: 576px) {
    .clinic-info .content-swiper-wrapper .swiper {
        margin-right: -16px;
        margin-left: -16px;
        padding-left: 16px;
    }
}
.clinic-info .information h2 {
    margin-top: 64px;
    margin-bottom: 24px;
}
@media (max-width: 1024px) {
    .clinic-info .information h2 {
        margin-top: 32px;
        margin-bottom: 16px;
    }
}
.clinic-info .information p {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0;
}
.clinic-info .information * + p {
    margin-top: 20px;
}
@media (max-width: 576px) {
    .clinic-info .information p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.01em;
    }
}
.clinic-info .information .row {
    position: relative;
}
@media (max-width: 768px) {
    .clinic-info .information .row {
        display: flex;
        flex-direction: column-reverse;
        gap: 24px;
    }
}
.clinic-info .information .document {
    margin-left: 124px;
    position: relative;
    border: 1px solid var(--border-devider);
    border-radius: 32px;
    padding: 32px;
    background: var(--surface-level-1);
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 308px;
    float: right;
}
@media (max-width: 1024px) {
    .clinic-info .information .document {
        margin-left: 64px;
    }
}
@media (max-width: 768px) {
    .clinic-info .information .document {
        margin: 0;
        width: 100%;
        gap: 16px;
        border-radius: 24px;
        padding: 24px;
        flex-direction: row;
        align-items: center;
    }
}
.clinic-info .information .document .circle-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 32px;
    top: 32px;
    width: 52px;
    height: 52px;
    border: 1px solid var(--color-grayscale-40);
    border-radius: 32px;
    padding: 12px 24px;
}
.clinic-info .information .document .circle-arrow svg {
    min-width: 24px;
}
@media (max-width: 768px) {
    .clinic-info .information .document .circle-arrow {
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
        width: 36px;
        height: 36px;
        padding: 0;
    }
    .clinic-info .information .document .circle-arrow svg {
        max-width: 16px;
        min-width: 0;
        min-width: initial;
    }
}
@media (max-width: 768px) {
    .clinic-info .information .document .img-pdf {
        max-width: 40px;
    }
}
.clinic-info .information .document .column {
    display: flex;
    flex-direction: column;
}
.clinic-info .information .document .column .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 768px) {
    .clinic-info .information .document .column .name {
        font-size: 16px;
        line-height: 24px;
    }
}
.clinic-info .information .document .column .desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 768px) {
    .clinic-info .information .document .column .desc {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.01em;
    }
}
@media (max-width: 1024px) {
    .clinic-info.service-info {
        margin-bottom: 32px;
    }
}
.clinic-info.service-info .document {
    border: 1px solid var(--border-devider);
    border-radius: 32px;
    padding: 24px;
    padding-right: 132px;
    position: relative;
    gap: 0;
}
@media (max-width: 768px) {
    .clinic-info.service-info .document {
        flex-direction: column;
        align-items: flex-start;
        border: 1px solid var(--border-devider);
        border-radius: 24px;
        padding: 16px;
    }
}
.clinic-info.service-info .document .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 32px;
    max-width: 260px;
}
@media (max-width: 576px) {
    .clinic-info.service-info .document .name {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
        max-width: 200px;
    }
}
.clinic-info.service-info .document .img {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
}
@media (max-width: 576px) {
    .clinic-info.service-info .document .img {
        max-width: 140px;
    }
}
.clinic-info.service-info .document .btn-1 {
    font-family: var(--font-family);
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-invert);
    min-height: 36px;
    width: -moz-fit-content;
    width: fit-content;
}
.clinic-info.department-info .information {
    margin-bottom: 64px;
}
@media (max-width: 576px) {
    .clinic-info.department-info .information {
        margin-bottom: 32px;
    }
}
@media (max-width: 1024px) {
    .clinic-info.department-info .information .hidden-content,
    .clinic-info.department-info .information .hidden-content-desc {
        max-height: 404px;
    }
}
@media (max-width: 1024px) {
    .clinic-info.department-info .information .hidden-content + button,
    .clinic-info.department-info .information .hidden-content-desc + button {
        width: 100%;
    }
}
.clinic-info.department-info .information .hidden-content::after,
.clinic-info.department-info .information .hidden-content-desc::after {
    bottom: -72px;
    height: 150px;
}
.clinic-info.department-info .information .row {
    flex-direction: column;
}
@media (max-width: 1024px) {
    .clinic-info.department-info .information .row {
        display: flex;
        gap: 24px;
    }
}
.clinic-info.department-info .content-swiper-wrapper .swiper .card {
    position: relative;
}
@media (max-width: 576px) {
    .clinic-info.department-info .content-swiper-wrapper .swiper .card {
        min-height: 0;
        min-height: initial;
        height: 254px;
    }
}
.clinic-info.department-info .content-swiper-wrapper .swiper .card .media {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: rgba(35, 39, 47, 0.4);
}
.clinic-info.department-info .content-swiper-wrapper .swiper .card .media .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gallery-swiper-section .content-swiper-wrapper .swiper .card {
    border-radius: 32px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
@media (max-width: 576px) {
    .gallery-swiper-section .content-swiper-wrapper .swiper .card {
        min-height: 0;
        min-height: initial;
        height: 254px;
        border-radius: 24px;
    }
}
.gallery-swiper-section .content-swiper-wrapper .swiper .card img {
    width: 100%;
}
.gallery-swiper-section .content-swiper-wrapper .swiper .card .media:not(.inner-full) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: rgba(35, 39, 47, 0.4);
    z-index: 5;
}
.gallery-swiper-section .content-swiper-wrapper .swiper .card .media:not(.inner-full) .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.admins .content-swiper-wrapper .card {
    border: 1px solid var(--border-devider);
    border-radius: 32px;
    padding: 24px;
    background: var(--surface-level-1);
    display: flex;
    flex-direction: column;
    width: 100%;
}
@media (max-width: 576px) {
    .admins .content-swiper-wrapper .card {
        padding: 16px;
        border-radius: 24px;
    }
}
.admins .content-swiper-wrapper .card .card-img {
    border-radius: 24px;
    background: var(--surface-level-0);
    overflow: hidden;
    margin-bottom: 16px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 211px;
}
.admins .content-swiper-wrapper .card .card-img:has(:not(img.unknown)) {
    background-color: transparent;
}
@media (max-width: 576px) {
    .admins .content-swiper-wrapper .card .card-img {
        max-height: 180px;
    }
}
.admins .content-swiper-wrapper .card .card-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.admins .content-swiper-wrapper .card .card-img img.unknown {
    max-width: 96px;
    max-height: 96px;
}
.admins .content-swiper-wrapper .card .name {
    display: inline-block;
    width: 100%;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #0e131b;
    margin-bottom: 16px;
}
@media (max-width: 576px) {
    .admins .content-swiper-wrapper .card .name {
        font-size: 16px;
        margin-bottom: 8px;
    }
}
.admins .content-swiper-wrapper .card .tag {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 138%;
    letter-spacing: 0.02em;
    color: var(--text-primary);
    width: 100%;
    border-radius: 12px;
    padding: 8px 12px;
    background: var(--surface-level-0);
}
@media (max-width: 576px) {
    .admins .content-swiper-wrapper .card .tag {
        font-size: 12px;
        border-radius: 8px;
        padding: 4px 8px;
    }
}

@media (max-width: 576px) {
    .promo-card {
        margin-bottom: 24px;
    }
}
.promo-card .card {
    background: linear-gradient(45deg, #ffecdf 0%, #fbeefb 100%);
    border-radius: 48px;
    padding-left: 48px;
    padding-right: 48px;
}
@media (max-width: 576px) {
    .promo-card .card {
        padding: 0 16px;
        border-radius: 24px;
    }
    .promo-card .card.out {
        padding-right: 0;
    }
}
.promo-card .card .item {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    padding-top: 48px;
    padding-bottom: 48px;
    overflow: visible;
    overflow: initial;
}
@media (max-width: 576px) {
    .promo-card .card .item {
        padding: 16px 0;
    }
}
.promo-card .card .item.item-small {
    padding-left: 0;
}
.promo-card .card .item .discount {
    font-weight: 400;
    font-size: 44px;
    line-height: 44px;
    letter-spacing: 0.01em;
    color: var(--icon-orange);
}
@media (max-width: 1024px) {
    .promo-card .card .item .discount {
        font-size: 32px;
        margin-bottom: 4px;
        line-height: 40px;
    }
}
@media (max-width: 576px) {
    .promo-card .card .item .discount {
        font-size: 22px;
        line-height: 28px;
    }
}
.promo-card .card .item .discount span {
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    letter-spacing: 0.01em;
    text-decoration: line-through;
    color: var(--text-secondary);
}
@media (max-width: 1024px) {
    .promo-card .card .item .discount span {
        font-size: 18px;
        margin-bottom: 4px;
        line-height: 33px;
    }
}
@media (max-width: 576px) {
    .promo-card .card .item .discount span {
        font-size: 14px;
        line-height: 20px;
    }
}
.promo-card .card .item .info {
    max-width: 700px;
}
.promo-card .card .item .info .title {
    font-size: 44px;
    max-width: 700px;
    line-height: 56px;
    margin-bottom: 24px;
}
@media (max-width: 1360px) {
    .promo-card .card .item .info .title {
        font-size: 30px;
        line-height: 46px;
    }
}
@media (max-width: 1024px) {
    .promo-card .card .item .info .title {
        font-size: 22px;
        margin-bottom: 4px;
        line-height: 32px;
    }
}
@media (max-width: 768px) {
    .promo-card .card .item .info .title {
        font-size: 19px;
        line-height: 29px;
    }
}
@media (max-width: 576px) {
    .promo-card .card .item .info .title {
        font-size: 16px;
        line-height: 24px;
    }
}
.promo-card .card .item .info .link {
    margin-bottom: 58px;
}
.promo-card .card .item .info .link svg {
    width: 24px;
    height: 24px;
}
@media (max-width: 1024px) {
    .promo-card .card .item .info .link svg {
        width: 16px;
        height: 16px;
    }
    .promo-card .card .item .info .link {
        margin-bottom: 0px;
    }
}
.promo-card .card .item .info .link .date {
    font-size: 15px;
}
@media (max-width: 576px) {
    .promo-card .card .item .info .link .date {
        border-radius: 8px;
        padding: 4px 8px;
        line-height: 18px;
        font-size: 12px;
    }
}
.promo-card .card .item .promo-img {
    height: 90%;
    right: -5px;
}
@media (max-width: 1024px) {
    .promo-card .card .item .promo-img {
        height: 90%;
    }
}
@media (max-width: 768px) {
    .promo-card .card .item .promo-img {
        height: 80%;
    }
}
@media (max-width: 576px) {
    .promo-card .card .item .promo-img {
        height: 75%;
    }
}
.promo-card .content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.branch ul {
    list-style: none;
}
.branch .title {
    font-size: 21px;
}
@media (max-width: 1024px) {
    .branch .title {
        font-size: 16px;
    }
}
.branch .branch-list {
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 0;
    margin: 0 0 24px 0;
    flex-wrap: wrap;
}
.branch p {
    margin: 0;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .branch p {
        font-size: 16px;
        line-height: 24px;
    }
}
.branch .list-item a {
    border: 1px solid var(--color-grayscale-40);
    border-radius: 32px;
    padding: 8px 16px;
    max-width: 200px;
    max-height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}
.branch .circle-group {
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.branch .circle-group .main-circle {
    margin-right: 0;
}
.branch .metro-name {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px, 1vw, 15px);
    line-height: 160%;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .branch .metro-name {
        line-height: 143%;
    }
}

.promo-instruction .task {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.promo-instruction .task-head {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(16px, 2vw, 21px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .promo-instruction .task-head {
        line-height: 24px;
    }
}
.promo-instruction .task-info {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px, 2vw, 17px);
    letter-spacing: 0.01em;
    color: var(--text-primary);
    line-height: 28px;
}
@media (max-width: 576px) {
    .promo-instruction .task-info {
        line-height: 20px;
    }
}
.promo-instruction .counter-number {
    display: flex;
    align-items: center;
    justify-content: center;
}
.promo-instruction .list-item {
    display: flex;
    flex-direction: row;
    gap: 32px;
}
@media (max-width: 1024px) {
    .promo-instruction .list-item {
        gap: 16px;
    }
}
.promo-instruction .list-item {
    max-width: 1100px;
}
.promo-instruction .list-item:last-child .counter-wrapper::after {
    width: 0;
}
.promo-instruction .list-item .counter-wrapper {
    position: relative;
}
.promo-instruction .list-item .counter-wrapper::after {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    top: 15px;
    bottom: -32px;
    left: 50%;
    background: var(--surface-orange-light);
}
.promo-instruction .instruction-list {
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: relative;
    list-style: none;
    padding: 40px;
    border: 1px solid var(--border-devider);
    border-radius: 48px;
}
@media (max-width: 1024px) {
    .promo-instruction .instruction-list {
        padding: 24px;
        border-radius: 24px;
    }
}
.promo-instruction .counter {
    width: 72px;
    height: 72px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-orange-light);
    flex: none;
}
@media (max-width: 1024px) {
    .promo-instruction .counter {
        width: 48px;
        height: 48px;
    }
}
.promo-instruction .counter-inner {
    background: #FA8C16;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    font-size: 12px;
    display: flex;
    padding-top: 2px;
    font-family: var(--second-family), serif;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 400;
    line-height: 1;
    z-index: 2;
}
@media (max-width: 1024px) {
    .promo-instruction .counter-inner {
        width: 22px;
        height: 22px;
    }
}

.promo-swiper .card {
    min-height: 224px;
}
@media (max-width: 576px) {
    .promo-swiper .card {
        min-height: 182px;
    }
}
.promo-swiper .card .item .info .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.promo-swiper .content-swiper-wrapper {
    padding-bottom: 0px;
}

.services .content .list-services {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 8fr;
    grid-gap: 16px;
    gap: 16px;
}
@media (max-width: 1024px) {
    .services .content .list-services {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}
.services .content .list-services .links-services {
    display: contents;
}
@media (max-width: 1024px) {
    .services .content .list-services .links-services {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}
.services .content .list-services .link-special span {
    max-width: 168px;
    display: block;
}
@media (max-width: 1024px) {
    .services .content .list-services .link-special span {
        max-width: none;
        max-width: initial;
    }
}
.services .content .list-services .link-special {
    justify-content: space-between;
    border-radius: 16px;
    padding: 12px 24px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    display: flex;
    text-align: left;
    gap: 24px;
    align-items: center;
    background: linear-gradient(45deg, #ffecdf 0%, #fbeefb 100%);
}
.services .content .list-services .link-special svg {
    flex: none;
}
@media (max-width: 576px) {
    .services .content .list-services .link-special svg {
        max-width: 16px;
    }
}
@media (max-width: 576px) {
    .services .content .list-services .link-special {
        font-size: 14px;
        line-height: 20px;
        border-radius: 16px;
        padding: 12px 16px;
    }
}
.services .content .list-services .hidden-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    display: contents;
}
@media (max-width: 1024px) {
    .services .content .list-services .hidden-content {
        display: flex;
    }
}
.services .content .list-services .link-services {
    border: 1px solid var(--border-devider);
    border-radius: 16px;
    padding: 12px 24px;
    background: var(--surface-level-1);
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .services .content .list-services .link-services {
        font-size: 14px;
        line-height: 20px;
        border-radius: 16px;
        padding: 12px 16px;
    }
}
.services .content .list-services .gc-4 {
    grid-column: 4;
}
.services .content .list-services .gr-1 {
    grid-row: 1;
}
.services .content .list-services .gr-2 {
    grid-row: 2;
}
.services .content .list-services .grs-3 {
    grid-row: 3/span 2;
}
.services .content .list-services .gr-5 {
    grid-row: 5;
}
.services .content .list-services .grs-6 {
    grid-row: 6/span 2;
}
.services .content .list-services .gr-8 {
    grid-row: 8;
}

.department-contacts h2 {
    margin: 0;
    margin-bottom: 32px;
}
@media (max-width: 768px) {
    .department-contacts h2 {
        margin-bottom: 16px;
    }
}
.department-contacts ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    gap: 16px;
    margin: 0;
    padding: 0;
}
@media (max-width: 768px) {
    .department-contacts ul {
        grid-template-columns: 1fr;
        border: 1px solid var(--border-devider);
        border-radius: 24px;
        gap: 0;
    }
}
.department-contacts ul li {
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid var(--border-devider);
    border-radius: 32px;
}
@media (max-width: 768px) {
    .department-contacts ul li {
        border: 0;
    }
    .department-contacts ul li:not(:last-child) {
        border-bottom: 1px solid var(--border-devider);
    }
    .department-contacts ul li {
        border-radius: 0;
        padding: 0;
    }
}
.department-contacts ul li .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(16px, 3vw, 21px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 16px;
    display: block;
}
@media (max-width: 1360px) {
    .department-contacts ul li .name {
        margin: 0;
        line-height: 24px;
    }
}
.department-contacts ul li .links {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    row-gap: 5px;
    margin-bottom: 16px;
}
.department-contacts ul li .links a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1360px) {
    .department-contacts ul li .links {
        flex-direction: column;
        gap: 16px;
        line-height: 24px;
    }
}
.department-contacts ul li .accordion-mobile-button {
    pointer-events: none;
    cursor: pointer;
}
@media (max-width: 1360px) {
    .department-contacts ul li .accordion-mobile-button {
        pointer-events: all;
    }
}
.department-contacts ul li .info {
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
@media (max-width: 768px) {
    .department-contacts ul li .info {
        line-height: 20px;
    }
}
.department-contacts ul li .info a {
    font-weight: 500;
    color: var(--text-orange);
}

.appointment-block {
    padding: 24px 40px;
    border-radius: 32px;
    background: var(--surface-orange-light);
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 64px;
}
.appointment-block svg {
    flex: none;
}
@media (max-width: 576px) {
    .appointment-block {
        padding: 16px;
        border-radius: 16px;
        gap: 12px;
        margin-bottom: 24px;
    }
}
.appointment-block .info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
@media (max-width: 1024px) {
    .appointment-block .info {
        gap: 5px;
    }
}
.appointment-block .info a {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(18px, 3vw, 21px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .appointment-block .info a {
        line-height: 24px;
    }
}
.appointment-block .info span {
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .appointment-block .info span {
        line-height: 20px;
    }
}

.contacts-page h1 {
    margin: 0 0 32px 0;
}
@media (max-width: 576px) {
    .contacts-page h1 {
        margin-bottom: 0 0 24px 0;
    }
}
.contacts-page .list .clinic-card {
    padding: 24px;
    gap: 16px;
}
@media (max-width: 576px) {
    .contacts-page .list .clinic-card {
        padding: 16px;
        gap: 0;
    }
}
.contacts-page .list .clinic-card .name {
    font-size: clamp(16px, 3vw, 21px);
}
.contacts-page .list .clinic-card .addr {
    font-size: clamp(14px, 3vw, 15px);
}

.accordion {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
}
.accordion .content-wrapper {
    border: 1px solid var(--border-devider);
    overflow: hidden;
    border-radius: 32px;
    max-width: 1400px;
    height: 100%;
}
@media (max-width: 576px) {
    .accordion .content-wrapper {
        border-radius: 24px;
    }
}
.accordion .content-wrapper.out {
    padding-left: 0;
    padding-right: 0;
}
.accordion .acc-item:last-child {
    border-bottom: none;
}
.accordion .acc-btn {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(16px, 2vw, 21px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 24px 40px;
    text-align: left;
    position: relative;
    background-color: #ffffff;
    border: none;
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease;
}
.accordion .acc-btn span {
    width: 100%;
    max-width: calc(100% - 24px - 224px);
}
.accordion .acc-btn::before {
    content: "";
    position: absolute;
    width: calc(100% - 80px);
    height: 1px;
    bottom: 0;
    background-color: var(--border-devider);
}
@media (max-width: 1024px) {
    .accordion .acc-btn::before {
        width: calc(100% - 32px);
    }
}
@media (max-width: 1024px) {
    .accordion .acc-btn {
        padding: 16px;
        line-height: 24px;
    }
    .accordion .acc-btn span {
        max-width: calc(100% - 24px - 16px);
    }
}
.accordion .acc-item:last-child .acc-btn::before {
    display: none;
}
.accordion .acc-item.is-open .acc-btn {
    background-color: #f5f6fb;
}
.accordion .acc-item.is-open .acc-btn::before {
    background-color: transparent;
}
.accordion .acc-btn:hover {
    background-color: #f5f6fb;
}
.accordion .acc-btn:hover::before {
    background-color: transparent;
}
.accordion .acc-btn:focus-visible {
    outline: 0;
}
.accordion .acc-btn::after {
    content: url(/local/images/icons/acc-arrow.svg);
    position: absolute;
    width: 16px;
    top: 50%;
    right: 40px;
    transform: rotate(0deg) translateY(-50%);
    transition: transform 0.25s ease;
}
@media (max-width: 1024px) {
    .accordion .acc-btn::after {
        right: 16px;
    }
}
.accordion .acc-item.is-open > .acc-btn::after {
    transform: translateY(-50%) rotate(180deg);
}
.accordion .acc-panel {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
}
.accordion .acc-body {
    padding: 32px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px, 2vw, 17px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    max-width: 1050px;
}
@media (max-width: 1024px) {
    .accordion .acc-body {
        padding: 16px;
        line-height: 20px;
    }
}
.accordion .body-list {
    padding-left: 25px;
    margin: 16px 0;
}
.accordion .list-item::marker {
    color: var(--icon-tertiary);
}
@keyframes accFade {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.accordion.accordion-education .accordion-education-body {
    max-width: none;
    max-width: initial;
}
.accordion.accordion-education .accordion-education-body .list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.accordion.accordion-education .accordion-education-body .list .item {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
@media (max-width: 576px) {
    .accordion.accordion-education .accordion-education-body .list .item {
        gap: 16px;
    }
}
.accordion.accordion-education .accordion-education-body .list .item:not(:last-child) .info {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-devider);
}
.accordion.accordion-education .accordion-education-body .list .item .year {
    font-weight: 400;
    font-size: clamp(12px, 3vw, 15px);
    line-height: clamp(18px, 3vw, 24px);
    letter-spacing: 0.01em;
    color: var(--text-primary);
    padding: 8px 12px;
    border-radius: 12px;
    background: var(--surface-level-0);
}
@media (max-width: 576px) {
    .accordion.accordion-education .accordion-education-body .list .item .year {
        padding: 4px 8px;
        border-radius: 8px;
    }
}
.accordion.accordion-education .accordion-education-body .list .item .info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}
@media (max-width: 576px) {
    .accordion.accordion-education .accordion-education-body .list .item .info {
        gap: 8px;
    }
}
.accordion.accordion-education .accordion-education-body .list .item .info .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.accordion.accordion-education .accordion-education-body .list .item .info .place {
    font-weight: 400;
    font-size: clamp(16px, 3vw, 17px);
    line-height: clamp(28px, 3vw, 24px);
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.accordion.accordion-education .accordion-education-body .list .item .info .text {
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: clamp(20px, 3vw, 24px);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}

.dms-advantages img, .dms-advantages svg {
    max-width: 32px;
    height: 32px;
    margin-bottom: 16px;
}
.dms-advantages .card {
    display: flex;
    flex-direction: column;
    padding: 24px;
}
.dms-advantages .card-info {
    display: flex;
    flex-direction: column;
}
.dms-advantages .text {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(16px, 2vw, 21px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 12px;
}
@media (max-width: 576px) {
    .dms-advantages .text {
        line-height: 24px;
    }
}
.dms-advantages .descr {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px, 1vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
@media (max-width: 1024px) {
    .dms-advantages .descr {
        line-height: 20px;
    }
}
.dms-advantages a {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(16px, 1vw, 17px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-orange);
    margin-top: 8px;
}
@media (max-width: 1024px) {
    .dms-advantages a {
        line-height: 150%;
    }
}

.dms-care .content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
    gap: 16px;
}
@media (max-width: 1024px) {
    .dms-care .content {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
.dms-care .card {
    padding: 24px;
    border-radius: 32px;
    background: var(--surface-purple-light);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
@media (max-width: 576px) {
    .dms-care .card {
        gap: 8px;
    }
}
.dms-care .head {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(18px, 2vw, 21px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .dms-care .head {
        line-height: 24px;
    }
}
.dms-care .descr {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px, 1vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .dms-care .descr {
        line-height: 20px;
    }
}

.doctor-card {
    margin-bottom: 64px;
}
@media (max-width: 576px) {
    .doctor-card {
        margin-bottom: 24px;
    }
}
.doctor-card .card {
    margin-bottom: 32px;
    padding: 0;
}
@media (max-width: 768px) {
    .doctor-card .card {
        margin-bottom: 24px;
    }
}
.doctor-card .card .card-inner {
    border: 1px solid #e8ecf2;
    border-radius: 48px;
    background: var(--surface-level-1);
    display: grid;
    grid-template-columns: minmax(200px, 376px) 1fr;
    align-items: flex-start;
    grid-gap: 16px;
    gap: 16px;
    /*  overflow: hidden; */
}
@media (max-width: 1024px) {
    .doctor-card .card .card-inner {
        grid-template-columns: 1fr;
        align-items: center;
    }
}
@media (max-width: 768px) {
    .doctor-card .card .card-inner {
        margin-bottom: 16px;
        gap: 0;
    }
}
.doctor-card .card .card-inner .cities {
    margin-top: auto;
}
.doctor-card .card .card-inner .media {
    position: relative;
    height: 100%;
}
@media (max-width: 1200px) {
    .doctor-card .card .card-inner .media {
        min-height: 440px;
    }
}
@media (max-width: 1024px) {
    .doctor-card .card .card-inner .media {
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 576px) {
    .doctor-card .card .card-inner .media {
        min-height: 0;
        min-height: initial;
        aspect-ratio: 1/1;
    }
}
.doctor-card .card .card-inner .media .unknown {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    background: var(--surface-level-0);
    overflow: hidden;
}
.doctor-card .card .card-inner .media .unknown img {
    max-width: 96px;
}
.doctor-card .card .card-inner .media:has(.avatar[src]:not([src=""])) .unknown {
    display: none;
}
.doctor-card .card .card-inner .media .avatar-container:not(:has(img)), .doctor-card .card .card-inner .media .avatar-container:has(.avatar:not([src])), .doctor-card .card .card-inner .media .avatar-container:has(.avatar[src=""]) {
    display: none;
}
.doctor-card .card .card-inner .media .avatar {
    display: flex;
    align-items: center;
}
.doctor-card .card .card-inner .media .avatar:not([src]), .doctor-card .card .card-inner .media .avatar[src=""] {
    display: none;
}
.doctor-card .card .card-inner .media .media-play {
    position: absolute;
    top: 24px;
    right: 24px;
}
.doctor-card .card .card-inner .media img {
    height: 100%;
    border-radius: 40px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 768px) {
    .doctor-card .card .card-inner .media img {
        border-radius: 32px;
    }
}
@media (max-width: 576px) {
    .doctor-card .card .card-inner .media img {
        width: 100%;
    }
}
.doctor-card .card .content {
    padding: 40px 32px 32px 32px;
}
@media (max-width: 768px) {
    .doctor-card .card .content {
        padding: 24px;
    }
}
.doctor-card .card .content .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}
.doctor-card .card .content .head .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(24px, 3vw, 34px);
    line-height: clamp(32px, 3vw, 44px);
    letter-spacing: 0.01em;
    color: #121519;
    margin: 0;
}
.doctor-card .card .content .info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}
@media (max-width: 768px) {
    .doctor-card .card .content .info {
        margin: 0;
    }
}
.doctor-card .card .content .info .block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    row-gap: 8px;
}
.doctor-card .card .content .info .block .icon {
    flex: none;
}
.doctor-card .card .content .info .job {
    flex-wrap: nowrap;
    align-items: flex-start;
}
.doctor-card .card .content .info .job .icon {
    transform: translateY(5px);
}
.doctor-card .card .content .info .job .job-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-wrap: wrap;
}
.doctor-card .card .content .info .job .list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
@media (max-width: 768px) {
    .doctor-card .card .content .info .job .list {
        gap: 12px;
    }
}
.doctor-card .card .content .info .job .list .item {
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: clamp(20px, 3vw, 24px);
    letter-spacing: 0.01em;
    color: #121519;
    padding: 8px 12px;
    border-radius: 12px;
    background: #f4f7fb;
}
.doctor-card .card .content .info .job .experience {
    width: 100%;
    display: flex;
    gap: 16px;
}
@media (max-width: 768px) {
    .doctor-card .card .content .info .job .experience {
        gap: 12px;
    }
}
.doctor-card .card .content .info .job .experience .item {
    font-weight: 400;
    font-size: clamp(12px, 3vw, 13px);
    line-height: 18px;
    color: #121519;
    padding: 8px 12px;
    background: #fff7e6;
    border-radius: 12px;
}
@media (max-width: 576px) {
    .doctor-card .card .content .info .job .experience .item {
        padding: 4px 8px;
        border-radius: 8px;
    }
}
.doctor-card .card .content .info .job .experience .card-reviews {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: clamp(14px, 3vw, 15px);
    line-height: 160%;
    letter-spacing: 0.01em;
    color: #fa8c16;
}
@media (max-width: 576px) {
    .doctor-card .card .content .info .job .experience .card-reviews svg {
        width: 16px;
        height: 16px;
    }
}
.doctor-card .card .content .info .location {
    flex-wrap: nowrap;
    align-items: flex-start;
}
.doctor-card .card .content .info .location .list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    row-gap: 4px;
}
.doctor-card .card .content .info .location .list .item {
    display: flex;
    align-items: center;
    gap: 8px;
}
.doctor-card .card .content .info .location .list .item .main-circle {
    margin: 0;
}
.doctor-card .card .content .info .location .list .item span {
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: clamp(20px, 3vw, 24px);
    letter-spacing: 0.01em;
    color: #121519;
}
.doctor-card .card .content .info .learn {
    flex-wrap: nowrap;
    align-items: flex-start;
}
.doctor-card .card .content .info .learn .learn-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.doctor-card .card .content .info .learn .learn-info .learn-name {
    font-weight: 500;
    font-size: clamp(14px, 3vw, 15px);
    line-height: clamp(20px, 3vw, 24px);
    letter-spacing: 0.01em;
    color: #121519;
}
.doctor-card .card .content .info .learn .learn-info .learn-desc {
    font-weight: 400;
    font-size: clamp(12px, 3vw, 13px);
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #585f6a;
}
.doctor-card .card .content .info .medical {
    flex-wrap: nowrap;
}
.doctor-card .card .content .info .medical .medical-text {
    font-weight: 500;
    font-size: clamp(14px, 3vw, 15px);
    line-height: 160%;
    letter-spacing: 0.01em;
    color: #121519;
}
.doctor-card .card .cta {
    display: flex;
    align-items: center;
    gap: 24px;
}
@media (max-width: 768px) {
    .doctor-card .card .cta {
        padding: 24px;
        border: 1px solid var(--border-devider);
        border-radius: 32px;
        flex-direction: column-reverse;
        gap: 16px;
    }
}
@media (max-width: 768px) {
    .doctor-card .card .cta .registration {
        width: 100%;
    }
}
.doctor-card .card .cta .appointments {
    display: flex;
}
@media (max-width: 1200px) {
    .doctor-card .card .cta .appointments {
        gap: 24px;
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    .doctor-card .card .cta .appointments {
        flex-direction: column;
        gap: 4px;
        width: 100%;
    }
}
.doctor-card .card .cta .appointment {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 24px;
}
@media (max-width: 768px) {
    .doctor-card .card .cta .appointment {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}
.doctor-card .card .cta .appointment:first-child {
    padding-left: 0;
}
.doctor-card .card .cta .appointment:last-child {
    padding-right: 0;
}
.doctor-card .card .cta .appointment:not(:last-child) {
    border-right: 1px solid #e8ecf2;
}
@media (max-width: 1200px) {
    .doctor-card .card .cta .appointment {
        padding: 0;
    }
    .doctor-card .card .cta .appointment:nth-child(n) {
        border: medium none currentcolor;
        border: initial;
    }
}
.doctor-card .card .cta .appointment .text {
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: clamp(20px, 3vw, 24px);
    letter-spacing: 0.01em;
    color: #585f6a;
}
.doctor-card .card .cta .appointment .desc {
    display: flex;
    gap: 12px;
}
.doctor-card .card .cta .appointment .cta-text {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #121519;
    flex-wrap: nowrap;
}
.doctor-card .card .cta .appointment .price-more {
    display: flex;
    gap: 8px;
    font-weight: 500;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: #121519;
}
@media (max-width: 768px) {
    .doctor-card .card .cta .appointment .price-more {
        display: none;
    }
}
@media (max-width: 768px) {
    .doctor-card .card .social {
        margin-left: 40px;
    }
}
.doctor-card .card .social ul {
    list-style: none;
    display: flex;
    gap: 8px;
    margin: 0;
    padding: 0;
}
.doctor-card .card .social ul li {
    flex: none;
}
.doctor-card .card .social ul li a svg {
    border-radius: 100%;
}
@media (any-hover: hover) {
    .doctor-card .card .social ul li a:hover svg path:first-child {
        fill: #bc70bc;
    }
}
.doctor-card .menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 8px;
    overflow: auto;
}
@media (max-width: 576px) {
    .doctor-card .menu ul {
        margin: 0 -16px;
        padding: 0 16px;
    }
}
.doctor-card .menu ul::-webkit-scrollbar {
    display: none;
}
.doctor-card .menu ul li {
    flex: none;
}
.doctor-card .menu ul li a.is-active {
    color: var(--text-orange);
    border: 1px solid var(--border-orange);
}

.menu-trigger-anchors ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 8px;
    overflow: auto;
}
@media (max-width: 576px) {
    .menu-trigger-anchors ul {
        margin: 0 -16px;
        padding: 0 16px;
    }
}
.menu-trigger-anchors ul::-webkit-scrollbar {
    display: none;
}
.menu-trigger-anchors ul li {
    flex: none;
}
.menu-trigger-anchors ul li a.is-active {
    color: var(--text-orange);
    border: 1px solid var(--border-orange);
}

.doctor-more .content {
    display: grid;
    grid-template-columns: 1fr 0.72fr;
    grid-gap: 16px;
    gap: 16px;
    margin-bottom: 16px;
}
.doctor-more .content.content-full {
    grid-template-columns: 1fr;
}
.doctor-more .content.content-2 {
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
    .doctor-more .content.content-2 {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .doctor-more .content {
        grid-template-columns: 1fr;
    }
}
.doctor-more .content.out {
    padding: 0;
}
.doctor-more .content .media {
    position: relative;
    height: 440px;
}
@media (max-width: 576px) {
    .doctor-more .content .media {
        display: flex;
        flex-direction: column;
        height: auto;
        height: initial;
        background-color: #3a404a;
        order: 1;
    }
}
.doctor-more .content .media .video-media-inner {
    height: 100%;
    position: relative;
}
.doctor-more .content .media .poster {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
@media (max-width: 576px) {
    .doctor-more .content .media .poster {
        aspect-ratio: 16/9;
        width: auto;
        width: initial;
        height: auto;
        height: initial;
        border-radius: 24px;
    }
}
.doctor-more .content .media .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(16px, 3vw, 21px);
    line-height: clamp(24px, 3vw, 28px);
    letter-spacing: 0.01em;
    color: var(--text-invert);
    position: absolute;
    bottom: 32px;
    left: 32px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    z-index: 3;
    gap: 16px;
}
@media (max-width: 576px) {
    .doctor-more .content .media .name:not(:has(.time)) {
        padding: 16px 24px;
    }
    .doctor-more .content .media .name:not(:has(.time)).name-mobile {
        display: block;
        position: static;
        z-index: 3;
    }
    .doctor-more .content .media .name:has(.time) {
        left: 24px;
        bottom: 18px;
    }
    .doctor-more .content .media .name:has(.time) span {
        display: none;
    }
    .doctor-more .content .media .name:has(.time) .time {
        display: block;
    }
}
.doctor-more .content .media .name span {
    max-width: 500px;
}
.doctor-more .content .media .time {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: var(--text-invert);
    padding: 8px 16px;
    border-radius: 12px;
    background-color: rgba(35, 39, 47, 0.5);
}
@media (max-width: 576px) {
    .doctor-more .content .media .time {
        left: 24px;
        bottom: 18px;
        border-radius: 12px;
    }
}
.doctor-more .content .media .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.doctor-more .content .media .symbol {
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 3;
}
@media (max-width: 576px) {
    .doctor-more .content .media .symbol {
        width: 38px;
        height: 38px;
        top: 16px;
        right: 16px;
    }
}
.doctor-more .content .specialization {
    padding: 40px;
    border-radius: 32px;
    background: linear-gradient(45deg, #fbeefb 0%, #ffecdf 100%);
}
.doctor-more .content .specialization.specialization-wrap ul {
    flex-direction: row;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .doctor-more .content .specialization {
        order: 3;
    }
}
@media (max-width: 576px) {
    .doctor-more .content .specialization {
        padding: 24px;
        border-radius: 24px;
    }
}
.doctor-more .content .specialization .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(18px, 3vw, 21px);
    line-height: clamp(24px, 3vw, 28px);
    letter-spacing: 0.01em;
    color: var(--text-primary);
    display: block;
    margin-bottom: 24px;
}
@media (max-width: 576px) {
    .doctor-more .content .specialization .name {
        margin-bottom: 16px;
    }
}
.doctor-more .content .specialization ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
@media (max-width: 576px) {
    .doctor-more .content .specialization ul {
        gap: 8px;
    }
}
.doctor-more .content .specialization ul li {
    border-radius: 12px;
    padding: 8px 12px;
    background-color: var(--surface-level-1);
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: clamp(20px, 3vw, 24px);
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.doctor-more .info {
    border-radius: 32px;
    background: linear-gradient(45deg, #fbeefb 0%, #ffecdf 100%);
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    grid-column: 2 span;
}
.doctor-more .info.info-left {
    grid-column: unset;
}
@media (max-width: 768px) {
    .doctor-more .info {
        grid-column: unset;
        order: 2;
    }
}
@media (max-width: 576px) {
    .doctor-more .info {
        padding: 24px;
        border-radius: 24px;
    }
}
.doctor-more .info .text {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(18px, 3vw, 21px);
    line-height: clamp(24px, 3vw, 28px);
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.doctor-more .info .deck {
    font-weight: 400;
    font-size: clamp(16px, 3vw, 17px);
    line-height: clamp(24px, 3vw, 28px);
    letter-spacing: 0.01em;
    color: var(--text-primary);
    max-width: 1030px;
}

.diplomas .card {
    position: relative;
    width: 100%;
}
.diplomas .card img {
    width: 100%;
}
@media (max-width: 576px) {
    .diplomas .card img {
        height: 200px;
    }
}
.diplomas .swiper-slide {
    width: auto;
}

.how-to-find .content .tabs .tabs-btns {
    position: absolute;
    max-width: 416px;
    width: 100%;
}
@media (max-width: 1024px) {
    .how-to-find .content .tabs .tabs-btns {
        max-width: none;
        max-width: initial;
        position: relative;
        margin-bottom: 18px;
    }
}
.how-to-find .content .tabs .tabs-btns .tabs-btn {
    flex: 1;
    justify-content: center;
}
.how-to-find .content .tabs .tabs-btns .tabs-btn svg {
    flex: 0 0 auto;
}
.how-to-find .content .tabs .tabs-btns .tabs-btn svg.orange {
    display: none;
}
.how-to-find .content .tabs .tabs-btns .tabs-btn.active svg.orange {
    display: block;
    color: inherit;
}
.how-to-find .content .tabs .tabs-btns .tabs-btn.active svg.white {
    display: none;
}
@media (max-width: 1024px) {
    .how-to-find .content .tabs .tabs-content .info-container {
        display: flex;
        margin: 0 -16px;
        flex-direction: column-reverse;
    }
}
.how-to-find .content .tabs .info {
    padding-top: 68px;
    max-width: 416px;
}
@media (max-width: 1024px) {
    .how-to-find .content .tabs .info {
        padding: 0;
        max-width: none;
        max-width: initial;
    }
}
.how-to-find .content .tabs .info-container {
    display: grid;
    grid-template-columns: 416px 1fr;
    grid-gap: 16px;
    gap: 16px;
}
@media (max-width: 1024px) {
    .how-to-find .content .tabs .info-container {
        gap: 0;
    }
}
.how-to-find .content .tabs .info-content {
    border-radius: 32px;
    padding: 32px;
    background: var(--surface-level-0);
    height: 100%;
    display: flex;
    flex-direction: column;
}
@media (max-width: 1024px) {
    .how-to-find .content .tabs .info-content {
        border-radius: 0;
        border-radius: initial;
        padding: 16px;
    }
}
.how-to-find .content .tabs .info-content h3 {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 16px;
}
@media (max-width: 576px) {
    .how-to-find .content .tabs .info-content h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.01em;
    }
}
.how-to-find .content .tabs .info-content .desc {
    margin: 0 0 32px 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .how-to-find .content .tabs .info-content .desc {
        font-size: 15px;
        line-height: 160%;
        letter-spacing: 0.01em;
        margin-bottom: 0 0 16px 0;
    }
}
.how-to-find .content .tabs .info-content .links {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
}
.how-to-find .content .tabs .info-content .btn-3 {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    width: 100%;
}
.how-to-find .content .tabs .map-container {
    border-radius: 32px;
    overflow: hidden;
    max-width: 100%;
}
@media (max-width: 1024px) {
    .how-to-find .content .tabs .map-container {
        border-radius: 24px;
    }
}
.how-to-find .content .tabs .map-container .ymaps-2-1-79-map {
    width: 100% !important;
    min-height: 616px;
}
@media (max-width: 1024px) {
    .how-to-find .content .tabs .map-container .ymaps-2-1-79-map {
        min-height: 320px;
    }
}

.doctors-filter .top-block {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}
.doctors-filter .top-block .icon.icon-default {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.doctors-filter .top-block .filter-btn {
    justify-self: flex-start;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.doctors-filter .top-block .filter-btn img {
    width: 16px;
}
.doctors-filter .top-block .filter-btn.is-active {
    border: 1.5px solid var(--border-orange);
    border-radius: 32px;
    width: 40px;
    height: 40px;
}
.doctors-filter .top-block .filter-btn.js-filter-btn .icon-active {
    display: none;
}
.doctors-filter .top-block .filter-btn.js-filter-btn.is-active .icon-default {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.doctors-filter .top-block .filter-btn.js-filter-btn.is-active .icon-active {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.doctors-filter .top-block .filter-btn.js-filter-btn.is-active .icon-active {
    top: -2px;
    right: -2px;
}
.doctors-filter .top-block form {
    padding: 14px 24px;
    background-color: #f4f7fb;
    background-color: var(--color-grayscale-10);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 632px;
    min-height: 52px;
}
@media (max-width: 1024px) {
    .doctors-filter .top-block form {
        width: 100%;
        border-radius: 40px;
        padding: 8px 16px;
        min-height: 36px;
    }
}
.doctors-filter .top-block form:focus-within {
    background: var(--surface-level-1);
    box-shadow: inset 0 0 0 1.5px var(--border-orange);
}
.doctors-filter .top-block form input {
    background-color: transparent;
    width: 100%;
    padding: 0 2px;
    font-family: var(--font-family);
    font-weight: 400;
}
.doctors-filter .top-block form input::-moz-placeholder {
    color: #929baa;
}
.doctors-filter .top-block form input::placeholder {
    color: #929baa;
}
.doctors-filter .top-block form input {
    line-height: 20px;
    letter-spacing: 0.01em;
}
.doctors-filter .top-block {
    border-bottom: 1px solid var(--border-devider);
    padding: 0px 0px 24px;
}
@media (max-width: 1024px) {
    .doctors-filter .top-block {
        align-items: center;
        border-bottom: 0;
        border-bottom: initial;
        padding: 0px 0px 16px;
    }
}
.doctors-filter .top-block .filter-container {
    gap: 8px;
    margin-bottom: 0;
}
@media (max-width: 1024px) {
    .doctors-filter .top-block .filter-container {
        justify-content: start;
    }
}
.doctors-filter .top-block .filter-container .dropdown-title {
    display: flex;
    flex-wrap: nowrap;
}
.doctors-filter .top-block .filter-container .popup[data-popup=age] .dropdown-block {
    min-width: 220px;
}
.doctors-filter .top-block .filter-container .popup[data-popup=age] .dropdown-block ul {
    min-height: auto;
    margin-bottom: 0;
    overflow-y: visible;
    height: auto;
    height: initial;
}
.doctors-filter .filter-block {
    margin-bottom: 32px;
}
@media (max-width: 1024px) {
    .doctors-filter .filter-block {
        margin: 0;
    }
}
.doctors-filter .filter-block .chips-wrapper {
    margin-bottom: 16px;
}
.doctors-filter .bottom-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 24px;
}
@media (max-width: 1024px) {
    .doctors-filter .bottom-block {
        justify-content: center;
        align-items: center;
        margin: 0;
    }
}
.doctors-filter .bottom-block .list {
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding-left: 0;
}
@media (max-width: 1024px) {
    .doctors-filter .bottom-block .list {
        display: none;
    }
}
.doctors-filter .bottom-block .c-checkbox {
    align-items: center;
    gap: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.doctors-filter .bottom-block .calendar-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px, 1vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
}
.doctors-filter .bottom-block .calendar-btn img {
    width: 20px;
    height: 22px;
}
.doctors-filter .bottom-block .c-checkbox-label {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px, 1vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
}
.doctors-filter .bottom-block .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.doctors-filter .bottom-block .item .tooltip-btn {
    cursor: pointer;
}
.doctors-filter .doctors-slider {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
@media (max-width: 576px) {
    .doctors-filter .doctors-slider .post {
        gap: 4px;
    }
}
@media (max-width: 576px) {
    .doctors-filter .doctors-slider .cities {
        gap: 0 8px;
    }
}
@media (max-width: 576px) {
    .doctors-filter .doctors-slider .citie {
        gap: 4px;
    }
}
@media (max-width: 576px) {
    .doctors-filter .doctors-slider .citie .circle {
        width: 6px;
        height: 6px;
    }
}
.doctors-filter .doctors-slider .doctors-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 16px;
    gap: 16px;
    margin-bottom: 32px;
}
.doctors-filter .doctors-slider .doctors-list .card {
    height: 100%;
}
.doctors-filter .doctors-slider .doctors-list .card-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}
@media (max-width: 1024px) {
    .doctors-filter .doctors-slider .doctors-list {
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 16px;
    }
}
@media (max-width: 768px) {
    .doctors-filter .doctors-slider .doctors-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 576px) {
    .doctors-filter .doctors-slider .doctors-list {
        grid-template-columns: 1fr;
    }
    .doctors-filter .doctors-slider .doctors-list .info {
        margin-bottom: 8px;
    }
    .doctors-filter .doctors-slider .doctors-list .info .experience {
        border-radius: 6px;
        padding: 0 8px;
    }
}
@media (max-width: 576px) and (max-width: 576px) {
    .doctors-filter .doctors-slider .doctors-list .info .experience {
        font-size: 12px;
        line-height: 18px;
    }
}
@media (max-width: 576px) {
    .doctors-filter .doctors-slider .doctors-list .post .item {
        padding: 0 8px;
        border-radius: 6px;
    }
    .doctors-filter .doctors-slider .doctors-list .name {
        display: flex;
    }
    .doctors-filter .doctors-slider .doctors-list .card {
        flex-direction: row;
        gap: 16px;
    }
}
@media (max-width: 576px) and (max-width: 576px) {
    .doctors-filter .doctors-slider .doctors-list .card {
        display: grid;
        grid-template-columns: 32.4% 1fr;
    }
}
@media (max-width: 576px) {
    .doctors-filter .doctors-slider .doctors-list .card .media {
        overflow: hidden;
        width: 36.2%;
    }
}
@media (max-width: 576px) and (max-width: 576px) {
    .doctors-filter .doctors-slider .doctors-list .card .media {
        width: 100%;
    }
}
@media (max-width: 576px) {
    .doctors-filter .doctors-slider .doctors-list .card .media .avatar {
        border-radius: 16px;
        min-width: 100px;
        min-height: 100px;
    }
    .doctors-filter .doctors-slider .doctors-list .card .media .media-btn {
        top: 100%;
        right: 50%;
        transform: translate(50%, -100%);
        width: 32px;
        height: 32px;
    }
}

.rating .card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    border: 1px solid var(--border-devider);
    border-radius: 32px;
    background: var(--surface-level-1);
}
@media (max-width: 576px) {
    .rating .card {
        border-radius: 24px;
    }
}
.rating .card img {
    margin-bottom: 16px;
}
.rating .card .place {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(18px, 3vw, 21px);
    line-height: 28px;
    line-height: 1.33333;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 12px;
}
@media (max-width: 576px) {
    .rating .card .place {
        line-height: 24px;
        margin-bottom: 8px;
    }
}
.rating .card .text {
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    margin: 0;
}
@media (max-width: 576px) {
    .rating .card .text {
        line-height: 20px;
    }
}

.reviews .card {
    background-color: white;
    width: 100%;
    padding: 24px;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
}
@media (max-width: 576px) {
    .reviews .card {
        border-radius: 24px;
    }
}
.reviews .card .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
@media (max-width: 576px) {
    .reviews .card .head {
        margin-bottom: 8px;
    }
}
.reviews .card .head .agr {
    max-width: 140px;
}
@media (max-width: 576px) {
    .reviews .card .head .agr {
        max-width: 117px;
    }
}
.reviews .card .head .date {
    font-weight: 400;
    font-size: clamp(12px, 3vw, 13px);
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
    padding: 8px 12px;
    border-radius: 12px;
    background: var(--surface-level-0);
}
@media (max-width: 576px) {
    .reviews .card .head .date {
        padding: 4px 8px;
        border-radius: 8px;
    }
}
.reviews .card .head .stars {
    display: none;
}
.reviews .card .stars {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}
.reviews .card .stars .star {
    width: 16px;
    height: 16px;
}
.reviews .card .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #0e131b;
    margin-bottom: 8px;
}
.reviews .card .text {
    margin-bottom: 16px;
}
.reviews .card .text p {
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #0e131b;
    margin: 0 0 8px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media (max-width: 576px) {
    .reviews .card .text p {
        line-height: 20px;
    }
}
.reviews .card .more-text {
    font-weight: 500;
    font-size: clamp(16px, 3vw, 17px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-orange);
    display: none;
}
.reviews .card .more-text.has-overflow {
    display: inline-block;
}
@media (max-width: 576px) {
    .reviews .card .more-text {
        line-height: 24px;
    }
}
.reviews .card .bottom {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
}
.reviews .card .bottom .doctors {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.reviews .card .bottom .doctors a {
    font-weight: 400;
    font-size: clamp(12px, 3vw, 13px);
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
    padding: 8px 12px;
    border-radius: 12px;
    background-color: var(--surface-level-0);
}
@media (max-width: 576px) {
    .reviews .card .bottom .doctors a {
        padding: 4px 8px;
        border-radius: 8px;
    }
}
.reviews .card .bottom .cities {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.reviews .card .bottom .cities .main-circle {
    margin: 0;
}
.reviews .card .bottom .cities a {
    border: 1px solid var(--border-devider);
    border-radius: 12px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: clamp(12px, 3vw, 13px);
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .reviews .card .bottom .cities a {
        padding: 4px 8px;
        border-radius: 8px;
    }
}
.reviews .reviews-link {
    width: 100%;
    padding: 12px;
    margin-top: 16px;
}

.professional-skills h2 {
    margin: 0 0 32px 0;
}
.professional-skills .content {
    margin-bottom: 0 0 24px 0;
}
.professional-skills .content ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.professional-skills .content ul li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.professional-skills .content ul li svg, .professional-skills .content ul li img {
    flex: none;
}
.professional-skills .content ul li span {
    font-weight: 400;
    font-size: clamp(16px, 3vw, 17px);
    line-height: clamp(24px, 3vw, 28px);
    letter-spacing: 0.01em;
    color: var(--text-primary);
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-devider);
}
@media (max-width: 576px) {
    .professional-skills .content ul li span {
        padding-bottom: 16px;
    }
}
@media (max-width: 576px) {
    .professional-skills .professional-skills-more {
        width: 100%;
    }
}

.photo-gallery .swiper {
    height: 524px;
}
@media (max-width: 576px) {
    .photo-gallery .swiper {
        height: 254px;
    }
}
.photo-gallery .swiper-slide {
    width: auto;
}
.photo-gallery .card {
    width: 100%;
    display: flex;
}
.photo-gallery .card img {
    width: 100%;
    border-radius: 32px;
}
@media (max-width: 576px) {
    .photo-gallery .card img {
        border-radius: 24px;
        height: 100%;
    }
}
.photo-gallery .card.big img {
    aspect-ratio: 524/524;
}
@media (max-width: 576px) {
    .photo-gallery .card.big img {
        aspect-ratio: 254/254;
    }
}
.photo-gallery .card.small img {
    aspect-ratio: 294/524;
}
@media (max-width: 576px) {
    .photo-gallery .card.small img {
        aspect-ratio: 143/254;
    }
}
.photo-gallery .card.collage {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (max-width: 576px) {
    .photo-gallery .card.collage {
        gap: 12px;
        aspect-ratio: 121/254;
    }
}
.photo-gallery .card.collage img {
    aspect-ratio: 254/254;
}
@media (max-width: 576px) {
    .photo-gallery .card.collage img {
        aspect-ratio: 121/121;
    }
}

.services-price .head-title-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}
@media (max-width: 1024px) {
    .services-price .head-title-inner {
        margin-bottom: 18px;
    }
}
.services-price .head-title-inner h2 {
    margin: 0;
}
.services-price ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.services-price ul li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-devider);
    margin-bottom: 24px;
    gap: 16px;
}
@media (max-width: 768px) {
    .services-price ul li {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
}
.services-price ul li:last-child {
    margin: 0;
}
.services-price ul li .name {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
@media (max-width: 576px) {
    .services-price ul li .name {
        font-size: 16px;
        line-height: 24px;
    }
}
.services-price ul li .price {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    flex: none;
}
@media (max-width: 576px) {
    .services-price ul li .price {
        font-size: 16px;
    }
}

.video-reviews-swiper .content-swiper-wrapper .content-swiper .swiper-wrapper .swiper-slide .card {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 447px;
    border-radius: 32px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 24px;
}
@media (max-width: 576px) {
    .video-reviews-swiper .content-swiper-wrapper .content-swiper .swiper-wrapper .swiper-slide .card {
        min-height: 452px;
        border-radius: 24px;
        padding: 16px 24px;
    }
}
.video-reviews-swiper .content-swiper-wrapper .content-swiper .swiper-wrapper .swiper-slide .card .video-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-reviews-swiper .content-swiper-wrapper .content-swiper .swiper-wrapper .swiper-slide .card .video-media::after {
    display: none;
}
.video-reviews-swiper .content-swiper-wrapper .content-swiper .swiper-wrapper .swiper-slide .card .icon {
    position: absolute;
    top: 16px;
    right: 16px;
}
.video-reviews-swiper .content-swiper-wrapper .content-swiper .swiper-wrapper .swiper-slide .card .desc {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-invert);
    position: relative;
    z-index: 5;
    pointer-events: none;
}
@media (max-width: 576px) {
    .video-reviews-swiper .content-swiper-wrapper .content-swiper .swiper-wrapper .swiper-slide .card .desc {
        font-size: 16px;
        line-height: 24px;
    }
}
.reviews-patient .links {
    display: flex;
    align-items: center;
    gap: 12px;
}
.reviews-patient .links > .evaluations-reviews {
    gap: 12px;
}
@media (max-width: 1024px) {
    .reviews-patient .links > .evaluations-reviews {
        display: none;
    }
}
.reviews-patient .swiper-slide .card .head .stars {
    display: flex;
    margin: 0;
}
.reviews-patient .swiper-slide .card .main-circle {
    width: 8px;
    height: 8px;
}

.history-patient .content {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 60px;
    gap: 60px;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .history-patient .content {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
}
.history-patient .content .info {
    max-width: 632px;
}
@media (max-width: 1024px) {
    .history-patient .content .info {
        max-width: 100%;
    }
}
.history-patient .content .info h2 {
    margin: 0 0 24px 0;
}
@media (max-width: 576px) {
    .history-patient .content .info h2 {
        margin-bottom: 0 0 16px 0;
    }
}
.history-patient .content .info p {
    margin: 0 0 32px 0;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .history-patient .content .info p {
        margin-bottom: 0 0 24px 0;
    }
}
.history-patient .content .info h3 {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 0 0 16px 0;
}
@media (max-width: 576px) {
    .history-patient .content .info h3 {
        font-size: 18px;
        line-height: 24px;
    }
}
.history-patient .content .info h3 + p {
    margin-bottom: 16px;
}
.history-patient .content .info ul {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px 42px;
    gap: 8px 42px;
}
@media (max-width: 576px) {
    .history-patient .content .info ul {
        grid-template-columns: 1fr;
    }
}
.history-patient .content .info ul li {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    max-width: 308px;
}
@media (max-width: 576px) {
    .history-patient .content .info ul li {
        font-size: 16px;
        line-height: 24px;
    }
}
.history-patient .content .info ul li::marker {
    color: var(--icon-tertiary);
}
.history-patient .content .content-swiper-wrapper {
    max-width: 524px;
}
@media (max-width: 1024px) {
    .history-patient .content .content-swiper-wrapper {
        max-width: 100%;
    }
}
.history-patient .content .content-swiper-wrapper .card {
    width: 100%;
}
.history-patient .content .content-swiper-wrapper .card img {
    width: 100%;
}

.make-appointment .head-title {
    margin-bottom: 32px;
}
@media (max-width: 576px) {
    .make-appointment .head-title {
        margin-bottom: 16px;
    }
}
.make-appointment .head-title .head-title-inner .link {
    display: flex;
    align-items: center;
    gap: 16px;
    max-height: none;
    max-height: initial;
    text-align: right;
    align-items: center;
    border: 1px solid var(--border-devider);
    border-radius: 24px;
    padding: 12px 16px;
}
@media (max-width: 1024px) {
    .make-appointment .head-title .head-title-inner .link {
        display: none;
    }
}
.make-appointment .head-title .head-title-inner .link span {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    text-align: right;
    color: #21272a;
}
.make-appointment .head-title .head-title-inner .link p {
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-secondary);
}
.make-appointment .head-title .head-title-inner .link img {
    width: 30px;
    height: 32px;
}
.make-appointment .head-title .head-title-inner .link .left {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.make-appointment .content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    gap: 16px;
    background: var(--surface-level-0);
    border-radius: 48px;
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (max-width: 1360px) {
    .make-appointment .content {
        border-radius: 32px;
        padding-top: 24px;
        padding-bottom: 24px;
    }
}
@media (max-width: 1024px) {
    .make-appointment .content {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}
.make-appointment .content .item {
    border-radius: 32px;
    padding: 24px;
    background: var(--surface-level-1);
}
@media (max-width: 1024px) {
    .make-appointment .content .item {
        padding: 16px;
        border-radius: 24px;
    }
}
.make-appointment .content .item.hidden {
    opacity: 0.2;
    pointer-events: none;
}
.make-appointment .content .item .btns {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
@media (max-width: 1024px) {
    .make-appointment .content .item .btns {
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-right: -16px;
        padding-right: 16px;
        margin-left: -16px;
        padding-left: 16px;
    }
    .make-appointment .content .item .btns::-webkit-scrollbar {
        display: none;
    }
}
.make-appointment .content .item .btns button {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
    min-height: 40px;
    min-width: -moz-fit-content;
    min-width: fit-content;
}
@media (max-width: 576px) {
    .make-appointment .content .item .btns button {
        font-size: 14px;
        min-height: 36px;
    }
}
.make-appointment .content .item .btns button.active {
    background: var(--surface-level-1);
    border: 1.5px solid var(--border-orange);
    color: var(--text-orange);
}
.make-appointment .content .item .name {
    margin-bottom: 24px;
}
@media (max-width: 576px) {
    .make-appointment .content .item .name {
        margin-bottom: 16px;
    }
}
.make-appointment .content .item.times {
    min-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (max-width: 576px) {
    .make-appointment .content .item.times {
        overflow: hidden;
        gap: 16px;
    }
}
.make-appointment .content .item.times .name {
    margin-bottom: 0;
}
.make-appointment .content .item.times button {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
    border: 1px solid var(--color-grayscale-40);
    border-radius: 32px;
    padding: 0 16px;
    min-height: 40px;
}
@media (max-width: 576px) {
    .make-appointment .content .item.times button {
        min-height: 36px;
        font-size: 14px;
        line-height: 20px;
    }
}
.make-appointment .content .item.times button.active {
    border: 1.5px solid var(--border-orange);
    color: var(--text-orange);
}
.make-appointment .content .item.times button.disabled {
    color: var(--text-secondary);
    border: 1px solid var(--color-grayscale-40);
    opacity: 0.5;
}
.make-appointment .content .item.form .name {
    margin-bottom: 0;
}
.make-appointment .content .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    display: block;
    letter-spacing: 0.01em;
    color: #21272a;
}
@media (max-width: 576px) {
    .make-appointment .content .name {
        font-size: 16px;
        line-height: 24px;
    }
}
.make-appointment .content .inner-item {
    display: flex;
    flex-direction: column;
    min-width: 100%;
}
.make-appointment .content .upper {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .make-appointment .content .upper {
        font-size: 12px;
        line-height: 18px;
    }
}
.make-appointment .content .content-swiper-wrapper .swiper-times-btns {
    margin: 0 -24px;
    padding: 0 24px;
}
@media (max-width: 1024px) {
    .make-appointment .content .content-swiper-wrapper .swiper-times-btns {
        margin: 0 -16px;
        padding: 0 16px;
    }
}
.make-appointment .content .content-swiper-wrapper .swiper-times-btns .swiper-slide {
    width: -moz-fit-content;
    width: fit-content;
}
.make-appointment .content .btns-time {
    display: flex;
    align-items: center;
    overflow-x: auto;
    gap: 8px;
    margin-right: -40px;
}
.make-appointment .content .btns-time::-webkit-scrollbar {
    display: none;
}
.make-appointment .content .btns-time.active {
    border: 1px solid var(--border-orange);
    color: var(--text-orange);
}
.make-appointment .content .form {
    grid-column: span 2;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (max-width: 1024px) {
    .make-appointment .content .form {
        grid-column: span 1;
    }
}
@media (max-width: 576px) {
    .make-appointment .content .form {
        gap: 16px;
    }
}
.make-appointment .content .form .contact-form .field-input:has([type=date]) .clear-input {
    display: none;
}
.make-appointment .content .form .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    gap: 16px;
    margin-bottom: 24px;
}
@media (max-width: 1024px) {
    .make-appointment .content .form .grid {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 16px;
    }
}
.make-appointment .content .form .field {
    width: 100%;
    position: relative;
    min-height: 52px;
    display: flex;
}
.make-appointment .content .form .field:has(.field-label.no-transform) .field-input input {
    padding: 12px 16px;
}
@media (max-width: 1024px) {
    .make-appointment .content .form .field:has(input[name=lastName]) {
        order: 2;
    }
    .make-appointment .content .form .field:has(input[name=firstName]) {
        order: 1;
    }
    .make-appointment .content .form .field:has(input[name=birthDate]) {
        order: 3;
    }
    .make-appointment .content .form .field:has(input[name=email]) {
        order: 4;
    }
    .make-appointment .content .form .field:has(input[name=phone]) {
        order: 5;
    }
}
@media (max-width: 576px) {
    .make-appointment .content .form .field {
        max-height: 48px;
        min-height: 48px;
    }
}
.make-appointment .content .form .field .req {
    color: var(--text-red);
}
.make-appointment .content .form .field .field-label {
    position: absolute;
    left: 16px;
    transform: translateY(-50%);
    top: 50%;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
    transition: 0.1s ease-in;
}
@media (max-width: 576px) {
    .make-appointment .content .form .field .field-label {
        font-size: 16px;
    }
}
.make-appointment .content .form .field .field-label.active {
    font-size: 13px;
    line-height: 18px;
    top: 5px;
    transform: translateY(0px);
}
@media (max-width: 576px) {
    .make-appointment .content .form .field .field-label.active {
        font-size: 13px;
    }
}
.make-appointment .content .form .field .field-label.active {
    /*  .req {
     font-size: 12px;
     @include mobile {
       font-size: 13px;
     }
   } */
}
.make-appointment .content .form .field .field-control input {
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-grayscale-40);
    border-radius: 16px;
    padding: 19px 56px 5px 16px;
    background: var(--surface-level-1);
}
@media (max-width: 576px) {
    .make-appointment .content .form .field .field-control input {
        color: var(--text-primary);
        font-size: 16px;
        line-height: 24px;
    }
}
.make-appointment .content .form .field .field-control input::-moz-placeholder {
    opacity: 0;
}
.make-appointment .content .form .field .field-control input::placeholder {
    opacity: 0;
}
.make-appointment .content .form .field .field-control {
    width: 100%;
    height: auto;
}
.make-appointment .content .form .field .field-input {
    width: 100%;
    height: auto;
}
.make-appointment .content .form .field .field-input .clear-input {
    opacity: 1;
    pointer-events: all;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    flex: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    z-index: 2;
    right: 16px;
    justify-content: flex-end;
}
.make-appointment .content .form .field .field-input .clear-input[hidden] {
    opacity: 0;
    pointer-events: none;
}
.make-appointment .content .form .field .field-control.error input {
    background: var(--surface-red-light);
    border: 1px solid transparent;
}
.make-appointment .content .form .field .field-control .input-error {
    display: none;
}
.make-appointment .content .form .field .field-control .input-error[hidden] {
    display: none;
}
.make-appointment .content .form .field.date-field .field-control input[type=date] {
    padding-top: 20px;
    padding-bottom: 4px;
    color: var(--text-primary);
}
.make-appointment .content .form .field.date-field .field-control input[type=date]::-webkit-date-and-time-value {
    text-align: left;
}
.make-appointment .content .form .field.date-field .field-control input[type=date]::-webkit-datetime-edit {
    color: var(--text-tertiary);
    padding: 0;
}
.make-appointment .content .form .field.date-field .field-control input[type=date]:focus::-webkit-datetime-edit, .make-appointment .content .form .field.date-field .field-control input[type=date]:valid::-webkit-datetime-edit {
    color: var(--text-primary);
}
.make-appointment .content .form .field.date-field .field-control input[type=date]::-moz-placeholder {
    opacity: 0;
}
.make-appointment .content .form .field.date-field .field-control input[type=date]::placeholder {
    opacity: 0;
}
@media (max-width: 576px) {
    .make-appointment .content .form .field.date-field .field-control input[type=date] {
        padding-top: 18px;
        padding-bottom: 6px;
    }
}
.make-appointment .content .form .field.date-field .date-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    display: flex;
}
.make-appointment .content .form .bottom-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}
.make-appointment .content .form .c-checkbox {
    max-width: 580px;
}
@media (max-width: 1024px) {
    .make-appointment .content .form .c-checkbox {
        order: 2;
        margin: 0;
        width: 100%;
    }
}
.make-appointment .content .form .btn {
    margin-right: 24px;
}
@media (max-width: 1024px) {
    .make-appointment .content .form .btn {
        order: 3;
        margin: 0;
        width: 100%;
    }
}
.make-appointment .content .form .note {
    margin-left: auto;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
    border-radius: 32px;
    padding: 8px 16px;
    background: var(--surface-orange-light);
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 34px;
}
@media (max-width: 1024px) {
    .make-appointment .content .form .note {
        order: 1;
        margin: 0;
        width: 100%;
    }
}
@media (max-width: 576px) {
    .make-appointment .content .form .note {
        padding: 8px 12px;
        font-size: 12px;
        line-height: 18px;
    }
}
.make-appointment .content .form .note .req {
    transition: 0.2s ease-in;
    font-weight: 400;
    font-size: 13px;
    line-height: 28px;
    color: var(--text-red);
}

.treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .card {
    width: 100%;
    position: relative;
    min-height: 477px;
    border-radius: 32px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 8px 24px 24px 24px;
}
@media (max-width: 576px) {
    .treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .card {
        border-radius: 24px;
        min-height: 452px;
    }
}
.treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .info {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}
.treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .media {
    z-index: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .media .avatar {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .media .media-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
}
.treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .videos {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}
.treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .bottom {
    position: relative;
    z-index: 1;
    margin-top: auto;
}
.treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .bottom p {
    margin: 0 0 12px 0;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-invert);
}
@media (max-width: 576px) {
    .treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .bottom p {
        font-size: 16px;
    }
}
.treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .row button {
    border-radius: 32px;
    padding: 4px 12px;
    background: var(--surface-level-1);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
    min-height: 26px;
}
.treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .row button:hover {
    background: rgba(255, 255, 255, 0.7);
}
.treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .views {
    display: flex;
    align-items: center;
    gap: 8px;
}
.treatmen-history .content-swiper-wrapper .content-swiper .swiper-slide .views span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-invert);
}

.catalog-services .container > .content {
    border-radius: 48px;
    padding: 40px;
    background: var(--surface-level-0);
}
@media (max-width: 1024px) {
    .catalog-services .container > .content {
        padding: 24px 16px;
        border-radius: 32px;
    }
}
.catalog-services .filter-block {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}
@media (max-width: 1024px) {
    .catalog-services .filter-block {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 16px;
    }
    .catalog-services .filter-block .search-input-1 {
        width: 100%;
    }
    .catalog-services .filter-block .search-input-1 form {
        width: 100%;
        min-width: 0;
        min-width: initial;
    }
}
.catalog-services .filter-block .filter-container {
    margin: 0;
}
.catalog-services .search-input-1 {
    width: auto;
}
.catalog-services .services-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    gap: 16px;
}
@media (max-width: 1024px) {
    .catalog-services .services-list {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
.catalog-services .services-list > .item {
    border-radius: 32px;
    padding: 24px;
    background: var(--surface-level-1);
}
@media (max-width: 1024px) {
    .catalog-services .services-list > .item {
        border-radius: 24px;
        padding: 16px;
    }
}
.catalog-services .services-list > .item:has(.head a:hover) .img {
    background: var(--surface-orange-light);
}
.catalog-services .services-list > .item:has(.head a:hover) .img img {
    display: none;
}
.catalog-services .services-list > .item:has(.head a:hover) .img img.hover {
    display: block;
}
.catalog-services .services-list > .item {
    /*  &.child:has(.head a:hover) {
    .head {
      .img {
        background: var(--surface-green-light);
      }
      a {
        color: var(--text-green);
        svg {
          path {
            stroke: var(--icon-green);
          }
        }
      }
    }
  } */
    /*  &.child:has(.accordion-mobile-button.active) {
    .name {
      .img {
        background: var(--surface-green-light);
      }
    }
  } */
}
.catalog-services .services-list > .item.gr2 {
    grid-row: span 2;
}
.catalog-services .services-list > .item.gr3 {
    grid-row: span 3;
}
.catalog-services .services-list > .item .content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px 16px;
    gap: 12px 16px;
}
@media (max-width: 1024px) {
    .catalog-services .services-list > .item .content {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
.catalog-services .services-list > .item.no-links .head {
    padding: 0;
    border: none;
    margin: 0;
}
.catalog-services .services-list > .item.no-links .head div:hover {
    color: inherit;
}
.catalog-services .services-list .head {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--border-devider);
}
@media (max-width: 1024px) {
    .catalog-services .services-list .head {
        display: none;
    }
}
.catalog-services .services-list .head .img img {
    max-width: 32px;
}
.catalog-services .services-list .head .img img.hover {
    display: none;
}
.catalog-services .services-list .head > a, .catalog-services .services-list .head > div {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 8px;
    transition: none 0s ease 0s;
    transition: initial;
}
.catalog-services .services-list .head > a svg path, .catalog-services .services-list .head > div svg path {
    transition: none 0s ease 0s;
    transition: initial;
}
.catalog-services .services-list .head > a:hover, .catalog-services .services-list .head > div:hover {
    color: var(--text-orange);
}
.catalog-services .services-list .head > a:hover svg path, .catalog-services .services-list .head > div:hover svg path {
    stroke: var(--text-orange);
}
.catalog-services .services-list .head > a span, .catalog-services .services-list .head > div span {
    display: flex;
}
.catalog-services .services-list .img {
    border-radius: 32px;
    background: var(--surface-level-0);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    min-height: 60px;
}
.catalog-services .services-list .img svg {
    transition: 0.2s ease-in;
}
.catalog-services .services-list .accordion-mobile .name {
    display: flex;
    align-items: center;
    gap: 16px;
}
.catalog-services .services-list .accordion-mobile .name a {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .catalog-services .services-list .accordion-mobile .name a {
        pointer-events: none;
        text-align: left;
    }
}
.catalog-services .services-list .accordion-mobile .name .img {
    border-radius: 32px;
    min-width: 44px;
    min-height: 44px;
}
.catalog-services .services-list .accordion-mobile .name .img img {
    max-width: 24px;
}
.catalog-services .services-list .accordion-mobile .name .img img.hover {
    display: none;
}
.catalog-services .services-list .accordion-mobile:has(.accordion-mobile-content.active) .name .img {
    background: var(--surface-orange-light);
}
.catalog-services .services-list .accordion-mobile:has(.accordion-mobile-content.active) .name .img img {
    display: none;
}
.catalog-services .services-list .accordion-mobile:has(.accordion-mobile-content.active) .name .img img.hover {
    display: block;
}
.catalog-services .services-list .accordion-mobile .accordion-mobile-button {
    display: none;
    padding: 0;
}
.catalog-services .services-list .accordion-mobile .accordion-mobile-button.active {
    background-color: transparent;
    background-color: initial;
}
@media (max-width: 1024px) {
    .catalog-services .services-list .accordion-mobile .accordion-mobile-button {
        display: flex;
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: var(--text-primary);
    }
}
@media (max-width: 1360px) {
    .catalog-services .services-list .accordion-mobile .accordion-mobile-content {
        display: inline;
        display: initial;
    }
}
@media (max-width: 1024px) {
    .catalog-services .services-list .accordion-mobile .accordion-mobile-content {
        padding: 0;
        padding-top: 16px;
        display: none;
    }
}
@media (max-width: 1024px) {
    .catalog-services .services-list .accordion-mobile .accordion-mobile-content.active {
        display: block;
    }
}
.catalog-services .services-list .accordion-mobile .links a {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    transition: 0.2s ease-in;
}
.catalog-services .services-list .accordion-mobile .links a:hover {
    color: var(--text-orange);
}
@media (max-width: 1024px) {
    .catalog-services .services-list .accordion-mobile .links a {
        padding: 12px 0;
        border-bottom: 1px solid var(--border-devider);
        /*  &:first-child {
      border-top: 1px solid var(--border-devider);
    } */
    }
}
.catalog-services .services-list .accordion-mobile .links .btn-content-counter-visible {
    width: 100%;
    margin-top: 16px;
}
@media (max-width: 1024px) {
    .service-card-hero {
        margin-bottom: 24px;
    }
}
.service-card-hero .content-wrapper {
    background: var(--surface-orange-light);
    border-radius: 48px;
    padding: 48px 40px;
    position: relative;
    min-height: 450px;
    display: flex;
    flex-direction: column;
}
.service-card-hero .content-wrapper.purple {
    background: var(--surface-purple-light);
}
@media (max-width: 1024px) {
    .service-card-hero .content-wrapper {
        padding: 24px 24px 0 24px;
        border-radius: 24px;
        min-height: 0;
        min-height: initial;
    }
}
@media (max-width: 1024px) {
    .service-card-hero .content-wrapper.f-card {
        margin-bottom: 8px;
        display: flex;
        flex-direction: column;
    }
}
@media (max-width: 1024px) {
    .service-card-hero .content-wrapper.s-card {
        padding: 16px 24px;
    }
}
.service-card-hero .content-wrapper .img {
    z-index: 0;
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .service-card-hero .content-wrapper .img {
        position: relative;
    }
}
.service-card-hero .content-wrapper .img .main-img {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
@media (max-width: 1024px) {
    .service-card-hero .content-wrapper .img .main-img {
        height: 100%;
    }
}
.service-card-hero .info {
    max-width: 700px;
    position: relative;
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .service-card-hero .info {
        max-width: 100%;
        margin-bottom: 16px;
    }
}
.service-card-hero .title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 44px;
    line-height: 56px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 24px;
}
@media (max-width: 1024px) {
    .service-card-hero .title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 8px;
    }
}
.service-card-hero .desc {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    font-family: var(--second-family);
    color: var(--text-primary);
    margin: 0 0 24px;
}
.service-card-hero .desc:last-child {
    margin-bottom: 0;
}
@media (max-width: 1024px) {
    .service-card-hero .desc {
        font-size: 14px;
        line-height: 20px;
    }
}
.service-card-hero .link {
    border-radius: 24px;
    padding: 16px 24px;
    background: var(--surface-level-1);
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 24px;
}
@media (max-width: 1024px) {
    .service-card-hero .link {
        margin-top: 0;
        border-radius: 16px;
        padding: 16px;
        flex-direction: row;
        align-items: center;
        gap: 16px;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 16px;
    }
}
.service-card-hero .link:hover {
    background-color: rgba(255, 255, 255, 0.7);
}
.service-card-hero .link .row {
    gap: 0;
}
@media (max-width: 1024px) {
    .service-card-hero .link .column {
        gap: 0;
    }
}
.service-card-hero .link-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    display: block;
    margin-bottom: 8px;
}
@media (max-width: 1024px) {
    .service-card-hero .link-text {
        font-size: 14px;
        line-height: 20px;
    }
}
.service-card-hero .row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}
.service-card-hero .circle-group {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 12px;
}
.service-card-hero .circle-group .circle {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}
@media (max-width: 1024px) {
    .service-card-hero .circle-group .circle {
        width: 8px;
        height: 8px;
    }
}
.service-card-hero .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-right: 8px;
}
@media (max-width: 1024px) {
    .service-card-hero .name {
        margin: 0;
        font-size: 16px;
        line-height: 24px;
    }
}
.service-card-hero .img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
@media (max-width: 1360px) {
    .service-card-hero .img {
        max-width: 500px;
    }
}
@media (max-width: 1024px) {
    .service-card-hero .img {
        position: static;
        max-width: 100%;
        align-self: center;
    }
}
.service-card-hero .column {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.service-card-hero .menu.menu-trigger-anchors {
    padding-top: 32px;
}
@media (max-width: 1024px) {
    .service-card-hero .menu.menu-trigger-anchors {
        padding-top: 24px;
    }
}
.service-card-hero .prices {
    width: -moz-fit-content;
    width: fit-content;
    background: var(--surface-level-1);
    border-radius: 32px;
    padding: 24px 32px;
    display: flex;
    gap: 24px;
}
@media (max-width: 1024px) {
    .service-card-hero .prices {
        flex-direction: column;
        margin: 0 auto 16px auto;
    }
}
@media (max-width: 576px) {
    .service-card-hero .prices {
        width: 100%;
        border-radius: 16px;
        padding: 16px;
        gap: 8px;
    }
}
.service-card-hero .prices .item {
    flex-direction: column;
    display: flex;
    gap: 8px;
}
.service-card-hero .prices .item.br-r {
    border-right: 1px solid var(--border-devider);
    padding: 0px 24px 0px 0px;
}
@media (max-width: 1024px) {
    .service-card-hero .prices .item.br-r {
        border-right: 0;
        border-right: initial;
        padding: 0px 0px 12px;
        border-bottom: 1px solid var(--border-devider);
    }
}
@media (max-width: 1024px) {
    .service-card-hero .prices .item {
        flex-direction: row;
        justify-content: space-between;
        gap: 30px;
    }
}
@media (max-width: 576px) {
    .service-card-hero .prices .item {
        gap: 8px;
    }
}
.service-card-hero .prices .item .upper-text {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (max-width: 576px) {
    .service-card-hero .prices .item .upper-text {
        font-size: 14px;
        line-height: 20px;
    }
}
.service-card-hero .prices .item .price {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .service-card-hero .prices .item .price {
        font-size: 16px;
        line-height: 24px;
    }
}

.drop-down-services .content-wrapper {
    border-radius: 48px;
    padding: 40px;
    background: var(--surface-level-0);
}
@media (max-width: 1024px) {
    .drop-down-services .content-wrapper {
        border-radius: 32px;
        padding: 24px 16px;
    }
}
.drop-down-services .content-wrapper .filter-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
    gap: 16px;
    margin: 0;
}
@media (max-width: 1360px) {
    .drop-down-services .content-wrapper .filter-container {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 1024px) {
    .drop-down-services .content-wrapper .filter-container {
        gap: 12px;
    }
}
.drop-down-services .content-wrapper .dropdown-ui .item .dropdown-btn {
    border: 1.5px solid transparent;
}
.drop-down-services .content-wrapper .dropdown-ui .item:has(.dropdown-block.active) .dropdown-btn {
    background: var(--surface-level-1);
    border: 1.5px solid #fa8c16;
}
.drop-down-services .content-wrapper .dropdown-ui .item-dd {
    border-radius: 24px;
    padding: 24px;
    background: var(--surface-level-1);
    display: flex;
    align-items: center;
    width: 100%;
    max-height: none;
    max-height: initial;
    border: none;
    justify-content: initial;
    gap: 0;
    min-height: 96px;
}
@media (max-width: 1024px) {
    .drop-down-services .content-wrapper .dropdown-ui .item-dd {
        border-radius: 24px;
        padding: 24px;
        min-height: 80px;
    }
}
.drop-down-services .content-wrapper .dropdown-ui .item-dd .dropdown-title {
    margin-right: auto;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    text-align: left;
}
@media (max-width: 1024px) {
    .drop-down-services .content-wrapper .dropdown-ui .item-dd .dropdown-title {
        font-size: 16px;
        line-height: normal;
    }
}
.drop-down-services .content-wrapper .dropdown-ui .item-dd .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
}
@media (max-width: 1024px) {
    .drop-down-services .content-wrapper .dropdown-ui .item-dd .icon {
        margin-right: 16px;
    }
}
.drop-down-services .content-wrapper .dropdown-ui .item-dd .icon img {
    min-width: 40px;
}
@media (max-width: 1024px) {
    .drop-down-services .content-wrapper .dropdown-ui .item-dd .icon img {
        min-width: 32px;
        max-width: 32px;
    }
}
.drop-down-services .content-wrapper .dropdown-ui .item-dd .dropdown-icon {
    width: auto;
    height: auto;
}
.prices-services .content ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (max-width: 576px) {
    .prices-services .content ul {
        gap: 16px;
    }
}
.prices-services .content ul li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0px 0px 24px;
    border-bottom: 1px solid var(--border-devider);
    gap: 16px;
}
@media (max-width: 576px) {
    .prices-services .content ul li {
        padding-bottom: 16px;
    }
}
.prices-services .content ul li .name {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
@media (max-width: 576px) {
    .prices-services .content ul li .name {
        font-size: 16px;
        line-height: 24px;
    }
}
.prices-services .content ul li .price-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: none;
}
@media (max-width: 576px) {
    .prices-services .content ul li .price-block {
        gap: 0;
    }
}
.prices-services .content ul li .price {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 576px) {
    .prices-services .content ul li .price {
        align-self: flex-end;
        font-size: 16px;
        line-height: 24px;
    }
}
.prices-services .content ul li .discount {
    display: flex;
    gap: 8px;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-decoration: line-through;
    color: var(--text-secondary);
}
@media (max-width: 576px) {
    .prices-services .content ul li .discount {
        font-size: 14px;
        line-height: 20px;
        align-items: center;
    }
}
.prices-services .content ul li .tooltip-head {
    align-items: flex-start;
}
@media (max-width: 576px) {
    .prices-services .content ul li .tooltip {
        max-width: 16px;
    }
}

.department-programs .content .programs-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    gap: 16px;
}
@media (max-width: 1360px) {
    .department-programs .content .programs-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .department-programs .content .programs-list {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
.department-programs .content .programs-list .item {
    border-radius: 32px;
    padding: 32px;
    position: relative;
    background: var(--surface-level-0);
    min-height: 288px;
}
@media (max-width: 768px) {
    .department-programs .content .programs-list .item {
        border-radius: 24px;
        padding: 16px;
        min-height: 172px;
    }
}
.department-programs .content .programs-list .info {
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .department-programs .content .programs-list .info {
        max-width: 210px;
    }
}
.department-programs .content .programs-list .link {
    display: flex;
    flex-direction: column;
    height: 100%;

}

.department-programs .content .programs-list .link:hover .icon {
    background: rgba(255, 255, 255, 0.7);
}
.department-programs .content .programs-list .icon {
    margin-top: auto;
    border-radius: 32px;
    min-height: 52px;
    min-width: 52px;
    background: var(--surface-level-1);
    display: flex;
    align-items: center;
    flex: none;
    width: -moz-fit-content;
    width: fit-content;
    justify-content: center;
    transition: 0.2s ease-in;
    z-index: 1;
}
@media (max-width: 768px) {
    .department-programs .content .programs-list .icon {
        min-height: 32px;
        min-width: 32px;
        margin-top: 24px;
    }
    .department-programs .content .programs-list .icon svg {
        width: 16px;
        height: 16px;
    }
}
.department-programs .content .programs-list .name {
    display: block;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 16px;
}
@media (max-width: 576px) {
    .department-programs .content .programs-list .name {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 4px;
    }
}
.department-programs .content .programs-list .price-container {
    display: flex;
    align-items: flex-end;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    line-height: 125%;
    letter-spacing: 0.01em;
    color: var(--text-orange);
}
@media (max-width: 576px) {
    .department-programs .content .programs-list .price-container {
        font-size: 22px;
        line-height: 28px;
    }
}
.department-programs .content .programs-list .price {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.01em;
    color: var(--text-orange);
}
@media (max-width: 576px) {
    .department-programs .content .programs-list .price {
        font-size: 22px;
        line-height: 28px;
    }
}
.department-programs .content .programs-list .img {
    z-index: 0;
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}
@media (max-width: 768px) {
    .department-programs .content .programs-list .img .back {
        max-width: 187px;
    }
}
.department-programs .content .programs-list .img .main-img {
    position: absolute;
    right: 0;
    bottom: 0;
}
@media (max-width: 768px) {
    .department-programs .content .programs-list .img .main-img {
        max-width: 140px;
    }
}

.programs .content-swiper-wrapper .swiper-slide {
    border-radius: 32px;
    padding: 32px;
    position: relative;
    background: var(--surface-level-0);
    min-height: 288px;
}
@media (max-width: 768px) {
    .programs .content-swiper-wrapper .swiper-slide {
        border-radius: 24px;
        padding: 16px;
        min-height: 172px;
    }
}
.programs .content-swiper-wrapper .swiper-slide .info {
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .programs .content-swiper-wrapper .swiper-slide .info {
        max-width: 195px;
        margin-bottom: 10px;
    }
}
.programs .content-swiper-wrapper .swiper-slide .link {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.programs .content-swiper-wrapper .swiper-slide .link:hover .icon {
    background: rgba(255, 255, 255, 0.7);
}
.programs .content-swiper-wrapper .swiper-slide .name {
    display: block;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 16px;
}
@media (max-width: 576px) {
    .programs .content-swiper-wrapper .swiper-slide .name {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 4px;
    }
}
.programs .content-swiper-wrapper .swiper-slide .price-container {
    display: flex;
    align-items: flex-end;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    line-height: 125%;
    letter-spacing: 0.01em;
    color: var(--text-orange);
}
@media (max-width: 576px) {
    .programs .content-swiper-wrapper .swiper-slide .price-container {
        font-size: 22px;
        line-height: 28px;
    }
}
.programs .content-swiper-wrapper .swiper-slide .price {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.01em;
    color: var(--text-orange);
}
@media (max-width: 576px) {
    .programs .content-swiper-wrapper .swiper-slide .price {
        font-size: 22px;
        line-height: 28px;
    }
}
.programs .content-swiper-wrapper .swiper-slide .icon {
    margin-top: auto;
    border-radius: 32px;
    min-height: 52px;
    min-width: 52px;
    background: var(--surface-level-1);
    display: flex;
    align-items: center;
    flex: none;
    width: -moz-fit-content;
    width: fit-content;
    justify-content: center;
    transition: 0.2s ease-in;
}
@media (max-width: 768px) {
    .programs .content-swiper-wrapper .swiper-slide .icon {
        min-height: 32px;
        min-width: 32px;
    }
    .programs .content-swiper-wrapper .swiper-slide .icon svg {
        width: 16px;
        height: 16px;
    }
}
.programs .content-swiper-wrapper .swiper-slide .img {
    z-index: 0;
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}
@media (max-width: 768px) {
    .programs .content-swiper-wrapper .swiper-slide .img .back {
        max-width: 187px;
    }
}
.programs .content-swiper-wrapper .swiper-slide .img .main-img {
    position: absolute;
    right: 0;
    bottom: 0;
}
@media (max-width: 768px) {
    .programs .content-swiper-wrapper .swiper-slide .img .main-img {
        max-width: 140px;
    }
}

.specialty-search .layout-search {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 32px;
}
@media (max-width: 1024px) {
    .specialty-search .layout-search {
        display: block;
        margin-bottom: 16px;
    }
}
.specialty-search .layout-search .search-input-1 form {
    min-width: 0;
    min-width: initial;
}
@media (max-width: 1024px) {
    .specialty-search .layout-search .search-input-1 form {
        width: 100%;
    }
}
.specialty-search .layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    gap: 16px;
    margin-bottom: 32px;
}
@media (max-width: 1024px) {
    .specialty-search .layout {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 16px;
    }
}
.specialty-search .centered {
    display: flex;
    justify-content: center;
}
@media (max-width: 1024px) {
    .specialty-search .centered {
        display: flex;
        justify-content: center;
    }
    .specialty-search .centered .btn-2 {
        border: 1px solid #b3bbc7;
        border-radius: 32px;
        padding: 0px 24px;
        min-height: 48px;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.01em;
        color: #121519;
    }
}
.specialty-search .btn-2 {
    display: block;
    text-align: start;
    border: 1px solid var(--border-devider);
}
.specialty-search .btn-2:hover {
    border: 1px solid var(--color-grayscale-40);
}
@media (max-width: 1024px) {
    .specialty-search .btn-2 {
        border: 1px solid #e8ecf2;
        border-radius: 16px;
        padding: 0px 16px;
        min-height: 48px;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.01em;
        color: #121519;
    }
}

.alphabet-list-section .content {
    display: flex;
    flex-direction: column;
    gap: 64px;
}
@media (max-width: 1024px) {
    .alphabet-list-section .content {
        gap: 32px;
    }
}
.alphabet-list-section .content .item .tabs-btns {
    margin-bottom: 16px;
}
.alphabet-list-section .content .item .alphabet-list {
    -moz-columns: 4;
    columns: 4;
    gap: 32px;
}
@media (max-width: 1360px) {
    .alphabet-list-section .content .item .alphabet-list {
        -moz-columns: 3;
        columns: 3;
    }
}
@media (max-width: 1024px) {
    .alphabet-list-section .content .item .alphabet-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}
.alphabet-list-section .content .item .alphabet-list li {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    position: relative;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    line-height: 165%;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    gap: 8px;
}
@media (max-width: 1024px) {
    .alphabet-list-section .content .item .alphabet-list li {
        margin: 0;
    }
}
.alphabet-list-section .content .item .alphabet-list li a {
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    line-height: 165%;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 8px;
}
.alphabet-list-section .content .item .alphabet-list li a:hover {
    color: var(--text-orange);
}
@media (max-width: 576px) {
    .alphabet-list-section .content .item .alphabet-list li a {
        font-size: 16px;
        line-height: 24px;
    }
}
.alphabet-list-section .content .item .alphabet-list li::before {
    content: url("/local/images/icons/bullet.svg");
    width: 24px;
    height: 24px;
}
.alphabet-list-section .content .item .alphabet-list li:has(.alphabet-letter)::before {
    display: none;
}
.alphabet-list-section .content .item .alphabet-list .alphabet-letter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.doctors-search .layout-search {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 32px;
}
@media (max-width: 1024px) {
    .doctors-search .layout-search {
        display: block;
        margin-bottom: 16px;
    }
}
.doctors-search .layout-search .search-input-1 form {
    min-width: 0;
    min-width: initial;
}
@media (max-width: 1024px) {
    .doctors-search .layout-search .search-input-1 form {
        width: 100%;
    }
}
.doctors-search .layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    gap: 16px;
}
.doctors-search .layout .large .content .name {
    margin-bottom: 12px;
}
@media (max-width: 1024px) {
    .doctors-search .layout .large .content .name {
        margin-bottom: 8px;
    }
}
.doctors-search .layout .large .content .post {
    margin-bottom: 12px;
}
@media (max-width: 1024px) {
    .doctors-search .layout .large .content .post {
        margin-bottom: 8px;
    }
}
.doctors-search .layout .large .content .post .item {
    padding: 2px 8px;
}
@media (max-width: 1024px) {
    .doctors-search .layout .large .content .post .item {
        padding: 0px 8px;
    }
}
.doctors-search .layout .large .content .info {
    margin-bottom: 12px;
}
@media (max-width: 1024px) {
    .doctors-search .layout .large .content .info {
        margin-bottom: 8px;
    }
}
.doctors-search .layout .large .content .info .experience {
    padding: 2px 8px;
}
@media (max-width: 1024px) {
    .doctors-search .layout .large .content .info .experience {
        padding: 0px 8px;
    }
}
.doctors-search .layout .large .media {
    align-items: start;
    justify-content: start;
}
.doctors-search .layout .large .media .unknown {
    align-items: start;
    max-height: 100px;
}
.doctors-search .layout .large .media .avatar-container:not(:has(img)), .doctors-search .layout .large .media .avatar-container:has(.avatar:not([src])), .doctors-search .layout .large .media .avatar-container:has(.avatar[src=""]) {
    display: none;
}
.doctors-search .layout .large .media .avatar-container {
    height: auto;
    height: initial;
}
.doctors-search .layout .large .media .avatar-container .avatar {
    min-height: 112px;
    -o-object-fit: cover;
    object-fit: cover;
}
.doctors-search .layout .large .media .avatar-container .avatar:not([src]), .doctors-search .layout .large .media .avatar-container .avatar[src=""] {
    display: none;
}
@media (max-width: 1024px) {
    .doctors-search .layout .large .media .avatar-container .avatar {
        min-height: 100px;
    }
}
@media (max-width: 1024px) {
    .doctors-search .layout {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}
@media (max-width: 576px) {
    .doctors-search .layout .card {
        display: grid;
        grid-template-columns: 32.4% 1fr;
    }
    .doctors-search .layout .card .post .item .text-overflow {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
    }
    .doctors-search .layout .card .cities .citie {
        gap: 4px;
    }
    .doctors-search .layout .card .cities .circle {
        width: 6px;
        height: 6px;
    }
    .doctors-search .layout .card .cities .text {
        font-family: var(--font-family);
        font-weight: 400;
        margin-left: 4px;
        line-height: 18px;
        letter-spacing: 0.02em;
    }
}
@media (max-width: 1024px) {
    .doctors-search .centered {
        display: flex;
        justify-content: center;
    }
    .doctors-search .centered .btn-2 {
        border: 1px solid #b3bbc7;
        border-radius: 32px;
        padding: 0px 24px;
        min-height: 48px;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.01em;
        color: #121519;
    }
}

.online-appointment .online-appointment-chips {
    margin-bottom: 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    overflow: auto;
    scrollbar-width: none;
}
.online-appointment .online-appointment-chips::-webkit-scrollbar {
    display: none;
}
@media (max-width: 1024px) {
    .online-appointment .online-appointment-chips {
        margin-bottom: 24px;
        margin-right: -15px;
        margin-left: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.online-appointment .online-appointment-step {
    display: none;
}
.online-appointment .online-appointment-step .doctors-search .media {
    min-height: 0;
    min-height: initial;
}
@media (max-width: 1024px) {
    .online-appointment .online-appointment-step .doctors-search .layout .card {
        border-radius: 20px;
    }
}
.online-appointment .online-appointment-step .doctors-search .content .name br {
    display: none;
}
.online-appointment .online-appointment-step .doctors-search .cities {
    gap: 12px;
}
@media (max-width: 1024px) {
    .online-appointment .online-appointment-step .doctors-search .cities {
        gap: 0 8px;
    }
}
.online-appointment .online-appointment-step .doctors-search .media .avatar {
    min-width: 0;
    min-width: initial;
    min-height: 100px;
    -o-object-fit: contain;
    object-fit: contain;
}
.online-appointment .online-appointment-step.is-active {
    display: block;
}
.online-appointment .chip-1.is-hidden {
    display: none;
}
.online-appointment .chip-1.btn-reset.is-active {
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #fa8c16;
    border: 1.5px solid #fa8c16;
    border-radius: 32px;
}
.online-appointment .online-appointment-chip-value {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.online-appointment .online-appointment-chip-dots {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}
.online-appointment .online-appointment-chip-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dot, #ff8a00);
}

.prices-section .title {
    max-width: 956px;
}
.prices-section .filter-block {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}
@media (max-width: 1360px) {
    .prices-section .filter-block {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 16px;
    }
}
.prices-section .filter-block .search-input {
    width: auto;
}
@media (max-width: 1024px) {
    .prices-section .filter-block .search-input {
        width: 100%;
    }
    .prices-section .filter-block .search-input form {
        min-width: 0;
        min-width: initial;
    }
}
.prices-section .filter-block .filter-container {
    margin: 0 -16px;
    padding: 0 16px;
}
@media (max-width: 1024px) {
    .prices-section .filter-block .filter-container {
        overflow-x: auto;
        min-width: 100%;
    }
    .prices-section .filter-block .filter-container::-webkit-scrollbar {
        display: none;
    }
}
.prices-section .filter-block .filter-container .item {
    min-width: -moz-fit-content;
    min-width: fit-content;
}
.prices-section .accordion {
    border-radius: 48px;
    padding: 40px;
    background: var(--surface-level-0);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
@media (max-width: 1024px) {
    .prices-section .accordion {
        border-radius: 32px;
        padding: 24px 16px;
    }
}
.prices-section .accordion .acc-item {
    border-radius: 32px;
    padding: 24px 32px;
    background: var(--surface-level-1);
}
.prices-section .accordion .acc-item.is-open .acc-btn {
    background-color: var(--surface-level-1);
}
.prices-section .accordion .acc-item.is-open .acc-btn.child .head .img {
    background-color: var(--surface-green-light);
}
.prices-section .accordion .acc-item.is-open .head .img {
    background: var(--surface-orange-light);
}
.prices-section .accordion .acc-item.is-open .head .img img {
    display: none;
}
.prices-section .accordion .acc-item.is-open .head .img img.hover {
    display: block;
}
@media (max-width: 1024px) {
    .prices-section .accordion .acc-item {
        border-radius: 24px;
        padding: 16px;
    }
}
.prices-section .accordion .acc-btn {
    padding: 0;
}
.prices-section .accordion .acc-btn::before {
    display: none;
}
.prices-section .accordion .acc-btn::after {
    right: 0;
}
.prices-section .accordion .acc-btn:hover {
    background: var(--surface-level-1);
}
.prices-section .accordion .acc-btn:hover.child .head .img {
    background-color: var(--surface-green-light);
}
.prices-section .accordion .acc-btn:hover .head .img {
    background: var(--surface-orange-light);
}
.prices-section .accordion .acc-btn:hover .head .img img {
    display: none;
}
.prices-section .accordion .acc-btn:hover .head .img img.hover {
    display: block;
}
.prices-section .accordion .acc-btn .head {
    display: flex;
    align-items: center;
    gap: 16px;
    width: -moz-fit-content;
    width: fit-content;
}
.prices-section .accordion .acc-btn .head span {
    width: auto;
    max-width: none;
    max-width: initial;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .prices-section .accordion .acc-btn .head span {
        font-size: 16px;
        line-height: 24px;
    }
}
.prices-section .accordion .acc-btn .head .img {
    border-radius: 32px;
    background: var(--surface-level-0);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1024px) {
    .prices-section .accordion .acc-btn .head .img {
        width: 44px;
        height: 44px;
    }
    .prices-section .accordion .acc-btn .head .img img {
        max-width: 24px;
    }
}
.prices-section .accordion .acc-btn .head .img img.hover {
    display: none;
}
.prices-section .accordion .acc-body {
    padding: 0;
    max-width: 100%;
}
.prices-section .accordion .accordion-inner {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    border-radius: initial;
    gap: 0;
    margin-top: 24px;
}
@media (max-width: 1024px) {
    .prices-section .accordion .accordion-inner {
        margin-top: 16px;
    }
}
.prices-section .accordion .accordion-inner .acc-panel {
    transition: 0.2s ease-in;
}
.prices-section .accordion .accordion-inner .acc-item {
    width: 100%;
    max-width: none;
    max-width: initial;
    padding: 24px 0;
    border-top: 1px solid var(--border-devider);
    border-radius: 0;
    border-radius: initial;
}
@media (max-width: 1024px) {
    .prices-section .accordion .accordion-inner .acc-item {
        padding: 16px 0px;
    }
}
.prices-section .accordion .accordion-inner .acc-item.is-open .acc-btn > span {
    color: var(--text-tertiary);
}
.prices-section .accordion .accordion-inner .acc-item .acc-btn > span {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .prices-section .accordion .accordion-inner .acc-item .acc-btn > span {
        font-size: 16px;
    }
}
.prices-section .prices-list {
    padding-top: 8px;
}
@media (max-width: 1024px) {
    .prices-section .prices-list {
        padding-top: 0;
    }
}
.prices-section .prices-list .prices-list-item {
    border-bottom: 1px solid var(--border-devider);
    padding: 16px 0px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 196px;
}
.prices-section .prices-list .prices-list-item:last-child {
    border: medium none currentcolor;
    border: initial;
    padding-bottom: 0;
}
@media (max-width: 1024px) {
    .prices-section .prices-list .prices-list-item {
        gap: 16px;
    }
}
.prices-section .prices-list .prices-list-item .name {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
@media (max-width: 1024px) {
    .prices-section .prices-list .prices-list-item .name {
        font-size: 14px;
        line-height: 20px;
    }
}
.prices-section .prices-list .prices-list-item .price {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    flex: none;
}
@media (max-width: 1024px) {
    .prices-section .prices-list .prices-list-item .price {
        font-size: 16px;
    }
}

.tabs-service .services-tabs {
    border-radius: 48px;
    padding: 40px;
    background: var(--surface-level-0);
}
.tabs-service .services-tabs .head .tabs-btns {
    background-color: transparent;
    padding: 0;
}
.tabs-service .services-tabs .head .tabs-btns::before {
    display: none;
}
.tabs-service .services-tabs .head .tabs-btn {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
    background-color: transparent;
    padding: 24px 24px 0;
    border-radius: 32px 32px 0 0;
    transition: none 0s ease 0s;
    transition: initial;
}
.tabs-service .services-tabs .head .tabs-btn span {
    display: block;
    padding-bottom: 24px;
    border-bottom: 1px solid transparent;
}
.tabs-service .services-tabs .head .tabs-btn.active {
    border-radius: 32px 32px 0 0;
    background: var(--surface-level-1);
    color: var(--text-primary);
}
.tabs-service .services-tabs .head .tabs-btn.active span {
    border-bottom: 1px solid var(--border-devider);
}
.tabs-service .services-tabs .layout {
    border-radius: 0 32px 32px 32px;
    padding: 24px;
    background: var(--surface-level-1);
}
.tabs-service .services-tabs .tabs-content ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px 16px;
    gap: 8px 16px;
}
@media (max-width: 1360px) {
    .tabs-service .services-tabs .tabs-content ul {
        grid-template-columns: repeat(3, 1fr);
    }
}
.tabs-service .services-tabs .tabs-content ul li a {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.tabs-service .services-tabs .tabs-content ul li a:hover {
    color: var(--text-orange);
}

.accordion-services .content-wrapper {
    background-color: transparent;
    border: medium none currentcolor;
    border: initial;
}
.accordion-services .content {
    border-radius: 32px;
    padding: 24px 16px;
    background: var(--surface-level-0);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.accordion-services .content .acc-item.is-open .acc-btn {
    background: var(--surface-level-1);
    border-radius: 24px 24px 0 0;
    transition: none 0s ease 0s;
    transition: initial;
}
.accordion-services .content .acc-btn {
    border-radius: 24px;
    padding: 24px;
    background: var(--surface-level-1);
    transition: border-radius 1.2s; /* 1s - задержка */
    border: none;
}
.accordion-services .content .acc-btn > span {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-primary);
}
.accordion-services .content .acc-btn::before {
    display: none;
}
.accordion-services .content .acc-body {
    padding: 0px 16px 16px;
    border-radius: 0 0 24px 24px;
    background: var(--surface-level-1);
}
.accordion-services .content .acc-body ul li {
    border-top: 1px solid var(--border-devider);
    padding: 12px 0px;
}
.accordion-services .content .acc-body ul li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.accordion-services .content .acc-body ul li a svg {
    display: none;
}
.accordion-services .content .acc-body ul li:last-child {
    padding-bottom: 0;
}

.a-call .content.bg-gray {
    background: var(--surface-level-0);
}
.a-call .content.no-border {
    border: none;
}
.a-call .content .info {
    z-index: 1;
}
.a-call .img {
    z-index: 0;
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 0;
}
@media (max-width: 1024px) {
    .a-call .img {
        position: relative;
        display: flex;
        justify-content: center;
    }
}
.a-call .img .main-img {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
@media (max-width: 1024px) {
    .a-call .img .main-img {
        height: 100%;
    }
}

@media (max-width: 1024px) {
    .article-guid-hero {
        overflow: hidden;
    }
}
.article-guid-hero .container > .head-title {
    padding-bottom: 32px;
    border-bottom: 1px solid var(--border-devider);
    width: 100%;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .head-title {
        padding: 0;
        border: none;
    }
}
.article-guid-hero .container > .head-title .title {
    margin: 0 0 24px 0;
    max-width: 956px;
}
.article-guid-hero .container > .head-title .row {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    flex-wrap: wrap;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .head-title .row {
        flex-direction: column;
        gap: 16px;
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    .article-guid-hero .container > .head-title .row svg {
        width: 16px;
        height: 16px;
    }
}
.article-guid-hero .container > .head-title .row .scroll {
    display: flex;
    align-items: center;
    gap: 24px;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .head-title .row .scroll {
        gap: 12px;
        -webkit-overflow-scrolling: touch;
    }
    .article-guid-hero .container > .head-title .row .scroll::-webkit-scrollbar {
        display: none;
    }
}
.article-guid-hero .container > .head-title .row .scroll > .item {
    display: flex;
    align-items: center;
    gap: 12px;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .head-title .row .scroll > .item {
        flex: none;
        font-size: 14px;
        line-height: 20px;
        gap: 8px;
    }
}
.article-guid-hero .container > .head-title .row .tag {
    border: 1px solid var(--border-devider);
    border-radius: 48px;
    padding: 8px 16px 8px 12px;
    background: var(--surface-level-1);
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.03em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .head-title .row .tag {
        font-size: 11px;
        line-height: 18px;
        border-radius: 48px;
        padding: 4px 12px 4px 8px;
        flex: none;
        gap: 4px;
    }
}
.article-guid-hero .container > .head-title .row .directions {
    display: flex;
    align-items: center;
    gap: 8px;
}
.article-guid-hero .container > .head-title .row .directions .item {
    border-radius: 12px;
    padding: 8px 12px;
    background: var(--surface-orange-light);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .head-title .row .directions .item {
        font-size: 12px;
        line-height: 18px;
        border-radius: 8px;
        padding: 4px 8px;
    }
}
.article-guid-hero .container > .head-title .row .link {
    margin-left: auto;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .head-title .row .link {
        display: none;
    }
}
.article-guid-hero .container > .content {
    display: grid;
    grid-template-columns: minmax(400px, 848px) 416px;
    grid-gap: 16px;
    gap: 16px;
    position: relative;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content {
        display: flex;
        flex-direction: column-reverse;
    }
}
.article-guid-hero .container > .content .main-content .guid-hero {
    border-radius: 48px;
    padding: 40px;
    background: var(--surface-level-0);
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .guid-hero {
        border-radius: 32px;
        padding: 24px 16px;
    }
}
.article-guid-hero .container > .content .main-content .guid-hero .img {
    border-radius: 32px;
    overflow: hidden;
    margin-bottom: 32px;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .guid-hero .img {
        border-radius: 24px;
        margin-bottom: 16px;
    }
}
.article-guid-hero .container > .content .main-content .guid-hero .img img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.article-guid-hero .container > .content .main-content .guid-hero .desc {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .guid-hero .desc {
        font-size: 16px;
        line-height: 24px;
    }
}
.article-guid-hero .container > .content .main-content .guid-promo-swiper {
    margin-right: -16px;
    padding-right: 16px;
}
.article-guid-hero .container > .content .main-content .guid-promo-swiper .swiper-slide.empty {
    display: flex;
    min-height: 100%;
    background: rgba(244, 247, 251, 0.5);
    border-radius: 32px;
    overflow: hidden;
    justify-content: center;
}
.article-guid-hero .container > .content .main-content .guid-promo-swiper .swiper-slide.empty img {
    -o-object-fit: none;
    object-fit: none;
}
.article-guid-hero .container > .content .main-content .guid-promo-swiper .card {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: linear-gradient(45deg, #ffecdf 0%, #fbeefb 100%);
    border-radius: 32px;
    padding: 24px 32px;
    overflow: hidden;
    min-height: 224px;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .guid-promo-swiper .card {
        min-height: 182px;
        border-radius: 24px;
        padding: 16px;
        background: linear-gradient(45deg, #ffecdf 0%, #fbeefb 100%);
    }
}
.article-guid-hero .container > .content .main-content .guid-promo-swiper .card .info {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}
.article-guid-hero .container > .content .main-content .guid-promo-swiper .card .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    max-width: 276px;
    margin-bottom: 16px;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .guid-promo-swiper .card .name {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 4px;
        max-width: 100%;
    }
}
.article-guid-hero .container > .content .main-content .guid-promo-swiper .card .prices {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 24px;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .guid-promo-swiper .card .prices {
        flex-direction: column;
        gap: 2px;
        margin-bottom: 12px;
        align-items: flex-start;
    }
}
.article-guid-hero .container > .content .main-content .guid-promo-swiper .card .prices .price {
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0.01em;
    color: var(--icon-orange);
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .guid-promo-swiper .card .prices .price {
        font-size: 22px;
        line-height: 28px;
    }
}
.article-guid-hero .container > .content .main-content .guid-promo-swiper .card .prices .discount {
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    letter-spacing: 0.01em;
    text-decoration: line-through;
    color: var(--text-secondary);
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .guid-promo-swiper .card .prices .discount {
        font-size: 14px;
        line-height: 20px;
    }
}
.article-guid-hero .container > .content .main-content .guid-promo-swiper .card .row {
    display: flex;
    align-items: center;
    gap: 8px;
}
.article-guid-hero .container > .content .main-content .guid-promo-swiper .card .row button {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-level-1);
    border-radius: 100%;
}
.article-guid-hero .container > .content .main-content .guid-promo-swiper .card .row .date {
    background: var(--surface-level-1);
    border-radius: 12px;
    padding: 8px 12px;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .guid-promo-swiper .card .row .date {
        border-radius: 8px;
        padding: 4px 8px;
        font-size: 12px;
        line-height: 18px;
    }
}
.article-guid-hero .container > .content .main-content .guid-promo-swiper .card .img {
    position: absolute;
    max-width: 177px;
    right: 0;
    bottom: 0;
    z-index: 0;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .guid-promo-swiper .card .img {
        max-width: 140px;
    }
}
.article-guid-hero .container > .content .main-content .info-section {
    border-radius: 32px;
    padding: 24px 40px;
    background: var(--surface-purple-light);
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .info-section {
        border-radius: 16px;
        padding: 16px;
    }
}
.article-guid-hero .container > .content .main-content .info-section svg {
    flex: none;
}
.article-guid-hero .container > .content .main-content .info-section .content {
    display: flex;
    gap: 16px;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .info-section .content {
        gap: 12px;
    }
}
.article-guid-hero .container > .content .main-content .info-section .info {
    display: flex;
    flex-direction: column;
}
.article-guid-hero .container > .content .main-content .info-section .head {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 4px;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .info-section .head {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }
}
.article-guid-hero .container > .content .main-content .info-section .desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .info-section .desc {
        font-size: 14px;
        line-height: 20px;
    }
}
.article-guid-hero .container > .content .main-content .dms.guid .info {
    position: relative;
    z-index: 1;
}
.article-guid-hero .container > .content .main-content .dms.guid .dms-img {
    z-index: 0;
}
.article-guid-hero .container > .content .main-content .dms.guid .row {
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 1;
    position: relative;
}
@media (max-width: 1024px) {
    .article-guid-hero .container > .content .main-content .dms.guid .row {
        flex-direction: column;
    }
    .article-guid-hero .container > .content .main-content .dms.guid .row button {
        width: 100%;
    }
}
.article-guid-hero .container > .content .main-content .dms.guid .dms-img.visible-tablet {
    position: relative;
    z-index: 0;
    margin-bottom: -2px;
    align-self: center;
}
.article-guid-hero .menu-trigger-anchors {
    padding: 32px 0;
    margin-right: -16px;
}
@media (max-width: 1024px) {
    .article-guid-hero .menu-trigger-anchors {
        padding: 24px 0;
        padding-right: 16px;
    }
}

.article-toc {
    border: 1px solid var(--border-devider);
    border-radius: 32px;
    padding: 24px;
}
@media (max-width: 1024px) {
    .article-toc {
        display: none;
    }
}

.article-toc__title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0 0 16px 0;
}

.article-toc__nav {
    --collapsed-height: 268px;
    max-height: var(--collapsed-height);
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.article-toc.is-expanded .article-toc__nav {
    max-height: 1000px;
}

.article-toc__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.article-toc__list-inner {
    padding-left: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.article-toc__item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.article-toc__link {
    display: inline-block;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}

.article-toc__link:hover {
    color: var(--text-orange);
}

.article-toc__link.is-active {
    color: var(--text-orange);
}

.article-toc__toggle {
    margin-top: 16px;
    width: 100%;
    padding-top: 16px;
    border-top: 1px solid var(--border-devider);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}

.article-toc__toggle:hover {
    color: var(--text-orange);
}
.article-toc__toggle:hover svg path {
    stroke: var(--text-orange);
}

.article-toc__toggle-icon {
    transition: 0.3s ease;
}

.article-toc.is-expanded .article-toc__toggle-icon {
    transform: rotate(180deg);
}

.sticky-container {
    position: sticky;
    top: calc(var(--header-h) + 24px);
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (max-width: 1024px) {
    .sticky-container {
        position: static;
    }
}
.sticky-container .head {
    display: flex;
    gap: 16px;
    align-items: center;
    border: 1px solid var(--border-devider);
    border-radius: 24px;
    padding: 0px 24px 0px 0px;
}
@media (max-width: 1024px) {
    .sticky-container .head {
        border: 1px solid var(--border-devider);
        border-radius: 24px;
        padding: 16px;
    }
}
.sticky-container .head .img {
    max-width: 162px;
    border: 32px;
    overflow: hidden;
    flex: none;
    display: flex;
}
.sticky-container .head .img img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
@media (max-width: 1024px) {
    .sticky-container .head .img {
        max-width: 112px;
        padding-bottom: 8px;
    }
}
.sticky-container .head .info {
    padding: 16px 0px;
    display: flex;
    flex-direction: column;
}
@media (max-width: 1024px) {
    .sticky-container .head .info {
        padding: 0;
    }
}
.sticky-container .head .upper-name {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-secondary);
    margin-bottom: 4px;
}
@media (max-width: 1024px) {
    .sticky-container .head .upper-name {
        font-size: 12px;
        margin-bottom: 2px;
    }
}
.sticky-container .head .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 8px;
}
@media (max-width: 1024px) {
    .sticky-container .head .name {
        font-size: 16px;
    }
}
.sticky-container .head .directions {
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    gap: 8px 4px;
}
@media (max-width: 1024px) {
    .sticky-container .head .directions {
        gap: 6px 2px;
    }
}
.sticky-container .head .directions .direction {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    border-radius: 8px;
    padding: 2px 8px;
    background: var(--surface-level-0);
}
@media (max-width: 1024px) {
    .sticky-container .head .directions .direction {
        font-size: 12px;
        border-radius: 6px;
        padding: 0px 8px;
    }
}
.sticky-container .head .tag {
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-primary);
    border-radius: 8px;
    padding: 2px 8px;
    background: var(--surface-orange-light);
}
@media (max-width: 1024px) {
    .sticky-container .head .tag {
        font-weight: 400;
        font-size: 12px;
        border-radius: 6px;
        padding: 0px 8px;
    }
}

.medicle-services .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    gap: 16px;
    margin-bottom: 4px;
}
@media (max-width: 1024px) {
    .medicle-services .content {
        gap: 12px;
    }
}
@media (max-width: 768px) {
    .medicle-services .content {
        margin-bottom: 16px;
        grid-template-columns: 1fr;
    }
}
.medicle-services .content .link {
    border: 1px solid var(--border-devider);
    border-radius: 16px;
    padding: 12px 24px;
    background: var(--surface-level-1);
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.medicle-services .content .link:hover {
    background: rgba(244, 247, 251, 0.6);
}
@media (max-width: 1024px) {
    .medicle-services .content .link {
        font-size: 14px;
        line-height: 20px;
        border-radius: 16px;
        padding: 12px 16px;
    }
}
.medicle-services .link-all {
    display: flex;
    justify-content: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .medicle-services .link-all {
        width: 100%;
    }
}

.no-found .content {
    display: flex;
    flex-direction: column;
    margin: 120px auto 184px auto;
    gap: 24px;
    max-width: 352px;
}
@media (max-width: 1024px) {
    .no-found .content {
        margin: 64px auto 96px auto;
    }
}
.no-found .content .no-found-img {
    display: flex;
    justify-content: center;
}
.no-found .content .no-found-img img {
    max-width: 40px;
}
.no-found .content .info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
}
@media (max-width: 1024px) {
    .no-found .content .info {
        gap: 8px;
    }
}
.no-found .content .info .title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(16px, 1vw, 21px);
    line-height: 28px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .no-found .content .info .title {
        line-height: 24px;
    }
}
.no-found .content .info .desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(12px, 1vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .no-found .content .info .desc {
        line-height: 18px;
        letter-spacing: 0.02em;
    }
}

.online-services ul {
    margin-bottom: 32px;
    display: flex;
    gap: 8px;
}
@media (max-width: 1024px) {
    .online-services ul {
        overflow-y: auto;
        margin-right: -16px;
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 24px;
    }
    .online-services ul::-webkit-scrollbar {
        scrollbar-width: none;
    }
    .online-services ul li {
        flex: none;
    }
}
.online-services h2 {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    margin: 0 0 24px 0;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .online-services h2 {
        line-height: 24px;
        font-size: 18px;
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
        gap: 12px;
        margin-bottom: 16px;
    }
}
.online-services .app-phone {
    position: relative;
    padding-top: 0;
}
.online-services .app-phone .info {
    position: relative;
    z-index: 1;
    max-width: 700px;
}
@media (max-width: 1024px) {
    .online-services .app-phone .info .links .stores {
        margin: 0;
        display: none;
    }
}
.online-services .app-phone .info h2 {
    font-size: 34px;
    line-height: 44px;
}
@media (max-width: 1024px) {
    .online-services .app-phone .info h2 {
        font-size: 24px;
        line-height: 32px;
        text-align: left;
        margin-bottom: 8px;
    }
}
.online-services .app-phone .info p {
    max-width: none;
    max-width: initial;
    margin: 0 0 38px 0;
}
@media (max-width: 1024px) {
    .online-services .app-phone .info p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        text-align: left;
    }
}
.online-services .app-phone .app-phone-img {
    right: 0;
    z-index: 0;
    display: flex;
}
@media (max-width: 1360px) {
    .online-services .app-phone .app-phone-img {
        display: none;
    }
}
@media (max-width: 1024px) {
    .online-services .app-phone .app-phone-img {
        align-self: center;
        justify-content: center;
        display: flex;
        position: static;
        margin-top: 16px;
    }
}
.online-services .app-phone .app-phone-wrapper {
    padding: 48px 40px;
    background: linear-gradient(45deg, #ffe3ff 0%, #ffe3bc 100%);
}
@media (max-width: 1024px) {
    .online-services .app-phone .app-phone-wrapper {
        margin: 0 0 16px 0;
        border-radius: 24px;
        padding: 24px 24px 0px;
        background: linear-gradient(45deg, #fbeefb 0%, #ffecdf 100%);
    }
}
.online-services .app-phone .links-wrapper {
    border-radius: 24px;
    padding: 16px 24px;
    background: var(--surface-level-0);
    display: none;
}
@media (max-width: 1024px) {
    .online-services .app-phone .links-wrapper {
        display: block;
    }
}
.online-services .app-phone .links-wrapper .links .stores {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.online-services .app-phone .links-wrapper .links .stores button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-grayscale-white);
    border-radius: 32px;
    padding: 8px 24px;
    width: 100%;
}
.online-services .app-phone .links-wrapper .links .stores button img {
    width: 100%;
}

.section-intro {
    border-radius: 48px;
    padding: 40px;
    background: var(--surface-level-0);
    margin-bottom: 64px;
}
@media (max-width: 1024px) {
    .section-intro {
        border-radius: 32px;
        padding: 24px 16px;
        margin-bottom: 0px;
    }
}
.section-intro .content {
    max-width: 960px;
}
.section-intro .content h2 {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0 0 24px 0;
}
@media (max-width: 1024px) {
    .section-intro .content h2 {
        font-size: 18px;
        margin-bottom: 16px;
        line-height: 24px;
    }
}
.section-intro .content p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0;
}
.section-intro .content p a {
    font-weight: 500;
    color: var(--text-orange);
    text-wrap: nowrap;
}
@media (max-width: 1024px) {
    .section-intro .content p {
        line-height: 24px;
        font-size: 16px;
    }
}

.online-step-section {
    display: grid;
    grid-template-columns: 1fr 476px;
    grid-gap: 64px;
    gap: 64px;
}
.online-step-section:has(.online-step.is-active:first-child) {
    gap: 104px;
}
@media (max-width: 1024px) {
    .online-step-section:has(.online-step.is-active:first-child) {
        display: flex;
        gap: 32px;
    }
}
@media (max-width: 1024px) {
    .online-step-section {
        display: flex;
        gap: 32px;
    }
}
.online-step-section .btn-docs {
    margin-top: 16px;
}
@media (max-width: 1024px) {
    .online-step-section {
        display: flex;
        flex-direction: column;
    }
}
.online-step-section .online-step-section-left {
    display: flex;
    flex-direction: column;
}
.online-step-section .online-step-section-left .stepper {
    margin-bottom: 32px;
    display: flex;
    flex-direction: row;
    gap: 12px;
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-left .stepper {
        margin-bottom: 24px;
    }
}
.online-step-section .online-step-section-left .stepper .stepper-item {
    display: block;
    border-radius: 8px;
    flex: 1;
    height: 3px;
    background: var(--color-grayscale-30);
}
.online-step-section .online-step-section-left .stepper .stepper-item.active {
    background: var(--surface-green);
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-right {
        order: 1;
    }
}
.online-step-section .online-step-section-right .documents-title {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    background: transparent;
    border: 0;
    margin-bottom: 24px;
    line-height: 28px;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    position: relative;
    gap: 16px;
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-right .documents-title {
        font-size: 16px;
        margin-bottom: 0;
        padding-bottom: 16px;
        padding-top: 16px;
        padding-left: 0px;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.01em;
        color: var(--text-primary);
        display: flex;
        align-items: center;
    }
}
.online-step-section .online-step-section-right .documents-sidebar.is-open .documents-title::after {
    transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-right .documents-sidebar .documents-panel {
        height: auto;
        overflow: hidden;
        transition: height 0.3s ease;
    }
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-right .documents-sidebar .documents-panel-inner {
        padding-top: 0;
    }
}
.online-step-section .online-step-section-right .documents-sidebar .documents-title::before {
    content: url(/local/images/icons/Docs.svg);
    display: flex;
    height: 24px;
    margin-bottom: 4px;
}
.online-step-section .online-step-section-right .documents-sidebar.legal-information .legal-info-list-tab {
    margin: 0;
    gap: 16px;
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-right .documents-sidebar.legal-information .legal-info-list-tab {
        border-top: 0;
        border-top: initial;
    }
}
.online-step-section .online-step-section-right .documents-sidebar.legal-information .legal-info-list-tab .legal-info-item-tab {
    padding: 0px 20px 24px 0;
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-right .documents-sidebar.legal-information .legal-info-list-tab .legal-info-item-tab {
        padding: 0px 16px 16px 0px;
        margin: 0;
    }
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-right .payment-instruct button.payment-instruct-title {
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: var(--text-primary);
        padding: 16px 0 12px 0;
    }
}
.online-step-section .online-step-section-right .payment-instruct .payment-instruct-title {
    display: flex;
    width: 100%;
    text-align: left;
    background: transparent;
    border: 0;
    align-items: center;
    margin: 0;
    gap: 16px;
    position: relative;
    padding-bottom: 16px;
}
.online-step-section .online-step-section-right .payment-instruct .payment-instruct-title::before {
    content: url(/local/images/icons/Info.svg);
    margin-bottom: 4px;
    height: 24px;
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-right .payment-instruct .payment-instruct-title::before {
        margin-bottom: 4px;
    }
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-right .payment-instruct .payment-instruct-title::after {
        content: url(/local/images/icons/Arrow-down.svg);
        position: absolute;
        right: 0;
        height: 24px;
    }
    .online-step-section .online-step-section-right .payment-instruct .payment-instruct-title {
        gap: 12px;
        margin-bottom: 0;
        border-bottom: 1px solid var(--border-devider);
    }
}
@media (max-width: 1024px) and (max-width: 1024px) {
    .online-step-section .online-step-section-right .payment-instruct .payment-instruct-title {
        padding-bottom: 11px;
    }
}
.online-step-section .online-step-section-right .payment-instruct .steps {
    padding-top: 32px;
    padding-bottom: 24px;
    border-top: 1px solid var(--border-devider);
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-right .payment-instruct .steps {
        display: none;
    }
}
.online-step-section .online-step-section-right .payment-instruct .steps .title {
    margin: 0 0 24px 0;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.online-step-section .online-step-section-right .payment-instruct .steps ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 0;
}
.online-step-section .online-step-section-right .payment-instruct .steps ul li {
    display: flex;
    gap: 8px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.online-step-section .online-step-section-right .payment-instruct .steps ul li::before {
    content: url(/local/images/icons/bullet.svg);
    display: block;
    width: 24px;
    height: 24px;
}
.online-step-section .online-step-section-right .payment-instruct .security {
    padding-top: 24px;
    padding-left: 40px;
    border-top: 1px solid var(--border-devider);
    position: relative;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-right .payment-instruct .security {
        display: none;
    }
}
.online-step-section .online-step-section-right .payment-instruct .security::before {
    content: url(/local/images/icons/security.svg);
    position: absolute;
    left: 0;
}
.online-step-section .online-step-section-right .payment-instruct.payment-instruct-popup .btn-okay {
    width: 100%;
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-right .payment-instruct.payment-instruct-popup .payment-instruct-title {
        padding-left: 0;
        margin-bottom: 16px;
    }
    .online-step-section .online-step-section-right .payment-instruct.payment-instruct-popup .payment-instruct-title::after {
        content: none;
    }
    .online-step-section .online-step-section-right .payment-instruct.payment-instruct-popup .payment-instruct-title::before {
        content: none;
    }
    .online-step-section .online-step-section-right .payment-instruct.payment-instruct-popup .payment-instruct-title {
        padding-bottom: 0;
        border-bottom: 0;
    }
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-right .payment-instruct.payment-instruct-popup .steps,
    .online-step-section .online-step-section-right .payment-instruct.payment-instruct-popup .security {
        display: block;
    }
}
.online-step-section .online-step-section-right .payment-instruct.payment-instruct-popup .steps {
    border: medium none currentcolor;
    border: initial;
    padding-top: 0;
}
.online-step-section .online-step-section-right .payment-instruct.payment-instruct-popup .steps .title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
}
.online-step-section .online-step-section-right .payment-instruct.payment-instruct-popup .steps ul {
    gap: 8px;
}
.online-step-section .online-step-section-right .payment-instruct.payment-instruct-popup .steps ul li {
    font-size: 14px;
    line-height: 20px;
}
.online-step-section .online-step-section-right .payment-instruct.payment-instruct-popup .security {
    padding: 0;
    border: medium none currentcolor;
    border: initial;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 20px;
}
.online-step-section .online-step-section-right .payment-instruct.payment-instruct-popup .security .security-block {
    border-radius: 12px;
    padding: 8px 12px;
    background: var(--surface-level-0);
    display: flex;
    flex-direction: row;
    gap: 12px;
    margin-bottom: 16px;
}
.online-step-section .online-step-section-right .payment-instruct.payment-instruct-popup .security::before {
    content: none;
}
@media (max-width: 1024px) {
    .online-step-section .online-step-section-left {
        order: 2;
    }
}
@media (max-width: 1024px) {
    .online-step-section.docs-steps-hidden .btn-docs {
        display: inline-flex;
    }
    .online-step-section.docs-steps-hidden .online-step-section-left {
        display: none;
    }
    .online-step-section.docs-steps-hidden .documents-sidebar .documents-title {
        padding-left: 0;
        padding-top: 0;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.01em;
        border-bottom: 1px solid var(--border-devider);
    }
    .online-step-section.docs-steps-hidden .documents-sidebar .documents-title::before, .online-step-section.docs-steps-hidden .documents-sidebar .documents-title::after {
        content: none;
    }
    .online-step-section.docs-steps-hidden .documents-sidebar .documents-panel {
        height: auto !important;
        overflow: visible;
    }
}
@media (max-width: 1024px) {
    .online-step-section.docs-steps-active .btn-docs {
        display: none;
    }
    .online-step-section.docs-steps-active .documents-sidebar .documents-title {
        margin-bottom: 0;
        padding-bottom: 16px;
        padding-top: 16px;
        border-bottom: 1px solid var(--border-devider);
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.01em;
        gap: 12px;
    }
    .online-step-section.docs-steps-active .documents-sidebar .documents-title::before {
        content: url(/local/images/icons/Docs.svg);
    }
    .online-step-section.docs-steps-active .documents-sidebar .documents-title::after {
        content: url(/local/images/icons/Arrow-down.svg);
        position: absolute;
        width: 24px;
        height: 24px;
        top: 50%;
        right: 0;
        transform: translateY(-50%) rotate(0deg);
        transition: transform 0.25s ease;
    }
    .online-step-section.docs-steps-active .documents-sidebar .documents-panel {
        height: 0;
        overflow: hidden;
    }
}

.clinic-select {
    border-radius: 48px;
    padding: 40px;
    background: var(--surface-level-0);
}
@media (max-width: 1024px) {
    .clinic-select {
        padding: 24px 16px;
        border-radius: 32px;
    }
}
.clinic-select .clinic-select-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    gap: 16px;
}
@media (max-width: 1024px) {
    .clinic-select .clinic-select-grid {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}
.clinic-select .clinic-select-grid .clinic-card {
    outline: none;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    width: 100%;
    text-align: left;
    padding: 16px 24px;
    border-radius: 24px;
    border: none;
    background: var(--surface-level-1);
    cursor: pointer;
    transition: all 0.2s ease-in;
    position: relative;
}
@media (max-width: 1024px) {
    .clinic-select .clinic-select-grid .clinic-card {
        border: 0;
        flex-direction: column;
        align-items: initial;
        gap: 0;
    }
}
.clinic-select .clinic-select-grid .clinic-card .text {
    display: grid;
    grid-gap: 4px;
    gap: 4px;
    min-width: 0;
}
@media (max-width: 1024px) {
    .clinic-select .clinic-select-grid .clinic-card .text {
        position: relative;
        display: grid;
        grid-template-row: auto 1fr;
        grid-gap: 0px 16px;
        gap: 0px 16px;
    }
}
.clinic-select .clinic-select-grid .clinic-card .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0.01em;
    line-height: 28px;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 12px;
}
@media (max-width: 1024px) {
    .clinic-select .clinic-select-grid .clinic-card .name {
        margin-bottom: 4px;
    }
}
.clinic-select .clinic-select-grid .clinic-card .name .dots {
    display: flex;
    gap: 8px;
}
.clinic-select .clinic-select-grid .clinic-card .name .dots .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--dot, #ff8a00);
    flex: 0 0 auto;
}
@media (max-width: 576px) {
    .clinic-select .clinic-select-grid .clinic-card .name .dots .dot {
        width: 8px;
        height: 8px;
        grid-row: span 2;
    }
}
.clinic-select .clinic-select-grid .clinic-card .name .name-text {
    font-size: 16px;
}
.clinic-select .clinic-select-grid .clinic-card svg {
    display: none;
}
.clinic-select .clinic-select-grid .clinic-card .addr {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-secondary);
}
@media (max-width: 576px) {
    .clinic-select .clinic-select-grid .clinic-card .addr {
        line-height: 20px;
        font-size: 14px;
        color: var(--text-primary);
    }
}
.clinic-select .clinic-select-grid .clinic-card .content {
    flex-direction: column;
    gap: 16px;
    display: none;
    height: 100%;
    width: 100%;
}
@media (max-width: 1024px) {
    .clinic-select .clinic-select-grid .clinic-card .content {
        display: flex;
    }
}
.clinic-select .clinic-select-grid .clinic-card .content .time-info {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 0;
    border-bottom: 1px solid var(--border-devider);
    border-top: 1px solid var(--border-devider);
}
@media (max-width: 1024px) {
    .clinic-select .clinic-select-grid .clinic-card .content .time-info {
        display: none;
        line-height: 20px;
    }
}
.clinic-select .clinic-select-grid .clinic-card .time {
    flex-direction: column;
    gap: 8px;
    flex: 1;
    display: none;
}
@media (max-width: 1024px) {
    .clinic-select .clinic-select-grid .clinic-card .time {
        display: flex;
    }
}
.clinic-select .clinic-select-grid .clinic-card .time .item {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.clinic-select .clinic-select-grid .clinic-card .time .item .value {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
.clinic-select .clinic-select-grid .clinic-card .tooltip-content .time {
    display: flex;
}
.clinic-select .clinic-select-grid .clinic-card .links {
    display: flex;
    gap: 20px;
    margin-top: auto;
}
@media (max-width: 1024px) {
    .clinic-select .clinic-select-grid .clinic-card .links {
        justify-content: space-between;
    }
}
.clinic-select .clinic-select-grid .clinic-card .link-clinic {
    padding: 0 16px;
    line-height: 20px;
    font-size: 14px;
}
@media (max-width: 576px) {
    .clinic-select .clinic-select-grid .clinic-card .link-clinic {
        font-size: 12px;
        line-height: 18px;
        padding: 0 12px;
    }
}
.clinic-select .clinic-select-grid .clinic-card .link-registration {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: var(--text-orange);
    display: flex;
    align-items: center;
}
.clinic-select .clinic-select-grid .clinic-card .link-registration span {
    display: flex;
    align-items: center;
    justify-content: center;
}
.clinic-select .clinic-select-grid .clinic-card .additionally {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: clamp(20px, 3vw, 24px);
    letter-spacing: 0.01em;
    color: var(--text-blue);
    margin-top: 8px;
}
.clinic-select .clinic-select-grid .clinic-card .additionally svg {
    display: block;
}

.legal-information .head-title .head-title-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}
.legal-information .head-title .head-title-inner .title {
    margin-bottom: 32px;
}
@media (max-width: 1024px) {
    .legal-information .head-title .head-title-inner .title {
        margin-bottom: 24px;
    }
}
.legal-information .head-title .head-title-inner .subtitle {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0;
}
@media (max-width: 1024px) {
    .legal-information .head-title .head-title-inner .subtitle {
        font-size: 14px;
        line-height: 20px;
    }
}
.legal-information .head-title .head-title-inner .subtitle.in {
    font-family: var(--second-family);
    font-size: 21px;
    line-height: 28px;
}
@media (max-width: 1024px) {
    .legal-information .head-title .head-title-inner .subtitle.in {
        font-size: 16px;
        line-height: 24px;
    }
}
.legal-information .tabs-btns {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 32px;
}
@media (max-width: 1024px) {
    .legal-information .tabs-btns {
        margin-bottom: 16px;
    }
}
@media (max-width: 576px) {
    .legal-information .tabs-btns {
        width: 100%;
    }
}
.legal-information .legal-info-list-tab {
    padding: 24px 0 24px 0;
    border-top: 1px solid var(--border-devider);
    border-bottom: 1px solid var(--border-devider);
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (max-width: 1024px) {
    .legal-information .legal-info-list-tab {
        padding: 16px 0 0 0;
        gap: 16px;
    }
}
.legal-information .legal-info-list-tab .legal-info-item-tab {
    position: relative;
    padding-right: 216px;
}
@media (max-width: 1024px) {
    .legal-information .legal-info-list-tab .legal-info-item-tab {
        padding: 0px 0px 16px 0;
    }
}
.legal-information .legal-info-list-tab .legal-info-item-tab:not(:last-child) {
    padding: 0px 216px 24px 0;
}
@media (max-width: 1024px) {
    .legal-information .legal-info-list-tab .legal-info-item-tab:not(:last-child) {
        padding: 0px 0px 16px 0;
    }
}
.legal-information .legal-info-list-tab .legal-info-item-tab:not(:last-child)::after {
    content: "";
    width: calc(100% - 40px);
    left: 40px;
    bottom: 0;
    border-bottom: 1px solid var(--border-devider);
    position: absolute;
}
.legal-information .legal-info-list-tab .legal-info-item-tab a {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .legal-information .legal-info-list-tab .legal-info-item-tab a {
        font-size: 16px;
        line-height: 24px;
    }
}
.legal-information .legal-info-list-tab .icon {
    display: flex;
    flex: none;
}
.legal-information .list-requisites .item-requisites {
    padding: 16px 0px;
    border-bottom: 1px solid var(--border-devider);
}
@media (max-width: 1024px) {
    .legal-information .list-requisites .item-requisites {
        padding: 12px 0px;
    }
}
.legal-information .list-requisites .item-requisites:first-child {
    border-top: 1px solid var(--border-devider);
}
.legal-information .list-requisites .item-requisites .row {
    display: grid;
    grid-template-columns: 308px 1fr;
    grid-gap: 16px;
    gap: 16px;
}
@media (max-width: 768px) {
    .legal-information .list-requisites .item-requisites .row {
        grid-template-columns: 1fr;
        gap: 8px;
    }
}
.legal-information .list-requisites .item-requisites .name {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
@media (max-width: 1024px) {
    .legal-information .list-requisites .item-requisites .name {
        font-size: 14px;
        line-height: 20px;
    }
}
.legal-information .list-requisites .item-requisites .value {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0;
}
@media (max-width: 1024px) {
    .legal-information .list-requisites .item-requisites .value {
        font-size: 16px;
        line-height: 24px;
    }
}
.legal-information .bottom-info {
    margin-top: 64px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .legal-information .bottom-info {
        margin-top: 32px;
    }
}
.legal-information .bottom-info a {
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    font-weight: 500;
    color: var(--text-orange);
}
.legal-information .bottom-info .record-block {
    display: flex;
    flex-direction: column;
}
@media (max-width: 1024px) {
    .legal-information .bottom-info .record-block {
        margin-bottom: 12px;
    }
}
.legal-information .bottom-info .record-block .title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 24px;
}
@media (max-width: 1024px) {
    .legal-information .bottom-info .record-block .title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 16px;
    }
}
.legal-information .bottom-info .record-block .row {
    display: flex;
    gap: 16px;
}
@media (max-width: 1024px) {
    .legal-information .bottom-info .record-block .row {
        gap: 12px;
        flex-direction: column;
        width: -moz-fit-content;
        width: fit-content;
    }
}
@media (max-width: 576px) {
    .legal-information .bottom-info .record-block .row {
        width: 100%;
    }
}
.legal-information .bottom-info .record-block .row a {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 32px;
    padding: 24px 32px;
    background: var(--surface-level-0);
}
@media (max-width: 1024px) {
    .legal-information .bottom-info .record-block .row a {
        border-radius: 24px;
        padding: 16px 24px;
    }
}
.legal-information .bottom-info .record-block .row a:hover .value {
    color: var(--text-orange);
}
.legal-information .bottom-info .record-block .row a .text {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
@media (max-width: 1024px) {
    .legal-information .bottom-info .record-block .row a .text {
        font-size: 16px;
        line-height: 24px;
    }
}
.legal-information .bottom-info .record-block .row a .value {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 4px;
    transition: 0.2s ease-in;
}
@media (max-width: 1024px) {
    .legal-information .bottom-info .record-block .row a .value {
        font-size: 18px;
        line-height: 24px;
    }
}
.legal-information .bottom-info .record-block .row a .value svg {
    margin-bottom: 4px;
}
@media (max-width: 1024px) {
    .legal-information .bottom-info .record-block .row a .value svg {
        margin-bottom: 0;
    }
}
.legal-information .bottom-info .record-block .row a .value.orange {
    color: var(--text-orange);
}
.legal-information .bottom-info .mob-app {
    border-radius: 24px;
    padding: 16px 24px;
    background: var(--surface-level-0);
    display: flex;
    flex-direction: column;
}
.legal-information .bottom-info .mob-app .title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    margin-bottom: 12px;
}
.legal-information .bottom-info .mob-app .list-app {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.legal-information .bottom-info .mob-app .item-app {
    border-radius: 32px;
    padding: 0 24px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-grayscale-white);
}

.legal-info-list {
    margin-bottom: 32px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    gap: 16px;
    border-radius: 48px;
    padding: 40px;
    background: var(--surface-level-0);
}
@media (max-width: 1024px) {
    .legal-info-list {
        border-radius: 32px;
        padding: 24px 16px;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}
@media (max-width: 576px) {
    .legal-info-list {
        grid-template-columns: 1fr;
    }
}
.legal-info-list .item {
    background: var(--surface-level-1);
    border: 1px solid var(--surface-level-1);
    border-radius: 24px;
    transition: border 0.2s linear;
}
.legal-info-list .item:hover {
    border: 1px solid var(--color-grayscale-40);
}
.legal-info-list .item .link {
    padding: 24px;
    display: flex;
    gap: 16px;
}

@media (max-width: 1024px) {
    .legal-info-list .item .link {
        padding: 16px 24px;
    }
}
.legal-info-list .item .icon {
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    flex: none;
}
.legal-info-list .item .info {
    display: flex;
    flex-direction: column;
}
.legal-info-list .item .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 4px;
    transition: all 0.2s ease-in;
}

@media (max-width: 1024px) {
    .legal-info-list .item .name {
        font-size: 16px;
    }
}

.legal-info-list .item .desc {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--text-secondary);
}
@media (max-width: 1024px) {
    .legal-info-list .item .desc {
        font-size: 14px;
        line-height: 20px;
    }
}

.list-of-literature {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (max-width: 1024px) {
    .list-of-literature {
        gap: 16px;
    }
}
.list-of-literature .literature-item {
    display: flex;
    flex-direction: column;
}
.list-of-literature .literature-item .title {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    margin-bottom: 16px;
}
.list-of-literature .literature-item .list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.list-of-literature .literature-item .list .link {
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 4px;
    word-break: break-word;
}
@media (max-width: 1024px) {
    .list-of-literature .literature-item .list .link {
        font-size: 16px;
        line-height: 24px;
    }
}
.list-of-literature .literature-item .list .link:hover {
    color: var(--text-orange);
}
.list-of-literature .literature-item .list .link span {
    height: 100%;
    width: 16px;
    height: 16px;
    flex: none;
    display: flex;
}

.personal-data-form .content {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    padding-top: 0;
}
.personal-data-form .content .item {
    padding: 0;
}
@media (max-width: 1024px) {
    .personal-data-form .content .item {
        gap: 12px;
    }
}
.personal-data-form .content .item .securely {
    background: var(--surface-level-0);
    border-radius: 12px;
    padding: 8px 12px;
}
.personal-data-form .content .item .securely .info img {
    width: 24px;
}
.personal-data-form .content .item .securely .info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .personal-data-form .content .item .securely .info {
        font-size: 14px;
        line-height: 20px;
    }
}
.personal-data-form .content .item .contact-form .grid {
    grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1024px) {
    .personal-data-form .content .item .contact-form .grid {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .personal-data-form .content .item .contact-form .grid .field:has(input[name=lastName]) {
        order: 1;
    }
    .personal-data-form .content .item .contact-form .grid .field:has(input[name=firstName]) {
        order: 2;
    }
    .personal-data-form .content .item .contact-form .grid .field:has(input[name=email]) {
        order: 5;
    }
    .personal-data-form .content .item .contact-form .grid .field:has(input[name=phone]) {
        order: 4;
    }
}
.personal-data-form .content .item .contact-form .bottom-row {
    gap: 24px;
}
@media (max-width: 1024px) {
    .personal-data-form .content .item .contact-form .bottom-row {
        gap: 16px;
    }
}
.personal-data-form .content .item .contact-form .bottom-row .note {
    margin-left: 0;
    margin-left: initial;
    border-radius: 32px;
    padding: 8px 27px;
}
@media (max-width: 1024px) {
    .personal-data-form .content .item .contact-form .bottom-row .note {
        order: initial;
    }
}
.personal-data-form .content .item .contact-form .bottom-row .c-checkbox {
    max-width: 580px;
}
@media (max-width: 1024px) {
    .personal-data-form .content .item .contact-form .bottom-row .c-checkbox {
        order: initial;
    }
}
@media (max-width: 1024px) {
    .personal-data-form .content .item .contact-form .bottom-row .btn {
        order: initial;
    }
}
.personal-data-form .content .item .contact-form .bottom-row .docs-nav {
    display: flex;
    flex-direction: row;
    gap: 12px;
}
@media (max-width: 1024px) {
    .personal-data-form .content .item .contact-form .bottom-row .docs-nav {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
.personal-data-form .content .item .contact-form .bottom-row .docs-nav .btn-back {
    border: 1px solid var(--color-grayscale-40);
    border-radius: 32px;
    padding: 12px 24px;
    width: 148px;
}
@media (max-width: 1024px) {
    .personal-data-form .content .item .contact-form .bottom-row .docs-nav .btn-back {
        width: 100%;
    }
}
.personal-data-form .content .item .contact-form .bottom-row .docs-nav .btn-next {
    width: 148px;
    border-radius: 32px;
    padding: 12px 24px;
    margin-top: 0;
}
@media (max-width: 1024px) {
    .personal-data-form .content .item .contact-form .bottom-row .docs-nav .btn-next {
        width: 100%;
    }
}

.document-form .content {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    padding-top: 0;
}
.document-form .content .form {
    grid-column: span 2;
}
.document-form .content .item {
    padding: 0;
}
.document-form .content .item ul {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-bottom: 0;
}
.document-form .content .item ul button {
    cursor: pointer;
}
.document-form .content .item .contact-form .grid {
    grid-template-columns: repeat(2, 1fr);
}
.document-form .content .item .contact-form .grid label input::-webkit-outer-spin-button,
.document-form .content .item .contact-form .grid label input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.document-form .content .item .contact-form .grid label:last-child {
    grid-column: span 2;
}
@media (max-width: 1024px) {
    .document-form .content .item .contact-form .grid {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}
.document-form .content .item .contact-form .bottom-row .note {
    margin-left: 0;
    margin-left: initial;
    border-radius: 32px;
    padding: 8px 27px;
}
@media (max-width: 1024px) {
    .document-form .content .item .contact-form .bottom-row .note {
        order: initial;
    }
}
.document-form .content .item .contact-form .bottom-row .c-checkbox {
    max-width: 580px;
}
@media (max-width: 1024px) {
    .document-form .content .item .contact-form .bottom-row .c-checkbox {
        order: initial;
    }
}
@media (max-width: 1024px) {
    .document-form .content .item .contact-form .bottom-row .btn {
        order: initial;
    }
}
.document-form .content .item .contact-form .bottom-row .docs-nav {
    display: flex;
    flex-direction: row;
    gap: 12px;
}
@media (max-width: 1024px) {
    .document-form .content .item .contact-form .bottom-row .docs-nav {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
.document-form .content .item .contact-form .bottom-row .docs-nav .btn-back {
    border: 1px solid var(--color-grayscale-40);
    border-radius: 32px;
    padding: 12px 24px;
    width: 148px;
}
@media (max-width: 1024px) {
    .document-form .content .item .contact-form .bottom-row .docs-nav .btn-back {
        width: 100%;
    }
}
.document-form .content .item .contact-form .bottom-row .docs-nav .btn-next {
    width: 148px;
    border-radius: 32px;
    padding: 12px 24px;
    margin-top: 0;
}
@media (max-width: 1024px) {
    .document-form .content .item .contact-form .bottom-row .docs-nav .btn-next {
        width: 100%;
    }
}

.docs-ready {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 102px 0;
    max-width: 500px;
    margin: 0 auto;
}
@media (max-width: 1024px) {
    .docs-ready {
        gap: 16px;
        padding: 0;
    }
    .docs-ready .btn-1 {
        margin-top: 16px;
        width: 100%;
    }
    .docs-ready img {
        max-width: 80px;
    }
}
.docs-ready h2 {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 27px;
    margin: 0;
    line-height: 36px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .docs-ready h2 {
        font-size: 18px;
        line-height: 24px;
    }
}
.docs-ready p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px, 1vw, 17px);
    line-height: 28px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
    max-width: 500px;
    margin: 0;
}
@media (max-width: 1024px) {
    .docs-ready p {
        line-height: 20px;
        text-align: center;
    }
}

.enter-paid .content {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    display: flex;
    flex-direction: column;
    padding: 0;
}
.enter-paid .content .item {
    padding: 0;
}
.enter-paid .content .item .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px;
    gap: 24px;
}
.enter-paid .content .item .grid label input::-webkit-outer-spin-button,
.enter-paid .content .item .grid label input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.enter-paid .content .item .grid label .field-label.no-transform.active {
    top: 50%;
    font-size: 17px;
    opacity: 0;
}
@media (max-width: 1024px) {
    .enter-paid .content .item .grid {
        display: flex;
        flex-direction: column;
    }
}
.enter-paid .content .item .grid .prices {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    max-width: 354px;
}
@media (max-width: 1024px) {
    .enter-paid .content .item .grid .prices {
        font-size: 14px;
        line-height: 20px;
    }
}
.enter-paid .content .item .grid .prices .price {
    font-weight: 500;
    color: var(--text-orange);
}
.enter-paid .content .item .grid .bottom-row {
    grid-column: span 2;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}
.enter-paid .content .item .grid .bottom-row .note {
    margin-left: 0;
    margin-left: initial;
    border-radius: 32px;
    padding: 8px 27px;
}
@media (max-width: 1024px) {
    .enter-paid .content .item .grid .bottom-row .note {
        order: initial;
    }
}
.enter-paid .content .item .grid .bottom-row .docs-nav {
    display: flex;
    flex-direction: row;
    gap: 12px;
}
@media (max-width: 1024px) {
    .enter-paid .content .item .grid .bottom-row .docs-nav {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
.enter-paid .content .item .grid .bottom-row .docs-nav .btn-back {
    border: 1px solid var(--color-grayscale-40);
    border-radius: 32px;
    padding: 12px 24px;
    width: 148px;
}
@media (max-width: 1024px) {
    .enter-paid .content .item .grid .bottom-row .docs-nav .btn-back {
        width: 100%;
    }
}
.enter-paid .content .item .grid .bottom-row .docs-nav .btn-next {
    width: 148px;
    border-radius: 32px;
    padding: 12px 24px;
    margin-top: 0;
}
@media (max-width: 1024px) {
    .enter-paid .content .item .grid .bottom-row .docs-nav .btn-next {
        width: 100%;
    }
}
.enter-paid .content .item .grid:has(input[name=amountPaid]:not(:-moz-placeholder)) .bottom-row .docs-nav .btn-next[disabled] {
    opacity: 1;
    pointer-events: auto;
    background-color: var(--surface-orange);
    color: var(--text-invert);
}
.enter-paid .content .item .grid:has(input[name=amountPaid]:not(:placeholder-shown)) .bottom-row .docs-nav .btn-next[disabled] {
    opacity: 1;
    pointer-events: auto;
    background-color: var(--surface-orange);
    color: var(--text-invert);
}

.payment-confirmation .list-requisites {
    display: flex;
    flex-direction: column;
}
.payment-confirmation .bottom-row {
    grid-column: span 2;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}
.payment-confirmation .bottom-row .docs-nav {
    display: flex;
    flex-direction: row;
    gap: 12px;
}
@media (max-width: 1024px) {
    .payment-confirmation .bottom-row .docs-nav {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
.payment-confirmation .bottom-row .docs-nav .btn-back {
    border: 1px solid var(--color-grayscale-40);
    border-radius: 32px;
    padding: 12px 24px;
    width: 148px;
}
@media (max-width: 1024px) {
    .payment-confirmation .bottom-row .docs-nav .btn-back {
        width: 100%;
    }
}
.payment-confirmation .bottom-row .docs-nav .btn-next {
    width: 148px;
    border-radius: 32px;
    padding: 12px 24px;
    margin-top: 0;
}
@media (max-width: 1024px) {
    .payment-confirmation .bottom-row .docs-nav .btn-next {
        width: 100%;
    }
}

.payment-successful span {
    text-align: center;
}

.ceo .content {
    font-weight: 400;
    color: var(--text-primary);
    letter-spacing: 0.01em;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ceo .content .title {
    font-family: var(--second-family);
    font-size: 27px;
    line-height: 36px;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .ceo .content .title {
        font-size: 18px;
        line-height: 24px;
    }
}
.ceo .content .text {
    font-family: var(--font-family);
    font-size: 17px;
    line-height: 28px;
}
.ceo .content .text p {
    margin: 0;
}
@media (max-width: 1024px) {
    .ceo .content .text {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }
}

.med-centers .row {
    position: relative;
}
@media (max-width: 1024px) {
    .med-centers .row {
        display: flex;
        flex-direction: column;
    }
}
.med-centers .row p {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0 0 24px 0;
}
@media (max-width: 1024px) {
    .med-centers .row p {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 16px 0;
    }
}
.med-centers .row p a {
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    font-weight: 500;
    color: var(--text-orange);
}
.med-centers .row .media.video-media {
    float: right;
    margin-left: 124px;
}
@media (max-width: 1024px) {
    .med-centers .row .media.video-media {
        margin: 0 0 24px 0;
        width: -moz-fit-content;
        width: fit-content;
        float: none;
        float: initial;
    }
}
.med-centers .row .media.video-media a {
    display: flex;
}
.med-centers .row .media.video-media::after {
    background: rgba(35, 39, 47, 0.3);
}

.main-function .content .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    gap: 16px;
}
@media (max-width: 1360px) {
    .main-function .content .list {
        grid-template-columns: repeat(2, 1fr);
        margin: 0 -16px;
        padding: 0 16px;
    }
    .main-function .content .list::-webkit-scrollbar {
        display: none;
    }
}
@media (max-width: 1024px) {
    .main-function .content .list {
        display: flex;
        overflow-x: auto;
        min-width: 100%;
    }
}
.main-function .content .list .item {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-devider);
    border-radius: 32px;
    padding: 32px;
    background: var(--surface-level-1);
}
@media (max-width: 1024px) {
    .main-function .content .list .item {
        width: 254px;
        flex: none;
        border-radius: 24px;
        padding: 24px;
    }
}
.main-function .content .list .item .icon {
    display: flex;
    margin-bottom: 24px;
}
@media (max-width: 1024px) {
    .main-function .content .list .item .icon svg {
        width: 24px;
        height: 24px;
    }
    .main-function .content .list .item .icon {
        margin-bottom: 16px;
    }
}
.main-function .content .list .item .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 12px;
}
@media (max-width: 1024px) {
    .main-function .content .list .item .name {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 8px;
    }
}
.main-function .content .list .item .text {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    margin: 0;
}
@media (max-width: 1024px) {
    .main-function .content .list .item .text {
        font-size: 14px;
        line-height: 20px;
    }
}

.app-about .head-title {
    max-width: 848px;
}
.app-about .img.mobile {
    display: none;
}
@media (max-width: 1024px) {
    .app-about .img.mobile {
        display: flex;
        margin: 0 auto;
        max-width: 400px;
    }
}
@media (max-width: 576px) {
    .app-about .img.mobile {
        max-width: 280px;
    }
}
.app-about .content .app-about-wrapper {
    position: relative;
    background: var(--surface-level-0);
    border-radius: 48px;
    padding: 40px;
}
@media (max-width: 1024px) {
    .app-about .content .app-about-wrapper {
        border-radius: 32px;
        padding: 24px 16px;
    }
}
.app-about .content .app-about-wrapper .info {
    display: flex;
    flex-direction: column;
    max-width: 740px;
    position: relative;
    z-index: 1;
}
.app-about .content .app-about-wrapper .title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin-bottom: 16px;
}
@media (max-width: 1024px) {
    .app-about .content .app-about-wrapper .title {
        font-size: 18px;
        line-height: 24px;
    }
}
.app-about .content .app-about-wrapper .desc {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0 0 32px 0;
}
.app-about .content .app-about-wrapper .desc:last-of-type {
    margin: 0;
}
@media (max-width: 1024px) {
    .app-about .content .app-about-wrapper .desc {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 24px 0;
    }
}
.app-about .content .app-about-wrapper .img {
    z-index: 0;
    display: flex;
    position: absolute;
    right: 40px;
    bottom: -64px;
}
@media (max-width: 1360px) {
    .app-about .content .app-about-wrapper .img {
        display: none;
    }
}

.cookie-rules h2 {
    margin: 0 0 32px;
}
@media (max-width: 1024px) {
    .cookie-rules h2 {
        margin: 0 0 24px;
    }
}
@media (max-width: 1024px) {
    .cookie-rules h3 {
        font-size: 20px;
        line-height: 28px;
    }
}
.cookie-rules .mb-24 {
    margin: 0 0 24px;
}
.cookie-rules .cookie-story {
    background: var(--surface-level-0);
    border-radius: 32px;
    padding: 40px;
}
@media (max-width: 1024px) {
    .cookie-rules .cookie-story {
        border-radius: 24px;
        padding: 16px;
    }
}
.cookie-rules .cookie-story .wrapper {
    font-family: var(--font-family);
    font-style: italic;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    border-left: 2px solid var(--border-orange);
    padding: 0px 0px 0px 32px;
}
@media (max-width: 1024px) {
    .cookie-rules .cookie-story .wrapper {
        font-size: 14px;
        line-height: 20px;
        padding: 0px 0px 0px 24px;
    }
}
.cookie-rules .cookie-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    counter-reset: item;
    gap: 16px;
}
.cookie-rules ul.cookie-grid {
    counter-reset: itema;
}
@media (max-width: 1024px) {
    .cookie-rules .cookie-grid {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}
.cookie-rules .cookie-grid .cookie-item {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}
@media (max-width: 1024px) {
    .cookie-rules .cookie-grid .cookie-item {
        gap: 12px;
    }
}
.cookie-rules ul.cookie-grid .cookie-item::before {
    content: counter(itema);
    counter-increment: itema;
    display: flex;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: #747D8B;
    border-radius: 50%;
    color: #fff;
    justify-content: center;
    align-items: center;
}
.cookie-rules ul.cookie-grid .cookie-item:nth-child(1)::before { content: 'А'; }
.cookie-rules ul.cookie-grid .cookie-item:nth-child(2)::before { content: 'Б'; }
.cookie-rules ul.cookie-grid .cookie-item:nth-child(3)::before { content: 'В'; }
.cookie-rules ul.cookie-grid .cookie-item:nth-child(4)::before { content: 'Г'; }
.cookie-rules ul.cookie-grid .cookie-item:nth-child(5)::before { content: 'Д'; }
.cookie-rules ul.cookie-grid .cookie-item:nth-child(6)::before { content: 'Е'; }
.cookie-rules ul.cookie-grid .cookie-item:nth-child(7)::before { content: 'Ё'; }
.cookie-rules ul.cookie-grid .cookie-item:nth-child(8)::before { content: 'Ж'; }
.cookie-rules ul.cookie-grid .cookie-item:nth-child(9)::before { content: 'З'; }
.cookie-rules ul.cookie-grid .cookie-item:nth-child(10)::before { content: 'И'; }

.cookie-rules ol.cookie-grid .cookie-item::before {
    content: counter(item);
    counter-increment: item;
    display: flex;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: #747D8B;
    border-radius: 50%;
    color: #fff;
    justify-content: center;
    align-items: center;
}
.cookie-rules .cookie-grid .cookie-item span {
    display: flex;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: #747D8B;
    border-radius: 50%;
    color: #fff;
    justify-content: center;
    align-items: center;
}
.cookie-rules .cookie-grid .cookie-item p {
    margin: 0;
}
.cookie-rules .data-protection h3 {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0 0 32px;
}
.cookie-rules .data-protection ul {
    border-top: 1px solid var(--border-devider);
}
.cookie-rules .data-protection ul li {
    border-bottom: 1px solid var(--border-devider);
    padding: 24px 24px 24px 16px;
}
.cookie-rules .data-protection ul li .row {
    display: grid;
    grid-template-columns: 308px 431px 1fr;
}
.cookie-rules .data-protection ul li .row .name {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}
.cookie-rules .data-protection ul li .row .info {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.cookie-rules .data-protection ul li .row .info .link {
    font-weight: 500;
    color: var(--text-orange);
}
@media (max-width: 1024px) {
    .cookie-rules .data-protection h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    .cookie-rules .data-protection ul li {
        padding: 16px 0;
    }
    .cookie-rules .data-protection ul li:first-child {
        display: none;
    }
    .cookie-rules .data-protection ul li .row {
        display: block;
    }
    .cookie-rules .data-protection ul li .row .info {
        display: block;
        font-size: 14px;
        line-height: 20px;
    }
    .cookie-rules .data-protection ul li .row .info:not(:last-child) {
        margin-bottom: 12px;
    }
    .cookie-rules .data-protection ul li .row .info::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 4px;
        font-family: var(--font-family);
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.02em;
        color: var(--text-secondary);
    }
    .cookie-rules .data-protection ul li .row .info .link {
        display: inline-block;
    }
}
.cookie-rules .legal-information h3 {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    margin: 0 0 32px;
}
@media (max-width: 1024px) {
    .cookie-rules .legal-information h3 {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 16px;
    }
}

/* @use "./partials/doctor-clinics.scss" as *; */
.disease-directory-filter .filter-block .top-block {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    margin-bottom: 32px;
}
.disease-directory-filter .filter-block .top-block form {
    padding: 14px 24px;
    background-color: #f4f7fb;
    background-color: var(--color-grayscale-10);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 632px;
    min-height: 52px;
}
@media (max-width: 1024px) {
    .disease-directory-filter .filter-block .top-block form {
        width: 100%;
        border-radius: 40px;
        padding: 8px 16px;
        min-height: 36px;
    }
}
.disease-directory-filter .filter-block .top-block form:focus-within {
    background: var(--surface-level-1);
    box-shadow: inset 0 0 0 1.5px var(--border-orange);
}
.disease-directory-filter .filter-block .top-block form input {
    background-color: transparent;
    width: 100%;
    padding: 0 2px;
    font-family: var(--font-family);
    font-weight: 400;
}
.disease-directory-filter .filter-block .top-block form input::-moz-placeholder {
    color: #929baa;
}
.disease-directory-filter .filter-block .top-block form input::placeholder {
    color: #929baa;
}
.disease-directory-filter .filter-block .top-block form input {
    line-height: 20px;
    letter-spacing: 0.01em;
}
.disease-directory-filter .filter-block .top-block {
    border-bottom: 1px solid var(--border-devider);
    padding: 0px 0px 24px;
}
@media (max-width: 1024px) {
    .disease-directory-filter .filter-block .top-block {
        align-items: center;
        border-bottom: 0;
        border-bottom: initial;
        padding: 0px 0px 16px;
    }
}
.disease-directory-filter .filter-block .top-block .filter-container {
    gap: 8px;
    margin-bottom: 0;
}
.disease-directory-filter .filter-block .top-block .filter-container .item form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: var(--color-grayscale-10);
    border-radius: 40px;
    padding: 8px 16px;
    min-width: 268px;
    min-height: 36px;
    margin: 16px 16px 8px 16px;
    width: auto;
    width: initial;
}
.disease-directory-filter .filter-block .top-block .filter-container .item form:focus-within {
    background: var(--surface-level-1);
    box-shadow: inset 0 0 0 1.5px var(--border-orange);
}
.disease-directory-filter .filter-block .top-block .filter-container .item form button {
    display: flex;
    align-items: center;
    justify-content: center;
}
.disease-directory-filter .filter-block .top-block .filter-container .item form input {
    background-color: transparent;
}
@media (max-width: 1024px) {
    .disease-directory-filter .filter-block .top-block .filter-container .item form {
        margin: 0 0 8px 0;
    }
}
.disease-directory-filter .filter-block .top-block .filter-container .item .popup.popup-open .dropdown-block {
    padding: 0px 24px 24px 24px;
}
.disease-directory-filter .filter-block .top-block .filter-container .item .popup.popup-open .dropdown-block ul {
    margin-bottom: 24px;
}
@media (max-width: 1024px) {
    .disease-directory-filter .filter-block .top-block .filter-container {
        justify-content: start;
        overflow: auto;
        margin-right: -15px;
    }
    .disease-directory-filter .filter-block .top-block .filter-container::-webkit-scrollbar {
        display: none;
    }
    .disease-directory-filter .filter-block .top-block .filter-container .item {
        flex: none;
    }
}
.disease-directory-filter .filter-block .top-block .filter-container .dropdown-title {
    display: flex;
    flex-wrap: nowrap;
}
@media (max-width: 1024px) {
    .disease-directory-filter .filter-block .top-block {
        flex-direction: column;
        align-items: start;
        margin-bottom: 16px;
        padding-bottom: 0;
    }
}
.disease-directory-filter .filter-block .bottom-block {
    margin-bottom: 32px;
}
@media (max-width: 1024px) {
    .disease-directory-filter .filter-block .bottom-block {
        margin-bottom: 16px;
    }
}
.disease-directory-filter .filter-block .bottom-block .disease-directory-filter-list {
    display: flex;
    flex-direction: row;
    gap: 6.96px;
    overflow: auto;
    margin-right: -15px;
}
@media (max-width: 1024px) {
    .disease-directory-filter .filter-block .bottom-block .disease-directory-filter-list {
        gap: 4px;
    }
}
.disease-directory-filter .filter-block .bottom-block .disease-directory-filter-list::-webkit-scrollbar {
    display: none;
}
.disease-directory-filter .filter-block .bottom-block .disease-directory-filter-list .disease-directory-filter-item {
    border-radius: 32px;
    padding: 8px 16px;
    width: 40px;
    height: 40px;
    background: var(--surface-level-0);
    border: 1px solid transparent;
}
.disease-directory-filter .filter-block .bottom-block .disease-directory-filter-list .disease-directory-filter-item:hover {
    border: 1px solid var(--color-grayscale-40);
}
.disease-directory-filter .filter-block .bottom-block .disease-directory-filter-list .disease-directory-filter-item {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px, 1vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-primary);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.disease-directory-filter .filter-block .bottom-block .disease-directory-filter-list .disease-directory-filter-item.is-active {
    border: 1.5px solid var(--border-orange);
    background: var(--surface-level-1);
    font-weight: 500;
    font-size: clamp(14px, 1vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-orange);
}
@media (max-width: 1024px) {
    .disease-directory-filter .filter-block .bottom-block .disease-directory-filter-list .disease-directory-filter-item.btn-all {
        line-height: 20px;
    }
}
@media (max-width: 1024px) {
    .disease-directory-filter .filter-block .bottom-block .disease-directory-filter-list .disease-directory-filter-item {
        width: 36px;
        height: 36px;
        line-height: 20px;
    }
}
.disease-directory-filter .filter-block .bottom-block .disease-directory-filter-list .disease-directory-filter-list-item:first-child .disease-directory-filter-item {
    width: auto;
    width: initial;
}
.disease-directory-filter .filter-block {
    border-bottom: 1px solid var(--border-devider);
}
/*.disease-directory-filter .disease-directory.is-initial .directory-item:nth-child(n+5) {
    display: none;
}*/
.disease-directory-filter .disease-directory .directory-item[hidden] {
    display: none !important;
}
.disease-directory-filter .disease-directory .directory-item {
    display: flex;
    flex-direction: row;
    padding: 32px 0 16px 0;
    gap: 32px;
    border-bottom: 1px solid var(--border-devider);
}
.disease-directory-filter .disease-directory .directory-item .head {
    display: block;
    border-radius: 12px;
    padding: 8px 12px 0;
    height: 44px;
    background: var(--surface-level-0);
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(18px, 1vw, 27px);
    line-height: 36px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .disease-directory-filter .disease-directory .directory-item .head {
        border-radius: 8px;
        height: 37px;
        display: flex;
        line-height: 24px;
        text-align: center;
    }
}
.disease-directory-filter .disease-directory .directory-item ul {
    -moz-columns: 4;
    columns: 4;
    width: 100%;
    -moz-column-gap: 32px;
    column-gap: 32px;
    padding-left: 32px;
}
@media (max-width: 1024px) {
    .disease-directory-filter .disease-directory .directory-item ul {
        -moz-columns: 3;
        columns: 3;
        padding-left: 0;
    }
}
@media (max-width: 768px) {
    .disease-directory-filter .disease-directory .directory-item ul {
        -moz-columns: 2;
        columns: 2;
    }
}
@media (max-width: 576px) {
    .disease-directory-filter .disease-directory .directory-item ul {
        -moz-columns: 1;
        columns: 1;
    }
}
.disease-directory-filter .disease-directory .directory-item ul li {
    position: relative;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 8px;
}
@media (max-width: 1024px) {
    .disease-directory-filter .disease-directory .directory-item ul li {
        margin-bottom: 12px;
    }
}
.disease-directory-filter .disease-directory .directory-item ul li a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(16px, 1vw, 17px);
    line-height: 28px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 8px;
}
.disease-directory-filter .disease-directory .directory-item ul li a::before {
    content: url("/local/images/icons/bullet.svg");
    display: block;
    width: 24px;
    height: 24px;
}
.disease-directory-filter .disease-directory .directory-item ul li a:hover {
    color: var(--text-orange);
}
@media (max-width: 1024px) {
    .disease-directory-filter .disease-directory .directory-item ul li a {
        line-height: 24px;
    }
}
@media (max-width: 1024px) {
    .disease-directory-filter .disease-directory .directory-item {
        gap: 24px;
        padding: 24px 0 12px 0;
    }
}

.footer {
    background: var(--surface-level-0);
}
@media (max-width: 576px) {
    .footer {
        border-radius: 32px 32px 0 0;
        padding-bottom: 100px;
    }
    .footer .col button span {
        transition: all 0.2s ease-in;
    }
    .footer .col:has(.list.active) button span {
        transform: rotate(180deg);
    }
}
.footer .f-block {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 240px;
}
@media (max-width: 1024px) {
    .footer .f-block {
        order: 2;
        gap: 24px;
        max-width: none;
        max-width: initial;
    }
}
.footer .f-block .advantages {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (max-width: 1024px) {
    .footer .f-block .advantages {
        flex-direction: row;
        gap: 16px;
    }
}
.footer .f-block .advantages .item {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 240px;
    font-weight: 600;
    font-size: 11px;
    line-height: 16px;
    line-height: 145%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--text-primary);
}
@media (max-width: 1024px) {
    .footer .f-block .advantages .item {
        font-size: 10px;
        line-height: 14px;
    }
}
.footer .bottom-contents {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.footer .bottom-contents .bottom-content {
    border-bottom: 1px solid var(--border-devider);
}
.footer .bottom-contents .bottom-content .title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    margin: 0;
    letter-spacing: 0.01em;
    color: #929baa;
}
@media (max-width: 1024px) {
    .footer .bottom-contents .bottom-content .title {
        font-size: 16px;
        line-height: 24px;
    }
}
.footer .bottom-contents .bottom-content .links {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
@media (max-width: 1024px) {
    .footer .bottom-contents .bottom-content .links {
        gap: 16px;
    }
}
.footer .bottom-contents .bottom-content:last-child {
    padding-top: 0;
    border: none;
    gap: 16px;
}

.footer .content {
    display: flex;
    flex-direction: column;
}

@media (max-width: 576px) {
    .footer .top {
        border: 0;
    }
}

.footer .top-content {
    padding: 48px 0;
    display: flex;
    justify-content: space-between;
    gap: clamp(1.5rem, -1.286rem + 4.35vw, 3.938rem);
}
@media (max-width: 1024px) {
    .footer .top-content {
        flex-direction: column;
        align-items: center;
        padding: 24px 0;
        gap: 24px;
    }
}

@media (max-width: 1024px) {
    .footer .logo {
        margin-bottom: 24px;
    }
}

.footer .nav {
    display: flex;
    justify-content: space-between;
    gap: clamp(0.375rem, -8.125rem + 13.28vw, 7.813rem);
}
@media (max-width: 1024px) {
    .footer .nav {
        order: 3;
        justify-content: center;
        gap: 24px;
        width: 100%;
    }
}
@media (max-width: 576px) {
    .footer .nav {
        flex-direction: column;
        width: 100%;
        gap: 0;
    }
}
.footer .nav .name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
    margin-bottom: 16px;
}

.footer .nav button {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 0px;
}

@media (max-width: 576px) {
    .footer .col {
        border-bottom: 1px solid var(--border-devider);
    }
}

.footer .list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}
@media (max-width: 576px) {
    .footer .list {
        display: none;
    }
}

.footer .list.active {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 12px;
    padding-bottom: 12px;
}

.footer nav li a {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
}
.footer nav li a:hover {
    color: var(--text-orange);
}
@media (max-width: 576px) {
    .footer nav li a {
        font-size: 13px;
        line-height: 18px;
    }
}

.footer .contacs {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
@media (max-width: 1024px) {
    .footer .contacs {
        align-items: center;
        order: 1;
        width: 100%;
    }
}
.footer .contacs .buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
@media (max-width: 1024px) {
    .footer .contacs .buttons {
        width: 100%;
        max-width: 343px;
    }
}

.footer .contacs .tel {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: #21272a;
}
@media (max-width: 1024px) {
    .footer .contacs .tel {
        margin-bottom: 2px;
        font-size: 20px;
    }
}
@media (max-width: 576px) {
    .footer .contacs .tel {
        font-size: 18px;
    }
}

.footer .text {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #4d5358;
    margin-bottom: 24px;
}

.footer .social {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
@media (max-width: 1024px) {
    .footer .social {
        justify-content: center;
    }
}
.footer .social a {
    display: flex;
}
@media (any-hover: hover) {
    .footer .social a:hover svg path:first-child {
        fill: #bc70bc;
    }
}

.footer .bottom {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.footer .bottom p {
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: var(--text-secondary);
    margin: 0;
}
@media (max-width: 1024px) {
    .footer .bottom p {
        font-size: 14px;
        text-align: left;
    }
}
@media (max-width: 576px) {
    .footer .bottom p {
        line-height: 18px;
    }
}

.footer .bottom .bottom-content {
    border-top: 1px solid var(--border-devider);
    padding: 32px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media (max-width: 1024px) {
    .footer .bottom .bottom-content {
        border: none;
        border-bottom: 1px solid var(--border-devider);
    }
}
@media (max-width: 576px) {
    .footer .bottom .bottom-content {
        padding-top: 0;
        padding-bottom: 24px;
        gap: 16px;
    }
}

.footer .bottom .coppyright {
    display: flex;
    gap: 24px;
}
@media (max-width: 1024px) {
    .footer .bottom .coppyright {
        flex-direction: column;
        gap: 12px;
    }
}

.footer .bottom .text {
    font-weight: 400;
    font-size: clamp(14px, 3vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #21272a;
}
@media (max-width: 576px) {
    .footer .bottom .text {
        line-height: 20px;
    }
}

.footer .bottom .link {
    font-weight: 500;
    font-size: clamp(14px, 3vw, 15px);
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--text-orange);
}
@media (max-width: 576px) {
    .footer .bottom .link {
        line-height: 20px;
    }
}