*:focus {
	outline: none !important;
	border: none;
}

.btn {
	border: 1px solid var(--color-primary);
	height: auto;
	line-height: normal;
}

.relative {
	position: relative !important;
}

.clients-swiper {
	/* display: none !important; */
}

.main-menu {
	border-top: none;
	/* border-bottom: none; */
	border-bottom: 1px solid var(--color-opacity-black-10);
}

.main-menu__item {
	flex-grow: 1;
}

.header-menu__item-link {
	display: flex;
}

.header-menu-section-link {
	display: block;
	font-size: 24px;
	padding: 10px 0px;
	width: 100%;
	font-weight: 400;
}

.main-menu-sections-box {
	padding: 22px 0px 32px 48px;
	width: 610px;
	flex-shrink: 0;
}

.main-menu-static-sections {
	margin-top: 30px;
}

.main-menu-static-section {
	display: block;
	font-size: 16px;
	width: 100%;
	margin-top: 8px;
}

.header-content {
	width: 100%;
	max-width: 1760px;
	z-index: 70;
	background-color: white;
	border-bottom: 1px solid var(--color-opacity-black-10);
}

header .main-menu {
	z-index: 1;
	/* border-left: 1px solid var(--color-opacity-black-10);
    border-right: 1px solid var(--color-opacity-black-10); */
	max-width: 1760px;
	width: 100%;
}

.header-main-menu {
	display: flex;
}

.header-main-content,
.header-main-menu-wrapper {
	z-index: 10;
	background-color: white;
	width: 100%;
}

.header-main-content {
	/* border-bottom: 1px solid var(--color-opacity-black-10); */
}

.header-main-menu-wrapper {
	transition-duration: 200ms;
}

.fixed-header .header-main-content {
	position: fixed;
	top: 0px;
	left: 0px;
}

.fixed-header .header-main-menu-wrapper {
	z-index: 8;
	position: fixed;
	top: 60px;
	left: 0px;
}

.fixed-header .fixed-padding {
	padding-top: 106px;
}

@media (max-width: 1024px) {
	.fixed-header .fixed-padding {
		padding-top: 48px;
	}
}
body.hide-menu .fixed-header .header-main-menu-wrapper {
	top: 10px;
}

.header-main-menu {
	display: none;
	width: 100%;
	z-index: 5;
	position: absolute;
	top: 60px;
	left: 0px;
	background-color: rgb(255, 255, 255);
	min-height: 200px;
	border-top: 1px solid var(--color-opacity-black-10);
	box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.06);
	max-height: 620px;
}

a.header-menu__item,
a.header-menu__item-link {
	color: var(--color-primary-black);
}

a.header-menu__item:hover,
a.header-menu__item-link:hover {
	color: var(--color-opacity-black-60);
}

.header-menu__item:hover .header-main-menu {
	display: flex;
}

.main-menu-background-img {
	flex-grow: 1;
}

.header-menu-section-link {
	display: flex;
	align-items: center;
	gap: 5px;
}

.header-menu-section-link .arrow-icon {
	margin-bottom: 3px;
	display: none;
}

.header-menu-section-link:hover,
.main-menu-static-section:hover {
	color: var(--color-primary-black);
}

.header-menu-section-link:hover .arrow-icon {
	display: block;
}

.header-subsection-box {
	position: absolute;
	top: 0px;
	left: 610px;
	min-height: 200px;
	width: 100%;
	background-color: antiquewhite;
	z-index: 20;
}

.header-menu-subsection {
	background-color: var(--color-background-accent);
	width: 100%;
	height: 100%;
}

.main-menu-subsections-box {
	width: 100%;
}

.main-menu-background-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main-menu-subsections-box.active .main-menu-background-img {
	display: none;
}

.header-menu-subsection-link {
	display: block;
	font-size: 16px;
	padding: 8px 0px;
}

.header-menu-subsection-link:hover {
	color: var(--color-primary-black);
}

.header-menu-subsection {
	display: flex;
	width: 100%;
}

.header-menu-subsections-list {
	flex-shrink: 0;
	width: 460px;
	max-height: 100%;
	overflow: auto;
	padding: 32px 28px;
}

.header-subsection-banner {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 1450px) {
	.main-menu__item {
		padding: 11px 12px;
	}
}

@media (max-width: 1230px) {
	.main-menu__item {
		font-size: 12px;
		line-height: normal;
		padding: 11px 8px;
	}
}

.splide-ticker .splide__slide {
	padding: 0px 32px;
}

.cases-slider__tabs-wrapper {
	margin-bottom: 20px;
	overflow: hidden;
}

.cases-slider__tabs-wrapper .swiper-wrapper {
}

.cases-slider__tabs-wrapper .swiper-slide {
	border-radius: 0;
	width: auto;
}

.section-header__tab.active {
	background: linear-gradient(
		0deg,
		rgba(200, 163, 148, 0.1516981792717087) 0%,
		rgba(200, 163, 148, 0) 100%
	);
	transition: all 0.3s ease;
}

.section-header__tab {
}

div.modal-wrapper.mobile-menu {
	width: 100%;
	border-radius: 0;
}

div#mobile-menu {
	display: block;
	width: 100%;
	top: 49px;
}

div#mobile-menu::before {
	display: none;
}
div#mobile-menu .hystmodal__window {
	height: calc(100% - 49px);
}

div#mobile-menu .hystmodal__wrap {
	height: 100%;
}

div#mobile-menu .hystmodal__window {
	height: 100%;
	transform: none !important;
}

div#mobile-menu .hystmodal__close {
	display: none;
}

body.mobile-menu-opened .header-menu__menu-btn.open {
	display: none;
}

.header-menu__menu-btn.close {
	display: none;
}

body.mobile-menu-opened .header-menu__menu-btn.close {
	display: block;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

div#mobile-menu .wrapper,
.mobile-menu-content {
	z-index: 200;
	background-color: white;
	height: calc(100% - 49px);
	line-height: normal;
	overflow-y: scroll;
	position: fixed;
	top: 49px;
	width: 100%;
}

.mobile-menu-wrapper {
	/* height: calc(100dvh - 49px); */
	height: 100%;
}

.mobile-menu-link {
	font-size: 16px;
	display: flex;
	flex-grow: 1;
	padding: 0px 20px;
	height: 100%;
	align-items: center;
	width: calc(100% - 48px);
	font-weight: 400;

	/* border-left: 1px solid var(--color-opacity-black-10); */
	/* border-right: 1px solid var(--color-opacity-black-10); */
}

.mobile-menu-link .text {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	/* width: calc(100% - 48px); */
}

.mobile-menu-row {
	height: 48px;
	display: flex;
	align-items: center;
	border-top: 1px solid var(--color-opacity-black-10);
}

.mobile-menu-row.first {
	border-top: none;
}

.mobile-menu-link.level-0 {
	color: var(--color-primary-black);
	font-weight: 500;
}

.mobile-menu-item-wrapper {
	display: flex;
}

.mobile-menu-arrow {
	width: 48px;
	/* border-top: 1px solid var(--color-opacity-black-10); */
	border-left: 1px solid var(--color-opacity-black-10);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	flex-shrink: 0;
}

.mobile-menu-arrow.rotate img {
	transform: rotate(180deg);
}

.mobile-menu-address-wrapper {
	padding-top: 40px;
	border-top: 1px solid var(--color-opacity-black-10);
}

.mobile-menu-address-wrapper .address-main {
	font-size: 14px;
	color: var(--color-primary-black);
	max-width: 292px;
	margin: 0px 20px;
}

.mobile-menu-address-wrapper .address-secondary {
	font-size: 12px;
	margin: 8px 20px;
	max-width: 292px;
	color: var(--color-opacity-black-40);
}

.mobile-menu-social-wrapper {
	display: flex;
	justify-content: space-between;
	padding: 0px 20px;
	margin-top: 20px;
}

.mobile-menu-social-wrapper .phone {
	color: var(--color-primary-black);
	font-size: 20px;
	margin-bottom: 4px;
}

.mobile-menu-social-wrapper .mail {
	font-size: 14px;
	display: block;
}

.mobile-menu-social-wrapper .social {
	align-self: end;
	display: flex;
}

.mobile-menu.btn-primary {
	width: calc(100% - 40px);
	margin: 32px 20px 20px;
}

.header-menu__dropdown {
	position: absolute;
	top: 48px;
	left: 0px;
	display: none;
	z-index: 5;
	background-color: white;
	padding: 4px 0px;
	border-radius: 8px;
	border: 1px solid rgba(232, 232, 232, 1);
}

.header-menu__item:hover .header-menu__dropdown {
	display: block;
}

.header-menu__dropdown-item {
	display: block;
	padding: 11px 16px;
	width: 204px;
}

.header-menu__dropdown-item:hover {
	background-color: var(--color-background-accent);
}

.splide-clients .splide__slide {
	border-radius: 12px;
	overflow: hidden;
	margin: 0px 12px;
}

.description-titles-swiper {
	overflow: hidden;
	margin-bottom: 20px;
}
.description-titles-swiper .swiper-slide {
	width: auto;
	border-radius: 0;
}

.about-clinic-swiper__slide-img {
	width: 432px;
	height: 550px;
	object-fit: cover;
	margin: 0px 12px;
	border-radius: 12px;
}

.article h2 {
	position: relative;
}

html {
	scroll-behavior: smooth;
}

.cases-sections-swiper {
	overflow: hidden;
}

.article-anchor,
.page-anchor {
	position: absolute;
	top: -75px;
}

.certificate-modal .input-field,
.certificate-modal .values {
	background-color: var(--color-primary-white);
	border: 1px solid var(--color-opacity-black-10);
}

.blog-page__wrapper {
	margin-bottom: 32px;
}

.pagination {
	display: flex;
	gap: 4px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 90px;
	width: fit-content;
}

.pagination-item {
	width: 52px;
	height: 52px;
	border-radius: 8px;
	overflow: hidden;
}

.pagination-item.active {
	background-color: var(--color-background-accent);
}

.pagination-item a,
.pagination-item div {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-primary-black);
}

.pagination-item.prev img {
	transform: rotate(180deg);
}

.pagination-item.control {
	border: 1px solid var(--color-opacity-black-20);
}

.main-swiper__tags {
	position: absolute;
	top: -42px;
	left: 0px;
	font-size: 12px;
	padding: 6px 8px;
	border-radius: 8px;
	background-color: var(--color-opacity-white-20);
}

.specialists.cases-slider__tabs-wrapper {
	/* margin-left: auto;
    margin-right: auto;
    width: fit-content; */
}

.blog-page .section-header__tabs {
	display: none;
}

.more-btn,
.more-info__btn {
	background: none;
	border: none;
}

.form-group {
	display: flex;
	flex-direction: column;
}

.form-group .input-label {
	font-size: 14px;
}

.form-group .input-field {
	margin-top: 8px;
	/* color: #111111; */
}

.quiz-form-inputs .input-field {
	width: 290px;
}

.form-group .input-field:active {
	border: 1px solid var(--color-opacity-black-10);
}

.input-label.error {
	display: none;
}

.form-group.error .input-label {
	display: none;
}

.form-group.error .input-label.error {
	display: block;
	color: rgb(211, 0, 0);
}

.radio-item {
	display: flex;
	position: relative;
	margin-right: 16px;
	height: max-content;
	gap: 8px;
	color: rgba(17, 17, 17, 0.6);
}

.radio-item.active {
	color: rgba(17, 17, 17, 1);
}

.radio-icon {
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 90px;
	border: 1px solid rgba(17, 17, 17, 0.1);
}

.radio-item.active .radio-icon::after {
	position: absolute;
	left: 4px;
	top: 4px;
	width: 10px;
	height: 10px;
	content: " ";
	border-radius: 90px;
	background-color: var(--color-secondary);
}

.order-wrapper .quiz-form-radio-title {
	margin-top: 24px;
}

.quiz-form-radio-section {
	margin-bottom: 0px;
}

.email-input-group {
	margin-top: 16px;
	max-width: 329px;
}

@media (max-width: 800px) {
	.email-input-group {
		max-width: none;
	}
}

.input-field {
	height: 53px;
	border-radius: 8px;
	padding: 0 18px;
	background-color: var(--color-primary-white);
	margin-top: 8px;
}

.input-list-wrapper {
	position: relative;
}

.input-list-wrapper .values {
	width: 100%;
	display: none;
	position: absolute;
	top: 56px;
	left: 0px;
	background-color: white;
	border-radius: 8px;
}

.input-list-wrapper .row {
	padding: 13px 18px;
}

.input-list-wrapper .title {
	position: relative;
}

.input-list-wrapper .title .text {
	display: flex;
	align-items: center;
}

.input-list-wrapper .expand-button {
	position: absolute;
	right: 15px;
	top: 19px;
}

.form-group.opened .expand-button {
	transform: rotate(-180deg);
}
.form-group.opened .values {
	display: block;
}

.card__content-bottom {
	align-items: center;
}

.success-message-modal {
	font-size: 26px;
	color: #393939;
	text-align: center;
	padding: 60px 30px;
	line-height: 1.2;
}

.interior-swiper {
	overflow: hidden;
}

.interior-swiper__slide {
	height: 500px;
}

.interior-swiper__slide img {
	opacity: 1;
	transition-duration: 300ms !important;
}

.interior-swiper__slide.swiper-slide-prev img,
.interior-swiper__slide.swiper-slide-next img {
	opacity: 0.3;
	transition-duration: 300ms;
}

:root {
	--swiper-theme-color: rgba(255, 255, 255, 0.8);
	--swiper-pagination-bullet-inactive-color: rgba(255, 255, 255);
}

.service-subscriptions {
	margin-bottom: 30px;
}

.service-subscriptions__buttons {
	margin-bottom: 80px;
}

.js-hidden {
	display: none !important;
}

input::placeholder {
	color: gainsboro !important;
}

.accent-block.directions {
	padding-top: 50px;
	padding-bottom: 50px;
}

.directions .section-header__description {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 20px;
}

.service-subscriptions__buttons.pricelist {
	margin-bottom: 0;
}

.sitemap {
	margin-top: 40px;
}

.sitemap h1 {
	margin-bottom: 20px;
}

.sitemap .level1 > a {
	font-weight: 500;
}

.sitemap .level1.parent {
	margin-bottom: 40px;
}

.sitemap .level2.parent {
	margin-bottom: 30px;
}

.agreement-wrapper {
	display: flex;
	gap: 8px;
	align-items: center;
}

.checkbox-icon {
	width: 100%;
	display: block;
}

.checkbox-icon.checked {
	display: none;
}

.form-agreement-section.checked .checkbox-icon.checked {
	display: block;
}

.form-agreement-section.checked .checkbox-icon.empty {
	display: none;
}

.agreement-btn {
	width: 22px;
	flex-shrink: 0;
	cursor: pointer;
	/* margin-top: 2px; */
}

.agreement-error {
	margin-top: 5px;
	color: #f8002c;
	display: none;
}

.form-agreement-section.error .agreement-error {
	display: block;
}

.express-form__form .agreement-text a {
	color: white;
	text-decoration: underline;
}

@media (max-width: 600px) {
	.interior-swiper__slide {
		height: 100%;
	}
}

.bottom-title {
	font-size: 14px;
	margin-top: -50px;
	margin-bottom: -30px;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
	font-weight: 300;
}

@media (max-width: 570px) {
	.more-articles__wrapper {
		grid-template-columns: 1fr;
	}
}

.article-table-wrapper {
	max-width: 90vw;
	overflow: scroll;
}

.loyalty-cards-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	margin-top: 40px;
}

.loyalty-card {
	display: grid;
	grid-template-columns: 124px 1fr;
	grid-template-rows: 84px 1fr;
	grid-template-areas:
		"name cash"
		"text text";
	border-radius: 12px;
	overflow: hidden;
}

.loyalty-card:nth-child(1) {
	--bg-color: hsla(18, 32%, 68%, 0.2);
	--text-high-color: hsla(0, 0%, 24%, 1);
	--text-mid-color: hsla(0, 0%, 43%, 1);
	--text-low-color: hsla(0, 0%, 62%, 1);
	--text-accent-color: hsla(18, 32%, 68%, 1);
}

.loyalty-card:nth-child(2) {
	--bg-color: hsla(18, 32%, 68%, 0.35);
	--text-high-color: hsla(0, 0%, 24%, 1);
	--text-mid-color: hsla(0, 0%, 43%, 1);
	--text-low-color: hsla(0, 0%, 62%, 1);
	--text-accent-color: hsla(18, 32%, 68%, 1);
}

.loyalty-card:nth-child(3) {
	--bg-color: hsla(18, 32%, 68%, 0.7);
	--text-high-color: hsla(0, 0%, 100%, 0.8);
	--text-mid-color: hsla(0, 0%, 100%, 1);
	--text-low-color: hsla(0, 0%, 100%, 0.8);
	--text-accent-color: hsla(0, 0%, 100%, 1);
}

.loyalty-card:nth-child(4) {
	--bg-color: hsla(18, 32%, 68%, 1);
	--text-high-color: hsla(0, 0%, 100%, 0.8);
	--text-mid-color: hsla(0, 0%, 100%, 1);
	--text-low-color: hsla(0, 0%, 100%, 0.8);
	--text-accent-color: hsla(0, 0%, 100%, 1);
}

.loyalty-card .name-block {
	grid-area: name;
	background-color: var(--bg-color);
}

.loyalty-card .name-block .text {
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 500;
	color: hsla(0, 0%, 11%, 1);
	height: 100%;
	padding: 28px 10px;
	border-bottom-right-radius: 25px;
}

.loyalty-card .cash-block {
	grid-area: cash;
	display: flex;
	gap: 8px;
	align-items: center;
	border-top-left-radius: 12px;
	background-color: var(--bg-color);
	width: 100%;
	padding-top: 24px;
	justify-content: center;
}

.loyalty-card .cash-block .number {
	font-size: 32px;
	line-height: 1.3;
	color: var(--text-accent-color);
	font-weight: 400;
}

.loyalty-card .cash-block .number .percent {
	font-family: "Courier New";
	display: inline-block;
	margin-left: 3px;
	font-size: 35px;
	font-weight: 600;
}

.loyalty-card .cash-block .text {
	color: var(--text-mid-color);
	line-height: 1.2;
	font-size: 12px;
}

.loyalty-card .text-block {
	grid-area: text;
	background-color: var(--bg-color);
	border-top-left-radius: 12px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.loyalty-card .text-block .sum-text {
	font-weight: 500;
	color: var(--text-high-color);
	margin-bottom: 20px;
}

.loyalty-card .text-block .sum-text .accent {
	color: var(--text-accent-color);
}

.loyalty-card .text-block .flex-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: end;
	gap: 4px;
}

.loyalty-card .text-block .bottom-text {
	font-size: 12px;
	color: var(--text-low-color);
}

.loyalty-small-text {
	font-size: 12px;
	color: var(--color-opacity-black-40);
	margin: 16px 0 40px;
}

@media (max-width: 1240px) {
	.loyalty-cards-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 800px) {
	.loyalty-cards-grid {
		gap: 20px;
	}

	.loyalty-card .cash-block {
		padding-top: 20px;
	}

	.loyalty-card .text-block {
		padding: 20px;
	}
}

@media (max-width: 650px) {
	.loyalty-cards-grid {
		grid-template-columns: 1fr;
	}
}

.loyalty-friends-block {
	background-color: hsla(22, 24%, 96%, 1);
	border-radius: 24px;
	padding: 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 32px;
}

.loyalty-friends-block > .title {
	max-width: 550px;
	font-size: 32px;
	line-height: 1.3;
	font-weight: 300;
	color: var(--color-primary-black);
}

.loyalty-friends-block .blocks {
	display: flex;
	gap: 24px;
	flex-shrink: 0;
}

.loyalty-friends-block .block {
	padding: 24px;
	background-color: white;
	border-radius: 12px;
	max-width: 305px;
	color: var(--color-opacity-black-60);
}

.loyalty-friends-block .block .number {
	font-size: 12px;
}

.loyalty-friends-block .block .number > .accent {
	color: hsla(18, 32%, 68%, 1);
	margin-right: 4px;
	display: inline-block;
	font-size: 32px;
	font-weight: 300;
}

.loyalty-friends-block .block .text {
	margin-top: 12px;
	font-size: 14px;
}

@media (max-width: 1220px) {
	.loyalty-friends-block {
		flex-direction: column;
	}

	.loyalty-friends-block .title {
		max-width: none;
	}

	.loyalty-friends-block .blocks {
		width: 100%;
	}

	.loyalty-friends-block .block {
		width: 100%;
		max-width: none;
	}
}

@media (max-width: 650px) {
	.loyalty-friends-block {
		padding: 20px;
	}

	.loyalty-friends-block .title {
		font-size: 24px;
	}

	.loyalty-friends-block .blocks {
		flex-direction: column;
		gap: 16px;
	}
}

.personal-protocols-main-banner {
	display: flex;
	justify-content: space-between;
	padding: 8px;
	background-color: var(--color-background-accent);
	border-radius: 24px;
	margin-bottom: 40px;
}

.personal-protocols-main-banner .content {
	padding: 24px;
	min-width: 280px;
}

.personal-protocols-main-banner .title {
	font-size: 44px;
	margin-bottom: 20px;
	color: var(--color-primary-black);
}

.personal-protocols-main-banner .description {
	font-size: 14px;
	max-width: 410px;
	margin-bottom: 32px;
}

.personal-protocols-main-banner img {
	object-fit: cover;
	border-radius: 16px;
	width: 100%;
	max-width: 444px;
}

@media (max-width: 1190px) {
	.personal-protocols-main-banner .title {
		font-size: 32px;
	}
}

@media (max-width: 840px) {
	.personal-protocols-main-banner .content {
		flex-shrink: 0;
		padding: 12px;
		width: 310px;
	}
}

@media (max-width: 680px) {
	.personal-protocols-main-banner {
		flex-direction: column;
		gap: 32px;
	}

	.personal-protocols-main-banner .content {
		padding: 12px;
		width: auto;
	}

	.personal-protocols-main-banner .title {
		font-size: 28px;
		margin-bottom: 12px;
	}

	.personal-protocols-main-banner .description {
		margin-bottom: 28px;
	}

	.personal-protocols-main-banner .btn {
		width: 100%;
	}

	.personal-protocols-main-banner img {
		max-width: none;
	}
}

@media (max-width: 360px) {
	.personal-protocols-main-banner .content {
		min-width: auto;
	}

	.personal-protocols-main-banner .btn {
		padding: 16px 20px;
	}
}

.personal-protocols-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 32px;
}

.protocols-grid-item {
	background-color: var(--color-background-accent);
	padding: 8px;
	border-radius: 24px;
	cursor: pointer;
}

.protocols-grid-item .preview-img {
	width: 100%;
	object-fit: cover;
	border-radius: 16px;
	margin-bottom: 4px;
}

.protocols-grid-item .name-box {
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: 16px;
	align-items: flex-end;
}

.protocols-grid-item .name {
	font-size: 20px;
	color: var(--color-primary-black);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.protocols-grid-item .name-box > img {
	padding-bottom: 4px;
}

@media (max-width: 1280px) {
	.personal-protocols-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 900px) {
	.personal-protocols-grid {
		gap: 15px;
	}

	.protocols-grid-item .name-box {
		padding: 12px;
	}

	.protocols-grid-item .name {
		font-size: 18px;
	}
}

@media (max-width: 720px) {
	.personal-protocols-grid {
		grid-template-columns: 1fr;
	}
}

.protocols-item-modal {
	padding: 8px;
	border-radius: 24px;
	position: relative;
	width: calc(100% - 40px);
	max-width: 660px;
}

@media (max-width: 768px) {
	.protocols-item-modal {
		margin-top: 40px;
		margin-bottom: 40px;
	}
}

@media (max-width: 690px) {
	.protocols-item-modal {
		margin: 40px 20px;
	}
}

.protocols-item-modal a:hover {
	text-decoration: underline;
}

.protocols-item-modal .close-icon {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 10;
	cursor: pointer;
}

.protocols-item-modal .item-img {
	width: 100%;
	border-radius: 16px;
	margin-bottom: 4px;
	object-fit: cover;
}

.protocols-item-modal .content {
	padding: 24px;
}

.protocols-item-modal .title {
	font-size: 24px;
	margin-bottom: 16px;
	color: var(--color-primary-black);
}

@media (max-width: 768px) {
	.protocols-item-modal .content {
		padding: 12px;
	}

	.protocols-item-modal .title {
		font-size: 18px;
	}
}

@media (max-width: 360px) {
	.protocols-item-modal .content {
		padding: 8px 4px 4px;
	}
}

.protocols-item-modal .text-line {
	display: flex;
	padding: 10px 12px;
	background-color: var(--color-background-accent);
	font-size: 14px;
	border-radius: 8px;
	margin-bottom: 8px;
	width: fit-content;
	flex-wrap: wrap;
	line-height: 1.4;
}

.protocols-item-modal .text-line.accent {
	background-color: var(--color-secondary);
	color: var(--color-primary-white);
}

.protocols-item-modal .line-title {
	color: var(--color-primary-black);
	margin-right: 12px;
}

.protocols-item-modal .line-text {
	font-weight: 300;
}

.protocols-item-modal .accent .line-title {
	color: var(--color-primary-white);
}

.protocols-item-modal .stages-title {
	font-size: 16px;
	color: var(--color-primary-black);
	margin-top: 16px;
}

.protocols-item-modal .stages {
	margin-bottom: 20px;
}

.protocols-item-modal .stage-item {
	padding: 17px 0;
	border-bottom: 1px solid hsla(0, 0%, 91%, 1);
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.protocols-item-modal .stage-item .text {
	color: var(--color-primary-black);
	display: block;
	text-align: end;
}

.protocols-item-modal .stage-item .num {
	flex-shrink: 0;
}

.protocols-item-modal .stage-item .text:hover {
	text-decoration: underline;
}

.protocols-item-modal .separator {
	height: 1px;
	width: 100%;
	border-bottom: 1px solid hsla(0, 0%, 91%, 1);
	margin-top: 20px;
	margin-bottom: 20px;
}

.protocols-item-modal .btn {
	width: 100%;
}

.protocols-grid-item.swiper-slide {
	width: 432px;
}

.dropdown-list__item-content a {
	text-decoration: underline;
}

.overflow-gradient {
	display: none;
}

.has-overflow:not(.js-show) .overflow-gradient {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 20px;
	background: linear-gradient(
		to top,
		var(--color-background-accent),
		transparent
	);
}

.hide-btn {
	display: none;
}

.service-description .more-btn {
	display: none;
}

.service-description .has-overflow .more-btn {
	display: flex;
}

.js-show .hide-btn {
	display: flex;
}

.js-show .more-btn {
	display: none;
}

.specialists-swiper__slide {
	position: relative;
}

.specialists-swiper__slide .info-icon {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 10;
}

.specialist-item-modal {
	padding: 32px 32px 18px;
}

.specialist-item-modal .name-block {
	display: flex;
	gap: 20px;
	align-items: center;
	margin-bottom: 24px;
}

.specialist-item-modal .round-img {
	object-fit: cover;
	object-position: top;
	width: 120px;
	height: 120px;
	border-radius: 90px;
}

.specialist-item-modal .name {
	font-size: 32px;
	margin-bottom: 4px;
	color: var(--color-primary-black);
}

.specialist-item-modal .experience {
	font-size: 14px;
}

.education-item.simple {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

@media (max-width: 600px) {
	.specialist-item-modal {
		padding: 24px 24px 10px;
	}
	.specialist-item-modal .name {
		font-size: 20px;
	}

	.specialist-item-modal .round-img {
		width: 100px;
		height: 100px;
	}
}

@media (max-width: 480px) {
	.specialist-item-modal .name-block {
		flex-direction: column;
	}
}
