.clinics .pricing {
	padding-block: clamp(50px, 6vw, 90px);
	/*background: linear-gradient(180deg, #edf8f4 0%, #f6fbf9 42%, #ffffff 100%);*/
	position: relative;
}

.clinics .pricing > img {
	position: absolute; inset: 0;
	width: 100%; object-fit: cover;
	background: #1a5f5f; z-index: -1; pointer-events: none;
}

.clinics .pricing .pricing-overlay-top {
	position: absolute; left: 0; right: 0; top: 0; z-index: -1;
	height: 132px;
	background: linear-gradient(0deg, rgba(223, 255, 241, 0.00) 0%, #DDFFF0 80.56%);
}

.clinics .pricing .pricing-title { display: inline-flex; align-items: flex-start; gap: 6px; margin-top: 2rem;}
.clinics .pricing .pricing-title-text {font-family: var(--font-noto); font-weight: 500; font-size: 52px; color: #2C3E50;}
.clinics .pricing .section-sub {font-family: var(--font-noto); font-size: 1.5rem; color: #2B2D30;}
.clinics .pricing .spark { width: 40px; height: 40px; color: #34c9a9; }
.clinics .pricing .spark svg { width: 100%; height: 100%; }

.clinics .pricing .section-sub {
	margin-top: 10px;
	color: unset;
	font-size: 18px;
	padding-left: 40px;
}

.clinics .pricing .price-panel {
	margin-top: 6rem;
	overflow: hidden;
	border-radius: 40px;
	background: #FFF;
	box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.20);
	padding: 60px;
}

/* tabs */
.clinics .pricing .price-tabs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-radius: 20px 20px 0 0;
	border: 1px solid #C8C4C4; overflow: hidden;
}
.clinics .pricing .price-tab {
	appearance: none;
	border: none;
	border-radius: 0;
	border-bottom: 6px solid transparent;
	background: rgba(236, 237, 243, 0.53);
	padding: 22px 12px;
	font-family: inherit;
	font-weight: 500;
	font-size: 1.5rem;
	color: #6c7681;
	cursor: pointer;
	transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.clinics .pricing .price-tab:not(:first-child) { border-inline-start: 1px solid #C8C4C4; }
.clinics .pricing .price-tab:hover { color: var(--heading-strong); }
.clinics .pricing .price-tab.active {
	background: #fff;
	color: var(--heading-strong);
	border-bottom-color: #2bc6a4;
}

/* cards */
.clinics .pricing .price-cards {
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(20px, 2.5vw, 40px);
	padding: clamp(24px, 3vw, 40px) 0 0;
}
.clinics .pricing .price-cards:not([hidden]) {display: grid;}
.clinics .pricing .price-card {
	padding: clamp(22px, 2.4vw, 32px);
	border: 1px solid #eef1f3;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.20);

}
.clinics .pricing .price-head {display: flex; align-items: center; gap: 1.5rem; padding-left: 1rem;}
.clinics .pricing .price-titles {
	flex-grow: 1; padding-left: 60px;
	display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .9rem;
}
.clinics .pricing .price-name {
	text-align: center;
	margin: 0; line-height: 1; font-weight: 600; font-size: 30px; font-family: var(--font-noto); color: black;
}
.clinics .pricing .price-hours {
	margin: 0; line-height: 1; font-weight: 300; font-size: 24px; font-family: var(--font-noto); color: black;
}
.clinics .pricing .price-ico {
	flex: none;
	width: 100px; height: 100px;
	display: grid; place-items: center;
	border-radius: 50%;
	background: rgba(85, 223, 182, 0.40);
	color: var(--teal);
}
.clinics .pricing .price-ico svg { width: 28px; height: 28px; }

.clinics .pricing .price-sep { height: 1px; background: rgba(0, 0, 0, 0.30); margin: clamp(16px, 2vw, 22px) 0; }
.clinics .pricing .price-row { text-align: center; min-height: 58px;}
.clinics .pricing .price-label {
	display: block; margin-bottom: 16px; font-weight: 300; font-size: 20px; font-family: var(--font-noto); color: black;
}
.clinics .pricing .price-amt {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	font-weight: 600;
	font-size: 40px;
	color: black;
	font-family: var(--font-noto);
}
.clinics .pricing .cur { font-size: 30px; font-weight: 400; }
.clinics .pricing .cur.vat {opacity: .5; font-weight: 300;}
.clinics .pricing .price-amt--member { color: #1f9f79; }

.clinics .pricing .price-card .button {

	margin-top: clamp(20px, 2.5vw, 28px);
	background: linear-gradient(180deg, #cdf3e3, #b6efd9);
	color: black;
	width: 100%; gap: 2rem; margin-bottom: 0;
	font-weight: 500; font-size: 25px; font-family: var(--font-noto);
}
.clinics .pricing .price-card .button i {display: inline-block; width: 10px; margin-top: 5px; font-size: 20px;}

/* community banner */
.clinics .pricing .comm-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin: clamp(28px, 3vw, 42px) 0 0;
	padding: clamp(18px, 2vw, 26px) clamp(22px, 2.5vw, 34px);
	border-radius: 20px;
	background: linear-gradient(90deg, #e9faf2, #f4fefb);
}
.clinics .pricing .comm-info { display: flex; align-items: center; gap: 2rem; }
.clinics .pricing .comm-ico {
	flex: none;
	width: 128px; height: 128px;
	display: grid; place-items: center;
	border-radius: 50%;
	/*background: linear-gradient(135deg, #bdeede, #8fd9c4);*/
	background: linear-gradient(270deg, #E3F3F6 42.79%, #CDF0EC 58.96%, #95EAD1 100%);
	color: var(--teal);
}
.clinics .pricing .comm-ico svg { width: 32px; height: 32px; }
.clinics .pricing .comm-text { text-align: right; }
.clinics .pricing .comm-text h3 {
	line-height: 1;
	font-weight: 500; font-size: 30px; color: var(--heading-strong); font-family: var(--font-noto);
}
.clinics .pricing .comm-text p {margin: 0; color: #444; font-size: 22px; font-weight: 300; line-height: 1;}
.clinics .pricing .comm-price { font-size: 30px; font-weight: 400; color: #3a444e; white-space: nowrap; line-height: 1;}
.clinics .pricing .comm-price strong { font-size: 40px; font-weight: 600; color: var(--heading-strong); }
.clinics .pricing .comm-banner .button {
	width: 250px; gap: 2rem;
	background: #fff;
	border: 1.5px solid #34D8BD;
	color: var(--teal);
	font-size: 20px; font-family: var(--font-noto);
}
.clinics .pricing .comm-banner .button:hover { background: #f0fbf6; }
.clinics .pricing .comm-banner .button i { width: 18px; font-size: 14px; margin-top: 2px; color: #34D8BD;}

/* feature row */
.clinics .pricing .price-features {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin: clamp(26px, 3vw, 38px) 0 0;
}
.clinics .pricing .pf-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
	padding-inline: 16px;
}
.clinics .pricing .pf-item:not(:first-child) { border-inline-start: 1px solid #e7eceb; }
.clinics .pricing .pf-text { text-align: right; }
.clinics .pricing .pf-text h4 {margin: 0; font-weight: 500; font-size: 1.5rem; color: #0F9780; }
.clinics .pricing .pf-text p {margin: 0; color: #444; font-size: 18px; font-weight: 300;}
.clinics .pricing .pf-ico {
	flex: none;
	width: 90px; height: 90px;
	display: grid; place-items: center;
	border-radius: 50%;

	background: rgba(85, 223, 182, 0.14);
	color: var(--teal);
}
.clinics .pricing .pf-ico svg { width: 26px; height: 26px; }

@media screen and (max-width: 40em) {
	.clinics .pricing .price-panel {
		border-radius: 0; background: #f7f7f7; box-shadow: none; padding: 1rem; margin-top: 3rem;
	}
	.clinics .pricing .price-cards:not([hidden]) {display: flex; flex-direction: column;}
	.clinics .pricing .price-card {padding: 1rem;}
	.clinics .pricing .price-head {padding-left: 0; gap: 1rem;}
	.clinics .pricing .price-tab {line-height: 1;}
	.clinics .pricing .pricing-title-text {font-size: 38px;}
	.clinics .pricing .section-sub {font-size: 16px;}
	.clinics .pricing .price-ico {width: 60px; height: 60px;}
	.clinics .pricing .price-ico img {width: 27px;}
	.clinics .pricing .price-titles {padding-left: 0;}
	.clinics .pricing .price-name {font-size: 27px;}
	.clinics .pricing .price-hours {font-size: 20px;}
	.clinics .pricing .comm-banner {flex-direction: column;}
	.clinics .pricing .comm-ico {width: 80px; height: 80px;}
	.clinics .pricing .comm-ico img {width: 52px;}
	.clinics .pricing .price-features {display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1rem;}
	.clinics .pricing .pf-item {justify-content: flex-start; padding-right: 4rem;}
	.clinics .pricing .pf-item:not(:first-child) {border: 0;}
	.clinics .pricing .pf-ico {width: 60px; height: 60px;}
	.clinics .pricing .pf-ico img {width: 32px;}
}