.topbar {
	background: var(--dark-color-fixed);
	padding: 8px 0;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .5px;
	color: rgba(var(--white-fixed-rgb), 0.7)
}

.topbar a {
	color: var(--white-fixed);
	text-decoration: none;
	transition: .3s
}

.topbar a:hover {
	color: var(--secondary-color-fixed)
}

.topbar .lang-switcher .btn {
	font-size: 13px;
	font-weight: 600;
	padding: 0;
	border: none;
	color: var(--gray-cus-100)
}

.topbar .lang-switcher .dropdown-menu {
	background-color: var(--white);
	z-index: 1001
}

.topbar .lang-switcher .dropdown-menu a {
	color: var(--dark-color)
}

.topbar .lang-switcher .dropdown-menu a:hover {
	background-color: rgba(0, 0, 0, 0);
	color: var(--primary-color)
}

.nav-main {
	position: fixed;
	margin-top: 30px;
	width: 100%;
	z-index: 1000;
	transition: top var(--tr-speed)
}

.nav-main .main-header {
	background: rgba(var(--white-rgb), 0.75);
	border: 1px solid rgba(var(--white-rgb), 0.3);
	padding: 0 15px;
	border-radius: var(--border-radius-sm);
	box-shadow: var(--box-shadow);
	transition: var(--tr-smooth)
}

.nav-main .main-header .navbar-toggler {
	border-color: var(--primary-color);
	color: var(--secondary-color)
}

.nav-main .main-header .navbar-brand {
	font-family: var(--font-head);
	font-weight: 800;
	font-size: 22px;
	color: var(--primary-color) !important;
	padding-left: 20px;
	display: flex;
	align-items: center
}

.nav-main .main-header .navbar-brand img {
	height: 40px
}

.nav-main .main-header .navbar-brand .i-text {
	color: var(--secondary-color)
}

.nav-main .main-header .nav-link {
	font-family: var(--font-head);
	font-weight: 700;
	font-size: 14px;
	color: var(--dark-color) !important;
	padding: .8rem .5rem !important;
	position: relative;
	text-transform: uppercase;
	letter-spacing: .5px
}

.nav-main .main-header .nav-link.dropdown-toggle::after {
	font-family: "bootstrap-icons";
	content: "";
	right: 10px;
	top: .6rem;
	position: absolute;
	border: none;
	transition: transform .3s
}

.nav-main .main-header .nav-link.dropdown-toggle.show::after {
	transform: rotate(90deg)
}

.nav-main .main-header .dropdown-mega {
	color: var(--dark-color)
}

.nav-main .main-header .dropdown-mega .mega-menu-content {
	color: var(--dark-color);
	display: flex;
	flex-direction: column;
	gap: 20px
}

.nav-main .main-header .dropdown-mega .mega-col-info {
	flex: 0 0 100%;
	background: var(--light-color);
	padding: 10px;
	border-radius: var(--border-radius)
}

.nav-main .main-header .dropdown-mega .mega-col-links {
	flex: 1;
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px
}

.nav-main .main-header .dropdown-mega .dropdown-menu {
	padding-top: 0
}

.nav-main .main-header .dropdown-mega .sub-menu-content ul {
	list-style: none;
	padding: 1rem 0;
	margin: 0
}

.nav-main .main-header .dropdown-mega .sub-menu-content ul a {
	display: inline-block;
	padding: .5rem 1rem;
	color: var(--dark-color);
	transition: var(--tr-smooth)
}

.nav-main .main-header .dropdown-mega .sub-menu-content ul a:hover {
	color: var(--primary-color);
	font-weight: bold
}

.nav-main .main-header .dropdown-mega .sub-menu-content ul a::before {
	content: "+";
	margin-right: .8rem;
	font-size: .85rem
}

.nav-main .main-header .dropdown-menu {
	background-color: var(--white);
	color: var(--dark-color);
	border: none;
	padding-top: 1rem;
	padding-bottom: 1rem
}

.nav-main .main-header .dropdown-menu .dropdown-item {
	padding-top: .5rem;
	padding-bottom: .5rem;
	color: var(--dark-color)
}

.nav-main .main-header .dropdown-menu li .dropdown-menu-2 {
	min-width: 100%;
	padding: 1rem;
	list-style: none
}

.nav-main .main-header .dropdown-menu li .dropdown-menu-2 a {
	display: inline-block;
	padding: .5rem;
	width: 100%;
	color: var(--gray-cus-600)
}

.nav-main .main-header .header-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-right: 5px
}

.nav-main .main-header .header-actions button {
	border-radius: 50%;
	background-color: var(--light-color);
	color: var(--dark-color);
	width: 45px;
	height: 45px;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color var(--tr-speed), color var(--tr-speed)
}

.nav-main .main-header .header-actions button:hover {
	background-color: rgba(var(--secondary-color-rgb), 0.35);
	color: var(--gray-cus-600)
}

.nav-main .main-header .offcanvas {
	background: radial-gradient(circle at 90% 10%, rgba(var(--secondary-color-rgb), 0.1) 0%, rgba(var(--white-rgb), 0) 40%), linear-gradient(135deg, var(--light-color) 0%, var(--white) 100%)
}

.nav-main .main-header .offcanvas .offcanvas-header img {
	height: 50px
}

.nav-main .menu-card {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 15px;
	border-radius: var(--border-radius);
	text-decoration: none;
	transition: var(--tr-speed)
}

.nav-main .menu-card:hover {
	background: var(--light-color);
	box-shadow: var(--box-shadow)
}

.nav-main .menu-card .menu-icon {
	width: 45px;
	height: 45px;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	color: var(--primary-color);
	font-size: 20px
}

@media(min-width: 992px) {
	.nav-main {
		top: 20px
	}

	.nav-main .main-header {
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		border-radius: 100px
	}

	.nav-main .main-header .dropdown-mega {
		position: static !important
	}

	.nav-main .main-header .dropdown-mega .mega-menu-content {
		max-height: 90vh;
		overflow-y: auto;
		flex-direction: row;
		gap: 40px
	}

	.nav-main .main-header .dropdown-mega .mega-col-info {
		flex: 0 0 300px;
		padding: 30px
	}

	.nav-main .main-header .dropdown-mega .mega-col-links {
		gap: 20px
	}

	.nav-main .main-header .dropdown-mega .mega-col-links.mega-col-links-2 {
		grid-template-columns: 1fr 1fr
	}

	.nav-main .main-header .dropdown-mega .mega-col-links.mega-col-links-3 {
		grid-template-columns: repeat(3, 1fr)
	}

	.nav-main .main-header .dropdown-mega .mega-col-links.mega-col-links-4 {
		grid-template-columns: repeat(4, 1fr)
	}

	.nav-main .main-header .dropdown-mega .dropdown-menu {
		border: none;
		width: 100%;
		padding: 2rem
	}

	.nav-main .main-header .dropdown-menu {
		border: none;
		box-shadow: var(--box-shadow-lg);
		border-radius: var(--border-radius);
		padding: 1rem;
		opacity: 0;
		visibility: hidden;
		display: block;
		transform: translateY(20px);
		transition: var(--tr-smooth)
	}

	.nav-main .main-header .dropdown-menu .dropdown-item {
		padding: .5rem;
		transition: font-weight var(--tr-speed), color var(--tr-speed)
	}

	.nav-main .main-header .dropdown-menu .dropdown-item:hover {
		background-color: rgba(0, 0, 0, 0);
		font-weight: bold;
		color: var(--primary-color)
	}

	.nav-main .main-header .dropdown-menu .dropdown-item::before {
		font-family: "bootstrap-icons";
		content: "";
		display: inline-block;
		color: var(--secondary-color);
		margin-right: 1rem
	}

	.nav-main .main-header .dropdown-menu li {
		position: relative
	}

	.nav-main .main-header .dropdown-menu li:not(:last-child) {
		border-bottom: 1px solid rgba(var(--iron-gray-color-rgb), 0.15)
	}

	.nav-main .main-header .dropdown-menu li.dm-2::after {
		font-family: "bootstrap-icons";
		content: "";
		position: absolute;
		right: 1rem;
		top: .8rem;
		color: var(--primary-color)
	}

	.nav-main .main-header .dropdown-menu li .dropdown-menu-2 {
		position: absolute;
		right: -100%;
		min-width: 100%;
		top: 0;
		padding: 1rem;
		border-radius: var(--border-radius);
		background-color: rgba(var(--light-color-rgb), 0.95);
		list-style: none;
		visibility: hidden;
		opacity: 0;
		transition: opacity .3s
	}

	.nav-main .main-header .dropdown-menu li .dropdown-menu-2 a {
		display: inline-block;
		padding: .5rem;
		width: 100%;
		transition: font-weight var(--tr-speed);
		color: var(--primary-color)
	}

	.nav-main .main-header .dropdown-menu li .dropdown-menu-2 a:hover {
		font-weight: bold
	}

	.nav-main .main-header .dropdown-menu li:hover .dropdown-menu-2 {
		opacity: 1;
		visibility: visible
	}

	.nav-main .main-header .dropdown-menu-center {
		left: 50% !important;
		transform: translateX(-50%) !important
	}

	.nav-main .main-header .nav-link {
		padding: 1.3rem .5rem !important
	}

	.nav-main .main-header .nav-link:hover,
	.nav-main .main-header .nav-link.active {
		color: var(--primary-color) !important
	}

	.nav-main .main-header .nav-link.dropdown-toggle::after {
		font-family: "bootstrap-icons";
		content: "";
		position: static;
		border: none;
		vertical-align: middle;
		opacity: .55
	}

	.nav-main .main-header .nav-item:hover .nav-link.dropdown-toggle::after {
		animation: spin 5s linear infinite
	}

	.nav-main .main-header .nav-item:hover .dropdown-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0)
	}

	.nav-main .main-header .offcanvas {
		background: none
	}
}

@media(min-width: 1200px) {
	.nav-main .main-header .nav-link {
		padding: 1.3rem .7rem !important
	}
}

@media(min-width: 1400px) {
	.nav-main .main-header .nav-link {
		padding: 1.3rem 1rem !important
	}
}

.search-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(var(--dark-color-fixed-rgb), 0.98);
	z-index: 2000;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: .4s
}

.search-overlay.active {
	opacity: 1;
	visibility: visible
}

.search-overlay .search-form {
	width: 600px;
	position: relative
}

.search-overlay .search-form input {
	width: 100%;
	background: rgba(0, 0, 0, 0);
	border: none;
	border-bottom: 2px solid var(--white);
	color: var(--white);
	font-size: 30px;
	outline: none
}

.search-overlay .search-form input:focus {
	box-shadow: none
}

.hero {
	position: relative;
	min-height: 96vh;
	display: flex;
	align-items: center;
	padding: 100px 0;
	background: linear-gradient(135deg, var(--light-color) 0%, var(--white) 100%);
	overflow: hidden
}

.hero .hero-bg-text {
	position: absolute;
	top: 50%;
	left: 50%;
	font-family: var(--font-head);
	font-size: 15vw;
	font-weight: 800;
	color: rgba(var(--primary-color-rgb), 0.03);
	transform: translate(-50%, -50%);
	pointer-events: none;
	white-space: nowrap;
	z-index: 0
}

.hero .hero-badge {
	display: inline-flex;
	align-items: center;
	padding: 10px 20px;
	background: rgba(var(--white-rgb), 0.8);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(var(--primary-color-rgb), 0.1);
	color: var(--primary-color);
	border-radius: 100px;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 30px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, .03)
}

.hero .hero-actions {
	display: flex;
	gap: 20px;
	align-items: center
}

.hero .hero-visual-stack {
	position: relative;
	padding-left: 50px
}

.hero .hero-visual-stack .img-main-wrapper {
	position: relative;
	z-index: 2;
	border-radius: var(--border-radius-lg);
	overflow: hidden;
	box-shadow: var(--box-shadow-lg)
}

.hero .hero-visual-stack .img-sub-wrapper {
	position: absolute;
	bottom: -50px;
	right: -30px;
	width: 280px;
	height: 280px;
	z-index: 3;
	border: 10px solid var(--white);
	border-radius: var(--border-radius);
	overflow: hidden;
	box-shadow: var(--box-shadow-lg)
}

.hero .hero-visual-stack .hero-stats-card {
	position: absolute;
	top: 20%;
	left: -20px;
	z-index: 4;
	background: var(--white);
	padding: 20px;
	border-radius: 20px;
	box-shadow: var(--box-shadow-lg);
	display: flex;
	align-items: center;
	gap: 15px
}

.hero .hero-visual-stack .hero-stats-card .stats-icon {
	width: 45px;
	height: 45px;
	background: var(--light-color);
	color: var(--primary-color);
	border-radius: var(--border-radius-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	transition: margin-right var(--tr-speed), background-color var(--tr-speed)
}

.hero .btn-video .btn-icon {
	width: 45px;
	height: 45px;
	background: var(--secondary-color);
	color: var(--white);
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	transition: margin-right var(--tr-speed), background-color var(--tr-speed)
}

.hero .btn-video:hover .btn-icon {
	background-color: rgba(var(--secondary-color-rgb), 0.55);
	margin-right: .5rem
}

@media(max-width: 991px) {
	.hero {
		text-align: center;
		padding-top: 150px
	}

	.hero .hero-actions {
		justify-content: center;
		gap: 10px
	}

	.hero .hero-visual-stack {
		margin-top: 80px;
		padding-left: 0
	}
}

.hero-default-1 {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	background: url("../images/pages/index-1/hero/1.webp") no-repeat center center/cover;
	overflow: hidden;
	color: var(--white-fixed);
	padding-top: 120px;
	padding-bottom: 80px
}

.hero-default-1::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(var(--dark-color-fixed-rgb), 0.85) 0%, rgba(var(--dark-color-fixed-rgb), 0.4) 50%, rgba(var(--dark-color-fixed-rgb), 0) 100%);
	z-index: 1
}

.hero-default-1 .container {
	position: relative;
	z-index: 2
}

.hero-default-1 .glass-booking-card {
	background: rgba(var(--white-fixed-rgb), 0.1);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	border: 1px solid rgba(var(--white-fixed-rgb), 0.2);
	border-radius: 24px;
	padding: 30px;
	box-shadow: 0 25px 50px rgba(var(--dark-color-fixed-rgb), 0.3);
	max-width: 1000px
}

.hero-default-1 .glass-booking-card .booking-label {
	color: var(--white-fixed);
	font-size: .85rem;
	font-weight: 600;
	margin-bottom: 8px;
	display: block
}

.hero-default-1 .glass-booking-card .custom-input {
	background: rgba(var(--white-fixed-rgb), 0.1) !important;
	border: 1px solid rgba(var(--white-fixed-rgb), 0.3) !important;
	color: var(--white-fixed) !important;
	border-radius: 12px !important;
	padding: 12px 15px !important
}

.hero-default-1 .glass-booking-card .custom-input::placeholder {
	color: rgba(var(--white-fixed-rgb), 0.5)
}

.hero-default-1 .glass-booking-card .custom-input:focus {
	background: rgba(var(--white-fixed-rgb), 0.2) !important
}

.hero-default-1 .glass-booking-card .custom-input option {
	color: #666
}

.hero-default-1 .glass-booking-card input[type=date]::-webkit-calendar-picker-indicator {
	opacity: .6;
	cursor: pointer;
	filter: invert(1)
}

.hero-default-1 .video-btn-wrapper {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-top: 30px
}

@media(min-width: 992px) {
	.hero-default-1 {
		min-height: 96vh
	}
}

.hero-default-2 {
	position: relative;
	height: 100vh;
	width: 100%;
	overflow: hidden
}

.hero-default-2 .sub-title {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: var(--secondary-color);
	margin-bottom: 25px
}

.hero-default-2 .hero-slider {
	height: 100%;
	width: 100%
}

.hero-default-2 .hero-slider .hero-slide-item {
	position: relative;
	overflow: hidden
}

.hero-default-2 .hero-slider .hero-slide-item .hero-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.1)
}

.hero-default-2 .hero-slider .hero-slide-item .hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(var(--dark-color-fixed-rgb), 0.7) 0%, rgba(var(--dark-color-fixed-rgb), 0.2) 100%);
	z-index: 1
}

.hero-default-2 .hero-slider .hero-slide-item .hero-content {
	position: relative;
	z-index: 2;
	height: 100%;
	display: flex;
	align-items: center;
	color: var(--white-fixed)
}

.hero-default-2 .hero-slider .hero-slide-item .hero-content h1 {
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 1.5rem;
	opacity: 0;
	transform: translateY(30px)
}

.hero-default-2 .hero-slider .hero-slide-item .hero-content p {
	font-size: 1.25rem;
	max-width: 600px;
	margin-bottom: 2.5rem;
	color: rgba(var(--white-fixed-rgb), 0.85);
	opacity: 0;
	transform: translateY(30px)
}

.hero-default-2 .section-separator {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	z-index: 10
}

.hero-default-2 .section-separator .wave-mask {
	fill: var(--white);
	width: 100%;
	height: auto
}

.hero-default-2 .section-separator .floating-appointment-card {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
	width: 90%;
	max-width: 1100px;
	background: var(--white);
	border-radius: var(--border-radius-lg);
	box-shadow: 0 30px 60px rgba(var(--dark-color-rgb), 0.15);
	padding: 40px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px
}

.hero-default-2 .section-separator .floating-appointment-card .info-item {
	display: flex;
	gap: 20px;
	align-items: center;
	border-right: 1px solid var(--gray-cus-200)
}

.hero-default-2 .section-separator .floating-appointment-card .info-item:last-child {
	border: none
}

.hero-default-2 .section-separator .floating-appointment-card .info-icon {
	width: 60px;
	height: 60px;
	background: var(--light-color);
	color: var(--primary-color);
	border-radius: var(--border-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem
}

.hero-default-2 .swiper-slide-active h1,
.hero-default-2 .swiper-slide-active p,
.hero-default-2 .swiper-slide-active .btn-cus {
	opacity: 1 !important;
	transform: translateY(0) !important;
	transition: all .8s ease-out .3s
}

.hero-default-2 .swiper-slide-active p {
	transition-delay: .5s
}

.hero-default-2 .swiper-slide-active .btn-cus {
	transition-delay: .7s
}

@media(max-width: 991px) {
	.hero-default-2 .section-separator .floating-appointment-card {
		grid-template-columns: 1fr;
		bottom: -140px
	}

	.hero-default-2 .section-separator .floating-appointment-card .info-item {
		border: none;
		border-bottom: 1px solid var(--gray-cus-200);
		padding-bottom: 15px
	}
}

@media(min-width: 992px) {
	.hero-default-2 {
		min-height: 96vh
	}
}

.hero-default-3 {
	position: relative;
	height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: var(--dark-color-fixed)
}

.hero-default-3 .hero-video-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .6;
	z-index: 0
}

.hero-default-3 .hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(var(--dark-color-fixed-rgb), 0.65) 30%, transparent 100%);
	z-index: 1
}

.hero-default-3 .hero-content {
	position: relative;
	z-index: 10;
	color: var(--white-fixed)
}

.hero-default-3 .hero-content .hero-tagline {
	font-family: var(--font-head);
	color: var(--secondary-color-fixed);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: .9rem;
	margin-bottom: 1rem;
	display: block
}

.hero-default-3 .booking-card-glass {
	background: rgba(var(--white-fixed-rgb), 0.1);
	backdrop-filter: blur(15px);
	border: 1px solid rgba(var(--white-fixed-rgb), 0.2);
	border-radius: var(--border-radius-lg);
	padding: 30px;
	box-shadow: 0 25px 50px -12px rgba(var(--dark-color-fixed-rgb), 0.5)
}

.hero-default-3 .booking-card-glass .form-cus-label,
.hero-default-3 .booking-card-glass select,
.hero-default-3 .booking-card-glass input {
	color: var(--white-fixed)
}

.hero-default-3 .booking-card-glass select,
.hero-default-3 .booking-card-glass input {
	border: 1px solid rgba(var(--white-fixed-rgb), 0.55);
	border-radius: var(--border-radius-sm)
}

.hero-default-3 .booking-card-glass input[type=date]::-webkit-calendar-picker-indicator {
	opacity: .6;
	filter: invert(1)
}

.hero-default-3 .hero-separator {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	line-height: 0;
	z-index: 20
}

.hero-default-3 .hero-separator svg {
	display: block;
	width: calc(100% + 1.3px);
	height: 100px
}

.hero-default-3 .hero-separator .shape-fill {
	fill: var(--white)
}

@media(min-width: 992px) {
	.hero-default-3 {
		min-height: 96vh
	}
}

.about {
	position: relative
}

.about .sticky-wrapper {
	position: sticky;
	top: 120px
}

.about .sticky-wrapper .title-huge {
	margin-bottom: 40px
}

.about .sticky-wrapper .stats-circle-container {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 50px;
	padding: 30px;
	border-left: 3px solid var(--light-color)
}

.about .sticky-wrapper .stats-circle-container .circle-progress {
	width: 80px;
	height: 80px;
	position: relative
}

.about .sticky-wrapper .stats-circle-container .circle-progress svg {
	transform: rotate(-90deg)
}

.about .scattered-grid {
	position: relative;
	height: 900px
}

.about .scattered-grid .grid-item {
	position: absolute;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 30px 60px rgba(var(--dark-color-rgb), 0.1);
	transition: transform .6s cubic-bezier(0.23, 1, 0.32, 1)
}

.about .scattered-grid .grid-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(30%);
	transition: all .8s ease
}

.about .scattered-grid .grid-item:hover img {
	filter: grayscale(0%);
	transform: scale(1.1)
}

.about .scattered-grid .item-1 {
	width: 80%;
	height: 400px;
	top: 0;
	left: 10%;
	z-index: 2
}

.about .scattered-grid .item-2 {
	width: 60%;
	height: 300px;
	top: 350px;
	right: 0;
	z-index: 3;
	border: 10px solid var(--white)
}

.about .scattered-grid .item-3 {
	width: 55%;
	height: 250px;
	top: 600px;
	left: 5%;
	z-index: 1
}

.about .scattered-grid .floating-certified {
	position: absolute;
	bottom: 0px;
	right: 10%;
	background: var(--dark-color);
	color: var(--white);
	padding: 30px;
	border-radius: 30px;
	width: 220px;
	z-index: 4;
	transform: rotate(3deg)
}

@media(min-width: 992px) {
	.about .scattered-grid .item-1 {
		width: 60%
	}

	.about .scattered-grid .item-2 {
		width: 45%
	}

	.about .scattered-grid .item-3 {
		width: 35%
	}

	.about .scattered-grid .floating-certified {
		padding: 40px;
		width: 260px
	}
}

.service .service-nav {
	border: none;
	display: flex;
	flex-direction: column;
	gap: 15px
}

.service .service-nav .service-link {
	padding: 20px;
	border-radius: var(--border-radius);
	background: var(--light-color);
	border: 1px solid rgba(0, 0, 0, 0);
	text-align: left;
	transition: all var(--tr-speed) cubic-bezier(0.2, 1, 0.3, 1);
	position: relative;
	cursor: pointer;
	overflow: hidden;
	text-decoration: none !important
}

.service .service-nav .service-link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 0;
	background: var(--secondary-color);
	transition: width .3s ease
}

.service .service-nav .service-link.active {
	background: var(--white);
	border-color: rgba(var(--secondary-color-rgb), 0.3);
	box-shadow: 0 20px 40px rgba(var(--dark-color-rgb), 0.08);
	transform: translateX(20px)
}

.service .service-nav .service-link.active::after {
	width: 100%
}

.service .service-nav .service-link.active .service-link-desc {
	max-height: 100px;
	opacity: 1;
	margin-top: 10px
}

.service .service-nav .service-link .service-link-title {
	font-weight: 800;
	color: var(--primary-color);
	margin-top: 0;
	margin-bottom: 0;
	display: block
}

.service .service-nav .service-link .service-link-desc {
	font-size: .95rem;
	color: var(--gray-cus-600);
	max-height: 0;
	opacity: 0;
	transition: all .4s ease
}

.service .showcase-wrapper {
	position: relative;
	height: 650px;
	border-radius: var(--border-radius);
	overflow: hidden;
	box-shadow: 0 30px 60px rgba(var(--dark-color-rgb), 0.1)
}

.service .showcase-wrapper .showcase {
	opacity: 0;
	transition: opacity .8s ease
}

.service .showcase-wrapper .showcase.active {
	opacity: 1
}

.service .showcase-wrapper .showcase.active .showcase-img {
	transform: scale(1);
	z-index: 2
}

.service .showcase-wrapper .showcase.active .showcase-overlay {
	transform: translateY(0);
	opacity: 1
}

.service .showcase-wrapper .showcase .showcase-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.1);
	transition: transform 1.2s ease;
	z-index: 1
}

.service .showcase-wrapper .showcase .showcase-overlay {
	position: absolute;
	bottom: 40px;
	left: 40px;
	background: rgba(var(--white-rgb), 0.65);
	backdrop-filter: blur(10px);
	padding: 30px;
	border-radius: var(--border-radius);
	z-index: 10;
	max-width: 300px;
	transform: translateY(20px);
	opacity: 0;
	transition: all .6s .3s ease
}

@media(max-width: 991px) {
	.service .service-nav .service-link.active {
		transform: none
	}

	.service .showcase-wrapper {
		height: 400px;
		margin-top: 50px
	}
}

.team .bg-outline-text {
	position: absolute;
	top: 10%;
	left: 5%;
	font-size: 12vw;
	font-weight: 800;
	font-family: var(--font-head);
	color: rgba(0, 0, 0, 0);
	-webkit-text-stroke: 1px rgba(var(--primary-color-rgb), 0.15);
	line-height: 1;
	pointer-events: none;
	z-index: 0
}

.team .team-card {
	position: relative;
	z-index: 1;
	margin-bottom: 80px
}

.team .team-card:hover .team-card-thumb img {
	transform: scale(1.1) rotate(2deg);
	filter: grayscale(0%)
}

.team .team-card:hover .info-card {
	transform: translateY(-10px);
	background: var(--primary-color)
}

.team .team-card:hover .info-card * {
	color: var(--white) !important
}

.team .team-card:hover .btn-magnetic {
	background: var(--secondary-color);
	border-color: var(--secondary-color);
	color: var(--white)
}

.team .team-card .team-card-thumb {
	position: relative;
	border-radius: var(--border-radius-lg);
	overflow: hidden;
	background: var(--light-color);
	aspect-ratio: 3/4
}

.team .team-card .team-card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(20%);
	transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.team .team-card .info-card {
	position: absolute;
	bottom: -30px;
	right: 0;
	background: var(--white);
	padding: 25px;
	border-radius: 20px;
	box-shadow: 0 20px 40px rgba(var(--dark-color-rgb), 0.1);
	width: 85%;
	transition: all .5s ease;
	z-index: 2
}

.team .team-card .expert-tag {
	font-size: .75rem;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--secondary-color);
	letter-spacing: 2px;
	display: block;
	margin-bottom: 8px
}

.team .team-card .expert-name {
	font-family: var(--font-head);
	font-size: 1.5rem;
	margin-bottom: 5px;
	color: var(--dark-color)
}

.team .team-card .btn-magnetic {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -25px;
	right: 25px;
	background: var(--white);
	color: var(--primary-color);
	transition: .3s
}

@media(min-width: 992px) {
	.team .team-card.team-card-offset {
		margin-top: 100px
	}

	.team .team-card .info-card {
		bottom: -30px;
		right: -20px
	}
}

.appointment {
	background-color: var(--light-color);
	color: var(--dark-color)
}

.appointment .ml-appointment-card {
	background: var(--white);
	border-radius: var(--border-radius-lg);
	overflow: hidden;
	box-shadow: var(--box-shadow-lg);
	border: 1px solid rgba(var(--dark-color-rgb), 0.05)
}

.appointment .ml-appointment-card .ml-appointment-info {
	background: var(--primary-color);
	color: var(--white);
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-image: radial-gradient(circle at 10% 20%, rgba(var(--secondary-color-rgb), 0.15) 0%, transparent 50%)
}

.appointment .ml-form-wrapper {
	padding: 30px
}

.appointment .ml-form-wrapper .section-tag {
	display: inline-block;
	padding: 8px 20px;
	background: rgba(var(--secondary-color-rgb), 0.1);
	color: var(--secondary-color);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px
}

.appointment .ml-form-wrapper .service-selection {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 15px;
	margin-bottom: 30px
}

.appointment .ml-form-wrapper .service-selection .service-item {
	position: relative
}

.appointment .ml-form-wrapper .service-selection .service-item input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}

.appointment .ml-form-wrapper .service-selection .service-box {
	border: 1px solid var(--gray-cus-100);
	padding: 20px 15px;
	border-radius: var(--border-radius);
	text-align: center;
	transition: all .3s ease;
	cursor: pointer;
	background: var(--white);
	display: block
}

.appointment .ml-form-wrapper .service-selection .service-box i {
	font-size: 24px;
	margin-bottom: 10px;
	display: block;
	color: var(--gray-cus-600)
}

.appointment .ml-form-wrapper .service-selection .service-item input:checked+.service-box {
	border-color: var(--secondary-color);
	background: rgba(79, 182, 214, .05);
	box-shadow: 0 10px 20px rgba(79, 182, 214, .1)
}

.appointment .ml-form-wrapper .service-selection .service-item input:checked+.service-box i {
	color: var(--secondary-color)
}

@media(min-width: 992px) {
	.appointment .ml-appointment-card .ml-appointment-info {
		padding: 60px
	}

	.appointment .ml-form-wrapper {
		padding: 60px
	}
}

.trust {
	position: relative;
	background: var(--white);
	overflow: visible
}

.trust .vertical-line {
	position: absolute;
	left: 10%;
	top: -100px;
	bottom: -100px;
	width: 1px;
	background: linear-gradient(to bottom, transparent, rgba(var(--primary-color-rgb), 0.1), transparent);
	z-index: 0
}

.trust .trust-feature-wrap {
	position: relative;
	padding-left: 50px
}

.trust .trust-feature-wrap .trust-item {
	display: flex;
	align-items: flex-start;
	gap: 25px;
	margin-bottom: 60px;
	position: relative;
	z-index: 2
}

.trust .trust-feature-wrap .trust-item:hover .icon-wrapper {
	border-radius: 50%;
	background: var(--primary-color);
	color: var(--white);
	transform: scale(1.1) rotate(10deg)
}

.trust .trust-feature-wrap .icon-wrapper {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	background: var(--white);
	border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	color: var(--secondary-color);
	box-shadow: 20px 20px 60px var(--gray-cus-200), -20px -20px 60px var(--white);
	transition: all .5s ease
}

.trust .image-reveal-container {
	position: relative;
	width: 100%;
	height: 600px;
	clip-path: url(#organic-mask);
	z-index: 1
}

.trust .image-reveal-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.2);
	transition: transform 2s ease
}

.trust .floating-badge {
	position: absolute;
	background: rgba(var(--white-rgb), 0.8);
	backdrop-filter: blur(15px);
	padding: 25px;
	border-radius: var(--border-radius-lg);
	box-shadow: 0 20px 40px rgba(var(--dark-color-rgb), 0.05);
	z-index: 3;
	bottom: 10%;
	left: 30%;
	border: 1px solid rgba(var(--white-rgb), 0.3)
}

.trust .svg-defs {
	position: absolute;
	width: 0;
	height: 0
}

@media(min-width: 992px) {
	.trust .floating-badge {
		left: -10%
	}
}

.price {
	background-color: var(--light-color)
}

.price .pricing-card {
	background: var(--white);
	border: 1px solid rgba(var(--primary-color-rgb), 0.08);
	border-radius: var(--border-radius-lg);
	padding: 3rem 2.5rem;
	position: relative;
	transition: all var(--tr-speed) ease;
	height: 100%;
	overflow: hidden;
	z-index: 1
}

.price .pricing-card:hover {
	transform: translateY(-10px);
	box-shadow: var(--box-shadow-lg);
	border-color: var(--secondary-color)
}

.price .pricing-card::before {
	content: "";
	position: absolute;
	top: -50px;
	right: -50px;
	width: 150px;
	height: 150px;
	background: radial-gradient(circle, rgba(var(--secondary-color-rgb), 0.1) 0%, rgba(var(--white-rgb), 0) 70%);
	border-radius: 50%;
	z-index: -1
}

.price .pricing-card .pricing-card-feature-list {
	list-style: none;
	padding: 0;
	margin: 0 0 2.5rem 0
}

.price .pricing-card .pricing-card-feature-list li {
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	color: var(--gray-600);
	font-size: 1rem
}

.price .pricing-card .pricing-card-feature-list li i {
	margin-right: 12px;
	color: var(--secondary-color);
	font-size: 1.25rem
}

.price .pricing-card .pricing-card-icon {
	width: 70px;
	height: 70px;
	background: var(--light-color);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
	font-size: 2rem;
	color: var(--primary-color);
	transition: all var(--tr-speed)
}

.price .pricing-card .pricing-card-price {
	font-size: 3rem;
	font-weight: 800;
	font-family: var(--font-head);
	margin-bottom: 2rem;
	display: flex;
	align-items: baseline
}

.price .pricing-card .pricing-card-price span {
	font-size: 1rem;
	font-weight: 400;
	opacity: .8;
	margin-left: 5px
}

.price .pricing-card-popular {
	background: var(--primary-color);
	color: var(--white)
}

.price .pricing-card-popular .pricing-card-badge {
	position: absolute;
	top: 25px;
	right: -35px;
	background: var(--secondary-color);
	color: var(--white);
	padding: 8px 40px;
	font-size: .75rem;
	font-weight: 700;
	transform: rotate(45deg);
	text-transform: uppercase;
	letter-spacing: 1px
}

.price .pricing-card-popular .pricing-card-icon {
	background: rgba(var(--white-rgb), 0.1);
	color: var(--white);
	backdrop-filter: blur(10px)
}

.price .pricing-card-popular .pricing-card-feature-list li i {
	color: var(--white)
}

.price .pricing-card-popular .btn-cus-primary {
	background-color: var(--white);
	color: var(--dark-color)
}

.price .pricing-card-popular .btn-cus-primary:hover {
	background-color: var(--primary-color);
	color: var(--white)
}

.price .pricing-card-popular .pricing-card-title,
.price .pricing-card-popular .pricing-card-price,
.price .pricing-card-popular .pricing-card-feature-list li {
	color: var(--white)
}

.testimonial {
	position: relative;
	background-image: linear-gradient(to right, transparent 50%, var(--light-color) 50%)
}

.testimonial .testimonial-wrapper {
	display: flex;
	align-items: center;
	min-height: 500px
}

.testimonial .circle-visual-area {
	position: relative;
	width: 100%;
	height: 450px;
	display: flex;
	align-items: center;
	justify-content: center
}

.testimonial .circle-visual-area .main-circle {
	position: relative;
	width: 380px;
	height: 380px;
	border: 1px dashed var(--primary-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: rotateCircle 60s linear infinite
}

.testimonial .circle-visual-area .main-circle .avatar-node {
	position: absolute;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid var(--white);
	box-shadow: 0 10px 20px rgba(var(--dark-color-rgb), 0.1);
	transition: all .4s ease;
	cursor: pointer;
	filter: grayscale(1)
}

.testimonial .circle-visual-area .main-circle .avatar-node img {
	animation: unRotateCircle 60s linear infinite
}

.testimonial .circle-visual-area .main-circle .avatar-node.active {
	filter: grayscale(0);
	transform: scale(1.3);
	border-color: var(--secondary-color);
	z-index: 10
}

.testimonial .circle-visual-area .center-display {
	position: absolute;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	z-index: 5;
	background: var(--primary-color);
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(var(--primary-color-rgb), 0.3)
}

.testimonial .circle-visual-area .center-display img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.testimonial .content-area {
	padding-left: 50px
}

.testimonial .content-area .testi-swiper {
	overflow: visible !important
}

.testimonial .content-area .testi-swiper .slide-content h3 {
	font-family: var(--font-head);
	font-weight: 700;
	font-size: 2rem;
	margin-bottom: 1.5rem;
	color: var(--dark-color);
	line-height: 1.2
}

.testimonial .content-area .testi-swiper .slide-content p {
	font-size: 1.15rem;
	color: var(--gray-cus-600);
	margin-bottom: 2rem;
	max-width: 500px
}

.testimonial .content-area .testi-swiper .slide-content .patient-meta h5 {
	margin: 0;
	color: var(--primary-color);
	font-weight: 700
}

.testimonial .content-area .testi-swiper .slide-content .patient-meta span {
	font-size: .85rem;
	text-transform: uppercase;
	letter-spacing: 1px
}

.testimonial .content-area .quote-mark {
	font-size: 5rem;
	line-height: 1;
	font-family: serif;
	color: var(--secondary-color);
	opacity: .3;
	margin-bottom: -20px
}

.testimonial .content-area .swiper-nav-custom {
	display: flex;
	gap: 10px;
	margin-top: 30px
}

.testimonial .s-btn {
	width: 45px;
	height: 45px;
	border: 1px solid var(--primary-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s
}

.testimonial .s-btn:hover {
	background: var(--primary-color);
	color: var(--white)
}

@keyframes rotateCircle {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

@keyframes unRotateCircle {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(-360deg)
	}
}

.blog {
	position: relative
}

.blog .ml-hero-post {
	position: relative;
	margin-bottom: 80px
}

.blog .ml-hero-post:hover .ml-hero-img img {
	transform: scale(1.05)
}

.blog .ml-hero-post .ml-hero-img {
	width: 100%;
	height: 450px;
	border-radius: var(--border-radius-lg);
	overflow: hidden;
	position: relative
}

.blog .ml-hero-post .ml-hero-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1)
}

.blog .ml-hero-post .ml-hero-card {
	position: static;
	max-width: 100%;
	margin-top: -100px;
	margin-left: 20px;
	margin-right: 20px;
	background: var(--white);
	padding: 30px;
	border-radius: var(--border-radius);
	max-width: 500px;
	box-shadow: 0 40px 80px rgba(var(--dark-color-rgb), 0.08);
	z-index: 10
}

.blog .ml-side-post {
	padding: 30px 0;
	border-bottom: 1px solid rgba(var(--secondary-color-rgb), 0.35);
	transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
	display: flex;
	gap: 25px;
	align-items: center
}

.blog .ml-side-post:hover {
	transform: translateX(15px);
	border-color: var(--secondary-color)
}

.blog .ml-side-post:hover .post-num {
	color: var(--secondary-color)
}

.blog .ml-side-post:first-child {
	padding-top: 0
}

.blog .ml-side-post .post-num {
	font-family: var(--font-head);
	font-size: 3rem;
	font-weight: 800;
	color: rgba(var(--secondary-color-rgb), 0.2);
	line-height: 1
}

@media(min-width: 1200px) {
	.blog .ml-hero-post .ml-hero-card {
		position: absolute;
		right: -50px;
		bottom: 60px;
		padding: 50px
	}

	.blog .ml-hero-post .ml-hero-img {
		height: 650px
	}
}

.about-hero {
	position: relative;
	overflow: hidden;
	background: radial-gradient(circle at 10% 20%, rgba(var(--secondary-color-rgb), 0.05) 0%, transparent 50%)
}

.about-hero .content-header {
	text-align: center;
	max-width: 850px;
	margin: 0 auto 80px;
	position: relative;
	z-index: 10
}

.about-hero .main-title span {
	background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.about-hero .image-gallery-mosaic {
	position: relative;
	height: 600px;
	margin-top: 40px
}

.about-hero .mosaic-item {
	position: absolute;
	border-radius: var(--border-radius-lg);
	overflow: hidden;
	box-shadow: var(--box-shadow);
	background: var(--white)
}

.about-hero .item-lg {
	width: 45%;
	height: 100%;
	left: 27.5%;
	z-index: 5;
	top: 0;
	border: 10px solid var(--white)
}

.about-hero .item-sm-left {
	width: 25%;
	height: 350px;
	left: 0;
	top: 15%;
	z-index: 4;
	transform: rotate(-3deg)
}

.about-hero .item-sm-right {
	width: 25%;
	height: 400px;
	right: 0;
	top: 10%;
	z-index: 4;
	transform: rotate(3deg)
}

.about-hero .mosaic-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.about-hero .mosaic-item:hover .mosaic-img {
	transform: scale(1.1)
}

.about-hero .glass-info {
	position: absolute;
	bottom: -30px;
	right: 15%;
	background: rgba(var(--white-rgb), 0.8);
	backdrop-filter: blur(15px);
	padding: 30px;
	border-radius: 24px;
	border: 1px solid rgba(var(--white-rgb), 0.5);
	box-shadow: 0 20px 40px rgba(var(--dark-color-rgb), 0.08);
	z-index: 20;
	max-width: 300px
}

.about-hero .glass-info h5 {
	color: var(--primary-color);
	font-weight: 800;
	margin-bottom: 10px
}

.about-hero .btn-booking-circle {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: var(--primary-color);
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	position: absolute;
	top: -75px;
	left: 20%;
	z-index: 21;
	text-decoration: none;
	transition: .4s;
	line-height: 1.5;
	padding: 20px;
	box-shadow: 0 20px 40px rgba(var(--primary-color-rgb), 0.3)
}

.about-hero .btn-booking-circle::before {
	font-family: "bootstrap-icons";
	content: "";
	position: absolute;
	font-size: 4rem;
	opacity: .15;
	pointer-events: none;
	top: 10%;
	left: 10%
}

.about-hero .btn-booking-circle:hover {
	background: var(--secondary-color);
	transform: scale(1.05) rotate(15deg);
	color: var(--white)
}

@media(max-width: 991px) {
	.about-hero .image-gallery-mosaic {
		height: 400px
	}

	.about-hero .item-sm-left,
	.about-hero .item-sm-right {
		display: none
	}

	.about-hero .item-lg {
		width: 100%;
		left: 0
	}

	.about-hero .btn-booking-circle {
		width: 100px;
		height: 100px;
		top: -50px;
		font-size: 11px
	}
}

.about-story {
	background-color: var(--gray-cus-50);
	position: relative
}

.about-story .about-story-wrapper {
	position: sticky;
	top: 100px
}

.about-story .timeline {
	position: relative;
	padding-left: 2.5rem;
	border-left: 2px dashed rgba(var(--primary-color-rgb), 0.2)
}

.about-story .milestone-card {
	background: var(--white);
	border-radius: var(--border-radius);
	padding: 2.5rem;
	margin-bottom: 3rem;
	border: 1px solid var(--gray-cus-100);
	position: relative;
	transition: all var(--tr-speed) ease;
	box-shadow: 0 4px 6px -1px rgba(var(--dark-color-rgb), 0.05)
}

.about-story .milestone-card:hover {
	transform: translateY(-10px);
	box-shadow: var(--box-shadow-lg);
	border-color: rgba(0, 0, 0, 0)
}

.about-story .milestone-card__year {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 3.5rem;
	font-weight: 800;
	color: var(--primary-color);
	opacity: .05;
	user-select: none
}

.about-story .milestone-card__dot {
	position: absolute;
	left: -3.05rem;
	top: 40px;
	width: 18px;
	height: 18px;
	background: var(--white);
	border: 4px solid var(--primary-color);
	border-radius: 50%;
	z-index: 2
}

.about-story .milestone-card:hover .milestone-card__dot {
	background: var(--secondary-color);
	border-color: var(--secondary-color);
	transform: scale(1.2)
}

@media(max-width: 991px) {
	.about-story .about-story-wrapper {
		position: relative;
		top: 0;
		margin-bottom: 4rem
	}

	.about-story .timeline {
		padding-left: 1.5rem
	}

	.about-story .milestone-card__dot {
		left: -2.05rem
	}
}

.about-value .value-card {
	background: var(--white);
	padding: 3rem;
	border-radius: var(--border-radius-lg);
	box-shadow: var(--box-shadow);
	border: 1px solid rgba(var(--primary-color-rgb), 0.05);
	transition: all var(--tr-speed) ease;
	height: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.about-value .value-card:hover {
	transform: translateY(-12px);
	box-shadow: var(--box-shadow-lg)
}

.about-value .value-card.featured-card {
	background: linear-gradient(145deg, var(--primary-color) 0%, var(--primary-color) 100%);
	color: var(--white)
}

.about-value .value-card.featured-card h3 {
	color: var(--white)
}

.about-value .icon-wrapper {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	margin-bottom: 2rem;
	font-size: 2rem;
	transition: transform .5s ease
}

.about-value .value-card:hover .icon-wrapper {
	transform: scale(1.1) rotate(5deg)
}

.about-value .glass-icon {
	background: rgba(var(--secondary-color-rgb), 0.1);
	color: var(--secondary-color)
}

.about-value .featured-card .glass-icon {
	background: rgba(var(--white-rgb), 0.15);
	backdrop-filter: blur(10px);
	color: var(--white);
	border: 1px solid rgba(var(--white-rgb), 0.1)
}

.about-value .list-values {
	list-style: none;
	padding: 0;
	margin: 1.5rem 0 0
}

.about-value .list-values li {
	display: flex;
	align-items: center;
	margin-bottom: .75rem;
	font-weight: 500
}

.about-value .list-values li i {
	color: var(--secondary-color);
	margin-right: .75rem
}

.about-value .deco-shape {
	position: absolute;
	bottom: -20px;
	right: -20px;
	width: 120px;
	height: 120px;
	background: rgba(var(--primary-color-rgb), 0.03);
	border-radius: 50%;
	z-index: -1
}

.about-value .featured-card .deco-shape {
	background: rgba(var(--white-rgb), 0.05)
}

.about-wcu {
	overflow: hidden;
	background: radial-gradient(circle at top right, var(--gray-cus-100), transparent)
}

.about-wcu .wcu-main-card {
	background: var(--white);
	border-radius: var(--border-radius-lg);
	border: 1px solid rgba(var(--primary-color-rgb), 0.08);
	padding: 4rem;
	box-shadow: var(--box-shadow-lg);
	position: relative
}

.about-wcu .highlight-text {
	color: var(--secondary-color);
	font-weight: 800;
	font-size: 5rem;
	line-height: 1;
	opacity: .1;
	position: absolute;
	top: 2rem;
	right: 2rem;
	user-select: none
}

.about-wcu .list-feature {
	list-style: none;
	padding: 0;
	margin-top: 2rem
}

.about-wcu .feature-item-inline {
	display: flex;
	align-items: flex-start;
	gap: 1.5rem;
	padding: 1.5rem 0;
	border-bottom: 1px solid var(--gray-cus-100);
	transition: all .3s ease
}

.about-wcu .feature-item-inline:hover {
	padding-left: 1rem;
	background: linear-gradient(to right, var(--light-color), transparent)
}

.about-wcu .feature-item-inline:last-child {
	border: none
}

.about-wcu .icon-circle {
	width: 54px;
	height: 54px;
	min-width: 54px;
	background: var(--primary-color);
	color: var(--white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
	box-shadow: 0 10px 20px rgba(var(--primary-color-rgb), 0.2)
}

.about-wcu .image-stack {
	position: relative;
	height: 100%;
	min-height: 450px
}

.about-wcu .img-main {
	width: 85%;
	border-radius: var(--border-radius-lg);
	object-fit: cover;
	box-shadow: var(--box-shadow-lg)
}

.about-wcu .glass-badge {
	position: absolute;
	bottom: 2rem;
	right: 0;
	background: rgba(var(--white), 0.8);
	backdrop-filter: blur(15px);
	padding: 2rem;
	border-radius: 24px;
	border: 1px solid rgba(var(--white-rgb), 0.4);
	box-shadow: 0 15px 35px rgba(var(--dark-color-rgb), 0.1);
	max-width: 260px
}

@media(max-width: 992px) {
	.about-wcu .wcu-main-card {
		padding: 2rem
	}
}

.about-doctor {
	background-color: var(--gray-cus-50)
}

.about-doctor .doctor-card {
	background: var(--white);
	border-radius: var(--border-radius);
	overflow: hidden;
	border: 1px solid var(--gray-cus-100);
	transition: all var(--tr-speed);
	height: 100%;
	position: relative
}

.about-doctor .doctor-card:hover {
	transform: translateY(-12px);
	box-shadow: var(--box-shadow-lg);
	border-color: rgba(0, 0, 0, 0)
}

.about-doctor .doctor-card__image-wrapper {
	position: relative;
	overflow: hidden;
	aspect-ratio: 4/5;
	background-color: var(--gray-cus-200)
}

.about-doctor .doctor-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--tr-speed-slow)
}

.about-doctor .doctor-card:hover .doctor-card__img {
	transform: scale(1.08)
}

.about-doctor .doctor-card__social {
	position: absolute;
	right: 1.25rem;
	top: 50%;
	transform: translateY(-50%) translateX(20px);
	display: flex;
	flex-direction: column;
	gap: .75rem;
	opacity: 0;
	transition: all var(--tr-speed);
	z-index: 5
}

.about-doctor .doctor-card:hover .doctor-card__social {
	opacity: 1;
	transform: translateY(-50%) translateX(0)
}

.about-doctor .social-link {
	width: 42px;
	height: 42px;
	background: rgba(var(--white-rgb), 0.85);
	backdrop-filter: blur(8px);
	color: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	box-shadow: 0 4px 12px rgba(var(--dark-color-rgb), 0.08)
}

.about-doctor .social-link:hover {
	background: var(--primary-color);
	color: var(--white)
}

.about-doctor .doctor-card__content {
	padding: 1.75rem
}

.about-doctor .doctor-card__specialty {
	font-size: .8rem;
	font-weight: 600;
	color: var(--secondary-color);
	text-transform: uppercase;
	margin-bottom: .5rem
}

.about-doctor .doctor-card__name {
	font-size: 1.25rem;
	margin-bottom: .75rem;
	transition: color var(--tr-speed)
}

.about-doctor .doctor-card__name:hover {
	color: var(--primary-color)
}

.about-doctor .doctor-card__experience {
	font-size: .85rem;
	color: var(--gray-cus-400);
	display: flex;
	align-items: center;
	gap: .5rem
}

.about-doctor .doctor-card__footer {
	margin-top: 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--gray-cus-100)
}

.about-doctor .doctor-card__status {
	position: absolute;
	top: 1.25rem;
	left: 1.25rem;
	background: var(--white);
	padding: .4rem .8rem;
	border-radius: 50px;
	font-size: .75rem;
	font-weight: 700;
	box-shadow: 0 4px 10px rgba(var(--dark-color-rgb), 0.05);
	z-index: 2
}

.about-hub {
	background: radial-gradient(circle at 50% 50%, var(--gray-cus-50) 0%, var(--white) 100%);
	min-height: 100vh;
	display: flex;
	align-items: center
}

.about-hub .hub-grid {
	display: grid;
	grid-template-columns: 1fr 1.5fr 1fr;
	align-items: center;
	gap: 40px
}

@media(max-width: 992px) {
	.about-hub .hub-grid {
		grid-template-columns: 1fr
	}
}

.about-hub .hub-center {
	position: relative;
	overflow: hidden;
	text-align: center;
	z-index: 2
}

.about-hub .main-circle-visual {
	width: 100%;
	aspect-ratio: 1/1;
	border: 2px dashed rgba(var(--secondary-color-rgb), 0.3);
	border-radius: 50%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	animation: rotateText 20s linear infinite
}

.about-hub .main-circle-visual .dot {
	position: absolute;
	top: 0;
	left: 50%;
	width: 10px;
	height: 10px;
	background: var(--secondary-color);
	border-radius: 50%
}

@media(max-width: 992px) {
	.about-hub .main-circle-visual {
		width: 90%;
		height: auto;
		aspect-ratio: 1/1
	}
}

.about-hub .center-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	animation: none
}

.about-hub .tech-float-card {
	background: var(--white);
	padding: 25px;
	border-radius: 24px;
	box-shadow: 0 15px 35px rgba(var(--dark-color-rgb), 0.05);
	border: 1px solid var(--gray-cus-100);
	transition: all .4s ease;
	position: relative;
	z-index: 3
}

.about-hub .tech-float-card:hover {
	transform: translateY(-10px) scale(1.05);
	border-color: var(--secondary-color);
	box-shadow: 0 25px 50px rgba(var(--primary-color-rgb), 0.1)
}

.about-hub .icon-box {
	width: 50px;
	height: 50px;
	background: var(--light-color);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primary-color);
	font-size: 1.5rem;
	margin-bottom: 20px
}

.about-hub .tech-img-preview {
	width: 100%;
	height: 120px;
	object-fit: cover;
	border-radius: 12px;
	margin-top: 15px;
	filter: grayscale(1);
	transition: .4s
}

.about-hub .tech-float-card:hover .tech-img-preview {
	filter: grayscale(0)
}

.about-hub .side-left {
	text-align: right
}

.about-hub .side-left .icon-box {
	margin-left: auto
}

.about-hub .floating-label {
	font-size: .7rem;
	font-weight: 800;
	color: var(--secondary-color);
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 8px;
	display: block
}

.about-cert {
	background: linear-gradient(180deg, var(--white) 0%, var(--light-color) 100%);
	position: relative
}

.about-cert .achievement-card {
	background: rgba(var(--white-rgb), 0.7);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(var(--white-rgb), 0.4);
	border-radius: 24px;
	padding: 40px;
	height: 100%;
	transition: all .4s cubic-bezier(0.25, 1, 0.5, 1);
	position: relative;
	overflow: hidden
}

.about-cert .achievement-card:hover {
	transform: translateY(-10px);
	background: var(--white);
	box-shadow: var(--box-shadow)
}

.about-cert .cert-icon {
	width: 70px;
	height: 70px;
	background: var(--light-color);
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
	color: var(--primary-color);
	font-size: 2rem;
	transition: .4s
}

.about-cert .achievement-card:hover .cert-icon {
	background: var(--primary-color);
	color: var(--white);
	transform: rotateY(360deg)
}

.about-cert .cert-year {
	position: absolute;
	top: 20px;
	right: 30px;
	font-family: var(--font-head);
	font-weight: 700;
	font-size: 3rem;
	color: rgba(var(--primary-color-rgb), 0.05);
	transition: .4s
}

.about-cert .achievement-card:hover .cert-year {
	color: rgba(var(--primary-color-rgb), 0.1)
}

.about-cert .cert-org {
	color: var(--secondary-color);
	font-weight: 600;
	font-size: .9rem;
	margin-bottom: 15px;
	display: block
}

.about-cert .cert-divider {
	width: 40px;
	height: 3px;
	background: var(--secondary-color);
	margin-bottom: 20px;
	transition: .4s
}

.about-cert .achievement-card:hover .cert-divider {
	width: 80px
}

.about-cert .floating-circle {
	position: absolute;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(var(--secondary-color-rgb), 0.1) 0%, rgba(var(--white-rgb), 0) 70%);
	z-index: 0;
	pointer-events: none
}

.about-stats {
	background: linear-gradient(to bottom, var(--light-color) 0%, var(--white) 90%);
	position: relative
}

.about-stats .depth-card {
	position: relative;
	padding: 2rem;
	transition: transform var(--tr-speed) cubic-bezier(0.2, 1, 0.3, 1);
	z-index: 1
}

.about-stats .depth-backdrop {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: var(--font-head);
	font-size: 10rem;
	font-weight: 800;
	color: var(--primary-color);
	opacity: .04;
	z-index: -1;
	pointer-events: none;
	transition: all .8s ease
}

.about-stats .depth-content {
	background: rgba(var(--white-rgb), 0.6);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	border: 1px solid rgba(var(--white-rgb), 0.4);
	border-radius: var(--border-radius-lg);
	padding: 3.5rem 2rem;
	text-align: center;
	box-shadow: 0 30px 60px -15px rgba(var(--dark-color-rgb), 0.08);
	transition: all var(--tr-speed)
}

.about-stats .depth-icon {
	font-size: 2.5rem;
	color: var(--secondary-color);
	margin-bottom: 1.5rem;
	display: inline-block;
	transition: transform .5s ease
}

.about-stats .counter-wrapper {
	font-family: var(--font-head);
	font-size: 3.5rem;
	font-weight: 800;
	color: var(--primary-color);
	line-height: 1;
	margin-bottom: .5rem
}

.about-stats .unit {
	color: var(--secondary-color);
	font-size: 1.5rem
}

.about-stats .stat-label {
	font-size: .85rem;
	font-weight: 700;
	color: var(--gray-cus-600);
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0
}

.about-stats .depth-card:hover .depth-content {
	transform: translateY(-10px);
	background: rgba(var(--white-rgb), 0.9);
	box-shadow: 0 50px 80px -20px rgba(var(--primary-color-rgb), 0.15);
	border-color: var(--secondary-color)
}

.about-stats .depth-card:hover .depth-backdrop {
	opacity: .08;
	transform: translate(-50%, -60%) scale(1.1)
}

.about-stats .depth-card:hover .depth-icon {
	transform: scale(1.2) rotate(-10deg)
}

@media(min-width: 992px) {
	.about-stats .mt-custom {
		margin-top: 5rem
	}
}

.medi-header {
	position: relative;
	min-height: 30vh;
	display: flex;
	align-items: stretch;
	background: var(--gray-cus-50);
	overflow: hidden
}

.medi-header .medi-left {
	width: 60%;
	padding: 130px 8% 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 2
}

.medi-header .medi-breadcrumb {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 40px
}

.medi-header .line-dot {
	width: 8px;
	height: 8px;
	background: var(--secondary-color);
	border-radius: 50%
}

.medi-header .medi-breadcrumb span {
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 600;
	color: var(--primary-color)
}

.medi-header .medi-title {
	font-weight: 800;
	line-height: 1.2;
	margin-top: -10px;
	margin-bottom: 30px;
	position: relative
}

.medi-header .medi-left .outline {
	display: block;
	color: rgba(0, 0, 0, 0);
	-webkit-text-stroke: 1px var(--primary-color);
	opacity: .15;
	margin-bottom: -10px;
	font-size: 4vw;
	font-weight: 800;
	line-height: .5
}

.medi-header .medi-desc {
	font-size: 1.15rem;
	color: var(--gray-cus-600);
	line-height: 1.8;
	position: relative;
	padding-left: 30px
}

.medi-header .medi-desc::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 2px;
	height: 80%;
	background: linear-gradient(to bottom, var(--secondary-color), transparent)
}

.medi-header .medi-right {
	width: 40%;
	position: relative;
	background: rgba(var(--primary-color-rgb), 0.75);
	overflow: hidden
}

.medi-header .visual-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(50%);
	mix-blend-mode: multiply;
	opacity: .6;
	transition: 1s ease
}

.medi-header .medi-right:hover .visual-img {
	filter: grayscale(0%);
	opacity: 1;
	transform: scale(1.05)
}

.medi-header .medi-number {
	position: absolute;
	bottom: 40px;
	right: 40px;
	font-family: var(--font-head);
	font-size: 8rem;
	font-weight: 800;
	color: var(--white);
	line-height: 1;
	opacity: .1;
	z-index: 3
}

.medi-header .medi-tag {
	position: absolute;
	top: 50%;
	right: -60px;
	transform: translateY(-50%) rotate(90deg);
	background: var(--secondary-color);
	color: var(--white);
	padding: 10px 30px;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase
}

@media(max-width: 991px) {
	.medi-header {
		flex-direction: column
	}

	.medi-header .medi-left {
		width: 100%;
		padding: 80px 5%;
		order: 2
	}

	.medi-header .medi-right {
		width: 100%;
		height: 350px;
		order: 1
	}

	.medi-header .visual-img {
		filter: grayscale(0%);
		opacity: 1
	}

	.medi-header .medi-tag {
		display: none
	}
}

.team-cta-join {
	background: linear-gradient(to bottom, var(--gray-cus-50) 0%, var(--white) 100%)
}

.team-cta-join .cta-join-wrapper {
	border-radius: var(--border-radius-lg);
	background-color: var(--gray-cus-100);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 3rem;
	box-shadow: var(--box-shadow-lg)
}

.team-detail-hero {
	padding: 120px 0 60px;
	background: linear-gradient(180deg, var(--light-color) 0%, var(--white) 100%);
	position: relative
}

.team-detail-hero .doctor-image-wrapper {
	position: relative;
	border-radius: var(--border-radius);
	overflow: hidden;
	box-shadow: var(--box-shadow-lg)
}

.team-detail-hero .doctor-badge {
	display: inline-block;
	padding: 8px 16px;
	background: rgba(var(--secondary-color-rgb), 0.1);
	color: var(--secondary-color);
	border-radius: 50px;
	font-weight: 600;
	font-size: .875rem;
	margin-bottom: 1rem
}

.team-detail-hero .stat-card {
	background: var(--white);
	padding: 20px;
	border-radius: var(--border-radius);
	border: 1px solid var(--gray-cus-200);
	text-align: center;
	transition: all .3s ease
}

.team-detail-hero .stat-card:hover {
	border-color: var(--secondary-color);
	transform: translateY(-5px)
}

.team-detail-hero .stat-number {
	font-size: 1.5rem;
	color: var(--primary-color);
	font-weight: 800;
	display: block
}

.team-detail-hero .stat-label {
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--gray-cus-600)
}

.team-detail .team-detail-title {
	margin-bottom: 1.5rem;
	position: relative;
	padding-bottom: 10px
}

.team-detail .team-detail-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 3px;
	background: var(--secondary-color)
}

.team-detail .experience-item {
	padding-left: 30px;
	border-left: 2px solid var(--light-color);
	position: relative;
	padding-bottom: 30px
}

.team-detail .experience-item::before {
	content: "";
	position: absolute;
	left: -9px;
	top: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--secondary-color);
	border: 3px solid var(--white);
	box-shadow: 0 0 0 3px var(--light-color)
}

.team-detail .booking-sidebar {
	position: sticky;
	top: 100px;
	background: var(--dark-color);
	color: var(--white);
	padding: 30px;
	border-radius: var(--border-radius)
}

.team-detail .glass-tag {
	background: rgba(var(--primary-color-rgb), 0.05);
	backdrop-filter: blur(5px);
	padding: 6px 15px;
	border-radius: 8px;
	display: inline-block;
	margin: 5px;
	font-size: .9rem;
	border: 1px solid var(--gray-cus-200)
}

.services-list .service-item {
	border: 1px solid var(--gray-cus-200);
	border-radius: 24px;
	padding: 40px;
	transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
	height: 100%;
	background: var(--white)
}

.services-list .service-item:hover {
	transform: translateY(-12px);
	box-shadow: var(--box-shadow);
	border-color: var(--secondary-color)
}

.services-list .icon-wrapper {
	width: 64px;
	height: 64px;
	background: var(--light-color);
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
	transition: .3s
}

.services-list .service-item:hover .icon-wrapper {
	background: var(--primary-color);
	color: var(--white)
}

.services-list .icon-wrapper i {
	font-size: 1.75rem;
	color: var(--primary-color)
}

.services-list .service-item:hover .icon-wrapper i {
	color: var(--white)
}

.services-list .service-tag {
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	color: var(--secondary-color);
	margin-bottom: 12px;
	display: block
}

.services-list2 .split-service-card {
	display: flex;
	background: var(--white);
	min-height: 450px;
	margin-bottom: 40px;
	border-radius: 40px;
	overflow: hidden;
	box-shadow: 0 15px 35px rgba(var(--dark-color-rgb), 0.03);
	transition: var(--tr-smooth)
}

.services-list2 .split-service-card:nth-child(even) {
	flex-direction: row-reverse
}

.services-list2 .split-image {
	width: 50%;
	position: relative;
	overflow: hidden
}

.services-list2 .split-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--tr-smooth)
}

.services-list2 .split-content {
	width: 50%;
	padding: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative
}

.services-list2 .glass-badge {
	display: inline-block;
	padding: 8px 20px;
	background: rgba(var(--secondary-color-rgb), 0.1);
	backdrop-filter: blur(5px);
	border-radius: 100px;
	color: var(--secondary-color);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 20px;
	border: 1px solid rgba(var(--secondary-color-rgb), 0.2)
}

.services-list2 .split-service-card:hover .split-image img {
	transform: scale(1.1)
}

.services-list2 .split-service-card:hover {
	box-shadow: 0 30px 60px rgba(var(--primary-color-rgb), 0.1)
}

.services-list2 .feature-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 30px
}

.services-list2 .feature-mini-item {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 14px;
	color: var(--dark-color);
	font-weight: 500
}

.services-list2 .feature-mini-item i {
	color: var(--secondary-color);
	font-size: 18px
}

@media(max-width: 992px) {

	.services-list2 .split-service-card,
	.services-list2 .split-service-card:nth-child(even) {
		flex-direction: column
	}

	.services-list2 .split-image,
	.services-list2 .split-content {
		width: 100%
	}

	.services-list2 .split-content {
		padding: 40px
	}
}

.stat-box {
	background: rgba(var(--light-color-rgb), 0.7);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(var(--light-color-rgb), 0.3);
	border-radius: 20px;
	padding: 30px
}

.service-detail-bento .bento-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: auto auto;
	gap: 24px
}

.service-detail-bento .bento-card {
	background: var(--light-color);
	border-radius: var(--border-radius-lg);
	padding: 32px;
	transition: all .3s ease
}

.service-detail-bento .bento-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(var(--primary-color-rgb), 0.08)
}

.service-detail-bento .bento-main {
	grid-column: span 3;
	grid-row: span 2;
	padding: 0;
	overflow: hidden;
	position: relative
}

.service-detail-bento .bento-main img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.service-detail-bento .bento-main-content {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 50px;
	background: linear-gradient(0deg, rgba(var(--dark-color-fixed-rgb), 0.8) 0%, transparent 100%);
	color: var(--white-fixed);
	width: 100%
}

.service-detail-bento .bento-stat {
	grid-column: span 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 1px solid var(--secondary-color);
	background: var(--white)
}

.service-detail-bento .bento-stat h3 {
	font-size: 3rem;
	color: var(--primary-color);
	margin-bottom: 0
}

@media(max-width: 991px) {
	.service-detail-bento .bento-wrapper {
		grid-template-columns: 1fr
	}

	.service-detail-bento .bento-main {
		grid-column: span 1;
		height: 400px
	}
}

.service-detail-row .detail-wrapper {
	display: flex;
	align-items: center;
	gap: 80px
}

.service-detail-row .detail-content {
	flex: 1
}

.service-detail-row .detail-visual {
	flex: 1;
	position: relative
}

.service-detail-row .image-stack {
	position: relative
}

.service-detail-row .image-stack-main {
	width: 85%;
	border-radius: var(--border-radius-lg);
	box-shadow: 20px 20px 0 var(--light-color)
}

.service-detail-row .image-stack-sub {
	position: absolute;
	bottom: -30px;
	right: 0;
	width: 45%;
	border-radius: var(--border-radius);
	border: 8px solid var(--white);
	box-shadow: 0 10px 30px rgba(var(--dark-color-rgb), 0.1)
}

@media(max-width: 991px) {
	.service-detail-row .detail-wrapper {
		flex-direction: column;
		gap: 40px
	}
}

.service-detail-protocol .protocal-wrapper {
	background: var(--dark-color);
	border-radius: var(--border-radius-lg);
	color: var(--white);
	padding: 80px
}

.service-detail-protocol .protocol-card {
	background: rgba(var(--white-rgb) 0.05);
	border: 1px solid rgba(var(--white-rgb), 0.1);
	border-radius: var(--br-lg);
	padding: 40px;
	height: 100%;
	transition: .3s
}

.service-detail-protocol .protocol-card:hover {
	background: rgba(var(--white-rgb), 0.08);
	border-color: var(--secondary-color)
}

.service-detail-protocol .protocol-num {
	font-family: var(--font-head);
	font-size: 4rem;
	line-height: 1;
	opacity: .2;
	margin-bottom: 20px;
	display: block
}

@media(max-width: 991px) {
	.service-detail-protocol .protocal-wrapper {
		padding: 40px 20px
	}
}

.specs-table {
	border-radius: var(--br-lg);
	overflow: hidden;
	border: 1px solid var(--gray-cus-100)
}

.specs-table .spec-item {
	display: grid;
	grid-template-columns: 1fr 2fr;
	border-bottom: 1px solid var(--gray-cus-100)
}

.specs-table .spec-item:last-child {
	border-bottom: none
}

.specs-table .spec-label {
	background: var(--light-color);
	padding: 25px 40px;
	font-weight: 700;
	color: var(--primary-color)
}

.specs-table .spec-value {
	padding: 25px 40px;
	background: var(--white)
}

.service-detail2-hero {
	padding: 100px 0 60px;
	background: linear-gradient(180deg, var(--light-color) 0%, var(--white) 100%)
}

.service-detail2-hero .img-main-wrapper {
	position: relative;
	border-radius: var(--border-radius-lg);
	overflow: hidden;
	box-shadow: var(--box-shadow-lg)
}

.service-detail2-content .glass-card {
	background: rgba(var(--white-rgb), 0.8);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(var(--white-rgb), 0.3);
	border-radius: var(--border-radius);
	padding: 30px
}

.service-detail2-content .step-item {
	position: relative;
	padding-left: 50px;
	margin-bottom: 40px
}

.service-detail2-content .step-number {
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 35px;
	background: var(--primary-color);
	color: var(--white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	z-index: 1
}

.service-detail2-content .step-item::before {
	content: "";
	position: absolute;
	left: 17px;
	top: 35px;
	width: 2px;
	height: calc(100% + 10px);
	background: var(--light-color)
}

.service-detail2-content .step-item:last-child::before {
	display: none
}

.service-detail2-content .sticky-appointment {
	position: sticky;
	top: 100px;
	background: var(--gray-cus-200);
	padding: 40px;
	border-radius: 24px
}

.blog-list .section-title {
	border-left: 5px solid var(--secondary-color);
	padding-left: 1.5rem;
	margin-bottom: 3rem
}

.blog-list .editorial-card {
	border: none;
	background: none;
	margin-bottom: 60px
}

.blog-list .editorial-img-wrapper {
	position: relative;
	border-radius: var(--border-radius);
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(var(--dark-color-rgb), 0.08)
}

.blog-list .editorial-img-wrapper img {
	transition: transform .8s cubic-bezier(0.2, 1, 0.3, 1);
	width: 100%;
	height: 500px;
	object-fit: cover
}

.blog-list .editorial-card:hover img {
	transform: scale(1.05)
}

.blog-list .editorial-floating-box {
	background: var(--white);
	padding: 2.5rem;
	width: 90%;
	margin-top: -80px;
	margin-left: auto;
	position: relative;
	z-index: 2;
	border-radius: var(--border-radius);
	box-shadow: 0 15px 35px rgba(var(--dark-color-rgb), 0.1)
}

.blog-list .minimal-row {
	padding: 2rem 0;
	border-bottom: 1px solid var(--gray-cus-100);
	transition: all .3s ease
}

.blog-list .minimal-row:hover {
	background-color: var(--light-color);
	padding-left: 1rem
}

.blog-list .subscribe {
	background-color: var(--gray-cus-200)
}

.blog-list .sticky-sidebar {
	position: sticky;
	top: 100px
}

.blog-list .sidebar-widget {
	margin-bottom: 40px
}

.blog-list .widget-title {
	font-size: 1.1rem;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--light-color);
	position: relative
}

.blog-list .widget-title::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 50px;
	height: 2px;
	background: var(--secondary-color)
}

.blog-list .search-form {
	position: relative
}

.blog-list .search-form input {
	height: 55px;
	border-radius: 100px;
	padding-left: 25px;
	background: var(--gray-cus-100);
	border: 1px solid rgba(0, 0, 0, 0)
}

.blog-list .search-form input:focus {
	background: var(--white);
	border-color: var(--secondary-color);
	box-shadow: none
}

.blog-list .search-form button {
	position: absolute;
	right: 5px;
	top: 5px;
	height: 45px;
	width: 45px;
	border-radius: 50%;
	background: var(--primary-color);
	color: var(--white);
	border: none
}

.blog-list .popular-post-item {
	display: flex;
	gap: 15px;
	margin-bottom: 20px;
	align-items: center
}

.blog-list .popular-post-item img {
	width: 70px;
	height: 70px;
	border-radius: 12px;
	object-fit: cover
}

.blog-list2 .post-card {
	background: var(--white);
	border-radius: var(--border-radius);
	border: 1px solid var(--gray-cus-100);
	overflow: hidden;
	transition: all var(--tr-speed) ease;
	height: 100%;
	position: relative
}

.blog-list2 .post-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 30px 60px -12px rgba(var(--dark-color-rgb), 0.12)
}

.blog-list2 .post-image-wrapper {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16/9
}

.blog-list2 .post-image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .8s ease
}

.blog-list2 .post-card:hover .post-image-wrapper img {
	transform: scale(1.1)
}

.blog-list2 .post-category {
	position: absolute;
	bottom: 15px;
	left: 15px;
	background: var(--secondary-color);
	color: var(--white);
	padding: 4px 12px;
	border-radius: 50px;
	font-size: .7rem;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 10
}

.blog-list2 .post-body {
	padding: 25px
}

.blog-list2 .post-meta {
	font-size: .85rem;
	color: var(--gray-cus-600);
	margin-bottom: 12px;
	display: flex;
	gap: 15px
}

.blog-list2 .post-title {
	font-size: 1.35rem;
	margin-bottom: 15px;
	transition: color .3s;
	line-height: 1.4
}

.blog-list2 .post-title a {
	color: var(--dark-color);
	text-decoration: none
}

.blog-list2 .post-title a:hover {
	color: var(--primary-color)
}

.blog-list2 .read-more-btn {
	font-weight: 700;
	font-size: .9rem;
	color: var(--primary-color);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px
}

.blog-list2 .read-more-btn i {
	transition: transform .3s
}

.blog-list2 .read-more-btn:hover i {
	transform: translateX(5px)
}

.blog-list2 .filter-btn {
	border: none;
	background: rgba(0, 0, 0, 0);
	padding: 8px 20px;
	border-radius: 50px;
	font-weight: 600;
	color: var(--gray-cus-600);
	transition: all .3s
}

.blog-list2 .filter-btn.active {
	background: var(--primary-color);
	color: var(--white)
}

.blog-list2 .post-item.hidden {
	display: none
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.blog-detail .featured-wrapper {
	position: relative;
	border-radius: var(--border-radius);
	overflow: hidden;
	margin-bottom: 80px;
	box-shadow: 0 40px 80px rgba(var(--dark-color-rgb), 0.1)
}

.blog-detail .featured-img {
	width: 100%;
	transform: scale(1.05)
}

.blog-detail .article-container {
	position: relative;
	display: grid;
	grid-template-columns: 100px 1fr 350px;
	gap: 60px;
	padding-bottom: 100px
}

.blog-detail .reading-nav {
	position: sticky;
	top: 120px;
	height: fit-content
}

.blog-detail .nav-dot {
	width: 12px;
	height: 12px;
	border: 2px solid var(--secondary-color);
	border-radius: 50%;
	margin-bottom: 30px;
	position: relative;
	cursor: pointer;
	transition: var(--tr-smooth)
}

.blog-detail .nav-dot.active {
	background: var(--secondary-color);
	transform: scale(1.5)
}

.blog-detail .nav-dot::after {
	content: "";
	position: absolute;
	top: 12px;
	left: 50%;
	width: 2px;
	height: 30px;
	background: var(--gray-cus-200);
	transform: translateX(-50%)
}

.blog-detail .nav-dot:last-child::after {
	display: none
}

.blog-detail .content-body {
	font-size: 1.15rem
}

.blog-detail .content-body p {
	margin-bottom: 30px
}

.blog-detail .medical-quote {
	background: var(--light-color);
	border-left: 6px solid var(--primary-color);
	padding: 40px;
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
	margin: 50px 0;
	font-style: italic;
	font-size: 1.4rem;
	color: var(--primary-color)
}

.blog-detail .author-card {
	position: sticky;
	top: 120px;
	background: var(--white);
	border: 1px solid var(--gray-cus-100);
	padding: 40px;
	border-radius: var(--border-radius);
	box-shadow: 0 20px 40px rgba(var(--dark-color-rgb), 0.03)
}

.blog-detail .author-img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
	margin-bottom: 20px
}

@media(max-width: 1200px) {
	.blog-detail .article-container {
		grid-template-columns: 1fr
	}

	.blog-detail .reading-nav {
		display: none
	}

	.blog-detail .author-card {
		position: relative;
		top: 0;
		margin-top: 50px
	}
}

.blog-detail2 .post-hero {
	padding: 120px 0 60px;
	background: linear-gradient(180deg, rgba(var(--light-color-rgb), 0.55) 0%, var(--white) 100%);
	text-align: center
}

.blog-detail2 .post-meta {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 25px;
	font-weight: 500;
	color: var(--gray-cus-600)
}

.blog-detail2 .author-img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 10px
}

.blog-detail2 .featured-wrapper {
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
	margin-top: -30px;
	border-radius: var(--border-radius-lg);
	overflow: hidden;
	box-shadow: 0 30px 60px rgba(var(--dark-color-rgb), 0.15)
}

.blog-detail2 .article-content {
	max-width: 800px;
	margin: 60px auto;
	padding: 0 20px;
	position: relative
}

.blog-detail2 .article-content p {
	font-size: 1.15rem;
	margin-bottom: 1.8rem
}

.blog-detail2 .article-content .dropcap {
	float: left;
	font-size: 5rem;
	line-height: 1;
	font-family: var(--font-head);
	font-weight: 800;
	color: var(--primary-color);
	margin-right: 15px;
	margin-top: 5px
}

.blog-detail2 .share-float {
	position: absolute;
	left: -100px;
	top: 100px;
	display: flex;
	flex-direction: column;
	gap: 15px
}

@media(max-width: 1200px) {
	.blog-detail2 .share-float {
		position: relative;
		flex-direction: row;
		left: 0;
		margin-bottom: 30px;
		top: 0
	}
}

.blog-detail2 .share-btn {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--gray-cus-200);
	color: var(--dark-color);
	transition: all .3s ease
}

.blog-detail2 .share-btn:hover {
	background: var(--primary-color);
	color: var(--white);
	transform: translateY(-3px)
}

.blog-detail2 .medical-quote {
	background: var(--light-color);
	padding: 50px;
	border-radius: 24px;
	position: relative;
	margin: 50px 0;
	border-left: 8px solid var(--secondary-color)
}

.blog-detail2 .medical-quote i {
	font-size: 3rem;
	color: var(--secondary-color);
	opacity: .3;
	position: absolute;
	top: 20px;
	right: 30px
}

.blog-detail2 .newsletter-box {
	background: var(--dark-color);
	color: var(--white);
	padding: 60px;
	border-radius: var(--border-radius-lg);
	text-align: center;
	margin-top: 80px
}

.blog-detail2 .newsletter-box input {
	background: rgba(var(--white-rgb), 0.1);
	border: 1px solid rgba(var(--white-rgb), 0.2) !important;
	color: var(--white);
	border-radius: 12px
}

.blog-detail2 .newsletter-box input::placeholder {
	color: var(--gray-cus-200)
}

.gallery .section-header {
	padding: 60px 0;
	text-align: center
}

.gallery .filter-container {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-bottom: 50px;
	flex-wrap: wrap
}

.gallery .gallery-grid {
	column-count: 3;
	column-gap: 30px
}

@media(max-width: 992px) {
	.gallery .gallery-grid {
		column-count: 2
	}
}

@media(max-width: 576px) {
	.gallery .gallery-grid {
		column-count: 1
	}
}

.gallery .gallery-item {
	break-inside: avoid;
	margin-bottom: 30px;
	position: relative;
	border-radius: var(--border-radius);
	overflow: hidden;
	background: var(--white);
	box-shadow: 0 10px 30px rgba(var(--dark-color-rgb), 0.05);
	transition: var(--tr-smooth)
}

.gallery .gallery-item:hover {
	transform: scale(1.02);
	box-shadow: 0 20px 40px rgba(var(--dark-color-rgb), 0.1)
}

.gallery .gallery-img-wrapper {
	position: relative;
	cursor: pointer
}

.gallery .gallery-img-wrapper img {
	width: 100%;
	display: block;
	transition: var(--tr-smooth)
}

.gallery .gallery-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(var(--primary-color-rgb), 0.9), transparent);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 30px;
	opacity: 0;
	transition: var(--tr-smooth)
}

.gallery .gallery-item:hover .gallery-overlay {
	opacity: 1
}

.gallery .gallery-info h2 {
	color: var(--white-fixed);
	margin: 0;
	transform: translateY(20px);
	transition: var(--tr-smooth)
}

.gallery .gallery-info p {
	color: rgba(var(--white-fixed-rgb), 0.8);
	font-size: .9rem;
	margin-top: 5px;
	transform: translateY(20px);
	transition: var(--tr-smooth);
	transition-delay: .1s
}

.gallery .gallery-item:hover .gallery-info h2,
.gallery .gallery-item:hover .gallery-info p {
	transform: translateY(0)
}

.gallery .zoom-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	background: rgba(var(--white-rgb), 0.2);
	backdrop-filter: blur(10px);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	font-size: 1.2rem;
	opacity: 0;
	transition: var(--tr-smooth)
}

.gallery .gallery-item:hover .zoom-icon {
	opacity: 1
}

.video-list .video-hero {
	padding: 60px 0;
	text-align: center
}

.video-list .featured-video-box {
	position: relative;
	border-radius: 32px;
	overflow: hidden;
	margin-top: -40px;
	box-shadow: 0 30px 60px rgba(var(--dark-color-rgb), 0.15);
	aspect-ratio: 16/7;
	background: var(--dark-color)
}

.video-list .featured-video-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .8;
	transition: transform .6s cubic-bezier(0.22, 1, 0.36, 1)
}

.video-list .featured-video-box:hover img {
	transform: scale(1.05)
}

@media(max-width: 991px) {
	.video-list .featured-video-box {
		aspect-ratio: 3/2
	}
}

.video-list .featured-overlay {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 4rem 2rem 2rem 2rem;
	width: 100%;
	color: var(--white-fixed);
	z-index: 5;
	background: linear-gradient(to top, rgba(var(--primary-color-rgb), 0.9), transparent)
}

.video-list .featured-badge {
	letter-spacing: 2px;
	font-size: .9rem;
	text-transform: uppercase
}

.video-list .play-btn-main {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: var(--white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	transition: all .4s ease
}

.video-list .play-btn-main i {
	font-size: 30px;
	color: var(--primary-color);
	margin-left: 5px
}

.video-list .play-btn-main::before {
	content: "";
	position: absolute;
	width: 120%;
	height: 120%;
	border: 1px solid rgba(var(--white-rgb), 0.5);
	border-radius: 50%;
	animation: pulse-border 2s infinite
}

@keyframes pulse-border {
	0% {
		transform: scale(1);
		opacity: 1
	}

	100% {
		transform: scale(1.5);
		opacity: 0
	}
}

.video-list .video-filters {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin: 60px 0 40px;
	flex-wrap: wrap
}

.video-list .video-card {
	background: var(--white);
	border-radius: var(--border-radius);
	overflow: hidden;
	transition: .4s;
	margin-bottom: 30px;
	border: 1px solid var(--gray-cus-100)
}

.video-list .video-card:hover {
	transform: translateY(-10px);
	box-shadow: var(--box-shadow-lg)
}

.video-list .video-thumb {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16/10
}

.video-list .video-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.video-list .video-duration {
	position: absolute;
	bottom: 15px;
	right: 15px;
	background: rgba(var(--dark-color-rgb), 0.8);
	color: var(--white);
	padding: 4px 10px;
	border-radius: 6px;
	font-size: 12px
}

.video-list .video-content {
	padding: 25px
}

.video-list .video-category {
	font-size: 13px;
	color: var(--secondary-color);
	font-weight: 600;
	margin-bottom: 10px;
	display: block
}

.video-list .video-title {
	font-size: 1.25rem;
	margin-bottom: 15px;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.video-list .video-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid var(--gray-cus-100);
	padding-top: 15px
}

.video-list .author {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px
}

.video-list .author img {
	width: 30px;
	height: 30px;
	border-radius: 50%
}

.search-list .search-main-box {
	background: var(--white);
	border-radius: var(--border-radius);
	padding: 25px;
	margin-top: -60px;
	box-shadow: 0 20px 50px rgba(var(--dark-color-rgb), 0.08);
	border: 1px solid var(--gray-cus-200)
}

.search-list .result-card {
	background: var(--white);
	border-radius: var(--border-radius);
	height: 100%;
	transition: transform .3s ease, box-shadow .3s ease;
	border: 1px solid var(--gray-cus-200);
	overflow: hidden;
	display: flex;
	flex-direction: column
}

.search-list .result-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(var(--dark-color-rgb), 0.1)
}

.search-list .dr-img-container {
	position: relative;
	overflow: hidden;
	height: 250px
}

.search-list .dr-img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.search-list .avail-badge {
	position: absolute;
	top: 15px;
	left: 15px;
	background: rgba(var(--white-rgb), 0.9);
	padding: 5px 12px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700
}

.search-list .service-icon-box {
	width: 60px;
	height: 60px;
	background: var(--light-color);
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: var(--secondary-color);
	margin-bottom: 20px
}

.search-list .article-thumb {
	height: 250px;
	width: 100%;
	object-fit: cover
}

.search-list .meta-info {
	font-size: 13px;
	color: var(--gray-cus-600);
	margin-bottom: 10px
}

.coming-soon {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background-image: linear-gradient(to bottom, var(--light-color) 0%, transparent 100%)
}

.coming-soon .cs-header {
	padding: 40px 60px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.coming-soon .logo {
	font-family: var(--font-head);
	font-weight: 800;
	font-size: 1.25rem;
	letter-spacing: -1px;
	color: var(--primary-color);
	text-decoration: none
}

.coming-soon .status-badge {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: flex;
	align-items: center;
	gap: 10px
}

.coming-soon .dot {
	width: 8px;
	height: 8px;
	background: var(--secondary-color);
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 0 10px var(--secondary-color)
}

.coming-soon .cs-main {
	flex: 1;
	display: flex;
	align-items: center;
	padding: 0 60px;
	position: relative
}

.coming-soon .hero-title {
	font-family: var(--font-head);
	font-weight: 800;
	font-size: clamp(3.5rem, 10vw, 8rem);
	line-height: .9;
	letter-spacing: -4px;
	margin: 1rem;
	z-index: 2;
	color: var(--gray-cus-600)
}

.coming-soon .hero-title span {
	display: block;
	overflow: hidden
}

.coming-soon .hero-title .text-stroke {
	color: var(--white);
	-webkit-text-stroke: 1.5px var(--primary-color)
}

.coming-soon .reveal-img {
	position: absolute;
	right: 10%;
	width: 35vw;
	height: 50vh;
	z-index: 1;
	overflow: hidden;
	border-radius: 20px;
	opacity: .8
}

.coming-soon .reveal-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.2)
}

.coming-soon .cs-footer {
	padding: 40px 60px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	z-index: 10
}

.coming-soon .footer-left h2 {
	font-size: 14px;
	text-transform: uppercase;
	color: var(--gray-cus-600);
	margin-bottom: 20px;
	letter-spacing: 1px
}

.coming-soon .timer {
	display: flex;
	gap: 40px
}

.coming-soon .timer-unit .val {
	font-size: 2.5rem;
	font-weight: 600;
	display: block;
	line-height: 1
}

.coming-soon .timer-unit .label {
	font-size: 11px;
	color: var(--secondary-color);
	font-weight: 700
}

.coming-soon .sub-box {
	max-width: 400px;
	width: 100%
}

.coming-soon .minimal-input {
	border: none;
	border-bottom: 2px solid var(--primary-color);
	background: rgba(0, 0, 0, 0);
	width: 100%;
	padding: 10px 0;
	font-size: 1.1rem;
	outline: none;
	transition: .3s
}

.coming-soon .minimal-input:focus {
	border: none;
	border-bottom: 2px solid var(--secondary-color);
	box-shadow: none
}

@media(max-width: 991px) {

	.coming-soon .cs-header,
	.coming-soon .cs-footer,
	.coming-soon .cs-main {
		padding: 30px
	}

	.coming-soon .cs-main {
		flex-direction: column
	}

	.coming-soon .reveal-img {
		position: relative;
		right: unset;
		width: 80%;
		height: unset
	}

	.coming-soon .cs-footer {
		flex-direction: column;
		align-items: flex-start;
		gap: 40px
	}

	.coming-soon .timer {
		gap: 20px
	}
}

.login-section {
	background: radial-gradient(circle at top right, var(--light-color) 0%, var(--white) 100%);
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden
}

.login-section .bg-shape {
	position: absolute;
	z-index: 0;
	opacity: .4;
	filter: blur(60px)
}

.login-section .login-card {
	background: rgba(var(--white-rgb), 0.8);
	backdrop-filter: blur(20px);
	border: 1px solid rgba(var(--primary-color-rgb), 0.1);
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow-lg);
	padding: 3rem;
	position: relative;
	z-index: 1
}

.login-section .btn-login {
	background-color: var(--primary-color);
	color: var(--white);
	width: 100%;
	padding: .8rem;
	border-radius: 12px;
	font-weight: 600;
	border: none;
	transition: all .3s ease;
	margin-top: 1rem
}

.login-section .btn-login:hover {
	background-color: var(--secondary-color);
	transform: translateY(-2px)
}

.login-section .social-login {
	display: flex;
	gap: 1rem;
	margin-top: 2rem
}

.login-section .btn-social {
	flex: 1;
	padding: .7rem;
	border: 1px solid var(--gray-cus-200);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	font-size: .9rem;
	font-weight: 500;
	color: var(--dark-color);
	transition: background-color .3s
}

.login-section .btn-social:hover {
	background-color: var(--light-color)
}

.error-404 {
	min-height: 87vh
}

.error-404 .scan-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--secondary-color), transparent);
	z-index: 10;
	opacity: .3
}

.error-404 .bg-element {
	position: absolute;
	border-radius: 50%;
	filter: blur(60px);
	z-index: 0;
	opacity: .4
}

.error-404 .error-scene {
	position: relative;
	z-index: 5;
	text-align: center;
	perspective: 1000px
}

.error-404 .number-wrapper {
	position: relative;
	display: inline-block;
	margin-bottom: -2rem
}

.error-404 .layer {
	font-family: var(--font-head);
	font-size: clamp(12rem, 25vw, 18rem);
	font-weight: 800;
	line-height: 1;
	user-select: none
}

.error-404 .layer-base {
	color: var(--primary-color);
	opacity: .05
}

.error-404 .layer-mid {
	position: absolute;
	top: 0;
	left: 0;
	color: rgba(0, 0, 0, 0);
	-webkit-text-stroke: 1px rgba(var(--primary-color-rgb), 0.2);
	transform: translateZ(50px)
}

.error-404 .layer-top {
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	transform: translateZ(100px);
	filter: drop-shadow(0 20px 30px rgba(var(--primary-color-rgb), 0.15))
}

.error-404 .info-card {
	background: rgba(var(--white-rgb), 0.6);
	backdrop-filter: blur(20px);
	border: 1px solid rgba(var(--white-rgb), 0.8);
	padding: 3rem;
	border-radius: 32px;
	box-shadow: 0 40px 100px rgba(var(--dark-color-rgb), 0.08);
	max-width: 550px;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}

.error-404 .info-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background: var(--secondary-color)
}

.error-404 p {
	color: var(--gray-cus-600);
	font-size: 1.1rem;
	line-height: 1.7;
	margin-bottom: 2.5rem
}

@media(max-width: 768px) {
	.error-404 .info-card {
		padding: 2rem;
		margin: 0 1rem
	}

	.error-404 .layer {
		font-size: 10rem
	}
}

.faqs-section .faq-sidebar {
	position: sticky;
	top: 100px;
	padding-left: 20px
}

.faqs-section .nav-card {
	background: var(--white);
	border: 1px solid rgba(var(--dark-color-rgb), 0.05);
	border-radius: var(--border-radius-lg);
	padding: 30px;
	box-shadow: var(--box-shadow-lg)
}

.faqs-section .nav-item-custom {
	display: flex;
	align-items: center;
	padding: 15px 20px;
	margin-bottom: 10px;
	border-radius: 16px;
	cursor: pointer;
	transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
	border: 1px solid rgba(0, 0, 0, 0);
	color: var(--dark-color);
	text-decoration: none
}

.faqs-section .nav-item-custom i {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--light-color);
	border-radius: 12px;
	margin-right: 15px;
	color: var(--primary-color);
	transition: .3s
}

.faqs-section .nav-item-custom.active {
	background: var(--primary-color);
	color: var(--white);
	transform: translateX(-10px)
}

.faqs-section .nav-item-custom.active i {
	background: rgba(var(--white-rgb), 0.2);
	color: var(--white)
}

.faqs-section .accordion-item {
	border: none;
	background: rgba(0, 0, 0, 0);
	margin-bottom: 15px;
	border-radius: 20px !important;
	overflow: hidden;
	transition: .3s
}

.faqs-section .accordion-item:hover {
	background: var(--light-color)
}

.faqs-section .accordion-button {
	font-family: var(--font-head);
	font-weight: 700;
	padding: 25px;
	background: rgba(0, 0, 0, 0) !important;
	box-shadow: none !important;
	color: var(--dark-color) !important;
	font-size: 1.1rem
}

.faqs-section .accordion-button:not(.collapsed) {
	color: var(--primary-color) !important
}

.faqs-section .accordion-body {
	padding: 0 25px 30px;
	font-size: 1rem;
	color: var(--gray-cus-600);
	line-height: 1.8
}

.faqs-section .faq-section-title {
	font-family: var(--font-head);
	font-weight: 800;
	position: relative;
	padding-left: 20px;
	margin-bottom: 40px
}

.faqs-section .faq-section-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 30px;
	background: var(--secondary-color);
	border-radius: 10px
}

.faqs-section .glossary-box {
	background: var(--white);
	border: 1px dashed var(--secondary-color);
	padding: 20px;
	border-radius: 15px;
	margin-top: 15px;
	display: flex;
	gap: 15px;
	align-items: flex-start
}

@media(max-width: 991px) {
	.faqs-section .faq-sidebar {
		padding-left: 0
	}
}

.booking-section .booking-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.8fr 1fr;
	gap: 30px;
	align-items: start
}

.booking-section .booking-wrapper .direct-booking-form {
	background: var(--white);
	padding: 50px;
	border-radius: var(--border-radius-lg);
	box-shadow: 0 30px 60px rgba(var(--dark-color-rgb), 0.05);
	position: relative;
	transition: all var(--tr-speed) ease
}

.booking-section .booking-wrapper .direct-booking-form:hover {
	box-shadow: 0 40px 80px rgba(var(--dark-color-rgb), 0.12);
	transform: translateY(-5px)
}

.booking-section .booking-wrapper .section-title {
	font-family: var(--font-head);
	font-weight: 800;
	font-size: 1.5rem;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	color: var(--primary-color)
}

.booking-section .booking-wrapper .section-title i {
	margin-right: 12px;
	font-size: 1.2rem;
	background: var(--light-color);
	padding: 8px;
	border-radius: 10px
}

.booking-section .booking-wrapper .service-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 30px
}

.booking-section .booking-wrapper .chip {
	padding: 12px 20px;
	background: var(--gray-cus-100);
	border-radius: 50px;
	cursor: pointer;
	transition: all .3s;
	font-weight: 500;
	border: 1px solid rgba(0, 0, 0, 0)
}

.booking-section .booking-wrapper .chip:hover,
.booking-section .booking-wrapper .chip.active {
	background: var(--primary-color);
	color: var(--white);
	transform: translateY(-3px)
}

.booking-section .booking-wrapper .summary-card {
	background: var(--primary-color);
	color: var(--white);
	padding: 40px;
	border-radius: var(--border-radius-lg);
	position: sticky;
	top: 50px;
	overflow: hidden
}

.booking-section .booking-wrapper .summary-card::before {
	content: "";
	position: absolute;
	top: -50px;
	right: -50px;
	width: 150px;
	height: 150px;
	background: rgba(var(--white-rgb), 0.05);
	border-radius: 50%
}

.booking-section .booking-wrapper .summary-item {
	border-bottom: 1px solid rgba(var(--white-rgb), 0.1);
	padding: 15px 0;
	display: flex;
	justify-content: space-between
}

@media(max-width: 991px) {
	.booking-section .booking-wrapper {
		grid-template-columns: 1fr
	}
}

.contact-section .info-card {
	border: 1px solid var(--gray-cus-200);
	padding: 40px;
	border-radius: var(--border-radius-lg);
	transition: all .4s ease;
	height: 100%;
	background: var(--white)
}

.contact-section .info-card:hover {
	transform: translateY(-10px);
	box-shadow: var(--box-shadow);
	border-color: var(--secondary-color)
}

.contact-section .icon-box {
	width: 60px;
	height: 60px;
	background: var(--light-color);
	color: var(--primary-color);
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	margin-bottom: 25px
}

.contact-section .form-container {
	background: var(--gray-cus-100);
	color: var(--dark-color);
	padding: 60px;
	border-radius: var(--border-radius-lg);
	position: relative;
	z-index: 1
}

.contact-section .office-info {
	padding-left: 50px
}

.contact-section .map-placeholder {
	width: 100%;
	height: 400px;
	background: var(--gray-cus-100);
	border-radius: var(--border-radius-lg);
	overflow: hidden;
	margin-top: 30px;
	position: relative
}

.contact-section .working-hours-list {
	list-style: none;
	padding: 0
}

.contact-section .working-hours-list li {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid var(--gray-cus-100)
}

@media(max-width: 991px) {
	.contact-section .form-container {
		padding: 30px
	}

	.contact-section .office-info {
		padding-left: 0
	}
}

.contact2-section .floating-contact-wrapper {
	margin-top: -80px;
	position: relative;
	z-index: 10
}

.contact2-section .contact-method-card {
	background: rgba(var(--white-rgb), 0.65);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(var(--white-rgb), 0.5);
	padding: 40px;
	border-radius: var(--border-radius);
	box-shadow: 0 20px 40px rgba(var(--dark-color-rgb), 0.05);
	transition: transform .3s ease, background-color .3s;
	height: 100%
}

.contact2-section .contact-method-card:hover {
	transform: translateY(-5px);
	background: rgba(var(--white-rgb), 0.85)
}

.contact2-section .icon-circle {
	width: 70px;
	height: 70px;
	background: var(--primary-color);
	color: var(--white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	margin-bottom: 25px;
	box-shadow: 0 10px 20px rgba(var(--primary-color-rgb), 0.2)
}

.contact2-section .modern-form-section {
	background: linear-gradient(to bottom, var(--gray-cus-100) 0%, transparent 100%)
}

.contact2-section .form-white-box {
	background: var(--white);
	padding: 60px;
	border-radius: var(--border-radius-lg);
	box-shadow: 0 40px 100px rgba(var(--dark-color-rgb), 0.03)
}

.contact2-section .input-group-custom {
	margin-bottom: 25px;
	position: relative
}

.contact2-section .input-group-custom label {
	display: block;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
	color: var(--primary-color)
}

.contact2-section .map-container-modern {
	height: 500px;
	border-radius: var(--border-radius-lg);
	overflow: hidden;
	margin-top: 80px;
	position: relative
}

@media(max-width: 991px) {
	.contact2-section .form-white-box {
		padding: 30px
	}
}

.contact3-section .contact-strips {
	display: flex;
	height: 700px;
	width: 100%;
	overflow: hidden
}

.contact3-section .strip-item {
	position: relative;
	flex: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 60px 40px;
	transition: flex .6s cubic-bezier(0.25, 1, 0.5, 1), background-color .3s;
	cursor: pointer;
	border-right: 1px solid rgba(var(--dark-color-rgb), 0.05);
	overflow: hidden
}

.contact3-section .strip-item:hover {
	flex: 2
}

.contact3-section .strip-1 {
	background: var(--white)
}

.contact3-section .strip-2 {
	background: var(--light-color)
}

.contact3-section .strip-3 {
	background: var(--primary-color);
	color: var(--white)
}

.contact3-section .strip-num {
	font-size: 14px;
	font-weight: 800;
	opacity: .75;
	margin-bottom: 30px
}

.contact3-section .strip-title {
	font-weight: 700;
	margin-bottom: 20px;
	white-space: nowrap
}

.contact3-section .strip-content {
	opacity: 0;
	transform: translateY(30px);
	transition: .4s .2s
}

.contact3-section .strip-item:hover .strip-content {
	opacity: 1;
	transform: translateY(0)
}

.contact3-section .mini-form .form-control {
	background: rgba(0, 0, 0, 0);
	border: none;
	border-bottom: 1px solid rgba(var(--white-rgb), 0.3);
	border-radius: 0;
	color: var(--dark-color);
	padding: 10px 0;
	margin-bottom: 20px
}

.contact3-section .mini-form .form-control::placeholder {
	color: var(--gray-cus-400)
}

.contact3-section .mini-form .form-control:focus {
	box-shadow: none
}

.contact3-section .strip-1 .form-control {
	border-bottom: 1px solid var(--gray-cus-400);
	color: var(--dark-color)
}

.contact3-section .btn-send-icon {
	width: 50px;
	height: 50px;
	background: var(--secondary-color);
	color: var(--white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	transition: .3s
}

.contact3-section .btn-send-icon:hover {
	transform: rotate(-45deg);
	background: var(--dark-color)
}

.contact3-section .map-preview {
	height: 150px;
	border-radius: var(--border-radius);
	overflow: hidden
}

@media(max-width: 991px) {
	.contact3-section .contact-strips {
		flex-direction: column;
		height: auto
	}

	.contact3-section .strip-item {
		flex: none;
		height: 350px;
		border-right: none;
		border-bottom: 1px solid rgba(var(--dark-color-rgb), 0.1)
	}

	.contact3-section .strip-item:hover {
		height: 500px
	}

	.contact3-section .strip-content {
		opacity: 1;
		transform: none
	}
}

.glossary .search-wrapper {
	padding: 0 15px
}

.glossary .search-card {
	background: var(--white);
	padding: 10px;
	border-radius: 100px;
	box-shadow: var(--box-shadow);
	display: flex;
	align-items: center;
	border: 1px solid var(--gray-cus-200)
}

.glossary .search-card input {
	border: none !important;
	padding: 12px 25px;
	font-size: 1.1rem;
	border-radius: 100px
}

.glossary .search-card input:focus {
	box-shadow: none !important
}

.glossary .btn-search {
	background: var(--primary-color);
	color: var(--white);
	border-radius: 100px;
	padding: 12px 30px;
	font-weight: 600;
	transition: var(--tr-speed);
	min-width: 200px
}

.glossary .btn-search:hover {
	background: var(--secondary-color);
	color: var(--white)
}

.glossary .alphabet-sticky {
	position: sticky;
	top: 20px;
	z-index: 1000;
	margin: 60px 0
}

.glossary .alphabet-bar {
	background: rgba(var(--white-rgb), 0.8);
	backdrop-filter: blur(15px);
	border: 1px solid rgba(var(--white-rgb), 0.5);
	padding: 15px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 5px;
	box-shadow: 0 4px 20px rgba(var(--dark-color-rgb), 0.05)
}

.glossary .alpha-btn {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	color: var(--primary-color);
	font-weight: 700;
	text-decoration: none;
	transition: var(--tr-speed)
}

.glossary .alpha-btn:hover,
.glossary .alpha-btn.active {
	background: var(--primary-color);
	color: var(--white)
}

.glossary .alpha-btn.disabled {
	opacity: .3;
	pointer-events: none
}

.glossary .letter-group {
	scroll-margin-top: 150px;
	margin-bottom: 80px
}

.glossary .letter-heading {
	font-size: 4rem;
	color: var(--primary-color);
	opacity: .1;
	font-weight: 800;
	margin-bottom: -40px
}

.glossary .glossary-item {
	background: var(--white);
	border-radius: var(--border-radius);
	padding: 30px;
	height: 100%;
	border: 1px solid var(--gray-cus-100);
	transition: var(--tr-speed)
}

.glossary .glossary-item:hover {
	box-shadow: var(--box-shadow);
	transform: translateY(-5px);
	border-color: var(--secondary-color)
}

.glossary .category-tag {
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--secondary-color);
	font-weight: 700;
	margin-bottom: 10px;
	display: block
}

.glossary .term-name {
	font-family: var(--font-head);
	font-weight: 700;
	color: var(--dark-color);
	margin-bottom: 15px
}

.glossary .term-definition {
	color: var(--gray-cus-600);
	font-size: .95rem;
	margin-bottom: 0
}

.testimonial-detail .masonry-wrapper {
	column-count: 3;
	column-gap: 1.5rem;
	width: 100%
}

@media(max-width: 991px) {
	.testimonial-detail .masonry-wrapper {
		column-count: 2
	}
}

@media(max-width: 767px) {
	.testimonial-detail .masonry-wrapper {
		column-count: 1
	}
}

.testimonial-detail .testi-item {
	break-inside: avoid;
	margin-bottom: 1.5rem;
	background: var(--gray-cus-50);
	border: 1px solid var(--gray-cus-100);
	border-radius: var(--border-radius-lg);
	padding: 2rem;
	transition: all .3s ease;
	display: inline-block;
	width: 100%
}

.testimonial-detail .testi-item:hover {
	transform: translateY(-5px);
	background: var(--white);
	box-shadow: 0 20px 40px rgba(var(--dark-color-rgb), 0.1);
	border-color: var(--secondary-color)
}

.testimonial-detail .testi-media {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 1.25rem
}

.testimonial-detail .testi-media img {
	width: 100%;
	display: block
}

.testimonial-detail .testi-item--accent {
	background: var(--gray-cus-200)
}

.testimonial-detail .patient-meta {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 1.5rem
}

.testimonial-detail .patient-meta img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover
}

.testimonial-detail .tag {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--secondary-color);
	margin-bottom: .5rem;
	display: block
}

/*footer {*/
/*	background-color: var(--dark-color-fixed);*/
/*	color: var(--white-fixed);*/
/*	position: relative;*/
/*	padding-top: 180px;*/
/*	margin-top: 150px*/
/*}*/

/*footer .ml-cta-floating {*/
/*	position: absolute;*/
/*	top: -350px;*/
/*	left: 50%;*/
/*	width: 100%;*/
/*	transform: translateX(-50%);*/
/*	z-index: 100;*/
/*	background: rgba(var(--primary-color-fixed-rgb), 0.23);*/
/*	backdrop-filter: blur(10px);*/
/*	border: 1px solid rgba(var(--primary-color-fixed-rgb), 0.33);*/
/*	border-radius: var(--border-radius-lg);*/
/*	padding-left: 30px;*/
/*	padding-right: 30px;*/
/*	overflow: hidden;*/
/*	box-shadow: 0 40px 100px rgba(var(--dark-color-fixed-rgb), 0.4)*/
/*}*/

/*footer .ml-cta-floating .ml-glass-card::after {*/
/*	content: "";*/
/*	position: absolute;*/
/*	top: var(--y, 50%);*/
/*	left: var(--x, 50%);*/
/*	width: 600px;*/
/*	height: 600px;*/
/*	background: radial-gradient(circle, rgba(var(--secondary-color-fixed-rgb), 0.15) 0%, transparent 70%);*/
/*	transform: translate(-50%, -50%);*/
/*	pointer-events: none*/
/*}*/

/*footer .ml-cta-floating .ml-glass-card .ml-cta-tag {*/
/*	text-transform: uppercase;*/
/*	letter-spacing: 4px;*/
/*	font-size: 13px;*/
/*	font-weight: 700;*/
/*	color: var(--white-fixed);*/
/*	margin-bottom: 20px;*/
/*	display: block*/
/*}*/

/*footer .ml-footer-grid {*/
/*	display: grid;*/
/*	grid-template-columns: 1fr;*/
/*	gap: 60px;*/
/*	padding-bottom: 80px;*/
/*	border-bottom: 1px solid rgba(var(--white-fixed-rgb), 0.05)*/
/*}*/

/*footer .footer-col-title {*/
/*	font-family: var(--font-head);*/
/*	color: var(--white-fixed);*/
/*	font-size: 14px;*/
/*	text-transform: uppercase;*/
/*	letter-spacing: 3px;*/
/*	margin-bottom: 40px;*/
/*	opacity: .5*/
/*}*/

/*footer .footer-nav-link {*/
/*	font-family: var(--font-head);*/
/*	color: var(--white-fixed);*/
/*	display: block;*/
/*	padding: .5rem;*/
/*	transition: font-weight var(--tr-speed), color var(--tr-speed)*/
/*}*/

/*footer .footer-nav-link:hover {*/
/*	background-color: rgba(0, 0, 0, 0);*/
/*	font-weight: bold;*/
/*	color: var(--secondary-color)*/
/*}*/

/*footer .footer-nav-link::before {*/
/*	font-family: "bootstrap-icons";*/
/*	content: "";*/
/*	display: inline-block;*/
/*	color: var(--secondary-color);*/
/*	margin-right: 1rem*/
/*}*/

/*footer .contact-large {*/
/*	font-family: var(--font-head);*/
/*	font-size: 28px;*/
/*	color: var(--secondary-color-fixed);*/
/*	font-weight: 700;*/
/*	display: block;*/
/*	margin-bottom: 10px*/
/*}*/

/*footer .footer-bottom-bar {*/
/*	padding: 40px 0;*/
/*	color: rgba(var(--white-fixed-rgb), 0.55);*/
/*	font-size: 13px*/
/*}*/

/*footer .footer-bottom-bar a {*/
/*	color: rgba(var(--white-fixed-rgb), 0.75)*/
/*}*/

/*footer .footer-bottom-bar a:hover {*/
/*	color: rgba(var(--white-fixed-rgb), 0.95)*/
/*}*/

/*footer .social a {*/
/*	color: rgba(var(--white-fixed-rgb), 0.55)*/
/*}*/

/*footer .social a:hover {*/
/*	color: rgba(var(--white-fixed-rgb), 0.95)*/
/*}*/

/*footer .ml-footer-circle {*/
/*	position: absolute;*/
/*	width: 800px;*/
/*	height: 800px;*/
/*	border: 1px solid rgba(var(--white-fixed-rgb), 0.09);*/
/*	background-color: rgba(var(--white-fixed-rgb), 0.03);*/
/*	border-radius: 50%;*/
/*	bottom: -400px;*/
/*	right: -200px;*/
/*	pointer-events: none*/
/*}*/

/*footer .icon {*/
/*	display: inline-flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	width: 32px;*/
/*	height: 32px;*/
/*	font-size: 20px*/
/*}*/

/*@media(min-width: 992px) {*/
/*	footer .ml-cta-floating .ml-glass-card {*/
/*		top: -350px;*/
/*		padding-left: 60px;*/
/*		padding-right: 60px*/
/*	}*/

/*	footer .ml-footer-grid {*/
/*		grid-template-columns: 1.5fr 1fr 1fr 1.2fr*/
/*	}*/
/*}*/

/*# sourceMappingURL=index.min.css.map */