@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap);

.dropdown-item,
.menu-link {
	color: #fff;
	text-transform: uppercase
}

.about-me-btn,
.service-btn-premium {
	text-decoration: none;
	cursor: pointer
}

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
	--gold: #C9A24A;
	--heading-font: "Ubuntu", sans-serif;
	--text-font: "Montserrat", sans-serif;
	--subheading-font: "Syne", sans-serif;
	--gold-gradient: linear-gradient(135deg, #C9A24A, #F6E27A, #B8962E);
	--other-font: "Mulish", sans-serif
}

.font-playfair,
body {
	font-family: Montserrat, sans-serif
}

.navbar {
	backdrop-filter: blur(0px);
	-webkit-backdrop-filter: blur(4px);
	background: 0 0;
	transition: background .4s, backdrop-filter .4s, box-shadow .4s, padding .35s, transform .35s
}

.drawer,
.navbar.scrolled {
	backdrop-filter: blur(10px)
}

.navbar::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 5%;
	width: 90%;
	height: 1.5px;
	border-radius: 50px;
	background: linear-gradient(90deg, transparent 0, rgba(122, 90, 30, .6) 15%, rgba(201, 162, 74, .9) 35%, #f6e27a 50%, rgba(201, 162, 74, .9) 65%, rgba(122, 90, 30, .6) 85%, transparent 100%);
	filter: blur(.4px);
	opacity: .9;
	pointer-events: none
}

.menu-link {
	font-size: 12px;
	line-height: 1;
	font-family: var(--text-font);
	letter-spacing: 1px;
	position: relative;
	transition: color .3s
}

.dropdown-icon {
	display: inline-block;
	margin-left: 6px;
	transition: transform .3s;
	vertical-align: middle
}

.dropdown:hover .dropdown-icon {
	transform: rotate(180deg)
}

.menu-link::after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 0;
	height: 1px;
	background: var(--gold);
	transition: width .4s
}

.navbar.scrolled {
	background: rgb(25 25 22);
	box-shadow: 0 6px 25px rgba(0, 0, 0, .25);
	padding-top: 4px;
	padding-bottom: 4px
}

.bm-service-row:hover .bm-srv-name,
.bm-service-row:hover .bm-srv-num,
.bm-step:hover .bm-step__title,
.menu-link:hover {
	color: var(--gold)
}

.menu-link:hover::after {
	width: 100%
}

.dropdown {
	position: relative;
	display: flex;
	align-items: center
}

.dropdown-menu {
	position: absolute;
	top: calc(100% + 23px) !important;
	left: 50%;
	transform: translateX(-50%);
	min-width: 300px;
	background: rgb(34 33 30);
	border: 1px solid rgba(212, 175, 55, .3);
	padding: 15px 0;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-shadow: 0 10px 30px rgba(212, 175, 55, .2)
}

.dropdown:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: calc(100% + 15px)
}

.dropdown-item {
	display: block;
	padding: 10px 25px;
	font-size: 11px;
	letter-spacing: 1px;
	transition: .3s;
	border-left: 2px solid transparent
}

.dropdown-item:hover {
	background: rgba(212, 175, 55, .1);
	border-left-color: var(--gold);
	padding-left: 30px;
	color: var(--gold)
}

.cd-gallery .cd-gitem {
  height: 100%;
}
 
.cd-gallery .cd-gitem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
 
/* Fix: gallery-card aspect-ratio was removed but cd-gallery relies on
   grid-template-rows for height — make sure gallery-card inside cd-gallery
   does NOT apply its own height/aspect-ratio */
.cd-gallery .gallery-card {
  aspect-ratio: unset !important;
  height: 100%;
}

.drawer {
	box-shadow: -5px 0 30px rgba(212, 175, 55, .3)
}

.drawer.active,
.drawer.open {
	right: 0
}

.drawer-overlay.active {
	pointer-events: all;
	opacity: 1;
	pointer-events: auto
}

.about-me-bg-pattern,
.drawer-overlay,
.services-section-premium::after,
.services-section-premium::before {
	pointer-events: none;
	pointer-events: none
}

.blog-section,
.cd-hero,
.drawer-link {
	position: relative;
	overflow: hidden
}

.drawer-link::before {
	content: "";
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgb(0 0 0 / 35%), rgb(0 0 0 / 35%));
	transition: left .5s
}

.drawer-link:hover::before {
	left: 100%
}

.drawer-dropdown-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s;
	padding-left: 20px
}

.drawer-dropdown-content.open {
	max-height: 500px
}

.drawer-dropdown-item {
	display: block;
	padding: 8px 0;
	font-size: 13px;
	letter-spacing: 2px;
	color: rgba(255, 255, 255, .7);
	transition: .3s
}

.drawer-dropdown-item:hover {
	color: var(--gold);
	padding-left: 10px
}

.client-logo-item:hover .fallback-text,
.close-drawer:hover,
.drawer-link:hover,
.drawer-title,
.drawer-toggle:hover {
	color: #c9a24a
}

.drawer-overlay {
	inset: 0;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .45);
	backdrop-filter: blur(3px);
	opacity: 0;
	transition: .35s;
	z-index: 90
}

.drawer {
	position: fixed;
	top: 0;
	right: -100%;
	width: 82%;
	max-width: 340px;
	height: 100%;
	z-index: 100;
	background: rgba(10, 10, 10, .65);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-left: 1px solid rgba(201, 162, 74, .25);
	transition: right .4s;
	display: flex;
	flex-direction: column
}

.hero-title,
.services-main-heading {
	background: var(--gold-gradient);
	font-weight: 700;
	text-transform: uppercase
}

.drawer-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 22px;
	border-bottom: 1px solid rgba(201, 162, 74, .25)
}

.drawer-title {
	letter-spacing: 3px;
	font-size: 12px
}

.close-drawer {
	font-size: 28px;
	cursor: pointer;
	transition: .3s
}

.drawer-body {
	flex: 1;
	padding: 10px 26px;
	overflow-y: auto
}

.drawer-link,
.drawer-toggle {
	display: flex;
	justify-content: space-between;
	padding: 14px 0;
	font-size: 10px;
	letter-spacing: 2px;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	cursor: pointer;
	transition: .3s;
	color: #fff !important
}

.hero-title,
.lux-btn,
.services-main-heading {
	-webkit-text-fill-color: transparent;
	color: transparent
}

.drawer-dropdown {
	max-height: 0;
	overflow: hidden;
	transition: max-height .35s
}

.drawer-dropdown a {
	display: block;
	padding: 10px 0;
	font-size: 11px;
	color: #dadada;
	text-transform: uppercase
}

.drawer-item.active .drawer-dropdown {
	max-height: 220px
}

.arrow {
	width: 8px;
	height: 8px;
	border-right: 2px solid #c9a24a;
	border-bottom: 2px solid #c9a24a;
	transform: rotate(45deg);
	transition: .3s;
	margin-top: 6px
}

.drawer-item.active .arrow {
	transform: rotate(-135deg)
}

.drawer-foot {
	padding: 20px;
	border-top: 1px solid rgba(201, 162, 74, .25)
}

.slide {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 1s ease-in-out
}

.bm-dot:hover .bm-dot-tip,
.bm-service-row:hover::before,
.client-logo-item:hover::after,
.faq-item.active .faq-question::before,
.feature-item:hover::before,
.gallery-card:hover .gallery-card-overlay,
.slide.active,
.team-card:hover .team-img-overlay,
.testimonials-carousel .slick-dots li.slick-active button:before {
	opacity: 1
}

.slide::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgb(0 0 0 / 40%), rgb(0 0 0 / 40%));
	z-index: 1
}

.hero-title {
	font-size: 60px !important;
	font-family: var(--heading-font);
	-webkit-background-clip: text;
	background-clip: text
}

.lux-btn,
.typewriter {
	letter-spacing: 2px;
	font-family: var(--subheading-font);
	font-size: 14px !important
}

.typewriter {
	text-transform: uppercase
}

.hero-title.animate {
	animation: 1.2s forwards fadeUp
}

@keyframes fadeUp {
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.lux-btn {
	transition: .35s;
	border-radius: 50px;
	padding: 12px 32px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	border: 2px solid transparent;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	background: linear-gradient(#000, #000) padding-box, var(--gold-gradient) border-box;
	-webkit-background-clip: text, border-box;
	background-clip: text, border-box
}

.lux-btn i {
	transition: transform .35s
}

.lux-btn:hover {
	background: var(--gold-gradient) padding-box, var(--gold-gradient) border-box;
	-webkit-text-fill-color: #000;
	color: #000;
	box-shadow: 0 6px 18px rgba(201, 162, 74, .35);
	transform: translateY(-2px)
}

.course-btn-premium:hover i,
.lux-btn:hover i {
	transform: translateX(6px)
}

.slider-dots-container-right {
	position: absolute;
	bottom: 40px;
	right: 40px;
	z-index: 50;
	display: flex;
	justify-content: center;
	align-items: center
}

.slider-dots-wrapper-right {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding: 15px 25px;
	border-radius: 50px
}

.slider-dot-right {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid #c9a24a;
	background: 0 0;
	cursor: pointer;
	transition: .3s;
	position: relative;
	display: block
}

.slider-dot-right:hover {
	width: 14px;
	height: 14px;
	box-shadow: 0 0 15px rgba(201, 162, 74, .7);
	border-color: #f6e27a
}

.slider-dot-right.active {
	background: linear-gradient(135deg, #c9a24a, #f6e27a);
	width: 14px;
	height: 14px;
	box-shadow: 0 0 20px rgba(201, 162, 74, .9);
	border-color: #f6e27a;
	animation: 1.5s ease-in-out infinite dotPulseRight
}

@keyframes dotPulseRight {

	0%,
	100% {
		box-shadow: 0 0 20px rgba(201, 162, 74, .9);
		transform: scale(1)
	}

	50% {
		box-shadow: 0 0 30px #c9a24a;
		transform: scale(1.1)
	}
}

.bm-services,
.services-section-premium {
	background: linear-gradient(180deg, #0f0f0d 0, #1a1a17 50%, #0f0f0d 100%);
	position: relative;
	padding: 80px 0;
	overflow: hidden
}

.services-section-premium::before {
	content: "";
	position: absolute;
	top: -50%;
	right: -20%;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(201, 162, 74, .08) 0, transparent 70%);
	border-radius: 50%
}

.services-section-premium::after {
	content: "";
	position: absolute;
	bottom: -30%;
	left: -10%;
	width: 500px;
	height: 500px;
	background: radial-gradient(circle, rgba(201, 162, 74, .05) 0, transparent 70%);
	border-radius: 50%
}

.services-main-heading {
	font-family: var(--heading-font);
	-webkit-background-clip: text;
	background-clip: text;
	letter-spacing: 3px;
	line-height: 1.2;
	text-align: center
}

.services-accent-line {
	width: 60px;
	height: 3px;
	background: var(--gold-gradient);
	margin: 20px auto 0;
	border-radius: 2px
}

.services-subheading-premium {
    text-transform: uppercase;
    color: #c9a24a;
    font-family: Montserrat;
    font-size: 13px !important;
    letter-spacing: 2px;
    text-align: center !important;
    width: 100%;
    display: block;
    text-align-last: center !important; 
}

.heading-to-subheading{
	text-align: center !important;
    width: 100%;
    display: block;
    text-align-last: center !important; 
}

.services-description-premium {
	font-family: var(--text-font);
	color: #fff;
	text-align: center;
	font-size: 16px;
	letter-spacing: 1px
}

.services-carousel-premium-container {
	max-width: 1150px;
	margin: 0 auto;
	position: relative
}

.cd-sidebar,
.clients-carousel,
.services-carousel-premium {
	position: relative
}

.services-carousel-premium .slick-list {
	overflow: hidden !important;
	padding: 0 !important
}

.service-slide-item-premium {
	padding: 0 12px
}

.services-carousel-premium .slick-track {
	display: flex;
	align-items: stretch;
	margin-left: -12px;
	margin-right: -12px
}

.services-carousel-premium .slick-slide {
	opacity: .6;
	transform: scale(.85);
	transition: .5s cubic-bezier(.4, 0, .2, 1);
	filter: blur(.5px)
}

.services-carousel-premium .slick-slide.slick-active {
	opacity: 1;
	transform: scale(1);
	filter: blur(0)
}

.service-card-premium {
	background: #1a1a17;
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .5), 0 0 60px rgba(201, 162, 74, .1);
	transition: .5s cubic-bezier(.4, 0, .2, 1);
	margin: 0;
	height: 560px;
	display: flex;
	flex-direction: column;
	position: relative;
	border-radius: 20px
}

.service-card-premium:hover {
	box-shadow: 0 20px 60px rgba(0, 0, 0, .7), 0 0 80px rgba(201, 162, 74, .2);
	border-color: rgba(201, 162, 74, .4)
}

.service-image-wrapper-premium {
	position: relative;
	height: 280px;
	overflow: hidden;
	border-radius: 20px 20px 0 0
}

.service-img-premium {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .7s cubic-bezier(.4, 0, .2, 1)
}

.service-card-premium:hover .service-img-premium {
	transform: scale(1.1) rotate(1deg)
}

.service-overlay-premium {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .6) 100%);
	z-index: 1
}

.about-me-section,
.carousel-nav-btn-premium,
.service-btn-premium,
.service-content-premium {
	position: relative;
	overflow: hidden
}

.service-content-premium {
	flex: 1;
	padding: 28px 24px 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	z-index: 1
}

.service-content-premium::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	opacity: .95;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed
}

.service-content-premium::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	opacity: .8
}

.service-header-premium {
	text-align: center;
	margin-bottom: 16px
}

.service-title-premium {
	color: #fff;
	font-weight: 600;
	font-family: var(--heading-font);
	text-transform: capitalize;
	font-size: 22px;
	letter-spacing: 1px;
	margin: 0
}

.service-accent-dots {
	width: 70px;
	height: 5px;
	margin: 12px auto 0;
	background-image: radial-gradient(circle, rgba(255, 255, 255, .7) 2.5px, transparent 2.5px);
	background-size: 10px 5px;
	background-position: center;
	background-repeat: repeat-x
}

.service-description-premium {
	text-align: center;
	color: rgba(255, 255, 255, .95);
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: .3px;
	font-family: var(--text-font);
	margin: 0;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center
}

.service-btn-premium {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 13px 20px;
	margin-top: 16px;
	background: rgba(255, 255, 255, .15);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	border: 1.5px solid rgba(255, 255, 255, .4);
	border-radius: 50px;
	transition: .4s cubic-bezier(.4, 0, .2, 1);
	font-family: var(--text-font)
}

.about-me-quote,
.about-me-title,
.carousel-counter-premium {
	font-family: var(--heading-font)
}

.service-btn-premium::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .2);
	transition: left .4s cubic-bezier(.4, 0, .2, 1);
	z-index: -1
}

.about-me-btn:hover::before,
.service-btn-premium:hover::before {
	left: 0
}

.service-btn-premium i {
	font-size: 12px;
	transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

.service-btn-premium:hover {
	background: rgba(255, 255, 255, .25);
	border-color: rgba(255, 255, 255, .6);
	box-shadow: 0 8px 20px rgba(255, 255, 255, .15)
}

.about-me-btn:hover i,
.service-btn-premium:hover i {
	transform: translateX(4px)
}

.service-content-emerald-2::before,
.service-content-emerald::before {
	background: linear-gradient(135deg, rgba(52, 130, 96, .92) 0, rgba(34, 102, 68, .92) 100%), url('.././images/service-bg-2.jpg');
	background-blend-mode: multiply;
	border-bottom: 3px solid #22664c
}

.service-content-emerald::after {
	background: linear-gradient(135deg, rgba(52, 130, 96, .92) 0, rgba(34, 102, 68, .92) 100%);
	border-bottom: 3px solid #22664c
}

.service-content-emerald-2::after {
	background: linear-gradient(135deg, rgb(255 0 0 / 66%) 0, rgb(242 88 54 / 96%) 100%);
	border-bottom: 3px solid red
}

.service-content-rose::before {
	background: linear-gradient(135deg, rgba(194, 92, 140, .92) 0, rgba(160, 62, 110, .92) 100%), url('.././images/service-bg-2.jpg');
	background-blend-mode: multiply;
	border-bottom: 3px solid #a03e6e
}

.service-content-rose::after {
	background: linear-gradient(135deg, rgba(194, 92, 140, .92) 0, rgba(160, 62, 110, .92) 100%);
	border-bottom: 3px solid #a03e6e
}

.service-content-sapphire::before {
	background: linear-gradient(135deg, rgba(70, 130, 180, .92) 0, rgba(45, 90, 140, .92) 100%), url('.././images/service-bg-2.jpg');
	background-blend-mode: multiply;
	border-bottom: 3px solid #2d5a8c
}

.service-content-sapphire::after {
	background: linear-gradient(135deg, rgba(70, 130, 180, .92) 0, rgba(45, 90, 140, .92) 100%);
	border-bottom: 3px solid #2d5a8c
}

.carousel-navigation-premium {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
	margin-top: 50px
}

.carousel-nav-btn-premium {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid #c9a24a;
	background: 0 0;
	color: #c9a24a;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s cubic-bezier(.4, 0, .2, 1);
	font-size: 16px
}

.carousel-nav-btn-premium::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #c9a24a;
	border-radius: 50%;
	z-index: -1;
	transform: scale(0);
	transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

.carousel-nav-btn-premium:hover::before {
	transform: scale(1)
}

.carousel-nav-btn-premium:hover {
	color: #000;
	box-shadow: 0 8px 24px rgba(201, 162, 74, .4);
	transform: translateY(-3px)
}

.carousel-counter-premium {
	display: flex;
	align-items: center;
	gap: 6px
}

.carousel-current-premium {
	color: #c9a24a;
	font-size: 22px;
	font-weight: 700
}

.carousel-separator-premium {
	color: #c9a24a;
	font-size: 16px;
	opacity: .6
}

.carousel-total-premium {
	color: #8a7a5a;
	font-size: 16px;
	font-weight: 600
}

@media (max-width:768px) {
	.slider-dots-container-right {
		bottom: 30px;
		right: 30px
	}

	.slider-dots-wrapper-right {
		gap: 12px;
		padding: 12px 20px
	}

	.slider-dot-right {
		width: 10px;
		height: 10px
	}

	.slider-dot-right.active,
	.slider-dot-right:hover {
		width: 12px;
		height: 12px
	}

	.breadcrumb-hero {
		min-height: 200px !important;
		padding-bottom: 20px !important
	}

	.breadcrumb-hero::after {
		height: 0 !important
	}

	.breadcumb-title {
		font-size: 24px !important
	}

	.services-section-premium {
		padding: 60px 0
	}

	.services-main-heading {
		font-size: 2.5rem
	}

	.service-card-premium {
		height: 480px
	}

	.service-image-wrapper-premium {
		height: 240px
	}

	.service-title-premium {
		font-size: 18px
	}

	.service-description-premium {
		font-size: 13px
	}

	.carousel-navigation-premium {
		gap: 30px
	}

	.carousel-nav-btn-premium {
		width: 44px;
		height: 44px;
		font-size: 14px
	}

	.hero-title {
		font-size: 40px !important
	}

	.h-screen {
		height: 60vh !important
	}

	.about-me-content {
		padding: 0 !important
	}
}

.about-me-section {
	padding: 10px 0;
	background: linear-gradient(180deg, #fafdf4 0, #fafaf8 50%, #fff 100%)
}

.about-me-bg-pattern {
	position: absolute;
	top: 0;
	right: -10%;
	width: 500px;
	height: 500px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><pattern id="floral" x="0" y="0" width="200" height="200" patternUnits="userSpaceOnUse"><path d="M100,50 Q120,40 130,60 Q140,80 120,100 Q100,110 80,100 Q60,80 70,60 Z" fill="%23E8D5C4" opacity="0.3"/><circle cx="100" cy="60" r="8" fill="%23C9A24A" opacity="0.2"/></pattern></defs><rect width="200" height="200" fill="%23ffffff"/><rect width="200" height="200" fill="url(%23floral)"/></svg>');
	z-index: 0;
	opacity: .5
}

.about-me-container {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: 80px;
	align-items: center;
	position: relative;
	z-index: 1
}

.about-me-image-wrapper {
	position: relative;
	display: flex;
	justify-content: flex-end
}

.about-me-image-frame {
	position: relative;
	width: 450px;
	aspect-ratio: 3/4;
	background: #fff;
	border: 12px solid #fff;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .1), inset 0 0 0 1px rgba(201, 162, 74, .2);
	overflow: hidden;
	animation: .8s ease-out frameSlideIn
}

.about-me-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .6s
}

.about-me-image-wrapper:hover .about-me-image,
.gallery-card:hover img {
	transform: scale(1.05)
}

.about-me-decor-top-left {
	position: absolute;
	top: -30px;
	left: -30px;
	width: 60px;
	height: 60px;
	border: 2px solid #c9a24a;
	border-right: none;
	border-bottom: none;
	opacity: .4;
	animation: .8s ease-out .1s both decorSlideIn
}

.about-me-decor-bottom-right {
	position: absolute;
	bottom: -30px;
	right: -30px;
	width: 60px;
	height: 60px;
	border: 2px solid #c9a24a;
	border-left: none;
	border-top: none;
	opacity: .4;
	animation: .8s ease-out .2s both decorSlideIn
}

.about-me-content {
	padding: 20px
}

.about-me-header {
	margin-bottom: 20px;
	animation: .8s ease-out slideUp
}

.about-me-title {
	font-size: 48px;
	font-weight: 700;
	color: #c5a349;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin: 0 0 8px;
	line-height: 1.1
}

.about-me-title-divider {
	width: 80px;
	height: 3px;
	background: var(--gold-gradient);
	border-radius: 2px
}

.about-me-quote {
	font-size: 16px;
	font-weight: 600;
	color: #191916;
	line-height: 1.6;
	margin: 0 0 15px;
	animation: .8s ease-out .1s both slideUp
}

.about-me-description {
	margin-bottom: 20px
}

.about-me-paragraph {
	font-family: var(--text-font);
	font-size: 15px;
	color: #666;
	line-height: 1.9;
	margin: 0 0 20px;
	letter-spacing: .5px;
	animation: .8s ease-out .2s both slideUp;
	text-align: justify
}

.about-content p:last-child,
.about-me-paragraph:last-child {
	margin-bottom: 0
}

.about-me-signature {
	margin-bottom: 35px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(201, 162, 74, .3);
	animation: .8s ease-out .3s both slideUp
}

.about-me-name {
	font-family: var(--heading-font);
	font-size: 28px;
	font-weight: 700;
	color: #10100e;
	margin: 0 0 8px;
	letter-spacing: 2px
}

.about-me-btn,
.about-me-role {
	font-family: var(--text-font);
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase
}

.about-me-role {
	color: #b59540;
	letter-spacing: 3px;
	margin: 0
}

.about-me-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 40px;
	background: linear-gradient(135deg, #d2af54 0, #f6e27a 100%);
	color: #161616;
	letter-spacing: 2px;
	border: 2px solid #f6e27a;
	border-radius: 4px;
	transition: .4s cubic-bezier(.4, 0, .2, 1);
	position: relative;
	overflow: hidden;
	animation: .8s ease-out .4s both slideUp
}

.about-me-btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #f6e27a 0, #f6e27a 100%);
	transition: left .4s;
	z-index: -1
}

.about-me-btn:hover {
	border-color: #f6e27a;
	box-shadow: 0 10px 30px rgba(45, 90, 61, .3);
	transform: translateY(-2px)
}

.about-me-btn i {
	transition: transform .3s;
	font-size: 12px
}

@keyframes frameSlideIn {
	from {
		opacity: 0;
		transform: translateX(-50px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes decorSlideIn {
	from {
		opacity: 0;
		transform: scale(.5)
	}

	to {
		opacity: .4;
		transform: scale(1)
	}
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(30px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@media (max-width:1024px) {
	.about-me-container {
		grid-template-columns: 1fr;
		gap: 60px
	}

	.about-me-image-wrapper {
		justify-content: center
	}

	.about-me-image-frame {
		width: 320px
	}

	.about-me-title {
		font-size: 40px
	}

	.about-me-quote {
		font-size: 18px
	}
}

.academic-courses-section {
	position: relative;
	padding: 10px 0;
	background: linear-gradient(180deg, #0f0f0d 0, #1a1a17 50%, #0f0f0d 100%);
	overflow: hidden;
	min-height: 100vh
}

.academic-bg-image,
.academic-bg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.academic-bg-image {
	background-image: url('.././images/course-bg.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	z-index: 0
}

.academic-bg-overlay {
	background: #edd57080;
	z-index: 1
}

.slick-next,
.slick-prev {
	width: 50px !important;
	height: 50px !important;
	background: linear-gradient(135deg, #c9a24a 0, #f6e27a 100%) !important;
	z-index: 999
}

.academic-header,
.academic-slider-wrapper,
.section-inner {
	z-index: 2;
	position: relative
}

.academic-header {
	text-align: center;
	margin-bottom: 40px
}

.academic-title {
	font-family: var(--heading-font);
	font-size: 48px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #121210
}

.academic-title-accent {
	width: 100px;
	height: 3px;
	background: var(--gold-gradient);
	margin: 0 auto 25px;
	border-radius: 2px;
	box-shadow: 0 0 20px rgba(58, 58, 58, .3)
}

.academic-subtitle {
	font-family: var(--subheading-font);
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #242424;
	margin: 0 0 10px
}

.academic-description {
	font-family: var(--text-font);
	font-size: 16px;
	color: #d0d0cc;
	max-width: 600px;
	margin: 0 auto;
	line-height: 1.8;
	letter-spacing: .5px
}

.academic-courses-slider {
	position: relative;
	margin-bottom: 40px
}

.academic-courses-slider .slick-list {
	overflow: hidden
}

.academic-courses-slider .slick-track {
	display: flex;
	align-items: stretch
}

.academic-course-slide {
	padding: 0 20px;
	min-height: 420px
}

.academic-course-slide:focus,
.client-logo-slide {
	outline: 0
}

.course-card-premium {
	background: linear-gradient(135deg, rgba(204, 204, 204, .92) 0, rgba(255, 255, 239, .92) 100%);
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%
}

.course-image-wrapper {
	position: relative;
	width: 100%;
	height: 220px;
	overflow: hidden
}

.blog-card-img img,
.course-image,
.founder-image img,
.gallery-card img {
	height: 100%;
	object-fit: cover
}

.course-image {
	width: 100%;
	object-position: center;
	transition: transform .7s cubic-bezier(.4, 0, .2, 1)
}

.academic-course-slide:hover .course-image {
	transform: scale(1.12)
}

.course-image-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, .35) 100%);
	z-index: 1
}

.course-icon-badge {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, #c9a24a 0, #f6e27a 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 12px 30px rgba(201, 162, 74, .5);
	z-index: 3;
	animation: .6s cubic-bezier(.34, 1.56, .64, 1) scaleIn
}

.course-icon-badge i {
	font-size: 28px;
	color: #000;
	font-weight: 700
}

.course-duration-badge {
	position: absolute;
	bottom: 20px;
	left: 20px;
	background: linear-gradient(135deg, rgba(201, 162, 74, .9) 0, rgba(246, 226, 122, .9) 100%);
	color: #000;
	padding: 8px 16px;
	border-radius: 20px;
	font-family: var(--text-font);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 6px;
	backdrop-filter: blur(5px)
}

.course-duration-badge i {
	font-size: 12px
}

.course-info-premium {
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	flex: 1;
	background: #191916
}

.bm-gold-text,
.price-amount {
	background: var(--gold-gradient);
	-webkit-text-fill-color: transparent
}

.course-header-section {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 15px
}

.course-title-premium {
	font-family: var(--heading-font);
	font-size: 22px;
	font-weight: 700;
	color: #eed870;
	margin: 0;
	letter-spacing: 1px;
	flex: 1
}

.course-rating {
	display: flex;
	gap: 2px;
	flex-shrink: 0
}

.course-rating i {
	color: #f6e27a;
	font-size: 14px
}

.course-excerpt-premium {
	font-family: var(--text-font);
	font-size: 13px;
	color: #d0d0cc;
	line-height: 1.6;
	margin: 0;
	letter-spacing: .5px
}

.course-features-premium {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px
}

.course-features-premium li {
	font-family: var(--text-font);
	font-size: 12px;
	color: #b0b0a8;
	display: flex;
	align-items: center;
	gap: 12px;
	letter-spacing: .5px
}

.course-features-premium i {
	color: #c9a24a;
	font-size: 14px;
	flex-shrink: 0
}

.course-footer-premium {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding-top: 12px;
	border-top: 1px solid rgba(201, 162, 74, .2);
	margin-top: auto
}

.price-box {
	display: flex;
	flex-direction: column;
	gap: 4px
}

.price-label {
	font-family: var(--text-font);
	font-size: 11px;
	color: #8a8a80;
	text-transform: uppercase;
	letter-spacing: 1px
}

.cta-content h3,
.price-amount {
	font-family: var(--heading-font);
	font-weight: 700
}

.price-amount {
	font-size: 24px;
	-webkit-background-clip: text;
	background-clip: text
}

.course-btn-premium,
.cta-btn {
	font-weight: 600;
	text-decoration: none
}

.course-btn-premium {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 24px;
	background: linear-gradient(135deg, #c9a24a 0, #f6e27a 100%);
	color: #000;
	font-family: var(--text-font);
	font-size: 12px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	border-radius: 50px;
	border: none;
	cursor: pointer;
	transition: .4s cubic-bezier(.4, 0, .2, 1);
	white-space: nowrap
}

.course-btn-premium:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(201, 162, 74, .6)
}

.course-btn-premium i {
	font-size: 12px;
	transition: transform .3s
}

.academic-slider-btn,
.cta-btn,
.cta-btn i {
	transition: .3s
}

.academic-slider-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px
}

.academic-slider-btn {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid #e5cd6d;
	background: 0 0;
	color: #292924;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 18px
}

.academic-slider-btn:hover {
	background: #c9a24a;
	color: #000;
	transform: scale(1.1);
	box-shadow: 0 8px 20px rgba(201, 162, 74, .4)
}

.academic-slider-btn:disabled {
	opacity: .5;
	cursor: not-allowed
}

.academic-slider-dots {
	display: flex;
	gap: 12px
}

.academic-slider-dots .slick-dots {
	all: unset;
	display: flex;
	gap: 12px;
	margin: 0;
	padding: 0
}

.academic-slider-dots .slick-dots li {
	all: unset
}

.academic-slider-dots .slick-dots li button {
	all: unset;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid #c9a24a;
	background: 0 0;
	cursor: pointer;
	transition: .3s;
	display: block
}

.academic-slider-dots .slick-dots li button:hover {
	transform: scale(1.2);
	box-shadow: 0 0 10px rgba(201, 162, 74, .5)
}

.academic-slider-dots .slick-dots li.slick-active button {
	background: linear-gradient(135deg, #c9a24a, #f6e27a);
	border-color: #f6e27a;
	width: 32px;
	border-radius: 6px;
	box-shadow: 0 0 15px rgba(201, 162, 74, .6)
}

.academic-cta-section {
	position: relative;
	z-index: 2;
	overflow: hidden;
	background: linear-gradient(135deg, rgb(25 25 22 / 80%) 0, rgb(25 25 22 / 79%) 100%) center/cover no-repeat, url(../images/beauti-bg.jpg) center/cover no-repeat;
	padding: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	margin-left: 14px;
	margin-right: 14px
}

.academic-next-btn,
.academic-prev-btn {
	background: linear-gradient(135deg, #c9a24a, #f6e27a);
	top: 33%;
	z-index: 9999;
	position: absolute
}

.slick-prev:before {
	font-family: "Font Awesome 6 Free";
	content: "\f053";
	font-weight: 900
}

.stars {
	font-size: 22px;
	color: #e0c568
}

.slick-next:before,
.slick-prev:before {
	opacity: 1 !important;
	color: #292924 !important;
	font-size: 18px !important
}

.academic-cta-section::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 20% 50%, rgba(201, 162, 74, .08) 0, transparent 50%), radial-gradient(ellipse at 80% 80%, rgba(201, 162, 74, .05) 0, transparent 50%);
	z-index: -1;
	pointer-events: none
}

.academic-prev-btn {
	left: 0
}

.academic-next-btn {
	right: 0
}

.cta-content h3,
.cta-text {
	z-index: 1;
	position: relative
}

.cta-content h3 {
	font-size: 28px;
	color: #fff;
	margin: 0 0 10px;
	letter-spacing: 1px
}

.cta-text,
.feature-item p {
	font-family: var(--text-font)
}

.cta-text {
	font-size: 14px;
	color: #c9a24a;
	margin: 0;
	letter-spacing: .5px;
	line-height: 1.6
}

.cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 26px;
	font-size: 14px;
	color: #1a1818;
	background: linear-gradient(135deg, #c9a24a, #e6c36a);
	border-radius: 50px;
	position: relative;
	overflow: hidden;
	animation: 2s infinite pulseGlow
}

.cta-btn:hover {
	transform: translateY(-2px) scale(1.03);
	box-shadow: 0 8px 25px rgba(201, 162, 74, .5)
}

.cta-btn:hover i {
	transform: translateY(2px)
}

@keyframes pulseGlow {
	0% {
		box-shadow: 0 0 0 0 rgba(201, 162, 74, .6)
	}

	70% {
		box-shadow: 0 0 0 18px rgba(201, 162, 74, 0)
	}

	100% {
		box-shadow: 0 0 0 0 rgba(201, 162, 74, 0)
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-20px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes scaleIn {
	from {
		opacity: 0;
		transform: scale(.5)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@media (max-width:1024px) {
	.academic-course-slide {
		padding: 0 15px;
		min-height: 420px
	}

	.course-info-premium {
		padding: 28px
	}

	.academic-slider-controls {
		gap: 30px
	}

	.academic-cta-section {
		flex-direction: column;
		text-align: center;
		gap: 25px
	}

	.cta-btn {
		width: 100%;
		justify-content: center
	}
}

.glow-right::after {
	content: '';
	position: absolute;
	top: -25%;
	right: -18%;
	width: 650px;
	height: 650px;
	pointer-events: none;
	z-index: 2
}

.glow-right::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1
}

.gold-bar {
	background: linear-gradient(90deg, transparent 0, #c9a24a 30%, #e6c36a 50%, #c9a24a 70%, transparent 100%)
}

.eyebrow-rule::after,
.eyebrow-rule::before {
	content: '';
	display: block;
	width: 26px;
	height: 1px;
	background: #c9a24a;
	opacity: .55
}

.feature-item {
	position: relative;
	transition: padding-left .28s
}

.feature-item::before {
	content: '';
	position: absolute;
	left: -2px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: linear-gradient(180deg, #c9a24a, transparent);
	opacity: 0;
	transition: opacity .28s
}

.feature-item:hover {
	padding-left: 8px
}

.corner-brackets::after,
.corner-brackets::before {
	content: '';
	position: absolute;
	width: 52px;
	height: 52px;
	pointer-events: none
}

.corner-brackets::before {
	top: -1px;
	right: -1px;
	border-top: 1px solid rgba(201, 162, 74, .55);
	border-right: 1px solid rgba(201, 162, 74, .55)
}

.corner-brackets::after {
	bottom: -1px;
	left: -1px;
	border-bottom: 1px solid rgba(201, 162, 74, .55);
	border-left: 1px solid rgba(201, 162, 74, .55)
}

.grid-atmosphere {
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: linear-gradient(rgb(0 0 0 / 92%), rgb(0 0 0 / 92%)) center/cover no-repeat, url(.././images/bg-11.jpg) center/cover no-repeat
}

.btn-gold {
	background: linear-gradient(135deg, #c9a24a 0, #f6e27a 100%);
	background-size: 250% auto;
	transition: background-position .5s, transform .25s, box-shadow .25s;
	color: #0f0f0d;
	font-weight: 600 !important
}

.form-heading,
.numbers {
	font-weight: 600;
	font-family: Ubuntu
}

.btn-gold:hover {
	background-position: right center;
	transform: translateY(-2px);
	box-shadow: 0 14px 36px rgba(201, 162, 74, .32), 0 4px 12px rgba(201, 162, 74, .18)
}

.btn-gold:active {
	transform: translateY(0)
}

.bm-btn:hover i,
.btn-gold:hover .btn-arrow,
.view-all-btn:hover .arrow {
	transform: translateX(5px)
}

.blog-read-more .arrow,
.btn-arrow,
.view-all-btn .arrow {
	display: inline-block;
	transition: transform .25s
}

.glamb-input:focus {
	border-color: rgba(201, 162, 74, .5) !important;
	box-shadow: 0 0 0 3px rgba(201, 162, 74, .08);
	background: rgba(201, 162, 74, .025) !important
}

.numbers {
	color: #eed870 !important;
	font-size: 26px
}

.form-heading {
	font-size: 22px;
	color: #c4912f !important;
	text-transform: capitalize
}

.blog-category,
.eyebrow-wrap,
.form-text {
	text-transform: uppercase
}

.form-text {
	color: #eed870;
	font-size: 12px
}

.text-gold {
	color: #be952c !important;
	font-family: Ubuntu;
	font-weight: 600 !important
}

.feature-item p {
	font-size: 13px;
	color: #fff
}

.blog-section::after {
	content: '';
	position: absolute;
	top: -25%;
	left: 50%;
	transform: translateX(-50%);
	width: 1000px;
	height: 700px;
	pointer-events: none;
	z-index: 1
}

.blog-card-img::after,
.blog-card::after {
	position: absolute;
	left: 0;
	right: 0;
	content: '';
	bottom: 0
}

.blog-bg-pattern {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	background: #fff9e9
}

.blog-card,
.blog-card-img,
.gallery-card {
	position: relative;
	overflow: hidden
}

.blog-bg-pattern::after {
	content: '';
	position: absolute;
	inset: 0
}

.eyebrow-wrap {
	display: inline-flex;
	align-items: center;
	letter-spacing: .26em
}

.blog-main-heading,
.gallery-header h2 {
	font-family: Ubuntu;
	letter-spacing: -.01em
}

.eyebrow-wrap::after,
.eyebrow-wrap::before {
	content: ''
}

.blog-main-heading {
	font-weight: 600;
	color: #1e1200;
	line-height: 1.1
}

.blog-subheading {
	color: rgba(30, 18, 0, .5);
	font-weight: 300;
	letter-spacing: .04em;
	margin-top: 10px
}

.blog-card {
	background: #fff;
	border-radius: 12px 12px 0 0;
	box-shadow: 0 2px 8px rgba(80, 45, 0, .1), 0 8px 30px rgba(80, 45, 0, .1);
	transition: transform .38s cubic-bezier(.22, 1, .36, 1), box-shadow .38s;
	display: flex;
	flex-direction: column
}

.blog-card:hover {
	transform: translateY(-9px);
	box-shadow: 0 6px 20px rgba(80, 45, 0, .14), 0 24px 60px rgba(80, 45, 0, .2)
}

.blog-card::after {
	height: 3px;
	background: linear-gradient(90deg, #c9a24a, #e6c36a, #c9a24a);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .42s cubic-bezier(.22, 1, .36, 1);
	z-index: 2
}

.blog-card:hover::after {
	transform: scaleX(1)
}

.blog-card-img {
	height: 230px;
	flex-shrink: 0
}

.blog-card-img img {
	width: 100%;
	transition: transform .55s cubic-bezier(.22, 1, .36, 1), filter .55s;
	filter: brightness(.92) saturate(.9);
	display: block
}

.blog-card:hover .blog-card-img img {
	transform: scale(1.07);
	filter: brightness(1) saturate(1.05)
}

.blog-card-img::after {
	height: 80px;
	background: linear-gradient(to bottom, transparent, rgba(255, 252, 245, .6));
	pointer-events: none
}

.blog-category {
	display: inline-block;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .2em;
	color: #9c792a;
	border-radius: 2px;
	padding: 4px 10px;
	margin-bottom: 14px
}

.blog-card-title,
.footer-links li {
	margin-bottom: 10px
}

.blog-card-title {
	font-family: Ubuntu;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.28;
	color: #1e1200;
	transition: color .25s
}

.blog-card:hover .blog-card-title {
	color: #9a6e1a
}

.blog-excerpt {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.78;
	color: rgb(95 95 95);
	flex-grow: 1;
	font-family: Montserrat
}

.blog-author-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px
}

.author-avatar,
.blog-meta {
	display: flex;
	align-items: center
}

.author-avatar {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: linear-gradient(135deg, #c9a24a, #e6c36a);
	justify-content: center;
	font-size: 12px;
	flex-shrink: 0;
	color: #1e1200;
	font-weight: 600
}

.author-name {
	font-size: 12px;
	font-weight: 500;
	color: rgba(30, 18, 0, .65)
}

.blog-meta {
	justify-content: space-between;
	padding-top: 13px;
	margin-top: 14px;
	border-top: 1px solid rgba(201, 162, 74, .18)
}

.blog-read-more,
.view-all-btn {
	display: inline-flex;
	align-items: center;
	text-transform: uppercase
}

.blog-meta-info {
	font-size: 11px;
	color: rgb(0 0 0);
	font-weight: 600;
	letter-spacing: .02em
}

.blog-read-more {
	gap: 5px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .18em;
	color: #855d03;
	transition: gap .25s, color .25s
}

.blog-card:hover .blog-read-more {
	gap: 9px;
	color: #9a6e1a
}

.blog-card:hover .blog-read-more .arrow {
	transform: translateX(3px)
}

.view-all-btn {
	gap: 10px;
	font-size: 10.5px;
	letter-spacing: .22em;
	border: 1px solid #c9a24a;
	box-shadow: 0 6px 24px rgba(20, 13, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .05)
}

.view-all-btn:hover {
	box-shadow: 0 14px 40px rgba(20, 13, 0, .45)
}

.ornament {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin-bottom: 16px
}

.ornament::after,
.ornament::before {
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(30, 18, 0, .3))
}

.ornament::after {
	background: linear-gradient(90deg, rgba(30, 18, 0, .3), transparent)
}

.gallery-section {
	background: #0a0a0a;
	padding: 80px 20px
}

.gallery-header {
	text-align: center;
	margin-bottom: 50px
}

.gallery-header h2 {
	font-size: clamp(2rem, 5vw, 3rem);
	color: #edd76f;
	font-weight: 600
}

.gallery-card-overlay span,
.gallery-header p {
	letter-spacing: .2em;
	font-family: Montserrat, sans-serif;
	text-transform: uppercase
}

.gallery-header p {
	font-size: 12px;
	color: #c9a24a;
	margin-top: 10px
}

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	max-width: 1200px;
	margin: 0 auto
}

.gallery-card {
	cursor: pointer;
	background: #1a1a1a;
	aspect-ratio: 3/4
}

.gallery-card img {
	width: 100%;
	display: block;
	transition: transform .4s
}

.gallery-card-overlay {
	position: absolute;
	inset: 0;
	background: rgba(10, 10, 10, .55);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity .3s
}

.gallery-card-overlay::before {
	content: '+';
	font-size: 2.5rem;
	color: #edd76f;
	line-height: 1;
	font-weight: 300
}

.gallery-card-overlay span {
	font-size: 10px;
	color: #edd76f;
	border: 1px solid rgba(201, 162, 74, .5);
	padding: 6px 14px;
	margin-top: 10px
}

.lightbox {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .95);
	z-index: 9999;
	align-items: center;
	justify-content: center
}

.lightbox-close,
.lightbox-nav {
	color: #c9a24a;
	z-index: 10001;
	position: fixed;
	cursor: pointer
}

.lightbox.active {
	display: flex
}

.lightbox-img {
	max-width: 88vw;
	max-height: 88vh;
	object-fit: contain;
	display: block;
	border: 1px solid rgba(201, 162, 74, .2)
}

.lightbox-close {
	top: 18px;
	right: 22px;
	background: 0 0;
	border: none;
	font-size: 2.2rem;
	line-height: 1;
	transition: color .2s
}

.lightbox-close:hover {
	color: #edd76f
}

.lightbox-nav {
	top: 50%;
	transform: translateY(-50%);
	background: rgba(22, 20, 18, .7);
	border: 1px solid rgba(201, 162, 74, .25);
	font-size: 1.8rem;
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s, border-color .2s
}

.lightbox-nav:hover {
	background: rgba(201, 162, 74, .15);
	border-color: rgba(201, 162, 74, .5)
}

.lightbox-prev {
	left: 16px
}

.lightbox-next {
	right: 16px
}

.lightbox-counter {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	font-family: Montserrat, sans-serif;
	font-size: 11px;
	letter-spacing: .15em;
	color: rgba(255, 255, 255, .5);
	background: rgba(22, 20, 18, .8);
	border: 1px solid rgba(201, 162, 74, .15);
	padding: 6px 18px;
	border-radius: 20px
}

@media (max-width:768px) {

	.about-me-section,
	.academic-courses-section {
		padding: 60px 0
	}

	.about-me-container {
		gap: 40px
	}

	.about-me-image-frame {
		width: 280px;
		border-width: 10px
	}

	.about-me-title {
		font-size: 32px;
		letter-spacing: 2px
	}

	.about-me-quote {
		font-size: 16px;
		margin-bottom: 25px
	}

	.about-me-paragraph {
		font-size: 14px;
		margin-bottom: 15px
	}

	.about-me-name,
	.course-icon-badge i {
		font-size: 24px
	}

	.about-me-btn {
		padding: 14px 32px;
		font-size: 12px
	}

	.about-me-signature {
		padding-bottom: 25px;
		margin-bottom: 30px
	}

	.academic-course-slide {
		padding: 0 10px;
		min-height: 400px
	}

	.course-image-wrapper {
		height: 200px
	}

	.course-info-premium {
		padding: 20px;
		gap: 12px
	}

	.course-title-premium {
		font-size: 19px
	}

	.course-excerpt-premium {
		font-size: 12px
	}

	.course-features-premium li {
		font-size: 11px
	}

	.academic-slider-controls {
		gap: 20px
	}

	.academic-slider-btn {
		width: 44px;
		height: 44px;
		font-size: 16px
	}

	.academic-title {
		font-size: 32px
	}

	.course-icon-badge {
		width: 55px;
		height: 55px
	}

	.academic-cta-section {
		padding: 40px
	}

	.gallery-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px
	}
}

@media (max-width:480px) {
	.slider-dots-container-right {
		bottom: 20px;
		right: 20px
	}

	.slider-dots-wrapper-right {
		gap: 10px;
		padding: 10px 15px
	}

	.slider-dot-right {
		width: 8px;
		height: 8px;
		border-width: 1.5px
	}

	.slider-dot-right.active,
	.slider-dot-right:hover {
		width: 10px;
		height: 10px
	}

	.breadcrumb-hero {
		min-height: 200px !important;
		padding-bottom: 20px !important
	}

	.breadcrumb-hero::after {
		height: 0 !important
	}

	.breadcumb-title {
		font-size: 24px !important
	}

	.about-me-section,
	.academic-courses-section,
	.services-section-premium {
		padding: 40px 0
	}

	.services-main-heading {
		font-size: 1.75rem
	}

	.service-card-premium {
		height: 420px
	}

	.service-image-wrapper-premium {
		height: 200px
	}

	.service-content-premium {
		padding: 20px 18px 18px
	}

	.course-title-premium,
	.service-title-premium {
		font-size: 16px
	}

	.carousel-navigation-premium {
		gap: 20px
	}

	.about-me-image-frame {
		width: 240px;
		border-width: 8px
	}

	.about-me-title {
		font-size: 28px;
		letter-spacing: 1px
	}

	.about-me-quote {
		font-size: 15px;
		margin-bottom: 20px
	}

	.about-me-paragraph {
		font-size: 13px;
		line-height: 1.7;
		margin-bottom: 12px
	}

	.about-me-name,
	.course-icon-badge i,
	.cta-content h3,
	.price-amount {
		font-size: 20px
	}

	.about-me-role {
		font-size: 11px;
		letter-spacing: 2px
	}

	.about-me-btn {
		width: 100%;
		justify-content: center;
		padding: 12px 20px;
		font-size: 11px
	}

	.about-me-decor-bottom-right,
	.about-me-decor-top-left {
		width: 40px;
		height: 40px;
		top: -20px;
		left: -20px;
		right: -20px;
		bottom: -20px
	}

	.academic-header {
		margin-bottom: 50px
	}

	.academic-course-slide {
		padding: 0;
		min-height: 380px
	}

	.course-image-wrapper {
		height: 170px
	}

	.course-info-premium {
		padding: 16px;
		gap: 10px
	}

	.academic-title {
		font-size: 24px
	}

	.course-excerpt-premium {
		font-size: 11px
	}

	.course-features-premium li {
		font-size: 10px
	}

	.course-btn-premium {
		padding: 10px 16px;
		font-size: 10px
	}

	.academic-slider-controls {
		gap: 15px
	}

	.academic-slider-btn {
		width: 40px;
		height: 40px;
		font-size: 14px
	}

	.course-icon-badge {
		width: 50px;
		height: 50px
	}

	.course-footer-premium {
		flex-direction: column;
		gap: 10px;
		padding-top: 10px
	}

	.course-btn-premium {
		width: 100%;
		justify-content: center
	}

	.academic-cta-section {
		padding: 30px 20px
	}

	.cta-text {
		font-size: 12px
	}

	.cta-btn {
		width: 100%;
		font-size: 11px;
		padding: 12px 20px
	}

	.gallery-grid {
		grid-template-columns: 1fr;
		gap: 10px
	}

	.lightbox-prev {
		left: 8px
	}

	.lightbox-next {
		right: 8px
	}
}

.faq-section,
.footer-section {
	position: relative;
	background: #0a0a0a;
	overflow: hidden
}

.faq-section::before {
	content: '';
	position: absolute;
	top: -20%;
	left: 50%;
	transform: translateX(-50%);
	width: 700px;
	height: 500px;
	background: radial-gradient(ellipse, rgba(201, 162, 74, .09) 0, transparent 65%);
	pointer-events: none;
	z-index: 0
}

.faq-bg-pattern {
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(201, 162, 74, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(201, 162, 74, .025) 1px, transparent 1px);
	background-size: 50px 50px;
	pointer-events: none;
	z-index: 0
}

.faq-question,
.faq-toggle {
	position: relative;
	display: flex
}

.eyebrow-wrap {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: #c9a24a;
	margin-bottom: 14px
}

.eyebrow-wrap::after,
.eyebrow-wrap::before {
	content: '';
	display: block;
	width: 28px;
	height: 1px;
	background: #c9a24a;
	opacity: .5
}

.faq-item,
.faq-item.active .faq-toggle::after {
	opacity: 0
}

.faq-heading {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-weight: 300;
	color: #fff;
	letter-spacing: -.01em;
	line-height: 1.1
}

.faq-subheading {
	color: rgba(201, 162, 74, .7);
	font-weight: 300;
	letter-spacing: .04em;
	margin-top: 10px
}

.faq-accordion {
	max-width: 900px;
	margin: 0 auto
}

.faq-item {
	background: #191916;
	margin-bottom: 14px;
	overflow: hidden
}

.faq-item.active {
	border-color: rgba(201, 162, 74, .4);
	box-shadow: 0 8px 30px rgba(0, 0, 0, .3), 0 0 0 1px rgba(201, 162, 74, .1)
}

.faq-question {
	align-items: center;
	justify-content: space-between;
	padding: 22px 28px;
	cursor: pointer;
	user-select: none;
	transition: background .25s
}

.faq-question:hover {
	background: rgba(201, 162, 74, .04)
}

.faq-question::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: linear-gradient(180deg, #c9a24a, transparent);
	opacity: 0;
	transition: opacity .3s
}

.faq-question-text {
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 500;
	color: #edd76f;
	line-height: 1.4;
	padding-right: 20px;
	transition: color .25s
}

.faq-item.active .faq-question-text,
.footer-bottom a:hover,
.footer-contact-text a:hover {
	color: #e6c36a
}

.faq-number {
	font-family: Montserrat;
	font-size: 14px;
	font-style: italic;
	color: rgb(237 215 111);
	margin-right: 14px;
	min-width: 24px
}

.faq-toggle {
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	border: 2px solid rgb(230 212 108);
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	color: #edd76f;
	font-size: 16px;
	transition: .3s
}

.faq-toggle::after,
.faq-toggle::before {
	content: '';
	position: absolute;
	background: #edd76f;
	transition: .3s
}

.faq-toggle::before {
	width: 12px;
	height: 2px
}

.faq-toggle::after {
	width: 2px;
	height: 12px
}

.faq-item.active .faq-toggle {
	background: rgba(201, 162, 74, .1);
	border-color: rgba(201, 162, 74, .4);
	transform: rotate(45deg)
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height .4s cubic-bezier(.22, 1, .36, 1), padding .4s
}

.faq-item.active .faq-answer {
	max-height: 500px;
	padding: 0 28px 24px
}

.faq-answer-inner {
	padding-top: 4px;
	border-top: 1px solid rgba(201, 162, 74, .1)
}

.faq-answer-text {
	font-size: 14px;
	line-height: 1.8;
	color: #fff;
	font-weight: 300;
	padding-top: 16px;
	font-family: Ubuntu
}

.faq-ornament {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin: 40px 0 32px
}

.faq-ornament::after,
.faq-ornament::before {
	content: '';
	display: block;
	width: 80px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(201, 162, 74, .3))
}

.faq-ornament::after,
.footer-ornament::after {
	background: linear-gradient(90deg, rgba(201, 162, 74, .3), transparent)
}

.ornament-diamond {
	width: 5px;
	height: 5px;
	background: rgba(201, 162, 74, .4);
	transform: rotate(45deg)
}

.faq-item {
	transform: translateY(20px)
}

.faq-item.in-view {
	animation: .5s forwards fadeUpFaq
}

@keyframes fadeUpFaq {
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.faq-item:first-child.in-view {
	animation-delay: 0s
}

.faq-item:nth-child(2).in-view {
	animation-delay: 80ms
}

.faq-item:nth-child(3).in-view {
	animation-delay: .16s
}

.faq-item:nth-child(4).in-view {
	animation-delay: .24s
}

.faq-item:nth-child(5).in-view {
	animation-delay: .32s
}

.faq-item:nth-child(6).in-view {
	animation-delay: .4s
}

.bm-reveal.d5,
.faq-item:nth-child(7).in-view {
	animation-delay: .48s
}

.faq-item:nth-child(8).in-view {
	animation-delay: .56s
}

.reel-card {
	background: #fff;
	border-radius: 16px;
	padding: 10px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
	transition: .3s
}

.reel-card:hover {
	box-shadow: 0 12px 28px rgba(0, 0, 0, .12)
}

.reel-placeholder {
	min-height: 420px;
	border-radius: 12px;
	overflow: hidden;
	position: relative
}

.skeleton {
	background: linear-gradient(90deg, #f0f0f0 25%, #e6e6e6 37%, #f0f0f0 63%);
	background-size: 400% 100%;
	animation: 1.4s infinite skeletonLoading
}

@keyframes skeletonLoading {
	0% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0 50%
	}
}

.footer-bg-image {
	position: absolute;
	inset: 0;
	background-image: url('.././images/beauti-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 0
}

.footer-bg-image::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgb(10 10 10 / 80%) 0, rgb(10 10 10 / 80%) 50%, rgb(10 10 10 / 80%) 100%);
	z-index: 1
}

.footer-bg-image::after {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at top, rgba(201, 162, 74, .15) 0, transparent 60%);
	z-index: 2
}

.footer-texture {
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");
	pointer-events: none;
	z-index: 3;
	mix-blend-mode: overlay
}

.footer-content {
	position: relative;
	z-index: 10
}

.footer-logo {
	font-family: Ubuntu;
	font-size: 26px;
	font-weight: 600;
	color: #edd76f;
	letter-spacing: .02em;
	margin-bottom: 16px;
	display: inline-block
}

.footer-tagline {
	font-size: 13px;
	color: #fff;
	font-weight: 300;
	line-height: 1.7;
	max-width: 280px;
	margin-bottom: 24px;
	text-align: justify
}

.bm-stat-box,
.carousel-counter,
.cd-highlight,
.founder-card,
.stat-item {
	text-align: center
}

.footer-heading {
	font-family: Ubuntu;
	font-size: 1.15rem;
	font-weight: 500;
	color: #edd76f;
	margin-bottom: 20px;
	letter-spacing: .02em;
	position: relative;
	padding-bottom: 12px
}

.footer-heading::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 1px;
	background: linear-gradient(90deg, #c9a24a, transparent)
}

.footer-links {
	list-style: none;
	padding: 0;
	margin: 0
}

.footer-links a {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	transition: color .25s, padding-left .25s;
	display: inline-block;
	font-weight: 300
}

.footer-bottom a,
.footer-contact-text a {
	transition: color .25s;
	text-decoration: none
}

.footer-links a:hover {
	color: #e6c36a;
	padding-left: 6px
}

.footer-contact-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 16px
}

.footer-contact-icon {
	width: 36px;
	height: 36px;
	min-width: 36px;
	border-radius: 50%;
	background: rgba(201, 162, 74, .1);
	border: 1px solid rgba(201, 162, 74, .25);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #c9a24a;
	font-size: 14px;
	margin-top: 2px
}

.footer-social,
.newsletter-form {
	margin-top: 20px
}

.footer-contact-text {
	font-size: 13px;
	color: #fff;
	line-height: 1.6;
	font-weight: 300
}

.footer-contact-text a {
	color: #fff
}

.footer-bottom-text {
	color: #edd76f;
	font-size: 14px;
	font-family: Ubuntu
}

.footer-bottom-links a {
	color: #fff;
	font-size: 12px
}

.footer-social {
	display: flex;
	gap: 12px
}

.footer-social-icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgb(237 215 111);
	border: 1px solid rgba(201, 162, 74, .2);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1a1a16;
	font-size: 16px;
	text-decoration: none;
	transition: .3s
}

.footer-social-icon:hover {
	background: rgba(201, 162, 74, .15);
	border-color: rgba(201, 162, 74, .5);
	color: #e6c36a;
	transform: translateY(-3px)
}

.cd-tab-btn i,
.fa-regular .fa-sun {
	font-size: 10px
}

.newsletter-input {
	width: 100%;
	padding: 12px 16px;
	background: rgba(22, 20, 18, .6);
	border: 1px solid rgba(201, 162, 74, .2);
	border-radius: 2px;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	outline: 0;
	transition: .25s;
	margin-bottom: 10px
}

.newsletter-input::placeholder {
	color: rgba(255, 255, 255, .3)
}

.newsletter-input:focus {
	border-color: rgba(201, 162, 74, .5);
	background: rgba(22, 20, 18, .8);
	box-shadow: 0 0 0 3px rgba(201, 162, 74, .08)
}

.newsletter-btn {
	width: 100%;
	padding: 12px 20px;
	background: linear-gradient(135deg, #c9a24a 0, #e6c36a 50%, #c9a24a 100%);
	background-size: 200% auto;
	border: none;
	border-radius: 2px;
	color: #0a0a0a;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	cursor: pointer;
	transition: .3s
}

.newsletter-btn:hover {
	background-position: right center;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(201, 162, 74, .3)
}

.footer-divider {
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(201, 162, 74, .2), transparent);
	margin: 48px 0 32px
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	color: rgba(255, 255, 255, .35);
	font-weight: 300
}

.footer-bottom a {
	color: rgba(255, 255, 255, .35)
}

.footer-bottom-links {
	display: flex;
	gap: 24px
}

.footer-ornament {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin-bottom: 40px
}

.footer-ornament::after,
.footer-ornament::before {
	content: '';
	display: block;
	width: 100px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(201, 162, 74, .3))
}

.ornament-star {
	color: #c9a24a;
	font-size: 8px
}

#errorMessage,
.breadcrumb-left {
	font-size: 14px;
	font-family: Montserrat, sans-serif
}

.footer-bottom-links a::after {
	content: '/';
	position: relative;
	left: 18%;
	top: 8%
}

.required {
	border: 2px solid #c4912f !important;
	background: #c4912f !important;
	color: #fff !important
}

#errorMessage {
	color: #c4912f
}

.required::placeholder {
	color: #eed870 !important;
	opacity: 1
}

.required::-webkit-input-placeholder {
	color: #eed870 !important
}

.required:-ms-input-placeholder {
	color: #eed870 !important
}

.required::-ms-input-placeholder {
	color: #eed870 !important
}

.required::-moz-placeholder {
	color: #eed870 !important;
	opacity: 1
}

.required:-moz-placeholder {
	color: #eed870 !important;
	opacity: 1
}

.sharp-heading {
	font-weight: 700;
	color: #966326
}

.breadcrumb-hero {
	position: relative;
	min-height: 400px;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center;
	padding-bottom: 80px
}

.breadcrumb-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgb(10 10 10 / 50%) 0, rgb(10 10 10 / 50%) 40%, rgb(0 0 0 / 50%) 100%)
}

.breadcrumb-hero::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: #191916;
	clip-path: ellipse(70% 100% at 50% 100%)
}

.breadcrumb-content {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%
}

.breadcrumb-left {
	display: flex;
	align-items: center;
	gap: 14px;
	color: rgba(255, 255, 255, .7)
}

.breadcrumb-left a {
	color: rgb(255 255 255);
	text-decoration: none;
	transition: color .3s;
	font-weight: 400;
	text-transform: uppercase;
	font-family: Montserrat;
	font-size: 12px
}

.breadcrumb-left a:hover {
	color: var(--gold-light)
}

.breadcrumb-separator {
	color: rgb(245 225 121);
	font-size: 16px
}

.breadcrumb-current {
	color: #f1db74;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 12px
}

.breadcrumb-right h1 {
	font-family: Ubuntu, sans-serif;
	font-size: 35px;
	color: #e1bf68;
	text-transform: capitalize;
	font-weight: 900;
	text-align: center
}

.contact-para {
	font-weight: 700 !important;
	color: #f5e179 !important;
	font-size: 14px !important
}

.breadcumb-title {
	border-bottom: 2px solid #efda72;
	border-radius: 6px;
	text-transform: uppercase !important;
	font-size: 25px !important
}

.about-section {
	position: relative;
	background: #191916;
	overflow: hidden
}

.about-section::before,
.bm-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.065'/%3E%3C/svg%3E");
	pointer-events: none;
	mix-blend-mode: overlay;
	z-index: 1
}

.about-section::after {
	content: '';
	position: absolute;
	top: -20%;
	left: 50%;
	transform: translateX(-50%);
	width: 800px;
	height: 600px;
	pointer-events: none;
	z-index: 1
}

.about-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 380px 1fr;
	gap: 70px;
	align-items: start
}

.founder-card {
	position: sticky;
	top: 100px;
	background: #fff;
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .25), 0 0 0 1px rgba(201, 162, 74, .2);
	border: 2px solid rgba(201, 162, 74, .3)
}

.founder-image {
	width: 100%;
	height: 420px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative
}

.founder-image::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 0, rgba(201, 162, 74, .15) 100%);
	z-index: 1
}

.founder-image img {
	width: 100%;
	display: block
}

.founder-name {
	font-family: Ubuntu, sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #1a1100;
	text-transform: uppercase;
	letter-spacing: .02em;
	margin-bottom: 6px
}

.about-content h3 i,
.founder-designation {
	color: #a07c2a;
	font-weight: 600
}

.founder-designation {
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase
}

.about-content {
	background: rgba(255, 255, 255, .95);
	backdrop-filter: blur(10px);
	border-radius: 12px;
	padding: 50px 45px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .2), 0 0 0 1px rgba(201, 162, 74, .15)
}

.about-content h3 {
	font-family: Ubuntu, sans-serif;
	font-size: 20px;
	font-weight: 500;
	font-style: italic;
	color: #2e1e03;
	line-height: 1.7;
	margin-bottom: 30px;
	position: relative;
	padding-left: 25px
}

.about-content h3::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(180deg, #c9a24a, #e6c36a);
	border-radius: 2px
}

.about-highlight {
	background: linear-gradient(135deg, rgba(201, 162, 74, .12) 0, rgba(230, 195, 106, .08) 100%);
	border: 2px solid rgba(201, 162, 74, .3);
	border-radius: 8px;
	padding: 16px 30px;
	margin: 30px 0;
	position: relative;
	overflow: hidden
}

.about-highlight::before {
	content: '“';
	position: absolute;
	top: 5px;
	left: 16px;
	font-size: 50px;
	font-family: Georgia, serif;
	color: rgb(201 162 74 / 41%);
	line-height: 1
}

.bm-packages::before,
.bm-pkg--hot::before {
	left: 5%;
	top: 0;
	width: 90%;
	border-radius: 50px
}

.about-highlight p {
	margin: 0;
	font-style: italic;
	position: relative;
	z-index: 1
}

sup {
	font-size: 16px !important;
	color: #e0cea2
}

.about-content p {
	font-family: Montserrat, sans-serif;
	font-size: 15px;
	line-height: 1.9;
	color: rgba(30, 18, 0, .8) !important;
	font-weight: 400;
	margin-bottom: 20px;
	text-align: justify
}

.about-highlight p {
	font-family: Ubuntu !important;
	font-size: 18px !important;
	line-height: 1.9;
	color: rgb(160 124 42) !important;
	font-weight: 800 !important
}

.content-divider {
	width: 60px;
	height: 3px;
	background: linear-gradient(90deg, #c9a24a, #e6c36a);
	margin: 35px 0;
	border-radius: 2px
}

.clients-section {
	background: #161412;
	padding: 20px 0;
	border-top: 1px solid rgba(201, 162, 74, .15);
	border-bottom: 1px solid rgba(201, 162, 74, .15)
}

.client-logo-item {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .02);
	border: 1px solid rgba(201, 162, 74, .12);
	border-radius: 8px;
	transition: .35s;
	overflow: hidden;
	position: relative
}

.client-logo-item::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(201, 162, 74, .04);
	opacity: 0;
	transition: opacity .35s;
	border-radius: 8px
}

.client-logo-item:hover {
	border-color: rgba(201, 162, 74, .4);
	transform: translateY(-5px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .4)
}

.client-logo-item img {
	max-width: 75%;
	max-height: 65%;
	object-fit: contain;
	filter: grayscale(1) brightness(1.8) contrast(.9);
	opacity: .55;
	transition: .35s
}

.client-logo-item:hover img {
	filter: grayscale(0) brightness(1) contrast(1);
	opacity: 1
}

.fallback-text {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .1em;
	color: rgba(201, 162, 74, .6);
	font-family: Ubuntu, sans-serif;
	align-items: center;
	justify-content: center;
	transition: color .35s
}

.stat-label,
.testimonials-eyebrow {
	font-family: Montserrat, sans-serif;
	text-transform: uppercase
}

.client-next,
.client-prev {
	cursor: pointer;
	outline: 0
}

.client-next:hover,
.client-prev:hover {
	background: rgba(201, 162, 74, .25) !important;
	border-color: rgba(201, 162, 74, .5) !important;
	transform: translateY(-50%) scale(1.08)
}

.clients-carousel .slick-next,
.clients-carousel .slick-prev,
.team-carousel .slick-dots {
	display: none !important
}

.testimonials-section {
	position: relative;
	min-height: 600px;
	display: flex;
	align-items: center;
	background-image: url('../images/bg-image.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding: 70px 0;
	overflow: hidden
}

.testimonials-section::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgb(255 255 255 / 92%) 0, rgb(255 255 255 / 53%) 50%, rgb(255 255 255 / 21%) 100%)
}

.testimonials-eyebrow {
	font-size: 12px;
	letter-spacing: .28em;
	margin-bottom: 12px;
	color: rgba(201, 162, 74, .6)
}

.stat-number,
.testimonials-title {
	font-family: Ubuntu, sans-serif;
	font-weight: 700
}

.testimonials-title {
	font-size: 3rem;
	margin-bottom: 16px;
	color: #191916
}

.testimonials-divider {
	width: 48px;
	height: 2px;
	background: linear-gradient(90deg, rgba(201, 162, 74, .8), rgba(201, 162, 74, .2));
	border-radius: 2px;
	margin: 0 auto
}

.stats-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	border-radius: 12px;
	overflow: hidden;
	background: rgb(240 221 121 / 73%)
}

.stat-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 24px 16px
}

.stat-item:nth-child(2) {
	border-left: 1px solid rgba(201, 162, 74, .15);
	border-right: 1px solid rgba(201, 162, 74, .15)
}

.stat-number {
	font-size: 2rem;
	margin-bottom: 4px;
	color: #2c2720
}

.stat-label {
	font-size: 10px;
	letter-spacing: .15em;
	color: rgb(71 61 39);
	font-weight: 600
}

.feature-item,
.testimonials-description {
	font-family: Montserrat, sans-serif;
	font-size: 15px
}

.testimonials-description {
	line-height: 1.9;
	color: rgb(44 39 32) !important;
	font-weight: 500
}

.features-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	list-style: none;
	padding: 0;
	margin: 0
}

.feature-icon,
.feature-item {
	display: flex;
	align-items: center
}

.feature-item {
	gap: 12px;
	color: rgb(45 40 33);
	font-weight: 600
}

.carousel-label,
.view-all-btn {
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	text-transform: uppercase
}

.feature-icon {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	justify-content: center;
	flex-shrink: 0;
	background: rgb(44 39 32);
	color: rgb(225 206 150)
}

.view-all-btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 14px 32px;
	background: linear-gradient(135deg, var(--gold) 0, var(--gold-light) 50%, var(--gold) 100%);
	border: none;
	border-radius: 4px;
	background: #ecd981;
	letter-spacing: .14em;
	color: #0a0a0a;
	text-decoration: none;
	cursor: pointer;
	transition: .4s
}

.view-all-btn:hover {
	background-position: right center;
	transform: translateY(-2px);
	box-shadow: 0 12px 32px rgba(201, 162, 74, .35)
}

.carousel-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px
}

.carousel-label {
	font-size: 12px;
	letter-spacing: .2em;
	color: rgba(0, 0, 0, .5)
}

.carousel-nav {
	display: flex;
	align-items: center;
	gap: 12px
}

.testimonial-nav-btn {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(59 53 45);
	color: rgb(237 217 126);
	cursor: pointer;
	transition: .3s;
	outline: 0
}

.carousel-counter-total {
	color: #000
}

.testimonial-nav-btn:hover {
	background: rgba(201, 162, 74, .22);
	border-color: rgba(201, 162, 74, .5);
	transform: scale(1.08)
}

.carousel-counter {
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: rgba(255, 255, 255, .35);
	letter-spacing: .1em;
	min-width: 44px
}

.carousel-counter-current {
	color: rgba(201, 162, 74, .9);
	font-weight: 700
}

.testimonial-slide {
	background: rgba(18, 15, 12, .88);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid rgba(201, 162, 74, .18);
	border-radius: 12px;
	padding: 36px 32px 30px;
	margin: 0 6px;
	transition: border-color .3s, box-shadow .3s
}

.testimonial-quote-mark {
	font-family: Georgia, serif;
	font-size: 4.5rem;
	line-height: 1;
	color: rgba(201, 162, 74, .18);
	margin-bottom: 8px;
	margin-left: -4px
}

.testimonial-quote-text {
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
	line-height: 1.8;
	color: #fff;
	margin-bottom: 20px
}

.testimonial-stars {
	display: flex;
	gap: 4px;
	margin-bottom: 24px
}

.testimonial-stars i {
	font-size: 12px;
	color: var(--gold)
}

.testimonial-footer {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-top: 20px;
	border-top: 1px solid rgba(201, 162, 74, .1)
}

.testimonial-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
	border: 2px solid rgba(201, 162, 74, .5)
}

.testimonial-author-name {
	font-family: Ubuntu, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: var(--gold-light)
}

.testimonial-author-role {
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	color: rgba(255, 255, 255, .4);
	letter-spacing: .05em;
	margin-top: 2px
}

.testimonials-carousel .slick-dots {
	bottom: -36px
}

.testimonials-carousel .slick-dots li button:before {
	color: #c9a24a;
	opacity: .25;
	font-size: 8px
}

@media (max-width:1024px) {
	.about-grid {
		grid-template-columns: 1fr;
		gap: 50px
	}

	.founder-card {
		position: relative;
		top: 0;
		max-width: 400px;
		margin: 10px auto
	}

	.testimonials-title {
		font-size: 2.5rem
	}

	.stat-number {
		font-size: 1.5rem
	}
}

@media (max-width:640px) {
	.about-content {
		padding: 35px 25px
	}

	.about-content h3 {
		font-size: 1.2rem
	}

	.testimonials-section {
		padding: 60px 0
	}

	.testimonial-quote-mark {
		font-size: 3rem
	}
}

.team-section {
	background: #0e0c0a;
	padding: 100px 0;
	position: relative;
	overflow: hidden
}

.team-section::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 60% 50% at 80% 50%, rgba(201, 162, 74, .04) 0, transparent 70%), radial-gradient(ellipse 40% 40% at 10% 80%, rgba(201, 162, 74, .03) 0, transparent 60%);
	pointer-events: none
}

.team-eyebrow {
	font-family: Montserrat, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .28em;
	text-transform: uppercase;
	color: rgba(201, 162, 74, .6);
	margin-bottom: 12px
}

.team-heading {
	font-family: Ubuntu, sans-serif;
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 700;
	color: var(--gold-light);
	margin-bottom: 16px;
	line-height: 1.2
}

.team-divider {
	width: 48px;
	height: 2px;
	background: linear-gradient(90deg, rgba(201, 162, 74, .8), rgba(201, 162, 74, .15));
	border-radius: 2px;
	margin: 0 auto
}

.team-nav-label {
	font-family: Montserrat, sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: rgba(255, 255, 255, .3);
	letter-spacing: .1em;
	display: flex;
	align-items: center;
	gap: 8px
}

.t-team-current,
.team-name {
	font-family: Ubuntu, sans-serif;
	font-weight: 700
}

.t-team-current {
	font-size: 1.6rem;
	color: rgba(201, 162, 74, .9);
	line-height: 1
}

.team-nav-sep {
	color: rgba(201, 162, 74, .2);
	font-size: 1.2rem
}

.t-team-total {
	font-size: 1rem;
	color: rgba(255, 255, 255, .25);
	font-family: Ubuntu, sans-serif
}

.team-next-btn,
.team-prev-btn {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(201, 162, 74, .08);
	border: 1px solid rgba(201, 162, 74, .22);
	color: rgba(201, 162, 74, .85);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	outline: 0;
	transition: .3s
}

.team-next-btn:hover,
.team-prev-btn:hover {
	background: rgba(201, 162, 74, .2);
	border-color: rgba(201, 162, 74, .5);
	transform: scale(1.08)
}

.team-slide {
	padding: 0 12px;
	outline: 0
}

.team-card {
	background: rgba(22, 19, 15, .9);
	border: 1px solid rgba(201, 162, 74, .12);
	border-radius: 16px;
	overflow: hidden;
	transition: .4s;
	position: relative
}

.team-card:hover {
	border-color: rgba(201, 162, 74, .35);
	transform: translateY(-6px);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .6), 0 0 0 1px rgba(201, 162, 74, .1)
}

.team-img-wrap {
	position: relative;
	overflow: hidden;
	height: 280px
}

.team-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	transition: transform .6s;
	display: block
}

.team-card:hover .team-img {
	transform: scale(1.07)
}

.team-img-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 40%, rgba(10, 8, 6, .92) 100%);
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 16px;
	opacity: 0;
	transition: opacity .35s
}

.team-socials {
	display: flex;
	gap: 8px
}

.team-social-btn {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(201, 162, 74, .9);
	color: #0a0806;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: .25s;
	transform: translateY(10px);
	opacity: 0
}

.team-card:hover .team-social-btn {
	transform: translateY(0);
	opacity: 1
}

.team-card:hover .team-social-btn:nth-child(2) {
	transition-delay: 70ms
}

.team-social-btn:hover {
	background: #fff;
	transform: scale(1.12) !important
}

.team-info {
	padding: 24px 22px 20px
}

.team-info-top {
	margin-bottom: 12px
}

.team-name {
	font-size: 1.1rem;
	color: var(--gold-light);
	margin-bottom: 4px;
	line-height: 1.2
}

.team-role,
.team-tag {
	font-family: Montserrat, sans-serif;
	font-weight: 600
}

.team-role {
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: rgba(201, 162, 74, .55)
}

.team-bio {
	font-family: Montserrat, sans-serif;
	font-size: 12.5px;
	line-height: 1.8;
	color: #fff;
	margin-bottom: 16px
}

.team-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px
}

.team-tag {
	font-size: 10px;
	letter-spacing: .06em;
	padding: 4px 10px;
	border-radius: 20px;
	background: rgba(201, 162, 74, .08);
	border: 1px solid rgba(201, 162, 74, .2);
	color: rgba(201, 162, 74, .7);
	transition: .25s
}

.team-tag:hover {
	background: rgba(201, 162, 74, .18);
	border-color: rgba(201, 162, 74, .45);
	color: #c9a24a
}

.team-progress-wrap {
	margin-top: 36px;
	height: 2px;
	background: rgba(201, 162, 74, .1);
	border-radius: 2px;
	overflow: hidden
}

.team-progress-bar {
	height: 100%;
	background: linear-gradient(90deg, rgba(201, 162, 74, .8), rgba(201, 162, 74, .4));
	border-radius: 2px;
	width: 20%;
	transition: width .5s cubic-bezier(.4, 0, .2, 1)
}

@media (max-width:1024px) {
	.team-img-wrap {
		height: 240px
	}
}

.bm-dot-tip,
.bm-side-nav {
	transform: translateY(-50%);
	top: 50%
}

.bm-reveal.in-view {
	animation: .55s forwards fadeUpFaq
}

.bm-reveal.d1 {
	font-family: 'Ubuntu';
	animation-delay: .08s
}

.bm-reveal.d2 {
	animation-delay: .18s;
	text-align: justify
}

.bm-reveal.d3 {
	animation-delay: .28s
}

.bm-reveal.d4 {
	animation-delay: .38s
}

.bm-gold-text {
	-webkit-background-clip: text;
	background-clip: text
}

.bm-eyebrow {
	font-family: var(--text-font);
	letter-spacing: .28em;
	text-transform: uppercase;
	color: var(--gold);
	display: inline-flex;
	align-items: center;
	gap: 12px
}

.bm-eyebrow::after,
.bm-eyebrow::before {
	content: '';
	display: block;
	width: 26px;
	height: 1px;
	background: var(--gold);
	opacity: .45
}

.bm-heading {
	font-family: var(--heading-font);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1.15
}

.bm-dot-tip,
.bm-srv-tag {
	font-family: var(--text-font)
}

.bm-accent-line {
	width: 60px;
	height: 3px;
	background: var(--gold-gradient);
	border-radius: 2px;
	margin-top: 18px
}

.bm-side-nav {
	position: fixed;
	right: 28px;
	z-index: 200;
	display: flex;
	flex-direction: column;
	gap: 10px
}

.bm-pkg-btn,
.bm-service-row {
	align-items: center;
	cursor: pointer
}

.bm-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid rgba(201, 162, 74, .35);
	background: 0 0;
	cursor: pointer;
	transition: .3s;
	position: relative
}

.bm-dot-tip,
.bm-services::before {
	position: absolute;
	pointer-events: none
}

.bm-dot.active,
.bm-dot:hover {
	background: linear-gradient(135deg, #c9a24a, #f6e27a);
	border-color: #f6e27a;
	box-shadow: 0 0 18px rgba(201, 162, 74, .8);
	animation: 1.5s ease-in-out infinite dotPulseRight
}

.bm-dot-tip {
	right: 22px;
	background: #22211e;
	border: 1px solid rgba(201, 162, 74, .3);
	color: var(--gold);
	font-size: 9px;
	letter-spacing: .18em;
	text-transform: uppercase;
	padding: 4px 10px;
	white-space: nowrap;
	opacity: 0;
	transition: opacity .2s
}

.bm-hero,
.bm-service-row {
	position: relative;
	overflow: hidden
}

.bm-brand,
.bm-srv-tag {
	font-size: 10px;
	text-transform: uppercase
}

.bm-hero {
	min-height: 80vh;
	display: grid;
	grid-template-columns: 1fr 1fr;
	background: #191916
}

.bm-stat-box {
	background: rgba(10, 10, 10, .88);
	backdrop-filter: blur(14px);
	border: 1px solid rgba(201, 162, 74, .25);
	padding: 18px 26px;
	min-width: 100px
}

.bm-scroll-line {
	width: 1px;
	height: 56px;
	background: linear-gradient(to bottom, transparent, var(--gold));
	animation: 2s ease-in-out infinite bmScrollLine
}

@keyframes bmScrollLine {

	0%,
	100% {
		opacity: .3;
		transform: scaleY(.5);
		transform-origin: top
	}

	50% {
		opacity: 1;
		transform: scaleY(1)
	}
}

.bm-ribbon__track {
	display: flex;
	animation: 26s linear infinite bmRibbon;
	width: max-content
}

.bm-btn--gold,
.bm-pkg-btn--gold {
	animation: 2s infinite pulseGlow
}

@keyframes bmRibbon {
	from {
		transform: translateX(0)
	}

	to {
		transform: translateX(-50%)
	}
}

.bm-services::before {
	content: '';
	top: -50%;
	right: -20%;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(201, 162, 74, .08) 0, transparent 70%);
	border-radius: 50%
}

.bm-service-row {
	display: grid;
	grid-template-columns: 56px 1fr 220px 120px;
	gap: 28px;
	padding: 28px 30px;
	border-bottom: 1px solid rgba(255, 255, 255, .05);
	transition: .35s;
	border-radius: 6px
}

.bm-service-row::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(201, 162, 74, .04);
	opacity: 0;
	transition: opacity .35s
}

.bm-service-row:hover {
	padding-left: 16px
}

.bm-service-row:hover .bm-srv-arrow {
	opacity: 1 !important;
	transform: translateX(5px)
}

.bm-service-row:hover .bm-srv-img {
	opacity: 1;
	transform: translateY(-50%) scale(1)
}

.bm-srv-tag {
	font-weight: 600;
	letter-spacing: .1em;
	color: rgba(201, 162, 74, .6);
	border: 1px solid rgba(201, 162, 74, .18);
	padding: 4px 10px;
	border-radius: 20px;
	transition: .25s
}

.bm-service-row:hover .bm-srv-tag {
	border-color: rgba(201, 162, 74, .4);
	color: rgba(201, 162, 74, .9)
}

.bm-srv-img {
	position: absolute;
	right: 160px;
	top: 50%;
	transform: translateY(-50%) scale(.88);
	width: 160px;
	height: 105px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	transition: .4s;
	z-index: 5;
	border: 2px solid rgba(201, 162, 74, .2)
}

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

@media (max-width:1100px) {
	.bm-hero {
		grid-template-columns: 1fr
	}

	.bm-service-row {
		grid-template-columns: 44px 1fr 100px;
		gap: 16px
	}

	.bm-srv-tags {
		display: none
	}
}

@media (max-width:768px) {
	.faq-question {
		padding: 18px 20px
	}

	.faq-question-text {
		font-size: 1.05rem
	}

	.faq-item.active .faq-answer {
		padding: 0 20px 20px
	}

	.faq-answer-text {
		font-size: 13px
	}

	.footer-grid {
		grid-template-columns: 1fr !important;
		gap: 40px !important
	}

	.footer-bottom {
		flex-direction: column;
		gap: 16px;
		text-align: center
	}

	.footer-bottom-links {
		gap: 12px
	}

	.testimonials-section {
		background-attachment: scroll !important
	}

	.testimonials-title {
		font-size: 2rem
	}

	.stats-container {
		grid-template-columns: 1fr
	}

	.stat-item:nth-child(2) {
		border-left: none;
		border-right: none;
		border-top: 1px solid rgba(201, 162, 74, .15);
		border-bottom: 1px solid rgba(201, 162, 74, .15)
	}

	.team-section {
		padding: 72px 0
	}

	.team-img-wrap {
		height: 220px
	}

	.team-img-overlay {
		opacity: 1
	}

	.team-social-btn {
		transform: translateY(0) !important;
		opacity: 1 !important
	}

	.bm-service-row {
		grid-template-columns: 36px 1fr;
		gap: 12px;
		padding: 22px 0
	}

	.bm-srv-price {
		display: none
	}
}

.bm-process {
	position: relative;
	overflow: hidden;
	background: linear-gradient(180deg, #0f0f0d 0, #1a1a17 50%, #0f0f0d 100%)
}

.bm-process__bg {
	position: absolute;
	inset: 0;
	background-image: url('../images/confirm-bg.jpg');
	background-size: cover;
	background-position: center;
	filter: brightness(.16) saturate(.5)
}

.bm-process__overlay {
	position: absolute;
	inset: 0;
	background: #19191657
}

.bm-btn,
.bm-cta {
	position: relative;
	overflow: hidden
}

.bm-step:hover .bm-step__n {
	background: linear-gradient(135deg, #c9a24a, #f6e27a);
	color: #000;
	border-color: transparent
}

.bm-brand {
	font-family: var(--subheading-font);
	letter-spacing: .18em;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .08);
	padding: 5px 12px;
	border-radius: 20px;
	transition: .25s
}

.bm-brand:hover {
	border-color: rgba(201, 162, 74, .3);
	color: rgba(201, 162, 74, .7)
}

.bm-packages::before {
	content: '';
	position: absolute;
	height: 1.5px;
	background: linear-gradient(90deg, transparent 0, rgba(122, 90, 30, .6) 15%, rgba(201, 162, 74, .9) 35%, #f6e27a 50%, rgba(201, 162, 74, .9) 65%, rgba(122, 90, 30, .6) 85%, transparent 100%);
	filter: blur(.4px);
	opacity: .9
}

.bm-pkg--hot {
	background: #1f1e1a !important
}

.bm-pkg--hot::before {
	content: '';
	position: absolute;
	height: 2px;
	background: linear-gradient(90deg, transparent, #c9a24a, #f6e27a, #c9a24a, transparent)
}

.bm-pkg:hover {
	background: #222018 !important
}

.bm-pkg-btn {
	display: inline-flex;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 13px 20px;
	font-family: var(--text-font);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	border-radius: 50px;
	border: none;
	text-decoration: none;
	transition: .4s
}

.bm-btn,
.bm-cta__title {
	letter-spacing: 2px;
	text-transform: uppercase
}

.bm-pkg-btn--gold {
	background: linear-gradient(135deg, #c9a24a, #f6e27a);
	color: #000
}

.bm-btn--outline,
.bm-pkg-btn--outline {
	color: transparent;
	-webkit-text-fill-color: transparent
}

.bm-pkg-btn--gold:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(201, 162, 74, .6);
	animation: none
}

.bm-pkg-btn--outline {
	background: linear-gradient(#1a1a17, #1a1a17) padding-box, var(--gold-gradient) border-box;
	border: 2px solid transparent;
	-webkit-background-clip: text, border-box;
	background-clip: text, border-box
}

.bm-pkg-btn--outline:hover {
	background: var(--gold-gradient) padding-box, var(--gold-gradient) border-box;
	-webkit-text-fill-color: #000;
	color: #000;
	transform: translateY(-3px);
	box-shadow: 0 8px 22px rgba(201, 162, 74, .35)
}

.bm-gallery__mosaic {
	display: grid;
	grid-template-columns: 2fr 1.15fr 1.15fr;
	grid-template-rows: 340px 260px;
	gap: 16px
}

.bm-gitem img {
	transition: transform .4s;
	filter: brightness(.92) saturate(.9)
}

.bm-gitem:hover img {
	transform: scale(1.05);
	filter: brightness(1) saturate(1.05)
}

.bm-gitem--tall,
.cd-gitem--tall {
	grid-row: span 2
}

.bm-gitem__over::before {
	content: '+';
	font-size: 2.2rem;
	color: #edd76f;
	line-height: 1;
	font-weight: 300
}

@media (max-width:1024px) {
	.bm-side-nav {
		display: none
	}

	.bm-gallery__mosaic {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto
	}

	.bm-gitem--tall {
		grid-row: span 1;
		height: 280px
	}

	.bm-gitem {
		height: 220px
	}
}

@media (max-width:480px) {
	.team-section {
		padding: 60px 0
	}

	.team-info {
		padding: 18px 16px 16px
	}

	.bm-gallery__mosaic {
		grid-template-columns: 1fr
	}

	.bm-gitem,
	.bm-gitem--tall {
		height: 260px
	}
}

.bm-testi__bg {
	background-image: linear-gradient(rgba(201, 162, 74, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(201, 162, 74, .025) 1px, transparent 1px);
	background-size: 50px 50px
}

.bm-tcard:hover {
	border-color: rgba(201, 162, 74, .4) !important;
	transform: translateY(-6px);
	box-shadow: 0 28px 70px rgba(0, 0, 0, .45)
}

.bm-cta {
	background: linear-gradient(135deg, rgba(25, 25, 22, .88) 0, rgba(25, 25, 22, .82) 100%) center/cover, url('https://images.unsplash.com/photo-1560066984-138dadb4c035?w=1600&q=80') center/cover
}

.bm-cta::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 20% 50%, rgba(201, 162, 74, .08) 0, transparent 50%), radial-gradient(ellipse at 80% 80%, rgba(201, 162, 74, .05) 0, transparent 50%);
	z-index: 1;
	pointer-events: none
}

.bm-cta__frame::after,
.bm-cta__frame::before {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	border-color: rgba(201, 162, 74, .25);
	border-style: solid
}

.bm-cta__frame::before {
	top: -1px;
	left: -1px;
	border-width: 1px 0 0 1px
}

.bm-cta__frame::after {
	bottom: -1px;
	right: -1px;
	border-width: 0 1px 1px 0
}

.bm-cta__title {
	font-family: var(--heading-font);
	font-size: clamp(2rem, 4.5vw, 4rem);
	font-weight: 700;
	line-height: 1.1;
	margin: 16px 0 20px
}

.bm-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--subheading-font);
	border-radius: 50px;
	text-decoration: none
}

.bm-btn i {
	transition: transform .3s
}

.cd-enroll-card__img img,
.cd-gitem img {
	height: 100%;
	transition: transform .4s;
	object-fit: cover
}

.bm-btn--gold {
	background: linear-gradient(135deg, #c9a24a, #e6c36a)
}

.bm-btn--gold:hover {
	transform: translateY(-2px) scale(1.03);
	box-shadow: 0 8px 25px rgba(201, 162, 74, .5);
	animation: none
}

.bm-btn--outline {
	border: 2px solid transparent;
	background: linear-gradient(#191916, #191916) padding-box, var(--gold-gradient) border-box;
	-webkit-background-clip: text, border-box;
	background-clip: text, border-box
}

.bm-btn--outline:hover {
	background: var(--gold-gradient) padding-box, var(--gold-gradient) border-box;
	-webkit-text-fill-color: #000;
	color: #000;
	box-shadow: 0 6px 18px rgba(201, 162, 74, .35);
	transform: translateY(-2px)
}

.cd-hero__bg {
	position: absolute;
	inset: 0;
	background: url('/assets/images/pages/courses-bg.jpg') center top/cover;
	filter: brightness(.12) saturate(.4)
}

.cd-hero__overlay {
	position: absolute;
	inset: 0;
	background: #191916
}

.cd-hero__inner {
	position: relative;
	z-index: 2;
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 48px 50px;
	display: grid;
	grid-template-columns: 1fr 400px;
	gap: 60px;
	align-items: start
}

.bm-eyebrow,
.cd-chip {
	align-items: center;
	text-transform: uppercase
}

@media(max-width:1100px) {
	.cd-hero__inner {
		grid-template-columns: 1fr;
		padding: 50px 32px 60px;
		gap: 40px
	}
}

.bm-eyebrow {
	display: inline-flex;
	gap: 7px;
	font-family: var(--text-font);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .2em;
	color: var(--gold);
	border: 1px solid rgba(201, 162, 74, .3);
	padding: 6px 14px;
	margin-bottom: 16px
}

.cd-chip,
.cd-hero__desc {
	color: rgba(255, 255, 255, .55)
}

.cd-hero__title {
	font-family: var(--heading-font);
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1.08;
	background: var(--gold-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin: 12px 0 18px
}

.cd-hero__desc {
	font-family: var(--text-font);
	font-size: 14px;
	line-height: 1.9;
	max-width: 560px;
	margin-bottom: 28px;
	letter-spacing: .3px
}

.cd-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 24px
}

.cd-chip,
.cd-rating {
	gap: 7px;
	font-family: var(--text-font)
}

.cd-chip {
	display: inline-flex;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	border: 1px solid rgba(255, 255, 255, .1);
	padding: 6px 13px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .04);
	transition: border-color .25s, color .25s
}

.cd-price-row,
.cd-rating {
	align-items: center;
	display: flex
}

.cd-chip i {
	color: var(--gold);
	font-size: 9px
}

.cd-chip:hover {
	border-color: rgba(201, 162, 74, .35);
	color: rgba(201, 162, 74, .8)
}

.cd-rating {
	flex-wrap: wrap;
	font-size: 12px
}

.cd-rating__stars,
.cd-review__stars {
	display: flex;
	gap: 2px
}

.cd-rating__stars i {
	color: var(--gold);
	font-size: 11px
}

.cd-rating__score {
	font-weight: 700;
	color: var(--gold);
	font-size: 14px
}

.cd-enroll-card__badge,
.cd-seats {
	font-family: var(--text-font);
	font-weight: 600
}

.cd-rating__count {
	color: rgba(255, 255, 255, .35);
	text-decoration: underline;
	cursor: pointer
}

.cd-rating__sep {
	color: rgba(255, 255, 255, .18)
}

.cd-rating__enrolled {
	color: rgba(255, 255, 255, .4)
}

.cd-enroll-card {
	background: rgba(18, 18, 15, .96);
	overflow: hidden;
	box-shadow: 0 40px 100px rgba(0, 0, 0, .6);
	border-radius: 6px
}

.cd-enroll-card__img {
	position: relative;
	height: 210px;
	overflow: hidden
}

.cd-enroll-card__img img {
	width: 100%;
	filter: brightness(.7)
}

.cd-enroll-card:hover .cd-enroll-card__img img {
	transform: scale(1.04)
}

.cd-enroll-card__badge {
	position: absolute;
	bottom: 12px;
	left: 12px;
	background: rgba(201, 162, 74, .92);
	color: #000;
	font-size: 9px;
	letter-spacing: .2em;
	text-transform: uppercase;
	padding: 5px 12px
}

.cd-enroll-card__body {
	padding: 22px
}

.cd-price-row {
	justify-content: space-between;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid rgba(201, 162, 74, .12)
}

.cd-seats {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	color: #ff7b7b;
	letter-spacing: .08em
}

.cd-seats__dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ff5a5a;
	box-shadow: 0 0 8px rgba(255, 90, 90, .8);
	animation: 1.4s ease-in-out infinite dotPulse
}

.cd-batch-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 18px
}

.cd-batch-row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 10px 14px;
	background: rgba(201, 162, 74, .05);
	border: 1px solid rgba(201, 162, 74, .1)
}

.cd-batch-row>i {
	color: var(--gold);
	font-size: .85rem;
	flex-shrink: 0;
	margin-top: 2px
}

.bm-btn,
.cd-wa-btn {
	align-items: center;
	transition: .3s;
	gap: 8px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase
}

.cd-batch-row strong {
	display: block;
	font-family: var(--heading-font);
	font-size: 11px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 1px
}

.bm-btn,
.cd-batch-row span,
.cd-tab-btn,
.cd-wa-btn {
	font-family: var(--text-font)
}

.cd-batch-row span {
	font-size: 12px;
	color: rgba(255, 255, 255, .45)
}

.bm-btn {
	display: inline-flex;
	letter-spacing: .18em;
	border: none;
	cursor: pointer;
	padding: 13px 22px
}

.bm-btn--gold {
	background: var(--gold-gradient);
	color: #000
}

.bm-btn--gold:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 28px rgba(201, 162, 74, .4)
}

.w-full {
	width: 100%;
	justify-content: center
}

.cd-wa-btn {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 11px 20px;
	margin-top: 10px;
	background: rgba(37, 211, 102, .1);
	border: 1px solid rgba(37, 211, 102, .28);
	color: #25d366;
	letter-spacing: 1.5px;
	border-radius: 50px
}

.cd-layout,
.cd-tabs-inner {
	max-width: 1220px;
	margin: 0 auto
}

.cd-wa-btn:hover {
	background: rgba(37, 211, 102, .2);
	transform: translateY(-2px)
}

.cd-tabs-wrap {
	position: sticky;
	top: 0;
	z-index: 100;
	background: #000;
	border-bottom: 1px solid rgba(201, 162, 74, .2);
	backdrop-filter: blur(20px)
}

.dark-bg-color {
	background: #191916
}

.cd-tabs-inner {
	padding: 0 48px;
	display: flex;
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.cd-bar,
.cd-gitem,
.cd-module {
	overflow: hidden
}

.cd-tabs-inner::-webkit-scrollbar {
	display: none
}

.cd-tab-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 17px 26px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .35);
	background: 0 0;
	border: none;
	border-bottom: 2px solid transparent;
	white-space: nowrap;
	cursor: pointer;
	transition: color .25s, border-color .25s
}

.cd-tab-btn:hover {
	color: rgba(255, 255, 255, .7)
}

.cd-tab-btn.active {
	color: var(--gold);
	border-bottom-color: var(--gold)
}

.cd-layout {
	padding: 0 48px 80px;
	display: grid;
	grid-template-columns: 1fr 368px;
	gap: 56px;
	align-items: start;
	position: relative
}

@media(max-width:1100px) {
	.cd-layout {
		grid-template-columns: 1fr;
		padding: 0 32px 80px
	}

	.cd-sidebar {
		display: none
	}
}

.cd-tab-panel {
	display: none
}

.cd-tab-panel.active {
	display: block;
	animation: .4s both fadeUp
}

.cd-section {
	padding: 40px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .06)
}

.cd-section:first-child {
	padding-top: 32px
}

.cd-section__title {
	font-family: var(--heading-font);
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: .5px;
	margin-bottom: 4px
}

.cd-about p,
.cd-learn,
.cd-section__sub {
	font-family: var(--text-font)
}

.cd-section__sub {
	font-size: 11px;
	color: #fff;
	letter-spacing: .12em;
	text-transform: uppercase
}

.close-drawer,
.hamburger {
	color: #fff !important
}

.cd-section__sub+*,
.cd-section__title+* {
	margin-top: 20px
}

.cd-section__title+.cd-section__sub {
	margin-top: 5px
}

.cd-learns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 9px
}

.cd-learn {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 14px;
	font-size: 13px;
	color: rgba(255, 255, 255, .62);
	line-height: 1.5;
	background: rgba(201, 162, 74, .04);
	border: 1px solid rgba(201, 162, 74, .1);
	transition: border-color .25s
}

.cd-batch:hover,
.cd-learn:hover {
	border-color: rgba(201, 162, 74, .25)
}

.cd-learn i {
	color: var(--gold);
	font-size: 10px;
	flex-shrink: 0;
	margin-top: 3px
}

.cd-about {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.cd-about p {
	font-size: 14px;
	color: #fff !important;
	line-height: 1.85
}

.cd-highlight strong,
.cd-module__name,
.cd-module__num {
	font-family: var(--heading-font)
}

.cd-about strong {
	color: rgba(255, 255, 255, .8)
}

.cd-highlights {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-top: 24px
}

.cd-highlight {
	padding: 22px 18px;
	background: rgb(255 255 255 / 13%);
	border: 1px solid rgba(201, 162, 74, .14);
	transition: border-color .3s, transform .3s;
	border-radius: 20px
}

.cd-highlight:hover {
	border-color: rgba(201, 162, 74, .3);
	transform: translateY(-4px)
}

.cd-highlight>i {
	color: var(--gold);
	font-size: 1.5rem;
	display: block;
	margin-bottom: 12px
}

.cd-highlight strong {
	display: block;
	font-size: 14px;
	color: #fff;
	margin-bottom: 8px
}

.cd-highlight p {
	font-family: var(--text-font);
	font-size: 12px;
	color: #fff;
	line-height: 1.7
}

.cd-curriculum {
	display: flex;
	flex-direction: column
}

.cd-module {
	border: 1px solid rgba(255, 255, 255, .07);
	border-top: none
}

.cd-module:first-child {
	border-top: 1px solid rgba(255, 255, 255, .07)
}

.cd-module.open,
.cd-review:hover,
.cd-who:hover {
	border-color: rgba(201, 162, 74, .2)
}

.cd-module__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 20px;
	cursor: pointer;
	background: rgba(255, 255, 255, .02);
	transition: background .25s;
	gap: 12px
}

.cd-module__head:hover {
	background: rgba(201, 162, 74, .05)
}

.cd-module.open .cd-module__head {
	background: rgba(201, 162, 74, .08)
}

.cd-module__num {
	font-size: 11px;
	font-weight: 600;
	color: var(--gold);
	background: rgba(201, 162, 74, .1);
	border: 1px solid rgba(201, 162, 74, .25);
	padding: 4px 10px;
	white-space: nowrap;
	flex-shrink: 0
}

.cd-batch,
.cd-lesson:hover {
	background: rgba(255, 255, 255, .02)
}

.cd-module__name {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	letter-spacing: .3px
}

.cd-batch__label,
.cd-batch__time,
.cd-lesson,
.cd-module__meta {
	font-family: var(--text-font)
}

.cd-module__arrow,
.cd-module__meta {
	color: rgb(238 214 113);
	font-size: 11px
}

.cd-module__meta {
	margin-top: 2px;
	text-transform: uppercase;
	letter-spacing: .1em
}

.cd-hero__desc {
	text-align: justify
}

.cd-review-score,
.cd-stat {
	text-align: center
}

.cd-module__arrow {
	transition: transform .3s;
	flex-shrink: 0
}

.cd-module__body {
	max-height: 0;
	overflow: hidden;
	transition: max-height .4s;
	border-top: 1px solid rgba(255, 255, 255, .05)
}

.cd-lesson {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 11px 20px 11px 56px;
	font-size: 13px;
	color: #fff !important;
	line-height: 1.5;
	border-bottom: 1px solid rgba(255, 255, 255, .04);
	transition: color .2s, background .2s
}

.cd-include:last-child,
.cd-lesson:last-child {
	border-bottom: none
}

.cd-lesson:hover {
	color: rgba(255, 255, 255, .75)
}

.cd-batch--hot .cd-batch__date,
.cd-batch__time i,
.cd-lesson i,
.cd-who>i {
	color: var(--gold)
}

.cd-lesson i {
	opacity: .45;
	font-size: 6px;
	flex-shrink: 0
}

.cd-batches {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px
}

.cd-batch {
	padding: 24px 20px;
	border: 1px solid rgba(255, 255, 255, .08);
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
	transition: border-color .3s
}

.cd-batch--hot {
	background: rgba(201, 162, 74, .06);
	border-color: rgba(201, 162, 74, .3)
}

.cd-batch__cta,
.cd-batch__label {
	background: var(--gold-gradient)
}

.cd-batch__label {
	position: absolute;
	top: -1px;
	right: 14px;
	color: #000;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .2em;
	text-transform: uppercase;
	padding: 3px 10px
}

.cd-gitem,
.cd-timeline,
.cd-tl-item {
	position: relative
}

.cd-batch__date,
.cd-who strong {
	font-family: var(--heading-font)
}

.cd-batch__cta,
.cd-tl-item__label {
	letter-spacing: .15em;
	text-transform: uppercase
}

.cd-batch__date {
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff
}

.cd-batch__time {
	font-size: 12px;
	color: rgba(255, 255, 255, .45)
}

.cd-batch__cta,
.cd-batch__seats {
	font-family: var(--text-font);
	font-size: 11px
}

.cd-batch__time i {
	margin-right: 5px;
	font-size: 10px
}

.cd-batch__seats {
	color: rgba(255, 255, 255, .35)
}

.cd-batch__seats--low {
	color: #ff7b7b;
	font-weight: 600
}

.cd-batch__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 6px;
	padding: 9px 16px;
	font-weight: 600;
	transition: .3s;
	color: #000
}

.cd-batch:not(.cd-batch--hot) .cd-batch__cta {
	background: 0 0;
	border: 1px solid rgba(201, 162, 74, .35);
	color: rgba(201, 162, 74, .8)
}

.cd-batch__cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(201, 162, 74, .35)
}

.cd-who {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 20px;
	background: rgba(255, 255, 255, .02);
	border: 1px solid rgba(255, 255, 255, .06);
	transition: border-color .3s
}

.cd-who>i {
	font-size: 1.15rem;
	flex-shrink: 0;
	margin-top: 2px
}

.cd-who strong {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 6px
}

.cd-reqs li,
.cd-who p {
	font-size: 13px;
	font-family: var(--text-font)
}

.cd-who p {
	color: rgba(255, 255, 255, .42);
	line-height: 1.65
}

.cd-reqs {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px
}

.cd-reqs li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	color: rgba(255, 255, 255, .58);
	line-height: 1.6
}

.cd-reqs i {
	color: var(--gold);
	opacity: .65;
	font-size: 9px;
	flex-shrink: 0;
	margin-top: 4px
}

.cd-timeline {
	padding-left: 20px
}

.cd-timeline::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: linear-gradient(to bottom, var(--gold), transparent)
}

.cd-tl-item {
	padding: 0 0 28px 28px
}

.cd-tl-item::before {
	content: '';
	position: absolute;
	left: -4px;
	top: 5px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--gold);
	box-shadow: 0 0 12px rgba(201, 162, 74, .5)
}

.cd-tl-item__label {
	font-size: 10px;
	color: var(--gold);
	font-weight: 600;
	margin-bottom: 4px;
	font-family: var(--text-font)
}

.cd-tl-item__title {
	font-family: var(--heading-font);
	font-size: 1rem;
	color: #fff;
	font-weight: 600;
	margin-bottom: 4px
}

.cd-tl-item__desc {
	font-size: 12px;
	color: rgba(255, 255, 255, .35);
	line-height: 1.7;
	font-family: var(--text-font)
}

.cd-instructor {
	display: flex;
	gap: 24px;
	align-items: flex-start;
	padding: 28px;
	background: rgba(201, 162, 74, .04);
	border: 1px solid rgba(201, 162, 74, .15)
}

.cd-instructor__img {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
	border: 3px solid rgba(201, 162, 74, .4)
}

.cd-instructor__name {
	font-family: var(--heading-font);
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--gold);
	margin-bottom: 3px
}

.cd-bar-row,
.cd-gitem__over span,
.cd-instructor__bio,
.cd-instructor__role,
.cd-instructor__stats span {
	font-family: var(--text-font)
}

.cd-instructor__role {
	font-size: 11px;
	color: rgba(255, 255, 255, .35);
	letter-spacing: .12em;
	text-transform: uppercase;
	margin-bottom: 14px
}

.cd-instructor__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 14px
}

.cd-instructor__stats span {
	font-size: 12px;
	color: rgba(255, 255, 255, .45)
}

.cd-instructor__stats i {
	color: var(--gold);
	margin-right: 5px;
	font-size: 9px
}

.cd-instructor__bio {
	font-size: 13px;
	color: rgba(255, 255, 255, .42);
	line-height: 1.85
}

.cd-gallery {
	display: grid;
	grid-template-columns: 2fr 1.1fr 1.1fr;
	grid-template-rows: 300px 220px;
	gap: 12px
}

.cd-gitem {
	cursor: pointer;
	background: #1a1a17
}

.cd-gitem img {
	width: 100%;
	filter: brightness(.85) saturate(.9)
}

.cd-gitem:hover img {
	transform: scale(1.06);
	filter: brightness(1) saturate(1.05)
}

.cd-gitem__over {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	padding: 16px;
	background: linear-gradient(to top, rgba(10, 10, 10, .7) 0, transparent 50%);
	opacity: 0;
	transition: opacity .3s
}

.cd-gitem:hover .cd-gitem__over {
	opacity: 1
}

.cd-gitem__over span {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #edd76f;
	border: 1px solid rgba(201, 162, 74, .5);
	padding: 4px 12px
}

@media(max-width:768px) {
	.cd-tab-btn {
		padding: 15px 8px;
		font-size: 10px
	}

	.cd-batches,
	.cd-highlights {
		grid-template-columns: 1fr
	}

	.cd-gallery {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto
	}

	.cd-gitem--tall {
		grid-row: span 1;
		height: 220px
	}

	.cd-gitem {
		height: 180px
	}
}

@media(max-width:480px) {
	.cd-gallery {
		grid-template-columns: 1fr
	}

	.cd-gitem,
	.cd-gitem--tall {
		height: 220px
	}
}

.cd-review-summary {
	display: flex;
	align-items: center;
	gap: 40px;
	padding: 28px;
	background: rgba(201, 162, 74, .05);
	border: 1px solid rgba(201, 162, 74, .15)
}

.cd-review-score {
	flex-shrink: 0
}

.cd-review-stars {
	display: flex;
	gap: 3px;
	justify-content: center;
	margin-top: 8px
}

.cd-review-stars i {
	color: var(--gold);
	font-size: 14px
}

.cd-review-bars {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px
}

.cd-bar-row {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 11px;
	color: rgba(255, 255, 255, .35)
}

.cd-bar-row>span:first-child {
	min-width: 28px
}

.cd-bar-row>span:last-child {
	min-width: 30px;
	text-align: right
}

.cd-bar {
	flex: 1;
	height: 6px;
	border-radius: 3px;
	background: rgba(255, 255, 255, .08)
}

.cd-bar__fill {
	height: 100%;
	border-radius: 3px;
	background: var(--gold-gradient)
}

.cd-reviews-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 24px
}

.cd-review {
	padding: 22px;
	background: rgba(255, 255, 255, .02);
	border: 1px solid rgba(255, 255, 255, .07);
	transition: border-color .3s
}

.cd-career-card,
.cd-stats-strip {
	background: rgba(201, 162, 74, .04)
}

.cd-review__head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px
}

.cd-review__avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
	border: 2px solid rgba(201, 162, 74, .35)
}

.cd-review__name {
	font-family: var(--heading-font);
	font-size: 14px;
	font-weight: 600;
	color: #fff
}

.cd-review__meta,
.cd-review__tags span,
.cd-review__text {
	font-family: var(--text-font)
}

.cd-review__meta {
	font-size: 10px;
	color: #fff;
	margin: 3px 0;
	text-transform: uppercase;
	letter-spacing: .1em
}

.cd-review__tags span,
.cd-sidebar__review-link,
.cd-stat__lbl {
	letter-spacing: .12em;
	text-transform: uppercase
}

.cd-review__stars i {
	color: var(--gold);
	font-size: 10px
}

.cd-review__text {
	font-size: 13px;
	color: rgba(255, 255, 255, .52);
	line-height: 1.82;
	margin-bottom: 14px
}

.cd-review__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 7px
}

.cd-review__tags span {
	font-size: 10px;
	font-weight: 600;
	color: rgba(201, 162, 74, .65);
	border: 1px solid rgba(201, 162, 74, .2);
	padding: 3px 10px;
	border-radius: 20px
}

.cd-career-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px
}

.cd-career-card {
	padding: 22px;
	border: 1px solid rgba(201, 162, 74, .12);
	transition: border-color .3s, transform .3s
}

.cd-career-card:hover {
	border-color: rgba(201, 162, 74, .3);
	transform: translateY(-3px)
}

.cd-career-card>i {
	color: var(--gold);
	font-size: 1.3rem;
	display: block;
	margin-bottom: 12px
}

.cd-career-card strong {
	display: block;
	font-family: var(--heading-font);
	font-size: 1rem;
	color: #fff;
	margin-bottom: 7px
}

.cd-career-card p {
	font-family: var(--text-font);
	font-size: 12px;
	color: rgba(255, 255, 255, .4);
	line-height: 1.7
}

.cd-career-card .earn {
	font-family: var(--text-font);
	font-size: 11px;
	color: var(--gold);
	margin-top: 10px;
	font-weight: 600
}

.cd-stats-strip {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	padding: 28px;
	border: 1px solid rgba(201, 162, 74, .15);
	margin-bottom: 28px
}

@media(max-width:640px) {
	.cd-hero__inner {
		padding: 40px 20px 50px
	}

	.cd-tabs-inner {
		padding: 0 20px
	}

	.cd-layout {
		padding: 0 20px 100px
	}

	.cd-career-grid,
	.cd-learns {
		grid-template-columns: 1fr
	}

	.cd-instructor {
		flex-direction: column
	}

	.cd-review-summary {
		flex-direction: column;
		gap: 20px
	}

	.cd-stats-strip {
		grid-template-columns: 1fr 1fr
	}
}

.cd-stat__num {
	font-family: var(--heading-font);
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1;
	background: var(--gold-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text
}

.cd-perk,
.cd-stat__lbl {
	font-family: var(--text-font)
}

.cd-stat__lbl {
	font-size: 10px;
	color: #fff;
	margin-top: 5px
}

.cd-sidebar__card {
	background: rgba(18, 18, 15, .96);
	border: 1px solid rgba(201, 162, 74, .25);
	padding: 26px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
	position: sticky;
	top: 80px
}

.cd-includes,
.cd-perks {
	padding-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, .06)
}

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

.cd-perk {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 12px;
	color: #fff !important
}

.cd-perk i {
	color: var(--gold);
	font-size: 10px;
	flex-shrink: 0
}

.cd-includes {
	margin-top: 18px
}

.cd-includes__title {
	font-family: var(--heading-font);
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 12px;
	text-transform: uppercase
}

.cd-include,
.cd-sidebar__review-link {
	display: flex;
	align-items: center;
	font-family: var(--text-font)
}

.cd-include {
	gap: 10px;
	font-size: 12px;
	color: #fff !important;
	padding: 7px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.cd-include i {
	color: var(--gold);
	font-size: 11px;
	width: 16px;
	flex-shrink: 0
}

.cd-sidebar__review-link {
	justify-content: center;
	gap: 7px;
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, .06);
	font-size: 11px;
	font-weight: 600;
	color: var(--gold);
	transition: opacity .2s
}

.cd-sidebar__review-link:hover {
	opacity: .75
}

.cd-mobile-cta {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: rgba(12, 12, 10, .97);
	border-top: 1px solid rgba(201, 162, 74, .25);
	padding: 14px 20px;
	backdrop-filter: blur(16px);
	align-items: center;
	justify-content: space-between
}

@media(max-width:1100px) {
	.cd-mobile-cta {
		display: flex
	}
}

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(18px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes dotPulse {

	0%,
	100% {
		box-shadow: 0 0 8px rgba(255, 90, 90, .8)
	}

	50% {
		box-shadow: 0 0 18px rgba(255, 90, 90, .4);
		opacity: .6
	}
}

.bm-reveal {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .5s, transform .5s
}

.bm-reveal.in-view {
	opacity: 1;
	transform: translateY(0);
	color: #fff;
}

.text-white\/45 {
	color: rgb(255 255 255) !important
}

#toastBox {
	position: fixed;
	top: 25px;
	right: 25px;
	z-index: 99999
}

.toast {
	min-width: 300px;
	padding: 14px 18px;
	margin-bottom: 10px;
	border-radius: 6px;
	color: #fff;
	font-size: 14px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
	transform: translateX(120%);
	opacity: 0;
	transition: .4s
}

.toast.show {
	transform: translateX(0);
	opacity: 1
}

.toast.success {
	background: #22c55e
}

.toast.error {
	background: #ef4444
}

.tracking-widest {
	letter-spacing: 0 !important;
}

b,
strong {
	color: #cf9237;
	font-style: italic;
	font-size: 15px;
}

.Whatsapp_btn {
	position: fixed;
	bottom: 30px;
	right: 10px;
	width: 100px;
	height: 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

.Whatsapp_icon {
	color: #fff;
	width: 60px;
	height: 60px;
	font-size: 30px;
	border-radius: 50px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(0px);
	box-shadow: 0 0 0 0 #00833b;
	animation: pulse2 1.5s ease-out infinite;
	font-weight: normal;
	font-family: sans-serif;
	text-decoration: none !important;
}

/* ================================================================ ENQUIRY POPUP MODAL ================================================================ */
.enquiry-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999999999 !important;
	padding: 15px;
	overflow: visible !important;
}

@keyframes pulse2 {
	50% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}

	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.text_icon {
	color: #cfba63;
	font-size: 11px;
	font-family: 'Montserrat';
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 11px;
}

p {
	text-align: justify;
	text-align-last: left;
	hyphens: auto;
}

.bm-reveal p{
	font-family: var(--text-font) !important;
	font-size: 14px !important;
	color: #ffffff !important;
	font-weight: 400 !important;
}