@charset "UTF-8";

a,
button,
input,
select,
textarea {
background-color: transparent
}

button,
hr,
input {
overflow: visible
}

img,
legend,
svg {
max-width: 100%
}

progress,
sub,
sup {
vertical-align: baseline
}

aside,
details,
footer,
header,
html::before,
img,
main,
nav,
section {
display: block
}

*,
body,
legend {
padding: 0
}

.custom-select-wrapper,
.ham {
-moz-user-select: none;
-webkit-user-select: none
}

.header__info_location button:not(:last-child),
.header__info_phone a svg {
margin-right: 8px
}

.text-block ol,
.text-block__literature ol {
list-style-type: none;
counter-reset: item;
counter-reset: item
}

.gallery__tab_btn.tab__btn--active,
.gallery__tab_btn:hover {
-webkit-text-stroke: 0.5px var(--color-zelenyy);
text-stroke: 0.5px var(--color-zelenyy)
}

.popup,
html::before {
pointer-events: none
}

.header__info_location button,
.politic a,
.search-result__item a {
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}

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

* {
margin: 0;
border: none
}

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

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

ul,
ul li {
list-style: none
}

img,
svg {
height: auto
}

address {
font-style: normal
}

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

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

button,
input[type=submit] {
display: inline-block;
box-shadow: none;
background: 0 0;
cursor: pointer
}

button:active,
button:focus,
input:active,
input:focus {
outline: 0
}

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

label {
cursor: pointer
}

html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}

hr {
box-sizing: content-box;
height: 0
}

.faq__content,
legend {
box-sizing: border-box
}

code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}

abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}

.header__info_location button:hover,
.header__info_phone a:hover,
.politic a {
text-decoration: underline
}

b,
strong {
font-weight: 600
}

small {
font-size: 80%
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative
}

sub {
bottom: -.25em
}

sup {
top: -.5em
}

img {
vertical-align: top;
border-style: none
}

button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}

button,
select {
text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: ButtonText dotted 1px
}

fieldset {
padding: .35em .75em .625em
}

legend {
color: inherit;
display: table;
white-space: normal
}

textarea {
overflow: auto
}

[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}

[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}

::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}

.primary-btn,
.secondary-btn,
.tertiary-btn,
body {
font-family: var(--font-family);
line-height: 140%
}

summary {
display: list-item
}

.header-mobile__btns,
.section__inner--main .price__date-title,
.section__inner--main .price__for-title,
.swiper-btns--general .swiper-button-next:after,
.swiper-btns--general .swiper-button-prev:after,
.tab-content,
.tabcontent,
[hidden],
template {
display: none
}

:root {
--container-width: 1360px;
--container-padding: 20px;
--font-family: "Gotham", sans-serif;
--second-family: "Hauora", sans-serif;
--plashki: #424e59;
--izobrazhenie: #d2dce8;
--fon-plashek: #eaedf2;
--temnyy: #080b0f;
--tekst: #003649;
--tekst-svetlyy: #405f6a;
--belyy: #fff;
--tegi: #556473;
--bg-svetlo-seryy: #f9f9f9;
--color-temno-zelenyy: #206175;
--color-zelenyy: #3d7c85;
--color-svetlo-zelenyy-1: #bedbd7;
--color-svetlo-zelenyy-2: rgba(190, 219, 215, 0.4);
--gradient-green: linear-gradient(222deg,
rgba(106, 165, 174, 1) 0%,
rgba(61, 124, 133, 1) 100%);
--gradient-light-gray: linear-gradient(222deg,
rgba(247, 250, 255, 1) 0%,
rgba(234, 237, 242, 1) 100%);
--gradient-for-photo-decor: linear-gradient(0deg,
rgba(32, 97, 117, 1) 0%,
rgba(32, 97, 117, 0) 30%,
rgba(32, 97, 117, 0) 100%);
--decor-gray: #c7d6dc;
--font-family: "Inter", sans-serif;
--second-family: "Open Sans", sans-serif;
--osnovnoy---500: #d31d44;
--akcentnyy---500: #026060;
--tekst---temnyy: #161616;
--tekst---seryy: #666;
--tekst---svetlyy: #fff
}

.primary-btn,
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after,
.tertiary-btn:hover {
color: var(--belyy)
}

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

@font-face {
font-family: Inter;
font-style: normal;
font-display: swap;
font-weight: 300;
src: local("Inter"), url("../fonts/Inter-Light.woff2") format("woff2"), url("../fonts/Inter-Light.woff") format("woff")
}

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

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

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

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

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

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

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

.no-scroll,
body.burger-lock,
body.lock,
html.lock {
overflow: hidden
}

.form-search input:focus,
.select:hover,
html.burger-lock::before,
select:hover {
opacity: 1
}

html::before {
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .3215686275);
position: fixed;
inset: 0;
opacity: 0;
z-index: 10;
transition: opacity .3s linear
}

body {
margin: 0;
overflow-y: auto;
font-weight: 400;
font-size: 16px;
color: var(--tekst-svetlyy);
background-color: var(--fon)
}

.container {
margin: 0 auto;
padding: 0 var(--container-padding);
max-width: var(--container-width);
width: 100%
}

.section-offset {
margin-bottom: 160px
}

.section__top,
.services__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 50px
}

.btn-circle,
.phone {
align-items: center
}

.primary-btn,
.secondary-btn,
.tertiary-btn {
font-weight: 500;
font-size: 14px;
text-align: center;
border-radius: 5px;
padding: 16px 20px;
position: relative;
z-index: 1;
overflow: hidden;
transition: .2s
}

.primary-btn::after,
.secondary-btn::after,
.tertiary-btn::after {
content: "";
background: rgba(8, 11, 15, .2);
position: absolute;
z-index: -1;
padding: .85em .75em;
display: block;
left: -2%;
right: -2%;
top: 0;
bottom: -2px;
transform: skewX(-45deg) scale(0, 1);
transition: .3s
}

.btn-arrow::after,
.btn-circle::after {
display: inline-block;
height: 8px;
transition: .3s
}

.primary-btn span,
.secondary-btn span,
.tertiary-btn span {
position: relative;
z-index: 2
}

.primary-btn:active,
.secondary-btn:active,
.tertiary-btn:active {
transform: scale(.95)
}

.btn-arrow::after,
.btn-circle::after,
.sort__item input[type=checkbox]::before {
width: 8px;
transform: rotate(45deg);
content: ""
}

.primary-btn:hover,
.secondary-btn:hover,
.tertiary-btn:hover {
background-position: 0
}

.primary-btn {
background: var(--color-temno-zelenyy);
position: relative;
overflow: hidden
}

.primary-btn::after {
background: rgba(8, 11, 15, .2)
}

.secondary-btn {
color: var(--color-zelenyy);
background: var(--belyy);
z-index: 1
}

.btn-arrow,
.tertiary-btn {
color: var(--color-temno-zelenyy)
}

.secondary-btn::after {
background: var(--color-svetlo-zelenyy-1)
}

.tertiary-btn {
border: 1px solid var(--color-temno-zelenyy)
}

.tertiary-btn::after {
background: var(--color-temno-zelenyy)
}

.btn-arrow {
display: block;
font-weight: 500;
font-size: 14px;
line-height: 140%;
text-align: left;
transition: .3s
}

.btn-arrow::after {
border-top: 1px solid var(--color-temno-zelenyy);
border-right: 1px solid var(--color-temno-zelenyy);
margin-left: 8px
}

.btn-arrow:hover,
.btn-circle:hover,
.phone:hover,
.politic a:hover {
opacity: .5
}

.btn-circle {
display: block;
border-radius: 25px;
width: 30px;
min-width: 30px;
height: 30px;
background: var(--color-zelenyy);
color: var(--belyy);
display: flex;
justify-content: center;
transition: .3s
}

.phone,
.phone-btn,
.phone-btn-white {
font-weight: 700;
display: flex;
gap: 10px
}

.btn-circle::after {
border-top: 1px solid var(--belyy);
border-right: 1px solid var(--belyy);
margin-right: 4px
}

.btn-more.active::after {
transform: rotate(315deg)
}

.title-h1,
.title-h2,
.title-h3,
.title-h4,
.title-h5,
.title-h6 {
font-family: var(--font-family);
font-weight: 700;
line-height: 140%;
color: var(--tekst)
}

.title-h1 {
font-size: 40px;
line-height: 120%
}

.title-h3 {
font-size: 30px
}

.title-h4 {
font-size: 26px
}

.title-h5 {
font-size: 22px
}

.title-h6 {
font-size: 18px;
line-height: 111%
}

.input,
.phone {
line-height: 140%
}

.phone {
font-size: 22px;
color: var(--color-zelenyy);
transition: .3s
}

.phone-btn,
.phone-btn-white {
border-radius: 10px;
padding: 10px 20px;
font-size: 21px;
line-height: 140%;
align-items: center;
width: -moz-max-content;
width: max-content;
min-width: -moz-max-content;
min-width: max-content;
transition: .3s
}

.input,
.textarea {
padding: 16px;
font-family: var(--font-family);
transition: .3s
}

.phone-btn svg path,
.phone-btn-white svg path,
.tab__btn {
transition: .3s
}

.phone-btn-white,
.phone-btn:hover {
background: var(--belyy);
color: var(--color-zelenyy)
}

.phone-btn,
.phone-btn-white:hover {
background: var(--color-zelenyy);
color: var(--belyy)
}

.phone-btn-white:hover svg path {
fill: var(--belyy);
stroke: var(--belyy)
}

.phone-btn:hover svg path {
fill: var(--color-zelenyy);
stroke: var(--color-zelenyy)
}

.full-stars label svg,
.header__network:hover svg path {
fill: var(--color-temno-zelenyy)
}

.input {
background: var(--belyy);
border-radius: 5px;
font-weight: 400;
font-size: 14px;
color: var(--tekst);
border: 1px solid transparent
}

.input::-moz-placeholder {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: var(--tekst-svetlyy)
}

.input::placeholder {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: var(--tekst-svetlyy)
}

.input:hover,
.text-block table tbody tr:nth-child(2n),
.textarea:hover {
background: var(--bg-svetlo-seryy)
}

.input:active,
.input:focus,
.textarea,
.textarea:active,
.textarea:focus {
background: var(--belyy)
}

.input:focus {
border: 1px solid var(--tegi)
}

.input:active {
border: 1px solid var(--color-zelenyy)
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none
}

.input-wrapper {
position: relative;
border-radius: 5px;
overflow: hidden
}

.input-wrapper .input,
.popup input,
.section__inner--main .price__table {
width: 100%
}

.input-error {
display: none;
position: absolute;
bottom: -3px;
left: 15px;
font-size: 11px;
color: #ff4a37
}

.politic,
.textarea {
font-size: 14px;
line-height: 140%
}

.input-clear {
position: absolute;
top: 50%;
right: 16px;
transform: translate(0, -50%);
z-index: 5;
cursor: pointer
}

.textarea {
border-radius: 5px;
font-weight: 400;
color: var(--tekst);
border: 1px solid transparent;
width: 100%;
min-height: 142px;
resize: none
}

.textarea::-moz-placeholder {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: var(--tekst-svetlyy)
}

.textarea::placeholder {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: var(--tekst-svetlyy)
}

.textarea:focus {
border: 1px solid var(--tegi);
outline: 0
}

.textarea:active {
border: 1px solid var(--color-zelenyy);
outline: 0
}

.politic {
color: var(--tekst-svetlyy)
}

.politic a {
color: inherit;
font-weight: 500;
transition: .3s
}

.form-search {
position: relative;
width: 100%
}

.form-search input {
background: var(--fon-plashek);
opacity: .7;
width: 100%
}

.form-search img,
.popup__search_img {
position: absolute;
top: 50%;
right: 20px;
transform: translate(0, -50%)
}

.select,
select {
width: 100%;
max-width: 100%;
cursor: pointer;
outline: 0;
border-radius: 5px;
padding: 28px 30px 16px 20px;
font-weight: 500;
color: var(--tekst);
opacity: .7;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position-x: calc(100% - 8px);
transition: .3s
}

.select:focus,
select:focus {
outline: 1px solid var(--color-zelenyy)
}

.sort_block {
position: relative
}

.sort_block label {
display: block;
font-size: 12px;
line-height: 140%;
color: var(--tekst-svetlyy);
position: absolute;
top: 10px;
left: 20px;
z-index: 2
}

.sort__text {
color: var(--tekst);
margin-bottom: 20px
}

.sort__item {
margin-bottom: 20px;
display: flex;
gap: 14px;
align-items: center
}

.sort__item input[type=checkbox] {
position: relative;
width: 28px;
height: 28px;
color: #000;
border: 1px solid #788189;
border-radius: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
cursor: pointer;
transition: 175ms cubic-bezier(.1, .1, .25, 1)
}

.sort__item input[type=checkbox]::before {
position: absolute;
display: block;
top: 3px;
left: 9px;
height: 14px;
border-style: solid;
border-color: #fff;
border-width: 0 3px 3px 0;
opacity: 0
}

.sort__item input[type=checkbox]:checked {
color: #fff;
border-color: var(--color-zelenyy);
background: var(--color-zelenyy)
}

.cookie-close:hover,
.sort__item input[type=checkbox]:checked::before {
opacity: 1
}

.sort__item label {
position: relative;
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: var(--tekst)
}

.sort__item label::before {
position: absolute;
content: attr(data-content)
}

input[type=range] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 4px;
background: var(--color-svetlo-zelenyy-1);
border-radius: 20px;
outline: 0;
transition: opacity .2s
}

input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 17px;
height: 17px;
border-radius: 100%;
background: var(--color-zelenyy);
cursor: pointer
}

input[type=range]::-moz-range-thumb {
width: 17px;
height: 17px;
border-radius: 100%;
background: var(--color-zelenyy);
cursor: pointer
}

.header__btn--question,
.tertiary-btn {
border: 1px solid var(--osnovnoy---500)
}

input[type=range]:focus::-moz-range-thumb {
outline: 2px solid var(--color-zelenyy);
outline-offset: 0.125rem
}

input[type=range]:focus::-webkit-slider-thumb {
outline: 2px solid var(--color-zelenyy);
outline-offset: 0.125rem
}

.accordion {
transition: .4s;
cursor: pointer;
width: 100%;
position: relative
}

.accordion--active .accordion__btn-more {
transform: rotate(180deg)
}

.accordion__content {
max-height: 0;
overflow: hidden;
transition: .4s
}

.tab-content.active,
.tabcontent--active {
display: block;
width: 100%;
min-height: 100%
}

.full-stars,
.popup-review-response__text {
text-align: center
}

.full-stars .rating-group {
display: inline-flex
}

.full-stars input {
position: absolute;
left: -9999px
}

.full-stars label {
margin: 0;
cursor: pointer
}

.full-stars .rating-group input:hover~label svg,
.full-stars input:checked~label svg {
fill: transparent
}

.breadcrumbs {
margin-bottom: 25px
}

.breadcrumbs,
.breadcrumbs li {
align-items: center;
display: flex;
gap: 6px;
flex-wrap: wrap
}

.breadcrumbs li,
.breadcrumbs li a {
font-size: 14px;
color: var(--tekst-temnyy-60)
}

.breadcrumbs li a,
.breadcrumbs li:after {
color: var(--tekst-temnyy-100)
}

.general__title-h1 span,
.red-white {
color: var(--tekst---svetlyy);
background: var(--osnovnoy---500)
}

.breadcrumbs li:after {
content: "—";
font-size: 20px;
font-size: inherit
}

.breadcrumbs li:last-child::after {
content: none
}

.red-white,
.toggle-all__item .articles-addictions__card_info p {
line-height: 130%;
letter-spacing: -.01em;
font-family: var(--font-family)
}

.tertiary-btn {
border-radius: 6px
}

.red-white {
border-radius: 6px;
font-weight: 500;
font-size: 16px;
transition: .2s;
text-align: center;
position: relative;
z-index: 1;
overflow: hidden;
border: 1px solid #d31d44
}

.red-white::after,
.red-white:hover {
color: var(--osnovnoy---500);
border: 1px solid #d31d44
}

@media (hover:hover) {
.btn-arrow:hover {
opacity: .5
}

.btn-arrow:hover::after {
transform: rotate(45deg) translate(5px, -5px)
}

.free-consultation__btn::after,
.primary-btn:hover::after,
.red-white:hover::after,
.secondary-btn:hover::after,
.tertiary-btn:hover::after {
transform: skewX(-45deg) scale(1);
transition: .3s ease-out
}
}

.red-white::after {
content: "";
background: #fff;
position: absolute;
z-index: -1;
padding: .85em .75em;
display: block;
left: -2%;
right: -2%;
top: 0;
bottom: -2px;
transform: skewX(-45deg) scale(0, 1);
transition: .3s
}

.clinic-guarantees .swiper-button-next,
.clinic-guarantees .swiper-button-next--white,
.clinic-guarantees .swiper-button-prev,
.clinic-guarantees .swiper-button-prev--white,
.doctors .swiper-button-next,
.doctors .swiper-button-next--white,
.doctors .swiper-button-prev,
.doctors .swiper-button-prev--white,
.provide-services .swiper-button-next,
.provide-services .swiper-button-next--white,
.provide-services .swiper-button-prev,
.provide-services .swiper-button-prev--white,
.reviews-slider .swiper-button-next,
.reviews-slider .swiper-button-next--white,
.reviews-slider .swiper-button-prev,
.reviews-slider .swiper-button-prev--white,
.stages-treatment .swiper-button-next,
.stages-treatment .swiper-button-next--white,
.stages-treatment .swiper-button-prev,
.stages-treatment .swiper-button-prev--white,
.swiper-btns--general .swiper-button-next,
.swiper-btns--general .swiper-button-next--white,
.swiper-btns--general .swiper-button-prev,
.swiper-btns--general .swiper-button-prev--white,
.we-help .swiper-button-next,
.we-help .swiper-button-next--white,
.we-help .swiper-button-prev,
.we-help .swiper-button-prev--white,
.districts .swiper-button-next,
.districts .swiper-button-prev {
position: static;
margin: 0;
min-width: 40px;
width: 40px;
height: 40px;
border-radius: 25px;
background: #f9dde3;
transition: .3s
}

.swiper-btns--general .swiper-button-next:hover,
.swiper-btns--general .swiper-button-prev:hover {
background: #f0b0be;
transition: .3s
}

.clinic-guarantees .swiper-button-next svg,
.provide-services .swiper-button-next svg,
.reviews-slider .swiper-button-next svg,
.districts .swiper-button-next svg,
.stages-treatment .swiper-button-next svg,
.swiper-btns--general .swiper-button-next svg,
.we-help .swiper-button-next svg {
width: 100%;
height: 30px;
-o-object-fit: contain;
object-fit: contain;
transform-origin: center;
padding-right: 10px
}

.clinic-guarantees .swiper-button-prev svg,
.provide-services .swiper-button-prev svg,
.reviews-slider .swiper-button-prev svg,
.districts .swiper-button-prev svg,
.stages-treatment .swiper-button-prev svg,
.swiper-btns--general .swiper-button-prev svg,
.we-help .swiper-button-prev svg {
width: 100%;
height: 30px;
-o-object-fit: contain;
object-fit: contain;
transform-origin: center;
padding-left: 10px
}

.general__title-h2,
.how-treat__title,
.types-dependencies__title {
font-family: var(--font-family);
font-weight: 600;
font-size: 48px;
line-height: 110%;
letter-spacing: -.03em;
text-align: center;
color: var(--tekst---temnyy);
margin-bottom: 60px
}

.articles-addictions,
.general__section,
.how-treat,
.intro-1,
.stages-treatment,
.we-help {
padding: 30px 0
}

.text-block ol {
display: flex;
flex-direction: column;
gap: 10px;
padding-bottom: 30px
}

.toggle-all__items {
display: flex;
flex-wrap: wrap;
gap: 16px
}

.toggle-all__item {
flex: 0 0 calc(25% - 12px);
transition: .3s
}

.toggle-all__button {
margin-top: 4px;
cursor: pointer;
background: 0 0;
border: none;
font-size: 16px;
color: #d31d44;
display: none;
align-items: center;
gap: 8px;
border: 1px solid var(--osnovnoy---500);
border-radius: 6px;
padding: 20px 24px;
width: 100%;
height: 52px;
justify-content: center;
transition: margin-top .4s
}

.select-arrow,
.select-button svg,
.toggle-all__arrow,
.toggle-button svg {
transition: transform .3s
}

.toggle-all__button.open {
margin-top: 20px
}

.custom-select-wrapper.open .select-arrow,
.hamRotate180.active,
.header__nav_item.hide-item--active>button span:after,
.toggle-all__arrow.open,
.toggle-button.active svg {
transform: rotate(180deg)
}

@media (max-width:1245px) {
.toggle-all__item {
flex: 0 0 calc(33% - 12px)
}
}

@media (max-width:970px) {
.toggle-all__item {
flex: 0 0 calc(50% - 12px)
}
}

.general__head {
background: linear-gradient(270deg, #fceff2 0, #fff 50%, #fceff2 100%);
padding-top: 24px;
padding-bottom: 60px
}

.general__title-h1 {
font-family: var(--font-family);
font-weight: 600;
font-size: 48px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy)
}

.general__title-h1 span {
border-radius: 20px;
padding: 5px 20px;
display: inline-block
}

.articles-addictions__card_info {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 20px
}

.toggle-all__item .articles-addictions__card_info p {
font-weight: 400;
font-size: 14px;
color: var(--tekst---seryy);
display: flex;
align-items: center;
gap: 8px
}

.intro-stati__info-svg,
.toggle-all__item .articles-addictions__card_info p svg {
width: 24px;
height: 24px
}

.custom-select-wrapper {
position: relative;
user-select: none;
font-family: sans-serif;
margin-bottom: 40px
}

.custom-select {
padding: 13px;
max-width: 353px;
border-bottom: 1px solid #eee;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
transition: border .3s
}

.custom-options {
position: absolute;
top: 100%;
left: 0;
width: 100%;
border-top: none;
background: #fff;
max-height: 0;
overflow: hidden;
transition: max-height .3s;
z-index: 10
}

.custom-options .selected-option,
.price__date,
.price__discp,
.price__for,
.submenu-3 ul li a {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 125%;
color: var(--tekst---seryy)
}

.general__subtitle-info,
.general__subtitle-toggle {
line-height: 130%;
letter-spacing: -.01em;
font-family: var(--font-family)
}

.custom-select-wrapper.open .custom-options {
max-height: 500px
}

.general__section-articles,
.general__section-reviews {
padding-top: 80px
}

.custom-options li,
.option {
padding: 10px;
cursor: pointer
}

.custom-options li:hover {
background: #f0f0f0
}

@media (max-width:800px) {
.section-offset {
margin-bottom: 80px
}

.text-block__literature_bottom--services {
margin-bottom: 40px
}

.section__flex {
display: flex;
flex-direction: column;
gap: 20px
}

.section__top {
display: contents;
margin-bottom: 20px
}

.section__btn {
display: block;
order: 3;
width: 100%
}

.section__inner {
order: 2
}

.general__section {
padding: 40px 0
}

.price .price__mode .tertiary-btn {
width: 100%;
height: 52px;
padding: 15.5px 20px
}

.general__title-h1,
.general__title-h1 span {
font-family: var(--font-family);
font-weight: 600;
font-size: 26px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy)
}

.general__title-h1 span {
background-color: #fff;
padding: 0
}

.general__section-articles,
.general__section-reviews {
padding-top: 0
}

.custom-select-wrapper {
margin-bottom: 20px
}
}

.general__section-reviews .reviews-slider__card_title {
font-family: var(--font-family);
font-weight: 600;
font-size: 20px;
line-height: 120%;
color: var(--tekst---temnyy);
margin-bottom: 20px;
display: flex;
text-align: left;
justify-content: space-between
}

.general__section-reviews .reviews-slider__card_title span {
display: flex;
align-items: baseline;
gap: 2px
}

.general__title-h1--doctors {
max-width: 800px;
margin-bottom: 40px
}

.general__subtitle-text {
display: flex
}

.general__subtitle-toggle {
font-weight: 400;
font-size: 18px;
color: var(--tekst---seryy);
flex: 0 0 calc(50% - 12px)
}

.general__subtitle-info {
font-weight: 600;
font-size: 18px;
color: var(--tekst---temnyy);
flex: 0 0 calc(50% - 12px)
}

.subtitle-toggle__span {
position: relative;
max-height: 47px;
overflow: hidden;
transition: max-height .3s ease-out;
display: block
}

.toggle-button {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
color: var(--osnovnoy---500);
display: flex;
align-items: center;
gap: 4px;
padding-top: 16px
}

.subtitle-toggle__span.expanded {
max-height: none
}

.general__section--doctors,
.general__section-official {
padding: 80px 0
}

.general__subtitle-toggle--gallery {
flex: 0 0 100%;
max-width: 800px
}

.general__title-h1--gallery {
margin-bottom: 40px;
max-width: 1000px
}

.section__inner--main .price__table-titles {
font-family: var(--font-family);
display: grid;
grid-template-columns: 4.6fr 4.3fr 3fr 1.5fr 3fr;
padding: 24px
}

.section__inner--main .price__name {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 120%;
color: var(--tekst---temnyy)
}

.section__inner--main .price__cost {
padding-right: 0;
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
line-height: 125%;
color: var(--akcentnyy---500)
}

.section__inner--main .price__item {
margin-bottom: 8px;
display: grid;
grid-template-columns: 9.1fr 3.3fr;
gap: 20px;
align-items: start;
border-radius: 12px;
padding: 20px;
height: 64px;
background: #f5f5f5
}

.section__inner--main .price__name {
display: block
}

.section__inner--main .price__table-body {
width: 100%;
display: block
}

@media (max-width:1020px) {

.section__inner--main .price__item,
.section__inner--main .price__table-titles {
gap: 10px
}
}

@media (max-width:840px) {
.section__inner--main .change-item__title {
position: relative;
padding-right: 32px;
width: 100%;
display: block;
cursor: pointer
}

.general__head {
background: #fff;
padding-bottom: 10px
}

.section__inner--main .price .price__title {
margin-bottom: 0
}

.section__inner--main .price__table-titles {
display: none
}

.section__inner--main .price__item {
display: flex;
flex-direction: column;
height: auto;
gap: 1px;
padding: 12px 16px
}

.section__inner--main .price__name {
font-size: 16px;
width: 100%;
margin-bottom: 10px
}

.section__inner--main .price__item.active {
gap: 10px
}
}

.logo__picture,
.logo__picture img,
.swiper {
width: 100%;
height: 100%
}

.swiper-btns {
display: flex;
align-items: center;
gap: 6px
}

.header__logo,
.hide-item--active .header__submenu,
.img-animation::before,
.select-button.open .select-options,
main {
display: block
}

.swiper-button-next,
.swiper-button-next--white,
.swiper-button-prev,
.swiper-button-prev--white {
position: static;
margin: 0;
min-width: 40px;
width: 40px;
height: 40px;
border-radius: 25px;
background: rgba(61, 124, 133, .25);
transition: .3s
}

.swiper-button-next:after,
.swiper-button-prev:after {
color: var(--tekst-svetlyy);
font-size: 14px;
font-weight: 700;
transition: .3s
}

.swiper-button-next:hover,
.swiper-button-prev:hover,
.swiper-scrollbar-temnyy .swiper-scrollbar-drag {
background: var(--color-zelenyy)
}

.swiper-button-next--white,
.swiper-button-prev--white {
background: var(--belyy)
}

.swiper-button-next--white:after,
.swiper-button-next--white:hover:after,
.swiper-button-prev--white:after,
.swiper-button-prev--white:hover:after {
color: var(--color-temno-zelenyy)
}

.swiper-button-next--white:hover,
.swiper-button-prev--white:hover {
background: rgba(61, 124, 133, .25)
}

.swiper-pagination {
position: static;
width: auto !important
}

.swiper-pagination-bullet {
position: static;
border-radius: 10px;
width: 25px;
height: 3px;
background: var(--color-zelenyy)
}

.swiper-pagination-fraction {
font-weight: 700;
font-size: 14px;
color: rgba(255, 255, 255, .5)
}

.swiper-pagination-fraction .swiper-pagination-current {
font-weight: 700;
font-size: 26px;
color: var(--belyy)
}

.swiper-scrollbar {
position: static !important;
background: rgba(255, 255, 255, .1);
border-radius: 10px
}

.swiper-scrollbar-drag {
background: var(--belyy);
border-radius: 10px
}

.swiper-scrollbar-temnyy {
position: static !important;
background: var(--izobrazhenie)
}

@keyframes transformItem {
0% {
opacity: 0;
transform: translateY(100%)
}

100% {
opacity: 1;
transform: translateY(0)
}
}

.text-animation,
.transform-item {
opacity: 0
}

.scale-item {
scale: 0.6;
opacity: 0;
transition: scale .4s, opacity .3s
}

@keyframes textAnimation {
0% {
opacity: 0;
transform: translateX(-120px)
}

100% {
opacity: 1;
transform: translateX(0)
}
}

.animation-active.scale-item {
opacity: 1;
scale: 1
}

.animation-active.scale-item:nth-child(2n) {
transition: scale .6s, opacity .5s
}

.animation-active.scale-item:nth-child(3n) {
transition: scale .9s, opacity .8s
}

.animation-active.scale-item:nth-child(5n) {
transition: scale .7s, opacity .6s
}

.animation-active.scale-item:nth-child(7n) {
transition: scale .8s, opacity .7s
}

.animation-active.text-animation {
opacity: 1;
animation: .4s forwards textAnimation
}

.animation-active.transform-item {
opacity: 1;
animation: .4s forwards transformItem
}

.animation-active.transform-item:nth-child(2n) {
animation: .6s forwards transformItem
}

.animation-active.transform-item:nth-child(3n) {
animation: .7s forwards transformItem
}

.animation-active.transform-item:nth-child(5n) {
animation: .8s forwards transformItem
}

.animation-active.transform-item:nth-child(7n) {
animation: .9s forwards transformItem
}

.img-animation img {
transition: scale 3s
}

.img-animation {
overflow: hidden;
position: relative;
border-radius: 20px
}

.img-animation:hover img {
scale: 1.08
}

.img-animation::before {
content: "";
background: rgba(8, 11, 15, .2);
position: absolute;
z-index: 2;
padding: .85em .75em;
left: -2%;
right: -2%;
top: 0;
bottom: -2px;
transform: skewX(-45deg) scale(0, 1);
transition: .5s
}

.header__network:hover,
.text-block table thead th {
background: var(--color-svetlo-zelenyy-1)
}

.img-animation:hover::before {
transform: none
}

.header {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 100;
background-color: #fff
}

main {
margin-top: 0;
transition: margin-top .3s
}

main.shifted {
margin-top: 236px
}

.header__logo {
overflow: hidden;
max-width: 210px;
max-height: 45px;
min-width: 210px;
min-height: 45px;
width: 100%
}

.header__main::-webkit-scrollbar,
.header__plashka::-webkit-scrollbar,
.header__top::-webkit-scrollbar {
width: 0;
height: 0
}

.header__plashka,
.header__plashka a {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 140%;
text-align: center;
color: var(--tekst---svetlyy);
background: var(--osnovnoy---500)
}

.header__plashka_row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
padding: 10px;
margin: 0 auto
}

.header__plashka.hide,
.header__top.hide {
padding: 0
}

.header__top {
padding: 13px 0 28px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
transition: .3s
}

.header__info {
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px
}

.header__info_item {
gap: 10px
}

.header-mobile__wrapper .header__info_email p:first-child,
.header-mobile__wrapper .header__info_location p:first-child,
.header-mobile__wrapper .header__info_mode p:first-child,
.header-mobile__wrapper .header__info_phone p:first-child,
.header-mobile__wrapper .header__info_social p:first-child {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
letter-spacing: -.01em;
color: rgba(22, 22, 22, .4)
}

.header-mobile__wrapper .header__info_phone a:link {
font-family: var(--font-family);
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #454545
}

.header-mobile__wrapper .header__info_social p:first-child {
margin-bottom: 8px
}

.header-mobile__wrapper .header__info_email a:link,
.header-mobile__wrapper .header__info_mode p:last-child {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #454545
}

.header__info_icon {
border-radius: 5px;
width: 40px;
height: 40px;
padding: 8px;
background: var(--color-svetlo-zelenyy-2);
display: flex;
align-items: center;
justify-content: center
}

.header__discount,
.header__network {
background: var(--color-temno-zelenyy);
transition: .3s
}

.header__info_text {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: var(--tekst-svetlyy)
}

.header__info_location,
.header__info_location button {
font-weight: 500;
line-height: 143%
}

.header__info_text div p:first-child {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 157%;
color: rgba(23, 23, 23, .55)
}

.header__info_location,
.header__info_text div p:last-child {
color: #171717;
font-size: 14px;
font-family: var(--font-family)
}

.header__info_text div p:last-child {
font-weight: 400;
line-height: 157%
}

.header__info_location--mode {
display: flex
}

.header__info_location--mode div:first-child {
padding-top: 2px;
margin-right: 8px
}

.header__info_location p:last-child {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 143%;
color: rgba(23, 23, 23, .55)
}

.header__info_location button {
font-family: var(--font-family);
font-size: 14px;
text-decoration: underline;
color: #d11039
}

.header__info_phone a {
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
line-height: 125%;
text-transform: uppercase;
color: #171717;
display: flex;
align-items: center
}

.header__main,
.header__network {
display: flex;
align-items: center
}

.contacts__networks,
.footer__networks,
.header__networks,
.text-block__literature_links {
display: flex;
gap: 6px
}

.header__network {
justify-content: center;
width: 30px;
height: 30px;
border-radius: 5px
}

.header__nav_service>button:hover .header__nav_service-span span,
.hide-item--active.header__nav_service>button .header__nav_service-span span {
background: var(--belyy)
}

.header__search {
padding: 0;
width: 46px;
height: 46px;
display: flex;
justify-content: center;
align-items: center
}

.header__search:hover svg path {
stroke: var(--belyy)
}

.header__main {
padding: 20px 0;
justify-content: space-between;
gap: 28px
}

.header__menu {
display: contents
}

.contacts__btns,
.header__btns {
display: flex;
gap: 10px
}

.header__nav>ul {
display: flex;
align-items: center;
gap: 36px;
margin-right: 36px
}

.header__nav>ul>li>a,
.header__nav>ul>li>button,
.hide-item__link--external {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 125%;
color: #171717
}

.header__discount,
.header__discount p span:last-child {
line-height: 140%;
text-align: center;
font-weight: 500;
font-size: 14px
}

.header__nav>ul>li>a:hover,
.header__nav>ul>li>button:hover,
.header__nav_item.hide-item--active>button {
font-family: var(--font-family);
font-size: 16px;
line-height: 125%;
color: var(--osnovnoy---500)
}

.header__nav>ul>li>a:hover,
.header__nav>ul>li>button span {
position: relative
}

.header__nav>ul>li>a:hover,
.header__nav>ul>li>button span:after {
display: block;
content: "";
width: 8px;
height: 6px;
flex-shrink: 0;
background: url("./../img/alco/icons/vec.svg") center center no-repeat;
transition: transform .2s;
position: absolute;
left: auto;
bottom: auto;
right: -13px;
top: 8px
}

.header__nav_about>button {
display: flex;
align-items: center;
gap: 10px
}

.header__nav_service>button {
border-radius: 5px;
padding: 10px;
background: var(--fon-plashek);
display: flex;
align-items: center;
gap: 10px;
transition: .3s
}

.header__nav_service>button:hover {
background: var(--color-zelenyy);
color: var(--belyy)
}

.header__nav_service-span {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 17px;
height: 20px
}

.header__nav_service-span>span {
border-radius: 5px;
width: 16px;
height: 2px;
background: var(--color-zelenyy);
transition: .3s
}

.header__discount {
padding: 12px 0;
color: var(--belyy);
opacity: 1;
max-height: 500px
}

.header-mobile__eye button:hover,
.header-mobile__phone a:hover,
.substock__inner span {
opacity: .6
}

.header__discount.hidden {
opacity: 0;
max-height: 0;
padding: 0;
overflow: hidden
}

.header__discount p span:last-child {
display: inline-block;
color: var(--belyy);
padding: 5px 10px;
background: rgba(255, 255, 255, .1);
border-radius: 5px;
text-wrap: nowrap
}

.header__discount_text {
display: flex;
align-items: center;
gap: 10px;
text-align: left
}

.header__discount_row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px
}

.header__discount_more {
position: relative;
font-weight: 500;
font-size: 14px;
color: var(--belyy);
padding-right: 15px;
margin-right: 15px
}

.header__discount_close {
position: relative;
font-weight: 400;
font-size: 14px;
color: var(--belyy);
opacity: .6;
padding: 0 15px;
border-left: 1px solid var(--belyy)
}

.header__btn--question,
.submenu-3 ul li a:hover {
color: var(--osnovnoy---500)
}

.header__btn--question,
.header__btn--services {
padding: 10px 8px;
height: 45px;
font-size: 16px;
font-family: var(--font-family);
font-weight: 500;
line-height: 130%;
letter-spacing: -.01em
}

.header__discount_close:after,
.header__discount_close:before,
.header__discount_more:after,
.header__discount_more:before {
content: "";
position: absolute;
width: 7px;
height: 1px;
background: var(--belyy);
top: 50%;
transform: translate(0, -50%);
right: 0
}

.header__discount_more:before {
transform: rotate(45deg);
top: calc(50% - 2px)
}

.header__discount_more:after {
transform: rotate(-45deg);
top: calc(50% + 2px)
}

.header__discount_close:before {
width: 10px;
transform: rotate(45deg)
}

.header__discount_close:after {
width: 10px;
transform: rotate(-45deg)
}

.header__discount_close:hover,
.header__discount_more:hover {
opacity: .5
}

.header__submenu {
display: none;
z-index: 100
}

.hide-item {
position: relative
}

.hide-item--active.header__nav_about>button {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 125%;
color: var(--osnovnoy---500)
}

.hide-item--active.header__nav_about>button::after {
width: 8px;
height: 8px;
opacity: .5
}

.hide-item--active.header__nav_service>button {
background: var(--plashki);
color: var(--belyy)
}

.hide-item--active.header__nav_service>button .header__nav_service-span span:first-child {
transform: rotate(45deg);
position: relative;
top: 7px
}

.articles-addictions .all__swiper-pagination,
.hide-item--active.header__nav_service>button .header__nav_service-span span:nth-child(2),
.we-help .all__swiper-pagination {
opacity: 0
}

.hide-item--active.header__nav_service>button .header__nav_service-span span:last-child {
transform: rotate(-45deg);
position: relative;
bottom: 7px
}

.header-mobile__wrapper {
display: none;
width: 100%
}

.header-mobile__wrapper-phone {
order: 0
}

.header-mobile__burger-btns {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 15px
}

.header-mobile__burger-btns a,
.header-mobile__burger-btns button {
display: flex
}

.header-mobile__eye {
order: 6;
text-align: right;
margin-top: -45px
}

.header-mobile__eye button {
transition: .3s
}

.header__btn--question {
border-radius: 6px;
width: 164px
}

.header__btn--question:hover {
background: var(--osnovnoy---500);
color: var(--tekst---svetlyy);
border: 1px solid var(--osnovnoy---500)
}

.burger__menu,
.header__btn--services {
border-radius: 6px;
background: var(--osnovnoy---500)
}

.header__btn--services {
width: 163px;
color: var(--tekst---svetlyy)
}

.header-mobile__info {
order: 5
}

.header-mobile__phone {
display: flex;
justify-content: center;
width: 100%;
gap: 16px
}

.header-mobile__phone a {
font-weight: 700;
font-size: 18px;
line-height: 130%;
color: var(--color-zelenyy);
padding-right: 16px;
border-right: 1px solid var(--tegi);
display: flex;
align-items: center;
gap: 6px;
transition: .3s
}

.header-mobile__phone img {
display: block;
width: 20px;
height: 20px;
padding: 4px;
border-radius: 5px;
background: var(--fon-plashek)
}

.header-mobile__phone p {
font-size: 12px;
color: var(--tegi)
}

.burger__menu {
width: 36px;
height: 36px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center
}

.ham {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: transform .4s;
user-select: none
}

.hamRotate.active {
transform: rotate(45deg)
}

.header-mobile__btns .header__btn {
width: 146px;
height: 38px;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 130%;
letter-spacing: -.01em
}

.line {
fill: none;
transition: stroke-dasharray .4s, stroke-dashoffset .4s;
stroke: white;
stroke-width: 5.5;
stroke-linecap: round
}

.ham6 .bottom,
.ham6 .top {
stroke-dasharray: 40 172
}

.ham6 .middle {
stroke-dasharray: 21 111
}

.ham6.active .bottom,
.ham6.active .top {
stroke-dashoffset: -132px
}

.ham6.active .middle {
stroke-dasharray: 39 111;
stroke-dashoffset: -71px
}

.header {
position: sticky
}

@media (max-width:1380px) {
.header__info_phone {
display: none
}

.licenses-page__swiper-1 {
padding: 0 20px
}

.licenses-page__info-1 {
margin: 0 20px 20px
}
}

@media (max-width:1260px) {

.header__discount p,
.header__plashka a {
font-size: 12px
}

main {
margin-top: 0
}

.header__nav>ul>li>a:hover,
.header__nav>ul>li>button span {
position: unset
}

.header-mobile__btns {
display: flex;
align-items: center;
justify-content: center;
gap: 8px
}

.header__plashka {
border-radius: 0 0 20px 20px;
font-size: 12px
}

main.shifted {
margin-top: 172px
}

.header-mobile__wrapper,
.header__info_phone {
display: block
}

.header__btns,
.header__discount p::before,
.header__discount_close span,
.header__discount_more,
.header__info,
.header__links,
.header__menu,
.header__nav,
.header__networks,
.header__plashka_btns {
display: none
}

.header__plashka_row {
padding: 8px 0;
justify-content: center
}

.header__plashka_row p {
text-align: center
}

.header__discount {
position: relative
}

.header__discount_row {
width: 100%;
flex-basis: 100%;
gap: 5px
}

.header__discount_btns {
flex-basis: 0%
}

.header__discount_close {
position: absolute;
top: 12px;
right: 8px;
opacity: 1
}

.header__discount_close::after,
.header__discount_close::before {
width: 15px
}

.header__logo {
display: block;
overflow: hidden;
max-width: 149px;
max-height: 32px;
min-width: 149px;
min-height: 32px;
width: 100%
}

.header__main {
padding: 20px 0 12px;
gap: 20px
}

.header__top {
padding: 10px 0;
border: none
}

.header__menu--active {
position: fixed;
top: 138px;
right: 0;
width: 100%;
z-index: 10;
height: calc(100% - 138px);
overflow-y: auto;
padding: 10px 20px;
background-color: #fff;
display: flex;
flex-direction: column;
gap: 30px
}

.header__menu--active::-webkit-scrollbar {
width: 3px
}

.header__menu--active::-webkit-scrollbar-track {
background: #dcdcdd;
border-radius: 3px
}

.header__menu--active::-webkit-scrollbar-thumb {
border-radius: 3px;
background: var(--color-temno-zelenyy)
}

.header__menu--active .header__top {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 20px;
padding: 20px
}

.header__menu--active .header__nav {
display: block;
opacity: 1 !important;
order: 1
}

.header__menu--active .header__btns {
display: flex;
order: 2
}

.header__menu--active .header__btns button {
flex: 1 0 auto
}

.header__menu--active .header__info {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 16px;
order: 3;
padding-bottom: 30px;
border-bottom: 1px solid var(--color-temno-zelenyy);
margin-bottom: 30px
}

.header__menu--active .header__links {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
order: 4
}

.header__menu--active .header__networks {
display: flex
}

.header__info_location button {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #454545;
text-decoration: none
}

.header__nav {
display: none
}

.header__nav>ul {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
margin-bottom: 0;
position: relative
}

.header__nav>ul>li>a {
display: block;
font-weight: 500;
padding: 9px 0
}

.header__nav_about button {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
font-weight: 500
}

.header__nav_service button {
width: 100%;
justify-content: center
}

.header__nav_list {
position: relative;
z-index: 10
}
}

.contacts__item a:hover,
.contacts__item button:hover,
.cookie-text a,
.error__text a,
.footer__info_text a:hover,
.footer__info_text button:hover,
.footer__links a,
.search-result__item a,
.substock__inner p a {
text-decoration: underline
}

@media (max-width:800px) {
.general__subtitle-info {
flex: 0 0 100%;
display: none
}

.general__section-official {
padding: 40px 0
}

.general__section--doctors {
padding: 0 0 40px
}

.general__subtitle-toggle {
flex: 0 0 100%
}

.subtitle-toggle__span {
max-height: 160px
}

main {
margin-top: 0
}

main.shifted {
margin-top: 170px
}

.header__menu--active {
top: 124px;
height: calc(100% - 124px)
}

.header-mobile__phone a {
text-wrap: nowrap;
flex: 1 0 48%;
font-size: 14px
}

.header-mobile__phone p {
flex: 1 0 35%;
font-size: 12px
}

.header__discount p {
font-size: 12px;
text-align: left
}

.header__info_item {
display: flex;
gap: 12px
}

.header__info_icon {
min-width: 20px;
width: 20px;
height: 20px;
padding: 4px
}

.header__info_text {
font-size: 12px
}

.header__info_text p:last-child {
font-size: 14px
}

.header__info_phone a {
font-size: 16px
}
}

@media (max-width:540px) {
main {
margin-top: 0
}

main.shifted {
margin-top: 186px
}

.header-mobile__phone {
justify-content: space-between
}

.header-mobile__phone a {
flex: 1 0 auto
}

.header__btns {
flex-direction: column
}
}

@media (max-width:370px) {
main {
margin-top: 0
}

main.shifted {
margin-top: 205px
}
}

.submenu-3 {
position: absolute;
top: calc(100% + 32px);
left: -26px;
border-radius: 20px;
padding: 26px;
background: var(--belyy);
min-width: 308px
}

.intro-1__form,
.intro-1__main {
border-radius: 10px;
background: var(--belyy)
}

.submenu-3 ul {
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 17px
}

.submenu-3 ul li {
display: flex;
gap: 8px;
width: 100%
}

.doctor-page__flex,
.doctor-page__list ul,
.intro-1__right {
display: flex;
flex-direction: column;
gap: 20px
}

.intro-1__left {
max-width: 100%
}

.intro-1__main {
padding: 0 0 65px;
display: flex;
flex-direction: column;
justify-content: space-between
}

.intro-1__main h1,
.intro-1__main h2 {
color: var(--tekst);
margin-bottom: 15px
}

.intro-1__form {
padding: 40px
}

.intro-1__form_title {
font-weight: 700;
font-size: 22px;
line-height: 140%;
color: var(--tekst);
margin-bottom: 5px
}

.intro-1__cards ul li,
.intro-1__main_btn {
line-height: 130%;
letter-spacing: -.01em;
display: flex;
font-family: var(--font-family)
}

.intro-1__form_phone {
margin-bottom: 12px
}

.articles-addictions__cards,
.clinic-guarantees__cards,
.contacts__title,
.doctors__cards,
.gallery__inner,
.guarantees__subtitle,
.intro-1__form_subtitle,
.reviews-slider__cards,
.stages-treatment__cards,
.we-help__cards {
margin-bottom: 30px
}

.guarantees__cards ul,
.intro-1__form_inner {
display: flex;
flex-direction: column;
gap: 10px
}

.intro-1__form_input {
width: 100%;
background: var(--bg-svetlo-seryy)
}

.intro-1__cards ul {
display: flex;
gap: 15px;
justify-content: space-between
}

.intro-1__cards ul li {
font-weight: 400;
font-size: 18px;
color: var(--tekst---temnyy);
align-items: center;
gap: 14px
}

.intro-1__swiper {
height: 85%;
margin-bottom: 20px
}

.intro-1__swiper-btns {
position: absolute;
right: 80px;
bottom: 70px
}

.intro-1__cards {
padding: 0 42px
}

.intro-1__main_btn {
border-radius: 6px;
padding: 20px 24px;
width: 300px;
height: 60px;
background: var(--osnovnoy---500);
font-weight: 500;
font-size: 16px;
color: var(--tekst---svetlyy);
align-items: center;
justify-content: space-between;
margin-bottom: 80px
}

.intro-1__subtitle {
max-width: 624px;
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 130%;
letter-spacing: -.01em;
color: rgba(73, 55, 55, .8);
margin-bottom: 40px
}

.types-dependencies__item-text,
.types-dependencies__subtitle {
font-family: var(--font-family);
font-weight: 500;
line-height: 130%;
letter-spacing: -.01em
}

.section__inner--main .price__table-titles {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: rgba(102, 102, 102, .5);
display: grid;
grid-template-columns: 9.1fr 3.3fr;
gap: 40px;
margin-bottom: 20px
}

.intro-1__main h1 {
font-family: var(--font-family);
font-weight: 600;
font-size: 60px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 32px;
max-width: 1000px
}

.intro-1__main h1 span {
color: rgba(255, 255, 255, .99);
border-radius: 20px;
background: var(--osnovnoy---500);
padding: 0 10px
}

.about__item,
.intro-1__main,
.popup__search_form,
.provide-services .section__flex,
.reviews-slider .section__flex {
position: relative
}

.intro-1__main_photo {
position: absolute;
top: auto;
left: auto;
bottom: 158px;
right: 0
}

.intro-1__cards ul {
flex-wrap: wrap
}

@media (max-width:1362px) {
.intro-1__main_photo {
display: none
}

.intro-1__cards ul li {
width: 49%
}

.intro-1__cards {
padding: 0
}
}

@media (max-width:1050px) {
.intro-1 {
padding: 40px 0
}

.intro-1__row {
flex-direction: column
}

.intro-1__right {
flex-direction: column-reverse
}

.intro-1__left {
max-width: 100%
}

.intro-1__swiper {
margin-bottom: 0;
height: 100%
}

.intro-1__cards_mobile {
display: none
}

.intro-1__main h1 {
font-family: var(--font-family);
font-weight: 600;
font-size: 24px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy)
}
}

.doctors--stati .doctors__cards,
.price__mode,
.text-block h2:empty,
.text-block h3:empty,
.text-block h4:empty,
.text-block h5:empty,
.text-block h6:empty {
margin-bottom: 0
}

@media (max-width:840px) {
.intro-1__cards ul li {
width: 100%
}

.section__inner--main .price__table-titles {
display: none
}
}

@media (max-width:688px) {
body {
font-size: 14px
}

.title-h1 {
font-size: 28px
}

.title-h2 {
font-size: 24px
}

.title-h3 {
font-size: 22px
}

.title-h4 {
font-size: 20px
}

.phone,
.title-h5 {
font-size: 18px
}

.sort__item label,
.title-h6 {
font-size: 16px
}

.title-h6 {
line-height: 125%
}

.btn-circle {
width: 25px;
min-width: 25px;
height: 25px
}

.btn-circle::after {
width: 6px;
height: 6px;
margin-right: 1px
}

.phone-btn,
.phone-btn-white {
padding: 10px 16px;
font-size: 18px
}

.sort__item,
.sort__text {
margin-bottom: 14px
}

.sort__item input[type=checkbox] {
width: 22px;
height: 22px
}

.sort__item input[type=checkbox]::before {
top: 3px;
left: 7px;
width: 6px;
height: 10px;
border-width: 0 2px 2px 0
}

.breadcrumbs {
margin-bottom: 15px
}

.breadcrumbs,
.breadcrumbs li {
gap: 4px
}

.breadcrumbs li,
.breadcrumbs li a {
font-size: 12px
}

.intro-1 {
padding: 32px 0;
overflow: hidden;
margin-bottom: 0
}

section.intro-1.super-main {
padding: 5px 0
}

.intro-1__swiper {
overflow: visible
}

.intro-1__row {
flex-direction: column
}

.intro-1__right {
flex-direction: column-reverse
}

.intro-1__left {
max-width: 100%
}

.intro-1__main {
padding: 0;
gap: 0;
height: 100%
}

.intro-1__main h1,
.intro-1__main h2 {
margin-bottom: 20px
}

.intro-1__main_btn {
width: 100%;
margin-bottom: 0
}

.intro-1__form {
padding: 20px
}

.intro-1__form_title {
font-size: 18px
}

.intro-1__form_subtitle {
margin-bottom: 20px
}

.intro-1__cards ul {
gap: 10px
}

.intro-1__cards_mobile,
.intro-1__swiper-btns {
display: none
}

.intro-1__subtitle {
margin-bottom: 24px
}

.intro-1__main_bottom {
display: flex;
flex-direction: column-reverse;
gap: 28px
}
}

.types-dependencies {
padding-bottom: 40px
}

.types-dependencies .types-dependencies__items {
display: flex;
gap: 20px
}

.about__text p:not(:last-child),
.faq__list li,
.types-dependencies .types-dependencies__items:first-child {
margin-bottom: 20px
}

.types-dependencies .types-dependencies__item {
position: relative;
width: 335px;
display: block
}

.types-dependencies__item-svg {
position: absolute;
bottom: auto;
right: auto;
top: 14px;
left: 16px
}

.types-dependencies__item-btn rect:hover {
fill: rgba(211, 29, 68, 0.7490196078)
}

.provide-services__card_svg:hover rect,
.provide-services__swiper-slide:hover .provide-services__card_svg rect,
.reviews-slider__card_svg:hover rect {
fill: rgba(255, 150, 150, 0.5333333333)
}

.types-dependencies__item-text {
position: absolute;
top: auto;
right: auto;
bottom: 12px;
left: 16px;
font-size: 18px;
color: var(--tekst---temnyy)
}

.types-dependencies__item-btn {
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: auto
}

.types-dependencies__subtitle {
font-size: 16px;
color: var(--osnovnoy---500);
border-radius: 6px;
padding: 8px 12px;
background: #faf0f2;
display: flex;
align-items: center;
width: 124px;
height: 37px;
justify-content: center;
margin: 0 auto 20px
}

.intro-1--services,
.intro-1--services .intro-1__main,
.intro-1__items {
background-color: #fdf7f9
}

.breadcrumbs li,
.breadcrumbs li a:hover,
.intro-1__item-text,
.intro-1__phone {
font-family: var(--font-family);
line-height: 130%;
letter-spacing: -.01em
}

.intro-1--services {
padding-top: 50px
}

.intro-1--services .intro-1__subtitle {
margin-bottom: 16px;
max-width: 789px
}

.about__item p:not(:last-child),
.how-prepare__item-text p:first-child,
.stages-assistance__items:first-child,
.text-block p:not(:last-child) {
margin-bottom: 12px
}

.intro-1--services h1 span {
display: inline-block
}

.breadcrumbs li:after,
.intro-1--services .intro-1--services button,
.intro-1__date,
.price__date-title,
.price__for-title {
display: none
}

.intro-1__phone {
font-weight: 600;
font-size: 18px;
color: var(--osnovnoy---500);
margin-bottom: 54px
}

.intro-1__items {
display: flex;
align-items: center;
justify-content: center;
gap: 13px
}

.intro-1__item,
.text-block__right .form input {
background: var(--tekst---svetlyy)
}

.intro-1__item {
border: 1px solid rgba(211, 29, 68, .01);
border-radius: 10px;
padding: 32px 25px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 270px;
height: 174px
}

.intro-1__item-text {
font-weight: 400;
font-size: 16px;
text-align: center;
color: #000
}

.intro-1__item-svg {
width: 72px;
height: 72px
}

.breadcrumbs li {
font-weight: 300;
font-size: 14px;
color: rgba(0, 0, 0, .4)
}

.breadcrumbs li a:hover {
font-weight: 300;
font-size: 14px;
color: rgba(0, 0, 0, .603)
}

.intro-1--services .intro-1__main_photo {
bottom: 241px
}

@media (max-width:1366px) {

.intro-1__main_bottom,
.types-dependencies__main {
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
scrollbar-width: none
}

.intro-1__items,
.types-dependencies__wrap {
width: 1366px
}

.types-dependencies {
padding-bottom: 20px
}
}

.stages-assistance__info-top p,
.stages-assistance__item-text {
font-weight: 400;
line-height: 130%;
font-size: 16px;
font-family: var(--font-family);
letter-spacing: -.01em
}

.stages-assistance__item {
border-radius: 10px;
padding: 12px 16px;
width: 32%;
height: 74px;
background: #f5f5f5;
display: flex;
align-items: center;
gap: 16px
}

.stages-assistance__item-text {
color: #000
}

.about__advantages,
.guarantees__row,
.how-treat__items,
.rating__cards,
.stages-assistance__items,
.substock__row {
display: flex;
gap: 20px
}

.stages-assistance__info {
padding-left: 12px;
border-left: 4px solid var(--osnovnoy---500);
width: 26%
}

.stages-assistance__info-top p {
color: var(--tekst---seryy);
margin-bottom: 8px
}

.stages-assistance__info-bottom p {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
color: var(--osnovnoy---500)
}

.stages-assistance__wrap {
display: flex;
justify-content: space-between
}

.stages-assistance__wrap-top {
margin-right: 20px;
width: 73%
}

.form p {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: center;
color: var(--tekst---seryy)
}

.text-block__right .form {
background: linear-gradient(rgba(255, 255, 255, .6) 0, #fdf5f7 102px, #fdf5f7 calc(100% - 130px), rgba(255, 255, 255, .6) 100%);
padding: 24px
}

.form .popup-change__title {
font-family: var(--font-family);
font-weight: 700;
font-size: 20px;
line-height: 120%;
text-align: center;
color: var(--tekst---temnyy);
margin-bottom: 20px
}

.section__inner--services .price__table-titles {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: rgba(102, 102, 102, .5);
display: grid;
grid-template-columns: 4.6fr 4.3fr 3fr 1.5fr 3fr;
gap: 40px;
padding: 24px
}

.section__inner--services .price__cost {
padding-right: 0
}

.section__inner--services .price__item {
padding: 24px;
display: grid;
grid-template-columns: 4.6fr 4.3fr 3fr 1.5fr 3fr;
gap: 40px;
align-items: start
}

.section__inner--services .price__name {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 120%;
color: var(--tekst---temnyy);
display: block
}

@media (max-width:1020px) {

.section__inner--services .price__item,
.section__inner--services .price__table-titles {
gap: 10px
}
}

.substock {
padding: 40px 0;
background: var(--fon-plashek)
}

.about__btn,
.substock__inner,
.substock__item {
background: var(--belyy)
}

.substock__item {
flex: 1 0 30%;
border-radius: 20px;
min-height: 208px;
overflow: hidden
}

.substock__inner {
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px
}

.substock__inner span {
font-weight: 700;
font-size: 40px;
line-height: 120%;
color: #93c3bc
}

.substock__inner p {
font-size: 16px;
color: var(--tekst)
}

.substock__inner p a {
font-weight: 700;
color: var(--tekst-svetlyy);
text-wrap: nowrap
}

.substock__img {
display: block;
width: 100%;
height: 100%
}

.substock__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

.about__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 40px
}

.about__title {
font-family: var(--font-family);
font-weight: 600;
font-size: 48px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 40px
}

.about__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
overflow: hidden
}

.about__btn {
border-radius: 5px;
padding: 8px 20px;
position: absolute;
bottom: 15px;
left: 15px
}

.about__btn:hover {
opacity: .9;
background: var(--izobrazhenie)
}

.about__advantage {
flex: 1 0 20%;
border-radius: 20px;
padding: 25px;
background: #eff0f2;
min-height: 170px;
display: flex;
flex-direction: column;
gap: 18px
}

.about__advantage p:first-child {
font-weight: 500;
font-size: 14px;
line-height: 130%;
color: var(--color-zelenyy)
}

.about__advantage p:first-child span {
font-weight: 700;
font-size: 48px;
line-height: 130%;
color: var(--color-svetlo-zelenyy-1)
}

.about__advantage p:last-child {
font-size: 14px;
color: var(--tekst-svetlyy);
max-width: 72%
}

.about__img {
width: 512px;
height: 411px;
display: block
}

.about__item--1 {
grid-column: 1/span 2
}

.about__item--2 {
grid-column: 3;
grid-row: 1/span 2
}

.about__item--3 {
grid-column: 1/span 2
}

@media (max-width:1200px) {
.stages-assistance__wrap {
flex-direction: column
}

.stages-assistance__wrap-top {
margin-right: 0;
width: 100%;
margin-bottom: 24px
}

.stages-assistance__info {
width: 100%
}

.about__img {
width: 400px
}
}

@media (max-width:959px) {
.about__grid {
display: flex;
flex-direction: column
}

.about__img {
width: 100%;
height: 168px
}
}

@media (max-width:850px) {
.about__grid {
grid-template-columns: repeat(1, 1fr);
gap: 20px;
margin-bottom: 20px
}

.about__title {
font-family: var(--font-family);
font-weight: 600;
font-size: 26px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 28px
}

.about__text p:not(:last-child) {
margin-bottom: 14px
}

.about__btn {
bottom: 12px;
left: 12px
}

.about__advantages {
flex-direction: column;
gap: 10px
}

.about__advantage {
flex: 1 0 20%;
border-radius: 10px;
padding: 12px 16px 16px;
min-height: auto;
gap: 6px
}

.about__advantage p:first-child span {
font-size: 24px
}

.about__advantage p:last-child {
max-width: 100%
}

.about__grid {
display: flex;
grid-template-columns: auto auto auto;
gap: 10px;
flex-direction: column
}
}

.about__item-btn,
.articles-addictions__link-all,
.articles-addictions__swiper-pagination,
.articles-addictions__swiper-scrollbar,
.clinic-guarantees .swiper-button-next:after,
.clinic-guarantees .swiper-button-prev:after,
.clinic-guarantees__swiper-scrollbar,
.doctors .swiper-button-next:after,
.doctors .swiper-button-prev:after,
.doctors__swiper-scrollbar,
.gallery__btn-circle,
.licenses__swiper-scrollbar,
.prices-page__item,
.provide-services .swiper-button-next:after,
.provide-services .swiper-button-prev:after,
.provide-services__swiper-scrollbar,
.reviews-slider .swiper-button-next:after,
.reviews-slider .swiper-button-prev:after,
.districts .swiper-button-next:after,
.districts .swiper-button-prev:after,
.reviews-slider__swiper-scrollbar,
.stages-treatment .swiper-button-next:after,
.stages-treatment .swiper-button-prev:after,
.stages-treatment__swiper-pagination,
.stages-treatment__swiper-scrollbar,
.we-help .swiper-button-next:after,
.we-help .swiper-button-prev:after,
.we-help__swiper-pagination,
.we-help__swiper-scrollbar {
display: none
}

.popup-city__list li a,
.services__card,
.services__content_labels ul li:not(:last-child) {
border-bottom: 1px solid var(--color-svetlo-zelenyy-2)
}

.how-treat__item-text,
.how-treat__item-title {
font-size: 18px;
font-family: var(--font-family)
}

.how-treat__item {
border-radius: 20px;
padding: 32px;
width: 335px;
height: 335px;
background: #fdf5f7
}

.how-treat__item-title {
font-weight: 600;
color: #000;
margin-bottom: 12px
}

.how-treat__item-text {
font-weight: 400;
color: rgba(73, 55, 55, .8)
}

.how-treat__item-svg {
margin-bottom: 28px
}

@media (max-width:1370px) {
.how-treat__wrap {
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
scrollbar-width: none
}

.how-treat__items {
width: 1370px
}
}

.services__card {
color: var(--tekst)
}

.services__item {
padding: 30px 0;
display: flex;
justify-content: space-between;
gap: 20px
}

.services__item_info {
flex: 1 0 32%;
text-align: left;
display: flex;
align-items: center;
gap: 30px
}

.services__item_links {
flex: 1 0 50%;
max-height: 40px;
overflow: hidden;
transition: .4s
}

.services__item_links ul {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 26px
}

.services__item_links ul a {
display: block;
border-radius: 10px;
padding: 10px 20px;
font-weight: 400;
font-size: 16px;
background: var(--color-svetlo-zelenyy-2);
color: var(--tekst);
opacity: .5
}

.services__item_btns {
flex: 1 0 10%;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 20px
}

.services__name {
font-weight: 700;
font-size: 22px
}

.services__price {
font-weight: 700;
font-size: 18px
}

.services__btn-more {
min-width: 40px;
height: 40px;
background: var(--color-svetlo-zelenyy-2)
}

.services__btn-more::after {
color: var(--color-temno-zelenyy);
width: 10px;
height: 10px;
transform: rotate(135deg);
margin: 0 0 4px
}

.services__btn-more:hover {
background: var(--color-temno-zelenyy)
}

.services__btn-more:hover::after {
color: var(--belyy)
}

.services__content {
position: relative;
overflow: hidden
}

.services__content_labels ul {
border: 1px solid var(--color-svetlo-zelenyy-2);
border-radius: 10px;
padding: 10px 16px;
font-size: 14px;
color: var(--color-zelenyy);
width: -moz-max-content;
width: max-content;
position: absolute;
left: 0;
bottom: 30px
}

.services__content_labels ul li:not(:last-child) {
padding-bottom: 10px;
margin-bottom: 10px
}

.services__content_btn {
position: absolute;
right: 0;
bottom: 30px
}

.accordion--active .services__item_links {
max-height: -moz-max-content;
max-height: max-content
}

.accordion--active .services__item_links ul a {
background: var(--color-temno-zelenyy);
color: var(--belyy);
opacity: 1
}

.services__item.accordion--active {
min-height: 200px
}

.services__content.accordion__content--active {
overflow: visible;
margin-bottom: 20px
}

@media (max-width:1260px) {
.submenu-3 .container {
display: contents
}

.submenu-3 {
position: static;
padding: 0 20px;
transform: translateX(0);
order: 3;
min-width: 100%;
margin-bottom: 14px
}

.submenu-3 ul {
flex-direction: column;
gap: 12px
}

.submenu-3 ul li {
display: flex;
gap: 8px;
width: 100%
}

.submenu-3 ul li a {
padding: 0;
font-size: 14px;
width: 100%;
max-width: 100%;
min-height: auto;
flex-direction: row;
align-items: center
}

.services__item_links {
flex: 1 0 30%
}

.header__nav>ul>li>button {
width: 100%;
text-align: left;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 125%;
letter-spacing: -.01em;
color: var(--tekst---seryy);
margin-bottom: 12px
}

.header__nav>ul>li {
border-bottom: 1px solid #eee;
margin-bottom: 12px
}
}

@media (max-width:900px) {
.services__item {
padding: 20px 0;
flex-wrap: wrap
}

.services__item_info {
flex: 1 0 80%;
flex-direction: row-reverse;
align-items: center;
justify-content: flex-end;
gap: 30px;
order: 1
}

.services__item_links {
order: 3;
flex: 1 0 100%
}

.services__item_links ul li {
flex: 1 0 48%
}

.services__item_links ul a {
display: flex;
align-items: center;
justify-content: space-between
}

.services__item_btns {
display: contents
}

.services__price {
order: 4
}

.services__btn-more {
order: 2
}

.services__content_labels ul {
display: flex;
width: -moz-max-content;
width: max-content;
position: static;
margin-bottom: 12px
}

.services__content_labels ul li:not(:last-child) {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
padding-right: 10px;
border-right: 1px solid var(--color-svetlo-zelenyy-2);
margin-right: 10px
}

.services__content_btn {
position: static;
right: 0;
bottom: 30px
}
}

@media (max-width:840px) {
.section__inner--services .change-item__title {
position: relative;
padding-right: 32px;
width: 100%;
display: block;
cursor: pointer
}

.price .price__title {
margin-bottom: 0
}

.section__inner--services .change-item__title::after {
content: "";
position: absolute;
top: 12px;
right: 0;
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"> <rect width="24" height="24" rx="12" fill="%23D31D44" /><path d="M8 10.5L12 14.5L16 10.5" stroke="white" /></svg>');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transform: translateY(-50%);
transition: transform .3s;
pointer-events: none
}

.price__item.active .change-item__title::after {
transform: translateY(-50%) rotate(180deg);
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><rect width="24" height="24" rx="12" fill="%23EFD3D9" /><path d="M8 10.5L12 14.5L16 10.5" stroke="%23D31D44" stroke-width="2" /></svg>')
}

.section__inner--services .price__table-titles {
display: none
}

.section__inner--services .price__item {
display: flex;
flex-direction: column;
gap: 1px;
padding: 12px 16px
}

.price__date-title,
.price__for-title {
display: block;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 120%;
color: rgba(0, 0, 0, .4);
margin-bottom: 6px
}

.section__inner--services .price__item td:not(.price__name):not(.price__cost) {
max-height: 0;
overflow: hidden;
padding: 0;
opacity: 0;
transition: .3s
}

.section__inner--services .price__item.active td {
opacity: 1;
transition: .3s
}

.section__inner--services .price__item.active td:not(.price__name):not(.price__cost) {
opacity: 1;
max-height: 100%;
transition: .3s;
border-bottom: 1px solid #d9d9d9;
padding-bottom: 12px
}

.section__inner--services .price__name {
font-size: 16px;
width: 100%
}

.section__inner--services .price__item.active {
gap: 10px
}

.services__flex {
display: flex;
flex-direction: column;
gap: 20px
}

.services__top {
display: contents
}

.services__btn {
display: block;
order: 3;
width: 100%
}

.services__cards {
order: 2;
grid-template-columns: repeat(1, 1fr);
gap: 10px;
margin-bottom: 20px
}
}

.licenses__top,
.rating__top,
.stages__title {
margin-bottom: 50px
}

.advantages {
padding: 160px 0;
background: var(--tekst---svetlyy)
}

.advantages__cards,
.contacts__inner {
display: flex;
flex-wrap: wrap
}

.advantages__card {
flex: 1 0 25%;
padding: 30px;
align-items: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 11px;
text-align: center;
border-right: 1px solid #c7d6dc;
border-bottom: 1px solid #c7d6dc
}

.advantages__card_top {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: var(--tekst)
}

.advantages__card p {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 130%;
letter-spacing: -.01em;
text-align: center;
color: var(--tekst---seryy)
}

.how-prepare__item-accordion p,
.how-prepare__item-text p {
font-family: var(--font-family);
font-weight: 400;
line-height: 110%;
letter-spacing: -.03em;
color: rgba(255, 255, 255, .8);
font-size: 18px
}

.animation-item--bott,
.text-block ol {
border-bottom: 0 solid #c7d6dc
}

.animation-item--bott:last-child,
.animation-item:nth-child(4n) {
border-right: 0 solid #c7d6dc
}

.advantages__top {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 60px
}

@media (max-width:1120px) {
.advantages__top {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 60px
}

.advantages__card {
border-bottom: 0 solid #c7d6dc
}

.section__inner {
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
scrollbar-width: none
}

.advantages__cards {
display: flex;
flex-wrap: nowrap;
width: 1400px
}
}

@media (max-width:1050px) {
.advantages {
padding: 80px 0
}

.advantages__card:nth-child(2),
.advantages__card:nth-child(4n),
.advantages__card:nth-child(4n+1) {
border-right: none
}

.advantages__card:first-child,
.advantages__card:not(:first-child) {
border-right: 1px solid #c7d6dc
}
}

.how-prepare {
background: var(--akcentnyy---500);
padding: 160px 0
}

.how-prepare__item-title {
font-family: var(--font-family);
font-weight: 600;
font-size: 48px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---svetlyy);
text-align: left
}

.how-prepare__item-accordion p {
padding-bottom: 20px
}

.how-prepare__item-accordion span,
.item-accordion-btn span {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 130%;
letter-spacing: -.01em;
color: var(--tekst---svetlyy)
}

.item-accordion-btn {
margin-bottom: 16px
}

.how-prepare__items {
display: flex;
gap: 100px
}

.how-prepare__item:first-child {
display: flex;
flex-direction: column
}

.how-prepare__item {
display: flex;
width: 50%
}

.doctors__wrap .doctors__top,
.how-prepare__item:last-child {
flex-direction: column
}

.how-prepare__item-accordion {
cursor: pointer;
position: relative;
border-bottom: 1px solid #eee
}

.item-accordion__icon {
transition: transform .3s;
position: absolute;
right: 15px;
top: 15px
}

.how-prepare__item-accordion.active .item-accordion__icon,
.select-button.open svg {
transform: rotate(180deg)
}

.item-accordion__content {
max-height: 0;
overflow: hidden;
transition: max-height .3s, padding .3s;
padding-top: 0;
padding-bottom: 0
}

.how-prepare__item-accordion span {
padding: 24px 0;
display: block
}

.how-prepare__item-accordion--top span {
padding: 0 0 24px
}

.how-prepare__item-accordion.active .item-accordion__content {
max-height: 300px
}

@media (max-width:1110px) {
.how-prepare__items {
flex-direction: column;
gap: 32px
}

.how-prepare__item {
width: 100%
}
}

.select-button {
position: relative;
display: inline-block;
width: 100%
}

#category-button,
.select-options {
font-family: var(--font-family);
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
width: 335px;
font-weight: 500;
color: var(--osnovnoy---500)
}

.select-button button {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between
}

.select-options {
display: none;
position: absolute;
top: 69%;
left: 0;
right: 0;
background-color: #fff;
border-top: none;
z-index: 10;
border: 1px solid var(--osnovnoy---500);
border-radius: 6px
}

.option:hover {
background-color: #f5f5f5
}

.prices-page__item.selected {
display: block
}

#category-button {
border: 1px solid var(--osnovnoy---500);
border-radius: 6px;
padding: 20px;
height: 52px;
margin-bottom: 40px
}

.guarantees {
padding: 160px 0;
background: var(--fon-plashek)
}

.guarantees__titles {
flex-basis: 32%;
margin-right: 30px
}

.guarantees__title {
margin-bottom: 14px
}

.guarantees__cards ul li {
padding: 20px 20px 20px 68px;
color: var(--tekst-svetlyy);
position: relative
}

.guarantees__cards ul li p:first-child {
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: var(--tekst);
margin-bottom: 14px
}

.guarantees__cards ul li::before {
content: url("./../img/icons/guarantees-checkmark.svg");
position: absolute;
top: 20px;
left: 20px
}

.guarantees__img {
flex-basis: 35%;
min-width: 300px
}

.guarantees__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
border-radius: 20px
}

@media (max-width:1000px) {
.guarantees {
padding: 100px 0
}

.guarantees__row {
flex-direction: column
}

.guarantees__titles {
display: contents
}

.guarantees__subtitle,
.guarantees__title {
margin-bottom: 0
}

.guarantees__btn {
order: 3
}

.guarantees__img {
order: 2
}

.guarantees__img img {
max-height: 460px
}
}

.text-block__grid {
display: grid;
grid-template-columns: 9.1fr 3.3fr;
gap: 40px
}

.popup-review__text,
.reviews__card_main,
.text-block__grid:not(:last-child) {
margin-bottom: 40px
}

.text-block__left,
.text-block__right {
padding-top: 20px
}

.text-block .h2,
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6 {
font-weight: 700;
line-height: 140%;
color: var(--tekst);
margin-bottom: 32px
}

.text-block .h2,
.text-block h2,
.text-block h3 {
margin-bottom: 20px;
font-family: var(--font-family);
font-weight: 600;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
padding-top: 10px
}

.text-block .h2,
.text-block h2 {
font-size: 48px
}

.text-block h3 {
font-size: 28px
}

.text-block h4 {
font-family: var(--font-family);
font-weight: 600;
font-size: 20px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 16px;
padding-top: 10px
}

.text-block ol li,
.text-block p {
font-size: 18px;
line-height: 130%
}

.stati__dock-check .doc-check__date-1,
.stati__dock-check .doc-check__top-1,
.text-block ol li,
.text-block p,
.text-block ul:not(.breadcrumbs) li {
font-family: var(--font-family);
font-weight: 400;
color: var(--tekst---seryy)
}

.text-block h5 {
font-size: 18px
}

.text-block span {
font-weight: 500
}

.text-block a:not(.phone-btn-white) {
font-weight: 500;
text-decoration: underline;
color: var(--tekst-svetlyy);
transition: .3s
}

.text-block a:not(.phone-btn-white):hover {
color: var(--color-zelenyy)
}

.text-block ul:not(.breadcrumbs) {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 20px
}

.text-block ul:not(.breadcrumbs) li {
display: block;
gap: 10px;
font-size: 18px;
line-height: 130%;
letter-spacing: -.01em;
padding-left: 18px;
position: relative
}

.text-block ul:not(.breadcrumbs) li::before {
content: "";
display: block;
min-width: 8px;
width: 8px;
height: 8px;
border-radius: 100%;
background-color: var(--color-zelenyy);
margin-top: 0;
position: absolute;
top: 8px;
left: 0
}

.text-block ol {
display: flex;
flex-direction: column;
margin-bottom: 20px;
list-style-type: none;
counter-reset: item
}

.text-block ol li {
display: block;
letter-spacing: -.01em;
padding-left: 20px;
position: relative
}

.text-block ol li::before {
content: counter(item);
counter-increment: item;
display: block;
min-width: 21px;
margin-right: 10px;
width: 12px;
height: 21px;
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
letter-spacing: -.04em;
text-align: center;
color: var(--akcentnyy---500);
color: var(--tekst-svetlyy);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: -5px
}

.text-block blockquote {
padding-inline: 20px 10px;
border-left: 5px solid var(--osnovnoy---500);
width: 100%;
border-radius: 8px;
display: flex;
flex-direction: column;
gap: 8px;
align-items: start;
justify-content: center;
padding-block: 20px;
margin-block: 30px;
box-shadow: 0 2px 7px 1px #00000020
}

.text-block blockquote p {
font-size: 16px;
line-height: 1.2
}

.text-block blockquote a,
.text-block blockquote span {
color: var(--osnovnoy---500) !important
}

.text-block__img img {
border-radius: 10px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 10px
}

.text-block__img p {
font-size: 14px;
color: rgba(64, 95, 106, .8);
margin: 0
}

.text-block__form {
border-radius: 20px;
padding: 40px 80px;
background: linear-gradient(210deg, #6aa5ae 0, #3d7c85 100%);
color: var(--belyy);
overflow: hidden;
display: flex;
gap: 20px;
margin: 80px 0
}

.text-block__form_title {
font-weight: 700;
font-size: 30px;
line-height: 120%
}

.text-block table {
display: block;
width: 100%;
border: none;
border-radius: 10px;
overflow: hidden;
border-collapse: collapse;
margin-bottom: 20px
}

.text-block table thead th {
border: none;
padding: 20px 25px;
font-weight: 500;
font-size: 14px;
color: var(--tekst);
border-right: 2px solid #fff
}

.text-block table tbody tr td:last-child,
.text-block table thead tr th:last-child {
border-right: none
}

.text-block table tbody td {
border-right: 2px solid #fff;
padding: 20px;
font-size: 14px;
color: var(--tekst-svetlyy);
vertical-align: top
}

.text-block__video {
position: relative;
width: 100%;
border-radius: 10px;
overflow: hidden
}

.text-block__video video {
width: 100%;
display: block
}

.text-block__video_play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
z-index: 10;
transition: .3s
}

.text-block__video_play:hover {
transform: translate(-50%, -50%) scale(1.1)
}

.text-block__literature_title {
font-weight: 700;
font-size: 26px;
line-height: 140%;
color: var(--tekst);
margin-bottom: 40px
}

.text-block__literature ol {
display: flex;
flex-direction: column;
gap: 10px;
padding-bottom: 30px;
margin-bottom: 30px
}

.text-block__literature ol li {
display: flex;
gap: 12px;
color: var(--tegi);
opacity: .85
}

.text-block__literature ol li::before {
content: counter(item);
counter-increment: item;
display: block;
min-width: -moz-max-content;
min-width: max-content;
border: none;
font-weight: 700;
font-size: 20px;
line-height: 140%;
color: var(--color-temno-zelenyy);
opacity: .4
}

.text-block__literature_bottom {
display: flex;
gap: 20px;
justify-content: space-between
}

.text-block__literature_item {
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: var(--tekst);
display: flex;
gap: 15px;
justify-content: space-between
}

.text-block__literature_item p {
margin: 0 !important
}

.text-block__literature_share {
font-weight: 500;
font-size: 16px;
color: var(--tekst-svetlyy)
}

.text-block__literature_link {
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
border-radius: 5px;
background-color: var(--color-zelenyy);
background: rgba(209, 16, 57, .1)
}

@media (max-width:1100px) {
.text-block__grid {
display: block;
grid-template-columns: 1fr;
gap: 0;
padding-top: 20px
}

.text-block__left,
.text-block__right {
display: contents
}

.text-block__img {
order: 2;
margin-bottom: 20px
}

.text-block__img img {
max-height: 400px
}

.text-block__form {
margin: 0 0 20px;
padding: 40px
}

.text-block__right .form {
display: none
}
}

.text-block--stati .text-block__grid {
display: block;
max-width: 1040px
}

.stati__dock-check .dock-check__inner-1 {
display: grid;
grid-template-columns: auto auto;
padding: 0;
margin-bottom: 40px
}

.stati__dock-check .doc-check-1 {
background-color: #fff;
border: 1px solid rgba(238, 238, 238, .93);
border-radius: 10px;
padding: 20px 28px
}

.reviews__card_labels p,
.reviews__tab_btn:hover {
background: var(--belyy)
}

.text-block--stati {
padding-bottom: 80px
}

.stati__dock-check {
padding-top: 0
}

.stati__dock-check .doc-check-1:hover {
background: #f5f5f5
}

.stati__dock-check .doc-check__top-1 {
font-size: 14px;
line-height: 140%;
margin-bottom: 16px
}

.stati__dock-check .doc-check__date-1 {
font-size: 14px;
line-height: 140%
}

.stati__dock-check .doc-check__name-1,
.text-block__literature_item p {
font-size: 18px;
color: var(--tekst---temnyy);
font-family: var(--font-family)
}

.stati__dock-check .doc-check__name-1 {
font-weight: 600;
line-height: 140%;
margin-bottom: 18px;
padding-top: 25px
}

.stati__dock-check .doc-check__post-1,
.stati__dock-check .doc-check__stage-1 {
padding-left: 0;
display: flex;
align-items: center;
gap: 10px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: var(--tekst---seryy)
}

.stati__dock-check .doc-check__picture-1,
.stati__dock-check .doc-check__picture-1 img {
max-width: 142px
}

.full-stars label svg {
margin: 0 2px;
height: 18px;
width: 20px;
fill: #d11039;
transition: fill .3s
}

.faq__btn-more svg path,
.faq__content {
transition: .3s
}

.full-stars .rating-group:hover label svg {
fill: #d11039
}

.text-block__literature_item p {
font-weight: 700;
line-height: 111%
}

.text-block__literature_item .text-block__literature_share {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: var(--tekst---seryy)
}

.faq__button .faq__name,
.faq__button.active .faq__name {
font-weight: 400;
font-size: 20px;
line-height: 110%;
letter-spacing: -.03em;
font-family: var(--font-family)
}

.faq__grid {
display: grid;
grid-template-columns: 6.2fr 3.2fr;
gap: 60px
}

.faq__button {
padding-top: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: left;
line-height: 140%;
padding-bottom: 20px;
border-bottom: 1px solid #eee
}

.faq__button.active .faq__content {
max-height: 600px;
padding-top: 20px
}

.faq__button.active .faq__btn-more svg path:last-child {
transform: rotateX(90deg)
}

.faq__name {
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: var(--tekst-svetlyy);
flex-basis: 80%
}

.faq__content {
flex-basis: 100%;
max-height: 0;
overflow: hidden
}

.faq__btn-more {
display: block;
width: 34px;
height: 34px;
border: 1px solid #eee;
border-radius: 20px;
background: #d31d44
}

.faq__editor {
border-radius: 10px;
padding: 20px;
background: var(--color-svetlo-zelenyy-2);
display: flex;
margin-top: 30px
}

.faq__editor_left {
display: flex;
gap: 16px;
align-items: center;
padding-right: 30px;
border-right: 1px solid #eee;
margin-right: 30px;
flex-basis: 50%
}

.faq__editor_img {
display: block;
border-radius: 100px;
min-width: 68px;
width: 68px;
height: 68px;
overflow: hidden
}

.faq__editor_img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

.faq__editor_text {
font-size: 14px;
line-height: 150%;
color: var(--tekst-svetlyy)
}

.faq__editor_fio {
font-weight: 500;
font-size: 16px;
line-height: 150%;
color: var(--tekst)
}

.faq__editor_right {
display: flex;
flex-direction: column;
gap: 4px;
justify-content: space-between
}

.faq__editor_item {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 14px;
line-height: 150%;
color: var(--tekst)
}

.faq__form {
border-radius: 20px;
padding: 40px;
background: rgba(234, 237, 242, .7)
}

.faq__form_title {
font-weight: 700;
font-size: 22px;
line-height: 120%;
color: var(--tekst);
margin-bottom: 12px
}

.faq__form_subtitle {
color: var(--tekst-svetlyy);
margin-bottom: 40px
}

.faq__form_inputs,
.footer__links {
display: flex;
flex-direction: column;
gap: 10px
}

.faq__button .faq__name {
color: rgba(22, 22, 22, .8)
}

.faq__content P,
.intro-stati__main p {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 130%;
letter-spacing: -.01em;
color: var(--tekst---seryy)
}

.general__title-h1--faq {
max-width: 1200px
}

.faq__button.active .faq__name {
color: var(--osnovnoy---500)
}

.faq__button.active .faq__btn-more svg path {
fill: #d31d44
}

.faq__button.active .faq__btn-more {
background-color: rgba(211, 29, 68, .15)
}

@media (max-width:1150px) {
.faq__grid {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
display: contents
}

.faq__block_form {
order: 5
}

.faq__block_photo {
display: none
}
}

.we-help__card_content p,
.we-help__top h2,
.we-help__top p {
line-height: 110%;
letter-spacing: -.03em
}

.reviews {
padding: 160px 0 80px;
background: var(--fon-plashek);
overflow: hidden
}

.reviews__cards {
display: flex;
gap: 60px
}

.reviews__tab_btns {
flex: 1 0 32%;
display: flex;
flex-direction: column;
gap: 10px
}

.reviews__tab_btn {
border-radius: 10px;
padding: 20px;
background: rgba(255, 255, 255, .5);
opacity: .9;
display: flex;
align-items: center;
gap: 16px;
margin-right: 10px;
width: 100%
}

.reviews__tab_btn.active {
background: var(--belyy);
opacity: 1
}

.reviews__tab_contents {
flex: 1 0 63%
}

.reviews__photo {
display: block;
border-radius: 35px;
min-width: 50px;
width: 50px;
height: 50px;
overflow: hidden
}

.reviews__photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

.reviews__fio {
font-size: 14px;
line-height: 140%;
color: var(--tekst-svetlyy);
text-align: left
}

.reviews__fio p:first-child {
font-weight: 500;
font-size: 16px;
color: var(--tekst);
margin-bottom: 4px
}

.reviews__card_labels {
display: flex;
flex-wrap: wrap;
gap: 6px 10px;
margin-bottom: 30px
}

.reviews__card_labels p {
font-size: 12px;
color: var(--color-temno-zelenyy);
border-radius: 5px;
padding: 8px 16px
}

.reviews__card_info {
display: flex;
flex-direction: column;
gap: 8px;
color: var(--tekst-svetlyy);
margin-bottom: 30px
}

.doctor-page__post_post,
.reviews__card_info span {
font-weight: 500;
color: var(--tekst)
}

.footer__bottom,
.reviews__card_bottom {
display: flex;
justify-content: space-between;
gap: 20px
}

.reviews__card_publication {
font-size: 14px;
line-height: 140%;
color: rgba(64, 95, 106, .7)
}

.reviews__card_publication::before {
display: inline-block;
content: url("./../img/icons/calendar.svg");
width: 18px;
height: 20px;
margin-right: 6px;
vertical-align: middle
}

.reviews__card_source {
font-weight: 500;
font-size: 18px
}

.rating {
padding: 80px 0 160px;
background: #f9fafb
}

.rating__card {
flex: 1 0 30%;
padding: 30px;
border-radius: 20px;
background: var(--belyy)
}

.rating__card_name {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
margin-bottom: 30px
}

.rating__card_estimation {
display: flex;
align-items: center;
gap: 10px;
font-weight: 700;
font-size: 22px;
color: var(--tekst)
}

.rating__card_stars {
display: flex;
gap: 4px
}

.rating__card_star-active svg path {
fill: #f69800
}

.rating__card_info {
font-size: 14px;
line-height: 140%;
color: var(--tekst);
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px
}

.rating__card_info p:first-child {
flex: 1 0 45%;
padding-right: 20px;
border-right: 1px solid rgba(0, 54, 73, .2)
}

.rating__card_info span {
display: block;
font-weight: 500;
font-size: 16px
}

.gallery__title {
flex-basis: 40%;
color: var(--tekst---temnyy);
text-align: center;
margin-bottom: 60px
}

.gallery__tab_btns {
display: flex;
width: -moz-fit-content;
width: fit-content
}

.gallery__tab_btn {
display: block;
padding: 15px 30px;
color: var(--tekst-svetlyy);
border-bottom: 1px solid var(--color-svetlo-zelenyy-1);
transition: .3s
}

.gallery__tab_btn.tab__btn--active {
color: var(--color-zelenyy);
border-bottom: 1px solid var(--color-zelenyy)
}

.gallery__cards {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px
}

.gallery__image {
display: block;
border-radius: 20px;
overflow: hidden;
position: relative
}

.gallery__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

.gallery__image:first-child {
grid-column: span 2;
grid-row: span 2
}

.gallery__inner--doc .gallery__image:first-child {
grid-column: span 1;
grid-row: span 1
}

.gallery__label {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
z-index: 5;
border-radius: 10px;
padding: 10px 16px;
background: var(--belyy);
font-size: 14px;
color: var(--tekst);
width: -moz-fit-content;
width: fit-content
}

.gallery__btn {
display: block;
margin: 0 auto;
width: -moz-fit-content;
width: fit-content
}

@media (max-width:1100px) {
.gallery__title {
margin-bottom: 30px
}

.gallery__inner {
flex-direction: column;
gap: 30px;
align-items: stretch
}

.gallery__tab_btns {
width: 100%
}

.gallery__tab_btn {
flex: 1 0 20%
}

.gallery__cards {
grid-template-columns: repeat(3, 1fr);
gap: 20px
}

.gallery__image:first-child {
grid-column: span 1;
grid-row: span 1
}
}

@media (max-width:940px) {
.gallery__cards {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 1fr;
gap: 20px
}
}

.expanded.articles-addictions__card-btn::after,
.expanded.stages-treatment__card-btn::after,
.expanded.we-help__card-btn::after {
transform: rotate(315deg);
margin-bottom: -1px
}

.provide-services__top h2,
.reviews-slider__top h2 {
font-family: var(--font-family);
font-weight: 600;
font-size: 48px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 60px
}

.doctors__swiper-slide,
.provide-services__swiper-slide,
.reviews-slider__swiper-slide {
height: auto
}

.reviews-slider__card:hover {
background: rgba(245, 245, 245, .4509803922)
}

.reviews-slider__all-link {
border-radius: 6px;
margin: 0 auto;
display: block;
padding: 18px 24px;
width: 287px;
height: 60px;
background: var(--osnovnoy---500);
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
color: var(--tekst---svetlyy);
text-align: center;
border: 1px solid var(--osnovnoy---500);
transition: color .4s
}

.reviews-slider__card,
.reviews-slider__card:hover {
background: linear-gradient(to bottom, rgba(255, 255, 255, .6) 0, #fdf5f7 102px, #fdf5f7 calc(100% - 130px), rgba(255, 255, 255, .6) 100%)
}

.provide-services .swiper-btns,
.reviews-slider .swiper-btns,
.stages-treatment .swiper-btns {
position: absolute;
right: 0;
top: 10px
}

.reviews-slider__card {
padding: 24px;
cursor: pointer
}

.reviews-slider__card_content {
padding-bottom: 38px;
border-bottom: 1px solid rgba(211, 29, 68, .1)
}

.reviews-slider__card_svg {
display: flex;
align-items: center;
justify-self: center;
margin-bottom: 10px
}

.reviews-slider__card_text,
.reviews-slider__card_title {
margin-bottom: 20px;
text-align: center;
font-family: var(--font-family)
}

.reviews-slider__card_title {
font-weight: 600;
font-size: 20px;
line-height: 120%;
color: var(--tekst---temnyy)
}

.reviews-slider__card_bottom,
.reviews-slider__card_text,
.we-help__card_content p span {
color: var(--tekst---seryy);
line-height: 120%
}

.lics-slider {
margin-top: 48px
}

section.lics-slider-section {
padding: 40px 0
}

.reviews-slider__card_text {
font-weight: 400;
font-size: 16px
}

.reviews-slider__card_bottom {
display: flex;
align-items: center;
justify-content: space-between;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
padding-top: 12px
}

.checkbox-icon .checkbox-default,
.custom-checkbox input[type=checkbox]:checked+.checkbox-icon .checkbox-checked,
.reviews-slider__card_bottom p {
display: block
}

.reviews-slider {
padding-bottom: 80px
}

@media (max-width:1066px) {
.reviews-slider__card {
width: 340px;
height: 335px
}
}

.clinic-guarantees__top .title-h2,
.we-help__top h2 {
font-weight: 600;
font-size: 48px;
color: var(--tekst---temnyy)
}

.price__mode .tertiary-btn {
width: 335px;
padding: 19px 20px
}

.header__btn--desctop {
width: 163px;
height: 45px;
padding: 0
}

.tertiary-btn {
color: #d31d44;
border: 1px solid #d31d44
}

.tertiary-btn::after {
background: #d31d44
}

.articles-addictions__top,
.we-help__top {
text-align: center;
margin-bottom: 60px;
display: flex;
flex-direction: column;
align-items: center
}

.we-help__top h2 {
font-family: var(--font-family);
margin-bottom: 24px
}

.articles-addictions__swiper-slide,
.clinic-guarantees__swiper-slide,
.stages-treatment__swiper-slide,
.we-help__swiper-slide {
height: auto;
cursor: pointer
}

.we-help__card {
width: 326px;
height: 100%;
border-radius: 10px
}

.we-help__card_content p {
font-family: var(--font-family);
font-weight: 600;
font-size: 20px;
color: var(--tekst---temnyy);
margin-bottom: 16px
}

.clinic-guarantees__top p:not(.title-h2),
.we-help__top p {
font-size: 18px;
color: rgba(22, 22, 22, .8);
font-weight: 400;
font-family: var(--font-family)
}

.we-help__card_svg {
margin-bottom: 20px
}

.we-help__card_content {
margin-top: -26px
}

.we-help__card_content p span {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px
}

.articles-addictions .section__flex,
.stages-treatment .section__flex,
.we-help .section__flex {
position: relative;
gap: 0
}

.articles-addictions .swiper-btns,
.we-help .swiper-btns {
display: flex;
justify-content: center
}

.expanded.we-help__card-btn::after,
.we-help__card-btn::after {
content: "";
display: inline-block;
width: 8px;
margin-left: 8px;
height: 8px;
border-top: 1px solid #d11039;
border-right: 1px solid #d11039;
transition: .3s
}

.we-help__top p {
max-width: 580px
}

.we-help__card-btn {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
color: var(--osnovnoy---500)
}

.we-help__card-btn::after {
transform: rotate(135deg);
margin-bottom: 2px
}

.articles-addictions__swiper-pagination .swiper-pagination-bullet,
.stages-treatment__swiper-pagination .swiper-pagination-bullet,
.we-help__swiper-pagination .swiper-pagination-bullet {
position: static;
border-radius: 10px;
width: 30px;
height: 6px;
background: var(--color-zelenyy)
}

.we-help .we-help__card_info {
height: 157px;
overflow: hidden;
position: relative;
margin-bottom: 12px
}

.we-help__card_info.expanded {
height: auto;
overflow: visible
}

.articles-addictions__top p,
.stages-treatment__top p {
line-height: 110%;
letter-spacing: -.03em;
max-width: 580px
}

.clinic-guarantees__top {
width: 46%
}

.clinic-guarantees .section__inner {
width: 54%
}

.clinic-guarantees__top .title-h2 {
font-family: var(--font-family);
line-height: 110%;
letter-spacing: -.03em;
margin-bottom: 24px
}

.clinic-guarantees__top p:not(.title-h2) {
line-height: 110%;
letter-spacing: -.03em
}

.clinic-guarantees__card {
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
border-radius: 10px;
background: var(--tekst---svetlyy);
position: relative;
padding: 24px;
background-color: #fdf4f6
}

.clinic-guarantees__card_content p {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
color: #000;
z-index: 10;
position: relative
}

.clinic-guarantees__card_content p:first-child,
.licenses-page__info p:first-child {
margin-bottom: 12px
}

.clinic-guarantees__card_picture {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 335px;
height: 335px;
-o-object-fit: cover;
object-fit: cover
}

.clinic-guarantees__card_picture img {
width: 100%;
height: 100%
}

.clinic-guarantees__card_content p span {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #493737;
display: block;
width: 290px
}

.clinic-guarantees .section__flex {
position: relative;
display: flex;
gap: 113px
}

.clinic-guarantees .swiper-btns {
position: absolute;
right: auto;
top: auto;
bottom: 39px;
left: 0
}

.clinic-guarantees__card_svg {
z-index: 10;
position: relative;
margin-bottom: 16px;
width: 70px;
height: 70px
}

@media (max-width:520px) {
.clinic-guarantees__card {
height: 400px
}

.clinic-guarantees__card_picture {
width: 260px;
height: 400px
}

.clinic-guarantees__card_content p span {
width: 200px
}

.clinic-guarantees__card_picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px
}
}

.stages-treatment__top {
padding-bottom: 40px;
border-bottom: 2px solid #eee;
margin-bottom: 40px
}

.stages-treatment__top h2 {
font-family: var(--font-family);
font-weight: 600;
font-size: 48px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 24px
}

.stages-treatment__card {
height: 100%;
border-radius: 10px
}

.stages-treatment__card_content p {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
color: #000;
margin-bottom: 12px
}

.stages-treatment__card_svg {
margin-bottom: 20px
}

.stages-treatment__card_content p span {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, .7)
}

.stages-treatment__top p {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
color: rgba(22, 22, 22, .8)
}

.stages-treatment__card_info {
height: 190px;
overflow: hidden;
position: relative
}

.stages-treatment__card_info.expanded {
height: auto;
overflow: visible
}

.expanded.stages-treatment__card-btn::after,
.stages-treatment__card-btn::after {
content: "";
display: inline-block;
width: 8px;
margin-left: 8px;
height: 8px;
border-top: 1px solid #d11039;
border-right: 1px solid #d11039;
transition: .3s
}

.stages-treatment__card-btn {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
color: var(--osnovnoy---500)
}

.stages-treatment__card-btn::after {
transform: rotate(135deg);
margin-bottom: 2px
}

.doctors__card,
.provide-services__card {
flex-direction: column;
background: #f5f5f5
}

.provide-services__cards {
margin-bottom: 30px;
height: max-content
}

.provide-services__card {
display: flex;
align-items: center;
height: 100%;
border-radius: 10px
}

.provide-services__card:hover {
background: rgb(253 245 247)
}

.provide-services__all-link {
border-radius: 6px;
margin: 0 auto;
display: block;
padding: 18px 24px;
width: 287px;
height: 60px;
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
text-align: center;
border: 1px solid var(--osnovnoy---500);
transition: color .4s
}

.doctors__card_label,
.provide-services__card_content p span {
font-weight: 400;
font-size: 16px;
font-family: var(--font-family)
}

.doctors__card,
.doctors__card_photo img {
width: 100%;
height: 100%;
border-radius: 10px
}

.provide-services__card_top {
position: relative;
width: 100%;
height: 100%
}

.provide-services__card_photo img {
overflow: hidden;
-o-object-fit: cover;
object-fit: cover
}

.provide-services__card_content p {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
color: #000;
margin-bottom: 12px
}

.provide-services__card_content {
padding: 32px 34px
}

.provide-services__card_content p span {
color: rgba(0, 0, 0, .6)
}

.provide-services__card_svg {
position: absolute;
top: 10px;
right: 10px;
left: auto;
bottom: auto
}

.doctors__card {
padding-bottom: 20px;
display: flex;
align-items: center;
justify-content: space-between
}

.doctors__card_top {
position: relative;
display: flex;
flex-direction: column
}

.doctors__card_photo img {
overflow: hidden;
-o-object-fit: cover;
object-fit: cover
}

.doctors__card_label {
position: absolute;
top: 6px;
left: 6px;
display: flex;
align-items: center;
border-radius: 4px;
justify-content: center;
width: 86px;
height: 35px;
background: var(--tekst---svetlyy);
color: var(--osnovnoy---500)
}

.doctors__card_label svg {
margin-bottom: 1px;
margin-right: 4px
}

.doctors__card_fio {
font-weight: 700;
font-size: 22px;
color: #003649;
}

.doctors__card_fio span {
color: var(--osnovnoy---500);
display: block
}

.doctors__card_post {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: var(--tekst---seryy)
}

.doctors__card_btns {
display: flex;
gap: 10px;
justify-content: center
}

.doctors__wrap {
display: flex
}

.doctors__top {
width: 21%;
align-items: baseline
}

.doctors .section__inner {
width: 79%
}

.swiper-button-next svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
transform-origin: center;
padding-right: 10px;
padding-left: 0
}

.swiper-button-prev svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
transform-origin: center;
padding-left: 10px
}

.title-h2 {
font-size: 48px
}

.doctors__card_content {
padding: 24px;
width: 100%
}

.articles-addictions__card-btn::after,
.expanded.articles-addictions__card-btn::after {
display: inline-block;
width: 8px;
margin-left: 8px;
height: 8px;
border-top: 1px solid #d11039;
border-right: 1px solid #d11039;
transition: .3s;
content: ""
}

.articles-addictions__top h2 {
font-family: var(--font-family);
font-weight: 600;
font-size: 48px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 24px
}

.articles-addictions__card {
width: 100%;
height: 100%;
border-radius: 10px
}

.articles-addictions__card_content p {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 110%;
color: #000
}

.articles-addictions__card_svg {
margin-bottom: 20px
}

.articles-addictions__card_content {
background: #f5f5f5;
border-radius: 10px;
padding: 18px 20px
}

.articles-addictions__card_picture {
height: 201px;
margin-bottom: 8px
}

.articles-addictions__top p {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
color: rgba(22, 22, 22, .8)
}

.articles-addictions__card-btn {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
color: var(--osnovnoy---500)
}

.articles-addictions__card-btn::after {
transform: rotate(135deg);
margin-bottom: 2px
}

.articles-addictions__card_picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px
}

.contacts__network:hover,
.doctor-page__rating_star {
opacity: .6
}

.doctors__card_content--info {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
color: #000
}

.doctors--stati .doctors__top {
width: 30%
}

.doctors--stati .section__inner {
width: 74%
}

@media (max-width:1270px) {
.doctors__wrap {
display: flex;
flex-direction: column
}

.doctors .section__inner,
.doctors--stati .section__inner,
.doctors__card_top,
.doctors__top {
width: 100%
}
}

.articles__flex {
display: flex;
align-items: flex-start;
gap: 50px
}

.articles__top {
flex: 1 0 30%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 40px;
padding-right: 40px
}

.articles__inner {
flex: 1 0 60%
}

.articles__card {
padding-top: 20px;
border-top: 1px solid #c7d6dc;
margin-bottom: 40px
}

.articles__card_top {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 20px
}

.articles__card_name {
flex: 1 0 60%;
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: var(--tekst)
}

.articles__card_date {
font-size: 14px;
color: rgba(64, 95, 106, .7)
}

.articles__card_main {
flex: 1 0 60%;
display: flex;
gap: 30px
}

.articles__card_labels {
display: flex;
gap: 4px;
margin-bottom: 20px
}

.articles__card_labels p {
border-radius: 5px;
padding: 8px 16px;
background: var(--bg-svetlo-seryy);
font-size: 12px;
line-height: 140%;
text-align: center;
color: var(--color-temno-zelenyy)
}

.articles__card_description {
color: var(--tekst);
margin-bottom: 20px
}

.articles__card_btn {
border-radius: 5px;
padding: 10px 20px;
background: var(--color-svetlo-zelenyy-2);
width: -moz-fit-content;
width: fit-content
}

.articles__card_photo {
flex: 1 0 33%
}

.articles__card_photo img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px
}

@media (max-width:1020px) {
.articles__flex {
flex-direction: column;
gap: 20px
}

.articles__top {
width: 100%;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 20px;
padding-right: 0
}
}

.licenses__row {
display: flex;
justify-content: space-between;
gap: 70px
}

.licenses__item {
flex: 1 0 40%;
color: #405f6a;
max-width: 48%
}

.licenses__item>p {
margin-bottom: 20px
}

.licenses__label {
font-weight: 500;
color: var(--tekst);
border-radius: 20px;
padding: 25px 30px;
background: var(--fon-plashek);
width: 70%;
margin-bottom: 30px !important
}

.licenses__swiper-slide {
border-radius: 10px;
overflow: hidden;
position: relative
}

.licenses__swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

.licenses__swiper_label {
font-weight: 500;
font-size: 12px;
line-height: 120%;
text-align: center;
color: var(--tekst-svetlyy);
border-radius: 10px;
padding: 15px;
background: #d3ebef;
width: 100%;
position: absolute;
bottom: 0;
right: 0;
left: 0;
z-index: 10
}

.licenses__right {
max-width: 45%
}

.licenses__text {
border-radius: 20px;
padding: 30px;
background: var(--bg-svetlo-seryy);
display: flex;
align-items: center;
gap: 30px;
margin-bottom: 30px
}

.licenses__text_left {
padding-right: 30px;
border-right: 1px solid var(--izobrazhenie);
color: var(--tegi)
}

.licenses__text_left p:not(:last-child) {
margin-bottom: 14px
}

.licenses__text_right {
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #003649
}

.contacts__row {
display: flex;
gap: 50px
}

.contacts__item {
font-size: 14px;
color: var(--tekst-svetlyy);
display: flex;
flex-direction: column;
gap: 8px
}

.contacts__email,
.contacts__location,
.contacts__phone {
font-family: var(--font-family);
font-weight: 400;
line-height: 130%;
letter-spacing: -.01em;
color: var(--akcentnyy---500)
}

.contacts__email,
.contacts__phone {
font-size: 28px
}

.contacts__location {
font-size: 24px
}

.contacts__location button {
display: block;
font-weight: 500
}

.contacts__text {
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: var(--tekst)
}

.contacts__item-light,
.general__subtitle {
font-family: var(--font-family);
line-height: 130%;
letter-spacing: -.01em;
font-weight: 400
}

.contacts__network {
border-radius: 5px;
padding: 10px;
width: 40px;
height: 40px;
background: var(--color-zelenyy);
display: flex;
justify-content: center;
align-items: center;
transition: .3s
}

.contacts__btns button {
flex: 1 0 40%
}

.contacts__maps {
border-radius: 20px;
width: 100%;
height: 100%;
min-height: 734px;
position: relative;
overflow: hidden;
flex-basis: 60%
}

.contacts__map {
position: absolute;
inset: 0;
z-index: 2;
width: 100%;
height: 100%
}

.general__subtitle {
font-size: 18px;
color: var(--tekst---seryy);
margin-top: 40px;
max-width: 650px;
display: block
}

.general__title-h1--contacts,
.title-h1__jobs {
max-width: 1000px
}

[class*=ymaps-2][class*="-ground-pane"] {
filter: grayscale(100%)
}

.contacts__item-light {
font-size: 16px;
color: rgba(22, 22, 22, .4);
margin-bottom: 4px
}

.contacts__item-dark,
.contacts__license p:first-child {
color: var(--tekst---temnyy);
font-family: var(--font-family);
line-height: 130%;
letter-spacing: -.01em
}

.contacts__item-dark {
font-weight: 400;
font-size: 18px
}

.contacts__item-dark:not(:last-child) {
margin-bottom: 16px
}

.contacts__item {
flex: 0 0 23%;
padding: 0 20px
}

.contacts__item:not(:last-child) {
border-right: 1px solid #eee
}

.contacts__item:first-child {
padding-left: 0
}

.contacts__license p:first-child {
font-weight: 600;
font-size: 16px;
margin-bottom: 16px
}

.footer__bottom .footer__copy--info .footer__copy-name,
.footer__pays p {
margin-bottom: 8px
}

.contacts__license {
gap: 0
}

.contacts__item-mode {
border-radius: 10px;
width: 335px;
height: 198px;
background: var(--akcentnyy---500);
display: flex;
align-items: end;
padding: 24px;
position: relative
}

.contacts__item-mode svg {
position: absolute;
top: 24px;
left: 24px
}

.contacts__item-mode p {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 130%;
letter-spacing: -.01em;
color: var(--tekst---svetlyy)
}

@media (max-width:900px) {
.contacts {
padding: 100px 0
}

.contacts__row {
flex-direction: column-reverse;
gap: 40px
}

.contacts__maps {
min-height: 500px
}

.general__subtitle-contacts {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
color: var(--tekst---seryy);
margin-top: 20px
}
}

@media (max-width:700px) {
.contacts {
padding: 80px 0
}

.contacts__inner,
.contacts__title {
margin-bottom: 20px
}

.contacts__btns {
flex-direction: column
}

.contacts__maps {
min-height: 447px
}
}

@media (max-width:1400px) {
.contacts__item-mode {
width: 100%;
height: 198px
}

.contacts__item {
flex: 0 0 50%;
padding: 20px;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee
}

.contacts__item:last-child {
border-right: 0 solid #eee;
border-bottom: 0 solid #eee
}

.contacts__item:nth-child(2) {
border-right: 0 solid #eee
}

.contacts__license {
padding-left: 0;
border-bottom: 0 solid #eee
}
}

.footer__info_phone a,
.footer__row_title {
font-family: var(--font-family);
font-size: 22px;
line-height: 140%
}

.footer {
padding: 0 0 50px
}

.footer__logo {
display: block;
max-width: 149px;
width: 100%
}

.footer__top {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 48px
}

.footer__top_left {
display: flex;
align-items: center;
gap: 122px
}

.footer__top_right {
display: flex;
align-items: center;
gap: 40px
}

.footer__networks a {
display: block;
width: 45px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
transition: .4s
}

.footer__networks a svg path {
transition: .4s
}

.footer__networks a:hover svg path {
fill: var(--belyy)
}

.footer__btns,
.input-top {
display: flex;
gap: 12px
}

.footer__btns-search {
display: flex;
gap: 10px
}

.footer__btns-search button {
min-width: 44px;
height: 44px;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, .6);
display: flex;
justify-content: center;
align-items: center
}

.footer__btn-question {
border: 1px solid var(--belyy);
color: var(--belyy);
transition: background .2s
}

.footer__inner {
padding-bottom: 35px;
border-bottom: 1px solid rgba(255, 255, 255, .4);
margin-bottom: 32px
}

.footer__row {
display: flex;
justify-content: space-between;
gap: 30px
}

.footer__row_left {
flex-basis: 837px
}

.footer__row_right {
flex-basis: 260px
}

.footer__row_title {
font-weight: 700;
text-transform: uppercase;
color: var(--akcentnyy---500);
border-bottom: 1px solid rgba(2, 96, 96, .4);
margin-bottom: 32px
}

.footer__info {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 28px
}

.footer__info_item>p:first-child {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #454545;
margin-bottom: 8px
}

.footer__info_text {
display: flex;
align-items: flex-start;
gap: 10px;
flex-direction: column
}

.footer__info_text * {
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: var(--belyy)
}

.footer__info_text span {
display: block;
font-weight: 400
}

.footer__info_phone a {
font-weight: 700;
color: #454545
}

.footer__pays p {
color: var(--izobrazhenie)
}

.footer__pays_list {
display: flex;
gap: 10px;
margin-top: 12px
}

.footer__pays_list img {
display: block;
width: 80px;
height: 53px;
padding: 8px 20px;
border-radius: 10px;
background: var(--bg-svetlo-seryy)
}

.footer__links a {
color: var(--izobrazhenie)
}

.footer__links a:hover {
opacity: .7
}

.footer__nav {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 56px
}

.footer__nav-menu,
.footer__nav_item {
flex: 1 0 28%
}

.footer__nav_item p {
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: var(--belyy);
margin-bottom: 10px
}

.footer__btns .footer__btn-node,
.footer__btns .footer__btn-quest,
.footer__btns-mobil .footer__btn-challenge,
.footer__btns-mobil .footer__btn-node,
.footer__nav_item ul a {
font-family: var(--font-family);
font-size: 16px
}

.footer__nav_item ul,
.popup-review__bottom {
display: flex;
flex-direction: column;
gap: 10px
}

.footer__nav_item ul a {
font-weight: 400;
line-height: 140%;
color: #454545;
transition: .3s
}

.footer__nav_item ul a:hover {
color: #ababab;
opacity: .7
}

.footer__nav-menu ul {
display: block;
-moz-columns: 2;
columns: 2;
-moz-column-gap: 40px;
column-gap: 40px
}

.footer__nav-menu ul a {
display: block;
font-weight: 700;
font-size: 18px;
color: var(--belyy);
margin-bottom: 24px
}

.footer .footer__btns-mobil,
.footer__info_social,
.footer__nav-menu .footer__row_title {
display: none
}

.footer__copy p:first-child {
margin-bottom: 10px
}

.footer__btns .footer__btn-node {
border: 1px solid var(--osnovnoy---500);
border-radius: 6px;
padding: 10px 8px;
width: 164px;
height: 45px;
font-weight: 500;
line-height: 130%;
letter-spacing: -.01em
}

.footer__btns .footer__btn-quest {
font-weight: 500;
line-height: 130%;
letter-spacing: -.01em;
border-radius: 6px;
width: 163px;
border: 1px solid var(--osnovnoy---500)
}

.footer__btns-mobil .footer__btn-node {
border: 1px solid var(--osnovnoy---500);
border-radius: 6px;
width: 164px;
height: 51px;
font-weight: 500;
line-height: 130%;
letter-spacing: -.01em
}

.footer__btns-mobil .footer__btn-challenge {
background: #fbecef;
font-weight: 500;
line-height: 130%;
letter-spacing: -.01em;
color: #d11039;
border-radius: 6px;
padding: 14px 8px;
width: 163px;
height: 52px;
border: 1px solid rgba(255, 255, 255, 0);
transition: background .2s
}

.footer__copy--info {
width: 54%
}

.footer__info_address button,
.footer__info_email a,
.footer__info_time p {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #454545
}

.footer__copy,
.footer__info_address span,
.footer__links a,
.footer__pays p {
font-weight: 400;
font-family: var(--font-family)
}

.footer__links a,
.footer__pays p {
font-size: 14px;
line-height: 140%;
color: #454545
}

.footer__info_address span {
font-size: 16px;
line-height: 140%;
color: #454545
}

.footer__copy {
font-size: 12px;
line-height: 150%;
color: rgba(0, 0, 0, .6)
}

.footer__btns .footer__btn-challenge:hover {
background-color: #fff;
color: var(--osnovnoy---500);
border: 1px solid var(--osnovnoy---500);
transition: background .2s
}

.footer__nav_item .footer__nav_acc {
font-family: var(--font-family);
font-weight: 600;
font-size: 18px;
line-height: 140%;
color: #454545;
cursor: pointer
}

.footer .logo__picture img {
max-width: 230px;
max-height: 51px;
min-width: 230px;
min-height: 51px;
width: 100%
}

.footer__plashka {
height: 51px;
background: var(--akcentnyy---500);
font-family: var(--second-family);
font-weight: 600;
font-size: 18px;
line-height: 130%;
color: var(--tekst---svetlyy);
display: flex;
align-items: center;
margin-bottom: 60px;
text-align: center;
justify-content: center
}

.footer__plashka p {
display: flex;
align-items: center;
justify-content: center;
gap: 10px
}

@media (max-width:1160px) {
.footer__row {
flex-direction: column;
gap: 36px
}

.footer__row_left,
.footer__row_right {
flex-basis: 100%
}
}

@media (max-width:600px) {
.general__title-h2 {
font-family: var(--font-family);
font-weight: 600;
font-size: 26px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 28px
}

.intro-1--services .intro-1__main,
.intro-1__items {
background-color: #fff
}

.intro-1__date,
.intro-1__phone {
font-family: var(--font-family);
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
color: var(--tekst---seryy)
}

.intro-1--services button {
display: block;
margin-bottom: 32px
}

.intro-1--services .intro-1__main_btn {
display: block
}

.intro-1__items {
display: flex;
align-items: center;
justify-content: center;
gap: 13px
}

.intro-1__item {
border: 1px solid rgba(211, 29, 68, .01);
border-radius: 10px;
background: var(--tekst---svetlyy);
padding: 32px 25px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 270px;
height: 174px;
background-color: #fdf7f9
}

.intro-1--services {
background-color: #fff;
padding-top: 24px
}

.intro-1__phone {
font-weight: 600;
margin-bottom: 12px
}

.intro-1__date {
display: block;
font-weight: 400;
margin-bottom: 28px
}

.stages-assistance__wrap-items {
display: flex;
margin-right: 0;
width: 564px
}

.stages-assistance__wrap-item {
width: 270px
}

.stages-assistance__wrap-top {
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
scrollbar-width: none
}

.intro-1__cards img {
height: 49px
}

.about__item--3 {
height: 84px;
overflow: hidden;
position: relative
}

.about__item--3.expanded {
height: auto;
overflow: visible
}

.about__item-btn::after,
.expanded.about__item-btn::after {
content: "";
display: inline-block;
width: 8px;
margin-left: 8px;
height: 8px;
border-top: 1px solid #d11039;
border-right: 1px solid #d11039;
transition: .3s
}

.about__item-btn {
display: block;
border: 1px solid var(--osnovnoy---500);
border-radius: 6px;
width: 100%;
height: 52px;
background: var(--tekst---svetlyy);
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
color: var(--osnovnoy---500);
transition: background .2s;
color: background .2s ease
}

.about__item-btn:hover {
background: rgba(211, 29, 68, .1450980392)
}

.about__item-btn::after {
transform: rotate(135deg);
margin-bottom: 2px
}

.expanded.about__item-btn::after {
transform: rotate(315deg);
margin-bottom: -1px
}

.how-treat,
.rating {
padding: 40px 0
}

.how-treat__items {
width: 1100px
}

.how-treat__item {
width: 260px
}

.types-dependencies__wrap {
width: 1120px
}

.how-treat__item-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, .7)
}

.how-treat__item-title,
.how-treat__title {
font-family: var(--font-family);
font-weight: 600
}

.how-treat__item-title {
font-size: 16px;
color: #000;
margin-bottom: 8px
}

.how-treat__title {
font-size: 26px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 28px
}

.stati__dock-check .doc-check__picture-1,
.stati__dock-check .doc-check__picture-1 img {
max-width: 50px
}

.text-block__literature_item p {
font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
line-height: 140%;
color: #424242
}

.text-block__literature_item .text-block__literature_share {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #424242
}

.doc-check__content-1 {
flex-direction: column;
gap: 0
}

.stati__dock-check .doc-check__name-1 {
margin-bottom: 21px;
margin-top: -60px;
margin-left: 66px;
max-width: 212px;
padding-top: 0
}

.rating__top {
margin-bottom: 20px
}

.rating__card {
padding: 20px;
border-radius: 10px
}

.rating__card_name {
margin-bottom: 26px
}

.rating__card_logo {
height: 50px
}

.rating__card_star,
.rating__card_star-active {
width: 15px;
height: 15px
}

.rating__card_info {
gap: 20px
}

.rating__card_info span {
font-size: 14px
}

.gallery__cards {
grid-template-rows: minmax(240px, 280px);
grid-auto-flow: column;
overflow-x: auto;
gap: 10px;
padding-bottom: 30px;
scrollbar-width: none;
height: 230px
}

.gallery__cards::-webkit-scrollbar {
height: 4px
}

.gallery__cards::-webkit-scrollbar-track {
border-radius: 10px;
background: var(--izobrazhenie)
}

.gallery__cards::-webkit-scrollbar-thumb {
border-radius: 10px;
background: var(--color-zelenyy)
}

.gallery__image {
min-width: calc(81vw - 40px);
height: 200px;
border-radius: 10px;
scroll-snap-align: start
}

.gallery__btn,
.price__mode .tertiary-btn {
width: 100%
}

.gallery__label {
border-radius: 5px;
padding: 5px 10px;
font-size: 12px
}

.gallery__tab_btns {
flex-direction: column;
gap: 0;
max-height: 45px;
overflow: hidden;
margin-bottom: 0;
transition: .3s
}

.gallery__tab_btns.active {
max-height: 400px
}

.gallery__tab_btns.active .gallery__btn-circle {
transform: rotate(270deg)
}

.gallery__tab_btn {
border-radius: 0;
padding: 16px 0;
background: 0 0;
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 20px
}

.gallery__tab_btn .gallery__btn-circle {
opacity: 0
}

.gallery__tab_btn.tab__btn--active {
padding: 8px 15px;
margin: 0;
order: -1
}

.gallery__tab_btn.tab__btn--active .gallery__btn-circle {
opacity: 1
}

.gallery__btn-circle {
display: flex;
background: rgba(61, 124, 133, .25);
color: var(--tekst-svetlyy);
transform: rotate(90deg)
}

.gallery__title {
text-align: left;
margin-bottom: 28px
}

.articles-addictions__link-all {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 52px
}

.footer__btns {
flex-direction: column
}

.footer .footer__btns-mobil .footer__btn-challenge {
width: 100%
}

.gallery__image-licenses {
height: 100%
}
}

.footer__btns-mobil .footer__btn-quest {
width: 100%;
height: 51px
}

.navigation__inner-1:first-child {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
margin-bottom: 20px;
gap: 20px;
flex-wrap: wrap
}

.navigation__inner-1 {
gap: 20px
}

.dock-check__inner-1 {
display: flex;
flex-direction: column;
flex-basis: calc(70% - 20px);
gap: 20px
}

.doc-check-1 {
border-radius: 10px;
padding: 30px;
background-color: var(--fon-plashek);
transition: background-color .3s;
color: var(--tekst-svetlyy)
}

.doc-check-1:hover {
background-color: var(--color-svetlo-zelenyy-2)
}

.doc-check__name-1 {
font-size: 18px;
font-weight: 700;
line-height: 1.4;
color: var(--tekst);
align-items: center;
display: flex
}

.doc-check__date-1 {
color: #b2bac2
}

.doc-check__top-1 {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(190, 219, 215, .4)
}

.doc-check__content-1 {
display: flex;
align-items: stretch
}

.doc-check__picture-1 {
max-width: 70px;
border-radius: 10px;
width: 100%;
height: auto;
background: radial-gradient(circle, #fff 0, #e5f1ef 100%)
}

.doc-check__picture-1 img {
max-width: 70px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
width: 100%;
height: 100%;
-o-object-position: top;
object-position: top
}

.doc-check__info-1 {
display: flex;
justify-content: space-between;
}

.doc-check__wrap-1 {
margin-right: 14px;
padding-right: 14px;
border-right: 1px solid rgba(190, 219, 215, .4);
display: flex;
flex-direction: column;
justify-content: space-between
}

.doc-check__content-1,
.our-services__items,
.treatment-beneficial__items {
display: flex;
gap: 20px
}

.doc-check__info-1 {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.navigation__wrap-1 {
height: 300px;
position: relative
}

.navigation__wrap-1:first-child {
flex: 0 0 59%;
height: auto
}

.navigation__list {
height: 168px;
overflow: hidden;
transition: .4s
}

.navigation__list.open {
height: auto;
transition: .4s
}

.navigation__wrap-1:last-child {
flex: 0 0 39%
}

.navigation__list-1 {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 13.5px
}

.navigation__right-picture img,
.reviews-slider__card,
.reviews-slider__swiper-slide,
.toggle-all__item {
border-radius: 20px
}

.navigation__link-1 {
position: relative;
transition: .3s;
font-weight: 600
}

.navigation__item-1 {
font-size: 16px;
font-weight: 400;
line-height: 1.56
}

.navigation__right-title,
.navigation__title-1 {
font-size: 20px;
line-height: 110%;
letter-spacing: -.03em;
font-family: var(--font-family)
}

.navigation__list-1 .navigation__item.nav-title-h2 {
position: relative;
cursor: pointer;
margin-right: 20px;
padding-right: 20px
}

.navigation__right__btns {
display: flex;
align-items: center;
justify-content: space-between
}

.navigation__right__btns button {
width: 220px;
height: 52px
}

.navigation__right-text div {
display: flex;
align-items: center;
gap: 8px
}

.form-gazelle__item-phone,
.navigation__right-text div:first-child {
margin-bottom: 16px
}

.navigation__right-title {
margin-bottom: 24px;
font-weight: 600;
color: var(--tekst---seryy)
}

.doctor-page__block_title,
.navigation__title-1 {
font-weight: 600;
color: var(--tekst---seryy);
margin-bottom: 20px
}

.navigation__right {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%
}

.navigation__right-picture {
position: absolute;
right: 0;
bottom: 0
}

.doc-check__post-1,
.doc-check__stage-1 {
position: relative;
padding-left: 20px
}

.navigation__wrap-1 {
background: #f5f5f5;
padding: 30px 32px;
border-radius: 20px
}

.checkbox-icon .checkbox-checked,
.custom-checkbox input[type=checkbox],
.custom-checkbox input[type=checkbox]:checked+.checkbox-icon .checkbox-default,
.licenses-page__swiper-btns-1,
.navigation__list-1 .nav-title-h3 .navigation__link:after,
.navigation__list-1 .nav-title-h4 .navigation__link:after,
.navigation__list-1 .nav-title-h5 .navigation__link:after,
.none {
display: none
}

.navigation__list-1 .nav-title-h2 .navigation__link::before,
.navigation__list-1 .nav-title-h3 .navigation__link::before,
.navigation__list-1 .nav-title-h4 .navigation__link::before,
.navigation__list-1 .nav-title-h5 .navigation__link::before {
content: "—";
position: relative;
left: -5px;
color: #d31d44
}

.navigation__list-1 .nav-title-h2 .navigation__link,
.navigation__list-1 .nav-title-h3 .navigation__link,
.navigation__list-1 .nav-title-h4 .navigation__link,
.navigation__list-1 .nav-title-h5 .navigation__link {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
color: var(--tekst---seryy);
padding-left: 19px
}

.intro-stati__info-text p:last-child,
.navigation__list-1 .nav-title-h2 .navigation__link a {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
color: var(--tekst---seryy)
}

@media (max-width:1340px) {

.navigation__wrap-1:first-child,
.navigation__wrap-1:last-child {
flex: 0 0 49%
}
}

@media (max-width:1090px) {

.navigation__wrap-1:first-child,
.navigation__wrap-1:last-child {
flex: 0 0 100%
}

.navigation__right-picture {
display: none
}
}

@media (max-width:1024px) {
.navigation__inner-1 {
flex-direction: column;
gap: 0
}

.navigation__right-text {
display: flex;
align-items: baseline;
justify-content: flex-start;
gap: 8px
}

.navigation__title-1 {
order: 1
}

.navigation__list-1 {
order: 2;
margin-bottom: 20px;
max-width: 650px
}

.dock-check__inner-1 {
order: 3;
flex-basis: 100%
}

.doc-check__content-1 {
gap: 10px
}
}

@media (max-width:650px) {

.toggle-all__item--picture.extra.show,
.toggle-all__item.extra.show {
max-height: 100%;
opacity: 1;
visibility: visible
}

.toggle-all__button {
display: flex
}

.toggle-all__item:not(:last-child) {
margin-bottom: 16px
}

.toggle-all__items {
display: flex;
flex-wrap: wrap;
gap: 0
}

.toggle-all__item.extra {
max-height: 0;
opacity: 0;
overflow: hidden;
visibility: hidden;
padding: 0;
margin: 0;
transition: .4s
}

.toggle-all__item {
flex: 0 0 100%
}

.toggle-all__item--picture.extra.show {
margin-bottom: 16px
}

.advantages__card,
.advantages__card:nth-child(-n+4) {
border-bottom: 0 solid #c7d6dc
}

.advantages__top {
display: flex;
justify-content: left;
margin-bottom: 26px
}

.advantages {
padding: 40px 0
}

.advantages__cards {
gap: 0;
margin-bottom: 10px
}

.advantages__card {
flex: 1 0 16%;
padding: 20px 0;
gap: 12px
}

.advantages__card_top {
font-size: 16px
}

.advantages__card img {
height: 60px
}

.advantages__card:nth-child(2n-1) {
border-right: none
}

.doc-check-1 {
flex-wrap: wrap
}

.navigation__right__btns {
flex-direction: column;
gap: 10px
}

.navigation__right__btns button {
width: 100%
}

.doc-check__picture-1 {
flex-basis: calc(30% - 10px)
}

.doc-check__wrap-1 {
border-right: none;
padding-right: 0;
margin-right: 0;
flex-basis: calc(70% - 10px)
}

.navigation__list-1 {
max-width: 100%
}
}

@media (max-width:500px) {
.doc-check-1 {
padding: 20px
}

.doc-check__picture-1 {
flex-basis: calc(30% - 5px)
}

.doc-check__name-1 {
font-size: 14px;
line-height: 1.1;
flex-basis: calc(70% - 5px)
}

.doc-check__content-1 {
flex-wrap: wrap;
display: flex
}

.doc-check__info-1 {
flex-basis: 100%
}

.doc-check__date-1,
.doc-check__post-1,
.doc-check__stage-1 {
padding-left: 15px
}

.doc-check__post-1:after {
top: 4px;
width: 11px;
height: 12px
}

.doc-check__date-1:after,
.doc-check__stage-1:after {
top: 4px;
width: 11px;
height: 11px
}

.navigation__list-1 .navigation__item.nav-title-h2 {
position: relative;
cursor: pointer;
margin-right: 20px;
padding-right: 20px
}

.navigation__list-1 .navigation__item.nav-title-h2:after {
font-size: 20px
}

.navigation__list-1 .navigation__item.nav-title-h2:before {
top: -3px;
right: -6px;
width: 24px;
height: 24px
}

.navigation__list-1 {
gap: 10px
}
}

.doctor-page__block_title,
.doctor-page__info_fio {
font-family: var(--font-family);
line-height: 110%;
letter-spacing: -.03em
}

.doctor-page__block_title {
font-size: 18px
}

.doctor-page__info {
display: flex;
gap: 40px;
padding: 0
}

.doctor-page__info_photo {
flex: 1 0 30%;
display: block;
max-width: 428px;
max-height: 428px;
position: relative
}

.doctor-page__info_img {
display: block;
width: 100%;
height: 100%;
border-radius: 20px
}

.doctor-page__info_img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px
}

.doctor-page__info_content {
flex: 1 0 60%;
padding: 0;
display: flex;
flex-direction: column
}

.doctor-page__info_experience {
border-radius: 5px;
padding: 8px 16px;
background: var(--belyy);
font-weight: 500;
font-size: 14px;
color: var(--color-temno-zelenyy);
width: -moz-fit-content;
width: fit-content;
margin-bottom: 10px
}

.doctor-page__info_fio {
font-weight: 600;
font-size: 40px;
color: var(--tekst---temnyy)
}

.doctor-page__info_post,
.doctor-page__info_price {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px
}

.doctor-page__info_post {
display: flex;
gap: 30px;
line-height: 130%;
letter-spacing: -.01em;
color: var(--akcentnyy---500);
margin-bottom: 8px
}

.doctor-page__info_category {
margin-bottom: 10px;
}

.doctor-page__info_edu {
margin: 20px 0;
}

.doctor-page__info_btns {
display: flex;
gap: 20px;
margin-bottom: 80px
}

.doctor-page__info_price {
line-height: 140%;
color: var(--tekst---seryy);
max-width: 176px
}

.doctor-page__info_price span {
font-weight: 600;
color: var(--akcentnyy---500)
}

.doctor-page__info_bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px
}

.doctor-page__post_item {
font-size: 14px;
line-height: 140%;
display: flex;
gap: 10px
}

.doctor-page__post_icon {
display: block;
border-radius: 6px;
padding: 8px;
min-width: 43px;
width: 43px;
height: 43px;
background: var(--belyy);
display: flex;
justify-content: center;
align-items: center
}

.doctor-page__post_text {
margin-bottom: 5px
}

.doctor-page__rating {
position: absolute;
bottom: 8px;
left: 8px;
right: 8px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: space-between
}

.doctor-page__rating_estimation,
.doctor-page__rating_experience {
border-radius: 12px;
gap: 5px;
padding: 8px 12px;
height: 38px;
background-color: #fff;
font-weight: 400;
display: flex;
font-family: var(--font-family);
font-size: 18px
}

.doctor-page__rating_estimation {
color: var(--color-temno-zelenyy);
width: 91px;
color: var(--osnovnoy---500)
}

.doctor-page__rating_experience {
color: var(--color-temno-zelenyy);
width: 151px;
color: var(--osnovnoy---500);
color: var(--tekst---seryy)
}

.doctor-page__rating_experience span {
font-weight: 600;
color: var(--osnovnoy---500)
}

.doctor-page__rating_stars {
display: flex;
gap: 2px
}

.doctor-page__schedule {
border: 1px solid #eee;
border-radius: 16px;
padding: 28px
}

.doctor-page__schedule_list,
.header__nav {
display: flex
}

.doctor-page__schedule_item {
flex-grow: 1;
color: var(--tekst);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}

.doctor-page__schedule_item:not(:last-child) {
border-right: 1px solid rgba(238, 238, 238, .93)
}

.doctor-page__schedule_time {
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
text-align: center;
color: var(--akcentnyy---500)
}

.doctor-page__schedule_weekend {
font-weight: 500;
color: var(--color-zelenyy)
}

.doctor-page__links {
margin: 20px 0;
display: flex;
gap: 20px;
align-items: center;
}

.doctor-page__tab_btns {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 80px
}

.doctor-page__tab_btn {
border-radius: 5px;
padding: 8px 16px;
background: var(--belyy);
font-weight: 500;
font-size: 14px;
transition: .3s
}

.doctor-page__tab_btn:hover {
background: var(--color-svetlo-zelenyy-2)
}

.doctor-page__tab_btn.active {
background: var(--color-svetlo-zelenyy-1);
color: var(--tekst)
}

.doctor-page__list ul li {
display: flex;
gap: 12px;
color: var(--tekst)
}

.doctor-page__list ul li::before {
content: "";
display: block;
border-radius: 10px;
min-width: 18px;
width: 18px;
height: 3px;
background-color: var(--color-zelenyy);
margin-top: 9px
}

.popup-city__list_result li a:hover,
.popup-search__list_result li a:hover {
background-color: var(--color-svetlo-zelenyy-2)
}

.doctor-page__list ul li span {
display: block;
font-weight: 700;
color: var(--color-zelenyy)
}

.doctor-page__diplomas_swiper {
margin-bottom: 20px;
height: auto
}

.doctor-page__diplomas_swiper-slide {
border-radius: 10px;
overflow: hidden;
background: var(--belyy)
}

.doctor-page__diplomas_picture,
.doctor-page__diplomas_swiper-slide a {
display: block;
border-radius: 10px;
overflow: hidden
}

.doctor-page__diplomas_swiper-slide a:hover p {
max-height: 200px;
opacity: 1;
padding: 20px
}

.doctor-page__diplomas_swiper-slide a p {
padding: 0 20px;
width: 100%;
color: var(--tekst);
max-height: 0;
opacity: 0;
transition: .8s
}

.doctor-page__diplomas_swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px
}

.doctor-page__diplomas_swiper-pagination {
justify-content: center
}

.doctor-page__subtitle {
font-family: var(--font-family);
font-weight: 600;
font-size: 32px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 40px
}

.doctor-page__accordion-btn,
.doctor-page__schedule_day {
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
display: flex;
font-family: var(--font-family)
}

.doctor-page .doctor-page__info_btn {
border-radius: 6px;
width: 262px;
height: 60px
}

.doctor-page__schedule_day {
font-weight: 400;
text-align: center;
color: rgba(0, 0, 0, .4);
align-items: center;
justify-content: center;
border-bottom: 1px solid rgba(238, 238, 238, .93);
margin-bottom: 10px;
padding-bottom: 10px;
width: 100%
}

.doctor-page__accordion-btn,
.doctor-page__schedule_day--vs,
.doctor-page__schedule_weekend--vs,
.intro-stati__main p a {
color: var(--osnovnoy---500)
}

.doctor-page__accordion-btn {
padding: 20px;
align-items: center;
justify-content: space-between;
border: 1px solid var(--osnovnoy---500);
border-radius: 6px;
cursor: pointer;
font-weight: 500
}

.accordion-education {
display: flex;
align-items: start;
gap: 12px;
margin-bottom: 20px
}

.doctor-page__accordion-content {
padding-top: 32px
}

.accordion-education__info p:first-child {
font-family: var(--font-family);
font-weight: 600;
font-size: 18px;
line-height: 120%;
color: var(--tekst---seryy);
margin-bottom: 8px
}

.accordion-education__svg,
.accordion-education__svg svg {
max-width: 40px;
max-height: 40px;
width: 40px;
height: 40px
}

.accordion-education__info p:last-child {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: var(--tekst---seryy)
}

@media (max-width:1300px) {
.clinic-guarantees__swiper-btns {
display: none
}

.clinic-guarantees .section__inner,
.clinic-guarantees__top {
width: 100%
}

.clinic-guarantees .section__flex {
gap: 28px;
flex-direction: column
}

.doctor-page__info {
gap: 15px
}

.doctor-page__schedule {
padding: 15px;
}

.doctor-page__info_photo {
flex: 1 0 30%;
display: block;
max-width: 300px;
max-height: 300px;
position: relative
}
}

@media (max-width:1200px) {
.doctor-page__schedule_list {
display: flex;
flex-direction: column
}

.doctor-page__schedule_item {
display: grid;
grid-template-columns: auto auto;
margin-bottom: 12px;
padding-bottom: 12px;
justify-content: space-between;
border-bottom: 1px solid rgba(238, 238, 238, .93)
}

.doctor-page__schedule_item:last-child {
margin-bottom: 0;
padding-bottom: 12px;
border-bottom: 1px solid rgba(238, 238, 238, .93)
}

.doctor-page__schedule_day {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
text-align: center;
color: rgba(0, 0, 0, .4);
display: flex;
align-items: center;
justify-content: center;
border-bottom: 0 solid rgba(238, 238, 238, .93);
margin-bottom: 0;
padding-bottom: 0;
width: 100%
}
}

@media (max-width:1000px) {
.stati__dock-check .dock-check__inner-1 {
display: grid;
grid-template-columns: auto;
padding: 0;
margin-bottom: 20px
}

.reviews__cards {
flex-direction: column;
gap: 12px
}

.doctor-page__info,
.reviews__tab_btns,
.reviews__tab_contents {
display: contents
}

.reviews__tab_content {
padding: 8px 0
}

.rating__cards {
flex-direction: column;
gap: 10px
}

.footer__networks {
display: none
}

.doctor-page__info_photo {
margin: 0 auto
}

.doctor-page__info_content {
border-radius: 20px;
padding: 40px;
background: #fff
}

.doctor-page__info_post {
flex-direction: column;
gap: 14px
}

.doctor-page__post_item:first-child {
padding-right: 0;
border-right: none;
padding-bottom: 14px;
border-bottom: 1px solid #c7d6dc
}

.doctor-page__schedule_list {
flex-direction: column
}

.doctor-page__schedule_item {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 16px
}
}

.doctor-page__accordion {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}

.doctor-page__accordion svg {
transition: transform .4s
}

.doctor-page__accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height .4s
}

.licenses-page__inner-1 {
display: flex;
flex-wrap: wrap;
gap: 20px
}

.licenses-page__info-1 {
border-radius: 20px;
padding: 30px;
background: #f2f5f9;
display: flex;
align-items: center;
justify-content: space-between
}

.licenses-page__info-1 p,
.section-error h1 {
margin-bottom: 20px
}

.licenses-page__info-1 p:last-child {
margin-bottom: 0
}

.licenses-page__info-wrap-1 {
padding-right: 30px;
margin-right: 30px;
border-right: 1px solid #c7d6dc;
flex-basis: 65%
}

.licenses-page__picture-1 {
max-height: 430px;
border-radius: 20px;
overflow: hidden
}

.licenses-page__picture-1 img {
width: 100%;
height: 100%;
border-radius: 20px;
max-height: 430px;
-o-object-fit: cover;
object-fit: cover
}

.licenses-page__container-1 {
display: flex;
flex-direction: column;
gap: 30px
}

.licenses-page__label-1 {
flex-basis: 35%;
font-weight: 500;
line-height: 140%;
color: var(--tekst);
text-align: start
}

.licenses-page__item-1 {
position: relative;
border-radius: 20px;
max-height: 430px;
overflow: hidden
}

.licenses-page__slide-label-1 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #f2f5f9;
padding: 15px;
border-radius: 20px;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: var(--tekst-svetlyy);
font-size: 14px
}

.licenses-page__slide-1 {
border-radius: 20px;
overflow: hidden
}

.licenses-page__container-1 {
padding: 0
}

.toggle-all__items-licenses {
display: flex;
flex-wrap: wrap;
gap: 16px
}

@media (max-width:650px) {
.licenses-page__swiper-btns-1 {
display: flex;
width: 100%;
margin: 0 20px
}

.licenses-page__item-1.img-animation,
.licenses-page__picture-1,
.licenses-page__picture-1 img,
.licenses-page__slide-1 {
border-radius: 10px
}

.licenses-page__item-1.img-animation:before {
border-radius: 10px !important
}

.licenses-page__slide-label-1 {
border-radius: 10px;
padding: 12px
}
}

.our-services__item {
border-radius: 10px;
background: #f5f5f5;
width: 335px;
min-height: 335px
}

.our-services__item-title {
font-family: var(--font-family);
font-weight: 600;
font-size: 20px;
color: var(--tekst---svetlyy);
background: var(--akcentnyy---500);
border-radius: 10px;
height: 60px;
margin-bottom: 18px;
padding-left: 20px;
display: flex;
align-items: center
}

.our-services__item-name,
.our-services__item-price {
font-size: 18px;
line-height: 120%;
font-family: var(--font-family)
}

.karta-sayta__list,
.our-services__item-info {
padding-left: 20px
}

.our-services__item-info:not(:last-child) {
margin-bottom: 16px;
display: block
}

.our-services__item-name {
font-weight: 400;
color: var(--tekst---seryy);
margin-bottom: 8px
}

.our-services__item-price {
font-weight: 600;
color: var(--akcentnyy---500)
}

.our-services {
padding-top: 80px
}

@media (max-width:1366px) {
.our-services__wrap {
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
scrollbar-width: none
}

.our-services__items {
width: 1366px
}

.our-services {
padding-top: 0
}

.text-block--stati {
padding-bottom: 40px
}
}

.free-consultation__wrap {
border-radius: 20px;
background: var(--akcentnyy---500);
padding: 80px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative
}

.free-consultation__picture-left,
.intro-stati__photo {
position: absolute;
left: 0;
bottom: 0
}

.free-consultation__title {
font-family: var(--font-family);
font-weight: 600;
font-size: 48px;
line-height: 110%;
letter-spacing: -.03em;
text-align: center;
color: var(--tekst---svetlyy);
margin-bottom: 20px
}

.free-consultation__subtitle {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 110%;
text-align: center;
color: rgba(255, 255, 255, .6);
margin-bottom: 80px
}

.free-consultation .form input,
.free-consultation__btn {
font-size: 16px;
width: 300px;
height: 52px;
font-family: var(--font-family)
}

.free-consultation .form input {
border: 1px solid rgba(255, 255, 255, .1);
border-radius: 10px;
padding: 12px 16px;
background: #1b7070;
font-weight: 400;
line-height: 125%;
color: var(--tekst---svetlyy)
}

.free-consultation__btn {
font-weight: 500;
line-height: 140%;
text-align: center;
color: var(--akcentnyy---500);
border: 1px solid var(--tekst---svetlyy);
background-color: #fff;
border-radius: 10px;
transition: .2s
}

.free-consultation .politic,
.free-consultation .politic a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: rgba(255, 255, 255, .6)
}

.intro-stati__info-text p:first-child,
.intro-stati__main p a {
line-height: 130%;
letter-spacing: -.01em;
font-family: var(--font-family)
}

.free-consultation__btn:hover {
color: #fff;
background-color: var(--akcentnyy---500);
border: 1px solid #fff
}

.free-consultation .form .input::-moz-placeholder {
color: var(--tekst---svetlyy)
}

.free-consultation .form .input::placeholder {
color: var(--tekst---svetlyy)
}

.free-consultation .form {
display: flex;
background: 0 0;
padding: 0
}

@media (max-width:1030px) {
.free-consultation .input-wrapper {
flex-direction: column;
display: flex;
gap: 8px
}

.free-consultation .form input,
.free-consultation__btn {
width: 100%
}
}

.intro-stati__main h1,
.jobs__item-num,
.jobs__item-title {
font-weight: 600;
color: var(--tekst---temnyy)
}

.intro-stati {
background-color: #fdf7f9;
padding-top: 50px;
padding-bottom: 80px
}

.intro-stati__main h1 {
font-family: var(--font-family);
font-size: 48px;
line-height: 110%;
letter-spacing: -.03em;
margin-bottom: 28px
}

.intro-stati__main p a {
font-weight: 600;
font-size: 18px
}

.intro-stati__main p:not(:last-child) {
margin-bottom: 12px
}

.intro-stati__items {
display: flex;
gap: 40px
}

.intro-stati__item:first-child {
width: 50%
}

.intro-stati__item:last-child {
width: 50%;
position: relative;
display: flex;
flex-direction: column-reverse;
max-height: 432px
}

.intro-stati__photo {
top: 0;
right: 0;
max-height: 432px
}

.intro-stati__photo img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 12px
}

.intro-stati__info-text p:first-child {
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
color: rgba(102, 102, 102, .5);
margin-bottom: 0
}

.intro-stati__info-items {
z-index: 10;
position: relative;
border-radius: 12px;
padding: 20px 24px;
background: var(--tekst---svetlyy);
display: flex;
margin: 8px;
gap: 17px
}

.intro-stati__info-item {
display: flex;
align-items: center;
gap: 12px
}

@media (max-width:1330px) {
.intro-stati__info-items {
display: flex;
flex-wrap: wrap
}

.intro-stati__info-item {
flex: 0 0 48%
}
}

@media (max-width:1050px) {
.intro-stati__main h1 {
font-family: var(--font-family);
font-weight: 600;
font-size: 20px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 18px
}

.intro-stati__info-items {
padding: 20px 0;
margin: 0;
justify-content: space-around
}

.intro-stati__info-item {
flex: 0 0 47%
}

.intro-stati__items {
flex-direction: column-reverse
}

.intro-stati__item:first-child,
.intro-stati__item:last-child {
width: 100%
}

.intro-stati__photo {
position: relative;
width: 100%;
height: 404px
}

.intro-stati__item:last-child .intro-stati__main {
display: flex;
flex-direction: column-reverse
}
}

@media (max-width:688px) {

.reviews__card_labels,
.reviews__card_main,
.services__top {
margin-bottom: 20px
}

.services__item_info {
gap: 10px
}

.services__item_links {
max-height: 96px
}

.faq__editor_left,
.faq__form_subtitle,
.services__item_links ul {
margin-bottom: 16px
}

.services__item_links ul li {
flex: 1 0 100%
}

.services__item_links ul a {
font-size: 14px
}

.services__name {
font-size: 18px
}

.services__btn-more {
min-width: 30px;
height: 30px;
background: var(--color-svetlo-zelenyy-2)
}

.services__btn-more::after {
width: 8px;
height: 8px
}

.services__content_labels ul {
border-radius: 5px;
padding: 6px 8px;
font-size: 12px
}

.services__content_btn {
width: 100%
}

.doctors__cards,
.text-block__grid:not(:last-child) {
margin-bottom: 30px
}

.text-block h2 {
font-size: 24px
}

.text-block h3,
.text-block__form_title {
font-size: 22px
}

.text-block h4 {
font-size: 20px
}

.text-block h5 {
font-size: 16px
}

.text-block ul li::before {
min-width: 8px;
width: 8px;
height: 8px
}

.text-block__img img {
max-height: 230px
}

.text-block__img p {
font-size: 12px
}

.text-block__form {
border-radius: 10px;
padding: 20px;
flex-direction: column;
gap: 0
}

.text-block table {
overflow-x: auto;
max-width: 100%
}

.text-block table tbody td,
.text-block table thead th {
min-width: 243px
}

.text-block table::-webkit-scrollbar {
width: 0;
height: 0
}

.text-block__literature_title {
font-size: 20px;
margin-bottom: 20px
}

.text-block__literature ol {
margin-bottom: 14px
}

.text-block__literature ol li,
.text-block__literature_share {
font-size: 14px
}

.text-block__literature ol li::before {
font-size: 18px
}

.text-block__literature_bottom {
flex-direction: column;
gap: 14px
}

.text-block__literature_item {
padding-bottom: 14px;
font-size: 14px;
border-bottom: 1px solid #c7d6dc;
align-items: center
}

.text-block__literature_links {
display: flex;
gap: 10px
}

.text-block__literature_link {
width: 32px;
height: 32px
}

.faq__button .faq__name,
.faq__button.active .faq__name,
.faq__content P {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px
}

.faq__button.active .faq__content {
max-height: 1000px
}

.faq__name {
font-weight: 700;
font-size: 16px;
color: var(--tekst)
}

.faq__btn-more {
width: 28px;
height: 28px
}

.faq__editor {
flex-direction: column;
margin-top: 20px
}

.faq__editor_left {
padding-right: 0;
border-right: none;
margin-right: 0;
padding-bottom: 16px;
border-bottom: 1px solid var(--izobrazhenie)
}

.faq__form {
border-radius: 10px;
padding: 20px
}

.faq__form_title {
font-size: 16px
}

.faq__btn {
margin-bottom: 10px
}

.faq__button .faq__name {
line-height: 110%;
letter-spacing: -.03em;
color: rgba(22, 22, 22, .8)
}

.faq__button.active .faq__name {
line-height: 110%;
letter-spacing: -.03em;
color: var(--osnovnoy---500)
}

.faq__content P {
line-height: 130%;
letter-spacing: -.01em;
color: var(--tekst---seryy)
}

.faq__button {
padding-top: 16px;
padding-bottom: 16px
}

.faq__list li {
margin-bottom: 0
}

.reviews {
padding: 40px 0
}

.reviews__tab_btn {
padding: 16px 20px
}

.reviews__card_labels p {
padding: 6px 10px
}

.reviews__card_info {
gap: 12px;
margin-bottom: 20px
}

.reviews__card_bottom {
flex-direction: column;
gap: 10px
}

.reviews__card_source {
font-weight: 500;
font-size: 14px
}

.doctors__card_btns {
flex-direction: column;
width: 100%
}

.doctors__card_btns button {
width: 100%
}

.doctors__swiper-btns {
gap: 12px;
margin-bottom: 10px
}

.doctors__swiper-scrollbar {
display: block
}

.doctors__card_content--info {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
color: #000
}

.articles__top {
display: contents
}

.articles__card {
padding-top: 14px;
margin-bottom: 30px
}

.articles__card_top {
flex-direction: column-reverse;
gap: 20px;
margin-bottom: 14px
}

.articles__card_name {
font-size: 16px
}

.articles__card_date {
font-size: 12px
}

.articles__card_main {
flex-direction: column;
gap: 20px
}

.articles__card_labels {
flex-wrap: wrap
}

.articles__card_labels p {
padding: 6px 10px
}

.articles__card_description {
margin-bottom: 30px
}

.articles__card_btn {
width: 100%;
text-align: center
}

.articles__card_photo img {
max-height: 220px
}

.doctor-page__block {
border-radius: 10px;
padding: 20px;
margin-bottom: 20px
}

.doctor-page__block_title {
font-size: 18px;
margin-bottom: 20px;
text-align: center
}

.doctor-page__photo {
max-width: 350px
}

.doctor-page__info {
gap: 20px
}

.doctor-page__info_content {
padding: 0
}

.doctor-page__info_fio {
font-family: var(--font-family);
font-weight: 600;
font-size: 26px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy)
}

.doctor-page__info_price {
text-align: center;
max-width: 100%
}

.doctor-page__info_btns {
flex-direction: column;
gap: 10px;
margin-bottom: 40px
}

.doctor-page__post_icon {
min-width: 30px;
width: 30px;
height: 30px;
padding: 5px
}

.doctor-page .doctor-page__info_btn {
width: 100%
}

.doctor-page__info_photo {
max-width: 100%;
max-height: 100%
}

.intro-stati__photo {
height: 100%
}

.intro-stati {
padding: 32px 0;
overflow: hidden;
margin-bottom: 0;
background-color: #fff
}
}

.jobs__items {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px
}

.jobs__item {
border-radius: 10px;
width: 335px;
height: 335px;
padding: 22px 24px;
position: relative;
display: flex;
justify-content: space-between;
flex-direction: column;
background: linear-gradient(to right, #fcf0f2 50%, rgba(255, 255, 255, .4) 100%);
cursor: pointer
}

.jobs__item-svg {
position: absolute;
right: 0;
bottom: 0;
top: 0
}

.jobs__item-title {
font-family: var(--font-family);
font-size: 20px;
line-height: 110%;
letter-spacing: -.03em;
max-width: 205px
}

.head-job__item-bold,
.jobs__item-num,
.jobs__item-text {
font-family: var(--font-family);
line-height: 130%;
letter-spacing: -.01em
}

.jobs__item-num {
font-size: 18px;
margin-bottom: 4px
}

.jobs__item-text {
font-weight: 400;
font-size: 14px;
color: var(--tekst---seryy)
}

.title-h1__job-page {
max-width: 1000px;
margin-bottom: 48px
}

.head-job__items,
.header__bottom_search {
display: flex;
align-items: center
}

.head-job__item {
display: flex;
gap: 16px;
width: 262px;
height: 60px
}

.head-job__item-text {
display: flex;
flex-direction: column;
justify-content: center;
gap: 4px
}

.head-job__item-bold {
font-weight: 600;
font-size: 18px;
color: var(--tekst---temnyy)
}

.head-job__item-light,
.job-page__item-list ol li {
font-weight: 400;
line-height: 130%;
letter-spacing: -.01em;
color: var(--tekst---seryy);
font-family: var(--font-family)
}

.head-job__item-light {
font-size: 14px
}

.job-page__items {
display: flex;
flex-wrap: wrap;
gap: 40px
}

.job-page__item {
flex: 0 0 47%
}

.job-page__item-title {
font-family: var(--font-family);
font-weight: 600;
font-size: 32px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 24px
}

.job-page__item-list ol li {
font-size: 16px
}

@media (max-width:900px) {
.footer__bottom {
flex-direction: column;
gap: 10px
}

.footer__plashka {
margin-bottom: 20px
}

.footer__plashka svg {
display: none
}

.head-job__items {
align-items: start;
flex-direction: column
}

.job-page {
padding-top: 0
}

.job-page__items {
gap: 31px
}

.job-page__item {
flex: 0 0 100%
}

.job-page__items .job-page__item ol {
padding-bottom: 0;
margin-bottom: 0
}

.job-page__item-title {
font-family: var(--font-family);
font-weight: 600;
font-size: 24px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy)
}

.head-job__item svg {
height: 46px
}

.head-job__item:not(:last-child) {
border-bottom: 1px solid rgba(22, 22, 22, .07);
padding-bottom: 16px;
margin-bottom: 16px;
height: auto
}
}

.error__number,
.error__text a:hover {
color: var(--color-temno-zelenyy)
}

@media (max-width:495px) {
.jobs__item {
width: 100%
}
}

.error {
padding: 195px 0;
position: relative
}

.error__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1
}

.error__bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

.error__inner {
max-width: 536px;
margin-left: auto
}

.error__number {
font-weight: 700;
font-size: 254px;
line-height: 100%;
text-align: center;
margin-bottom: 30px
}

.error__text {
line-height: 140%;
margin-bottom: 30px
}

.error__text a {
color: var(--color-zelenyy);
transition: .3s
}

.error__links,
.popup-search__list {
display: flex;
flex-wrap: wrap;
gap: 10px
}

.error__links li {
width: calc(50% - 5px)
}

@media (max-width:660px) {
.guarantees {
padding: 40px 0
}

.guarantees__cards ul {
gap: 20px
}

.guarantees__cards ul li {
padding: 0 0 0 34px
}

.guarantees__cards ul li p:first-child {
font-size: 14px;
margin-bottom: 8px
}

.guarantees__cards ul li::before {
top: -4px;
left: 0;
transform: scale(.8)
}

.guarantees__img {
margin-bottom: 10px;
min-width: auto
}

.guarantees__img img {
border-radius: 10px;
max-height: 280px
}

.error__bg,
.error__links li {
width: 100%
}

.error {
padding: 40px 0
}

.error__bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: -1
}

.error__bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

.error__inner {
max-width: none;
margin: 0
}

.error__number {
font-size: 120px;
text-align: left
}
}

.popup {
height: 100vh;
left: 50%;
opacity: 0;
position: fixed;
top: 50%;
transform: translate3d(-50%, -50%, 0);
width: 100%;
z-index: 1000;
transition: opacity .4s;
overflow-y: auto;
background: rgba(0, 0, 0, .7)
}

.popup__body {
width: 100%;
min-height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px
}

.popup.open {
opacity: 1;
pointer-events: all
}

.popup__content {
width: 100%;
position: relative;
transition: transform .3s linear;
transform: rotateY(90deg)
}

.popup.open .popup__content {
transform: rotateY(0)
}

.close-popup {
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
z-index: 1000;
width: 40px;
height: 40px;
transition: transform .4s linear
}

.close-popup img {
height: 100%
}

.close-popup:hover {
-webkit-box-shadow: 0 0 8px 10px rgba(211, 29, 68, .3);
-moz-box-shadow: 0 0 8px 10px rgba(211, 29, 68, .3);
box-shadow: 0 0 8px 10px rgba(211, 29, 68, .3);
border-radius: 50%
}

.popup__search_input:active,
.popup__search_input:focus {
background: rgba(234, 237, 242, .8)
}

.popup__search::-webkit-scrollbar {
width: 4px;
background-color: var(--izobrazhenie);
padding: 5px
}

.popup__search::-webkit-scrollbar-thumb {
border-radius: 10px;
background: var(--color-zelenyy)
}

.popup__search-result {
margin-top: 0;
max-height: 370px;
overflow-y: auto
}

.popup__search-result::-webkit-scrollbar {
width: 4px;
background-color: var(--izobrazhenie);
padding: 5px
}

.popup__search-result::-webkit-scrollbar-thumb {
border-radius: 10px;
background: var(--color-zelenyy)
}

.no-results-message {
font-size: 16px;
line-height: 140%;
color: #ff4a37;
padding: 16px;
border-radius: 0 0 5px 5px;
background: var(--fon-plashek);
display: flex;
gap: 10px;
align-items: center
}

.popup-change__content {
max-width: -moz-max-content;
max-width: max-content;
border-radius: 20px;
background: var(--tekst---svetlyy);
display: flex;
align-items: center;
position: relative
}

.popup-change__left {
padding-right: 40px;
border-right: 1px solid var(--color-svetlo-zelenyy-2);
margin-right: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
flex-basis: 60%
}

.popup-change__title {
font-family: var(--font-family);
font-weight: 600;
font-size: 24px;
line-height: 110%;
letter-spacing: -.03em;
text-align: center;
color: var(--tekst---temnyy);
margin-bottom: 20px
}

.popup-change__subtitle {
font-size: 16px;
line-height: 150%;
color: var(--tekst-svetlyy)
}

.popup-change__phone p {
font-size: 14px;
color: var(--tekst-svetlyy);
margin-bottom: 6px
}

.popup-change__form {
display: flex;
flex-direction: column;
gap: 12px
}

.popup-change__input:hover {
background-color: var(--belyy)
}

.popup-change__close {
width: 30px;
height: 30px;
top: -55px;
left: 50%;
transform: translate(-50%, -50%)
}

.popup-change .form {
width: 513px
}

.checkbox-icon,
.form .form__checkbox {
width: 20px;
height: 20px;
cursor: pointer
}

.form {
padding: 40px;
background-color: #fff;
border-radius: 20px;
z-index: 10
}

.form .form__checkbox {
border: 2px solid var(--osnovnoy---500);
border-radius: 4px;
background: var(--osnovnoy---500)
}

.checkbox-icon {
display: inline-block;
position: relative
}

.popup-change__picture {
height: 368px;
display: block;
margin-left: -59px
}

.popup-change__picture img {
height: 100%;
-o-object-fit: fill;
object-fit: fill;
width: 100%;
border-radius: 0 20px 20px 0
}

.form button,
.form input {
height: 52px
}

.popup-reviews .popup-change__title {
margin-bottom: 0
}

.form__bottom {
display: flex;
gap: 12px;
align-items: center;
justify-content: center
}

.popup-question .form {
width: 620px
}

.popup-change-response__content {
max-width: 606px;
padding: 10px;
display: flex;
flex-direction: column
}

.popup-change-response__wrapper .h3,
.popup-change-response__wrapper h3 {
border-radius: 10px;
padding: 30px 10px;
background: var(--belyy);
box-shadow: 0 0 14px 0 rgba(0, 0, 0, .06);
text-align: center;
font-weight: 700;
font-size: 34px;
line-height: 140%;
color: var(--tekst);
margin-bottom: 30px
}

.popup-change-response__wrapper p {
display: flex;
flex-direction: column;
gap: 20px;
padding: 0 30px 30px;
text-align: center
}

.form input,
.form textarea {
padding: 12px 16px;
background: #f5f5f5;
font-weight: 400;
font-size: 16px;
color: var(--tekst---seryy);
border-radius: 10px;
line-height: 125%;
font-family: var(--font-family)
}

.popup-change-response__btn {
border-top: 1px solid #c7d6dc;
padding-top: 30px;
margin: 0 30px 30px
}

.popup-change-response__btn a {
display: block;
width: 100%
}

.footer__info_item--mob,
.popup[data-target=popup-change-error] .popup-change-response__btn,
.popup[data-target=popup-review-error] .popup-review-response__btn {
display: none
}

.popup-reviews .popup-change__text {
display: flex;
justify-content: space-between;
align-items: center
}

.form input {
width: 433px
}

.form textarea {
width: 100%
}

.form .input::-moz-placeholder {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 125%;
color: var(--tekst---seryy)
}

.form .input::placeholder {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 125%;
color: var(--tekst---seryy)
}

@media (max-width:1050px) {
.popup-change__picture {
display: none
}

.popup-change .form,
.popup-question .form {
width: 100%
}

.popup-change__content {
padding: 0;
flex-direction: column;
max-width: 480px
}

.popup-change__left {
padding-right: 0;
border-right: none;
margin-right: 0;
gap: 20px;
flex-basis: 100%;
align-items: flex-start;
padding-bottom: 24px;
border-bottom: 1px solid rgba(190, 219, 215, .4);
margin-bottom: 24px
}

.popup-change__title {
font-size: 18px
}

.popup-change__subtitle {
font-size: 14px
}

.popup-change__phone a {
font-size: 20px
}

.popup-change__phone svg {
width: 20px;
height: 20px
}

.popup-change-response__content {
max-width: 400px;
padding: 10px;
display: flex;
flex-direction: column
}

.popup-change-response__wrapper h3 {
border-radius: 5px;
padding: 16px 10px;
font-size: 30px
}

.popup-change-response__wrapper p {
gap: 14px;
padding: 0 10px 20px
}

.popup-change-response__btn {
padding-top: 20px;
margin: 0 20px 20px
}
}

.popup-review__body {
display: flex;
justify-content: flex-end;
align-items: stretch
}

.popup-review__content {
max-width: 640px;
border-radius: 10px;
padding: 60px 80px;
box-shadow: 0 0 30px 0 rgba(255, 255, 255, .1);
background: var(--bg-svetlo-seryy)
}

.popup-review__input:hover,
.popup-review__select,
.popup-review__textarea:hover {
background-color: var(--belyy)
}

.popup-review__form {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
height: 100%
}

.popup-review__title {
font-weight: 700;
font-size: 34px;
line-height: 140%;
color: var(--tekst);
margin-bottom: 8px
}

.popup-review__subtitle {
line-height: 150%;
color: var(--tekst-svetlyy)
}

.popup-city__title,
.popup-review-response__text h3 {
font-weight: 700;
color: var(--tekst);
text-align: center
}

.popup-review__inputs {
display: flex;
flex-direction: column;
gap: 18px
}

.popup-review__select {
opacity: 1
}

.popup-review__close {
width: 60px;
height: 60px;
top: 0;
left: -70px
}

.popup-review-response__content {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 30px
}

.popup-review-response__text h3 {
font-size: 34px;
line-height: 140%;
display: flex;
flex-direction: column;
gap: 30px;
margin-bottom: 12px
}

.popup-review-response__text h3::before {
content: "";
display: block;
width: 140px;
aspect-ratio: 1/1;
margin: 0 auto
}

.popup[data-target=popup-review-error] h3::before,
.popup[data-target=popup-review-ok] h3::before {
background-size: 100% 100%
}

@media (max-width:740px) {
.popup-review__body {
display: flex;
justify-content: center;
align-items: center
}

.popup-review__content {
border-radius: 10px;
padding: 20px
}

.popup-review__text {
margin-bottom: 20px
}

.popup-review__title {
font-size: 18px;
margin-bottom: 8px
}

.popup-review__inputs {
gap: 12px
}

.popup-review__field {
flex: 1 0 100%
}

.popup-review__estimation {
flex-direction: column;
gap: 10px;
align-items: start
}

.popup-review__bottom {
flex-direction: column;
align-items: stretch;
gap: 20px
}

.popup-review__close {
width: 30px;
height: 30px;
top: -40px;
left: auto;
right: 0
}

.popup-review-response__content {
padding: 80px 20px 100px;
max-width: 400px
}

.popup-review-response__text h3 {
font-size: 20px;
margin-bottom: 8px
}

.popup-review-response__text h3::before {
width: 60px
}
}

.popup-city__content {
border-radius: 20px;
padding: 70px 50px;
background: var(--belyy);
max-width: 500px;
min-height: 738px
}

.popup-city__title {
font-size: 34px;
margin-bottom: 30px
}

.popup-city__city-active {
display: block;
border-radius: 5px;
padding: 10px 20px;
background: rgba(32, 97, 117, .95);
font-size: 16px;
text-align: center;
color: var(--belyy);
display: flex;
align-items: center;
gap: 8px
}

.popup-city__city-active::before {
content: url("./../img/icons/location-white.svg");
width: 18px;
height: 18px
}

.popup-city__search {
margin-top: 30px;
max-height: 430px;
overflow-y: auto;
scrollbar-color: #161616;
scrollbar-width: initial;
scrollbar-color: #161616
}

.popup-city__search-result {
max-height: 474px
}

.popup-city__list li a {
display: block;
padding: 14px 0;
margin-right: 20px;
font-size: 16px;
color: var(--color-zelenyy);
transition: .3s
}

.popup-city__list li a:hover {
color: var(--color-svetlo-zelenyy-1)
}

.popup-city__list_city-active {
display: flex !important;
align-items: center;
gap: 12px;
font-weight: 500;
color: var(--color-temno-zelenyy) !important
}

.navigation__btn,
.navigation__btn svg {
font-weight: 500;
line-height: 100%;
color: #d31d44
}

.popup-city__list_result {
border-radius: 0 0 5px 5px;
background: var(--fon-plashek)
}

.popup-city__list_result li a {
display: block;
border-radius: 8px;
padding: 14px 20px 14px 16px;
margin: 0 4px;
font-size: 16px;
color: var(--tekst)
}

.popup-city__list_result li a span:first-child,
.treatment-beneficial__images {
display: flex;
align-items: center;
gap: 10px
}

.popup-city__list_result li a span:first-child::before {
content: url("./../img/icons/location-2.svg")
}

.popup-city__list_result li a span:last-child {
font-size: 14px;
color: var(--color-zelenyy)
}

.popup-city__no-results-message::before {
content: url("./../img/icons/no-location-2.svg")
}

.popup-city__close {
width: 34px;
height: 34px
}

.popup-search__body {
display: flex;
justify-content: flex-end;
align-items: stretch;
padding: 0
}

.popup-search__content {
box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .06);
background: var(--belyy);
height: -moz-max-content;
height: max-content;
max-height: 100vh
}

.popup-search__search {
margin-top: 40px
}

.popup-search__search-result {
max-height: 666px
}

.popup-search__list li a {
display: block;
border: 1px solid var(--color-temno-zelenyy);
border-radius: 5px;
padding: 10px 20px;
font-size: 16px;
color: var(--color-temno-zelenyy);
transition: .3s
}

.popup-search__list li a:hover {
opacity: .5
}

.popup-search__list_result {
border-radius: 0 0 5px 5px;
background: var(--fon-plashek)
}

.popup-search__list_result li a {
display: block;
border-radius: 8px;
padding: 18px 20px 18px 16px;
margin: 0 4px
}

.popup-search__list_result li a p {
font-weight: 500;
font-size: 16px;
color: var(--color-temno-zelenyy);
margin-bottom: 6px
}

.popup-search__list_result li a span {
font-size: 14px;
color: rgba(0, 54, 73, .5)
}

.popup-search__close {
width: 54px;
height: 54px;
top: 0;
right: -84px
}

@media (max-width:1500px) {

.popup-search__form,
.popup-search__search,
.popup-search__search-result {
width: calc(100% - 64px)
}

.popup-search__form {
display: block
}

.popup-search__close {
width: 40px;
height: 40px;
top: 7px;
right: -64px
}
}

@media (max-width:750px) {
.substock__row {
display: flex;
flex-direction: column;
gap: 10px
}

.substock__item {
border-radius: 10px;
min-height: 134px
}

.substock__item:last-child {
max-height: 134px
}

.substock__inner {
padding: 20px;
background: var(--belyy)
}

.substock__inner span {
font-size: 28px
}

.substock__inner p {
font-size: 14px
}

.substock__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

.reviews-slider__card {
width: 100%;
height: auto
}

.popup-search__content {
border-radius: 0 0 10px 10px;
padding: 50px 0 30px
}

.popup-search__search {
margin-top: 30px
}

.popup-search__search-result {
max-height: 500px
}

.popup-search__list {
flex-direction: column;
flex-wrap: nowrap;
gap: 0;
max-height: 500px;
overflow-y: auto;
padding-right: 10px
}

.popup-search__list::-webkit-scrollbar {
width: 4px;
background-color: var(--izobrazhenie);
padding: 5px
}

.popup-search__list::-webkit-scrollbar-thumb {
border-radius: 10px;
background: var(--color-zelenyy)
}

.popup-search__list li a {
display: block;
border: none;
border-bottom: 1px solid var(--color-svetlo-zelenyy-2);
border-radius: 0;
padding: 16px 0;
font-size: 14px;
color: var(--color-zelenyy)
}

.popup-search__list li a:hover {
color: var(--color-temno-zelenyy)
}

.popup-search__list_result li a {
padding: 14px;
margin: 0 4px 0 0
}

.popup-search__form,
.popup-search__search,
.popup-search__search-result {
width: 100%
}

.popup-search__close {
width: 30px;
height: 30px;
top: -40px;
right: 0
}
}

.navigation__btn {
font-size: 14px;
display: flex;
align-items: center;
gap: 4px
}

.navigation__btn svg {
font-size: 14px;
display: flex;
align-items: center;
transition: .4s
}

.navigation__btn.open svg {
transform: rotate(180deg);
transition: .4s
}

.price__table--services .price__item {
background: #f5f5f5;
border-radius: 12px;
margin-bottom: 8px
}

.price__table--services .price__item .price__cost {
font-weight: 600;
font-size: 16px;
line-height: 125%;
color: var(--akcentnyy---500)
}

.how-treat--services .how-treat__item {
background: #f5f5f5;
display: flex;
flex-direction: column;
justify-content: space-between
}

.treatment-beneficial__item {
border-radius: 20px;
background: #f6f6f6;
position: relative
}

.treatment-beneficial__item:first-child {
padding: 52px 60px;
width: 66%
}

.treatment-beneficial__item:last-child {
padding: 30px 32px;
width: 34%;
gap: 10px;
justify-content: space-between;
display: flex;
flex-direction: column
}

.treatment-beneficial__item-pictures {
position: absolute;
right: 0;
bottom: 0;
top: 0
}

.treatment-beneficial__item-pictures img {
max-height: 100%;
border-radius: 20px
}

.treatment-beneficial__item-title {
margin-bottom: 16px;
font-family: var(--font-family);
font-weight: 700;
font-size: 32px;
line-height: 120%;
color: var(--tekst---temnyy);
width: 373px;
z-index: 10;
position: relative
}

.treatment-beneficial__item-text,
.treatment-beneficial__subtitle {
font-weight: 400;
line-height: 120%;
z-index: 10;
font-family: var(--font-family)
}

.treatment-beneficial__item-title span {
color: var(--osnovnoy---500)
}

.treatment-beneficial__item-text {
font-size: 18px;
color: var(--tekst---seryy);
margin-bottom: 42px;
width: 291px;
position: relative
}

.treatment-beneficial__item-btns {
display: flex;
align-items: center;
gap: 17px;
z-index: 10
}

.treatment-beneficial__item-btns button {
height: 60px;
width: 300px;
z-index: 10
}

.treatment-beneficial__images:first-child {
margin-bottom: 10px
}

.treatment-beneficial__subtitle {
font-size: 24px;
color: rgba(23, 23, 23, .8)
}

.treatment-beneficial__image {
border-radius: 14px;
width: 90px;
height: 67px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
z-index: 10
}

@media (max-width:1100px) {
.licenses {
overflow: hidden
}

.licenses__row {
display: flex;
flex-direction: column;
gap: 0
}

.licenses__item {
max-width: 100%
}

.licenses__right,
.licenses__top {
margin-bottom: 30px
}

.licenses__info {
display: contents
}

.licenses__label {
width: -moz-fit-content;
width: fit-content;
padding: 20px;
margin-bottom: 30px !important
}

.licenses__swiper {
overflow: visible
}

.licenses__swiper-btns {
order: 3;
gap: 12px
}

.licenses__swiper-scrollbar {
display: block
}

.licenses-page__info-1,
.treatment-beneficial__items {
flex-direction: column
}

.licenses-page__info-wrap-1 {
border-right: none;
padding-right: 0;
margin-right: 0;
border-bottom: 1px solid #c7d6dc;
padding-bottom: 20px;
margin-bottom: 20px
}

.jobs__items {
justify-content: center;
align-items: center
}

.treatment-beneficial__item:first-child,
.treatment-beneficial__item:last-child {
width: 100%;
padding: 24px
}

.treatment-beneficial__item-text,
.treatment-beneficial__subtitle {
font-family: var(--second-family);
line-height: 120%;
color: rgba(23, 23, 23, .8)
}

.treatment-beneficial__item:first-child .treatment-beneficial__item-pictures {
bottom: 0;
top: auto;
max-width: 70%
}

.treatment-beneficial__item-pictures img {
max-height: 68%;
border-radius: 20px
}

.treatment-beneficial__image {
border-radius: 13px;
width: 67px;
height: 50px
}

.treatment-beneficial__subtitle {
margin-bottom: 55px;
font-weight: 500;
font-size: 16px
}

.treatment-beneficial__item-title {
font-family: var(--second-family);
font-weight: 700;
font-size: 22px;
line-height: 120%;
margin-bottom: 12px;
width: 100%
}

.treatment-beneficial__item-text {
font-weight: 400;
font-size: 14px;
margin-bottom: 117px
}

.treatment-beneficial__item-btns {
flex-direction: column-reverse
}

.treatment-beneficial__item-btns button {
height: 48px;
border-radius: 500px
}
}

@media (max-width:600px) {
.our-services__item-title {
font-family: var(--font-family);
font-weight: 600;
font-size: 18px;
color: var(--tekst---svetlyy);
margin-bottom: 15px
}

.our-services__item-name,
.our-services__item-price {
font-family: var(--font-family);
font-size: 16px;
line-height: 120%
}

.free-consultation .politic,
.our-services__title {
text-align: left
}

.our-services__items {
width: 1160px;
gap: 12px
}

.our-services__item {
width: 280px;
min-height: 272px
}

.our-services__item-info:not(:last-child),
.popup-reviews .popup-change__title {
margin-bottom: 12px
}

.our-services__item-name {
font-weight: 400;
color: var(--tekst---seryy);
margin-bottom: 8px
}

.our-services__item-price {
font-weight: 600;
color: var(--akcentnyy---500)
}

.free-consultation__subtitle,
.free-consultation__title {
font-family: var(--font-family);
line-height: 110%;
text-align: center
}

.free-consultation__title {
font-weight: 600;
font-size: 20px;
letter-spacing: -.03em;
color: var(--tekst---svetlyy);
margin-bottom: 12px
}

.free-consultation .input-wrapper,
.treatment-beneficial__item-btns button {
width: 100%
}

.free-consultation .form {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
padding: 20px
}

.free-consultation__subtitle {
font-weight: 400;
font-size: 14px;
color: rgba(255, 255, 255, .6);
margin-bottom: 24px
}

.free-consultation__wrap {
padding: 24px 0
}

.popup-change__close {
width: 32px;
height: 32px;
top: -27px;
left: 50%;
transform: translate(-50%, -50%)
}

.input-top,
.popup-reviews .popup-change__text {
flex-direction: column
}

.form {
padding: 24px
}

.popup-city__content {
border-radius: 15px;
padding: 40px 20px;
min-height: 608px
}

.popup-city__title {
font-size: 18px;
text-align: left
}

.popup-city__search {
max-height: 408px
}

.popup-city__search-result {
max-height: 444px
}

.popup-city__list li a {
font-size: 14px
}

.popup-city__list_result li a span:last-child {
font-size: 12px
}

.popup-city__close {
top: 10px;
right: 10px
}

.text-block ul:not(.breadcrumbs) li {
flex-direction: column;
padding-left: 20px
}

.text-block ul:not(.breadcrumbs) li::before {
position: absolute
}
}

.intro-1__subtitle a {
font-weight: 600;
font-size: 18px;
line-height: 130%;
letter-spacing: -.01em;
color: #d31d44;
margin-bottom: 54px
}

.dock-check__inner-1--services {
margin-bottom: 30px;
padding-top: 20px
}

.form-gazelle {
padding: 100px 0 62px
}

.form-gazelle__wrap {
background: var(--akcentnyy---500);
border-radius: 20px;
padding: 56px 60px;
position: relative
}

.form-gazelle__items {
max-width: 459px;
z-index: 10;
position: relative
}

.form-gazelle__item-title {
font-family: var(--font-family);
font-weight: 500;
font-size: 40px;
line-height: 110%;
color: var(--tekst---svetlyy);
margin-bottom: 20px
}

.form-gazelle__item-button button,
.form-gazelle__item-phone a,
.form-gazelle__item-text {
line-height: 130%;
font-family: var(--font-family)
}

.form-gazelle__item-text {
font-weight: 400;
font-size: 18px;
letter-spacing: -.01em;
color: rgba(255, 255, 255, .8);
margin-bottom: 44px
}

.form-gazelle__item-phone a {
font-weight: 700;
font-size: 18px;
color: var(--tekst---svetlyy);
display: flex;
align-items: flex-start
}

.form-gazelle__item-phone a svg {
margin-right: 9px
}

.form-gazelle__item-button button {
font-weight: 500;
font-size: 16px;
letter-spacing: -.01em;
border-radius: 6px;
width: 259px;
height: 60px;
color: var(--tekst---temnyy);
background: var(--tekst---svetlyy);
transition: background .2s;
color: background .2s ease;
border: 1px solid #fff
}

.form-gazelle__item-button button:hover {
background: #026060;
transition: background .2s;
color: #fff;
color: background .2s ease
}

.form-gazelle_picture {
position: absolute;
top: 0;
right: 0;
bottom: 0;
max-height: 100%
}

.form-gazelle_picture img {
width: 100%;
height: 100%;
border-radius: 20px;
z-index: 1;
position: relative;
object-fit: cover
}

.input.error {
border: 1px solid red
}

.submenu-3__container {
max-height: 400px;
overflow-x: auto
}

.cookie-text a:hover,
.hide-item__link--external:hover {
color: #d31d44
}

.hide-item__links--external {
display: flex;
gap: 36px;
align-items: center;
margin-right: 36px
}

.hide-item__socials--external {
display: flex;
gap: 8px;
max-height: 24px
}

@media (max-width:1350px) {
.header__nav>ul {
margin-right: 26px
}
}

@media (max-width:1260px) {
.hide-item__links--external {
gap: 16px;
align-items: baseline;
margin-right: 0;
flex-direction: column
}

.hide-item__link--external {
width: 100%;
text-align: left;
font-weight: 400;
font-size: 16px;
line-height: 125%;
letter-spacing: -.01em;
color: #666;
border-bottom: 1px solid #eee;
padding-bottom: 12px
}

.hide-item__socials--external {
display: none
}

.footer__info_item--mob {
display: block
}
}

.popup-city__list li a,
.popup-city__title {
color: #161616
}

.popup__search::-webkit-scrollbar-thumb {
background: #8b8b8b
}

.submenu-3__container::-webkit-scrollbar-thumb {
background: #8b8b8b;
border-radius: 10px
}

.submenu-3__container {
padding: 10px
}

.submenu-3__container::-webkit-scrollbar {
width: 4px;
padding: 5px
}

.popup__search::-webkit-scrollbar {
background: #fff
}

.popup-search__content {
border-radius: 20px;
padding: 70px 50px;
background: var(--belyy);
max-width: 500px
}

.popup__search_input {
background: rgba(234, 237, 242, .8)
}

.popup-city__content--main,
.popup__search-links {
min-height: auto
}

.popup__search-links .popup-search__content {
padding: 30px;
max-width: 600px
}

.popup__search-links .popup__search_form {
position: relative
}

.popup__search-links input:first-child {
width: 70%
}

.popup__search-links input:last-child {
width: 29%
}

.popup__search-links .search__form-btn {
background: rgba(234, 237, 242, .8);
border-radius: 5px;
padding: 16px;
border: 1px solid transparent;
transition: .3s
}

.search-result__item {
margin-bottom: 20px;
font-size: 14px
}

.search-result__item a {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 143%;
color: #d11039
}

.search-result {
padding: 0 0 30px
}

.page__search-links .popup__search_form {
margin-bottom: 30px
}

.page__search-links input:first-child {
width: 40%
}

.page__search-links input:last-child {
padding: 0;
width: 20%;
background: rgba(234, 237, 242, .8);
border-radius: 5px;
height: 53px;
background: rgb(234 237 242 / 56%)
}

.page__search-links {
padding-top: 30px
}

@media (max-width:600px) {
.popup__search-links .popup-search__content {
padding: 30px 10px
}

.popup__search-links input:first-child {
width: 60%
}

.popup__search-links input:last-child {
padding: 0;
width: 38%
}

.popup__search-links input {
height: 45px
}

.popup__search-links .popup__search_form {
display: flex;
justify-content: space-between;
gap: 5px
}

.page__search-links input:last-child {
width: 30%;
height: 45px
}

.page__search-links input:first-child {
width: 64%;
height: 45px
}
}

.stages-treatment__card:hover {
background: #f0f8ff
}

.clinic-guarantees__card:hover {
background-color: #f8e4e9;
transition: background-color .3s
}

.clinic-guarantees__card change-item:hover,
.toggle-all__item:hover,
.types-dependencies__item:hover {
-webkit-box-shadow: 0 0 23px 6px #ffd6df;
-moz-box-shadow: 0 0 23px 6px #ffd6df;
box-shadow: 0 0 23px 6px #ffd6df
}

.articles-addictions__swiper-slide {
transition: transform .3s linear
}

.articles-addictions__swiper-slide:hover {
transform: scale(.98)
}

.reviews-slider__card_text {
height: 134px;
overflow: hidden;
position: relative
}

.reviews-slider__card_text.expanded {
height: auto;
overflow: visible
}

.reviews-slider__card_title {
min-height: 48px
}

.price__table--services {
width: 100%
}

.section__inner {
height: max-content
}

.reviews-slider__container .reviews-slider__card {
display: grid
}

.text-block .dock-check__inner-1 .doctor-author-1,
.text-block .dock-check__inner-1 .doctor-reviewer-1 {
text-decoration: none;
width: 50%
}

.provide-services__card_photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
object-position: center
}

.provide-services__card_photo {
height: 100%;
display: block;
max-height: 207px
}

.reviews-slider .reviews-slider__card:hover {
background: #f9eff1
}

.doctors__card {
background-color: #f5f5f5;
transition: background-color .3s
}

.doctors__swiper-slide:hover .doctors__card {
background-color: #f9dde3
}

.articles-addictions__card_content {
min-height: 106px
}

.our-services__item-info {
transition: background-color .4s, color .4s, outline .3s ease-out;
outline: transparent solid 2px;
background-color: #ffffff00
}

.our-services__item-info:hover {
background-color: #fff
}

.our-services__item-info:last-child {
padding-bottom: 20px;
display: block
}

.doctors--stati .doctors__card_photo {
height: 100%;
display: block;
max-height: 207px
}

.doctors--stati .doctors__card_top {
position: relative;
width: 100%;
height: 207px
}

.section__gallery .gallery__picture {
height: 100%;
max-height: 178px;
display: block
}

@media (max-width:644px) {
.section__gallery .gallery__picture {
max-height: auto
}
}

.section-error__link {
font-family: var(--font-family) Inter, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #454545;
transition: .3s
}

.section-error__link:hover {
color: #ababab;
opacity: .7
}

@media (max-width:1380px) {
.header__info_phone {
display: block;
min-width: 172px
}

.header__info {
gap: 29px
}
}

.header__info_text {
min-width: 173px;
color: var(--tekst-svetlyy)
}

.dock-check__inner-1 {
flex-direction: row
}

@media (max-width:1000px) {
.dock-check__inner-1 {
flex-direction: column
}

.text-block .dock-check__inner-1 .doctor-author-1,
.text-block .dock-check__inner-1 .doctor-reviewer-1 {
width: 100%
}
}

.cookie-banner {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: rgba(0, 0, 0, .6);
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
font-size: 14px;
z-index: 9999;
backdrop-filter: blur(6px)
}

.cookie-text a {
color: #4ea3ff;
transition: .2s
}

.cookie-btn {
background: #fff;
border: none;
padding: 8px 14px;
border-radius: 6px;
cursor: pointer;
margin-left: 20px;
color: #161616;
transition: .2s
}

.cookie-btn:hover {
background: #d3d3d3
}

.cookie-close {
margin-left: 15px;
cursor: pointer;
font-size: 34px;
opacity: .7
}

@media (max-width:768px) {
.cookie-btn {
display: none
}

.cookie-banner {
font-size: 14px
}
}

.karta-sayta__block-title {
font-size: 23px;
margin-bottom: 20px
}

@media (max-width:800px) {

.types-dependencies__item-text,
.types-dependencies__title {
color: var(--tekst---temnyy);
font-family: var(--font-family)
}

.types-dependencies .types-dependencies__items {
gap: 12px;
padding: 12px
}

.types-dependencies .types-dependencies__items:not(:last-child) {
margin-bottom: 12px
}

.types-dependencies .types-dependencies__item {
height: 130px;
width: 270px
}

.types-dependencies .types-dependencies__item img {
width: 270px;
height: 130px;
-o-object-fit: cover;
object-fit: cover
}

.types-dependencies__item-text {
font-weight: 500;
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em
}

.types-dependencies__title {
font-weight: 600;
font-size: 26px;
line-height: 110%;
letter-spacing: -.03em;
margin-bottom: 28px;
text-align: left
}

.types-dependencies__subtitle {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 130%;
letter-spacing: -.01em;
color: var(--osnovnoy---500);
margin: 0 0 12px
}

.stages-assistance__items {
flex-direction: column;
width: 49%
}

.stages-assistance__wrap-items {
display: flex;
justify-content: space-between
}

.select-options,
.stages-assistance__item {
width: 100%
}

.types-dependencies__wrap {
width: 1120px
}

.how-prepare__item-accordion span,
.how-prepare__item-title {
color: var(--tekst---svetlyy);
font-family: var(--font-family)
}

.how-prepare {
padding: 60px 0
}

.how-prepare__item-title {
font-weight: 600;
font-size: 26px;
line-height: 110%;
letter-spacing: -.03em
}

.how-prepare__item-accordion span {
font-weight: 500;
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
padding: 16px 0
}

.how-prepare__item-accordion p,
.how-prepare__item-text p {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
color: rgba(255, 255, 255, .8)
}

#category-button {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 130%;
letter-spacing: -.01em;
color: var(--osnovnoy---500);
border: 1px solid var(--osnovnoy---500);
border-radius: 6px;
padding: 20px;
width: 100%;
height: 52px
}

.reviews-slider {
padding-bottom: 40px
}

.articles-addictions__cards,
.clinic-guarantees__cards,
.provide-services__cards,
.reviews-slider__cards,
.stages-treatment__cards,
.we-help__cards {
margin-bottom: 30px
}

.articles-addictions .swiper-btns,
.clinic-guarantees .swiper-btns,
.doctors__swiper-btns,
.provide-services .swiper-btns,
.provide-services__all-link,
.reviews-slider .swiper-btns,
.stages-treatment .swiper-btns,
.we-help .swiper-btns {
display: none
}

.provide-services__top h2,
.reviews-slider__top h2 {
font-family: var(--font-family);
font-weight: 600;
font-size: 26px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 28px
}

.reviews-slider__card_content {
padding: 16px
}

.reviews-slider__card_btns {
flex-direction: column;
width: 100%
}

.reviews-slider__card_btns button,
.we-help__card,
.we-help__card_btns button,
.we-help__card_picture,
.we-help__card_picture img {
width: 100%
}

.articles-addictions__swiper-btns,
.clinic-guarantees__swiper-btns,
.provide-services__swiper-btns,
.reviews-slider__swiper-btns,
.stages-treatment__swiper-btns,
.we-help__swiper-btns {
gap: 12px;
margin-bottom: 10px
}

.articles-addictions__swiper-pagination,
.articles-addictions__swiper-scrollbar,
.clinic-guarantees__swiper-scrollbar,
.provide-services__swiper-scrollbar,
.reviews-slider__swiper-scrollbar,
.stages-treatment__swiper-pagination,
.stages-treatment__swiper-scrollbar,
.we-help__swiper-pagination,
.we-help__swiper-scrollbar {
display: block
}

.articles-addictions .all__swiper-pagination,
.we-help .all__swiper-pagination {
opacity: 1
}

.articles-addictions .swiper-pagination-bullet,
.we-help .swiper-pagination-bullet {
position: static;
border-radius: 10px;
width: 30px;
height: 6px;
background: var(--color-zelenyy)
}

.we-help {
padding: 40px 0
}

.stages-treatment__card_info,
.we-help__card_info {
height: 170px;
overflow: hidden;
position: relative
}

.articles-addictions__top,
.we-help__top {
margin-bottom: 40px;
text-align: left;
justify-content: start;
align-items: start
}

.we-help__card_content p {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
color: #000;
max-width: 300px
}

.clinic-guarantees__top h2,
.we-help__top h2 {
font-family: var(--font-family);
font-weight: 600;
font-size: 26px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 16px
}

.we-help__card {
gap: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: start
}

.we-help__card_btns {
flex-direction: column;
width: 100%
}

.clinic-guarantees__card_svg {
margin-bottom: 16px
}

.clinic-guarantees__card_content p,
.provide-services__card_content p,
.stages-treatment__card_content p {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
color: #000
}

.clinic-guarantees__card {
gap: 0
}

.clinic-guarantees__card_content {
padding: 16px
}

.clinic-guarantees__card_btns {
flex-direction: column;
width: 100%
}

.clinic-guarantees__card_btns button {
width: 100%
}

.stages-treatment {
padding: 40px 0
}

.stages-treatment__top {
padding-bottom: 24px;
margin-bottom: 24px
}

.stages-treatment__top h2 {
font-family: var(--font-family);
font-weight: 600;
font-size: 26px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 16px
}

.stages-treatment__card {
gap: 0;
padding: 0
}

.stages-treatment__card_btns {
flex-direction: column;
width: 100%
}

.stages-treatment__card_btns button {
width: 100%
}

.provide-services__card {
gap: 0;
padding: 0
}

.provide-services__card_content {
padding: 16px
}

.provide-services__card_btns {
flex-direction: column;
width: 100%
}

.provide-services__card_btns button {
width: 100%
}

.title-h2 {
font-size: 26px
}

.doctors__top .title-h2 {
margin-bottom: 28px
}

.articles-addictions {
padding: 40px 0
}

.articles-addictions__top h2 {
font-family: var(--font-family);
font-weight: 600;
font-size: 26px;
line-height: 110%;
letter-spacing: -.03em;
color: var(--tekst---temnyy);
margin-bottom: 16px
}

.articles-addictions__card {
gap: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: start;
width: 100%
}

.articles-addictions__card_picture,
.articles-addictions__card_picture img {
width: 100%
}

.articles-addictions__card_btns {
flex-direction: column;
width: 100%
}

.articles-addictions__card_btns button {
width: 100%
}

.contacts__item,
.contacts__item:last-child,
.contacts__item:not(:last-child) {
border-right: 0 solid #eee
}

.contacts__item-light,
.contacts__location,
.contacts__phone {
font-family: var(--font-family);
font-weight: 400;
line-height: 130%;
letter-spacing: -.01em
}

.general__head--contacts {
padding-bottom: 20px
}

.general__section-contacts {
padding-top: 0
}

.contacts__item {
flex: 0 0 100%;
padding: 20px;
border-bottom: 1px solid #eee
}

.contacts__item:first-child {
border-top: 1px solid #eee
}

.contacts__item-mode {
padding: 16px 16px 16px 24px;
width: 100%;
height: auto
}

.contacts__item:last-child {
border-bottom: 0 solid #eee;
padding: 0
}

.contacts__item:nth-child(2) {
border-right: 0 solid #eee;
padding-left: 0
}

.contacts__item-mode svg {
top: 16px;
left: 16px
}

.contacts__item-mode p {
padding-left: 41px
}

.contacts__license {
padding-left: 0;
border-bottom: 1px solid #eee
}

.contacts__phone {
font-size: 24px;
color: var(--akcentnyy---500)
}

.contacts__item-light {
font-size: 14px;
color: rgba(22, 22, 22, .4)
}

.contacts__location {
font-size: 20px;
color: var(--akcentnyy---500)
}

.footer .logo__picture img {
max-width: 149px;
max-height: 32px;
min-width: 149px;
min-height: 32px;
width: 100%
}

.footer .footer__btns-mobil {
display: flex;
order: 0;
flex-direction: column
}

.footer__top {
margin-bottom: 0
}

.footer__pays_list {
padding-bottom: 24px;
border-bottom: 1px solid #eee
}

.footer__btns {
display: none;
order: 6
}

.footer {
padding: 40px 0 20px
}

.footer__copy,
.footer__info_item p:first-child,
.footer__pays p,
.footer__plashka {
font-size: 12px
}

.footer__top_left {
justify-content: space-between;
gap: 20px;
margin-bottom: 40px
}

.footer__top_right {
display: contents
}

.footer__logo {
max-width: 129px
}

.footer__inner {
display: flex;
flex-direction: column;
padding-bottom: 30px;
margin-bottom: 0
}

.footer__info,
.footer__row_title,
.title-h1__job-page {
margin-bottom: 20px
}

.footer__row_title {
font-size: 16px;
padding-bottom: 14px
}

.footer__networks a {
width: 35px;
height: 35px
}

.footer__btns-search button {
min-width: 30px;
width: 30px;
height: 30px
}

.footer__info_row {
flex-direction: column;
gap: 20px
}

.footer__info_text {
align-items: center
}

.footer__info_text>* {
font-size: 14px;
font-weight: 500
}

.footer__info_text button,
.footer__info_text span {
display: inline-block;
font-size: 14px;
font-weight: 500
}

.footer__info_phone a {
font-size: 18px
}

.footer__nav {
gap: 20px
}

.footer__nav_item {
flex-basis: 100%
}

.footer__nav_item>p {
font-weight: 500;
font-size: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin: 0;
transition: .4s
}

.footer__nav_item>p::after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-top: 1px solid #d11039;
border-right: 1px solid #d11039;
transform: rotate(135deg);
margin-bottom: 4px;
transition: .3s
}

.footer__nav_item>p.active {
margin-bottom: 12px
}

.footer__nav_item>p.active::after {
transform: rotate(315deg)
}

.footer__nav_item>ul {
max-height: 0;
overflow: hidden;
transition: .3s
}

.footer__nav_item>ul.active {
max-height: 500px
}

.footer__nav-menu {
margin-top: 20px
}

.footer__nav-menu ul a {
font-size: 16px
}

.footer__info_social,
.footer__nav-menu .footer__row_title,
.footer__nav_acc {
display: block
}

.footer__pays_list img {
width: 80px;
height: 45px;
border-radius: 5px
}

.footer .footer__btns-mobil .footer__btn-node,
.form-gazelle__item-button button {
width: 100%
}

.footer__info_text {
align-items: start
}

.head-job__item-bold,
.head-job__item-light {
font-family: var(--font-family);
line-height: 130%;
letter-spacing: -.01em
}

.head-job__item-bold {
font-weight: 600;
font-size: 16px;
color: var(--tekst---temnyy)
}

.head-job__item-light {
font-weight: 400;
font-size: 14px;
color: var(--tekst---seryy)
}

.form-gazelle__item-title {
font-family: var(--font-family);
font-weight: 500;
font-size: 24px;
line-height: 110%;
color: var(--tekst---svetlyy);
margin-bottom: 12px
}

.form-gazelle__item-phone a,
.form-gazelle__item-text {
font-family: var(--font-family);
font-size: 16px;
line-height: 130%
}

.form-gazelle {
padding: 40px 0
}

.form-gazelle__item-text {
font-weight: 400;
letter-spacing: -.01em;
color: rgba(255, 255, 255, .8);
margin-bottom: 65px
}

.form-gazelle__item-phone {
margin-bottom: 24px
}

.form-gazelle__item-phone a {
font-weight: 700;
color: var(--tekst---svetlyy)
}

.form-gazelle__wrap {
background: var(--akcentnyy---500);
border-radius: 20px;
padding: 22px 24px;
position: relative
}

.karta-sayta__block-title {
font-size: 18px;
margin-bottom: 14px
}

.karta-sayta__list a {
font-size: 14px
}
}

.cities-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px 20px;
margin-top: 15px
}

.cities-grid a {
display: block;
padding: 8px 5px;
text-decoration: none;
color: #333;
border-bottom: 1px solid #eee
}

.cities-grid a:hover {
color: #d11039;
background-color: #f8f9fa
}

.price__top-wrap {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px
}

.section__top.price__top.price__mode {
justify-content: flex-end
}

.price__top_text {
margin-right: auto
}

.container-wrap {
display: flex;
flex-direction: row;
gap: 40px;
align-items: flex-start;
justify-content: center
}

.header__discount p,
.header__plashka a {
font-weight: 700;
font-size: 18px;
text-decoration: underline;
transition: color 0.3s;
}

.header__discount p,
.header__plashka a:hover {
color: var(--tekst---temnyy);
}

.form-gazelle__item-phone {
display: flex;
gap: 15px;
align-items: center;
}

@media (max-width: 1260px) {

.header__discount p,
.header__plashka a {
font-size: 15px;
}
}

.services-provided__title {
flex-basis: 40%;
color: var(--tekst---temnyy);
text-align: center;
margin-bottom: 60px;
}

.services-provided {
margin-bottom: 80px;
}

.reviews-slider__top h2 {
text-align: center;
}

@media (max-width: 800px) {
.services-provided {
margin-bottom: 40px;
}

.reviews-slider__top h2 {
text-align: left;
}
}

.clinic-guarantees .section__flex {
position: relative;
display: flex;
flex-direction: column;
gap: 60px;
}

.clinic-guarantees__top {
width: 82%;
}

.clinic-guarantees .section__inner {
width: 100%;
}

.clinic-guarantees__card_content p span {
width: auto;
}

@media (max-width: 1800px) {
.clinic-guarantees .swiper-btns {
display: block;
}

.clinic-guarantees .swiper-btns button {
display: none;
}

.clinic-guarantees .swiper-horizontal>.swiper-scrollbar,
.clinic-guarantees .swiper-scrollbar.swiper-scrollbar-horizontal {
display: none;
}
}

@media (max-width: 800px) {
.clinic-guarantees__card_content p {
font-size: 18px;
}

.clinic-guarantees__top .title-h2 {
font-size: 26px;
}

.clinic-guarantees__card_content p span {
font-size: 15px;
}

.clinic-guarantees__card_content {
padding: 0px;
}
}

.stages-treatment__card {
background: #f5f5f5;
border-radius: 20px;
padding: 26px;
}

@media (width>=800px) {
.stages-treatment__swiper-slide {
flex: 0 0 calc((100% - 20px)/2);
}

.stages-treatment__swiper .swiper-wrapper {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
}

@media (width>=1200px) {
.stages-treatment__swiper-slide {
flex: 0 0 calc((100% - 40px)/3);
}

.stages-treatment__swiper .swiper-wrapper {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
}

.stages-treatment__card_info {
height: fit-content;
}

.stages-treatment__top {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
border-bottom: 0px solid #eee;
padding-bottom: 0px;
margin-bottom: 60px;
}

@media (width<=800px) {
  .stages-treatment__top {
  margin-bottom: 24px;
  }
  }

  @media (max-width: 800px) {
  .stages-treatment__card_content p {
  font-size: 18px;
  }

  .stages-treatment__card {
  padding: 20px;
  }
  }

  .stages-treatment__card .swiper-pagination-bullet {
  position: static;
  border-radius: 10px;
  width: 30px;
  height: 6px;
  background: var(--color-zelenyy);
  }


  .facts {
  padding: 40px 0;
  }

  .facts__title {
  font-size: 32px;
  display: flex;
  align-items: start;
  gap: 18px;
  margin-bottom: 40px;
  }

  .facts__title::before {
  content: "" ;
  display: block;
  width: 45px;
  height: 41px;
  background: url('/assets/img/alco/icons/logo-mini.jpg') no-repeat center / contain;
  }

  .facts .facts__swiper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  }

  .facts__swiper .swiper-wrapper,
  .facts__swiper .facts__swiper-slide {
  display: contents;
  }

  .facts__swiper-slide:nth-child(1) .facts__card,
  .facts__swiper-slide:nth-child(2) .facts__card {
  grid-column: span 3;
  }

  .facts__card {
  grid-column: span 2;
  border-radius: 15px;
  padding: 20px 24px;
  background: #f5f5f5;
  font-size: 18px;
  color: rgba(23, 23, 23, 0.9);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  height: 100%;
  min-height: 240px;
  }

  .facts__card-num {
  overflow-wrap: break-word;
  font-weight: 700;
  font-size: 36px;
  line-height: 130%;
  color: #d11039;
  margin-bottom: 12px;
  }

  .facts__card-src {
  font-size: 16px;
  line-height: 130%;
  color: rgba(23, 23, 23, 0.6);
  }

  .facts__swiper-pagination {
  display: none;
  }

  @media (max-width: 800px) {
  .facts .facts__swiper {
  display: block;
  }

  .facts__swiper .swiper-wrapper {
  display: flex;
  }

  .facts__swiper .facts__swiper-slide {
  display: block;
  height: auto;
  }

  .facts__swiper-pagination {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  }

  .facts__swiper-pagination span {
  display: block;
  border-radius: 10px;
  background: #f5f5f5;
  flex-grow: 1;
  height: 6px;
  opacity: 1;
  transition: all 0.3s ease;
  }

  .facts__swiper-pagination span.swiper-pagination-bullet-active {
  background: #d11039;
  }
  }

  @media (max-width: 768px) {
  .facts__title {
  font-size: 20px;
  margin-bottom: 24px;
  }

  .facts__title::before {
  width: 36px;
  height: 33px;
  }

  .facts__card {
  border-radius: 10px;
  padding: 16px 20px;
  font-size: 16px;
  min-height: 240px;
  }

  .facts__card-num {
  font-size: 24px;
  }

  .facts__card-src {
  font-size: 14px;
  }
  }




  .districts {
  padding: 50px 0;
  }

  .districts__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 60px;
  }

  .districts__top-text {
  max-width: 1100px;
  }

  .districts__top .title-h2 {
  margin-bottom: 24px;
  }

  .districts__swiper {
  margin-bottom: 32px;
  }

  .districts .districts__swiper-slide {
  height: auto;
  }

  .districts__card {
  border-radius: 20px;
  padding: 28px 32px;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  height: 100%;
  }

  .districts__card-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: -0.03em;
  color: #161616;
  }

  .districts__card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  }

  .districts__card-list li {
  border-radius: 12px;
  padding: 12px;
  background: #fff;
  color: #161616;
  }

  .districts__card-list li a {
  color: #161616;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s ease;
  }

  .districts__card-list li a::after {
  content: "" ;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' %3E%3Cpath d='M10 2H4C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V10' stroke='%23D31D44' stroke-width='1.3' /%3E%3Cpath d='M14 2H18V6M18 2L7 13' stroke='%23D31D44' stroke-width='1.3' /%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
  }

  .districts__card-list li a:hover {
  color: #D31D44;
  }

  .districts__btns {
  display: flex;
  justify-content: center;
  gap: 10px;
  }

  .districts__btns a {
  padding: 19px 32px;
  }

  .districts__btns-tg {
  border-radius: 6px;
  padding: 16px 24px;
  background: rgba(47, 137, 206, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #161616;
  transition: all 0.3s ease;
  }

  .districts__btns-tg:hover {
  background: rgba(47, 137, 206, 0.3);
  }

  @media (max-width: 1024px) {
  .districts__top {
  display: contents;
  }

  .districts__swiper {
  margin-bottom: 0;
  }

  .districts .section__flex {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 32px;
  }

  .districts__swiper-btns {
  order: 3;
  justify-content: center;
  }
  }

  @media (max-width: 768px) {
  .districts {
  padding: 30px 0;
  }

  .districts__top .title-h2 {
  margin-bottom: 14px;
  }

  .districts__card {
  border-radius: 20px;
  padding: 16px 24px;
  gap: 24px;
  }

  .districts__card-title {
  font-size: 18px;
  }

  .districts__card-list {
  gap: 8px;
  }

  .districts__card-list li {
  border-radius: 10px;
  padding: 10px;
  }

  .districts__card-list li a::after {
  width: 16px;
  height: 16px;
  }

  .districts__btns a {
  padding: 16px 20px;
  }

  .districts__btns-tg {
  padding: 14px 20px;
  }
  }

  @media (max-width: 400px) {
  .districts__btns {
  flex-direction: column;
  }
  }

  .tabs {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  }

  .tab {
  padding: 10px 20px;
  border-radius: 6px;
  color: #d31d44;
  border: 1px solid #d31d44;
  transition: color 0.5s, background-color 0.5s;
  cursor: pointer;
  }

  .tab:hover {
  color: #ffffff;
  background-color: #d31d44;
  transition: color 0.5s, background-color 0.5s;
  }

  .tab.active {
  color: #ffffff;
  background-color: #d31d44;
  transition: color 0.5s, background-color 0.5s;
  }

  .hide {
  display: none;
  }

  .toggle-all__item {
  position: relative;
  }

  .articles__topics {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  }

  .articles__topic {
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 14px;
  color: #ffffff;
  background-color: #d31d44;
  }

  .intresting__wrapper {
  position: relative;
  margin-bottom: 80px;
  display: flex;
  max-width: 1040px;
  border-radius: 20px;
  overflow: hidden;
  color: #ffffff;
  background-color: var(--akcentnyy---500);
  }

  .intresting__text {
  padding: 40px 34px 40px 48px;
  width: 60%;
  }

  .intresting__subtitle {
  margin-bottom: 20px;
  font-size: 14px;
  text-transform: uppercase;
  }

  .intresting__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 110%;
  letter-spacing: -3%;
  color: #ffffff;
  }

  .intresting__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40%;
  clip-path: ellipse(100% 150% at 100% 90%);
  }

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

  @media (max-width: 768px) {
  .intresting__wrapper {
  margin-bottom: 40px;
  flex-direction: column;
  max-width: 100%;
  border-radius: 10px;
  }

  .intresting__text {
  padding: 20px 22px 40px 22px;
  width: 100%;
  }

  .intresting__subtitle {
  margin-bottom: 12px;
  }

  .intresting__title {
  font-size: 22px;
  }

  .intresting__img {
  position: static;
  width: 100%;
  height: 195px;
  clip-path: ellipse(120% 100% at 50% 100%);
  }
  }

  .swiper-horizontal> .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  width: 100%;
  }

  .swiper-pagination-bullet {
  background: #0260604d;
  border-radius: 20px;
  }

  .swiper-pagination-bullet-active {
  background: var(--akcentnyy---500);
  }




  .widget {
  position: fixed;
  right: 0;
  bottom: 22px;
  z-index: 11;
  width: 100%;
  pointer-events: none;
  }
  .widget .container {
  pointer-events: none;
  }
  .widget__row {
  border: 1px solid #ff7e2f;
  border-radius: 12px;
  padding: 7px 13px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05);
  background: #fff;
  width: fit-content;
  display: flex;
  gap: 40px;
  margin-left: auto;
  position: relative;
  pointer-events: all;
  }
  .widget__link {
  display: flex;
  align-items: center;
  gap: 14px;
  }
  .widget__link:hover .widget__link-text {
  color: #d31d44;
  }
  .widget__link-icon {
  border-radius: 9px;
  width: 50px;
  height: 50px;
  background: #d31d44;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  }
  .widget__link-icon.tg, .widget__link-icon.calc {
  background: #27a3e3;
  }
  .widget__link-icon.yellow {
  background: rgba(255, 126, 47, 0.1);
  }
  .widget__link-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #161616;
  transition: all 0.3s ease;
  }
  .widget__link-text span {
  font-weight: 400;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
  transition: all 0.3s ease;
  }
  .widget__link-text p {
  font-weight: 600;
  transition: all 0.3s ease;
  }

  .widget-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 126, 47, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  }



  .widget__row {
  max-width: 827px;
  height: 65px;
  transition: max-width .35s;
  overflow: hidden;
  }

  .widget--closed .widget__row {
  max-width:60px;
  height: 58px;
  gap: 0;
  padding: 4px;
  justify-content: flex-end;
  }


  .widget--closed .widget__link {
  opacity: 0;
  pointer-events: none;
  }

  .widget-open {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: .25s;
  }
  .widget--closed .widget-open {
  display: flex;
  opacity: 1;
  visibility: visible;
  }

  .widget-close {
  opacity: 1;
  visibility: visible;
  transition: .25s;
  }
  .widget--closed .widget-close {
  opacity: 0;
  visibility: hidden;
  }

  @media (max-width: 860px) {
  .widget {
  bottom: 10px;
  }
  .widget__row {
  gap: 20px;
  }
  }
  @media (max-width: 760px) {
  .widget__row {
  width: 100%;
  padding: 5px;
  gap: 5px;
  height: 52px;
  }
  .widget--closed .widget__row {
  height: 52px;
  max-width: 52px;
  }
  .widget__link-text {
  display: none;
  }
  .widget__link-icon {
  width: 100%;
  border-radius: 4px;
  height: 42px;
  padding: 10px;
  }
  .widget__link {
  flex-grow: 1;
  }
  }




  .calculator {
  padding: 60px 0 173px;
  }

  .calc__wrap {
  display: grid;
  grid-template-columns: 1fr minmax(400px, 500px);
  gap: 40px;
  }

  .calc-result__time {
  border: 1px solid #d11039;
  border-radius: 20px;
  padding: 20px 24px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #161616;
  margin-bottom: 20px;
  }
  .calc-result__time svg {
  flex-shrink: 0;
  }

  .calc-result__block {
  border-radius: 20px;
  padding: 28px 32px;
  background: #f5f5f5;
  }

  .calc-result__wrap {
  margin-bottom: 28px;
  }

  .calc-result-text__inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1.68
  }

  .calc-result__price-wrap,
  .calc-result__text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 28px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(102, 102, 102, 0.2);
  }

  .calc-result__caption {
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #666;
  }
  .calc-result__text {
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: -0.03em;
  color: #161616;
  }

  .calc-result__label {
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.03em;
  color: #666;
  margin-bottom: 20px;
  }

  .calc-result__btn {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  }

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



  .calc__form {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: #f5f5f5;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  padding: 27px 32px;
  }


  .calc__label-wrapper {
  display: grid;
  gap: 20px;
  }
  .calc__label-wrapper_2 {
  grid-template-columns: repeat(2, 1fr)
  }
  .calc__label-wrapper_3 {
  grid-template-columns: repeat(3, 1fr)
  }
  .calc__label-wrapper_4 {
  display: flex;
  /* grid-template-columns: repeat(4, 1fr) */
  }
  .calc__label-wrapper_4 .calc__label {
  flex-grow: 1;
  }

  .calc__label-wrapper-dop .calc-radio__text-wrap {
  border: 1px solid transparent;
  }
  .calc__label-wrapper-dop .calc-radio__input:checked+.calc-radio__text-wrap {
  border-color: #d31d44;
  background: #fff;
  }
  .calc__label-wrapper-dop .calc-radio__input:checked+.calc-radio__text-wrap .calc-radio__text {
  color: #d31d44;
  }

  .calc__btn {
  border-radius: 8px
  }


  .calc__title {
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 16px;
  }


  .calc__select-btn {
  display: none
  }

  .calc__label {
  cursor: pointer;
  position: relative
  }

  .calc-range__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  bottom: 0;
  cursor: pointer;
  height: 2px;
  padding: 0 6px;
  position: absolute;
  width: 100%
  }
  .calculator input[type=range] {
  background: transparent;
  height: 2px;
  }

  .calc-range__input:focus {
  background-color: #fff;
  }

  .calc-range__input::-webkit-slider-runnable-track {
  background-color:rgba(211, 29, 68, 0.6);
  border-radius: 10px;
  height: 2px
  }
  .calc-range__input::-moz-range-track {
  background-color: #d31d44;
  border-radius: 10px;
  height: 2px
  }


  .calc-range__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #d31d44;
  border-radius: 100%;
  height: 14px;
  width: 14px;
  margin-top: -7px;
  }
  .calc-range__input::-moz-range-thumb {
  background-color: #d31d44;
  border: none;
  border-radius: 0;
  border-radius: 100%;
  height: 14px;
  width: 14px;
  margin-top: -7px;
  }
  .calculator input[type=range]::-webkit-slider-thumb {
  width: 17px;
  height: 17px;
  background: #d31d44;
  }
  .calculator input[type=range]::-moz-range-thumb {
  width: 17px;
  height: 17px;
  background: #d31d44;
  }
  .calculator input[type=range]:focus::-moz-range-thumb {
  outline: 2px solid #d31d44;
  outline-offset: 0.125rem
  }
  .calculator input[type=range]:focus::-webkit-slider-thumb {
  outline: 2px solid #d31d44;
  outline-offset: 0.125rem
  }

  .calc-radio__text-wrap {
  border-radius: 10px;
  padding: 12px 16px;
  background: #fff;
  font-weight: 500;
  color: #666;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease
  }


  .calc-radio__input:checked+.calc-radio__text-wrap {
  background: #d31d44;
  }

  .calc-radio__input:checked+.calc-radio__text-wrap .calc-radio__text {
  color: #fff
  }

  .calc-radio__text {
  color: #666;
  font-size: 16px;
  text-align: center
  }

  .calc-range {
  border-radius: 10px;
  padding: 26px 0;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  }

  .calc-range__value {
  color: #161616;
  line-height: 20px;
  position: absolute;
  top: 4px;
  left: 16px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%)
  }

  .calc__range-values {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  padding: 0 16px
  }

  .calc__range-value {
  font-size: 14px;
  color: #666;
  opacity: 0.6;
  }

  .calc__title_big {
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
  margin: 32px 0 4px;
  }




  .calc-wrapper.section-offset {
  margin-bottom: 120px
  }

  .calc__select-btn {
  border-radius: 10px;
  padding: 12px 20px;
  background: #f5f5f5;
  background: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  color: #161616;
  width: 100%
  }

  .calc__range-values_mobile {
  display: none
  }

  @media (max-width:1270px) {
  .calc__select {
  display: grid
  }

  .calc__select-btn {
  align-self: self-start;
  display: block;
  grid-area: 1/-1;
  position: relative;
  text-align: left
  }

  .calc__select-btn img {
  height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px
  }

  .calc__label-wrapper_2,
  .calc__label-wrapper_3,
  .calc__label-wrapper_4 {
  display: grid;
  grid-template-columns: repeat(1, 1fr)
  }
  .calc__label-wrapper-dop .calc-radio__text-wrap {
  border: none;
  }
  .calc__label-wrapper-dop .calc-radio__input:checked+.calc-radio__text-wrap .calc-radio__text {
  color: #666;
  }

  .calc__range-values {
  display: none
  }

  .calc__range-values_mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
  }

  .calc__form {
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  padding: 20px 25px;
  row-gap: 20px
  }

  .calc-radio__text-wrap {
  border-radius: 4px;
  padding: 0 18px 20px
  }

  .calc-radio__input:checked+.calc-radio__text-wrap {
  background-color: #fff
  }

  .calc-radio__input:checked+.calc-radio__text-wrap .calc-radio__text {
  color: #4a4a4a
  }

  .calc-radio__text {
  text-align: left
  }

  .calc__label-wrapper {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  display: none;
  grid-area: 1/-1;
  margin-top: 10px;
  padding-top: 56px
  }

  .calc__btn_grid_open {
  display: grid;
  gap: 0;
  }
  }

  @media (max-width: 1024px) {
  .calc__wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
  }
  .calc__result {
  display: contents;
  }
  .calc-result__time {
  order: -1;
  margin-bottom: 0;
  }
  }


  @media (max-width:768px) {
  .calculator {
  padding: 24px 0 90px;
  }
  .calc-result__time {
  border-radius: 12px;
  padding: 16px 20px;
  align-items: start;
  font-size: 16px;
  }
  .calc-result__block {
  border-radius: 10px;
  padding: 18px 20px;
  }
  .calc-result__wrap {
  margin-bottom: 20px;
  }
  .calc-result__price-wrap,
  .calc-result__text-wrap {
  padding-bottom: 20px;
  margin-bottom: 20px;
  }
  .calc-result__caption {
  font-size: 14px;
  }
  .calc-result__text {
  font-size: 20px;
  }
  .calc-result__label {
  font-size: 16px;
  margin-bottom: 16px;
  }

  .calc__form {
  background: transparent;
  border-radius: 0;
  gap: 24px;
  padding: 0;
  }
  .calc__select-btn {
  background: #f5f5f5;
  }
  .calc__label-wrapper {
  background:#f5f5f5;
  }
  .calc__label-wrapper-dop .calc-radio__input:checked+.calc-radio__text-wrap, .calc-radio__input:checked+.calc-radio__text-wrap, .calc-radio__text-wrap {
  background: transparent;
  }
  .calc-range {
  background: #f5f5f5;
  }

  .calc__title_big {
  padding-top: 20px;
  margin-top: 28px;
  margin-bottom: 0;
  border-top: 1px solid rgba(102, 102, 102, 0.2);
  font-size: 16px;
  }

  .calc-radio__text,
  .calc__title {
  font-size: 14px
  }
  }

  .stories {
  padding: 80px 0 100px;
  }

  .stories__top {
  margin-bottom: 60px;
  text-align: center;
  }

  .stories__swiper {
  overflow: hidden;
  }

  .story {
  height: auto;
  overflow: hidden;
  border: 1px solid rgba(211, 29, 68, .08);
  border-radius: 12px;
  background: linear-gradient(
  to bottom,
  rgba(255, 255, 255, .6) 0,
  #fdf5f7 102px,
  #fdf5f7 100%
  );
  }

  .story__picture {
  position: relative;
  height: 229px;
  overflow: hidden;
  }

  .story__picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  }

  .story__picture span {
  position: absolute;
  left: 16px;
  bottom: 16px;
  padding: 12px 16px;
  border-radius: 5px;
  background: #fff;
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 125%;
  color: var(--tekst---temnyy);
  }

  .story__content {
  position: relative;
  overflow: hidden;
  padding: 26px 32px 24px;
  height: 100%;
  background: #fff;
  }

  .story__content::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 480px;
  height: 200px;
  top: 0;
  left: 0;
  transform: rotate(17deg);
  background: radial-gradient(ellipse, rgba(237, 38, 76, 0.16) 0%, rgb(253 243 245) 5%, rgb(253 243 245) 90%, rgba(237, 38, 76, 0) 100%);
  filter: blur(18px);
  pointer-events: none;
  }

  .story__info,
  .story__text-wrap,
  .story__toggle {
  position: relative;
  z-index: 1;
  }

  .story__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
  }

  .story__name {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  color: var(--tekst---temnyy);
  }

  .story__info time {
  flex-shrink: 0;
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 125%;
  color: var(--tekst---seryy);
  }

  .story__text-wrap {
  overflow: hidden;
  max-height: 133px;
  transition: max-height .45s ease;
  }

  .story__text {
  margin: 0;
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 140%;
  color: var(--tekst---seryy);
  }

  .story.expanded .story__text-wrap {
  max-height: 1000px;
  }

  .story__toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 130%;
  color: var(--osnovnoy---500);
  cursor: pointer;
  transition: opacity .3s;
  }

  .story__toggle:hover {
  opacity: .65;
  }

  .story svg {
  transition: transform .35s ease;
  }

  .story.expanded .story__toggle svg {
  transform: rotate(180deg);
  }

  .stories__swiper-btns {
  justify-content: center;
  gap: 20px;
  margin-top: 32px;
  }

  .stories__swiper-btns .swiper-button-prev,
  .stories__swiper-btns .swiper-button-next {
  color: var(--osnovnoy---500);
  }

  @media (max-width: 800px) {
  .stories {
  padding: 40px 0 60px;
  }

  .stories__top {
  margin-bottom: 28px;
  text-align: left;
  }

  .stories__top .title-h2 {
  max-width: 280px;
  margin: 0;
  font-size: 26px;
  line-height: 110%;
  }

  .stories__swiper {
  overflow: visible;
  }

  .story__picture {
  height: 162px;
  }

  .story__picture span {
  left: 8px;
  bottom: 10px;
  padding: 11px 14px;
  font-size: 14px;
  }

  .story__content {
  padding: 18px 20px 16px;
  }

  .story__info {
  margin-bottom: 14px;
  }

  .story__name {
  font-size: 18px;
  }

  .story__info time {
  font-size: 14px;
  }

  .story__text-wrap {
  max-height: 108px;
  }

  .story__text {
  font-size: 14px;
  line-height: 130%;
  }

  .story__toggle {
  margin-top: 14px;
  font-size: 14px;
  }

  .stories__swiper-btns {
  display: none;
  }
  }

  .equipment-section {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 80px 20px;
  }

  .equipment-shell {
  width: min(100%, 1400px);
  }

  .case-top {
  position: relative;
  width: min(100%, 1140px);
  height: 51px;
  margin: 0 auto;
  }

  .case-handle {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  transform: translateX(-50%);
  }

  .case-handle--desktop {
  width: 206px;
  height: 51px;
  }

  .case-handle--mobile {
  display: none;
  }

  .case-lock {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 96px;
  height: 21px;
  overflow: hidden;
  }

  .case-lock::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 96px;
  height: 13px;
  border-radius: 6px;
  background: #f5f5f5;
  content: "";
  }

  .case-lock::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 47px;
  height: 18px;
  border-right: 5px solid #f5f5f5;
  border-left: 5px solid #f5f5f5;
  background: #f5f5f5;
  content: "";
  }

  .case-lock--left {
  left: 160px;
  transform: scaleX(-1);
  }

  .case-lock--right {
  right: 160px;
  }

  .equipment-panel {
  position: relative;
  height: 821px;
  overflow: hidden;
  border-radius: 20px;
  background: #f5f5f5;
  }

  .equipment-header {
  position: absolute;
  top: 40px;
  left: 50%;
  width: min(calc(100% - 40px), 737px);
  transform: translateX(-50%);
  text-align: center;
  }


  .equipment-title {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.44px;
  }

  .equipment-text {
  margin-top: 20px;
  color: rgb(22 22 22 / 80%);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.54px;
  }

  .equipment-swiper {
  position: absolute;
  top: 193px;
  width: calc(100% - 80px);
  height: 534px;
  overflow: visible;
  }

  .equipment-swiper .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
  height: stretch;
  transform: none;
  }

  .equipment-swiper .swiper-slide {
  width: auto !important;
  min-height: 118px;
  }

  .equipment-swiper .swiper-slide:last-child {
  grid-column: 1 / -1;
  justify-self: center;
  width: calc((100% - 20px) / 2) !important;
  height: 120px;
  }

  .equipment-card {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: #ffffff;
  }

  .equipment-card__copy {
  padding: 20px 124px 24px 24px;
  }

  .equipment-card__title {
  color: #D31D44;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 12px;
  }

  .equipment-card__text {
  margin-top: 12px;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.16px;
  }

  .equipment-card__media {
  position: absolute;
  top: 0;
  right: 0;
  width: 115px;
  height: 118px;
  overflow: hidden;
  pointer-events: none;
  }

  .equipment-card__media img {
  position: absolute;
  display: block;
  max-width: none;
  }

  .media-tonometer {
  top: -38.58%;
  left: -11.85%;
  width: 179.13%;
  height: 174.58%;
  }

  .media-stethoscope {
  top: -24.99%;
  left: 15.7%;
  width: 167.83%;
  height: 163.56%;
  }

  .media-oximeter {
  top: -43.91%;
  left: -5.41%;
  width: 192.17%;
  height: 187.29%;
  }

  .media-glucometer {
  top: -17.29%;
  left: 5.44%;
  width: 120.87%;
  height: 129.68%;
  }

  .media-ecg {
  top: -20.73%;
  left: -0.33%;
  width: 151.74%;
  height: 147.88%;
  }

  .media-infusomat {
  top: -28.09%;
  left: -26.63%;
  width: 234.42%;
  height: 152.31%;
  }

  .media-tests {
  top: -34.3%;
  left: -101.32%;
  width: 231.52%;
  height: 155.25%;
  }

  .equipment-swiper .swiper-slide:last-child .equipment-card__media {
  transform: scaleX(-1);
  }

  .equipment-pagination {
  display: none;
  }

  .media-infusomat--infusomat {
  top: -28.09%;
  left: 0;
  width: auto;
  height: 152.31%;
  }

  .media-infusomat {
  top: -28.09%;
  left: 13px;
  width: auto;
  height: 152.31%;
  }

  @media (max-width: 1024px) and (min-width: 768px) {
  .equipment-card__copy {
  right: 24px;
  }

  .equipment-card__media {
  display: none;
  }

  .case-lock--left {
  left: 9%;
  }

  .case-lock--right {
  right: 9%;
  }
  }

  @media (max-width: 1024px) {
  .equipment-section {
  padding: 40px 15px;
  }

  .equipment-shell {
  width: 100%;
  max-width: 100%;
  }

  .case-top {
  width: 100%;
  height: 22px;
  overflow: hidden;
  background: #ffffff;
  }

  .case-handle--desktop {
  display: none;
  }

  .case-handle--mobile {
  display: block;
  width: 90px;
  height: 22px;
  }

  .case-lock {
  width: 41px;
  height: 9px;
  }

  .case-lock::before {
  width: 41px;
  height: 6px;
  border-radius: 2px 2px 0 0;
  }

  .case-lock::after {
  width: 20px;
  height: 8px;
  border-right-width: 2px;
  border-left-width: 2px;
  }

  .case-lock--left {
  left: 24px;
  }

  .case-lock--right {
  right: 24px;
  }

  .equipment-panel {
  height: 488px;
  border-radius: 15px;
  }

  .equipment-header {
  top: 24px;
  width: calc(100% - 40px);
  }

  .equipment-title {
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -0.78px;
  }

  .equipment-text {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.1;
  letter-spacing: -0.48px;
  }

  .equipment-swiper {
  top: 188px;
  left: 20px;
  width: calc(100% - 40px);
  height: 220px;
  margin-left: inherit !important;
  margin-right: inherit !important;
  }

  .equipment-swiper .swiper-wrapper {
  display: flex;
  gap: 0;
  width: 100%;
  height: 220px;
  transform: translate3d(0, 0, 0);
  }

  .equipment-swiper .swiper-slide,
  .equipment-swiper .swiper-slide:last-child {
  flex: 0 0 220px;
  width: 220px !important;
  min-height: 220px;
  }

  .equipment-card {
  padding: 12px 16px;
  }

  .equipment-card__copy {
  padding: 0;
  z-index: 100;
  position: static;
  }

  .equipment-card__title {
  font-size: 18px;
  line-height: normal;
  }

  .equipment-card__text {
  margin-top: 10px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0;
  }

  .equipment-card__media {
  position: absolute;
  top: auto;
  right: 53px;
  width: 53%;
  overflow: visible;
  pointer-events: none;
  bottom: -37px;
  }

  .equipment-card__media img {
  position: absolute;
  display: block;
  max-width: none;
  top: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  }

  .equipment-pagination {
  position: absolute;
  right: 20px;
  bottom: 18px;
  left: 20px;
  display: flex;
  gap: 8px;
  height: 6px;
  }

  .equipment-pagination__item {
  flex: 1 1 0;
  min-width: 0;
  height: 6px;
  border-radius: 40px;
  background: #E7E7E7;
  transition: background-color 180ms ease;
  }

  .equipment-pagination__item.is-active {
  background: #026060;
  }


  .equipment-card__media--oximeter {
  position: absolute;
  top: auto;
  right: -10px;
  width: 75%;
  overflow: visible;
  pointer-events: none;
  bottom: -37px;
  }

  .equipment-card__media--tests {
  right: 173px;
  }
  }

  @media (max-width: 1024px) and (min-width: 768px) {
  .equipment-swiper .swiper-wrapper {
  display: flex;
  gap: 0;
  }

  .equipment-swiper .swiper-slide,
  .equipment-swiper .swiper-slide:last-child {
  flex: 0 0 220px;
  width: 220px !important;
  }

  .equipment-pagination {
  display: flex !important;
  }
  }

  @media (prefers-reduced-motion: reduce) {
  .equipment-pagination__item {
  transition: none;
  }
  }

  .equipment-shell__svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }
  .equipment-pagination__item.is-active {
  background: #D11039;
  }
  .equipment-section--psychiatrist .equipment-swiper .swiper-slide:last-child {
  grid-column: auto;
  justify-self: center;
  width: 100% !important;
  height: auto;
  }

  .equipment-section--psychiatrist .equipment-panel {
  height: 717px;
  }


  .equipment-section--psychiatrist .equipment-swiper {
  height: 450px;
  }
  @media (max-width: 1024px) {
  .equipment-section--psychiatrist .equipment-panel {
  height: 482px;
  }
  }


  @media (max-width: 1200px) {
  .equipment-section--psychiatrist .equipment-swiper {
  height: 509px;
  }
  }

  @media (max-width: 1024px) {
  .equipment-card__copy {
  padding: 0;
  z-index: 100;
  position: relative;
  right: 0;
  }

  .equipment-panel {
  height: 450px;
  }
  }

  @media (max-width: 1024px) {
  .equipment-section--psychiatrist .equipment-swiper {
  top: 211px;
  }
  }

  @media (min-width: 1025px) {
  .equipment-section--psychiatrist .media-ecg {
  top: -20.73%;
  left: -0.33%;
  width: 100%;
  height: 147.88%;
  object-fit: contain;
  }

  .equipment-section--psychiatrist .media-stethoscope {
  top: -10.99%;
  left: 15.7%;
  width: 124%;
  height: 124%;
  }

  .equipment-section--psychiatrist .equipment-card__media {
  position: absolute;
  top: 15px;
  }

  .equipment-card__media--list {
  width: 130px;
  }
  }

  @media (max-width: 1024px) and (min-width: 768px) {
  .equipment-card__media {
  display: block;
  }
  }

  @media (max-width: 1024px) {
  .equipment-section--psychiatrist .equipment-card__media--oximeter {
  bottom: -46px;
  }
  }

  @media (max-width: 1024px) {

  .equipment-section--psychiatrist .equipment-swiper .swiper-slide,
  .equipment-section--psychiatrist .equipment-swiper .swiper-slide:last-child {
  min-height: 230px;
  }

  }

  .undergoing-treatment {
  padding: 80px 0;
  }

  .undergoing-treatment__container {
  max-width: 1190px;
  margin: 0 auto;
  padding: 0 20px;
  }

  .undergoing-treatment__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 60px;
  }

  .undergoing-treatment__title-wrap {
  flex: 1;
  }

  .undergoing-treatment__title {
  margin: 0 0 20px;
  font-weight: 600;
  font-size: clamp(32px, 3.2vw, 48px);
  line-height: 110%;
  letter-spacing: -.03em;
  color: #171717;
  }

  .undergoing-treatment__subtitle {
  margin: 0;
  font-size: 18px;
  line-height: 130%;
  color: #666;
  }

  .undergoing-treatment__code {
  flex-shrink: 0;
  margin-top: 4px;
  padding: 14px 24px;
  border: 0;
  border-radius: 8px;
  background: #008b89;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
  transition: background-color .3s ease, transform .3s ease;
  }

  .undergoing-treatment__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  }

  .undergoing-treatment__item {
  overflow: hidden;
  border-radius: 12px;
  background: #f4f4f4;
  }

  .undergoing-treatment__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  padding: 20px 24px;
  border: 0;
  background: transparent;
  text-align: left;
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #171717;
  cursor: pointer;
  }

  .undergoing-treatment__icon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 9px;
  border-radius: 50%;
  background: #d31d44;
  color: #fff;
  transition: background-color .3s ease, transform .3s ease;
  width: 33px;
  height: 33px;
  transform: rotate(180deg);
  }

  .undergoing-treatment__item:hover .undergoing-treatment__icon {
  background: #d2d2d2;
  }

  .undergoing-treatment__icon svg {
  display: block;
  width: 12px;
  height: 7px;
  }

  .undergoing-treatment__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .3s ease;
  }

  .undergoing-treatment__content {
  min-height: 0;
  overflow: hidden;
  margin: 0 8px 8px;
  padding: 0 20px;
  border-radius: 8px;
  background: #fff;
  transition: padding .3s ease;
  }

  .undergoing-treatment__content p {
  margin: 0;
  font-size: 18px;
  line-height: 125%;
  color: #4d4d4d;
  }

  .undergoing-treatment__content ul {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  }

  .undergoing-treatment__content li {
  position: relative;
  padding-left: 16px;
  font-size: 18px;
  line-height: 125%;
  color: #4d4d4d;
  }

  .undergoing-treatment__content li+li {
  margin-top: 12px;
  }

  .undergoing-treatment__content li::before {
  content: "";
  position: absolute;
  top: .55em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #008b89;
  }

  .undergoing-treatment__item.is-open .undergoing-treatment__body {
  grid-template-rows: 1fr;
  }

  .undergoing-treatment__item.is-open .undergoing-treatment__content {
  padding-top: 16px;
  padding-bottom: 16px;
  }

  .undergoing-treatment__content a {
  color: #d31d44;
  }

  .undergoing-treatment__item.is-open .undergoing-treatment__icon {
  background: #d2d2d2;
  transform: rotate(0deg);
  }

  @media (max-width: 700px) {
  .undergoing-treatment {
  padding: 40px 0;
  }

  .undergoing-treatment__container {
  padding: 0 10px;
  }

  .undergoing-treatment__head {
  display: block;
  margin-bottom: 24px;
  }

  .undergoing-treatment__title {
  margin-bottom: 16px;
  font-size: 26px;
  line-height: 110%;
  }

  .undergoing-treatment__subtitle {
  max-width: 290px;
  font-size: 16px;
  line-height: 125%;
  }

  .undergoing-treatment__code {
  width: 100%;
  margin-top: 18px;
  padding: 16px 20px;
  text-align: left;
  border-radius: 8px;
  }

  .undergoing-treatment__items {
  gap: 12px;
  }

  .undergoing-treatment__trigger {
  padding: 20px 24px;
  font-size: 18px;
  line-height: 120%;
  }

  .undergoing-treatment__icon {
  padding: 8px;
  }

  .undergoing-treatment__content {
  margin: 0 8px 8px;
  padding: 0 16px;
  }

  .undergoing-treatment__content p,
  .undergoing-treatment__content li {
  font-size: 16px;
  line-height: 115%;
  }

  .undergoing-treatment__content li+li {
  margin-top: 12px;
  }
  }

  .undergoing-treatment__content ol {
  margin: 16px 0 0;
  padding-left: 11px;
  list-style: decimal;
  color: #4d4d4d;
  counter-reset: list;
  }

  .undergoing-treatment__content ol li {
  padding-left: 0;
  font-size: 18px;
  line-height: 125%;
  counter-increment: list;
  }

  .undergoing-treatment__content ol li::before {
  display: none !important;
  content: none !important;
  }

  .undergoing-treatment__content ol li::marker {
  content: counter(list);
  color: #008b89;
  }

  .undergoing-treatment__content ol li+li {
  margin-top: 12px;
  }

  .undergoing-treatment__content ol li::marker {
  content: counter(list);
  color: #008b89;
  font-size: 18px;
  }

  .undergoing-treatment__content ol li {
  padding-left: 6px;
  }

  @media (max-width: 700px) {
  .undergoing-treatment__content ol {
  margin-top: 12px;
  padding-left: 11px;
  }

  .undergoing-treatment__content ol li {
  padding-left: 6px;
  font-size: 16px;
  line-height: 115%;
  }

  .undergoing-treatment__content ol li+li {
  margin-top: 10px;
  }
  }



    .clinic-benefits__panel {
      position: relative;
      overflow: hidden;
      padding: 80px;
      border-radius: 20px;
      background: #007e7e;
      isolation: isolate;
    }

    .clinic-benefits__panel::after {
      position: absolute;
      z-index: -1;
      top: 38%;
      right: 3%;
      bottom: 6%;
      left: 3%;
      border-radius: 50%;
      background: #007e7e;
      filter: blur(60px);
      content: "";
    }

    .clinic-benefits__pattern {
      position: absolute;
      z-index: -2;
      inset: 0;
      display: block;
      pointer-events: none;
    }

    .clinic-benefits__pattern img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .clinic-benefits__header {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 24px;
      min-width: 0;
    }

    .clinic-benefits__title {
      min-width: 0;
      color: #ffffff;
      font-size: clamp(34px, 3.43vw, 48px);
      font-weight: 600;
      line-height: 1.1;
      letter-spacing: -0.03em;
      max-width: 700px;
    }

    .clinic-benefits__title span {
      position: relative;
      z-index: 0;
      padding: 0 0 0 0;
      color: #161616;
      border-radius: 10px;
      background: #ffffff;
    }

    .clinic-benefits__title span::before {
      position: absolute;
      z-index: -1;
      top: 0;
      right: -9px;
      bottom: 0;
      left: -9px;
      border-radius: 10px;
      background: #ffffff;
      content: "";
    }

    .clinic-benefits__rating {
      display: flex;
      flex: 0 0 auto;
      align-items: center;
      gap: 8px;
      padding: 8px 12px 8px 12px;
      overflow: hidden;
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.1);
      color: #ffffff;
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid transparent;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .clinic-benefits__rating:not(.like):hover {
      background: rgba(255, 255, 255, 0.2);
    }

    .clinic-benefits__rating.like {
      border: 1px solid rgba(255, 255, 255, 0.7);
    }

    .clinic-benefits__rating.like svg path {
      opacity: 1;
    }

    .clinic-benefits__rating-value {
      font-size: 16px;
      font-weight: 500;
      line-height: 1.3;
      letter-spacing: -0.01em;
    }

    .clinic-benefits__rating-icon {
      display: block;
      width: 14px;
      height: 13px;
      object-fit: contain;
    }

    .clinic-benefits__list {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 12px;
      margin: 60px 0 0 0;
    }

    .clinic-benefits__item {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      gap: 63px;
      min-width: 0;
      padding: 24px 24px 24px 24px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 10px;
      background: #1a8b8b;
      color: #ffffff;
      text-decoration: none;
      transition: background-color 0.25s ease, border-color 0.25s ease,
        transform 0.25s ease;
    }

    a.clinic-benefits__item:hover {
      border-color: rgba(255, 255, 255, 0.34);
      background: #209494;
    }

    .clinic-benefits__icon {
      display: grid;
      flex: 0 0 auto;
      place-items: start;
    }

    .clinic-benefits__icon::before,
    .clinic-benefits__icon img {
      grid-area: 1 / 1;
      display: block;
      width: 52px;
      height: 52px;
      border-radius: 13px;
    }

    .clinic-benefits__icon::before {
      border: 2px solid #ffffff;
      content: "";
    }

    .clinic-benefits__icon img {
      transform: translate(8px, 8px);
      object-fit: contain;
      backdrop-filter: blur(13.043478012084961px);
      fill: rgba(255, 255, 255, 0.01);
    }

    .clinic-benefits__text {
      min-width: 0;
      overflow-wrap: anywhere;
      font-size: 18px;
      font-weight: 500;
      line-height: 1.3;
      letter-spacing: -0.01em;
    }

    @media (max-width: 1199px) {
      .clinic-benefits__panel {
        padding: 56px 40px 56px 40px;
      }

      .clinic-benefits__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 48px 0 0 0;
      }

      .clinic-benefits__item:last-child {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 767px) {
      .clinic-benefits {
        margin: 40px 0 40px 0;
      }

      .clinic-benefits__panel {
        display: flex;
        flex-direction: column;
        padding: 40px 20px 40px 20px;
      }

      .clinic-benefits__panel::after {
        top: 25%;
        right: 4%;
        bottom: 12%;
        left: 4%;
      }

      .clinic-benefits__header {
        display: contents;
      }

      .clinic-benefits__title {
        position: relative;
        z-index: 1;
        order: 1;
        font-size: clamp(22px, 8.125vw, 26px);
      }

      .clinic-benefits__mobile-line {
        display: block;
      }

      .clinic-benefits__title span {
        padding: 0 10px;
      }

      .clinic-benefits__title span::before {
        content: none;
        top: -2px;
        right: -6px;
        bottom: -2px;
        left: -6px;
        border-radius: 8px;
        clip-path: polygon(1% 7%, 99% 0, 97% 92%, 0 100%);
      }

      .clinic-benefits__list {
        order: 2;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        margin: 30px 0 0 0;
      }

      .clinic-benefits__item,
      .clinic-benefits__item:last-child {
        grid-column: auto;
      }

      .clinic-benefits__item {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 16px 16px 16px;
      }

      .clinic-benefits__icon::before,
      .clinic-benefits__icon img {
        width: 40px;
        height: 40px;
        border-radius: 10px;
      }

      .clinic-benefits__icon::before {
        border-width: 1.5px;
      }

      .clinic-benefits__icon img {
        transform: translate(6px, 6px);
      }

      .clinic-benefits__text {
        font-size: 16px;
      }

      .clinic-benefits__rating {
        position: relative;
        z-index: 1;
        order: 3;
        align-self: flex-end;
        gap: 6px;
        margin: 48px 0 0 0;
        padding: 8px 10px 8px 10px;
        border-radius: 8px;
      }

      .clinic-benefits__rating-value {
        font-size: 12px;
      }

      .clinic-benefits__rating-icon {
        width: 12px;
        height: 11px;
      }
    }

    @media (max-width: 359px) {
      .clinic-benefits__panel {
        padding: 32px 14px 32px 14px;
        border-radius: 16px;
      }

      .clinic-benefits__title {
        font-size: clamp(20px, 7.5vw, 24px);
      }

      .clinic-benefits__item {
        padding: 14px 14px 14px 14px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .clinic-benefits__item {
        transition: none;
      }
    }
    
    
    
    .googleSubscribe{
        margin: 70px 0;
    }
    .googleSubscribe__logo-bigSircle{
        width: 140px;
        height: 140px;
        border-radius: 50%;
        background: rgba(255,255,255,0.2);
    }
    .googleSubscribe__logo-smallSircle{
         width: 110px;
        height: 110px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        left: 15px;
        top: 15px;
        z-index: 1;
    }
    .googleSubscribe__logo-img{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 2;
    }
    .googleSubscribe__inner{
        background: #026060;
        height: 90px;
        overflow: hidden;
        border-radius: 20px;
        position: relative;
        z-index: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 36px;
        padding-left: 192px;
    }
    .googleSubscribe__logo{
       width: 140px;
       height: 140px;
       position: absolute;
       top: -24px;
       left: 16px;
    }
    .googleSubscribe__googleSvg{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
    .googleSubscribe__text{
        color: #fff;
        font-size: 24px;
        font-weight: 500;
    }
    .googleSubscribe__buttonAbsoluteSircle{
       
        position: absolute;
        z-index: 0;
        right: 115px;
        top: 0;
    }
    .googleSubscribe__button{
        position: relative;
        z-index: 1;
        background: #fff;
        color: #D31D44;
        font-size: 16px;
        font-weight: 600;
        padding: 15px 32px;
        border-radius: 6px;
        cursor: pointer;
    }
    @media(max-width:930px){
        .googleSubscribe__buttonAbsoluteSircle{
            display: none;
        }
    }
     @media(max-width:880px){
        .googleSubscribe__inner{
            flex-direction: column;
            gap: 16px;
            padding: 16px 20px;
            height: auto;
            justify-content: flex-start;
            align-items: flex-start;
        }
        .googleSubscribe__logo {
            left:auto;
            right: -20px;
            top: -17px;
            width:84px;
            height:84px;
        }
        .googleSubscribe__logo-bigSircle{
        width:84px;
        height:84px;
    }
    .googleSubscribe__logo-smallSircle{
        width:68px;
        height:68px;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
    .googleSubscribe__logo-img img{
        width:34px;
        height:34px;
    }
        .googleSubscribe__text{
            font-size: 18px;
        }
        .googleSubscribe__button{
            font-size: 14px;
            padding: 12px 32px;
        }
        .googleSubscribe{
            margin: 40px 0;
        }
     }
     @media(max-width:570px){
        .googleSubscribe__text{
            max-width: 205px;
        }
     }