/* USER VARIABLES SECTION */
:root {
	--accent: var(--turquoise);
	--acchover: #3FBFC8;
	--turquoise: #47ACB3;
	--dark: #222829;
	--gray: #6E6E6E;
	--mainbg: #F3F3F3;
	--btn-hover: #3FBFC8;
	--btn-active: #40A0A7;
	--text: var(--dark);
	--time: .25s;
	--bdrs: 12px;
	--lineheight: 1.4;
	--userfont: Hauora-c, sans-serif;
	--border: 1px solid #0000001A;
	--bxsh: 0px 0px 7px 0px rgba( 34, 60, 80, .2 );
	--regular-text: 14px;
	--container: 1180px;
}
/* USER VARIABLES SECTION */



/* FONTS LOAD SECTION */
@font-face { src: url("../fonts/Hauora-Light.ttf") format("truetype"); font-family: "Hauora-c"; font-weight: 300; font-style: normal; }
@font-face { src: url("../fonts/Hauora-Regular.ttf") format("truetype"); font-family: "Hauora-c"; font-weight: 400; font-style: normal; }
@font-face { src: url("../fonts/Hauora-Medium.ttf") format("truetype"); font-family: "Hauora-c"; font-weight: 500; font-style: normal; }
@font-face { src: url("../fonts/Hauora-SemiBold.ttf") format("truetype"); font-family: "Hauora-c"; font-weight: 600; font-style: normal; }
@font-face { src: url("../fonts/Hauora-Bold.ttf") format("truetype"); font-family: "Hauora-c"; font-weight: 700; font-style: normal; }
/* FONTS LOAD SECTION */



/* GENERAL CSS SETTINGS */
body {
	font-family: var(--userfont);
	font-size: var(--regular-text);
	font-weight: 400;
	line-height: var(--lineheight);
	color: var(--text);
	background: var(--mainbg);
	width: 100%;
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
}

* {
	box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

.h1 {
	margin: 63px 0 32px;
	font-size: 48px;
	font-weight: 600;
	line-height: 117%;
}

h2 {
	margin: 0 0 32px;
	font-size: 48px;
	font-weight: 600;
	line-height: 117%;
}

h3 {
	margin: 0 0 32px;
	font-size: 40px;
	font-weight: 600;
	line-height: 117%;
}

a {
	text-decoration: none;
	color: var(--text);
	transition: var(--time);
	&:hover {
		color: var(--gray);
	}
}

p {
	margin: 0;
}

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

section {
	padding: 80px 0;
}

.button {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 56px;
	border: none;
	background: var(--accent);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	border-radius: 6px;
	transition: var(--time);
	&:hover {
		color: #fff;
		background: var(--acchover);
		cursor: pointer;
	}
	&:active {
		background: var(--btn-active);
		color: #fff;
	}
}

.white-button {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 56px;
	border: none;
	background: #fff;
	color: var(--accent);
	font-size: 14px;
	font-weight: 600;
	border-radius: 6px;
	transition: var(--time);
	&:hover {
		cursor: pointer;
		background: var(--dark);
		color: #fff;
	}
}

svg, path, rect, circle, ellipse {
	transition: var(--time);
}

.doctor_program_field {
	display: none;
}

/* smooth scroll */
html {
	scroll-behavior: smooth;
}
/* GENERAL CSS SETTINGS */



/* HEADER STYLES */
.mobile-menu {
	position: fixed;
	width: 208px;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	transform: translateX(100%);
	transition: var(--time);
	&.open {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
	}
}

.mobile-menu {
	background: #fff;
	border-radius: 12px 0 0 12px;
	box-shadow: 0px 15px 30px 0px #2B1E6B0D;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	.logo-close {
		padding: 20px;
		position: relative;
		border-bottom: var(--border);
		.logo {
			display: flex;
			gap: 3px;
			flex-direction: column;
			align-items: flex-start;
			img {
				max-width: 126px;
				height: auto;
			}
			span {
				font-size: 12px;
				font-weight: 600;
				color: var(--gray);
			}
		}
		.menu-button-close {
			width: 16px;
			height: 16px;
			display: flex;
			justify-content: center;
			align-items: center;
			border: none;
			background: transparent;
			padding: 0;
			cursor: pointer;
			position: absolute;
			top: 8px;
			right: 8px;
		}
	}
	.main-navigation {
		padding: 20px;
		margin: 0;
		list-style-type: none;
		display: flex;
		gap: 4px;
		flex-direction: column;
		.menu-item {
			&.menu-item-has-children {
				&:hover {
					.sub-menu {
						display: flex;
					}
				}
				> a {
					padding-right: 12px;
					position: relative;
					&::after {
						content: "";
						position: absolute;
						top: 50%;
						right: 0;
						transform: translateY(-50%);
						width: 8px;
						height: 8px;
						background: url("../images/menu-arrow.svg");
						background-repeat: no-repeat;
						transition: var(--time);
					}
				}
			}
			.sub-menu {
				display: none;
				margin: 0 -20px;
				padding: 12px 24px;
				background: var(--mainbg);
				list-style-type: none;
				gap: 8px;
				flex-direction: column;
			}
		}
	}
	.bottom-block {
		padding: 0 20px 20px 20px;
		font-size: 12px;
		.phone, .address {
			display: flex;
			margin-bottom: 7px;
			gap: 4px;
			svg {
				flex-shrink: 0;
			}
		}
		.phone {
			font-weight: 700;
			color: var(--gray);
		}
		.address {
			font-weight: 600;
			color: var(--gray);
		}
		.button {
			margin-top: 13px;
			font-size: 12px;
			height: 40px;
			width: 100%;
		}
	}
}

.header {
	.top-line {
		padding: 10px 0;
		display: flex;
		column-gap: 20px;
		font-size: 12px;
		border-bottom: var(--border);

		.address, .phone {
			display: flex;
			align-items: center;
			gap: 4px;
			color: var(--gray);
		}
		.address {
			font-weight: 600;
			margin-right: auto;
		}
		.phone {
			font-weight: 700;
			&:hover {
				color: var(--accent);
			}
		}
	}
	.main-head {
		padding: 8px 0;
		display: grid;
		grid-template-columns: 241px 1fr 160px;
		grid-template-areas: "left middle right";
		grid-gap: 49px;
		align-items: center;
		.logo {
			display: flex;
			align-items: center;
			gap: 9px;
			grid-area: left;
			img {
				max-width: 126px;
				height: auto;
			}
			span {
				font-size: 12px;
				line-height: 1.25;
				font-weight: 600;
				color: var(--gray);
			}
		}
		.main-navigation-container {
			grid-area: middle;
			height: 100%;
			.main-navigation {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0;
				margin: 0;
				height: 100%;
				list-style-type: none;
				.menu-item {
					height: 100%;
					font-size: 14px;
					a {
						display: flex;
						justify-content: center;
						align-items: center;
						height: 100%;
						&:hover {
							color: var(--btn-hover);
						}
						&:active {
							color: var(--btn-active);
						}
					}
					&.menu-item-has-children {
						position: relative;
						> a {
							padding-right: 12px;
							&::after {
								content: "";
								position: absolute;
								top: 50%;
								right: 0;
								transform: translateY(-50%);
								width: 8px;
								height: 8px;
								background: url("../images/menu-arrow.svg");
								background-repeat: no-repeat;
								transition: var(--time);
							}
						}
						&:hover {
							.sub-menu {
								visibility: visible;
								opacity: 1;
							}
						}
					}
				}
			}
			.sub-menu {
				position: absolute;
				top: 50px;
				left: 50%;
				transform: translateX(-50%);
				display: flex;
				gap: 8px;
				flex-direction: column;
				box-shadow: 0px 15px 30px 0px #2B1E6B0D;
				padding: 20px;
				list-style-type: none;
				align-items: start;
				background: #fff;
				border-radius: 12px;
				font-size: 14px;
				transition: var(--time);
				line-height: 1.6;
				visibility: hidden;
				opacity: 0;
				z-index: 3;
			}
		}
		.button {
			grid-area: right;
			height: 40px;
			font-size: 12px;
		}
		.mobile-menu-button {
			display: none;
			width: 40px;
			height: 40px;
			justify-content: center;
			align-items: center;
			background: var(--accent);
			border-radius: 10em;
			border: none;
			cursor: pointer;
			transition: var(--time);
			&:hover {
				background: var(--acchover);
			}
		}
	}
}
/* HEADER STYLES */



/* FOOTER STYLES */
.footer {
	padding: 32px 0;
	border-top: var(--border);
	.main-content {
		display: grid;
		grid-template-columns: auto 280px;
		grid-gap: 30px;
		color: #000;
		.menu-contact-block {
			display: grid;
			grid-template-columns: 3fr 1fr;
			grid-gap: 30px;
			.footer-navigation {
				padding: 0;
				margin: 0;
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				grid-gap: 30px;
				list-style-type: none;
			}
			.menu-item {
				display: flex;
				flex-direction: column;
				a {
					font-size: 14px;
					font-weight: 700;
					line-height: 120%;
					letter-spacing: -1%;
					margin-bottom: 8px;
					&:hover {
						color: var(--acchover);
					}
				}
			}
			.sub-menu {
				padding: 0;
				list-style-type: none;
				.menu-item {
					&:not(:last-child) {
						margin-bottom: 4px;
					}
					a {
						font-size: 12px;
						font-weight: 500;
						line-height: 140%;
						margin-bottom: 0;
						&:hover {
							color: var(--acchover);
						}
					}
				}
			}
			.contacts-column {
				display: flex;
				flex-direction: column;
				.contacts-head-link {
					font-size: 14px;
					font-weight: 700;
					line-height: 120%;
					letter-spacing: -1%;
					margin-bottom: 8px;
				}
				.contacts-items {
					.contacts-item {
						display: grid;
						grid-template-columns: 14px auto;
						grid-gap: 5px;
						align-items: flex-start;
						font-size: 12px;
						font-weight: 500;
						line-height: 140%;
						&:not(:last-child) {
							margin-bottom: 4px;
						}
						a {
							&:hover {
								color: var(--acchover);
							}
						}
						svg {
							margin-top: 2px;
						}

					}
				}
			}
		}
		.social-block {
			.footer-social-media {
				display: flex;
				gap: 4px;
				margin-bottom: 12px;
				a {
					display: flex;
					&:hover {
						svg > rect:first-child,
						svg > path:first-child {
							fill: var( --btn-hover );
						}
					}
					&:active {
						svg > rect:first-child,
						svg > path:first-child {
							fill: var( --btn-active );
						}
					}
				}
			}
			p {
				font-size: 12px;
				font-weight: 500;
				line-height: 140%;
				color: var(--gray);
				margin-bottom: 4px;
			}
		}
	}
	.info-line {
		display: grid;
		grid-template-columns: auto 280px;
		margin: 16px 0 24px;
		.footer-links {
			a {
				color: var(--gray);
				font-size: 12px;
				font-weight: 500;
				&:hover {
					color: var(--acchover);
				}
			}
			.bvi-shortcode {
				padding: 0;
			}
		}
		.copyright {
			display: flex;
			flex-direction: column;
			align-items: start;
			gap: 8px;
			font-size: 12px;
			font-weight: 500;
			color: var( --gray );

			.made-in-link {
				font-size: 16px;
				font-weight: 700;
				line-height: 120%;
				letter-spacing: -1%;
				color: #929292;

				&:hover {
					path {
						fill: var( --btn-hover );
					}
				}
				&:active {
					path {
						fill: var( --btn-active );
					}
				}
			}
		}
	}
	.rating-line {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 20px;
	}
}

.rating-item {
	display: flex;
	gap: 8px;
	align-items: center;
	padding: 12px;
	border-radius: 8px;
	border: var(--border);
	.rating-image {
		width: 48px;
		height: 48px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.rating-info {
		.rating-block {
			display: flex;
			align-items: center;
			gap: 7px;
			.rating-value {
				font-size: 16px;
				font-weight: 500;
				line-height: 140%;
			}
			.rating-stars {
				display: grid;
				grid-template-columns: repeat(5, 1fr);
			}
		}
		p {
			font-size: 12px;
			a {
				color: var(--accent);
				position: relative;
				&::after {
					content: '';
					position: absolute;
					bottom: -1px;
					left: 0;
					width: 100%;
					height: 1px;
					background: var(--accent);
					transition: var(--time);
				}
				&:hover {
					color: var( --btn-hover );
					&::after {
						background: var( --btn-hover );
					}
				}
				&:active {
					color: var( --btn-active );
					&::after {
						background: var( --btn-active );
					}
				}
			}
		}
	}
}
/* FOOTER STYLES */



/* FRONT PAGE MAIN SECTION */
.front-page.main {
	margin: 0 12px;
	padding: 70px 0 73px;
	height: 598px;
	overflow: hidden;
	border-radius: 20px;
	background: linear-gradient(50deg,rgba(184, 185, 189, 1) 40%, rgba(237, 236, 241, 1) 80%);
	color: #fff;
	.container {
		height: 100%;
	}
	.main-info {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
		.heads {
			z-index: 2;
		}
		h1 {
			font-size: 64px;
			font-weight: 600;
			margin: 0 0 16px;
			line-height: 117%;
			letter-spacing: -1%;
			max-width: 730px;
		}
		h3 {
			margin: 0;
			font-size: 16px;
			font-weight: 500;
			line-height: 117%;
		}
		.descriptions {
			z-index: 2;
			p {
				margin-bottom: 20px;
				max-width: 438px;
				font-size: 14px;
				font-weight: 500;
				line-height: 160%;
			}
			.buttons {
				display: grid;
				grid-template-columns: repeat(2, 236px);
				align-items: center;
				gap: 8px;
			}
		}
	}
	.main-image {
		position: absolute;
		bottom: -73px;
		right: -220px;
		z-index: 1;
	}
}
/* FRONT PAGE MAIN SECTION */



/* FRONT PAGE */
.front-page {
	h2 {
		margin: 0 0 32px;
		font-size: 48px;
		font-weight: 600;
		line-height: 117%;
	}
	h3 {
		margin: 0 0 32px;
		font-size: 40px;
		font-weight: 600;
		line-height: 117%;
	}
}

.services {
	.services-block {
		display: grid;
		grid-gap: 10px;
		grid-template-columns: repeat(4, 1fr);
		grid-template-areas:
			"area1 area2 area3 area7"
			"area4 area5 area6 area7";
		.service-item {
			padding: 20px;
			border-radius: 4px;
			background: #fff;
			position: relative;
			min-height: 147px;
			display: flex;
			align-items: flex-end;
			&:nth-child(1) {
				grid-area: 1;
			}
			&:nth-child(2) {
				grid-area: area2;
			}
			&:nth-child(3) {
				grid-area: area3;
			}
			&:nth-child(4) {
				grid-area: area4;
			}
			&:nth-child(5) {
				grid-area: area5;
			}
			&:nth-child(6) {
				grid-area: area6;
			}
			&:nth-child(7) {
				grid-area: area7;
			}
			&:hover {
				.icon-arrow {
					background: var(--acchover);
					svg path {
						fill: #fff;
					}
				}
			}
			.icon-arrow {
				position: absolute;
				right: 8px;
				top: 8px;
				width: 32px;
				height: 32px;
				border-radius: 4px;
				background: #E5F3F4;
				display: flex;
				justify-content: center;
				align-items: center;
				transition: var(--time);
			}
			h3 {
				margin: 0;
				font-size: 20px;
				font-weight: 600;
				line-height: 117%;
			}
			&.dark {
				background: var(--dark);

				.dark-link {
					display: flex;
					flex-direction: column;
					gap: 12px;
					color: #fff;
					font-weight: 600;
					.title-extra {
						font-size: 32px;
						line-height: 117%;
					}
					.title {
						font-size: 14px;
						color: var(--accent);
						transition: var(--time);
					}
				}
				&:hover {
					.dark-link .title {
						color: var( --btn-hover );
					}
				}
				&:active {
					.dark-link .title {
						color: var( --btn-active );
					}
					.icon-arrow {
						background: var( --btn-active );
					}
					path {
						fill: #fff;
					}
				}
			}
		}
	}
}

.accent-section {
	margin: 40px 12px;
	border-radius: 12px;
	background: var(--accent);
	color: #fff;
}

.about {
	.about-block {
		display: grid;
		grid-gap: 10px;
		grid-template-columns: 1fr 3fr;
		.small-title {
			.small-title-link {
				margin-top: 5px;
				padding: 8px 18px;
				border-radius: 10em;
				background: #fff;
				color: var( --accent );
				font-size: 14px;
				font-weight: 600;
				line-height: 117%;
				display: inline-block;

				&:hover {
					background: var( --acchover );
					color: #fff;
				}
				&:active {
					background: var( --btn-active );
					color: #fff;
				}
			}
		}
		.about-content {
			h2 {
				margin: 0 0 40px;
				padding-bottom: 40px;
				font-size: 48px;
				font-weight: 500;
				max-width: 95%;
				line-height: 117%;
				border-bottom: 1px solid rgba( 255, 255, 255, .2 );
				span {
					color: rgba( 255, 255, 255, .4 );
				}
			}
			.about-grid {
				display: grid;
				grid-gap: 20px;
				grid-template-columns: repeat( 3, 1fr );
				.about-item {
					.icon {
						width: 48px;
						height: 48px;
						border-radius: 4px;
						display: flex;
						justify-content: center;
						align-items: center;
						background: #FFFFFF33;
					}
					h3 {
						margin: 24px 0 12px;
						font-size: 20px;
						font-weight: 500;
					}
					p {
						font-weight: 300;
						font-size: 16px;
						line-height: 140%;
					}
				}
			}
		}
	}
}

.sphere {
	padding: 80px 0 40px;
	.sphere-block {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px;
		.item {
			border-radius: 12px;
			overflow: hidden;
			height: 540px;
			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
	}
}

.programs {
	padding: 50px 0;
	.programs-block {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(3, 1fr);
		.item {
			padding: 20px;
			border-radius: 8px;
			background: #fff;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			&.dark {
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: flex-end;
				background: var(--dark);
				position: relative;
				&:hover {
					.icon-arrow {
						background: var( --btn-hover );
						svg path {
							fill: #fff;
						}
					}
					.dark-link {
						.title {
							color: var( --btn-hover );
						}
					}
				}
				&:active {
					.icon-arrow {
						background: var( --btn-active );
					}
					.dark-link .title {
						color: var( --btn-active );
					}
					path {
						fill: #fff;
					}
				}
				.icon-arrow {
					position: absolute;
					right: 8px;
					top: 8px;
					width: 32px;
					height: 32px;
					border-radius: 4px;
					background: #E5F3F4;
					display: flex;
					justify-content: center;
					align-items: center;
					transition: var(--time);
				}
				.dark-link {
					display: flex;
					flex-direction: column;
					gap: 12px;
					color: #fff;
					font-weight: 600;
					.title-extra {
						font-size: 32px;
						line-height: 117%;
					}
					.title {
						font-size: 14px;
						color: var(--accent);
						transition: var(--time);
					}
				}
			}
			&:hover {
				.name {
					.icon {
						background: var(--acchover);
						svg path {
							fill: #fff;
						}
					}
				}
				.more {
					color: var(--acchover);
				}
			}
			&:active {
				.name {
					.icon {
						background: var(--btn-active);
						svg path {
							fill: #fff;
						}
					}
				}
				.more {
					color: var(--btn-active);
				}
			}
			.name {
				margin: 0 0 16px;
				padding: 0 0 17px;
				display: grid;
				grid-gap: 20px;
				grid-template-columns: auto 48px;
				border-bottom: var(--border);
				h3 {
					margin: 0;
					font-weight: 600;
					font-size: 20px;
					line-height: 117%;
					letter-spacing: 0%;
				}
				.icon {
					width: 48px;
					height: 48px;
					display: flex;
					justify-content: center;
					align-items: center;
					border-radius: 4px;
					background: #E5F3F4;
					transition: var(--time);
				}
			}
			p {
				font-size: 16px;
				margin: 0 0 22px;
			}
			.more {
				color: var(--accent);
				transition: var(--time);
			}
		}
	}
}

.doctors {
	padding: 40px 0 50px;
}

.doctor-card {
	display: flex;
	gap: 16px;
	flex-direction: column;
	justify-content: space-between;
	.photo-block {
		position: relative;
		.doc-link {
			.image {
				width: 100%;
				height: 300px;
				border-radius: 8px;
				overflow: hidden;
				background: #E4E4E5;
				.doc-photo {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			h4 {
				margin: 16px 0 0;
				font-size: 20px;
				font-weight: 600;
				line-height: 117%;
			}
		}
		.prodoktorov-link {
			padding: 10px;
			position: absolute;
			top: 230px;
			right: 6px;
			border-radius: 4px;
			background: #fff;
			display: flex;
			gap: 8px;
			flex-direction: column;
			.rating-block {
				display: flex;
				gap: 2px;
				align-items: center;
				color: var(--dark);
				.rating-value {
					font-size: 20px;
					font-weight: 600;
					line-height: 117%;
				}
				.rating-stars {
					display: flex;
					align-items: center;
				}
			}
		}
	}
	p {
		margin: 8px 0;
		font-size: 14px;
		font-weight: 500;
		line-height: 140%;
		color: #AFAFAF;
	}
	.calendar-info {
		font-size: 14px;
		span {
			color: var(--accent);
			font-weight: 700;
		}
	}
	.button {
		width: 180px;
		height: 48px;
	}
}

.type-slider {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: auto 870px;
	.head-content {
		h3 {
			margin-bottom: 16px;
		}
		a {
			color: var(--accent);
			font-size: 14px;
			font-weight: 600;
			line-height: 117%;

			&:hover {
				color: var(--btn-hover);
			}
			&:active {
				color: var(--btn-active);
			}
		}
	}
	.type-carousel {
		position: relative;
		.f-carousel__nav {
			position: absolute;
			left: -310px;
			bottom: 0;
			display: flex;
			gap: 4px;
			flex-direction: row-reverse;
			.f-button {
				position: relative;
				right: auto;
				left: auto;
				top: auto;
				bottom: auto;
				transform: none;
				&:hover {
					background: var( --btn-hover );
					border-color: var( --btn-hover );
					path {
						fill: #fff;
					}
				}
				&:active {
					background: var( --btn-active );
					border-color: var( --btn-active );
					path {
						fill: #fff;
					}
				}
			}
		}
	}
}

.head-with-button {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	.h1 {
		margin: 0;
	}
	.button {
		color: var(--accent);
		background: transparent;
		border: 1px solid var(--accent);
		&:hover {
			color: #fff;
			background: var(--btn-hover);
			border-color: var(--btn-hover);
		}
		&:active {
			color: #fff;
			background: var(--btn-active);
			border-color: var(--btn-active);
		}
	}
}


.articles {
	padding: 50px 0 50px;
	.button {
		width: 180px;
		height: 48px;
	}
	.articles-slides {
		display: flex;
		overflow-x: auto;
		column-gap: 20px;
		scroll-behavior: smooth;
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
		-webkit-overflow-scrolling: touch;
		margin-bottom: 24px;

		&::-webkit-scrollbar {
			display: none;
		}
	}
	.slide {
		background: #fff;
		border-radius: 12px;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		flex-shrink: 0;
		width: 280px;
		height: 320px;
		transition: var( --time );
	}
	.slide-active {
		width: 580px;
		cursor: default;
		display: grid;
		grid-template-columns: 276px auto;

		.slide-image-wrapper {
			&::after,
			&::before {
				border-color: #fff;
			}
		}
		.slide-name {
			opacity: 0;
			visibility: hidden;
		}
		.slide-content-wrapper {
			visibility: visible;
			opacity: 1;
			&:hover {
				.slide-content-read-more {
					color: var(--btn-hover);
				}
			}
			&:active {
				.slide-content-read-more {
					color: var(--btn-active);
				}
			}
		}
	}
	.slide-image-wrapper {
		position: relative;
		width: 280px;
		height: 100%;

		&::after,
		&::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border: 4px solid transparent;
			transition: var( --time );
		}
		&::after {
			border-radius: 12px;
		}
	}
	.slide-image {
		width: 100%;
		height: 320px;
		object-fit: cover;
		border-radius: 12px;
	}
	.icon-arrow {
		position: absolute;
		right: 8px;
		top: 8px;
		width: 32px;
		height: 32px;
		border-radius: 4px;
		background: #E5F3F4;
		display: flex;
		justify-content: center;
		align-items: center;
		&:hover {
			background: var(--btn-hover);
			svg path {
				fill: #fff;
			}
		}
		&:active {
			background: var(--btn-active);
			svg path {
				fill: #fff;
			}
		}
	}
	.slide-name {
		position: absolute;
		bottom: 0;
		left: 0;
		/* width: 280px; */
		width: 100%;
		height: 85%;
		display: flex;
		align-items: flex-end;
		background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 24.29%, #FFFFFF 63.93% );
		padding: 20px;
		margin: 0;
		font-size: 20px;
		font-weight: 600;
		line-height: 117%;
		transition: var( --time );
	}
	.slide-content-wrapper {
		padding: 24px 24px 24px 20px;
		visibility: hidden;
		opacity: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		transition: var( --time );
		transition-delay: var( --time );
	}
	.slide-content > p {
		max-height: 120px;
		overflow-y: auto;
	}
	.slide-content-author {
		font-weight: 500;
		color: #AFAFAF;
		font-size: 14px;
	}
	.slide-content-title {
		margin: 8px 0;
		font-size: 24px;
		font-weight: 600;
		line-height: 117%;
	}
	.slide-content-read-more {
		font-weight: 600;
		line-height: 117%;
		color: var(--accent);
	}
	.nav-btns {
		display: flex;
		column-gap: 4px;
	}
	.nav-btn {
		border: 1px solid var( --accent );
		border-radius: 6px;
		padding: 0;
		background: none;
		width: 48px;
		height: 48px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		transition: var( --time );
		&:hover {
			background: var( --btn-hover );
			border-color: var( --btn-hover );
			path {
				fill: #fff;
			}
		}
		&:active {
			background: var( --btn-active );
			border-color: var( --btn-active );
			path {
				fill: #fff;
			}
		}
	}
}


.appreciate {
	.testimonials-f-carousel {
		position: relative;
		.f-carousel__slide {
			padding: 20px;
			display: flex;
			flex-direction: column;
			border-radius: 12px;
			background: #59B4BB;
			color: initial;

			.testimonial-info {
				padding: 0 0 16px;
				border-bottom: 1px solid #FFFFFF4D;
				display: flex;
				gap: 12px;
				.photo {
					width: 48px;
					height: 48px;
					border-radius: 10em;
					overflow: hidden;
					display: flex;
					justify-content: center;
					align-items: center;
					background: #0000001A;
					color: #FFFFFF66;
					font-size: 16px;
					font-weight: 600;
					line-height: 117%;
					.image {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}
				.text-info {
					.testimonial-name {
						margin: 0 0 3px;
						font-size: 16px;
						font-weight: 600;
						line-height: 117%;
					}
					.stars-date {
						display: flex;
						gap: 10px;
						.stars {
							display: flex;
							align-items: center;
						}
						.date {
							font-size: 12px;
							font-weight: 500;
							line-height: 140%;
							color: #FFFFFF80;
						}
					}
				}
			}
			p {
				margin: 16px 0 0;
				font-size: 14px;
				font-weight: 500;
				line-height: 140%;
			}
			&:hover {
				filter: brightness( 1.05 );
			}
		}
		.f-carousel__nav {
			position: absolute;
			right: 0;
			top: -80px;
			display: flex;
			gap: 4px;
			flex-direction: row-reverse;
			.f-button {
				position: relative;
				right: auto;
				left: auto;
				top: auto;
				bottom: auto;
				transform: none;
			}
		}
	}
	.dark-block {
		padding: 32px;
		margin-top: 40px;
		border-radius: 12px;
		display: grid;
		grid-gap: 88px;
		grid-template-columns: auto 450px;
		background: var(--dark);
		align-items: center;
		.content {
			h2 {
				margin-bottom: 16px;
				span {
					color: var(--accent);
				}
			}
			p {
				font-size: 16px;
				line-height: 140%;
				margin-bottom: 32px;
			}
			.button {
				width: 236px;
			}
		}
		.rating-grid {
			display: grid;
			grid-gap: 10px;
			grid-template-columns: repeat(2, 1fr);
			.rating-item {
				height: 97px;
				align-items: flex-start;
				position: relative;
				background: #FFFFFF0D;
				box-shadow: 0px 15px 30px 0px #2B1E6B0D;
				.rating-block {
					display: flex;
					gap: 3px;
				}
				.rating-info {
					margin-top: 4px;
					.reviews-num {
						font-size: 12px;
						color: #FFFFFF4D;
					}
					p {
						position: absolute;
						bottom: 12px;
						left: 12px;
					}
				}
			}
		}
	}
}

.news {
	padding: 50px 0 100px 0;
}

.news-f-carousel {
	.f-carousel__slide {
		display: flex;
		gap: 20px;
		flex-direction: column;
		justify-content: space-between;
		color: var(--dark);
		.image-block {
			display: block;
			width: 100%;
			height: 200px;
			position: relative;
			border-radius: 8px;
			overflow: hidden;
			.icon-arrow {
				position: absolute;
				right: 8px;
				top: 8px;
				width: 32px;
				height: 32px;
				border-radius: 4px;
				background: #E5F3F4;
				display: flex;
				justify-content: center;
				align-items: center;
				transition: var( --time );
			}
			.news-thumbnail {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			&:hover {
				.icon-arrow {
					background: var( --acchover );
					svg path {
						fill: #fff;
					}
				}
			}
		}
		h4 {
			margin: 16px 0 8px;
			font-size: 16px;
			font-weight: 600;
			line-height: 117%;
		}
		p {
			font-size: 14px;
			line-height: 140%;
		}
		.button {
			width: 180px;
			height: 48px;
		}
	}
}
/* FRONT PAGE */



.director-main-content {
	margin: 0 0 40px;
	padding: 48px 40px;
	border-radius: 8px;
	background: #dddddf;
	position: relative;
	overflow: hidden;
	.content {
		max-width: 580px;
		display: flex;
		flex-direction: column;
		position: relative;
		z-index: 1;
		h2 {
			font-size: 32px;
			margin-bottom: 12px;
		}
		p {
			font-size: 14px;
			font-weight: 500;
			line-height: 140%;
		}
		.experience-block {
			display: grid;
			grid-gap: 8px;
			grid-template-columns: repeat(3, 1fr);
			.experience-item {
				p {
					font-size: 12px;
					font-weight: 500;
					line-height: 140%;
					color: var(--gray);
				}
			}
		}
		h3 {
			margin: 0 0 16px;
			font-size: 20px;
		}
		ul {
			margin: 0 0 14px;
			padding: 0;
			list-style-type: none;
			li {
				padding: 0 0 0 16px;
				position: relative;
				font-size: 14px;
				font-weight: 500;
				line-height: 140%;
				&::before {
					content: '';
					position: absolute;
					left: 0;
					top: 6px;
					width: 8px;
					height: 8px;
					border-radius: 10em;
					background: var(--accent);
				}
			}
		}
		.button {
			margin-top: 32px;
			width: 200px;
			height: 48px;
		}
	}
	.director-photo {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
	}
}

.experience-item {
	margin: 16px 0 24px;
	padding: 16px;
	border-radius: 8px;
	background: #fff;
	&.prodoctorov {
		padding-bottom: 11px;
	}
	h4 {
		margin: 0 0 4px;
		font-size: 32px;
		font-weight: 600;
		line-height: 117%;
	}
	p {
		font-size: 12px;
		font-weight: 500;
		line-height: 140%;
		color: var(--gray);
	}
	.rating-block {
		margin: 0 0 3px;
		display: flex;
		gap: 4px;
		align-items: center;
		font-size: 32px;
		font-weight: 600;
		.rating-stars {
			display: flex;
			svg {
				width: 20px;
				height: 20px;
			}
		}
	}
	.prodoktorov-link {
		margin: 2px 0 0;
		color: var(--accent);
		font-size: 12px;
	}
}

.education-block {
	padding: 40px 0 50px;
	.head-with-button {
		margin-bottom: 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		h3 {
			margin: 0;
			font-size: 32px;
		}
		.button {
			width: 234px;
			height: 48px;
			color: var(--accent);
			background: transparent;
			border: 1px solid var(--accent);
			&:hover {
				color: #fff;
				background: var(--acchover);
				border-color: var(--acchover);
			}
		}
	}
	.education-table {
		.education-item {
			padding: 24px 0;
			display: grid;
			grid-template-columns: 300px auto;
			&:not(:last-child) {
				border-bottom: var(--border);
			}
			span {
				font-size: 32px;
				font-weight: 600;
				color: var(--accent);
			}
			.header {
				margin-bottom: 4px;
				font-size: 14px;
				color: var(--dark);
				&:nth-child(n + 2) {
					margin-top: 16px;
				}
			}
			.caption {
				font-size: 12px;
				color: var(--gray);
			}
		}
	}
}



.doctors-section {
	padding: 60px 0 100px;
	h1 {
		margin: 0 0 32px;
		font-size: 48px;
		font-weight: 600;
		line-height: 117%;
	}
	.doctors-filter {
		margin-bottom: 32px;
		display: flex;
		gap: 4px;
		flex-flow: wrap;
		.rounded-button {
			flex-shrink: 0;
			padding: 10px 16px;
			border-radius: 10em;
			border: none;
			color: var(--accent);
			font-size: 14px;
			font-weight: 600;
			line-height: 140%;
			background: #47ACB31A;
			display: flex;
			gap: 10px;
			align-items: center;
			position: relative;
			transition: var(--time);
			svg {
				position: absolute;
				opacity: 0;
				visibility: hidden;
			}
			&:hover {
				cursor: pointer;
				background: var(--acchover);
				color: #fff;
				/* svg {
					position: relative;
					opacity: 1;
					visibility: visible;
				} */
			}
			&.active {
				color: #fff;
				background: var(--accent);
				svg {
					position: relative;
					opacity: 1;
					visibility: visible;
				}
			}
		}
	}
	.doctors-list {
		display: grid;
		grid-gap: 56px 20px;
		grid-template-columns: repeat(4, 1fr);
		.doctor-item {
			.doctor-card {
				height: 100%;
			}
		}
	}
}



.breadcrumbs {
	margin: 19px 0 24px;
	display: flex;
	gap: 8px;
	align-items: center;
	font-size: 14px;
	font-weight: 600;

	.backlink {
		color: var(--dark);

		&:hover {
			color: var( --btn-hover );
		}
		&:active {
			color: var( --btn-active );
		}
	}
	span {
		color: var(--accent);
	}
}

.person-card {
	padding-bottom: 32px;
	border-bottom: var(--border);
	display: grid;
	grid-gap: 20px;
	grid-template-columns: auto 180px;
	.person-content {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: 280px auto;
		.content-photo {
			border-radius: 8px;
			background: #E4E4E5;
			.person-photo {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
		.content-text {
			h1 {
				margin: 32px 0 12px;
				font-size: 32px;
				font-weight: 600;
				line-height: 117%;
			}
			p {
				margin: 0 0 24px;
				max-width: 510px;
				font-size: 14px;
				font-weight: 500;
				line-height: 140%;
				color: var(--gray);
			}
			.button {
				width: 200px;
				height: 48px;
			}
		}
	}
	.doctor-blocks {
		display: flex;
		gap: 8px;
		flex-direction: column;
		.experience-item {
			margin: 0;
		}
	}
}

.feedback-section {
	padding: 50px 0 100px 0;
	.feedback {
		padding: 56px 48px;
		border-radius: 12px;
		background: linear-gradient(150deg,rgba(201, 203, 206, 1) 40%, rgba(233, 232, 237, 1) 90%);
		overflow: hidden;
		position: relative;
		.feedback-image {
			position: absolute;
			right: 0;
			bottom: 0;
			width: 760px;
			z-index: 1;
		}
		.content {
			position: relative;
			z-index: 2;
		}
		.subtitle {
			padding: 8px 12px;
			background: #fff;
			border-radius: 10em;
			color: var(--accent);
			font-size: 14px;
			font-weight: 600;
			display: inline-block;
		}
		h2 {
			max-width: 640px;
			margin: 16px 0 32px;
			color: #fff;
		}
		.buttons {
			display: flex;
			gap: 16px;
			align-items: center;
			.button {
				width: 236px;
			}
			.phone {
				display: flex;
				gap: 4px;
				flex-direction: column;
				.phone-caption {
					color: #fff;
					font-size: 16px;
					font-weight: 400;
					line-height: 140%;
				}
				.phone-num {
					color: #fff;
					font-size: 24px;
					font-weight: 600;
					line-height: 110%;
				}
			}
			.phones {
				display: flex;
				column-gap: 20px;
			}
		}
		.img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
}



.about-center {
	padding: 63px 0 40px;
	.content {
		padding-bottom: 32px;
		margin-bottom: 32px;
		display: grid;
		grid-gap: 20px;
		grid-template-columns: 280px auto;
		border-bottom: var(--border);
		.director-card {
			padding: 16px;
			background: #fff;
			border-radius: 8px;
			.photo-name {
				padding-bottom: 16px;
				border-bottom: var(--border);
				display: flex;
				gap: 12px;
				align-items: flex-start;
				.photo {
					width: 64px;
					height: 64px;
					border-radius: 4px;
					overflow: hidden;
					flex-shrink: 0;
					img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}
				.name-position {
					h3 {
						margin: 2px 0 4px;
						font-size: 16px;
						font-weight: 600;
						line-height: 117%;
					}
					span {
						font-size: 12px;
						font-weight: 500;
						line-height: 140%;
						color: var(--gray);
					}
				}
			}
			.caption {
				p {
					margin: 12px 0 8px;
					font-size: 13px;
					font-weight: 500;
					line-height: 140%;
				}
				a {
					font-size: 12px;
					font-weight: 600;
					color: var(--accent);
					&:hover {
						color: var(--acchover);
					}
				}
			}
		}
		.about-content {
			.h1 {
				margin: 24px 0;
			}
			p {
				max-width: 646px;
				font-size: 16px;
				font-weight: 500;
				line-height: 140%;
			}
		}
	}
	.photos {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(4, 1fr);
		grid-template-areas: "a a a b" "a a a c" "a a a d";
		.photo-link {
			height: 170px;
			overflow: hidden;
			&:first-child {
				height: auto;
				border-radius: 12px;
				grid-area: a;
			}
			&:nth-child(2) {
				grid-area: b;
			}
			&:nth-child(3) {
				grid-area: c;
			}
			&:nth-child(4) {
				grid-area: d;
			}
			&:nth-child(n+2) {
				border-radius: 8px;
			}
			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
	}
}

.advantages-section {
	padding: 40px 0;
	.advantages-content {
		display: grid;
		grid-gap: 40px;
		grid-template-columns: 660px auto;
		align-items: center;
		.image-side {
			height: 680px;
			border-radius: 12px;
			overflow: hidden;
			position: relative;
			h2 {
				position: absolute;
				top: 48px;
				left: 40px;
				right: 120px;
			}
			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
		.advantages-blocks {
			display: flex;
			gap: 40px;
			flex-direction: column;
		}
	}
}

.svg-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.block-icon {
	.icon {
		width: 48px;
		height: 48px;
		border-radius: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: var(--accent);
	}
	h3 {
		margin: 24px 0 12px;
		font-size: 20px;
		font-weight: 600;
		line-height: 117%;
	}
	p {
		font-size: 16px;
		font-weight: 400;
		line-height: 140%;
	}
}

.specific-full-width {
	padding: 0;
	margin: 40px auto;
	width: 1320px;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 950px 350px;
	.specific-content {
		padding: 80px 40px 80px 70px;
		border-radius: 12px;
		overflow: hidden;
		background: var(--dark);
		color: #fff;
		h2 {
			margin: 0 0 40px;
		}
		.blocks {
			padding: 40px 0;
			border-top: 1px solid #FFFFFF33;
			border-bottom: 1px solid #FFFFFF33;
			display: flex;
			gap: 48px;
			justify-content: space-between;
		}
		h4 {
			margin: 32px 0 0;
			font-size: 32px;
			font-weight: 600;
			line-height: 117%;
			span {
				color: #FFFFFF66;
			}
		}
	}
	.autoplay-video {
		border-radius: 12px;
		overflow: hidden;
		width: 350px;
		height: 100%;
		object-fit: cover;
	}
}


.programs-tabs {
	margin-bottom: 60px;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: auto 380px;
	.programs-content {
		padding: 32px;
		border-radius: 8px;
		background: #fff;
		h3 {
			font-size: 32px;
			font-weight: 600;
			line-height: 117%;
		}
		.content-name {
			padding-bottom: 24px;
			border-bottom: var(--border);
			h3 {
				margin: 0 0 12px;
			}
			p {
				font-size: 16px;
				font-weight: 400;
				line-height: 140%;
			}
		}
		.content-target {
			padding: 24px 0;
			h4 {
				margin: 0 0 16px;
				font-size: 20px;
				font-weight: 600;
			}
			ul {
				padding-left: 14px;
				margin: 16px 0 0;
				list-style-type: none;
				display: flex;
				gap: 8px;
				flex-direction: column;
				li {
					position: relative;
					font-size: 14px;
					font-weight: 500;
					line-height: 140%;
					&::before {
						content: '';
						position: absolute;
						left: -14px;
						top: 6px;
						width: 8px;
						height: 8px;
						border-radius: 10em;
						background: var(--accent);
					}
				}
			}
		}
		.content-include {
			padding: 24px 20px;
			border-radius: 6px;
			background: var(--dark);
			color: #fff;
			h3 {
				margin: 0 0 16px;
			}
			.include-header {
				margin: 8px 0;
			}
			.caption-list {
				padding: 12px 20px;
				border-radius: 6px;
				background: #FFFFFF1A;
				&.list-grid {
					display: grid;
					grid-gap: 0 20px;
					grid-template-columns: repeat(2, 1fr);
				}
				p {
					font-size: 12px;
					font-weight: 500;
					line-height: 140%;
					&:not(:last-child) {
						margin-bottom: 6px;
						padding-bottom: 6px;
						border-bottom: 1px solid #FFFFFF1A;
					}
				}
			}
		}
		.content-price {
			margin: 24px 0 0;
			display: grid;
			grid-gap: 20px;
			grid-template-columns: auto 200px;
			align-items: center;
			p {
				font-size: 20px;
				font-weight: 600;
				line-height: 117%;
				span {
					color: var(--accent);
				}
			}
		}
	}
	.programs-block {
		display: flex;
		gap: 20px;
		flex-direction: column;
		.item {
			padding: 20px;
			border-radius: 8px;
			background: #fff;
			transition: var(--time);
			&:hover {
				background: var(--acchover);
				.name {
					.icon {
						background: #6CBDC2;
						svg path {
							fill: #fff;
						}
					}
					h3 {
						color: #fff;
					}
				}
				span, p {
					color: #fff;
				}
			}
			&.active {
				background: var(--accent);
				color: #fff;
				.name {
					border-bottom: 1px solid #FFFFFF1A;
					.icon {
						background: #6CBDC2;
						svg path {
							fill: #fff;
						}
					}
				}
				.more {
					display: none;
				}
			}
			.name {
				margin: 0 0 16px;
				padding: 0 0 17px;
				display: grid;
				grid-gap: 20px;
				grid-template-columns: auto 48px;
				align-items: center;
				border-bottom: var(--border);
				h3 {
					margin: 0;
					font-weight: 600;
					font-size: 20px;
					line-height: 117%;
					letter-spacing: 0%;
					transition: var(--time);
				}
				.icon {
					width: 48px;
					height: 48px;
					display: flex;
					justify-content: center;
					align-items: center;
					border-radius: 4px;
					background: #E5F3F4;
					transition: var(--time);
				}
			}
			p {
				font-size: 16px;
				transition: var(--time);
			}
			span {
				margin: 38px 0 0;
				display: flex;
				color: var(--accent);
				transition: var(--time);
			}
		}
	}
	.button {
		height: 48px;
	}
}

.form-section {
	padding: 50px 0 100px;
	.content {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(2, 1fr);
		.form {
			padding: 56px 90px;
			border-radius: 12px;
			background: var(--dark);
			color: #fff;
			.wpforms-container {
				margin: 0;
				.wpforms-field {
					padding: 0;
					position: relative;
					text-align: center;
					h2 {
						margin: 0 0 12px;
						font-size: 40px;
						font-weight: 500;
						line-height: 110%;
					}
					p {
						margin: 0 0 32px;
						font-size: 16px;
						font-weight: 300;
						line-height: 140%;
					}
				}
				.wpforms-field-large {
					margin-bottom: 8px;
					height: 56px;
					border-radius: 6px;
					font-size: 14px;
					&::placeholder {
						color: #CFCFCF;
					}
				}
				.wpforms-field-phone {
					margin-bottom: 8px;
				}
				.choice-1 {
					display: flex;
					gap: 6px;
					justify-content: flex-start;
					align-items: center;
					.wpforms-field-label-inline {
						color: #fff;
						padding-inline-start: 0;
						text-align: left;
						font-size: 12px;
						font-weight: 400;
					}
				}
				.wpforms-submit-container {
					margin-top: 12px;
					button {
						width: 100%;
						height: 56px;
						display: flex;
						justify-content: center;
						align-items: center;
						background: var(--accent);
						border-radius: 6px;
						font-size: 14px;
						font-weight: 600;
						transition: var(--time);
						&:hover {
							background: var(--acchover);
						}
					}
				}
				.wpforms-error {
					font-size: 12px;
					text-align: left;
				}
			}
		}
		.image {
			border-radius: 12px;
			overflow: hidden;
			.img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
	}
}



.service-name-section {
	padding: 63px 0 50px;
	.service-name-content {
		display: grid;
		grid-gap: 11px;
		grid-template-columns: auto 290px;
		.name {
			padding: 56px 48px;
			background: var(--accent);
			color: #fff;
			border-radius: 12px;
			.h1 {
				margin: 0 0 32px;
			}
			.anchors-list {
				display: flex;
				gap: 4px;
				flex-flow: wrap;
				a {
					padding: 10px 16px;
					border-radius: 10em;
					font-size: 14px;
					font-weight: 600;
					line-height: 140%;
					background: #FFFFFF1A;
					color: #fff;
					&:hover {
						background: var(--btn-hover);
					}
					&:active {
						background: var(--btn-active);
					}
				}
			}
		}
		.button-dark {
			padding: 24px;
			border-radius: 12px;
			border: none;
			background: var(--dark);
			position: relative;
			display: flex;
			align-items: flex-end;
			color: #fff;
			font-size: 24px;
			font-weight: 600;
			text-align: left;
			line-height: 110%;
			cursor: pointer;
			&:hover {
				.icon-arrow {
					background: var(--btn-hover);
					svg path {
						fill: #fff;
					}
				}
			}
			&:active {
				.icon-arrow {
					background: var(--btn-active);
					svg path {
						fill: #fff;
					}
				}
			}
			.icon-arrow {
				position: absolute;
				right: 8px;
				top: 8px;
				width: 32px;
				height: 32px;
				border-radius: 4px;
				background: #E5F3F4;
				display: flex;
				justify-content: center;
				align-items: center;
				transition: var(--time);
			}
		}
	}
}



.tabs-section {
	padding: 50px 0;
	h3 {
		margin: 0 0 24px;
	}
}
.tab-buttons {
	margin: 24px 0;
	display: flex;
	gap: 4px;
	flex-flow: wrap;
	.tab-button {
		padding: 10px 16px;
		border-radius: 10em;
		border: none;
		color: var(--accent);
		background: #47ACB31A;
		cursor: pointer;
		font-size: 14px;
		transition: var(--time);
		&:hover {
			color: #fff;
			background: var(--btn-hover);
		}
		&:active {
			color: #fff;
			background: var(--btn-active);
		}
		&.active {
			color: #fff;
			background: var(--accent);
		}
	}
}
.tab-content {
	display: none;
	grid-gap: 10px;
	grid-template-columns: 390px auto;
	&.active {
		display: grid;
	}
	.tab-image {
		border-radius: 12px;
		overflow: hidden;
		.img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.tab-text {
		padding: 32px;
		background: #fff;
		border-radius: 8px;
		min-height: 330px;
		display: flex;
		flex-direction: column;
		h3 {
			margin: 0 0 16px;
			font-size: 32px;
		}
		.tab-content-list {
			padding-left: 16px;
			margin-bottom: 24px;
			display: flex;
			gap: 8px;
			flex-direction: column;
			&.two-columns {
				display: block;
				columns: 2;
				column-gap: 20px;
				p {
					margin-bottom: 8px;
				}
			}
			p {
				position: relative;
				font-size: 14px;
				font-weight: 500;
				line-height: 140%;
				&::before {
					content: '';
					position: absolute;
					left: -16px;
					top: 6px;
					width: 8px;
					height: 8px;
					border-radius: 10em;
					background: var(--accent);
				}
			}
		}
		.tags-content-list {
			margin-top: auto;
			padding-top: 24px;
			border-top: var(--border);
			color: #C2C2C2;
		}
	}
}



.visitors-section {
	padding: 0 0 50px;
}



.articles-section {
	padding: 0 0 100px;
	.articles-container {
		display: grid;
		grid-gap: 50px 20px;
		grid-template-columns: repeat(4, 1fr);
		.article-container {
			display: flex;
			gap: 20px;
			flex-direction: column;
			justify-content: space-between;
			.image-container {
				display: block;
				margin-bottom: 16px;
				height: 200px;
				border-radius: 8px;
				overflow: hidden;
				position: relative;
				.icon-arrow {
					position: absolute;
          right: 8px;
          top: 8px;
          width: 32px;
          height: 32px;
          border-radius: 4px;
          background: #E5F3F4;
          display: flex;
          justify-content: center;
          align-items: center;
					transition: var( --time );
				}
				.img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
				&:hover {
					.icon-arrow {
						background: var( --acchover );
						svg path {
							fill: #fff;
						}
					}
				}
			}
			span {
				font-size: 14px;
				font-weight: 500;
				line-height: 140%;
				color: #B9B9B9;
			}
			h2 {
				margin: 8px 0;
				font-size: 16px;
			}
			.excerpt {
				font-size: 14px;
				font-weight: 400;
				line-height: 140%;
				color: var(--dark);
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.button {
				width: 180px;
				height: 48px;
			}
		}
	}
	.show-more-container {
		margin-top: 64px;
		display: flex;
		justify-content: center;
		.button {
			height: 48px;
			width: 164px;
			background: transparent;
			color: var(--accent);
			border: 1px solid var(--accent);
			&:hover {
				color: #fff;
				background: var(--acchover);
				border-color: var(--acchover);
			}
		}
	}
}



.price-section {
	padding: 0 0 100px;
	.head-with-button {
		margin: 63px 0 24px;
		display: flex;
		align-items: center;
		.button {
			width: 208px;
			height: 48px;
			&:hover {
				color: #fff;
				background: var(--acchover);
				border-color: var(--acchover);
			}
		}
	}
	.price-accordion {
		display: flex;
		gap: 4px;
		flex-direction: column;
	}
	.price-accordion-item {
		&.active {
			.price-accordion-button {
				.icon-arrow {
					background: var(--accent);
					svg {
						rotate: 180deg;
						path {
							fill: #fff;
						}
					}
				}
			}
			.price-accordion-content {
				opacity: 1;
				/* max-height: 500px; */
				max-height: 100%;
			}
		}
		.price-accordion-button {
			padding: 18px 24px;
			min-height: 64px;
			background: #fff;
			border-radius: 8px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			cursor: pointer;
			&:hover {
				.icon-arrow {
					background: var(--acchover);
					svg path {
						fill: #fff;
					}
				}
			}
			.price-accordion-title {
				margin: 0;
				font-size: 24px;
				font-weight: 600;
				line-height: 117%;
				color: var(--dark);
			}
			.icon-arrow {
				height: 32px;
				width: 32px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 4px;
				background: #E5F3F4;
				transition: var(--time);
			}
		}
		.price-accordion-content {
			opacity: 0;
			overflow: hidden;
			transition: var(--time);
			.price-item:last-child {
				border-bottom: none;
			}
		}
	}
}



.license-name-section {
	padding: 0 0 32px;
	border-bottom: var(--border);
	.h1 {
		margin: 63px 0 0 0;
	}
}

.license-section {
	padding: 40px 0 100px;
	.license-content {
		display: flex;
		gap: 56px;
		flex-direction: column;
	}
	.license-block {
		h2 {
			margin: 0 0 24px;
			font-size: 32px;
		}
		.docs-block {
			width: 780px;
			display: flex;
			gap: 4px;
			flex-direction: column;
			.doc-link {
				padding: 8px 8px 8px 16px;
				background: #fff;
				border-radius: 8px;
				font-size: 14px;
				font-weight: 600;
				line-height: 117%;
				color: var(--dark);
				display: flex;
				gap: 20px;
				justify-content: space-between;
				align-items: center;
				.icon-arrow {
					width: 32px;
					height: 32px;
					background: #E5F3F4;
					border-radius: 4px;
					display: flex;
					justify-content: center;
					align-items: center;
					flex-shrink: 0;
					transition: var(--time);
				}
				&:hover {
					.icon-arrow {
						background: var(--acchover);
						svg path {
							fill: #fff;
						}
					}
				}
			}
		}
	}
}



.equipment-section {
	padding: 50px 0;
	.equipment-content {
		display: grid;
		grid-gap: 14px;
		grid-template-columns: 325px 321px auto;
		.image {
			max-height: 394px;
			border-radius: 12px;
			overflow: hidden;
			.img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
		.text {
			padding-left: 25px;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			h2 {
				margin: 0 0 24px;
			}
			p {
				font-size: 16px;
				font-weight: 400;
				line-height: 140%;
				&:not(:last-child) {
					margin-bottom: 8px;
				}
			}
		}
	}
}

.fancybox__container {
	--fancybox-bg: #0000004D;
}
.fancybox__content {
	border-radius: 24px;
	padding: 32px;
	div.wpforms-container-full:not(:empty) {
		margin: 0;
	}
	div.wpforms-container-full input[type="text"]:focus {
		border: none;
		box-shadow: none;
	}
	div.wpforms-container-full input[type="tel"]:focus {
		border: none;
		box-shadow: none;
	}
	div.wpforms-container-full button[type="submit"]:hover {
		background: none;
	}
	div.wpforms-container-full {
		.wpforms-field {
			padding: 0;
			&.wpforms-field-checkbox {
				margin: 10px 0;
			}
			input {
				background: #F3F3F3;
				border: none;
				border-radius: 8px;
				font-size: 14px;

				&::placeholder {
					color: #A9A9A9;
				}
			}
		}
		h2 {
			margin: 0 0 12px;
			text-align: center;
			font-size: 32px;
			font-weight: 600;
			line-height: 117%;
		}
		p {
			font-size: 14px;
			font-weight: 400;
			line-height: 140%;
			text-align: center;
		}
		input {
			margin: 10px 0;
			height: 56px;
			width: 516px;
			font-size: 14px;
			&::placeholder {
				font-size: 14px;
				color: #A9A9A9;
			}
		}
		.wpforms-field.wpforms-field-checkbox ul li input + label {
			padding-inline-start: 8px;
		}
		.wpforms-field-label-inline {
			padding-inline-start: 8px;
			color: #A9A9A9;
			font-size: 14px;
			font-weight: 400;
			line-height: 140%;
		}
		button[type="submit"] {
			width: 100%;
			height: 56px;
			font-size: 14px;
			font-weight: 600;
			border-radius: 6px;
			background-color: var(--accent);
		}
		button[type="submit"]:not(:hover):not(:active) {
			background-color: var(--accent);
		}
		button[type="submit"]:hover {
			background-color: var(--acchover);
		}
	}
}


.prices-section {
	padding: 50px 0;
	.price-items {
		margin-bottom: 24px;
	}
	.button.show-all {
		width: 149px;
		color: var(--accent);
		background: transparent;
		border: 1px solid var(--accent);

		&:hover {
			color: #fff;
			background: var(--btn-hover);
			border-color: var(--btn-hover);
		}
		&:active {
			color: #fff;
			background: var(--btn-active);
			border-color: var(--btn-active);
		}
	}
}
.price-item {
	padding: 16px 0;
	border-bottom: var(--border);
	display: grid;
	grid-gap: 20px;
	grid-template-columns: auto 140px 133px;
	align-items: center;
	.name {
		font-size: 16px;
		font-weight: 500;
		line-height: 140%;
	}
	.price {
		font-size: 20px;
		font-weight: 600;
		line-height: 117%;
		color: var(--accent);
		text-align: right;
	}
	.button {
		height: 40px;
	}
}



.contacts-info {
	padding: 63px 0 50px;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(3, 1fr);
	.contacts-text {
		display: flex;
		flex-direction: column;
		justify-content: center;
		.h1 {
			margin: 0 0 32px;
		}
		.item {
			padding: 16px 0;
			display: flex;
			gap: 12px;
			justify-content: start;
			align-items: flex-start;
			font-size: 20px;
			font-weight: 600;
			line-height: 120%;
			&:not(:last-child) {
				border-bottom: var(--border);
			}
			.icon {
				width: 32px;
				height: 32px;
				display: flex;
				justify-content: center;
				align-items: center;
				background: var(--accent);
				border-radius: 4px;
				flex-shrink: 0;
				svg path {
					fill: #fff;
				}
			}
			a {
				margin-top: 3px;
				transition: var(--time);
				&:hover {
					color: var(--acchover);
				}
			}
		}
		.contacts-phones {
			display: flex;
			flex-direction: column;
			row-gap: 10px;
		}
	}
	.image {
		min-height: 408px;
		border-radius: 12px;
		overflow: hidden;
		.img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
}

.map-section {
	margin: 50px 0;
	padding: 0;
	border-radius: 12px;
	overflow: hidden;
}

.contacts-descriprion {
	padding: 50px 0 50px;
	h3 {
		margin: 0 0 16px;
		font-size: 32px;
	}
	p {
		font-size: 14px;
		font-weight: 500;
		line-height: 140%;
	}
}



.gift-card-main {
	margin: 0 12px 50px 12px;
	padding: 70px 0;
	overflow: hidden;
	border-radius: 20px;
	background: #E5E5E5;
	position: relative;
	.container {
		position: relative;
		z-index: 2;
		height: 100%;
	}
	.main-info {
		min-height: 338px;
		max-width: 564px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		.h1 {
			margin: 0 0 16px;
			font-size: 64px;
		}
		p {
			font-size: 16px;
			font-weight: 500;
			line-height: 140%;
		}
		h3 {
			margin: 56px 0 0;
			font-size: 24px;
		}
	}
	.img {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: auto;
		z-index: 1;
	}
}

.conditions-section {
	padding: 50px 0;
	.conditions-content {
		display: flex;
		gap: 40px;
		flex-direction: column;
		.main-block {
			h2 {
				margin: 0 0 16px;
				font-size: 32px;

			}
			ul {
				padding-left: 20px;
				margin: 0;
				list-style-type: none;
				display: flex;
				gap: 12px;
				flex-direction: column;
				li {
					position: relative;
					font-size: 16px;
					font-weight: 400;
					line-height: 140%;
					&::before {
						content: '';
						position: absolute;
						left: -20px;
						top: 8px;
						width: 8px;
						height: 8px;
						border-radius: 10em;
						background: var(--accent);
					}
				}
			}
		}
		.additional-block {
			display: grid;
			grid-gap: 20px;
			grid-template-columns: repeat(2, 1fr);
			.item {
				padding: 32px;
				color: #fff;
				border-radius: 8px;
				&.accent {
					background: var(--accent);
					h3 {
						margin: 20px 0 0;
						font-size: 32px;
						span {
							color: #FFFFFF66;
						}
					}
				}
				&.dark {
					background: var(--dark);
					display: flex;
					gap: 20px;
					flex-direction: column;
					justify-content: space-between;
					h3 {
						margin: 0 0 12px;
						font-size: 32px;
					}
					p {
						font-size: 16px;
						font-weight: 400;
						line-height: 140%;
					}
					.links {
						margin-top: 12px;
						display: flex;
						gap: 30px;
						a {
							color: var(--accent);
							font-size: 24px;
							font-weight: 600;
							&:hover {
								color: var(--acchover);
							}
						}
					}
					.links-phones {
						display: flex;
						flex-direction: column;
						row-gap: 10px;
					}
				}
				.subtitle {
					padding: 8px 25px;
					border-radius: 10em;
					color: var(--accent);
					background: #fff;
				}
			}
		}
	}
}



.post-content {
	padding: 32px 0 50px 0;
	color: var(--dark);
	.h1 {
		margin: 0 0 12px;
		font-size: 32px;
	}
	.date {
		margin-bottom: 16px;
		display: block;
		font-size: 14px;
		font-weight: 500;
		line-height: 140%;
		color: var(--gray);
	}
	.content-thumbnail {
		margin-bottom: 32px;
		border-radius: 12px;
		overflow: hidden;
		width: 100%;
		max-height: 460px;
		display: flex;
		justify-content: center;
		align-items: center;
		.img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.content {
		max-width: 880px;
	}
	h2 {
		margin: 16px 0;
		font-size: 24px;
	}
	h3 {
		margin: 16px 0;
		font-size: 20px;
	}
	p {
		margin: 12px 0;
		font-size: 14px;
		font-weight: 500;
		line-height: 140%;
	}
	blockquote {
		margin: 32px 0;
		padding: 32px;
		background: #fff;
		border-radius: 12px;
	}
	ul {
		padding-left: 12px;
		margin: 0;
		list-style-type: none;
		display: flex;
		gap: 12px;
		flex-direction: column;
		li {
			position: relative;
			font-size: 14px;
			font-weight: 500;
			line-height: 140%;
			&::before {
				content: '';
				position: absolute;
				left: -12px;
				top: 7px;
				width: 6px;
				height: 6px;
				border-radius: 10em;
				background: var(--accent);
			}
		}
	}
	hr {
		margin: 32px 0;
		border-color: #0000001A;
	}
}


.error-404 {
	padding-top: 0;
	.h1 {
		font-size: 32px;
	}
	p {
		margin-bottom: 20px;
	}
	.button {
		width: 200px;
		height: 48px;
	}
}


.default-page {
	.h1 {
		margin-bottom: 30px;
	}
}


/* RESPONSIVE STYLES */
@media only screen and (max-width: 1344px) {
	:root {
		--container: 980px;
	}

	section {
		padding: 64px 0;
	}

	.h1 {
		margin: 48px 0 24px;
		font-size: 40px;
	}

	h2 {
		margin: 0 0 24px;
		font-size: 40px;
	}

	.header {
		.main-head {
			grid-gap: 40px;
			.main-navigation-container {
				.main-navigation {
					.menu-item {
						font-size: 12px;
					}
				}
			}
		}
	}

	.front-page {
		h2 {
			margin: 0 0 24px;
			font-size: 40px;
		}
		h3 {
			margin: 0 0 24px;
			font-size: 32px;
		}
	}

	.front-page.main {
		padding: 64px 0;
		margin: 0;
		height: 499px;
		.main-info {
			h1 {
				font-size: 56px;
			}
		}
		.main-image {
			max-width: 95%;
			bottom: -64px;
			right: -120px;
		}
	}

	.about {
		.about-block {
			.about-content {
				h2 {
					margin: 0 0 32px;
					padding-bottom: 32px;
					font-size: 40px;
				}
				.about-grid {
					.about-item {
						p {
							font-size: 14px;
						}
					}
				}
			}
		}
	}

	.services {
		.services-block {
			.service-item {
				&.dark {
					.dark-link {
						.title-extra {
							font-size: 24px;
						}
					}
				}
			}
		}
	}

	.sphere {
		.sphere-block {
			.item {
				height: 420px;
			}
		}
	}

	.programs {
		.programs-block {
			.item {
				&.dark {
					.dark-link {
						.title-extra {
							font-size: 24px;
						}
					}
				}
				.name {
					h3 {
						font-size: 16px;
					}
				}
				p {
					font-size: 14px;
				}
			}
		}
	}

	.appreciate {
		.testimonials-f-carousel {
			.f-carousel__slide {
				p {
					font-size: 12px;
				}
			}
			.f-carousel__nav {
				top: -70px;
			}
		}
		.dark-block {
			margin-top: 32px;
			grid-gap: 66px;
			grid-template-columns: auto 370px;
		}
	}

	.type-slider {
		grid-gap: 20px;
		grid-template-columns: auto 730px;
		.head-content {
			h3 {
				font-size: 32px;
			}
		}
		.type-carousel {
			.f-carousel__nav {
				left: -250px;
			}
		}
	}

	.doctors {
		padding: 40px 0;
	}

	.doctor-card {
		.photo-block {
			.doc-link {
				.image {
					height: 260px;
				}
			}
			.prodoktorov-link {
				top: 192px;
			}
		}
	}

	.news {
		padding: 80px 0;
	}

	.news-f-carousel {
		.f-carousel__slide {
			gap: 16px;
			p {
				font-size: 12px;
			}
		}
	}

	.articles {
		padding: 40px 0 80px;
		.slide {
			width: 230px;
			height: 275px;
		}
		.slide-active {
			width: 480px;
			grid-template-columns: 230px auto;
		}
		.slide-image-wrapper {
			width: 100%;
		}
		.slide-image {
			height: 271px;
		}
		.slide-name {
			font-size: 16px;
		}
		.slide-content-author {
			font-size: 12px;
			max-width: 180px;
			display: block;
		}
		.slide-content-title {
			font-size: 20px;
		}
		.slide-content > p {
			font-size: 12px;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	}

	.about-center {
		.content {
			padding-bottom: 24px;
			margin-bottom: 24px;
			.director-card {
				padding: 12px;
				.photo-name {
					.photo {
						width: 48px;
						height: 48px;
					}
					.name-position {
						h3 {
							font-size: 14px;
							margin: 0;
						}
						span {
							font-size: 10px;
						}
					}
				}
				.caption {
					p {
						font-size: 12px;
					}
				}
			}
			.about-content {
				.h1 {
					margin: 24px 0 16px;
				}
				p {
					font-size: 14px;
				}
			}
		}
		.photos {
			grid-gap: 10px 20px;
			.photo-link {
				height: 140px;
			}
		}
	}

	.advantages-section {
		.advantages-content {
			grid-template-columns: 530px auto;
			.image-side {
				height: 630px;
				h2 {
					top: 48px;
					left: 32px;
					right: 160px;
				}
			}
		}
	}

	.block-icon {
		p {
			font-size: 14px;
		}
	}

	.specific-full-width {
		width: auto;
		grid-template-columns: auto 1fr;
		.specific-content {
			padding: 60px 22px 60px 22px;
			h2 {
				margin: 0 0 32px;
			}
			h4 {
				margin: 24px 0 0;
				font-size: 24px;
			}
		}
	}

	.articles-section {
		padding: 0 0 80px;
		.articles-container {
			grid-gap: 48px 20px;
			.article-container {
				.excerpt {
					font-size: 12px;
				}
			}
		}
		.show-more-container {
			margin-top: 48px;
		}
	}

	.license-name-section {
		.h1 {
			margin: 48px 0 0;
		}
	}

	.license-section {
		padding: 40px 0 80px;
		.license-block {
			h2 {
				font-size: 24px;
			}
			.docs-block {
				width: 730px;
			}
		}
		.license-content {
			gap: 48px;
		}
	}

	.doctors-section {
		padding: 48px 0 80px;
		h1 {
			margin: 0 0 24px;
			font-size: 40px;
		}
		.doctors-filter {
			margin-bottom: 30px;
		}
	}

	.contacts-info {
		padding: 63px 0 40px;
		.image {
			min-height: 400px;
		}
	}

	.map-section {
		margin: 40px 0;
	}

	.contacts-descriprion {
		padding: 40px 0;
	}

	.feedback-section {
		padding: 40px 0 80px;
		.feedback {
			padding: 40px 32px;
			h2 {
				max-width: 465px;
			}
			.buttons {
				.phone {
					.phone-caption {
						font-size: 14px;
					}
					.phone-num {
						font-size: 20px;
					}
				}
			}
			.feedback-image {
				width: 680px;
			}
		}
	}

	.director-main-content {
		.director-photo {
			right: -60px;
		}
	}

	.education-block {
		padding: 40px 0;
		.head-with-button {
			margin-bottom: 0;
			h3 {
				font-size: 24px;
			}
			.button {
				&:hover {
					color: #fff;
					background: var(--acchover);
					border-color: var(--acchover);
				}
			}
		}
		.education-table {
			.education-item {
				grid-template-columns: 250px auto;
				span {
					font-size: 24px;
				}
			}
		}
	}

	.price-section {
		padding: 0 0 80px;
		.head-with-button {
			margin: 48px 0 24px;
			.button {
				width: 208px;
			}
		}
		.price-accordion-item {
			.price-accordion-button {
				padding: 12px 12px 12px 16px;
				min-height: auto;
				.price-accordion-title {
					font-size: 20px;
				}
			}
		}
	}

	.price-item {
		padding: 12px 0;
		.name {
			font-size: 14px;
		}
	}

	.form-section {
		padding: 40px 0 80px;
		.content {
			.form {
				padding: 48px;
				.wpforms-container {
					.wpforms-field {
						h2 {
							font-size: 32px;
						}
						p {
							margin: 0 0 24px;
							font-size: 14px;
						}
					}
				}
			}
		}
	}

	.programs-tabs {
		margin-bottom: 40px;
		grid-gap: 20px;
		grid-template-columns: auto 313px;
		.programs-content {
			padding: 24px;
			h3 {
				font-size: 24px;
			}
			.content-name p {
				font-size: 14px;
			}
			.content-target h4 {
				font-size: 16px;
			}
			.content-include{
				.caption-list {
					padding: 12px;
				}
			}
			.content-price {
				margin: 20px 0 0;
			}
		}
		.programs-block {
			.item {
				.name {
					h3 {
						font-size: 16px;
						display: flex;
						align-items: center;
					}
				}
				p {
					font-size: 14px;
				}
				span {
					margin: 24px 0 0;
				}
			}
		}
	}

	.visitors-section {
		padding: 0 0 40px;
	}

	.tab-buttons {
		.tab-button {
			padding: 8px 16px;
			font-size: 12px;
		}
	}

	.tab-content {
		.tab-text h3 {
			font-size: 24px;
		}
	}

	.accent-section {
		margin: 40px 0;
	}

	.service-name-section {
		padding: 48px 0 40px;
		.service-name-content {
			grid-template-columns: auto 230px;
			.name {
				padding: 48px 40px;
				.h1 {
					margin: 0 0 16px;
				}
			}
		}
	}

	.tabs-section {
		padding: 40px 0;
		h3 {
			font-size: 32px;
		}
	}

	.equipment-section {
		padding: 40px 0;
		.equipment-content {
			grid-template-columns: 276px 276px auto;
			.image {
				max-height: 300px;
			}
			.text {
				h2 {
					margin: 0 0 16px;
				}
				p {
					font-size: 14px;
				}
			}
		}
	}


	.prices-section {
		padding: 40px 0;
	}

	.post-content {
		.content-thumbnail {
			max-height: 400px;
		}
	}

	.gift-card-main {
		padding: 60px 0;
		margin: 0 0 40px 0;
		.main-info {
			max-width: 520px;
			.h1 {
				font-size: 56px;
			}
			p {
				font-size: 14px;
			}
			h3 {
				margin: 40px 0 0;
				font-size: 20px;
			}
		}
	}

	.conditions-section {
		padding: 40px 0;
		.conditions-content {
			gap: 32px;
			.main-block {
				h2 {
					font-size: 24px;
				}
				ul {
					gap: 8px;
					li {
						font-size: 14px;
						&::before {
							top: 6px;
						}
					}
				}
			}
			.additional-block {
				.item {
					padding: 24px;
					&.accent {
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						align-items: flex-start;
						h3 {
							font-size: 24px;
						}
					}
					&.dark {
						h3 {
							font-size: 24px;
						}
						p {
							font-size: 14px;
						}
						.links {
							flex-direction: column;
							a {
								font-size: 20px;
							}
						}
					}
				}
			}
		}
	}


	.footer {
		.main-content {
			.menu-contact-block {
				.contacts-column {
					.contacts-items {
						.contacts-item {
							font-weight: 400;
						}
					}
				}
			}
		}
		.rating-item {
			.rating-image {
				width: 40px;
				height: 40px;
			}
		}
	}
}

@media only screen and (max-width: 1024px) {
	:root {
		--container: 738px;
	}

	.header {
		.main-head {
			padding: 8px 0 16px 0;
			width: 100%;
			justify-content: space-between;
			grid-gap: 13px;
			grid-template-columns: 1fr 1fr;
			grid-template-columns: 241px 160px;
			grid-template-areas:
				"left right"
				"middle middle";
			.main-navigation-container {
				.sub-menu {
					top: 26px;
				}
			}
		}
	}

	.front-page.main {
		padding: 40px 0;
		height: 557px;
		.main-image {
			max-width: 130%;
			width: 130%;
			bottom: -64px;
			right: -20px;
		}
	}

	.services {
		.services-block {
			grid-template-columns: repeat(3, 1fr);
			grid-template-areas:
				"area1 area2 area7"
				"area3 area4 area7"
				"area5 area6 area7";
		}
	}

	.about {
		.about-block {
			grid-gap: 30px;
			grid-template-columns: auto;
			.about-content {
				h2 {
					margin: 0 0 24px;
					padding-bottom: 24px;
					max-width: 555px;
					max-width: 100%;
				}
			}
		}
	}

	.sphere {
		padding: 64px 0 32px;
		.sphere-block {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-gap: 10px;
			.item {
				height: 320px;
			}
		}
	}

	.programs {
		padding: 32px 0;
		.programs-block {
			grid-gap: 10px;
		}
	}

	.appreciate {
		.dark-block {
			grid-gap: 15px;
			grid-template-columns: auto 330px;
			.rating-grid {
				.rating-item {
					height: 88px;
					.rating-info {
						margin: 0;
						p {
							font-size: 10px;
						}
					}
				}
			}
		}
	}

	.rating-item {
		.rating-image {
			width: 40px;
			height: 40px;
		}
	}

	.type-slider {
		grid-gap: 10px;
		grid-template-columns: auto 490px;
		.type-carousel {
			.f-carousel__nav {
				left: -247px;
			}
		}
	}

	.doctors {
		padding: 32px 0;
	}

	.news {
		padding: 64px 0;
	}

	.articles {
		padding: 32px 0 64px;
		.articles-slides {
			column-gap: 10px;
		}
		.slide {
			width: 240px;
		}
		.slide-active {
			width: 490px;
		}
	}

	.about-center {
		.photos {
			grid-gap: 10px;
			grid-template-columns: repeat(3, 1fr);
			grid-template-areas:
				"a a b"
				"a a c"
				"a a d";
		}
	}

	.advantages-section {
		padding: 32px 0;
		.advantages-content {
			grid-gap: 32px;
			grid-template-columns: repeat(2, 1fr);
			.image-side {
				height: 500px;
				h2 {
					font-size: 32px;
					top: 24px;
					left: 24px;
					right: 24px;
				}
			}
			.advantages-blocks {
				gap: 24px;
				.icon-name {
					margin-bottom: 12px;
					display: flex;
					gap: 16px;
					align-items: center;
				}
			}
		}
	}

	.block-icon {
		h3 {
			margin: 0;
		}
	}

	.specific-full-width {
		grid-gap: 10px;
		.specific-content {
			padding: 40px 15px;
			h2 {
				margin: 0 0 19px;
			}
			.blocks {
				padding: 24px 0;
				display: grid;
				grid-gap: 24px;
				grid-template-columns: repeat(2, 1fr);
			}
		}
		.block-icon {
			h3 {
				margin: 24px 0 12px;
			}
		}
	}

	.articles-section {
		padding: 0 0 64px;
		.articles-container {
			grid-template-columns: repeat(3, 1fr);
			grid-gap: 40px 10px;
			.article-container {
				gap: 16px;
			}
		}
		.show-more-container {
			margin-top: 40px;
		}
	}

	.license-section {
		padding: 40px 0 64px;
		.license-block {
			.docs-block {
				width: 100%;
			}
		}
	}

	.doctors-section {
		padding: 48px 0 64px;
		.doctors-list {
			grid-gap: 48px 20px;
			grid-template-columns: repeat(3, 1fr);
		}
	}

	.contacts-info {
		padding: 48px 0 32px;
		grid-gap: 10px;
		.contacts-text {
			.h1 {
				margin: 0 0 8px;
			}
			.item {
				align-items: center;
				font-size: 16px;
				a {
					margin: 0;
				}
			}
		}
		.image {
			min-height: 370px;
		}
	}

	.map-section {
		margin: 32px 0;
		iframe {
			height: 360px;
		}
	}

	.contacts-descriprion {
		padding: 32px 0;
		display: none;
	}

	.feedback-section {
		padding: 32px 0 64px;
		.feedback {
			h2 {
				font-size: 40px;
			}
			.buttons {
				.phone {
					.phone-caption {
						font-size: 14px;
					}
					.phone-num {
						font-size: 20px;
					}
				}
			}
			.feedback-image {
				width: 490px;
				right: -30px;
			}
		}
	}

	.director-main-content {
		margin: 0 0 32px;
		padding: 32px 24px;
		.content {
			max-width: 462px;
			h2 {
				margin-bottom: 8px;
				font-size: 24px;
			}
			p:first-of-type {
				font-size: 12px;
			}
			.experience-block {
				grid-gap: 6px;
				.experience-item {
					h4 {
						font-size: 24px;
					}
					p {
						font-size: 10px;
					}
				}
			}
			.button {
				margin-top: 24px;
			}
		}
		.director-photo {
			right: -115px;
		}
	}

	.experience-item {
		margin: 24px 0;
		padding: 12px 1px 12px 12px;
		&.prodoktorov {
			padding: 12px;
		}
		.rating-block {
			margin: 0;
			font-size: 24px;
			.rating-stars {
				svg {
					max-width: 16px;
				}
			}
		}
		img {
			max-width: 95px;
		}
		.prodoktorov-link {
			margin: 0;
		}
	}

	.education-block {
		padding: 32px 0;
	}

	.breadcrumbs {
		margin: 32px 0 24px;
	}

	.person-card {
		grid-template-columns: auto 150px;
		.person-content {
			grid-template-columns: 226px auto;
			.content-text {
				h1 {
					font-size: 24px;
				}
				p {
					font-size: 12px;
				}
			}
		}
	}

	.price-section {
		padding: 0 0 64px;
	}

	.form-section {
		padding: 32px 0 64px;
		.content {
			grid-gap: 10px;
			.form {
				padding: 48px 32px;
				.wpforms-container {
					.wpforms-field {
						h2 {
							font-size: 32px;
						}
						p {
							margin: 0 0 24px;
							font-size: 14px;
						}
					}
				}
			}
		}
	}

	.programs-tabs {
		margin-bottom: 32px;
		display: flex;
		grid-gap: 20px;
		flex-direction: column-reverse;
		.programs-block {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			.item {
				padding: 14px 20px;
				&.active {
					.name {
						border-bottom: none;
					}
				}
				.name {
					margin: 0;
					padding: 0;
					border-bottom: none;
				}
				p {
					display: none;
				}
				span {
					display: none;
				}
			}
		}
	}

	.accent-section {
		margin: 32px 0;
	}

	.visitors-section {
		padding: 0 0 32px;
	}

	.tab-content {
		grid-template-columns: 240px auto;
		.tab-text {
			padding: 24px;
		}
	}

	.equipment-section {
		padding: 32px 0;
		.equipment-content {
			display: grid;
			grid-gap: 24px 10px;
			grid-template-columns: repeat(2, 1fr);
			grid-template-areas:
			"text text"
			"first-img second-img";
			.image {
				&:nth-child(1) {
					grid-area: first-img;
				}
				&:nth-child(2) {
					grid-area: second-img;
				}
			}
			.text {
				padding-left: 0;
				grid-area: text;
			}
		}
	}

	.service-name-section {
		padding: 48px 0 32px;
		.service-name-content {
			grid-template-columns: auto 240px;
			.name {
				padding: 48px 32px;
				.h1 {
					margin: 0 0 16px;
				}
			}
		}
	}

	.tabs-section {
		padding: 32px 0;
	}

	.prices-section {
		padding: 32px 0;
	}

	.post-content {
		h2 {
			font-size: 20px;
		}
		h3 {
			font-size: 20px;
		}
		blockquote {
			padding: 20px;
		}
		hr {
			margin: 20px 0;
		}
	}

	.gift-card-main {
		padding: 40px 0;
		margin: 0 0 32px 0;
		.main-info {
			padding-left: 32px;
			max-width: 460px;
			h3 {
				margin: 24px 0 0;
			}
		}
		.img {
			right: -180px;
		}
	}

	.conditions-section {
		padding: 32px 0;
		.conditions-content {
			.additional-block {
				grid-gap: 10px;
			}
		}
	}


	.footer {
		.main-content {
			grid-gap: 5px 30px;
			grid-template-columns: 1fr 1fr;
			grid-template-areas:
				"menu menu"
				". social";
			.menu-contact-block {
				grid-area: menu;
				grid-gap: 10px;
				.contacts-column {
					.contacts-items {
						.contacts-item {
							font-weight: 500;
						}
					}
				}
			}
			.social-block {
				grid-area: social;
			}
		}
		.info-line {
			grid-gap: 30px;
			grid-template-columns: 1fr 1fr;
		}
		.rating-line {
			grid-gap: 4px 10px;
			grid-template-columns: repeat(2, 240px);
		}
	}
}

@media only screen and (max-width: 768px) {
	:root {
		--container: 100%;
	}

	.h1 {
		margin: 32px 0 24px;
		font-size: 32px;
	}

	h2 {
		font-size: 32px;
	}

	.container {
		padding: 0 15px;
	}

	.header {
		.top-line {
			display: none;
		}
		.main-head {
			padding: 8px 0;
			display: flex;
			.logo {
				span {
					display: none;
				}
			}
			.main-navigation-container {
				display: none;
			}
			.button {
				display: none;
			}
			.mobile-menu-button {
				display: flex;
			}
		}
	}

	.front-page {
		h3, h2 {
			margin: 0 0 24px;
			font-size: 24px;
		}
	}

	.front-page.main {
		padding: 40px 0 0 0;
		height: 777px;
		background: linear-gradient(170deg,rgba(184, 185, 189, 1) 40%, rgba(237, 236, 241, 1) 90%);
		.main-info {
			h1 {
				margin: 0 0 12px;
				font-size: 40px;
			}
			.descriptions {
				.buttons {
					grid-template-columns: auto;
				}
			}
		}
		.main-image {
			position: relative;
			max-width: 150%;
			width: 150%;
			bottom: auto;
			right: 37%;
		}
	}

	.services {
		.services-block {
			grid-template-columns: repeat(2, 1fr);
			grid-template-areas:
				"area1 area2"
				"area3 area4"
				"area5 area6"
				"area7 area7";
			.service-item {
				h3 {
					font-size: 16px;
				}
			}
		}
	}

	.about {
		.about-block {
			.about-content {
				h2 {
					max-width: 100%;
					font-size: 32px;
				}
				.about-grid {
					grid-gap: 24px;
					grid-template-columns: auto;
					.about-item {
						display: grid;
						grid-gap: 12px 16px;
						grid-template-columns: 48px auto;
						grid-template-areas:
						"icon head"
						"text text";
						.icon {
							grid-area: icon;
						}
						h3 {
							grid-area: head;
							margin: 11px 0;
						}
						p {
							grid-area: text;
						}
					}
				}
			}
		}
	}

	.sphere {
		.sphere-block {
			grid-template-columns: repeat(3, 240px);
			overflow: auto;
		}
	}

	.programs {
		.programs-block {
			grid-template-columns: auto;
			.item {
				min-height: 200px;
				.name {
					align-items: center;
				}
			}
		}
	}

	.appreciate {
		h2 {
			margin-bottom: 30px;
		}
		.testimonials-f-carousel {
			.f-carousel__nav {
				top: -73px;
			}
		}
		.dark-block {
			padding: 32px 24px;
			grid-template-columns: auto;
			.rating-grid {
				.rating-item {
					.rating-info {
						.reviews-num {
							font-size: 10px;
						}
					}
				}
			}
		}
	}

	.rating-item {
		.rating-image {
			width: 32px;
			height: 32px;
		}
		.rating-info {
			.rating-block {
				.rating-value {
					font-size: 14px;
				}
			}
		}
	}

	.type-slider {
		display: flex;
		flex-direction: column;
		gap: 24px;
		.head-content {
			h3 {
				margin-bottom: 12px;
				font-size: 24px;
			}
		}
		.type-carousel {
			width: 100%;
			max-width: 100%;
			.f-carousel__nav {
				margin-top: 24px;
				position: relative;
				left: auto;
				justify-content: start;
			}
		}
	}

	.doctor-card {
		.photo-block {
			.doc-link {
				.image {
					height: 185px;
				}
				h4 {
					margin: 12px 0 0;
					font-size: 14px;
				}
			}
			.prodoktorov-link {
				top: 116px;
			}
		}
		p {
			margin: 4px 0 8px;
			font-size: 12px;
		}
		.calendar-info {
			font-size: 12px;
		}
		.button {
			width: 100%;
			font-size: 12px;
		}
	}

	.news-f-carousel {
		.f-carousel__slide {
			.button {
				width: 100%;
				font-size: 12px;
			}
		}
	}

	.articles {
		.articles-slides {
			column-gap: 10px;
		}
		.slide {
			width: 167px;
			height: 290px;
			.slide-image {
				height: 100%;
			}
		}
		.slide-active {
			width: 167px;
			grid-template-columns: auto;
			.slide-image {
				height: 100px;
			}
		}
		.slide-content-title {
			font-size: 14px;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.slide-name {
			font-size: 14px;
		}
		.slide-content-wrapper {
			padding: 12px 9px 16px 12px;
			overflow-y: auto;
			gap: 12px;
		}
		.slide-content > p {
			-webkit-line-clamp: 2;
		}
	}

	.head-with-button {
		margin-bottom: 24px;
		gap: 12px;
		flex-direction: column;
		h2 {
			margin: 0;
		}
		.button {
			border: none;
			width: auto;
			height: 16px;
			justify-content: flex-start;
		}
	}

	.about-center {
		padding: 32px 0;
		.content {
			display: flex;
			flex-direction: column-reverse;
			.director-card {
				.photo-name {
					align-items: center;
				}
			}
			.about-content {
				.h1 {
					margin: 0 0 12px;
				}
			}
		}
		.photos {
			grid-template-areas:
				"a a a"
				"b c d";
			.photo-link {
				height: 90px;
				&:first-child {
					height: 240px;
				}
			}
		}
	}

	.advantages-section {
		.advantages-content {
			grid-template-columns: auto;
			.advantages-blocks {
				gap: 24px;
				.icon-name {
					margin-bottom: 12px;
					display: flex;
					gap: 16px;
					align-items: center;
				}
			}
		}
	}

	.specific-full-width {
		grid-template-columns: auto;
		.specific-content {
			padding: 48px 15px;
			.blocks {
				grid-template-columns: auto;
			}
			.block-icon {
				h3 {
					margin: 0;
				}
			}
			h4 {
				font-size: 20px;
			}
		}
		.autoplay-video {
			display: none;
		}
		.icon-name {
			margin-bottom: 12px;
			display: flex;
			gap: 16px;
			align-items: center;
		}
	}

	.articles-section {
		.articles-container {
			grid-template-columns: repeat(2, 1fr);
			grid-gap: 32px 10px;
			.article-container {
				.image-container {
					margin-bottom: 12px;
				}
				h2 {
					margin: 12px 0;
					font-size: 14px;
				}
				.button {
					width: 100%;
				}
			}
		}
		.show-more-container {
			margin-top: 32px;
			.button {
				width: 100%;
			}
		}
	}

	.license-name-section {
		padding: 0 0 24px;
		.h1 {
			margin: 32px 0 0;
		}
	}

	.license-section {
		padding: 32px 0 64px;
		.license-block {
			h2 {
				margin: 0 0 16px;
				font-size: 20px;
			}
		}
		.license-content {
			gap: 40px;
		}
	}

	.doctors-section {
		padding: 32px 0 64px;
		h1 {
			font-size: 32px;
		}
		.doctors-filter {
			margin-bottom: 24px;
		}
		.doctors-list {
			grid-gap: 32px 10px;
			grid-template-columns: repeat(2, 1fr);
		}
	}

	.contacts-info {
		padding: 32px 0;
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			"text text"
			"first second";
		.contacts-text {
			grid-area: text;
		}
		.image {
			min-height: 260px;
			&:nth-child(1) {
				grid-area: first;
			}
			&:nth-child(2) {
				grid-area: second;
			}
		}
	}

	.map-section {
		iframe {
			height: 400px;
		}
	}

	.feedback-section {
		.feedback {
			padding: 48px 30px 0 30px;
			background: linear-gradient(150deg,rgba(201, 203, 206, 1) 40%, rgba(242, 242, 244, 1) 90%);
			display: flex;
			flex-direction: column;
			align-items: center;
			.content {
				display: flex;
				flex-direction: column;
				align-items: center;
			}
			h2 {
				margin: 16px 0 24px;
				text-align: center;
				font-size: 32px;
				max-width: 415px;
			}
			.buttons {
				flex-direction: column;
				.phone {
					.phone-caption {
						text-align: center;
					}
				}
				.phones {
					flex-direction: column;
					gap: 10px;
				}
			}
			.feedback-image {
				position: relative;
				right: auto;
				left: -40px;
				bottom: auto;
			}
		}
	}

	.director-main-content {
		padding: 24px 24px 0 24px;
		.content {
			h2 {
				font-size: 20px;
			}
			p:first-of-type {
				font-size: 10px;
			}
			h3 {
				margin-bottom: 12px;
			}
			.experience-block {
				margin: 17px 0 24px;
				grid-gap: 6px 10px;
				grid-template-columns: repeat(2, 144px);
			}
		}
		.director-photo {
			margin-top: 5px;
			position: relative;
			right: auto;
			top: auto;
			width: auto;
			height: auto;
		}
	}

	.experience-item {
		margin: 0;
	}

	.education-block {
		.head-with-button {
			gap: 12px;
			align-items: flex-start;
			.button {
				justify-content: center;
			}
		}
		.education-table {
			.education-item {
				grid-gap: 12px;
				grid-template-columns: auto;
				span {
					font-size: 20px;
				}
			}
		}
	}

	.breadcrumbs {
		margin: 16px 0;
		font-size: 12px;
	}

	.person-card {
		grid-gap: 16px;
		grid-template-columns: auto;
		.person-content {
			grid-gap: 24px;
			grid-template-columns: auto;
			.content-photo {
				height: 250px;
				display: flex;
				align-items: flex-start;
				justify-content: center;
				.person-photo {
					object-position: top;
					max-width: 330px;
				}
			}
			.content-text {
				h1 {
					margin: 0 0 8px;
					font-size: 24px;
				}
				p {
					margin-bottom: 16px;
					font-size: 12px;
				}
			}
		}
		.doctor-blocks {
			display: grid;
			grid-template-columns: repeat(2, 168px);
		}
	}

	.price-section {
		.head-with-button {
			margin: 32px 0 22px;
			justify-content: flex-start;
			align-items: flex-start;
			.button {
				height: auto;
			}
		}
		.price-accordion-item {
			.price-accordion-button {
				padding: 8px 8px 8px 16px;
				.price-accordion-title {
					font-size: 16px;
				}
			}
		}
	}

	.price-item {
		grid-gap: 16px;
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			"name name"
			"price button";
		.name {
			grid-area: name;
		}
		.price {
			text-align: left;
			grid-area: price;
		}
		.button {
			margin-left: auto;
			grid-area: button;
			width: 133px;
		}
	}

	.form-section {
		.content {
			grid-template-columns: auto;
			.form {
				padding: 32px;
				.wpforms-container {
					.wpforms-field {
						h2 {
							font-size: 32px;
						}
						p {
							margin: 0 0 24px;
							font-size: 14px;
						}
					}
				}
			}
			.image {
				height: 300px;
			}
		}
	}

	.programs-tabs {
		grid-gap: 12px;
		.programs-block {
			grid-gap: 12px;
			grid-template-columns: auto;
			.item {
				padding: 6px 6px 6px 16px;
				.name {
					grid-template-columns: auto 40px;
					.icon {
						width: 40px;
						height: 40px;
					}
				}
			}
		}
		.programs-content {
			padding: 24px 0;
			.content-name {
				margin: 0 20px;
				h3 {
					font-size: 20px;
				}
				p {

				}
			}
			.content-include {
				h3 {
					font-size: 20px;
				}
				.caption-list {
					&.list-grid {
						grid-template-columns: auto;
					}
				}
			}
			.content-target {
				margin: 0 20px;
			}
			.content-price {
				margin: 20px 20px 0 20px;
				grid-template-columns: auto;
			}
		}
	}

	.tab-content {
		flex-direction: column-reverse;
		&.active {
			display: flex;
		}
		.tab-image {
			height: 300px;
		}
		.tab-text {
			padding: 20px;
			min-height: auto;
			h3 {
				font-size: 20px;
			}
			.tab-content-list {
				margin-bottom: 0;
				&.two-columns {
					columns: 1;
				}
			}
			.tags-content-list {
				margin-top: 16px;
				padding-top: 16px;
			}
		}
	}

	.gift-card-main {

	}

	.gift-card-main {
		padding: 40px 0 0 0;
		.main-info {
			padding: 15px 0;
			max-width: 100%;
			.h1 {
				font-size: 40px;
			}
		}
		.img {
			position: relative;
			top: auto;
			right: auto;
			height: auto;
		}
	}

	.conditions-section {
		.conditions-content {
			/* padding: 24px; */
			.additional-block {
				grid-template-columns: auto;
				.item {
					&.dark {
						gap: 36px;
						.links {
							gap: 8px;
						}
					}
				}
			}
		}
	}

	.service-name-section {
		padding: 16px 0 32px;
		.service-name-content {
			grid-gap: 10px;
			grid-template-columns: auto;
			.name {
				padding: 40px 24px;
				.anchors-list {
					a {
						padding: 8px 12px;
						font-size: 12px;
					}
				}
			}
			.button-dark {
				padding: 20px;
				min-height: 140px;
			}
		}
	}

	.tabs-section {
		h3 {
			margin: 0 0 17px;
			font-size: 24px;
		}
	}

	.equipment-section {
		.equipment-content {
			.image {
				max-height: 220px;
			}
		}
	}

	.post-content {
		.content-thumbnail {
			max-height: 200px;
		}
		blockquote {
			padding: 24px 15px;
		}
	}

	.articles-section {
		.articles-container {
			.article-container {
				.excerpt {
					-webkit-line-clamp: 3;
				}
			}
		}
	}

	.tab-buttons {
		flex-direction: column;
		align-items: flex-start;
	}

	.fancybox__content {
		padding: 32px 24px;
	}


	.footer {
		.main-content {
			grid-gap: 16px 24px;
			grid-template-areas:
				"menu menu"
				"social social";
			.menu-contact-block {
				grid-gap: 24px;
				grid-template-columns: repeat(2, 1fr);
				.contacts-column {
					.contacts-items {
						.contacts-item {
							font-weight: 400;
						}
					}
				}
				.footer-navigation-container {
					display: contents;
				}
				.footer-navigation {
					display: contents;
				}
			}
		}
		.info-line {
			display: flex;
			grid-gap: 17px;
			flex-direction: column-reverse;
		}
		.rating-line {
			grid-template-columns: repeat(2, 1fr);
		}
	}
}

@media only screen and (max-width: 375px) {

}
/* RESPONSIVE STYLES */