/* ------------------------------------------------------------------------ */

/* Бренд «Up Club» — не разрывать на две строки */
.brand-nowrap {
	white-space: nowrap;
}

* {
	padding: 0;
	margin: 0;
	border: 0;
}

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

:focus,
:active {
	outline: none;
}

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

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

html,
body {
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	scroll-padding-top: 100px;
}

html {
	scroll-behavior: smooth;
}

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

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

button {
	cursor: pointer;
	background-color: transparent;
}

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

a {
	color: inherit;
}

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

a:hover {
	text-decoration: none;
}

ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

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

svg {
	display: block;
}

:root {
	--font-family: "Manrope", sans-serif;
	--second-family: "Cheri", sans-serif;

	--black: #010406;
	--white: #fff;
	--bg: #f2f2f2;
	--light-blue: #e1f4fb;
	--dark-blue: #242e38;
	--gree-blue: #3a465a;
	--light-gray-blue: #b8c5cd;
	--typography-dark-grey: #212121;
	--color-azure-29-800: rgba(55, 70, 92, 0.8);
	--color-grey-98: #f9f9f9;
	--color-azure-29: #37465c;
	--color-grey-95-800: rgba(239, 241, 245, 0.8);
	--color-grey-19: #313131;
	--color-grey-95: #f2f2f2;
	--color-white-solid: #fff;
	--color-grey-71: #b6b6b6;
	--color-grey-38: #616161;
	--color-grey-82: #d0d0d0;
	--color-grey-93: #f1efea;
	--color-grey-13: #222;
	--blue: #33c6ff;
	--blue-: #50c1ed;

}

body {
	font-family: var(--font-family);
	font-weight: 400;
	line-height: normal;
	height: unset;

	background: #e2e2e2;
	padding: 33px 61px 33px 61px;
}

.wrapper {
	border-radius: 20px;
	background-color: var(--white);

	position: relative;
	max-width: 1780px;
	margin: 0 auto;
	overflow: hidden;
}

section {
	overflow: hidden;
}

.page__diagnostic {
	overflow: visible;
	margin-bottom: 80px;
}

.section__title {
	font-size: 56px;
	line-height: 100%;
	letter-spacing: -0.05em;
	color: #030815;
}

.main__page {
	margin-bottom: 80px;
}

.container {
	max-width: 1780px;
	margin: 0 auto;
	padding: 0 24px;
}

.title {
	font-weight: 800;
	font-size: 56px;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: var(--dark-blue);
}

.subtitle {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #575c68;
}

.scroll {
	translate: 0 60px;
	opacity: 0;
	transition: translate .6s ease-in-out, opacity .6s ease-in-out;
}

.scroll--active {
	translate: 0 0px;
	opacity: 1;
}

.popup {

	display: none;
	position: fixed;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	color: #3a465a;
	padding: 40px 60px;
	border-radius: 15px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	z-index: 9999;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;

}
.modal-open{
	overflow: hidden;
}
/* Стили модального окна порфтолио */
.modal-custom {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99999;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
/* Показываем модальное окно */
.modal-custom.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
/* Спиннер */
.loading-overlay.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.modal-custom.show,
.modal-custom.show .modal-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
}
.modal-custom .modal-close .natoch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    padding: 17px;
    border-radius: 8px;
    padding-right: 20px;
    width: 65%;
    margin: 0 30px;
}
.modal-custom .modal-close .natoch img {
    position: relative;
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    background-color: #3c3c42;
    border-radius: 50%;
    margin-right: 10px;
    padding: 8px;
}
.modal-custom .modal-close .natoch p {
    margin-bottom: 0;
    color: #191e28;
    font-size: 24px;
}
.modal-custom .modal-close .natoch p .textmb {
    display: none;
}
.modal-content-custom {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.modal-custom .modal-close {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed !important;
    margin: 0 auto !important;
    bottom: 0px;
    left: 0;
    right: 0;
    top: auto;
    background-color: #EFEDEE;
    opacity: 1 !important;
    padding: 44px 30px;
    height: auto;
    cursor: pointer !important;
    z-index: 99999999999999999999;
    font-weight: 700;
    font-size: 24px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.modal-custom .modal-close .nazkomp {
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
}
.modal-custom .modal-close .lgbl,
.modal-custom .modal-close .nazkomp {
    width: 260px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.modal-custom .rc-result-screen-frame {
    width: 100%;
    height: 100%;
}
.modal-custom #adaptive-iframe {
    width: 100%;
    height: 100%;
    background: #fff;
}
.modal-custom .modaluved {
    position: absolute;
    top: 0;
    height: calc(100dvh - 148px);
    width: 100%;
    display: none;
    background: #2f2f36;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 15px;
    z-index: 9999999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}
.modal-custom .modaluved br {
    display: none;
}
.modal-custom .modaluved p {
    font-size: 32px;
    max-width: 700px;
    text-align: center;
}
@media (max-width: 425px) {
.modal-custom .natoch p .textmb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
}
/* Спиннер */
.loading-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    font-size: 18px;
    height: calc(100dvh - 148px);
}
.loading-overlay.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.modal-custom .typing circle {
    fill: white;
}
/* портфолио конец */
/* ---------------------------------------------------------------------------- */

.header {
	position: relative;
	z-index: 40;
}


.header__inner {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;
	padding: 11px 0 24px 0;
	background-color: #fff;

	position: relative;
	z-index: 1;
}

.header__menu-list {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	width: max-content;

}

.header__menu-item {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #575c68;
	letter-spacing: -0.02em;
            white-space: nowrap;
}

.header__window {
	position: absolute;
	z-index: 20;
	left: 50%;
	transform: translateX(-50%);
	transition: all .3s ease;
	opacity: 0;
	top: 50%;
	padding-top: 12px;
	width: calc(100% + 48px);
	padding: 12px 0px 0 0px;
	pointer-events: none;
}

@media(min-width:1241px) {
	.header__menu-item:hover .header__window {
		opacity: 1;
		pointer-events: all;
	}

	.header__menu-item:hover .header__menu-link-image {
		transform: rotate(180deg);
	}
}


.header__window-inner {
	display: flex;
	justify-content: center;
	gap: 55px;
	padding: 36px 102px 80px 0;
	background: var(--white);
}

.header__window-left {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.header__window-item {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: var(--light-gray-blue);
}

.header__window-link {}

.header__window-right {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.header__menu-link {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.header__menu-link-image {
	transition: all ease .3s;
}


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

.header__info-time-text {
	font-weight: 400;
	font-size: 10px;
	line-height: 100%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: #8c8f97;
	text-align: right;
}

.header__info-number {
	display: flex;
	align-items: center;
	gap: 8px;
}

.header__info-number-tel {
	font-weight: 600;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: -0.01em;
	text-align: center;
	color: #030815;
}

.header__menu-link:active {
	color: var(--typography-dark-grey);
}

.header__window-link:active {
	color: #575c68;
}

.kids_mm .costs__accordion-subtitle {
    margin-bottom: 30px;
}

@media(hover:hover) {
	.header__menu-link:hover {
		color: var(--typography-dark-grey);
	}

	.header__window-link:hover {
		color: #575c68;
	}

	.header__info-number-tel  {
		color: #575c68;
	}

	.costs__card-link:hover,
	.help__card-link:hover {
		border-radius: var(--corner-radius-full, 999px);
		background: var(--Icons-brand-secondary, #363C4A);
		color: var(--text-main-title-light, #FFF);
	}
}

.header-hide {
	position: fixed;
	top: 0px;
	left: 50%;
	width: calc(100% - 4px);
	padding: 0 28px;
	max-width: 1918px;
	z-index: 40;
	opacity: 0;
	transform: translateX(-50%) translateY(0px);
	pointer-events: none;
	display: none;
}

.header-hide .container {
	background-color: #fff;
	width: calc(100%);
}

.header-scroll {
	opacity: 1;
	transform: translateX(-50%) translateY(0px);
	pointer-events: all;
	display: block;
}

/* ---------------------------------------------------------------------------- */

.page__preview {
	position: relative;
	z-index: 1;
}

.preview__inner {
	display: flex;
	flex-direction: column;
	gap: 8px;

}

.preview__row {
	overflow: hidden;

	background: #f4f4f5;
	border-radius: 20px;


	transition: all .5s ease-in-out;
	opacity: 0;
	transform: translateY(100px);
	position: relative;
	z-index: 1;
}

.scroll--active.preview-row-1 {
	animation: preview-row .4s ease-in-out forwards;
}

.scroll--active.preview-row-2 {
	animation: preview-row .6s ease-in-out forwards;
}

.scroll--active.preview-row-3 {
	animation: preview-row .8s ease-in-out forwards;
}

.preview__row-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #575c68;
	letter-spacing: -0.03em;

	max-width: 378px;
}

.preview-row-1 {
	padding: 52.6px 20px 52.6px 20px;
}

.preview-row-2 {
	padding: 52.6px 20px 52.6px 20px;
}

.preview-row-3 {
	padding: 40px 40px 31px 40px;
	min-height: 468px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

@keyframes preview-row {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}

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

.preview__row-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 120%;
	text-align: center;
	color: var(--typography-dark-grey);
	letter-spacing: -0.05em;
}

.preview__row-img {
	position: absolute;
	top: 0;
	right: 0px;
	z-index: -1;
	pointer-events: none;
	border-radius: 0 20px 20px 0;
}

.preview__row-botom {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 40px;
	width: 100%;

	animation: preview-row-bottom 1.2s ease-in-out forwards;
}

@keyframes preview-row-bottom {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}

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

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

.preview__row-main-title {
	font-weight: 700;
	font-size: 80px;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: #030815;
}

.preview__row-link {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	color: #fff;
	text-align: center;
	letter-spacing: -0.03em;

	display: block;
	border-radius: 16px;
	padding: 19px 32px;
	background: var(--gree-blue);

	transition: all .2s ease;
}

@media(hover:hover) {
	.preview__row-link:hover {
		background-color: #272f3d;
	}

	.child-place__card-btn:hover {
		background-color: #272f3d;
	}

	.child-place__card-btn:hover .child-place__card-btn-image {
		transform: rotate(45deg);
	}
}

/* ---------------------------------------------------------------------------- */

.about__title {
	display: none;
}

.about__cards {
	display: flex;
	flex-direction: column;
	gap: 8px;

	position: relative;
}

.about__cards-top {
	display: flex;
	gap: 8px;

	max-height: 629px;
}

.about__card {
	background: #f4f4f5;
	border-radius: 20px;
	max-height: 629px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
}

.about__card-1 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 34px 40px 32px 40px;
	max-width: 573px;
	width: 100%;
}

.about__card-content {
	display: flex;
	flex-direction: column;
	gap: 43px;

}

.about__card-title {
	font-weight: 600;
}

.about__card-subtitle {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.03em;
	color: #575c68;

	max-width: 360px;
}

.about__card-btn {
	border-radius: 16px;
	padding: 19px 32px;
	background: #363c4a;

	display: flex;
	align-items: center;
	gap: 16px;
	max-width: 184px;
	transition: all ease .2s;
}

.about__card-btn-text {
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	color: #fff;
}

.about__card-btn-image {
	transition: ease .2s;
}

.about__card-2 {
	position: relative;
	z-index: 1;
	width: 100%;
}

.about__card-bg {
	/*filter: blur(1.5px);*/
	border-radius: 20px;
}

.about__card-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.about__cards-container {
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.about__card-3 {
	padding: 48px 55px 47px 48px;
	height: 100%;
}

.about__card-3 .about__card-count {
	margin-bottom: 50px;
}

.about__card-4 {
	height: 100%;
}

.about__card-4 .about__card-count {
	margin-bottom: 50px;
}

.about__card-count {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: var(--blue-);
}

.about__card-list {
	display: flex;
	flex-direction: column;
	gap: 16px;

	letter-spacing: -0.03em;
}

.about__card-term {
	font-weight: 700;
	font-size: 24px;
	line-height: 110%;
	letter-spacing: -0.03em;
	color: #030815;
}

.about__card-desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #575c68;
}

.about__card-4 {

	padding: 48px 55px 67px 48px;
}

.about__cards-bot {
	display: flex;
	gap: 8px;
}

.about__cards-bot-body {
	max-width: 1152px;
	width: 100%;
	display: flex;
	gap: 8px;
}

.about__card-images-container {
	display: flex;
	gap: 11px;
	max-width: 573px;
	width: 100%;
}

.about__card-img {
	width: 49%;
	border-radius: 16px;
}

.about__card-5 {
	padding: 48px 67px 48px 48px;
}

.about__card-6 {
	padding: 48px 62px 48px 48px;
}

.about__cards-poster_div {
    position: fixed;
    bottom: 32px;
    right: 34px;
    z-index: 20;
    display: flex;
    justify-content: center;
    border: 5px solid var(--white);
    border-radius: 20px;
    cursor: pointer;
    flex-direction: column;
    overflow: hidden;
    align-items: center;
}

/* Видео */
.about__cards-poster_div .about__cards-poster {
    max-width: 90px;
    border-radius: 0px;
    transition: all 0.3s ease-in-out;
    display: block;
}

/* Увеличение видео при наведении */
.about__cards-poster_div:hover .about__cards-poster {
    max-width: 180px;
}

/* Кнопка по центру, но невидима по умолчанию */
.about__cards-poster_div .video_button {
    position: absolute;
    margin-top: -50px;
    margin-bottom: 10px;
    bottom:1px;
    background-color: #fff;
    color: #000;
    padding: 8px 20px;
    font-size: 12px;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 2;
    white-space: nowrap;
    width: 80%;
    overflow: hidden;
}
.about__cards-poster_div .close-icon {
    position: absolute;
    width: 20px;
    z-index: 2;
    top: 10px;
    right: 10px;
    opacity: 0;
}
.about__cards-poster_div:hover .close-icon {
    opacity: 1;
    pointer-events: auto;
}
/* Показываем кнопку при наведении на блок */
.about__cards-poster_div:hover .video_button {
    opacity: 1;
    pointer-events: auto;
    
}
.about__cards-poster_div .video_button:hover {
    background-color: #ccc;
}

/* ---------------------------------------------------------------------------- */

.page__review {}

.review__container {}

.container {}

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

.review__content {
	display: flex;
	flex-direction: column;
	gap: 24px;
	max-width: 412px;
	padding-left: 30px;
}

.review__title {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #030815;

	letter-spacing: -0.03em;
}

.review__subtitle {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #575c68;

	opacity: 1 !important;
	translate: 0 !important;
	letter-spacing: -0.03em;
}

.review__cards {
	display: flex;
	align-items: center;
	gap: 82px;
}

.review__card {}

.review__card-image {
	max-width: 100%;
}

.review__card-image-2 {
	margin-top: 10px;
}
.review__card-image-1{
	margin-top: -15px;
}
.our-services__card-svg {
	transition: ease .2s;
}

@media (hover:hover) {
	.about__card-btn:hover {
		background-color: #272f3d;
	}

	.about__card-btn:hover .about__card-btn-image {
		transform: rotate(45deg);
	}

	.our-services__card-bottom-link:hover {
		background-color: #272f3d;
	}

	.our-services__card-bottom-link:hover .our-services__card-svg {
		transform: rotate(45deg);
	}
}


/* ---------------------------------------------------------------------------- */

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

.adv__line-right {
	display: flex;
	align-items: center;
	gap: 8px;
}

.adv__line-wrapper-right {
	display: flex;
	gap: 8px;
	flex-shrink: 0;
	animation: lineAnimLeft 48s linear infinite;
}

@keyframes lineAnimLeft {
	0% {
		transform: translate(0);
	}

	100% {
		transform: translateX(calc(-100% - 8px));
	}
}

.adv__line-left {
	display: flex;
	align-items: center;
	gap: 8px;
}

.adv__line-wrapper-left {
	display: flex;
	gap: 8px;
	flex-shrink: 0;
	animation: lineAnimRight 48s linear infinite;
}

@keyframes lineAnimRight {
	0% {
		transform: translate(-100%);
	}

	100% {
		transform: translateX(calc(0% + 8px));
	}
}

/* ---------------------------------------------------------------------------- */

.page__register {
	margin-bottom: 88px;
}

.register__cost {
	margin-bottom: 116px;
}

.main__page {}

.register__container {}

.container {}

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

.register__title {
	display: none;
}

.register__img {
	border-radius: 20px;
	max-width: 100%;
}

.register__image {
	max-width: 100%;
	border-radius: 20px;
	width: 100%;
	object-fit: cover;
	object-position: top;
	pointer-events: none;
	    max-height: 800px;
    object-position: center;
}

.register__card {
	background: #363c4a;
	border-radius: 20px;
	padding: 32px 280px 32px 40px;
}

.register__card-content {
	display: flex;
	flex-direction: column;
	gap: 17px;

	max-width: 405px;
	margin-bottom: 38px;
}

.register__card-title {
	font-weight: 600;
	font-size: 32px;
	line-height: 120%;
	letter-spacing: -0.02em;
	color: var(--white);
}

.register__card-subtitle {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: var(--white);
}

.register__card-forms {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.register__card-form {
	display: flex;
	gap: 16px;
	max-width: 766px;
	width: 100%;
}

.register__card-label {
	width: 100%;
}

.register__card-input {
	border: 1px solid #f8f7f8;
	border-radius: 12px;
	background: #363c4a;
	padding: 18px 16px;

	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.05em;
	color: #f8f7f8;
	width: 100%;
}

.register__card-input::placeholder {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #f8f7f8;
}


.register__card-phone {
	border: 1px solid #f8f7f8;
	border-radius: 12px;
	background: #363c4a;
	padding: 18px 16px;

	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.05em;
	color: #f8f7f8;
	width: 100%;
}

.register__card-phone::placeholder {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #f8f7f8;
}

.register__card-accept {
	display: flex;
	align-items: start;
	gap: 12px;
	max-width: 328px;
	width: 100%;
	letter-spacing: -0.03em;
	margin: 0 0 0 -31px;
}

.register__card-checkbox {
	appearance: none;
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 1px;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	position: relative;
}

.register__card-checkbox:checked {
	width: 20px;
	height: 20px;
	background-image: url("../img/previewModal/check-white.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.register__card-checkbox:disabled {
	background: #ccc;
	border-color: #ccc;
}

.register__card-text-container {}

.register__card-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.03em;
	color: #fff;
}

.register__card-text-link {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #fff;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #e8f4ff;
}

.register__card-btn {
	display: flex;
	align-items: center;
	gap: 16px;
	border-radius: 16px;
	padding: 19px 32px;
	background: #fff;

	max-width: 224px;
	white-space: nowrap;
	margin-right: -7px;
	transition: all ease .2s;
}

.register__card-btn-text {
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	color: #030815;
	letter-spacing: -0.03em;
}

@media (hover:hover) {
	.register__card-btn:hover {
		background-color: #eeeeee;
	}

	.register__card-btn:hover .register__card-btn-image {
		transform: rotate(45deg);
	}
}

.register__card-btn-image {
	transition: ease .2s;
}

/* ---------------------------------------------------------------------------- */

@media (hover:hover) {
	.preview__modal-button:hover {
		background-color: #272f3d;
	}
}


.preview__row-link {
	position: relative;
	z-index: 1;
}

.preview__modal {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	opacity: 0;
	pointer-events: none;
	background: rgba(56, 56, 61, 0.46);
	transition: all .3s ease;

}

.preview__modal-visible {
	opacity: 1;
	pointer-events: auto;

}

.preview__modal-window {
	padding: 58px 34px 64px 34px;
	background-color: #fff;
	border-radius: 20px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	max-width: 768px;
	max-height: 100%;
	overflow: auto;
	width: 100%;
}

.preview__modal-img {}

.preview__modal-logo {}

.preview__modal-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.preview__modal-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 110%;
	color: var(--gree-blue);
}

.preview__modal-btn {}

.preview__modal-button {
	transition: all .2s ease;
}

.preivew__modal-form {
	display: flex;
	gap: 22px;
	flex-wrap: wrap;
}

.preview__modal-form-top {
	display: flex;
	gap: 74px;
	width: 100%;
}

.preview__modal-label {
	flex: 1 1 47%;
}

.preview__modal-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #000;

	margin-bottom: 18px;
}

.preview__modal-input {
	border: 1px solid var(--color-grey-71);
	border-radius: 15px;
	background: var(--white);
	padding: 11px 16px;
	width: 100%;

	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #575c68;
}

.preview__modal-input::placeholder {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #575c68;
}

.preview__last-input {
	width: 100%;
	min-height: 111px;
	resize: none;
}



.preview__modal-accept {
	display: flex;
	gap: 12px;
}

.preview__modal-checkbox {
	appearance: none;
	position: relative;
	min-width: 20px;
	height: 20px;
	border: 1px solid #b0b0b0;
	border-radius: 1px;
	cursor: pointer;
	position: relative;
}

.preview__modal-checkbox:checked {
	width: 20px;
	height: 20px;
	background-image: url("../img/previewModal/check.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.preview__modal-accept-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: var(--color-grey-38);
}

.preview__modal-accept-link {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: var(--color-grey-38);

	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: var(--blue-);
}

.preview__modal-button {

	border-radius: 16px;
	padding: 19px 32px;
	background: var(--color-azure-29);
	max-width: 226px;

	display: flex;
	align-items: center;
	gap: 16px;
}

.preview__modal-btn-text {
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	color: var(--white);

}

.preview__modal-row-1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 8px;
	gap: 5px;
	flex-wrap: wrap;
}

.preview__modal-number {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: rgba(33, 33, 33, 0.8);
}


.preview__modal-time {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	text-align: right;
	color: rgba(33, 33, 33, 0.8);
}

.preview__modal-row-2 {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #91999f;
	padding-top: 8px;
	flex-wrap: wrap;
	gap: 5px;
}

.preview__modal-adress {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: rgba(33, 33, 33, 0.8);
	max-width: 202px;
}

.preview__modal-parking {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	text-align: right;
	color: rgba(33, 33, 33, 0.8);
}

/* ---------------------------------------------------------------------------- */

.footer {
	padding-bottom: 54px;
}
.footer .eye_logo {
    height: 30px;
}
.footer .eye_link {
    display: flex;
    align-items: center;
}
.container {}

.footer__inner {}

.footer__top {
	display: flex;
	max-width: 1734px;
	width: 100%;
	justify-content: space-between;
	padding-bottom: 40px;
}

.footer__column-1 {
	display: flex;
	gap: 24px;
	max-width: 537px;
	width: 100%;
	margin-right: 144px;
}

.footer__column-2 {
	max-width: 221px;
	width: 100%;
	margin-top: -8px;
}

.footer__column-3 {
	max-width: 328px;
	width: 100%;
	margin-top: -8px;
}

.footer__logo {}

.footer__logo-image {}

.footer__desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #575c68;
	letter-spacing: -0.03em;
}

.footer__column-2 .footer__column-title {
	margin-bottom: 13px;
}

.footer__column-3 .footer__column-title {
	margin-bottom: 24px;
}

.footer__column-2 .footer__column-item {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.03em;
	color: #575c68;
}

.footer__column-3 .footer__column-item {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #575c68;
}

.footer__column-title {
	font-weight: 600;
	font-size: 24px;
	line-height: 130%;
	letter-spacing: -0.05em;
	color: #030815;
}

.footer__column-2 .footer__column-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 120px;
}

.footer__column-3 .footer__column-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 29px;
}

.footer__columns-container {
	display: flex;
	max-width: 618px;
	width: 100%;
	justify-content: space-between;
	gap: 20px;
}

.footer__column-item {
	display: flex;
	align-items: start;
	gap: 12px;
}

.footer__column-link {
	display: flex;
	align-items: center;
	gap: 12px;
}

.footer__column-info {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #8c8f97;
}


.footer__column-link-image {}

.footer__column-4 {}

.footer__column-links {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: -8px;
}

.footer__column-social {
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer__desc--media {
	display: none;
}

.footer__column-img {
	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid #e7e7e7;
	border-radius: 999px;
	padding: 12px;
	width: 48px;
	height: 48px;
}

.footer__column-svg {}

.footer__bot {
	border-top: 1px solid #e7e7e7;
	padding-top: 40px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
}

.footer__bot-desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #8c8f97;

	letter-spacing: -0.03em;
}

.footer__trademark {
	width: 100%;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #8c8f97;
	margin-bottom: 6px;
}
.footer__trademark a {
	color: #8c8f97;
	text-decoration: underline;
}
.footer__trademark a:hover {
	color: #575c68;
}

.footer__bot-right {
	display: flex;
	align-items: center;
	gap: 10px 16px;
	flex-wrap: wrap;
}

.footer__bot-img {
    height: 40px;
}

@media (hover:hover) {
	.footer__column-item:hover {
		color: #000;
	}
}

/* ---------------------------------------------------------------------------- */

.burger-btn {
	width: 30px;
	height: 20px;

	display: none;
	flex-direction: column;
	gap: 7px;
}

.burger-btn__stroke {
	background-color: #000;
	width: 30px;
	height: 2px;
	transition: all .3s ease;
}

.burger-btn--active .burger-btn__lane1 {
	transform: translate(0px, 8px) rotate(45deg);
}

.burger-btn--active .burger-btn__lane2 {
	opacity: 0;
}

.burger-btn--active .burger-btn__lane3 {
	transform: translate(0px, -10px) rotate(-45deg);
}

.burger-menu {
	position: fixed;
	bottom: 0;
	left: 50%;
	width: calc(100% - 62px);
	height: calc(100% - 90px);
	z-index: 20;

	opacity: 1;
	transform: translateY(100%) translateX(-50%);
	pointer-events: none;
	transition: all .3s ease;
}

.burger-menu--scroll {
	height: calc(100% - 60px);
}

.burger-menu--visible {
	opacity: 1;
	transform: translateY(0px) translateX(-50%);
	pointer-events: all;
}

.burger-menu__window {
	background-color: #fff;
	padding: 20px;
	border-radius: 15px;
	width: 100%;
	height: 100%;
	overflow: auto;
	margin: 0px 0px 0px auto;
}

.burger-menu__window .header__menu-list {
	display: flex;
}

/* -----------------------------------costs----------------------------------------- */

.page__costs {
	margin: 0px 0 95px 0;
}

.costs__container {}

.container {}

.costs__inner {}

.costs__title {
	display: none;
}

.costs__nav {
	display: flex;
	align-items: center;
	gap: 16px;

	margin: 0 0 45px 40px;
}

.costs__nav-prev {
	display: flex;
	align-items: center;
	gap: 8px;
}

.costs__nav-border {
	display: flex;
	align-items: center;

}

.costs__nav-home {}

.costs__nav-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #8c8f97;
}

.costs__nav-now {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #575c68;
}

.costs__card {
	margin-bottom: 10px;
}

.costs__card-inner {
	padding: 32px 40px 38px 40px;
	background: #f4f4f5;
	border-radius: 20px;

	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 20px;
}

.section__card-inner {
	padding: 32px 40px 40px 40px;
	background: #f4f4f5;
	border-radius: 20px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.section__card-right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 62px;
	align-items: end;
}


.section__nav {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;

	margin: 40px 0 45px 40px;
}

.section__nav-prev {
	display: flex;
	align-items: center;
	gap: 8px;

	padding: 8px 16px;
	border-radius: var(--corner-radius-full, 999px);
	background: var(--Icons-white, #FFF);

	transition: ease .2s;
}

@media(hover:hover) {
	.section__nav-prev:hover {
		border-radius: var(--corner-radius-full, 999px);
		background: var(--Icons-brand-secondary, #363C4A);
		color: #fff;
	}
}

.section__nav-border {
	display: flex;
	align-items: center;
	justify-content: center;
}

.section__nav-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #8c8f97;
}

.section__nav-now {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #030815;
}

.section__card-btn {
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	color: #fff;

	border-radius: 16px;
	padding: 19px 32px;
	background: #363c4a;
}

.costs__card-info {
	max-width: 672px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.section__card-info {
	max-width: 664px;
	display: flex;
	flex-direction: column;
	gap: 69px;
}

.section__card-title {
	font-weight: 600;
	font-size: 80px;
	line-height: 100%;
	letter-spacing: -0.04em;
	color: var(--typography-dark-grey);
}

.section__card-subtitle {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #575c68;
}

.costs__card-links {
	display: flex;
	max-width: 676px;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 -3px 0;
}

.section__card-links {
	display: flex;
	max-width: 470px;
	flex-wrap: wrap;
	gap: 8px;
	margin: 24px 0 -3px 0;
	justify-content: right;
}

.section__card-item {
	background: #fff;
	border-radius: 999px;

	transition: all ease .2s;
}

.section__card-link {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #030815;
	padding: 8px 16px;
	display: block;
	border-radius: 20px;
	transition: ease .2s;
}

.section__card--active {
	background: #363c4a;
	color: #fff;
}

.card-link--active {}

.section__img {
	margin: 16px 0 111px 0;
}

.section__image {
	max-width: 100%;
	border-radius: 20px;
}

.costs__card-link {}

.costs__img {
	margin-bottom: 48px;
}

.costs__image {
	border-radius: 20px;
	max-width: 100%;
}

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

.costs__accordion {
	background: #f4f4f5;
	border-radius: 20px;
}


.costs__accordion-head {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	cursor: pointer;
	padding: 40px;
	position: relative;
}

.costs__accordion-head-container {
	max-width: 789px;
	display: flex;
	flex-direction: column;
	gap: 24px;

}

.costs__accordion-title {
	font-weight: 600;
	font-size: 32px;
	line-height: 120%;
	letter-spacing: -0.02em;
	color: #030815;
	padding-right: 110px;
}

.costs__accordion-subtitle {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #575c68;
}

.costs__accordion-body-child {
	margin-bottom: 42px;
}

.costs__accordion-body-child-info {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.costs__accordion-btn {
	border-radius: 100px;
	min-width: 56px;
	height: 56px;
	background: var(--blue-);
	position: relative;
	cursor: pointer;

	position: absolute;
	top: 40px;
	right: 40px;
}

.accordion__title--show .costs__accordion-btn::after {
	opacity: 0;
}

@media(hover:hover) {
	.costs__accordion-btn-2:hover {
		background-color: #272f3d;
	}
}

.accordion__title--show .costs__accordion-btn::before {
	transform: rotate(90deg) translate(-9px, 1px);
}

.costs__accordion-btn::after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 2px;
	background-color: #fff;
	transition: all .3s ease;
}

.costs__accordion-btn::before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 2px;
	height: 20px;
	background-color: #fff;
	transition: all .3s ease;
}

.costs__accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: all ease .3s;
}

.costs__accordion-body {
	margin: 0px 0 0 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 40px;
}

.costs__accordion-child-image {
	border-radius: 100px;

	max-width: 45px;
}

.costs__accordion-body-top {
	display: flex;
	justify-content: space-between;
	gap: 20px;

	margin: 0 0 62px 0;
	;
}

.costs__accordion-info {
	display: flex;
	flex-direction: column;
	gap: 16px;

	max-width: 802px;
	width: 100%;
}

.costs__accordion-info-content {
	display: flex;
	align-items: start;
	gap: 20px;
}

.costs__accordion-child-titles {
	display: flex;
	align-items: center;
	gap: 10px;

	margin: 24px 0 64px 0;
	;
}

.costs__accordion-child-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 110%;
	color: #575c68;
}

.costs__accordion-info-svg {}

.costs__accordion-info-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #575c68;
	max-width: 636px;
}

.costs__accordion-body-mid {
	display: flex;
	justify-content: space-between;
	gap: 20px;

	margin-bottom: 38px;
}

.costs__accordion-cost {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100%;
	max-width: 802px;
}

.costs__accordion-cost-content {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

.costs__accordion-cost-content:not(:first-child) {
	border-top: 1px solid #e7e7e7;
	padding-top: 16px;
}

.costs__accordion-cost-content:last-child {
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 16px;
}


.costs__accordion-cost-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #575c68;
	max-width: 636px;
}


.costs__accordion-cost-count {
	font-weight: 600;
	font-size: 16px;
	line-height: 140%;
	text-align: right;
	color: #030815;
	white-space: nowrap;
}

.costs__accordion-body-bottom {
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 190px;
}

.costs__accordion-button-2 {
	gap: 40px;
}

.costs__accordion-btn-2 {
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	color: #fff;

	border-radius: 16px;
	padding: 19px 32px;
	background: #363c4a;
	display: block;
	width: 100%;
}

.costs__accordion-bottom-links {
	display: flex;
	max-width: 383px;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.costs__accordion-text-us {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #575c68;
}

.costs__accordion-bottom-list {
	display: flex;
	align-items: center;
	gap: 11px;
}

.costs__accordion-bottom-item {
	display: flex;
	align-items: center;
	justify-content: center;
}

.costs__accordion-bottom-link {
	border: 1px solid #e7e7e7;
	border-radius: 999px;
	padding: 12px;
}

.costs__accordion-bottom-link-image {}

/* -------------------------our-services------------------------- */

.page__our-services {
	margin: 0px 0 130px 0;
}

.our-services__container {}

.our-services__inner {}

.our-services__cards {
	display: flex;
	gap: 8px;
	margin: 0px 0px 8px 0px;
}

.our-services__card {
	width: 100%;
	background: #EFEDEE;
	border-radius: 20px;
	overflow: hidden;
	min-height: 547px;
	padding: 32px 40px 48px 40px;

	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: space-between;
	gap: 20px;

	position: relative;
	z-index: 1;
}

.our-services__card-bottom {}

.our-services__card-bottom-link {
	display: inline-flex;
	align-items: center;
	gap: 16px;

	border-radius: 16px;
	padding: 19px 32px;
	background: #363c4a;

	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	color: #fff;
}

.our-services__card-head {
	width: 100%;
}

.our-services__card-title {
	margin: 0px 0px 40px 0px;
}

.our-services__card-subtitle {
	max-width: 460px;
	color: rgba(33, 33, 33, 0.8);
}

.our-services__card-desc {
	margin: 20px;
	max-width: 482px;

	width: 100%;
	padding: 30px 28px 33px 28px;
	background: var(--white);
	border-radius: 10px;
}

.our-services__card-desc-title {
	font-weight: 700;
	font-size: 32px;
	line-height: 120%;
	color: var(--typography-dark-grey);

	margin: 0px 0px 22px 0px;
	max-width: 321px;
}

.our-services__card-desc-subtitle {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: rgba(33, 33, 33, 0.8);
	max-width: 256px;
}

.our-services-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 20px;
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.our-services__card-top {
	width: 100%;

	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 20px;
}

.our-services__card-name {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #fff;

	border-radius: 999px;
	padding: 8px 16px;
	background: #363c4a;
}

.our-services__card-icon {}

.our-services__row {
	position: relative;
	z-index: 1;
	background: #EFEDEE;
	border-radius: 15px;
	padding: 21px 40px;
	overflow: hidden;
}

.our-services__slider {}

.our-services__slider-line {
	transition-timing-function: linear;
}

.our-services__slide {
	border-radius: 12px;
	padding: 32px;
	min-height: 210px;
	max-width: 360px;
	height: unset;

	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;

	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.3);
	transition: all .3s ease-in-out;

	translate: 80px 0;
}

.our-services__slide-bottom svg {
	transition: all .2s ease;
}

.our-services__slide:active {
	background-color: #fff;
	backdrop-filter: blur(0px);
}

@media(hover:hover) {
	.our-services__slide:hover {
		background-color: #fff;
		backdrop-filter: blur(0px);
	}

	.our-services__slide:hover .our-services__slide-bottom svg {
		transform: rotate(45deg);
	}
}

.scroll--active .our-services__slide {
	animation: ourServicesSlide .4s ease-in-out forwards;
}

.scroll--active .our-services__slide:nth-child(1) {
	animation: ourServicesSlide .4s ease-in-out forwards;
}

.scroll--active .our-services__slide:nth-child(2) {
	animation: ourServicesSlide .6s ease-in-out forwards;
}

.scroll--active .our-services__slide:nth-child(3) {
	animation: ourServicesSlide .8s ease-in-out forwards;
}

.scroll--active .our-services__slide:nth-child(4) {
	animation: ourServicesSlide 1s ease-in-out forwards;
}

.scroll--active .our-services__slide:nth-child(5) {
	animation: ourServicesSlide 1.2s ease-in-out forwards;
}

@keyframes ourServicesSlide {
	0% {
		opacity: 0;
		translate: 80px 0px;
	}

	100% {
		opacity: 1;
		translate: 0px 0px;
	}
}

.our-services__slide-bg-blur {
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.3);
}

.our-services__slide-list {}

.our-services__slide-name {
	font-weight: 700;
	font-size: 24px;
	line-height: 110%;
	color: var(--typography-dark-grey);

	margin: 0px 0px 10px 0px;
}

.our-services__slide-desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: rgba(33, 33, 33, 0.8);
}

.our-services__slide-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.our-services__slide-price {
	font-weight: 600;
	font-size: 14px;
	line-height: 140%;
	text-align: center;
	color: var(--typography-dark-grey);

	border-radius: 30px;
	padding: 10px 20px;
	background: var(--light-blue);
}

.our-services__slide-bg-white {
	backdrop-filter: blur(20px);
	background: var(--white);
}

/* -------------------------diagnostic------------------------- */



/* -------------------------team------------------------- */

.page__team {
	margin: 0px 0px 100px 0px;
}

.team__container {}

.team__inner {
	position: relative;
	display: flex;
	align-items: end;
	gap: 30px;
	overflow: hidden;
}

.team__head {}

.team__slider {
	max-width: 718px;
}

.team-slider {
	display: none;
}

.team-slider.scroll--active {
	transform: unset;
}

.team__slider--active {
	display: block;
}

.team__slider-line {
	align-items: end;
	min-height: 824px;
}

.team__slide {
	border-radius: 20px;
	background-color: #fff;
	position: relative;

	transition: all .5s ease;
	width: 331px;
	height: 397px;
	overflow: hidden;
}

.team__slider .swiper-slide-active {
	width: 100%;
	height: 824px;
	filter: grayscale(0);
}

.team__slide:last-child {
	opacity: 0;
	width: 400px !important;
}

@media(min-width:901px) {
	.team__slide {
		border-radius: 15px;
		background-color: #fff;
		position: relative;

		transition: all .5s ease;
		width: 294px !important;
		height: 392px !important;
		overflow: hidden;
	}

	.team__slider .swiper-slide-active {
		width: 100% !important;
		height: 824px !important;
	}
}

.team__slide-hide {
	opacity: 0;
}

.team__slide-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s ease;
}

.team__slide-desc {
	position: absolute;
	bottom: 30px;
	left: 30px;
	width: 100%;
	max-width: 450px;
	min-height: 183px;

	background: var(--white);
	border-radius: 7px;
	padding: 19px 19px 19px 32px;

	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: space-between;
	align-items: start;

	opacity: 0;
	pointer-events: none;
	transition: all .3s ease;
}

.swiper-slide-active .team__slide-desc {
	pointer-events: all;
	opacity: 1;
}

.team__slide-top {}

.team__slide-title {
	font-weight: 600;
	font-size: 24px;
	line-height: 130%;
	letter-spacing: -0.02em;
	color: #030815;

	margin: 0px 0px 8px 0px;
}

.team__slide-subtitle {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #575c68;
}

.team__slide-link {
	font-weight: 600;
	font-size: 16px;
	line-height: 140%;
	text-transform: uppercase;
	color: #33c6ff;
}

.team__slider-btns {
	padding: 14px 25px 14px 27px;
	border-radius: 20px 0 0 20px;
	background: var(--white);

	position: absolute;
	right: 0px;
	bottom: 30px;
	z-index: 2;

	display: flex;
	align-items: center;
	gap: 10px;
}

.team__slider-btn {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid var(--typography-dark-grey);

	display: flex;
	align-items: center;
	justify-content: center;
}

.team__slider-btn path {
	stroke: #292929;
}

.swiper-button-disabled {
	opacity: 0.4;
}

.team__slider-btn-prev {}

.team__slider-btn-next {}

.team__head {
	width: 100%;
	min-height: 786px;
	padding: 27px 0px 440px 36px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 122px;
}

.team__head-top {}

.team__head-title {
	max-width: 610px;
	margin: 0px 0px 40px 0px;
}

.team__head-subtitle {
	max-width: 451px;
}

.team__head-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.team__head-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;

	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #030815;

	border-radius: 999px;
	padding: 8px 16px;
	background: #f8f7f8;

	transition: all .2s ease;
}

.scroll--active .team__head-tab {
	animation: teamHeadTab .3s ease-in-out forwards;
}

.scroll--active .team__head-tab:nth-child(1) {
	animation: teamHeadTab .4s ease-in-out forwards;
}

.scroll--active .team__head-tab:nth-child(2) {
	animation: teamHeadTab .5s ease-in-out forwards;
}

.scroll--active .team__head-tab:nth-child(3) {
	animation: teamHeadTab .6s ease-in-out forwards;
}

.scroll--active .team__head-tab:nth-child(4) {
	animation: teamHeadTab .7s ease-in-out forwards;
}

.scroll--active .team__head-tab:nth-child(5) {
	animation: teamHeadTab .8s ease-in-out forwards;
}

@keyframes teamHeadTab {
	0% {
		transform: translateY(-80px);
	}

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

@media(hover:hover) {
	.team__head-tab:hover {
		background-color: rgb(58, 70, 90, .8);
	}
}

.team__head-tab--active {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	background: var(--gree-blue) !important;
	color: #fff;
}

/* -------------------------reviews------------------------- */

	.page__reviews {
		margin: 0px;
	}
.page__adv{
    margin-top:50px;
}
.reviews__container {}

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

.reviews__row {
	background: #f6f6f6;
	border-radius: 20px;
	padding: 32px 40px;
	min-height: 450px;

	position: relative;
	z-index: 1;
	overflow: hidden;
}

.reviews__row-2 {
	padding: 51px 40px 45px 40px;
	min-height: 314px;
}

.reviews__slider {
	width: 100%;
}

.swiper-reviews {}

.reviews__slider-line {}

.reviews__slide, .person__slide {
	width: unset;
	position: relative;
	cursor: pointer;
        max-width: 25%;
}
.person__slide{
        max-width: 33.33%;
}
.reviews__slide-img {
	border-radius: 15px;
	max-width: 100%;
}

.reviews__slide-content, .person__slide-content {
	position: absolute;
	top: 10px;
	right: 10px;
	/*width: 100%;*/
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px 10px;
	flex-wrap: wrap;
}
.reviews__slide-content img, .person__slide-content img{
    height: 20px;
}
.reviews__slide-content img.pp10, .person__slide-content img.pp10{
    height: 10px;
}
.reviews__slide-name {
	font-weight: 600;
	font-size: 14px;
	line-height: 140%;
	color: #030815;

	border-radius: 30px;
	padding: 10px 16px;
	background: #fff;
}
.reviews__slide-rew, .person__slide-rew {
    padding: 20px;
    background: #fff;
    border-radius: 20px;
}

.reviews__row-bg {
	position: absolute;
	right: 248px;
	bottom: 0;
	z-index: -1;
}

.reviews__row-title {
	max-width: 576px;
	margin: 0px 0px 40px 0px;
}

.reviews__row-subtitle {
	max-width: 444px;
}

/* -------------------------modal------------------------- */

.clients__modal {
	display: flex;
	align-items: center;
	justify-content: center;

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	opacity: 0;
	transition: all .3s ease-in-out;
	pointer-events: none;
	background: rgba(56, 56, 61, 0.46);
	padding: 20px;
}

.modal--visible {
	opacity: 1;
	pointer-events: all;
}

.clients__modal-window {
	background: var(--white);
	padding: 32px;
	border-radius: 15px;
	max-width: 800px;
	max-height: 100%;
	overflow: auto;
	position: relative;
}

.clients__modal-top {
	display: flex;
	gap: 24px;
	margin-bottom: 24px;
}

.clients__modal-img {}

.clients__modal-image {
	border-radius: 15px;
}

.clients__modal-info {}

.clients__modal-name {
	font-weight: 600;
	font-size: 32px;
	line-height: 120%;
	letter-spacing: -0.02em;
	color: #030815;
	margin-bottom: 7px;
}

.clients__modal-city {
	font-weight: 400;
	font-size: 12px;
	line-height: 140%;
	color: #8c8f97;

	margin-bottom: 7px;
}

.clients__modal-stars {
	margin-bottom: 21px;
}

.clients__modal-text-container {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.clients__modal-text {
	font-weight: 400;
	color: #575c68;
}

.clients__modal-bold {
	font-weight: 600;
	font-size: 14px;
	line-height: 140%;
	color: #030815;

}

.clients__modal-text-2 {
	font-weight: 400;
	color: #575c68
}

.clients__modal-close {
	position: absolute;
	top: 32px;
	right: 32px;
}

.clients__modal-close-image {
	cursor: pointer;
}

.clients__modal-bot {}

.clients__modal-desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #575c68;
}

/* ---------------------------------------------------------------------------- */

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

.section__info-nav {
	max-width: 388px;
	width: 100%;
	margin: 0 0 0 40px;
}

.section__info-list-container {
	position: sticky;
	top: 100px;
}

.section__info-list {
	display: flex;
	flex-direction: column;
	gap: 10px;




}

.section__info-item-title {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #8c8f97;
	margin-bottom: 27px;

	border-top: 1px solid #e7e7e7;
	padding-top: 16px;
}

.section__info-link {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: var(--color-azure-29-800);

	display: flex;
	align-items: center;
	gap: 8px;
}

.section__info-item--active .section__info-link-image {
	display: flex;
}

.section__info-link-image {
	display: none;
}

.section__info-item--active .section__info-link-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: var(--gree-blue);
}

.section__info {
	max-width: 1151px;
	width: 100%;
}

.section__info-answers {}

.section__info-body {
	max-width: 1114px;
	width: 100%;
	position: relative;
}

.anesthesia__info-item {
	list-style: decimal;
	list-style-position: outside;
	margin-left: 10px;
}

.therapy__cost {
	margin: 80px 0;
}

.ortodont__slider {
	margin-bottom: 80px;
}

.section__info-body-list {
	border-top: 1px solid #e7e7e7;
	padding: 40px 0 38px 0;

	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.section__cost {
	margin: 80px 0;
}

.section__slider {
	margin-bottom: 80px;
}

.section__info-body-title {
	padding: 16px 0 40px 0;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.section__info-content-term {
	font-weight: 700;
	font-size: 18px;
	line-height: 140%;
	color: #575c68;
	max-width: 286px;
}

.title__content-term {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #8c8f97;
}

.section__info-content-desc {
	font-weight: 400;
	font-size: 16px;
	line-height: 138%;
	color: #575c68;
	max-width: 679px;
	width: 100%;

	display: flex;
	gap: 30px;
	flex-direction: column;
}

.title__content-desc {
	margin-top: 60px;
}

.section__info-content-text-list {
	display: flex;
	flex-direction: column;
	margin: 0 0 0 9px;
}

.section__info-content-text-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.section__info-content-text-item::before {
	content: " ";
	border-radius: 100%;
	min-width: 4px;
	height: 4px;
	margin-top: 9px;
	background: #575c68;
	display: inline-block;
	flex-shrink: 0;
}

.section__info-content-text {}


.section__info-big-body-list {
	display: flex;
	align-items: center;
}

.info-content-big-term {
	font-weight: 700;
	font-size: 24px;
	line-height: 110%;
	color: #575c68;
	max-width: 277px;
}

.form__info-body {
	margin-top: 80px;
}

.info__cost-card-2 {
	display: flex;
	flex-direction: column;
	gap: 16px;
}


/* ---------------------------------------------------------------------------- */

.section__info-cost {}

.info__cost-title {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #8c8f97;

	border-top: 1px solid #e7e7e7;
	padding-top: 16px;

	margin-bottom: 40px;
}

.info__cost-cards {
	background: #f4f4f5;
	border-radius: 20px;
	padding: 32px 40px;

	display: flex;
	flex-direction: column;
	gap: 65px;
}

.info__cost-card {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.info__cost-card-top-title {
	font-weight: 600;
	font-size: 32px;
	line-height: 120%;
	letter-spacing: -0.02em;
	color: #030815;

	margin-bottom: 24px;
}

.info__cost-card-contents {
	display: flex;
	max-width: 1071px;
	width: 100%;
	justify-content: space-between;
	gap: 20px;

	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 16px;
}
.info__cost-card-contents .tsmo{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #575c68;
}
.info__cost-card-content {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #575c68;
	max-width: 636px;
}

.info__cost-card-content-2 {
	font-weight: 600;
	font-size: 16px;
	line-height: 140%;
	text-align: right;
	color: #030815;
}

.info__cost-card-bottom-titles {
	display: flex;
	align-items: center;
	gap: 28px;
	margin-bottom: 20px;
}

.info__cost-card-image {
	max-width: 48px;
	width: 100%;
}

.info__cost-card-bottom-title {
	font-weight: 600;
	font-size: 24px;
	line-height: 130%;
	letter-spacing: -0.02em;
	color: #030815;
}

.info__cost-card-bottom-content {}


/* ---------------------------------------------------------------------------- */


.doctors-slider {
	overflow: hidden;
	position: relative;

	max-width: 1153px;
	width: 100%;
}

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



.doctors__slider-count {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #030815;
}

.swiper-pagination .pagination-total {
	color: #8c8f97;
}

.doctors-slide__info {
	background: var(--white);
	border-radius: 12px;
	padding: 16px 24px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;

	position: absolute;
	bottom: 0;
	left: 0;
	margin: 20px;
	width: calc(100% - 40px);
}

.doctors-slide__info-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.doctors-slide__info-title {
	font-weight: 600;
	font-size: 18px;
	line-height: 125%;
	letter-spacing: -0.02em;
	color: #030815;
}

.doctors-slide__info-subtitle {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #575c68;
}

.doctors-slide__info-link {
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	text-transform: uppercase;
	color: #1280e8;
}

.doctors__slider-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 40px;

	border-top: 1px solid #e7e7e7;
	padding-top: 16px;
}

.doctors__slider-top-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #8c8f97;
}

.doctors__slider-top-btns {
	display: flex;
	gap: 15px;
	align-items: center;
	position: relative;

}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	top: var(--swiper-pagination-top, auto);
	left: 0;
	width: 100%;
	bottom: var(--swiper-pagination-bottom, 5%);
	transform: translate(0, -50%);
}

.doctors__slider-count {
	position: absolute;
	z-index: 1;
        display: none;
}

.swiper-pagination-fraction {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #030815;
}

.doctor-button-prev {
	width: 48px;
	height: 48px;
	border: 1px solid #292929;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	rotate: -180deg;
	z-index: 2;
}

.doctor-button-next {
	width: 48px;
	height: 48px;
	border: 1px solid #292929;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

/* ---------------------------------------------------------------------------- */

.section__info-card {
	border-radius: 20px;
	background: var(--background-brand-secondary-2, #363C4A);
	padding: 32px 95px 32px 40px;
}

.info__card-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--Spacers-md, 16px);
	align-self: stretch;

	max-width: 378px;
	width: 100%;

	margin-bottom: 40px;
}

.info__card-title {
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	font-size: var(--Font-size-h3, 32px);
	letter-spacing: -0.64px;
	color: var(--White, #FFF);
}

.info__card-subtitle {
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	color: var(--White, #FFF);
}

.info__card-forms {}

.info__card-form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;

	max-width: 375px;
	width: 100%;
	margin-bottom: 32px;
}

.info__card-label {
	width: 100%;
}

.scroll {}

.info__card-input {
	border-radius: 12px;
	background: var(--background-brand-secondary-2, #363C4A);

	border: 1px solid var(--button-colors-fill-grey-default, #F8F7F8);
	padding: 19px 16px 16px 16px;
	width: 100%;

	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
	color: var(--button-colors-fill-grey-default, #F8F7F8);
}

.info__card-input::placeholder {
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	color: var(--button-colors-fill-grey-default, #F8F7F8);
}

.info__card-accept {
	display: flex;
	align-items: start;
	gap: 12px;
	max-width: 328px;
	width: 100%;
	margin-bottom: 41px;
}

.info__card-checkbox {}

.info__card-text-container {
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
	color: var(--text-main-title-light, #FFF);

}

.info__card-btn {
	display: flex;
	padding: 19px 32px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: var(--button-border-radius-lg, 16px);
	background: var(--button-colors-fill-white-default, #FFF);
	max-width: 378px;
	width: 100%;
}

.form__btn2 {}

.info__card-btn-text {
	color: var(--button-colors-text-grey, #030815);

	/* button */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	/* 22.4px */
}

.info__card-checkbox {
	appearance: none;
	position: relative;
	min-width: 20px;
	height: 20px;
	border-radius: 1px;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	position: relative;
}

.info__card-checkbox:checked {
	min-width: 20px;
	height: 20px;
	background-image: url("../img/previewModal/check-white.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.info__card-checkbox:disabled {
	background: #ccc;
	border-color: #ccc;
}

.info__card-btn-image {}

.section__info-img {}

.info__image {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 100%;
	height: 100%;
	border-radius: 16px;
	object-fit: cover;
	padding-left: 450px;
	pointer-events: none;
}

/* ---------------------------------------------------------------------------- */

.page__clinic {
	margin: 9px 0 0 0;
}

.clinic__container {}

.container {}

.clinic__inner {}

.clinic-about__title {
	display: none;
}

.clinic-about__cards {
	display: flex;
	justify-content: space-between;
	gap: 8px;

	margin-bottom: 80px;
}

.clinic-about__card-column {
	height: 100%;
	display: flex;
	flex-direction: column;
}


.clinic__about__cards-left {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 1008px;
	width: 100%;
}

.clinic__about__cards-rows {
	display: flex;
	gap: 8px;
	height: 100%;
}

.clinic-about__card-row {
	width: 100%;
}

.clinic-about__card-image {
	height: 100%;
	width: 100%;
	border-radius: var(--corner-radius-3xl, 20px);
	object-fit: cover;
}

.clinic-about__card-img {}

.clinic-about__card-title-container {}

.clinic-about__card-title-image {
	max-width: 100%;
	display: none;
}


.clinic-about__card {
	padding: 32px 40px;
	border-radius: var(--corner-radius-3xl, 20px);
	background: var(--background-secondary, #F4F4F5);
}

.clinic-about__nav {
	margin: 0 0 97px 0;
}

.clinic-about__card-title {
	font-size: 80px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -1.6px;
	color: var(--text-main-title, #030815);

	max-width: 663px;
	margin-bottom: 47px;
}

.clinic-about__card-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.clinic-about__card-info {
	max-width: 428px;

	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
	color: var(--text-main-secondary, #575C68);

}

.clinic-about__card-btn {}

.section__card-btn {}


.clinic-about__card-list {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	gap: 20px;

}

.clinic-about__card-term {
	font-size: var(--Font-size-h2, 56px);
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	letter-spacing: -1.12px;
}

.clinic-about__card-desc {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 28px */
	color: var(--text-main-secondary, #575C68);
}


/* ---------------------------------------------------------------------------- */

.mission__title {
	display: none;
}

.page__mission {
	margin-bottom: 80px;
}

.mission__container {}

.container {}

.mission__inner {}

.mission__cards {
	display: flex;
	flex-direction: column;
	gap: 8px;

}

.mission__cards-top {
	display: flex;
	gap: 8px;
}

.mission__card-img {}

.mission__card-image {
	height: 100%;
	object-fit: cover;
	border-radius: var(--corner-radius-3xl, 20px);

}

.mission__card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 32px 61px 32px 40px;
	gap: 20px;
	width: 100%;

	border-radius: var(--corner-radius-3xl, 20px);
	background: var(--background-secondary, #F4F4F5);
}


.mission__card-subtitle {
	font-size: var(--Font-size-h3, 32px);
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	/* 38.4px */
	letter-spacing: -0.64px;
}

.mission__card-title {
	font-size: var(--Font-size-h2, 56px);
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	/* 61.6px */
	letter-spacing: -1.12px;

	max-width: 600px;
}

.mission__card-title-text {}

.mission__card-title-svg {
	margin: 23px 0 0 12px;
}

.mission__cards-bottom {
	display: flex;
	gap: 8px;
	height: 100%;
}


.mission__card-bottom-img {}

.mission__card-bottom-image {}

.mission__card-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 363px;
}

.mission__cards-bottom .mission__card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 32px;
}

.mission__card-term {
	font-size: var(--Font-size-h3_5, 24px);
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
	/* 31.2px */
	letter-spacing: -0.48px;
	color: var(--text-main-title, #030815);
}

.mission__card-desc {
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
	color: var(--text-main-secondary, #575C68);
}

/* ---------------------------------------------------------------------------- */
.page__child-place {
	margin-bottom: 80px;
}

.child-place__container {}

.container {}

.child-place__inner {}

.child-place__title {}

.child-place__cards {
	display: flex;
	gap: 8px;

}

.child-place__card {
	border-radius: var(--corner-radius-3xl, 20px);
	background: var(--background-secondary, #F4F4F5);
	padding: 41px 40px 50px 42px;

	position: relative;
	gap: 40px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;

}

.child-place__card-top {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.child-place__card-title {
	font-size: var(--Font-size-h2, 56px);
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	/* 61.6px */
	letter-spacing: -1.12px;
	color: var(--text-main-title, #030815);
}

.child-place__card-subtitle {
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
	color: var(--text-main-secondary, #575C68);
	max-width: 437px;

}

.child-place__card-btn {
	display: inline-flex;
	padding: 19px 32px;
	align-items: center;
	gap: 16px;
	max-width: 249px;

	border-radius: var(--button-border-radius-lg, 16px);
	background: var(--button-colors-fill-secondary-default, #363C4A);
	transition: ease .2s;
}

.child-place__card-btn-text {
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	/* 22.4px */
	color: var(--button-colors-text-white, #FFF);
}

.child-place__card-btn-image {
	transition: ease .2s;
}

.child-place__card-bg {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 100%;
	pointer-events: none;
}

.child-place__img {}

.child-place__image {
	border-radius: var(--corner-radius-3xl, 20px);
}

/* ---------------------------------------------------------------------------- */
.page__equipment {
	margin-bottom: 80px;
}

.equipment__container {}

.container {}

.equipment__inner {}

.equipment__title {}

.equipment__cards {
	display: flex;
	gap: 8px;
	min-height: 669px;
}

.equipment__card {
	border-radius: var(--corner-radius-3xl, 20px);
	background: var(--background-secondary, #F4F4F5);
	padding: 32px 40px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
}

.equipment__card-title {
	color: var(--text-main-title, #030815);

	/* H2 */
	font-size: var(--Font-size-h2, 56px);
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	/* 61.6px */
	letter-spacing: -1.12px;
	max-width: 619px;
}

.equipment__card-subtitle {
	color: var(--text-main-secondary, #575C68);

	/* p */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
	max-width: 619px;

}

.equipment__slider {
	max-width: 863px;
	overflow: hidden;
}


.equipment-slide {
	position: relative;
	z-index: 1;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 32px 40px;
}

.equipment-slide-bg {
	border-radius: var(--corner-radius-3xl, 20px);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	object-fit: cover;

}

.equipment-slide-top {
	display: flex;
	justify-content: right;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.equipment-slide__item {
	color: var(--text-main-title, #030815);

	/* p2 */
	font-size: var(--Font-size-p2, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */

	border-radius: var(--corner-radius-full, 999px);
	background: var(--Icons-white, #FFF);
	padding: 8px 16px;
}

.equipment-slide-list {
	border-radius: var(--corner-radius-3xl, 20px);
	background: rgba(255, 255, 255, 0.40);
	backdrop-filter: blur(12px);

	display: inline-flex;
	padding: 32px 40px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
	flex-shrink: 0;
	gap: 63px;
	max-width: 422px;
}

.equipment-slide-term {
	color: #000;

	/* H3 */
	font-size: var(--Font-size-h3, 32px);
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	/* 38.4px */
	letter-spacing: -0.64px;
}

.equipment-slide-desc {
	color: var(--text-main-title, #030815);

	/* p */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.equipment__slider-top-btns {
	position: absolute;
	bottom: 30px;
	right: -4px;
	z-index: 1;

	border-radius: 20px 0px 0px 20px;
	background: var(--stroke-white, #FFF);
	padding: 12px 24px;

	display: flex;
	align-items: center;
	gap: 8px;
}

.equipment-slider__btn {
	border-radius: 100px;
	padding: 15px;
	border: 1px solid var(--Icons-grey-dark, #292929);

}

.equipment-button-prev {
	rotate: 180deg;
}

/* ---------------------------------------------------------------------------- */
.clinic-team__head-title {
	max-width: 911px;

	font-size: var(--Font-size-h2, 56px);
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	/* 61.6px */
	letter-spacing: -1.12px;
	color: var(--text-main-title, #030815);
	margin-bottom: 24px;
}

.clinic-team__head-subtitle {}

.clinic-team__head {
	padding: 33px 0 440px 33px;
	gap: 104px;
}

/* ---------------------------------------------------------------------------- */

.page__media {
	margin-bottom: 80px;
}

.media__container {}

.container {}

.media__inner {}

.media__title {
	color: var(--text-main-title, #030815);

	font-size: 56px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%;
	/* 56px */
	letter-spacing: -1.12px;
	margin: 0px 0 46px 40px;
}

.media__cards {}

.scroll {}

.swiper__media {
	overflow: hidden;
}

.media-swiper {}

.swiper-wrapper {}

.swiper-slide {}

.media-slide {
	border-radius: var(--corner-radius-3xl, 20px);
	background: var(--background-secondary, #F4F4F5);
	padding: 40px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 471px;
	gap: 20px;
}



.media-card__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.media-card__term {
	color: var(--text-main-title, #030815);

	/* H3 */
	font-size: var(--Font-size-h3, 32px);
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	/* 38.4px */
	letter-spacing: -0.64px;
}

.media__card-desc {
	color: var(--text-main-secondary, #575C68);

	/* p */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.media-card__link {
	color: var(--text-main-brand, #1280E8);
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	/* 22.4px */
	text-transform: uppercase;
}

.media-card__bot {
	display: flex;
	align-items: end;
	gap: 24px;
}

.media__card-img {}

.media__card-image {
	max-width: 100%;
	border-radius: 20px;
}

.media__card-bot-container {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.media__card-person {
	color: var(--Typography-Dark-grey, #212121);

	/* H3_5 */
	font-size: var(--Font-size-h3_5, 24px);
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
	/* 31.2px */
	letter-spacing: -0.48px;
}

.media__card-position {
	color: var(--text-main-secondary, #575C68);

	/* p */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.media__slider-btns {
	position: absolute;
	bottom: 50%;
	transform: translate(0, -50%);
	right: 0;
	z-index: 1;
}

.media__slider-btns {
	position: absolute;
	bottom: 140px;
	right: -3px;
	z-index: 1;

	border-radius: 20px 0px 0px 20px;
	background: var(--stroke-white, #FFF);
	padding: 12px 24px;

	display: flex;
	align-items: center;
	gap: 8px;
}

.media-slider__btn {
	border-radius: 100px;
	padding: 15px;
	border: 1px solid var(--Icons-grey-dark, #292929);

}

.media-button-prev {
	rotate: 180deg;
}

/* ---------------------------------------------------------------------------- */
.kids-main-title {
	color: var(--BLUE, #50C1ED);

	/* Cheri */
	font-family: "Cheri";
	font-size: 80px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 80px */
	text-transform: capitalize;
}


.kids__bg-1 {
	position: absolute;
	top: -139px;
	right: 124px;
	z-index: -1;
}

.kids__bg-2 {
	position: absolute;
	top: 11px;
	right: 124px;
	z-index: -1;
}



.preview__row-botom {
	position: relative;
	z-index: 10;
}




/* ---------------------------------------------------------------------------- */

.page__philosophy {
	margin-bottom: 80px;
}

.philosophy__container {}

.container {}

.philosophy__inner {}

.philosophy__cards {
	display: flex;
	gap: 8px;
}

.philosophy__card:nth-of-type(2) {
	position: relative;
	padding: 32px 40px;
	justify-content: space-between;
	gap: 20px;
}

.philosophy__card {
	border-radius: var(--corner-radius-3xl, 20px);
	background: var(--background-secondary, #F4F4F5);

	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.philosophy__card-img {
	display: flex;
	justify-content: center;
}

.philosophy__card-image {
	border-radius: 20px;

}

.philosophy__card-title {
	color: var(--text-main-title, #030815);

	/* H3.5 */
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 26.4px */
}

.philosophy__card-image-2 {
	position: absolute;
	top: 41%;
	right: 0;
	z-index: 1;
	transform: translate(0, -50%);
}

.philosophy__card-list {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.philosophy__card-term {
	color: var(--text-main-title, #030815);

	/* H2 */
	font-size: 56px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%;
	/* 56px */
	letter-spacing: -1.12px;
}

.philosophy__card-term-2 {
	color: var(--BLUE, #50C1ED);

	/* Cheri */
	font-family: "Cheri";
	font-size: 80px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	text-transform: capitalize;
}

.philosophy__card-desc {
	color: var(--text-main-secondary, #575C68);

	/* p */
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */

	max-width: 530px;
}

/* ---------------------------------------------------------------------------- */

.page__care {
	margin-bottom: 70px;
}

.care__container {}

.container {}

.care__inner {
	display: flex;
	gap: 8px;

	min-height: 669px;
}

.care__left {}

.care__left-card {
	max-width: 1042px;

	border-radius: var(--corner-radius-3xl, 20px);
	background: var(--background-secondary, #F4F4F5);

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;

	position: relative;
	overflow: hidden;

	height: 100%;

	padding: 32px 40px;
}

.care__left-card-top {
	position: relative;
	z-index: 1;
}

.care__left-card-title {
	color: var(--text-main-title, #030815);

	/* H2 */
	font-size: var(--Font-size-h2, 56px);
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	/* 61.6px */
	letter-spacing: -1.12px;

	margin-bottom: 59px;
}

.care__left-card-title-2 {
	color: var(--BLUE, #50C1ED);
	font-family: "Cheri";
	font-size: 60px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 60px */
	text-transform: capitalize;
}

.care__left-card-subtitle {
	color: var(--text-main-secondary, #575C68);

	/* p2 */
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 19.6px */

	max-width: 580px;
}

.care__left-card-btn {
	color: var(--button-colors-text-white, #FFF);

	/* button */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	/* 22.4px */

	display: inline-flex;
	padding: 19px 32px;
	align-items: center;
	gap: 16px;
	border-radius: var(--button-border-radius-lg, 16px);
	background: var(--button-colors-fill-secondary-default, #363C4A);

	max-width: 228px;

	position: relative;
	z-index: 2;
}

.care__left-card-image {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 100%;

}

.care__right {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	gap: 8px 8px;


}

.care__right-card {
	border-radius: var(--corner-radius-3xl, 20px);
	background: var(--background-secondary, #F4F4F5);

	padding: 32px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
}

.care__right-card-img {}

.care__right-card-image {
	border-radius: var(--Radius-xs, 8px);
	background: var(--background-white, #FFF);
	padding: 20px;
}

.care__right-card-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.care__right-card-term {
	color: var(--text-main-title, #030815);

	/* 18 */
	font-size: 18px;
	font-style: normal;
	font-weight: 800;
	line-height: 140%;
	/* 25.2px */
}

.care__right-card-desc {
	color: var(--text-main-secondary, #575C68);

	/* p */
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

/* ---------------------------------------------------------------------------- */

.page__help {
	margin-bottom: 80px;
}

.help__container {}

.container {}

.help__inner {}

.help__card {
	margin-bottom: 8px;
}

.section__card {}

.scroll {}

.help__card-inner {
	padding: 32px 40px;
}

.section__card-inner {}

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

.section__card-info {}

.help__card-info-container {}

.help__card-title {
	color: var(--text-main-title, #030815);

	/* H2 */
	font-size: var(--Font-size-h2, 56px);
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	/* 61.6px */
	letter-spacing: -1.12px;
}

.section__card-title {}

.help__card-title-2 {
	color: var(--BLUE, #50C1ED);

	/* Cheri */
	font-family: "Cheri";
	font-size: 80px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 80px */
	text-transform: capitalize;
}

.help__card-subtitle {
	max-width: 532px;
	color: var(--text-main-secondary, #575C68);

	/* p */
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.section__card-subtitle {}

.help__card-right {
	display: flex;
	flex-direction: column-reverse;
	gap: 20px;

}

.section__card-right {}

.help__card-links {}

.section__card-links {}

.help__card-item {}

.section__card-item {}

.help__card-link {}

.section__card-link {}

.section__card-item--active {}

.help__card-btn {}

.section__card-btn {}

.help__cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
	gap: 8px 8px;
}

.help__card-scale {
	border-radius: var(--corner-radius-3xl, 20px);
	background: var(--background-secondary, #F4F4F5);
	padding: 10px 10px 40px 10px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 32px;
	cursor: pointer;
}

@media(hover:hover) {
	.help__card-scale:hover .help__card-image {
		transform: scale(1.1);
	}
}



.help__card-img {
	overflow: hidden;
	border-radius: 20px;
}

.help__card-image {
	max-width: 100%;
	transition: ease .2s;
}

.help__card-scale-title {
	color: var(--text-main-title, #030815);
	text-align: center;

	/* H3 */
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	/* 38.4px */
}

.team__head-title-2 {
	color: var(--BLUE, #50C1ED);

	/* Cheri */
	font-family: "Cheri";
	font-size: 80px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 80px */
	text-transform: capitalize;
}

.kids-team__head-title {
	max-width: unset;
}

.page__team {
	position: relative;
	z-index: 1;
}

.kids__head-image {
	position: absolute;
	top: 0px;
	right: 0;
}

/* ---------------------------------------------------------------------------- */

.page__kids-register {
	position: relative;
	padding-top: 120px;

	margin-bottom: 87px;
}

.kids-register__image {
	position: absolute;
	top: -13px;
	right: 43%;
	z-index: 1;

}

.kids__team {
	margin: 0 0 70px 0;
}

.footer__image {
	position: absolute;
	left: -24px;
	top: 179px;
}

/* ---------------------------------------------------------------------------- */
.footer {
	position: relative;

}

.header__window-image-1 {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

.header__window-image-2 {
	position: absolute;
	bottom: 0%;
	right: 5%;
	transform: translate(-30%, 0);
}

/* ---------------------------------------------------------------------------- */
.page__our-med {
	margin-bottom: 77px;
}

.our-med__head {
	display: flex;
	gap: 8px;
}

.our-med__card {
	max-width: 863px;
	width: 100%;
}

.our-med__card-inner {
	display: flex;
	flex-direction: column;
	align-items: normal;
	justify-content: space-between;
	gap: 20px;
	height: 100%;
}

.our-med__card-info {
	gap: 32px;
}


.our-med__card-subtitle {
	max-width: 493px;
}

.our-med__card-btn {
	padding: 19px 32px;
	border-radius: var(--button-border-radius-lg, 16px);
	background: var(--button-colors-fill-secondary-default, #363C4A);

	color: var(--button-colors-text-white, #FFF);

	/* button */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	/* 22.4px */

	max-width: 228px;
}

.our-med__img {
	margin: 0;
}

/* ---------------------------------------------------------------------------- */
.page__specialists {
	margin-bottom: 80px;
}

.specialists__container {}

.container {}

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

.specialists__title {
	display: none;
}

.specialists__nav {
	max-width: 375px;
	margin: 0 0 0 40px;

	display: flex;
	flex-direction: column;
	gap: 28px;

}

.specialists__nav-title {
	color: var(--text-main-title, #030815);

	/* H2_5 */
	font-size: var(--Font-size-h2_5, 40px);
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	/* 48px */
	letter-spacing: -0.8px;
}

.specialists__nav-form {
	margin-bottom: 14px;
}

.specialists__nav-label {
	display: flex;
	align-items: center;
	gap: 16px;

	padding: 8px 16px;
	border-radius: var(--corner-radius-lg, 8px);
	background: var(--input-colors-fill-grey-default, #F8F7F8);

}

.specialists__nav-svg {}

.specialists__nav-input {
	background: var(--input-colors-fill-grey-default, #F8F7F8);

	color: var(--input-colors-text-label-default, #8C8F97);

	/* p */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.specialists__nav-list {
	display: flex;
	flex-direction: column;
	gap: 10px;

	max-width: 122px;
	flex-wrap: wrap;

}

.specialists__nav-item {
	padding: 8px 16px;
	border-radius: var(--corner-radius-full, 999px);
	background: var(--Icons-grey-light, #F8F7F8);

	color: var(--text-main-title, #030815);

	/* p2 */
	font-size: var(--Font-size-p2, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */

	align-self: baseline;

	cursor: pointer;

}

.specialists__nav-item--active {
	background: var(--Icons-brand-secondary, #363C4A);
	color: var(--text-main-title-light, #FFF);

	/* p2 */
	font-size: var(--Font-size-p2, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.specialists__cards {}

.specialists__tab {
	display: none;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	width: 100%;
	gap: 8px 8px;

	max-width: 1153px;
}

.specialists__tab--active {
	display: grid;
}

.modal__btn {
	text-align: left;
}

.specialists__card {
	overflow: hidden;
}

.specialists__card:hover .doctors__slide-img {
	transform: scale(1.1);
}

.specialists__card {
	max-height: 505px;
	position: relative;
	border-radius: 20px;


}

.doctors__slide-img {
	border-radius: var(--corner-radius-3xl, 20px);
	object-fit: cover;

	max-width: 100%;
	transition: ease .2s;
}

.specalists__card-info {
	position: absolute;
	bottom: 0;
	left: 0;
        right: 0;
	border-radius: var(--corner-radius-xl, 12px);
	background: #FFF;
	padding: var(--Spacers-md, 16px) var(--Spacers-2xl, 24px);

	margin: 24px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;

}

.specialists__card-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.specialists__card-title {
	color: var(--text-main-title, #030815);

	/* h5 */
	font-size: var(--Font-size-h5, 18px);
	font-style: normal;
	font-weight: 600;
	line-height: 125%;
	/* 22.5px */
	letter-spacing: -0.36px;
}

.specialists__card-subtitle {
	color: var(--text-main-secondary, #575C68);

	/* p3 */
	font-size: var(--Font-size-p3, 14px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 19.6px */

}

.specialists__card-link {
	color: var(--text-main-brand, #1280E8);
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	/* 22.4px */
	text-transform: uppercase;
	text-align: left;
}

.our-med__card-info-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
}


.our-med__page {
	margin-bottom: 60px;
}

.our-med__image {
	object-fit: cover;
	max-width: 100%;
}

/* ---------------------------------------------------------------------------- */
.page__person {
	overflow: visible;
}

.person__title {
	display: none;
}

.person__head {
	display: flex;
	gap: 53px;

	margin-bottom: 80px;
}

.person__head-container {
	width: 100%;
}

.person__btn-2 {
	margin-top: 20px;

	display: none;
}

.person__btn-link-2 {
	color: var(--button-colors-text-white, #FFF);
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	border-radius: var(--button-border-radius-lg, 16px);
	background: var(--button-colors-fill-secondary-default, #363C4A);
	padding: 19px 32px;
	max-width: 155px;
	display: block;
}

.person__head-top {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	width: 100%;

	margin-bottom: 48px;
}

.person__img {
	max-width: 504px;
	width: 100%;
}

.person__image {
	max-width: 100%;
	border-radius: 20px;

	position: sticky;
	top: 100px;
	left: 0;
}

.person__content {
	max-width: 832px;
	width: 100%;
}

.person__about {
	display: flex;
	flex-direction: column;
	gap: 8px;

	margin-bottom: 51px;
}

.person__about-name {
	color: var(--Typography-Dark-grey, #212121);

	/* H3 */
	font-size: var(--Font-size-h3, 32px);
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	/* 38.4px */
	letter-spacing: -0.64px;
}

.person__about-desc {
	color: var(--text-main-secondary, #575C68);

	/* p */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.person__about-exp {}

.person__about-exp-1 {
	color: var(--text-main-title, #030815);

	/* button */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	/* 22.4px */
}

.person__about-exp-2 {
	color: var(--text-main-secondary, #575C68);

	/* p */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.person__info {}

.person__info-title {
	color: var(--text-main-label, #8C8F97);

	/* p */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */

	border-top: 1px solid var(--stroke-grey-light, #E7E7E7);
	padding-top: 14px;

	margin-bottom: 51px;
}

.person__info-sheets {}

.person__info-list {
	margin-bottom: 36px;
}

.person__info-term {
	color: var(--Typography-Dark-grey, #212121);

	/* H3_5 */
	font-size: var(--Font-size-h3_5, 24px);
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
	/* 31.2px */
	letter-spacing: -0.48px;

	margin-bottom: 16px;
}

.person__info-desc {
	color: var(--text-main-secondary, #575C68);

	/* p */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.person__info-item {
	display: flex;
	gap: 10px;

	margin-left: 10px;
}

.person__info-item::before {
	content: " ";
	border-radius: 100%;
	min-width: 4px;
	height: 4px;
	background: #575c68;
	display: inline-block;
	margin: 8px 0 0 0;
}

.person__info-desc-text {}

.person__btn-link {}

.person__btn {
	color: var(--button-colors-text-white, #FFF);

	/* button */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	/* 22.4px */
	border-radius: var(--button-border-radius-lg, 16px);
	background: var(--button-colors-fill-secondary-default, #363C4A);
	padding: 19px 32px;
	margin-right: 39px;


	position: sticky;
	top: 100px;
	left: 0;

	display: block;
}

.person__card {
	border-radius: var(--corner-radius-3xl, 20px);
	background: var(--background-secondary, #F4F4F5);
	padding: 47px 39px 59px 28px;

	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.person__card-content {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.person__card-title {
	color: var(--Typography-Dark-grey, #212121);

	/* H3 */
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	/* 38.4px */
}

.person__card-subtitle {
	color: var(--text-main-secondary, #575C68);

	/* p */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
	max-width: 460px;
}

.person__card-list {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	flex-wrap: wrap;
	align-content: flex-start;
}

.person__card-item {
	color: var(--text-main-title, #030815);

	/* p2 */
	font-size: var(--Font-size-p2, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.person__row {
	border-radius: var(--corner-radius-3xl, 20px);
	background: var(--background-secondary, #F4F4F5);
	overflow: hidden;
	padding: 51px 40px 71px 40px;

	position: relative;

	margin-bottom: 80px;
}

.person__row-top {
	display: flex;
	justify-content: space-between;
	gap: 20px;

	margin-bottom: 60px;
}

.person__row-top-container {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.person__row-title {
	color: var(--Typography-Dark-grey, #212121);

	/* H3 */
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	/* 38.4px */
}

.person__row-subtitle {
	color: var(--text-main-secondary, #575C68);

	/* p */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */

	max-width: 541px;
}

.person__slider-top-btns {}

.person-slider__btn {}

.person-button-prev {
	rotate: 180deg;
}

.person-button-next {}

.person__slider {}

.scroll {}

.swiper-person {}

.person__slider-line {}

.swiper-wrapper {}

.person__slide {
	width: unset;
	cursor: pointer;
	position: relative;
}





.swiper-slide {}

.person__slide-img {}


.person__slide-name {
	font-weight: 600;
	font-size: 14px;
	line-height: 140%;
	color: #030815;
	border-radius: 30px;
	padding: 10px 16px;
	background: #fff;
}

.person__slider-top-btns {
	border-radius: 20px 0px 0px 20px;
	background: var(--stroke-white, #FFF);
	position: absolute;
	top: 51px;
	right: 0px;
	z-index: 1;
	padding: 12px 24px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.person__register-card {
	margin-bottom: 70px;
}

.person__slider-top-btns-2 {
	display: none;
}


/* ---------------------------------------------------------------------------- */

.page__contacts {
	margin-bottom: 141px;
}

.contacts__cards {
	display: flex;
	gap: 16px;
}

.contacts__nav {
	margin: 35px 0 33px 36px;
}

.contacts__card {
	border-radius: 20px;
	background: #F4F4F5;
}

.contacts__card:nth-of-type(1) {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;

	padding: 274px 84px 386px 91px;
	gap: 55px;
}

.contacts__card:nth-of-type(2) {
	position: relative;
}

.contacts__card-title {
	color: var(--Dark-Blue, #242E38);
	text-align: center;

	/* H2 */
	font-size: 56px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%;
	/* 56px */
	letter-spacing: -1.12px;
}

.contacts__card-subtitle {
	color: var(--Dark-Blue, #242E38);
	text-align: center;

	/* p2 */
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 19.6px */

	max-width: 552px;
}

.contacts__card-img {}

.contacts__card-image {
	border-radius: 20px;
}


.contacts__card-maps {
	display: flex;
	align-items: center;
	gap: 10px;

	border-radius: 50px;
	background: #FFF;
	padding: 20px;

	position: absolute;
	bottom: 39px;
	left: 31px;


}

.contacts__card-svg {}

.contacts__card-maps-open {
	color: var(--Typography-Dark-grey, #212121);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 16px */
}

.contacts__card-up {
	position: absolute;
	bottom: 27px;
	left: 18px;
}

/* ---------------------------------------------------------------------------- */
.page__director {
	margin-bottom: 192px;
}

.director__container {}

.container {}

.director__inner {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	gap: 20px;
}

.director__title {
	display: none;
}

.director__img {}

.director__image {
	max-width: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.director__head {
	max-width: 692px;
	max-width: 692px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.director__content-title {
	color: #000;

	/* H2 */
	font-size: 56px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%;
	/* 56px */
	letter-spacing: -1.12px;

	margin-bottom: 70px;
}

.director__content {
	display: flex;
	gap: 66px;
	align-items: flex-start;

	margin-bottom: 70px;
}

.director__content-image {
	color: var(--BLUE, #50C1ED);
	font-family: Manrope;
	font-size: 150px;
	font-style: normal;
	font-weight: 800;
	line-height: 75%;
	/* 165px */
}

.director__content-info {}

.director__content-desc {
	color: #000;

	/* Info */
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 227%;
	/* 36.32px */

	margin-bottom: 35px;
}

.director__content-name {
	color: #000;

	/* H3.5 */
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 26.4px */

	margin-bottom: 9px;
}

.director__content-position {
	color: #000;

	/* p */
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.director__content-btn {
	color: var(--White, #FFF);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 16px */

	border-radius: 50px;
	background: var(--BLUE, #50C1ED);
	padding: 24px 40px;
}

/* ---------------------------------------------------------------------------- */
.page__contacts-info {
	margin: 131px 0 35px 0;
}

.contacts-info__container {}

.container {}

.contacts-info__inner {}

.contacts-info__cards {
	display: flex;
	gap: 8px;
}

.contacts-info__card {
	border-radius: var(--corner-radius-2xl, 16px);
	background: #F4F4F5;
	padding: 20px 32px;
	width: 100%;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 53px;
}

.contacts-info__card-top {}

.contacts-info__card-title {
	color: var(--color-azure-29, #37465C);

	/* H3.5 */
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 26.4px */
}

.contacts-info__card-bot {
	display: flex;
	gap: 10px;
	align-items: start;
}

.contacts-info__card-image {}

.contacts-info__card-text {
	color: var(--color-azure-29, #37465C);

	/* p */
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.contacts-info__card-adress {}

.contacts-info__card-link {
	color: var(--BLUE, #50C1ED);

	/* p */
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.contacts-info__card-bot-container {}

.contacts-info__card-tel {
	color: var(--color-azure-29, #37465C);

	/* p */
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */

	display: flex;
	align-items: center;
	gap: 10px;
}

.contacts-info__card-info {
	color: var(--color-azure-29, #37465C);

	/* p */
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

/* ---------------------------------------------------------------------------- */
.page__map {

	margin-bottom: 80px;
}

.map__container {}

.container {}

.map__inner {
	position: relative;
}

.map__title {}

.map__image {
	max-width: 100%;
	border-radius: 20px;
        filter: grayscale(100%);
}

.map__window {
	max-width: 676px;
	border-radius: 20px;
	background: #fff;

	position: absolute;
	top: 50%;
	left: 96px;

	padding: 37px 35px 38px 69px;

	transform: translate(0, -50%);
}

.map__window-title {
	color: #000;

	/* H3 */
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	/* 38.4px */

	margin-bottom: 48px;

	max-width: 425px;
}

.map__window-subtitle {
	color: #000;

	/* p */
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */

	margin-bottom: 50px;
}

.map__window-link {
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 50px;
	border: 1px solid #B0B0B0;
	background: #FFF;
	padding: 20px;
	max-width: 206px;
}

.map__window-image {}

.map__window-text {
	color: var(--Typography-Dark-grey, #212121);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 16px */
}

.contacts__register {
	margin-bottom: 80px;
}


/* ---------------------------------------------------------------------------- */
.confidence__card-inner {
	align-items: flex-end;
	padding: 32px 22px 28px 40px;

}

.page__confidence {
	overflow: visible;
	margin-bottom: 80px;
}

.confidence__info-item--active .section__info-link-image {
	display: flex;
}

.section__info-link-image {
	display: none;
}

.confidence__info-item--active .section__info-link-text {
	color: var(--color-azure-29, #37465C);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 22.4px */
}

.confidence__info-link {
	display: flex;
	align-items: center;
	gap: 8px;

	color: var(--drmarc-webflow-io-pickled-bluewood-80, var(--color-azure-2980, rgba(55, 70, 92, 0.80)));

	/* p */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.content-desc-2 {
	max-width: 731px;
}

.section__info-2 {
	max-width: 1115px;
}

.section__info-nav-2 {
	max-width: 450px;
}

.confidence__card-title {
	color: var(--Typography-Dark-grey, #212121);

	/* H2 */
	font-size: 56px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%;
	/* 56px */
	letter-spacing: -1.12px;
}

.confidence__card-image {}

.section-2-content-term {
	color: var(--USLUGI, #575C68);

	/* 18 Bolt */
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 25.2px */

	margin-top: 39px;
}

.section__info-body-list-title-container {
	display: flex;

	padding-bottom: 56px;

}

.section__info-body-list-title {
	color: var(--USLUGI, #575C68);

	/* 18 Bolt */
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 25.2px */
	margin-right: 86px;
}

.section__info-body-column-1 {
	display: flex;
	flex-direction: column;
	gap: 20px;

	max-width: 378px;
}

.section__info-body-column-container {
	display: flex;
	flex-direction: column;
	gap: 3px
}

.section__info-body-column-title {
	color: var(--Dark-Blue, #242E38);
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 22.4px */
}

.section__info-body-column-subtitle {
	color: var(--Dark-Blue, #242E38);

	/* p */
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.section__info-body-column-2 {
	max-width: 353px;

	display: flex;
	flex-direction: column;
	gap: 22px;
}

.patient__info-body-title {
	padding: 16px 0 0 0;
}

.for-patient__info-content-text-list {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.for-patient__info-content-text-item::before {
	content: " ";
	border-radius: 100%;
	display: block;
	min-width: 4px;
	min-height: 4px;
	background: var(--USLUGI, #575C68);

	margin-top: 9px;
}

.for-patient__info-content-text-item {
	display: flex;
	align-items: start;
	gap: 9px;
}

.section__info-download {
	color: var(--USLUGI, #575C68);
	font-family: Manrope;
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.content-text-list-2 {
	gap: unset;
}

.info-download-2 {
	color: var(--USLUGI, #575C68);
	font-family: Manrope;
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.kohan__info-desc {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.unvisible--slide {
	visibility: hidden;
	pointer-events: none;
}

.section__nav-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;

	margin: 42px 0 45px 40px;
}

.clinic__nav {
	margin: 0 0 97px 0;
}

.section__nav-item {
	color: var(--text-main-title, #030815);

	/* p */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */

	display: flex;
	align-items: center;
	gap: 16px;

}

.section__nav-item:not(:last-child)::after {
	content: "";
	display: block;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	background-color: var(--Icons-grey, #B0B0B0);
	opacity: 0.5;


}

.section__nav-link {
	display: flex;
	align-items: center;
	gap: 8px;

	color: var(--text-main-label, #8C8F97);

	/* p */
	font-size: var(--Font-size-p, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
}

.section__nav-image {}

.d-none, .d-mobile {
    display: none!important;
}


/* ---------------------------------------------------------------------------- */

@media(max-width: 1880px) {

	body {
		padding: 33px 30px 33px 30px;
	}

	.register__card-forms {
		gap: 20px;
	}

	.register__card-accept {
		margin: unset;
	}

	.register__card-btn {
		margin: unset;
	}

	.review__cards {
		justify-content: center;
		gap: 30px;
	}

	.about__cards-top {
		max-height: unset;
	}

	.about__card {
		max-height: unset;
		flex: 1 1 49%;
		gap: 20px;
	}

	.about__card-1 {
		max-width: unset;
		gap: 40px;
		flex: 1 1 47%;
	}

	.about__card-bg {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.about__cards-container {
		flex-wrap: wrap;
		width: 60%;
	}

	.about__card-2 {
		flex: 1 1 47%;
	}

	.about__card-bot {
		flex-wrap: wrap;
	}

	.about__card-img {
		width: 49%;
		flex: 1 1 49%;
	}

	.about__card-images-container {
		flex-wrap: wrap;
	}

	.review__content {
		width: 100%;
		gap: 10px;
	}

	.review__inner {
		gap: 40px;
	}


	.about__card-img {
		max-height: 600px;
		object-fit: cover;
	}

	.about__cards-bot-body {
		max-width: unset;
	}


	.about__card-3,
	.about__card-4 {
		flex: unset;
		height: unset;
	}

	.mission__card-image {
		max-width: 100%;
	}

	.person__card-list {
		justify-content: right;
	}

	.contacts__card:nth-of-type(1) {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 91px 0 77px;
	}

	.contacts__card-title {
		max-width: 500px;
	}

	.contacts__card-image {
		max-width: 100%;
	}

	.care__left-card-image {
		position: absolute;
		bottom: -57px;
		right: -85px;
		max-width: 100%;
	}

}

@media(max-width: 1620px) {
	.preview__row-img {
		right: -100px;
	}

	.footer__columns-container {
		max-width: unset;
		gap: 40px;
	}

	.register__card {
		padding: 32px 32px 32px 40px;
	}

	.register__card-form {
		max-width: unset;
	}

	.register__card-forms {
		justify-content: center;
	}

	.footer__column-1 {
		flex-direction: column;
		margin: 0px 70px 0px 0px;
	}

	.preview-row-3 {
		min-height: 300px;
	}

	.clinic-about__card-term {
		font-size: 48px;
	}

	.section__info-nav {
		max-width: 280px;
	}

	.section__info {
		max-width: 960px;
	}

	.section__info-content-desc {
		max-width: 620px;
	}

	.clinic__about__cards-left {
		max-width: unset;
		flex-direction: column;
	}

	.section__card-btn {
		white-space: nowrap;
	}

	.kids__bg-1 {
		top: -160px;
		right: -100px;
	}

	.kids__bg-2 {
		position: absolute;
		top: 0px;
		right: -105px;
		z-index: -1;
	}

	.philosophy__card-image {
		max-width: 863px;
		width: 100%;
	}

	.philosophy__card-term {
		max-width: 400px;
	}

	.philosophy__card-image-2 {
		padding-left: 410px;
		max-width: 100%;
	}

	.philosophy__card {
		justify-content: center;
	}

	.footer__image {
		top: 251px;
	}

	.map__window {
		left: 40px;
	}

	.care__right {
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	}

	.help__cards {
		grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
	}

	.child-place__card-bg {
		width: 70%;
		top: 70px;
	}

}

@media(max-width:1440px) {
        .d-mobile {
            display: flex!important;
        }
	.team__inner {
		flex-direction: column-reverse;
		align-items: start;
	}

	.team__head {
		padding: 0;
		min-height: unset;
	}

	.team__slider,
	.team-slider {
		max-width: 500px;
	}

	.team__slider-line {
		min-height: 600px;
	}

	.section__info {
		max-width: 890px;
	}

	.info__cost-card-content {
		max-width: 450px;
	}


	.clinic__about__cards-rows {
		flex-wrap: wrap;
	}

	.clinic-about__card {
		flex: 1 1 49%;
	}

	.info__cost-cards {
		gap: 40px;
	}


	.section__info-nav {
		margin: 0;
	}

	.child-place__image {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.child-place__card-title {
		max-width: 750px;
	}

	.child-place__card-bg {
		padding-left: 0px;
		width: 50%;
		top: 80px;
	}

	.kids__bg-1 {
		right: -200px;
	}

	.kids__bg-2 {
		right: -200px;
	}

	.philosophy__card:nth-of-type(2) {
		width: 100%;
	}

	.our-med__card {
		max-width: unset;
	}

	.our-med__image {
		width: 100%;
	}

	.specialists__cards {
		grid-template-columns: repeat(2, 1fr);
	}

	.person__btn-link {
		margin: unset;
	}

	.contacts-info__cards {
		flex-wrap: wrap;
	}

	.contacts-info__card {
		flex: 1 1 47%;
	}

	.care__right {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	}

@media(min-width:901px) {
        .team__slider .swiper-slide-active {
                height: 600px !important;
        }

}

	.team__slide-desc {
		margin: 15px;
		padding: 15px;
		min-height: unset;
		bottom: 0;
		left: 0;
		width: unset;
	}

	.team__slide-hide {
		display: none;
	}

	.child-place__image {
		max-width: 100%;
	}


	.team__slide:last-child {
		width: 180px !important;
	}

	.reviews__row-bg {
		right: -40px;
	}

	.contacts__card-up {
		width: 60px;
	}
        .reviews__slide, .person__slide {
            max-width: 33.3%;
        }
}

@media(max-width:1280px) {
	.reviews__row {
		padding: 20px;
	}

	.about__cards-bot {
		flex-direction: column;
	}

	.about__cards-top {
		flex-wrap: wrap;
	}

	.about__cards-container {
		width: 100%;
		flex-direction: row;
	}

	.about__cards-bot-body {
		flex-direction: column;
	}

	.about__card-images-container {
		max-width: unset;
	}

	.register__card-form {
		flex-direction: column;
	}

	.register__card-forms {
		flex-wrap: wrap;
		justify-content: unset;
	}

	.footer__columns-container {
		flex-direction: column;
	}

	.footer__column-2 .footer__column-list {
		margin-bottom: 40px;
	}

	.person__head-top {
		flex-direction: column;

	}

	.our-med__head {
		flex-direction: column;
	}

	.person__btn-link {
		display: none;
	}

	.person__btn-2 {
		display: block;
		max-width: unset;
		text-align: center;
	}

	.person__about {
		margin-bottom: 30px;
	}

	.person__card {
		flex-direction: column;
		gap: 30px;
	}

	.map__window-title {
		font-size: 26px;
	}

	.map__window {
		padding: 37px 35px 38px 35px;
		max-width: 600px;
	}


	.director__content-title {
		font-size: 48px;
	}

	.care__inner {
		flex-direction: column;
	}

	.care__left-card {
		max-width: unset;
	}

	.care__left-card-image {
		bottom: 0;
		right: -0px;
	}

	.care__left-card-title {
		max-width: 550px;
		margin-bottom: 30px;
	}

	.care__right {
		grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	}

	.clinic-about__cards {
		flex-direction: column;
	}

	.clinic-about__card-image {
		max-height: 550px;
	}

	.mission__cards-bottom .mission__card {
		justify-content: unset;
		gap: 40px;
	}

	.person__btn-link-2 {
		max-width: unset;
		width: 100%;
	}

}

@media(max-width: 1240px) {
.review__content {
        width: 100%;
        gap: 10px;
        text-align: center;
    }
    .page__reviews iframe {
    padding: 0;
}
	.header .header__menu-list,
	.header .header__info {
		display: none;
	}

	.burger-btn {
		display: flex;
	}

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

	.preview__row-main-title {
		font-size: 56px;
	}

	.about__card-subtitle {
		max-width: unset;
	}

	.mission__cards-top {
		flex-direction: column-reverse;
	}

	.mission__card-image {
		width: 100%;
		height: 500px;
	}

	.mission__card-title {
		max-width: unset;
	}

	.child-place__card-bg {
		display: none;
	}

	.equipment__cards {
		flex-direction: column;
	}

	.equipment__slider {
		max-width: unset;
	}

	.equipment-slide {
		gap: 44px;
	}

	.equipment-slide-term {
		font-size: 28px;
	}

	.equipment-slide-list {
		gap: 20px;
	}

	.equipment-slide-desc {
		max-width: 300px;
	}

	.equipment-slide-list {
		padding: 30px;
	}

	body {
		padding: 33px 30px 33px 30px;
	}


	.about__card-images-container {
		flex-wrap: nowrap;
	}

	.mission__cards-bottom {
		flex-direction: column;
	}

	.mission__cards-bottom .mission__card {
		flex-direction: row;
	}

	.mission__card-list {
		max-width: 600px;
		gap: 20px;
	}



	.about__card-4 .about__card-count,
	.about__card-3 .about__card-count {
		margin: 0px 0px 0px 0px;
	}

	.section__card-inner {
		flex-direction: column;
		align-items: normal;
	}





	.header__menu-list {
		margin: 0;
		flex-direction: column;
		align-items: start;
		max-width: unset;
		margin: 0px 0px 40px 0px;
	}

	.burger-menu__window {
		padding: 40px;
	}

	.header__info {
		justify-content: start;
	}

	.header__info-number {
		justify-content: start;
	}

	.header__info-time-text {
		text-align: left;
	}

	.header__menu-item {
		font-size: 20px;
	}

	.header__info-time-text {
		font-size: 14px;
	}

	.header__info-number-tel {
		font-size: 22px;
	}

	.header__window {
		position: unset;
		transform: unset;
		width: 100%;
		opacity: 1;
		pointer-events: all;
		padding: 0;
		max-height: 0;
		overflow: hidden;
		transition: all .3s ease-in-out;
	}

	.header__window-inner {
		padding: 20px;
	}

	.header__window-inner {
		flex-direction: column;
		gap: 20px;
	}

	.header__window-item {
		font-size: 20px;
	}

	.costs__card-inner {
		flex-direction: column;
		align-items: unset;
	}

	.costs__card-info {
		max-width: unset;
	}

	.costs__accordion-body-top {
		flex-direction: column;
	}

	.costs__accordion-body {
		padding: 0px 40px 40px 40px;
	}

	.costs__accordion-body-top {
		margin-bottom: 40px;
	}

	.costs__accordion-body-bottom {
		justify-content: space-between;
		gap: 20px;
	}

	.costs__accordion-info {
		max-width: unset;
	}

	.costs__accordion-body-mid {
		flex-direction: column;
	}

	.costs__accordion-cost {
		max-width: unset;
	}

	.costs__accordion-body-child-info {
		flex-direction: column;
	}

	.section__info {
		max-width: 730px;
	}

	.section__info-content-desc {
		max-width: 450px;
	}

	.info__cost-card-content {
		max-width: 350px;
	}

	.equipment__card-title,
	.equipment__card-subtitle {
		max-width: unset;
	}

	.equipment__card {
		gap: 20px;
	}

	.equipment-slide-list {
		max-width: 350px;
	}

	.equipment__cards {
		min-height: unset;
		max-height: unset;
	}


	.equipment-slide {
		min-height: 600px;
	}

	.philosophy__card-term-2 {
		font-size: 51px;
	}

	.specialists__nav {
		margin: 0;
	}

	.specialists__nav-title {
		font-size: 36px;
	}

	.specialists__nav {
		max-width: 275px;
	}

	.director__inner {
		flex-direction: column;
	}

	.director__image {
		max-height: 600px;
	}

	.page__contacts {
		margin-bottom: 80px;
	}

	.page__director {
		margin-bottom: 80px;
	}

	.contacts__card-title {
		font-size: 48px;
	}

	.contacts__card:nth-of-type(1) {
		padding: 30px 60px;
	}


}

@media(max-width:1180px) {
	.our-services__cards {
		flex-direction: column;
	}

	.our-services__card {
		min-height: 540px;
	}

	.reviews__row-bg {
		opacity: .5;
	}

	.costs__accordion-btn {
		top: 20px;
		right: 20px;
	}


	.media__slider-btns {
		bottom: 0;
	}

	.philosophy__card:nth-of-type(2) {
		width: 100%;
	}

	.philosophy__cards {
		flex-direction: column-reverse;
	}

	.philosophy__card-image {
		max-height: 500px;
		object-fit: cover;
	}

	.care__left-card-image {
		right: -150px;
	}

}

@media(max-width:1080px) {
    .reviews__slide, .person__slide {
            max-width: 50%;
        }
	.section__info {
		max-width: 600px;
	}

	.section__info-content-desc {
		max-width: 620px;
	}


	.section__info-img {
		display: none;
	}

	.info__card-content {
		max-width: unset;
	}

	.section__info-card {
		padding: 30px;
	}

	.info__card-form,
	.info__card-accept,
	.info__card-btn {
		max-width: unset;
	}

	.section__info-content-term {
		max-width: 280px;
	}

	.section__info-content {
		flex-direction: column;
	}

	.section__info {
		max-width: unset;
	}

	.section__info-content-desc {
		max-width: 500px;
	}

	.section__info-nav {
		max-width: unset;
	}

	.section__info-item:first-child {
		margin-bottom: 10px;
	}

	.child-place__cards {
		flex-direction: column;
	}

	.child-place__image {
		height: 500px;
	}

	.clinic-about__nav {
		margin: 0 0 40px 0;
	}

	.mission__card-title {
		font-size: 48px;
	}

	.child-place__card {
		padding: 40px;
	}

	.equipment__card-title {
		font-size: 48px;
	}

	.footer__image {
		display: none;
	}

	.map__window-subtitle {
		margin-bottom: 30px;
	}

	.map__window-title {
		margin-bottom: 30px;
	}

	.map__window {
		max-width: 450px;
		padding: 30px;
	}
}

@media(max-width: 960px) {
	.preview__row-img {
		right: -250px;
	}
	.equipment__slider-top-btns {
		padding: 12px 0;
	}


	.costs__card-title {
		font-size: 75px;
	}

	.adv__line-item {
		max-width: 225px;
	}

	.preview__row-main-title {
		max-width: 360px;
	}

	.section__card-inner {
		padding: 30px;
	}

	.section__card-right {
		gap: 40px;
	}

	.preview__row-link,
	.register__card-btn {
		padding: 24px 16px;
	}

	.footer__desc {
		display: none;
	}

	.footer__top {
		flex-direction: column;
	}

	.footer__desc--media {
		display: block;
		margin-bottom: 40px;
	}

	.footer__column-1 {
		margin-bottom: 40px;
	}

	.footer__column-2 .footer__column-list {
		margin-bottom: 10px;
	}

	.footer__column-3 .footer__column-list {
		margin-bottom: 20px;
	}

	.footer__column-3 {
		margin-bottom: 40px;
	}

	.footer__column-links {
		flex-direction: row;
		margin-top: unset;
		justify-content: unset;
		margin-bottom: 40px;
	}

	.review__card-image {
		width: 220px;
	}

	.costs__accordion-cost-text {
		max-width: 600px;
	}

	.page__register {
		margin-bottom: 80px;
	}

	body {
		padding: unset;
	}

	.wrapper {
		border-radius: unset;
	}

	.register__card-btn {
		flex: 1 1 30%;
		max-width: unset;
		justify-content: center;
	}

	.about__cards-poster {
		right: 0;
	}


	.about__card-img {
		width: 49%;
	}

	.about__card-images-container {
		flex-wrap: nowrap;
	}

	.header__inner {
		padding: 24px 0;
	}

	.header-hide {
		padding: 0;
		background-color: #fff;
	}

	.header-hide .container {
		padding: 0 22px;
	}

	.burger-menu {
		height: calc(100% - 60px);
		width: 100%;
	}

	.costs__accordion-btn {
		min-width: 40px;
		height: 40px;
	}

	.costs__accordion-title {
		padding-right: 60px;
	}

	.info__cost-title {
		margin-bottom: 20px;
	}

	.section__img {
		margin: 16px 0 60px 0;
	}

	.clinic-about__cards,
	.page__mission,
	.page__child-place,
	.page__equipment,
	.main__page,
	.page__register {
		margin-bottom: 40px;
	}

	.page__media {
		margin-bottom: 40px;
	}

	.page__team {
		margin: 0 0 60px 0;
	}

	.child-place__card-btn {
		max-width: unset;
		justify-content: space-between;
	}

	.child-place__card-subtitle {
		max-width: unset;
	}

	.media-swiper {
		min-height: 550px;
	}

	.media-slide {
		max-height: 550px;
	}

	.media__title {
		margin: 0 0 40px 0;
	}

	.kids__bg-1 {
		opacity: 0.6;
	}

	.kids__bg-2 {
		opacity: 0.6;
	}

	.preview__row-text {
		color: #000;
	}

	.section__nav-list {
		margin: 40px 0 30px 0;
		gap: 10px;
	}

	.clinic__nav {
		margin: 0 0 30px 0;
	}

	.section__nav-item {
		gap: 10px;
	}

	.care__left-card-title {
		margin-bottom: 30px;
	}

	.help__card-title-2 {
		font-size: 53px;
	}

	.specialists__inner {
		flex-direction: column;
	}

	.specialists__nav-list {
		flex-wrap: wrap;
		flex-direction: row;
		max-width: unset;
	}

	.specialists__nav {
		max-width: unset;
		gap: 20px;
	}

	.person__slide-img {
		max-width: 300px;
	}

	.person__row {
		padding: 25px;
	}

	.person__head {
		gap: 30px;
	}

	.person__row-top {
		margin-bottom: 40px;
	}

	.person__card {
		padding: 40px;
	}

	.director__content-title {
		font-size: 40px;
	}

	.director__content-title {
		margin-bottom: 40px;
	}

	.director__content {
		margin-bottom: 40px;
	}

	.director__content-image {
		font-size: 100px;
	}

	.director__content {
		gap: 10px;
	}

	.contacts__cards {
		flex-direction: column;
		align-items: center;
	}

	.contacts__card-title {
		max-width: unset;
	}

	.contacts__card:nth-of-type(1) {
		padding: 60px;
	}

	.contacts__card:nth-of-type(2) {
		background-color: unset;
		width: 100%;
	}

	.contacts__card-image {
		max-height: 600px;
		object-fit: cover;
		width: 100%;
	}

	.section__info-body-list-title {
		margin: 0 20px 30px 0;
	}

	.section__info-body-list-title-container {}
}

@media(max-width:900px) {
	.contacts__card-up {
		bottom: 0;
	}

	.team__slide {
		width: 100%;
		height: unset;
	}

	.team__head-title-2 {
		font-size: 56px;
	}

	.team__slider .swiper-slide-active {
		width: 100%;
		height: unset;
	}

	.team__slider,
	.team-slider {
		width: 100%;
		max-width: 781px;
	}

	.team__slider-line {
		min-height: unset;
	}

	.section__info-content-desc {
		max-width: unset;
	}

	.section__info-body-list {
		flex-direction: column;
		padding: 20px 0;
	}

	.section__info-big-body-list {
		align-items: normal;
	}

	.title__content-desc {
		margin-top: 10px;
	}

	.section__info-body-title {
		padding: 20px 0;
	}

	.info__cost-card-content {
		max-width: 230px;
	}

	.clinic-about__card-title {
		font-size: 66px;
	}

	.mission__cards-bottom .mission__card {
		flex-direction: column;
		gap: 20px;
	}

	.mission__card-list {
		max-width: unset;
	}

	.clinic-about__card-bottom {
		flex-direction: column;
		align-items: normal;
	}

	.clinic-about__card-info {
		max-width: unset;
	}

	.section__card-btn {
		text-align: center;
	}

	.equipment__slider-top-btns {
		position: unset;
		display: flex;
		justify-content: space-between;
	}

	.media__slider-btns {
		position: unset;
		display: flex;
		justify-content: space-between;
		transform: translate(0);
		padding: 20px 0 0 0;
	}

	.person__slider-top-btns {
		display: none;
	}

	.person__slider-top-btns-2 {
		display: flex;
		justify-content: space-between;
		margin-top: 20px;
	}

	.map__window-link {
		max-width: unset;
		justify-content: center;
	}

	.map__window {
		max-width: unset;
		left: 0;
	}


	.map__image {
		min-height: 450px;
		object-fit: cover;
	}

	.page__our-med {
		margin-bottom: 20px;
	}


	@media(min-width:721px) {
		.team__slide-hide {
			display: block;
			width: 300px;
			height: 300px;
		}
	}

	.costs__accordion-body-bottom {
		flex-direction: column;
		justify-content: unset;
		align-items: unset;
	}

	.costs__accordion-button-2 {
		text-align: center;
	}

	.costs__accordion-bottom-links {
		max-width: unset;
	}

	.costs__accordion-cost-text {
		max-width: 500px;
	}

	.costs__accordion-child-titles {

		margin: 2px 0 40px 0;
	}

	.section__info-content-desc {
		width: unset;
	}

	.section__info-content-term {
		max-width: unset;
	}

	.section__cost {
		margin: 60px 0;
	}

	.section__slider {
		margin-bottom: 60px;
	}
}

@media(max-width: 768px) {
	.preview__row-botom {
		gap: 20px;
		flex-direction: column;
		align-items: normal;
	}

	.costs__card-inner {
		padding: 20px;
	}

	.costs__card-title {
		font-size: 54px;
	}

	.costs__accordion-head {
		padding: 20px;
	}

	.costs__accordion-title {
		font-size: 30px;
	}

	.costs__accordion-cost-text {
		max-width: 350px;
	}

	.costs__accordion-body {
		padding: 0 20px 20px 20px;
	}

	.about__card {
		padding: 30px 20px;
	}

	.container {
		padding: 0 20px;
	}

	.main__page {
		margin-bottom: 40px;
	}

	.footer {
		padding-bottom: 30px;
	}

	.preview__row-img {
		opacity: .6;
	}

	.about__card-btn {
		max-width: unset;
		justify-content: center;
	}

	.preview__row-main-title,
	.section__title {
		font-size: 40px;
	}

	.about__card-content {
		gap: 20px;
	}

	.about__card-1 {
		gap: 20px;
	}


	.review__content {
		gap: 14px;
	}

	.review__cards {
		gap: 15px;
	}

	.adv__line-item {
		max-width: 140px;
	}

	.register__card {
		padding: 20px;
	}

	.register__card-content {
		margin: 0px 0px 20px 0px;
	}

	.register__card-form {
		gap: 10px;
	}

	.register__card-input {
		padding: 14px;
	}

	.preview__modal-form-top {
		flex-direction: column;
		gap: 20px;
	}

	.preview__modal-window {
		padding: 24px;
		min-height: unset;
		gap: 20px;
	}

	.costs__nav {
		margin: 0 0 40px 0;
	}

	.our-services__card {
		min-height: 470px;
	}

	.our-services__row .our-services-bg {
		display: none;
	}

	.our-services-bg {
		width: 100%;
		min-width: 626px;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		object-fit: cover;
		height: 100%;
	}

	.our-services__card-head {
		padding: 0px;
	}

	.our-services__card-desc {
		margin: 0;
	}

	.our-services__card {
		padding: 20px;
		min-height: 400px;
	}

	.our-services__card-top {
		padding: 0;
	}

	.our-services__card-desc {
		padding: 20px;
		max-width: unset;
	}

	.our-services__card-desc-title {
		max-width: unset;
	}

	.our-services__card-desc-title {
		font-size: 24px;
		margin: 0px 0px 10px 0px;
	}

	.our-services__slide {
		max-width: 280px;
		min-height: 200px;
	}

	.our-services__row {
		padding: 20px;
	}

	.our-services__slide-name {
		font-size: 20px;
	}

	.our-services__slide-desc {
		font-size: 12px;
	}

	.our-services__card-title {
		margin: 0px 0px 20px 0px;
	}

	.page__our-services {
		margin: 0px 0px 60px 0px;
	}

	.team__inner {
		gap: 20px;
	}

	.team__head-title {
		margin: 0px 0px 20px 0px;
	}

	.team__head-tabs {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.team__head {
		gap: 30px;
	}

	.team__slide-title {
		font-size: 18px;
	}

	.team__slide-subtitle {
		font-size: 14px;
	}

	.page__team {
		margin: 20px 0 50px 0;
	}

	.reviews__row-bg {
		display: none;
	}

	.reviews__row {
		display: flex;
		flex-direction: column;
		min-height: unset;
	}

	.reviews__row-title {
		margin: 0px 0px 20px 0px;
	}

	.title {
		font-size: 34px;
	}

	.reviews__slide, .person__slide{
		max-width: 90%;
	}



	.media-swiper {
		min-height: 610px;
	}



	.clients__modal-top {
		flex-direction: column;
	}

	.clients__modal-window {
		padding: 20px;
	}

	.clients__modal-close {
		top: 20px;
		right: 20px;
	}

	.clients__modal-close-image {
		width: 30px;
		height: 30px;
	}

	.about__cards-poster {
		display: none;
	}



	.doctors__slider-top {
		margin-bottom: 30px;
	}

	.info__cost-cards {
		padding: 30px;
		gap: 30px;
	}

	.clinic-about__card-title {
		font-size: 56px;
	}

	.care__left-card-image {
		display: none;
	}

	.philosophy__card-img {
		display: none;
	}

	.philosophy__card-term {
		max-width: unset;
	}

	.page__philosophy,
	.page__care,
	.page__help {
		margin-bottom: 40px;
	}

	.kids__head-image {
		display: none;
	}

	.kids-register__image {
		display: none;
	}

	.page__kids-register {
		padding-top: 40px;
		margin-bottom: 40px;
	}

	.specalists__card-info {
		width: calc(100% - 50px);
	}

	.specialists__nav-title {
		font-size: 32px;
	}

	.person__head {
		flex-direction: column;
		align-items: center;
	}

	.director__content-title {
		font-size: 36px;
	}

	.contacts__card-title {
		font-size: 42px;
	}

	.director__image {
		max-height: 500px;
	}

	.director__content-btn {
		width: 100%;
	}

	.confidence__card-title {
		font-size: 42px;
	}

	@keyframes preview-row {
		0% {
			opacity: 0;
			transform: translateY(0px);
		}

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

@media(max-width:720px) {
	.team__slider-btns {
		position: unset;
		order: 1;
		padding: 0;
		width: 100%;
		justify-content: space-between;
		margin: 10px 0px 0px 0px;
	}

	.mission__card-title {
		font-size: 36px;
	}

	.mission__card-title-svg {
		margin: 11px 0 0 12px;
	}

	.mission__card {
		padding: 20px;
	}

	.team__head {
		order: 3;
	}

	.team__slider,
	.team-slider {
		order: 2;
	}

	.team__slide:last-child {
		display: none;
	}

	.philosophy__card-term,
	.care__left-card-title {
		font-size: 36px;
	}

	.philosophy__card-term-2,
	.care__left-card-title-2 {
		font-size: 46px;
	}

	.specialists__cards {
		grid-template-columns: repeat(1, 1fr);
	}

	.doctors__slide-img {
		object-position: top;
	}

	.section__card-title {
		font-size: 62px;
	}

	.section__card-info {
		gap: 30px;
	}
}

@media(max-width:620px) {
	.contacts__card-up {
		width: 50px;
	}

	.about__cards-top {
		display: flex;
		flex-direction: column;
	}

	.clinic-about__card-title {
		font-size: 40px;
	}

	.clinic-about__card-term {
		font-size: 40px;
	}

	.costs__accordion-bottom-links {
		flex-direction: column;
		gap: 20px;
	}

	.title {
		font-size: 28px;
	}

	.clinic__about__cards-rows {
		flex-wrap: nowrap;
		flex-direction: column;
	}

	.costs__accordion-title {
		font-size: 30px;
	}

	.costs__accordion-btn {
		min-width: 40px;
		height: 40px;
	}

	.costs__accordion-info-text,
	.costs__accordion-cost-text {
		font-size: 15px;
	}

	.costs__accordion-cost-text {
		max-width: 250px;
	}

	.costs__accordion-text-us {
		text-align: center;
	}



	.section__card-links {
		justify-content: start;
		margin: 20px 0 0 0;
	}

	.section__card-inner {
		padding: 25px;
	}

	.section__nav {
		margin: 40px 0 45px 0;
	}

	.clinic-about__nav {
		margin: 0 0 40px 0;
	}

	.section__card-right {
		align-items: unset;
	}

	.section__card-btn {
		text-align: center;
	}

	.section__card-info {
		gap: 20px;
	}

	.section__card-title {
		font-size: 42px;
	}


	.info__cost-card-content {
		max-width: 100px;
	}

	.doctors__slide-img {
		max-height: 500px;
		object-position: center -50px;
	}

	.info__card-btn,
	.section__card-btn {
		padding: 19px;
	}

	.clinic-about__card-list {
		flex-direction: column;
		gap: 20px;
	}

	.equipment-slide {
		min-height: 500px;
		padding: 30px;
	}

	.media-card__bot {
		flex-direction: column;
		align-items: start;
	}

	.equipment__card-title {
		font-size: 35px;
	}

	.child-place__card-title {
		font-size: 42px;
	}

	.media-swiper {
		min-height: 560px;
	}

	.media-slide {
		min-height: 560px;
		max-height: unset;
		height: unset;
		padding: 20px;
	}

	.media-card__term {
		font-size: 24px;
	}

	.help__cards {
		grid-template-columns: repeat(auto-fill, minmax(350px, 1fr))
	}

	.page__our-med {
		margin-bottom: 0px;
	}

	.page__specialists {
		margin-bottom: 40px;
	}

	.our-med__card-btn {
		max-width: unset;
		text-align: center;
		padding: 19px;
	}

	.person__about {
		margin-bottom: 30px;
	}

	.person__info-title {
		margin-bottom: 30px;
	}

	.person__info-list {
		margin-bottom: 20px;
	}

	.person__info-term {
		font-size: 20px;
	}

	.person__head-top {
		margin-bottom: 40px;
	}

	.person__head {
		margin-bottom: 40px;
	}

	.person__row {
		margin-bottom: 40px;
	}

	.contacts__card-title {
		font-size: 36px;
	}

	.confidence__card-title {
		font-size: 30px;
	}

	.confidence__card-image {
		width: 60px;
	}

	.section__info-body-list-title-container {
		flex-direction: column;
	}

	.section__cost {
		margin: 40px 0;
	}

	.section__slider {
		margin-bottom: 40px;
	}

	.info__cost-card-bottom-titles {
		flex-direction: column;
		gap: 20px;
	}

	.map__window-title {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.map__window-subtitle {
		margin-bottom: 20px;
		font-size: 15px;
	}

	.map__window-link {
		padding: 12px;
	}
}

@media(max-width:450px) {
	.doctors__slide-img {
		max-height: 100%;
		object-position: unset;
	}

	.contacts__card-up {
		display: none;
	}

	.info__cost-cards {
		padding: 20px;
	}

	.care__right-card {
		padding: 20px;
	}

	.mission__card-title {
		font-size: 22px;
	}

	.mission__card-title-svg {
		width: 40px;
	}

	.clinic-about__card {
		padding: 20px;
	}

	.care__right {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	}

	.care__left-card-btn {
		padding: 19px;
		justify-content: center;
	}

	.help__card-scale-title {
		font-size: 26px;
	}

	.team__head-title-2 {
		font-size: 36px;
	}

	.contacts__card:nth-of-type(1) {
		padding: 20px;
		gap: 30px;
	}

	.contacts__card-title {
		font-size: 26px;
	}

	.page__contacts,
	.page__director,
	.page__map {
		margin-bottom: 40px;
	}

	.page__contacts-info {
		margin: 40px 0;
	}

	.director__content-title {
		font-size: 26px;
		margin-bottom: 30px;
	}

	.contacts__card-maps {
		position: unset;
		border: 1px solid #B0B0B0;
		padding: 20px;
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}

	.contacts-info__card {
		gap: 30px;

	}

	.contacts-info__card-bot {
		flex-direction: column;
	}

	.contacts-info__card-bot-container {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.confidence__card-title {
		font-size: 21px;
	}


}

@media(max-width: 420px) {
	.kids__bg-2 {
		right: -222px;
	}

	.philosophy__card-term,
	.care__left-card-title {
		font-size: 26px;
	}

	.philosophy__card-term-2,
	.care__left-card-title-2 {
		font-size: 36px;
	}

	.care__left-card,
	.philosophy__card:nth-of-type(2) {
		padding: 20px;
	}

	.care__right-card {
		padding: 20px;
	}

	.costs__accordion-title {
		padding-right: 40px;
	}

	/*.preview-row-1,
	.preview-row-2 {
		padding: 38px 20px;
	}*/

	.clinic-about__card-title {
		font-size: 30px;
		margin-bottom: 30px;
	}

	.preview-row-3 {
		padding: 20px 20px 20px 20px;
		min-height: 370px;
		gap: 20px;
	}

	/*.preview__row-img {
		max-width: 468px;
		right: -200px;
	}*/

	.preview__row-text {
		font-size: 15px;
	}

	.preview__row-main-title,
	.section__title {
		font-size: 32px;
	}

	.preview__row-title {
		font-size: 22px;
	}

	.preview__row-link,
	.register__card-btn {
		padding: 20px 16px;
	}

	.about__card-play-btn {
		width: 30%;
	}

	.about__card,
	.register__card {
		padding: 30px 20px;
	}

	.register__card-title {
		font-size: 28px;
	}

	.register__card-subtitle {
		font-size: 15px;
	}

	.review__card-image {
		width: 200px;
	}

.review__cards {
        display: flex;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: row;
        flex-direction: column;
        margin-top: 30px;
    }

	.review__content {
		padding: 0;
	}

	.costs__accordion-cost-text {
		max-width: 200px;
	}

	.reviews__slide, .person__slide {
		max-width: 90%;
	}

	.costs__accordion-btn {
		min-width: 30px;
		height: 30px;
	}

	.costs__accordion-title {
		font-size: 20px;
	}

	.costs__accordion-btn::before {
		height: 15px;
	}

	.costs__accordion-btn::after {
		width: 15px;
	}

	.accordion__title--show .costs__accordion-btn::before {
		transform: rotate(90deg) translate(-8px, 1px);
	}


	.costs__accordion-body {
		padding: 0 15px 15px 15px;
	}

	.costs__accordion-info-content {
		gap: 10px;
	}

	.costs__accordion-head-container {
		gap: 15px;
	}


	.page__costs {
		margin: 40px 0;
	}

	.costs__nav {
		margin: 0 0 40px 40px;
	}

	.costs__accordion-body-mid {
		margin-bottom: 25px;
	}

	.costs__card-info {
		gap: 20px;
	}


	.info-content-big-term {
		font-size: 22px;
	}

	.info__cost-card-top-title {
		font-size: 24px;
	}

	.info__cost-card-content {
		font-size: 15px;
	}

	.section__card-title {
		font-size: 30px;
	}

	.section__nav {
		margin: 30px 0;
	}


	.section__img {
		margin: 16px 0 40px 0;
	}

	.info__cost-card-top-title {
		margin-bottom: unset;
	}

	.info__cost-card-bottom-titles {
		gap: 20px;
		margin-bottom: unset;
	}

	.doctors-slide__info {
		padding: 12px;
	}

	.doctors-slide__info-title {
		font-size: 17px;

	}

	.media__title {
		font-size: 42px;
	}

	.team__head-tabs {
		grid-template-columns: repeat(1, 1fr);
	}

	.equipment-slide-term {
		font-size: 18px;
	}

	.equipment-slide-list {
		padding: 20px;
	}

	.equipment-slide__item {
		padding: 6px;
		white-space: nowrap;
	}

	.equipment-slide {
		padding: 20px;
	}

	.equipment__card-title {
		font-size: 23px;
	}

	.child-place__card-title {
		font-size: 24px;
	}

	.child-place__card,
	.equipment__card,
	.mission__card {
		padding: 20px;
	}

	.child-place__card-btn {
		padding: 16px;
	}

	.mission__cards-bottom .mission__card {
		padding: 20px;
	}

	.clinic-about__nav {
		margin: 0 0 30px 0;
	}

	.person__about-name {
		font-size: 26px;
	}

	.person__head {
		gap: 20px;
	}

	.person__about {
		margin-bottom: 20px;
	}

	.person__info-title {
		margin-bottom: 20px;
	}

	.person__head-top {
		gap: 10px;
	}

	.person__card {
		padding: 20px;
	}

	.person__slide-img {
		max-width: 230px;
	}

	.person__row-top-container {
		gap: 20px;
	}

	.person__row-top {
		margin-bottom: 20px;
	}

	.director__content-image {
		font-size: 60px;
		line-height: 100%;
	}


}

@media(max-width:390px) {
	.costs__accordion-cost-text {
		max-width: 125px;
	}

	.doctors-slide__info {
		width: unset;
		margin: 7px;
	}

	.help__cards {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	}

	.specalists__card-info {
		width: unset;
		padding: 12px;
		margin: 12px;
		gap: 15px;
	}

	.specialists__card-title {
		font-size: 16px;
	}

	.our-med__image {
		height: 350px;
	}

	.contacts__card-maps-open {
		font-size: 14px;
	}
}

/*
.video-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.9);
}

.video-modal-content {
  position: relative;
  margin: 10% auto;
  padding: 20px;
  width: 80%;
  max-width: 900px;
  height: 30vw; 
  max-height: 600px;
}
*/


/* Модалка на весь экран */
.video-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.9);
  align-items: center;
}

/* Контейнер с видео */
.video-modal-content {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Крестик */
.close-button {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  z-index: 10000;
}

.close-button:hover,
.close-button:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.unmute-button {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  padding: 10px 14px;
  border-radius: 50%;
  font-size: 22px;
  cursor: pointer;
  z-index: 10001;
}

@media(max-width:768px) { 
    .video-modal-content {
      height: 100vw;
    }
    .video-modal-content {
        padding: 0px;
    }
}

.preview__modal-close {
    max-width: 40px;
}


.zapic_btn {
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #3a465a;
    color: #ffffff;

    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid #ccc;

    box-shadow: 0 0 16px rgba(58, 70, 90, 0.35);

    /* дыхание */
    animation: zapicBreath 2s ease-in-out infinite;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

@keyframes zapicBreath {
    0%   { transform: scale(1); box-shadow: 0 0 16px rgba(58,70,90,0.35); }
    50%  { transform: scale(1.06); box-shadow: 0 0 32px rgba(58,70,90,0.5); }
    100% { transform: scale(1); box-shadow: 0 0 16px rgba(58,70,90,0.35); }
}

/* Hover */
.zapic_btn:hover {
    animation: none; /* отключаем дыхание */
    transform: scale(1.08); /* увеличиваем немного */
    box-shadow: 0 0 36px rgba(58, 70, 90, 0.6);
}

/* Focus */
.zapic_btn:focus-visible {
    outline: none;
}

/* Мобильная адаптация */
@media (max-width: 420px) {
    .zapic_btn {
        width: 64px;
        height: 64px;
        font-size: 14px;
        left: 20px;
        bottom: 20px;
    }
}