/* =========================================
       Page Specific CSS (Instructor/Encompass)
       ========================================= */
 .instructor-hero {
 	position: relative;
 	padding: 128px 0;
 	/* py-32 */
 	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../image/index/instructor-school/fv.jpg");
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
 	color: var(--white);
 	text-align: center;
 }

 .instructor-hero__content {
 	width: 100%;
 	margin: 0 auto;
 }

 .instructor-hero__title {
 	font-size: clamp(32px, 6vw, 60px);
 	/* text-5xl md:text-7xl */
 	font-weight: 700;
 	margin-bottom: 32px;
 	/* mb-8 */
 	line-height: 1.2;
 }

 .instructor-hero__desc {
 	font-size: clamp(16px, 3vw, 24px);
 	/* text-2xl md:text-3xl */
 	margin-bottom: 48px;
 	/* mb-12 */
 	max-width: 896px;
 	/* max-w-4xl */
 	margin-left: auto;
 	margin-right: auto;
 	line-height: 1.625;
 	/* leading-relaxed */
 }

 /* Helper for line breaks */
 .instructor-hero br {
 	display: block;
 }

 /* =========================================
	       NEW: About Section (BEM: instructor-about)
	       ========================================= */
 .instructor-about {
 	padding: 80px 0;
 	background-color: var(--white);
 }

 @media (max-width: 600px) {
 	.instructor-about {
 		padding: 50px 0;
 	}
 }

 .instructor-about__header {
 	text-align: center;
 	margin-bottom: 48px;
 }

 .instructor-about__title {
 	font-size: clamp(30px, 5vw, 38px);
 	/* text-4xl md:text-5xl */
 	font-weight: 700;
 	color: var(--text-main);
 	margin-bottom: 24px;
 }

 .instructor-about__content {
 	display: flex;
 	flex-direction: column;
 	gap: 48px;
 	align-items: center;
 }

 @media (min-width: 1024px) {
 	.instructor-about__content {
 		flex-direction: row;
 	}
 }

 .instructor-about__image-col {
 	width: 100%;
 }

 @media (min-width: 1024px) {
 	.instructor-about__image-col {
 		width: 50%;
 	}
 }

 .instructor-about__image {
 	width: 100%;
 	height: 384px;
 	/* h-96 */
 	object-fit: cover;
 	object-position: top;
 	border-radius: 16px;
 	/* rounded-2xl */
 	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
 	/* shadow-2xl */
 }

 .instructor-about__text-col {
 	width: 100%;
 }

 @media (min-width: 1024px) {
 	.instructor-about__text-col {
 		width: 50%;
 	}
 }

 .instructor-about__desc-wrapper {
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
 	/* space-y-6 */
 }

 .instructor-about__desc {
 	font-size: 20px;
 	/* text-xl */
 	color: #374151;
 	/* text-gray-700 */
 	line-height: 1.625;
 	/* leading-relaxed */
 }

 @media (max-width: 600px) {
 	.instructor-about__desc {
 		font-size: 18px;
 	}
 }

 .instructor-about__highlight {
 	color: var(--primary-color);
 	font-weight: 700;
 }

 .instructor-about__features-box {
 	background-color: #ecfdf5;
 	/* bg-emerald-50 */
 	border-radius: 12px;
 	/* rounded-xl */
 	padding: 24px;
 	/* p-6 */
 	margin-top: 32px;
 	/* mt-8 */
 }

 @media (max-width: 600px) {
 	.instructor-about__features-box {
 		margin-top: 20px;
 	}
 }

 .instructor-about__features-list {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	/* space-y-4 */
 }

 .instructor-about__feature-item {
 	display: flex;
 	align-items: flex-start;
 }

 .instructor-about__icon {
 	font-size: 24px;
 	color: var(--primary-color);
 	margin-right: 12px;
 	margin-top: 4px;
 }

 .instructor-about__feature-text {
 	font-size: 18px;
 	/* text-lg */
 	color: #1f2937;
 	/* text-gray-800 */
 }

 /* =========================================
	       NEW: Features Section (BEM: instructor-features)
	       ========================================= */
 .instructor-features {
 	padding: 80px 0;
 	background-color: #f9fafb;
 	/* bg-gray-50 */
 }

 @media(max-width: 600px) {
 	.instructor-features {
 		padding: 50px 0;
 	}
 }

 .instructor-features__header {
 	text-align: center;
 	margin-bottom: 64px;
 	/* mb-16 */
 }

 @media (max-width: 600px) {
 	.instructor-features__header {
 		margin-bottom: 44px;
 	}
 }

 .instructor-features__title {
 	font-size: clamp(30px, 5vw, 38px);
 	/* text-4xl md:text-5xl */
 	font-weight: 700;
 	color: var(--text-main);
 	margin-bottom: 24px;
 	/* mb-6 */
 }

 .instructor-features__grid {
 	display: grid;
 	grid-template-columns: 1fr;
 	gap: 32px;
 	/* gap-8 */
 }

 @media (min-width: 768px) {
 	.instructor-features__grid {
 		grid-template-columns: repeat(3, 1fr);
 		/* md:grid-cols-3 */
 	}
 }

 .instructor-features__card {
 	background-color: var(--white);
 	border-radius: 16px;
 	/* rounded-2xl */
 	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 	/* shadow-lg */
 	overflow: hidden;
 	transition: box-shadow 0.3s ease;
 }

 .instructor-features__card-image-wrapper {
 	position: relative;
 	height: 256px;
 	/* h-64 */
 }

 .instructor-features__card-image {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	object-position: top;
 }

 .instructor-features__card-icon-badge {
 	position: absolute;
 	top: 16px;
 	/* top-4 */
 	left: 16px;
 	/* left-4 */
 	width: 64px;
 	/* w-16 */
 	height: 64px;
 	/* h-16 */
 	background-color: var(--primary-color);
 	/* bg-emerald-500 */
 	border-radius: 50%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
 	/* shadow-lg */
 }

 @media (max-width: 600px) {
 	.instructor-features__card-icon-badge {
 		width: 54px;
 		height: 54px;
 	}
 }

 .instructor-features__card-icon {
 	font-size: 30px;
 	/* text-3xl */
 	color: var(--white);
 }

 .instructor-features__card-content {
 	padding: 32px;
 	/* p-8 */
 }

 @media (max-width: 600px) {
 	.instructor-features__card-content {
 		padding: 28px;
 	}
 }

 .instructor-features__card-title {
 	font-size: 24px;
 	/* text-2xl */
 	font-weight: 700;
 	color: var(--text-main);
 	margin-bottom: 16px;
 	/* mb-4 */
 }

 @media (max-width: 600px) {
 	.instructor-features__card-title {
 		font-size: 20px;
 	}
 }

 .instructor-features__card-text {
 	color: #374151;
 	/* text-gray-600 */
 	line-height: 1.625;
 	/* leading-relaxed */
 }

 /* =========================================
	       NEW: Target Section (BEM: instructor-target)
	       ========================================= */
 .instructor-target {
 	padding: 80px 0;
 	background-color: var(--white);
 }

 @media (max-width: 600px) {
 	.instructor-target {
 		padding: 50px 0;
 	}
 }

 .instructor-target__header {
 	text-align: center;
 	margin-bottom: 48px;
 	/* mb-12 */
 }

 .instructor-target__title {
 	font-size: clamp(30px, 5vw, 38px);
 	/* text-4xl md:text-5xl */
 	font-weight: 700;
 	color: var(--text-main);
 	margin-bottom: 24px;
 	/* mb-6 */
 }

 .instructor-target__content {
 	display: flex;
 	flex-direction: column;
 	gap: 30px;
 	/* gap-12 */
 	align-items: center;
 }

 @media (min-width: 768px) {
 	.instructor-target__content {
 		gap: 48px;
 	}
 }

 @media (min-width: 1024px) {
 	.instructor-target__content {
 		flex-direction: row;
 	}
 }

 /* Image Column */
 .instructor-target__image-col {
 	width: 100%;
 	/* Mobile: order 1 */
 	order: 1;
 }

 @media (min-width: 1024px) {
 	.instructor-target__image-col {
 		width: 50%;
 		/* Desktop: order 2 (Right side) */
 		order: 2;
 	}
 }

 .instructor-target__image {
 	width: 100%;
 	height: 600px;
 	object-fit: cover;
 	/* object-position: top; */
 	border-radius: 16px;
 	/* rounded-2xl */
 	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
 	/* shadow-2xl */
 }

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

 /* Text Column */
 .instructor-target__text-col {
 	width: 100%;
 	/* Mobile: order 2 */
 	order: 2;
 }

 @media (min-width: 1024px) {
 	.instructor-target__text-col {
 		width: 50%;
 		/* Desktop: order 1 (Left side) */
 		order: 1;
 	}
 }

 .instructor-target__list {
 	display: flex;
 	flex-direction: column;
 	gap: 32px;
 	/* space-y-8 */
 }

 @media (max-width: 600px) {
 	.instructor-target__list {
 		gap: 22px;
 	}
 }

 .instructor-target__item {
 	display: flex;
 	align-items: flex-start;
 	background-color: #ecfdf5;
 	/* bg-emerald-50 */
 	border-radius: 12px;
 	/* rounded-xl */
 	padding: 24px;
 	/* p-6 */
 }

 @media (max-width: 600px) {
 	.instructor-target__item {
 		padding: 12px;
 	}
 }

 .instructor-target__icon-box {
 	width: 48px;
 	/* w-12 */
 	height: 48px;
 	/* h-12 */
 	background-color: var(--primary-color);
 	/* bg-emerald-500 */
 	border-radius: 50%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-right: 16px;
 	/* mr-4 */
 	flex-shrink: 0;
 }

 @media (max-width: 600px) {
 	.instructor-target__icon-box {
 		width: 42px;
 		height: 42px;
 	}
 }

 .instructor-target__icon {
 	font-size: 24px;
 	/* text-2xl */
 	color: var(--white);
 }

 .instructor-target__item-text {
 	font-size: 20px;
 	/* text-xl */
 	color: #1f2937;
 	/* text-gray-800 */
 	padding-top: 8px;
 	/* pt-2 */
 	line-height: 1.625;
 }

 @media (max-width: 600px) {
 	.instructor-target__item-text {
 		font-size: 16px;
 	}
 }

 .instructor-target__highlight-box {
 	background: linear-gradient(to right, #10b981, #059669);
 	/* emerald-500 to emerald-600 */
 	border-radius: 16px;
 	/* rounded-2xl */
 	padding: 32px;
 	/* p-8 */
 	color: var(--white);
 	margin-top: 32px;
 	/* mt-8 */
 }

 .instructor-target__highlight-title {
 	font-size: 24px;
 	/* text-2xl */
 	font-weight: 700;
 	margin-bottom: 16px;
 	/* mb-4 */
 }

 @media (max-width: 600px) {
 	.instructor-target__highlight-title {
 		font-size: 20px;
 	}
 }

 .instructor-target__highlight-text {
 	font-size: 20px;
 	/* text-xl */
 	line-height: 1.625;
 }

 @media (max-width: 600px) {
 	.instructor-target__highlight-text {
 		font-size: 16px;
 	}
 }

 /* =========================================
	       NEW: Flow Section (BEM: instructor-flow)
	       ========================================= */
 .instructor-flow {
 	padding: 80px 0;
 	background-color: #f9fafb;
 	/* bg-gray-50 */
 }

 @media (max-width: 600px) {
 	.instructor-flow {
 		padding: 50px 0;
 	}
 }

 .instructor-flow__header {
 	text-align: center;
 	margin-bottom: 64px;
 	/* mb-16 */
 }

 @media (max-width: 600px) {
 	.instructor-flow__header {
 		margin-bottom: 44px;
 	}
 }

 .instructor-flow__title {
 	font-size: clamp(30px, 5vw, 38px);
 	/* text-4xl md:text-5xl */
 	font-weight: 700;
 	color: var(--text-main);
 	margin-bottom: 24px;
 	/* mb-6 */
 }

 .instructor-flow__grid {
 	display: grid;
 	grid-template-columns: 1fr;
 	gap: 32px;
 	/* gap-8 */
 }

 @media (min-width: 768px) {
 	.instructor-flow__grid {
 		grid-template-columns: repeat(2, 1fr);
 		/* md:grid-cols-2 */
 	}
 }

 @media (min-width: 1024px) {
 	.instructor-flow__grid {
 		grid-template-columns: repeat(4, 1fr);
 		/* lg:grid-cols-4 */
 	}
 }

 .instructor-flow__step-wrapper {
 	position: relative;
 	height: 100%;
 }

 .instructor-flow__card {
 	background-color: var(--white);
 	border-radius: 16px;
 	/* rounded-2xl */
 	padding: 32px;
 	/* p-8 */
 	height: 100%;
 	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 	/* shadow-lg */
 	transition: box-shadow 0.3s ease;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	text-align: center;
 }

 @media (max-width: 600px) {
 	.instructor-flow__card {
 		padding: 24px;
 	}
 }

 .instructor-flow__card:hover {
 	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
 	/* shadow-2xl */
 }

 .instructor-flow__icon-circle {
 	width: 80px;
 	/* w-20 */
 	height: 80px;
 	/* h-20 */
 	background-color: var(--primary-color);
 	/* bg-emerald-500 */
 	border-radius: 50%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-bottom: 24px;
 	/* mb-6 */
 }

 @media (max-width: 600px) {
 	.instructor-flow__icon-circle {
 		width: 60px;
 		height: 60px;
 	}
 }

 .instructor-flow__icon {
 	font-size: 36px;
 	/* text-4xl */
 	color: var(--white);
 }

 @media (max-width: 600px) {
 	.instructor-flow__icon {
 		font-size: 30px;
 	}
 }

 .instructor-flow__step-number {
 	color: #059669;
 	/* text-emerald-600 */
 	font-weight: 700;
 	font-size: 20px;
 	/* text-xl */
 	margin-bottom: 16px;
 	/* mb-4 */
 }

 .instructor-flow__step-title {
 	font-size: 20px;
 	/* text-xl */
 	font-weight: 700;
 	color: var(--text-main);
 	margin-bottom: 16px;
 	/* mb-4 */
 }

 .instructor-flow__step-desc {
 	color: #374151;
 	/* text-gray-600 */
 	line-height: 1.625;
 	/* leading-relaxed */
 }

 /* Arrow between steps (Desktop only) */
 .instructor-flow__arrow {
 	display: none;
 	position: absolute;
 	top: 50%;
 	right: -16px;
 	/* -right-4 */
 	transform: translateY(-50%);
 	z-index: 10;
 	color: var(--primary-color);
 	/* text-emerald-500 */
 	font-size: 30px;
 	/* text-3xl */
 }

 @media (min-width: 1024px) {
 	.instructor-flow__arrow {
 		display: block;
 	}
 }

 /* CTA Area */
 .instructor-flow__cta-wrapper {
 	text-align: center;
 	margin-top: 48px;
 	/* mt-12 */
 }

 .instructor-flow__cta-btn {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
 	padding: 16px 32px;
 	/* px-8 py-4 */
 	background-color: #059669;
 	/* bg-emerald-600 */
 	color: var(--white);
 	font-size: 18px;
 	/* text-lg */
 	font-weight: 700;
 	border-radius: 9999px;
 	/* rounded-full */
 	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
 	/* shadow-lg */
 	transition: background-color 0.3s ease;
 }

 @media (max-width: 600px) {
 	.instructor-flow__cta-btn {
 		font-size: 16px;
 	}
 }

 .instructor-flow__cta-btn:hover {
 	background-color: #047857;
 	/* bg-emerald-700 */
 }

 .instructor-flow__cta-btn i {
 	margin-left: 8px;
 	/* ml-2 */
 }

 /* =========================================
	       NEW: Profile Section (BEM: instructor-profile)
	       ========================================= */
 .instructor-profile {
 	padding: 80px 0;
 	background-color: var(--white);
 }

 @media (max-width: 600px) {
 	.instructor-profile {
 		padding: 50px 0;
 	}
 }

 .instructor-profile__header {
 	text-align: center;
 	margin-bottom: 48px;
 	/* mb-12 */
 }

 .instructor-profile__title {
 	font-size: clamp(30px, 5vw, 38px);
 	/* text-4xl md:text-5xl */
 	font-weight: 700;
 	color: var(--text-main);
 	margin-bottom: 24px;
 	/* mb-6 */
 }

 .instructor-profile__content {
 	display: flex;
 	flex-direction: column;
 	gap: 48px;
 	/* gap-12 */
 	align-items: center;
 }

 @media (min-width: 1024px) {
 	.instructor-profile__content {
 		flex-direction: row;
 	}
 }

 /* Image Column */
 .instructor-profile__image-col {
 	width: 100%;
 }

 @media (min-width: 1024px) {
 	.instructor-profile__image-col {
 		width: 40%;
 		/* lg:w-2/5 */
 	}
 }

 .instructor-profile__image {
 	width: 100%;
 	height: 600px;
 	object-fit: cover;
 	object-position: top;
 	border-radius: 16px;
 	/* rounded-2xl */
 	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
 	/* shadow-2xl */
 }

 /* Text Column */
 .instructor-profile__text-col {
 	width: 100%;
 }

 @media (min-width: 1024px) {
 	.instructor-profile__text-col {
 		width: 60%;
 		/* lg:w-3/5 */
 	}
 }

 .instructor-profile__info-card {
 	background: linear-gradient(to bottom right, #f0fdf4, #ffffff);
 	/* from-emerald-50 to-white */
 	border-radius: 16px;
 	/* rounded-2xl */
 	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
 	/* shadow-xl */
 	padding: 40px;
 	/* p-10 */
 }

 @media (max-width: 600px) {
 	.instructor-profile__info-card {
 		padding: 40px 20px;
 	}
 }

 .instructor-profile__header-group {
 	display: flex;
 	align-items: center;
 	margin-bottom: 32px;
 	/* mb-8 */
 }

 .instructor-profile__icon-box {
 	width: 64px;
 	/* w-16 */
 	height: 64px;
 	/* h-16 */
 	background-color: var(--primary-color);
 	/* bg-emerald-500 */
 	border-radius: 50%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-right: 16px;
 	/* mr-4 */
 	flex-shrink: 0;
 }

 @media (max-width: 600px) {
 	.instructor-profile__icon-box {
 		width: 54px;
 		height: 54px;
 	}
 }

 .instructor-profile__header-icon {
 	font-size: 30px;
 	/* text-3xl */
 	color: var(--white);
 }

 @media (max-width: 600px) {
 	.instructor-profile__header-icon {
 		font-size: 26px;
 	}
 }

 .instructor-profile__name {
 	font-size: 30px;
 	/* text-3xl */
 	font-weight: 700;
 	color: var(--text-main);
 	line-height: 1.2;
 }

 @media (max-width: 600px) {
 	.instructor-profile__name {
 		font-size: 26px;
 	}
 }

 .instructor-profile__position {
 	color: #059669;
 	/* text-emerald-600 */
 	font-size: 18px;
 	/* text-lg */
 	font-weight: 600;
 }

 @media (max-width: 600px) {
 	.instructor-profile__position {
 		font-size: 16px;
 	}
 }

 /* Quote Box */
 .instructor-profile__quote-box {
 	background-color: var(--white);
 	border-radius: 12px;
 	/* rounded-xl */
 	padding: 24px;
 	/* p-6 */
 	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
 	/* shadow-md */
 	display: flex;
 	align-items: flex-start;
 	margin-bottom: 24px;
 	/* space-y-6 equivalent part 1 */
 }

 @media (max-width: 600px) {
 	.instructor-profile__quote-box {
 		padding: 18px 12px;
 	}
 }

 .instructor-profile__quote-icon {
 	font-size: 30px;
 	/* text-3xl */
 	color: var(--primary-color);
 	/* text-emerald-500 */
 	margin-right: 16px;
 	/* mr-4 */
 	flex-shrink: 0;
 }

 @media (max-width: 600px) {
 	.instructor-profile__quote-icon {
 		font-size: 24px;
 	}
 }

 .instructor-profile__quote-text {
 	font-size: 20px;
 	/* text-xl */
 	color: #1f2937;
 	/* text-gray-800 */
 	line-height: 1.625;
 	/* leading-relaxed */
 	margin-bottom: 16px;
 	/* mb-4 */
 }

 @media (max-width: 600px) {
 	.instructor-profile__quote-text {
 		font-size: 16px;
 	}
 }

 .instructor-profile__quote-text:last-child {
 	margin-bottom: 0;
 }

 /* Badges Grid */
 .instructor-profile__badges-grid {
 	display: grid;
 	grid-template-columns: 1fr;
 	gap: 16px;
 	/* gap-4 */
 	margin-top: 24px;
 }

 @media (min-width: 768px) {
 	.instructor-profile__badges-grid {
 		grid-template-columns: repeat(2, 1fr);
 		/* md:grid-cols-2 */
 	}
 }

 .instructor-profile__badge {
 	display: flex;
 	align-items: center;
 	background-color: var(--white);
 	border-radius: 8px;
 	/* rounded-lg */
 	padding: 16px;
 	/* p-4 */
 	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 	/* shadow-sm */
 }

 @media (max-width: 600px) {
 	.instructor-profile__badge {
 		padding: 18px 12px;

 	}
 }

 .instructor-profile__badge-icon {
 	font-size: 24px;
 	/* text-2xl */
 	color: #059669;
 	/* text-emerald-600 */
 	margin-right: 12px;
 	/* mr-3 */
 }

 .instructor-profile__badge-text {
 	color: #374151;
 	/* text-gray-700 */
 }

 /* Sub Image */
 .instructor-profile__sub-image {
 	width: 100%;
 	height: 320px;
 	/* h-80 */
 	object-fit: cover;
 	object-position: top;
 	border-radius: 16px;
 	/* rounded-2xl */
 	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
 	/* shadow-xl */
 	margin-top: 32px;
 	/* mt-8 */
 }

 /* =========================================
	       NEW: Pricing & Booking Section (BEM: instructor-pricing)
	       ========================================= */
 .instructor-pricing {
 	padding: 80px 0;
 	background: linear-gradient(to bottom right, #ecfdf5, #ffffff);
 	/* bg-gradient-to-br from-emerald-50 to-white */
 }

 @media (max-width: 600px) {
 	.instructor-pricing {
 		padding: 50px 0;
 	}
 }

 .instructor-pricing__header {
 	text-align: center;
 	margin-bottom: 64px;
 	/* mb-16 */
 }

 @media (max-width: 600px) {
 	.instructor-pricing__header {
 		margin-bottom: 44px;
 	}
 }

 .instructor-pricing__title {
 	font-size: clamp(30px, 5vw, 38px);
 	/* text-4xl md:text-5xl */
 	font-weight: 700;
 	color: var(--text-main);
 	margin-bottom: 24px;
 	/* mb-6 */
 }

 .instructor-pricing__desc {
 	font-size: 20px;
 	/* text-xl */
 	color: var(--text-light);
 	max-width: 768px;
 	/* max-w-3xl */
 	margin: 0 auto;
 }

 @media (max-width: 600px) {
 	.instructor-pricing__desc {
 		font-size: 16px;
 	}
 }

 .instructor-pricing__grid {
 	display: grid;
 	grid-template-columns: 1fr;
 	gap: 32px;
 	/* gap-8 */
 	margin-bottom: 128px;
 	/* mb-12 */
 }

 @media (max-width: 600px) {
	.instructor-pricing__grid {
		margin-bottom: 32px;
	}
 }

 @media (min-width: 768px) {
 	.instructor-pricing__grid {
 		grid-template-columns: repeat(3, 1fr);
 		/* md:grid-cols-3 */
 	}
 }

 .instructor-pricing__card {
 	background-color: var(--white);
 	border-radius: 16px;
 	/* rounded-2xl */
 	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
 	/* shadow-xl */
 	overflow: hidden;
 	transition: transform 0.3s ease;
 }

 /* Recommended Card */
 .instructor-pricing__card--recommended {
 	transform: scale(1.05);
 	box-shadow: 0 0 0 4px #10b981;
 	/* ring-4 ring-emerald-500 */
 	z-index: 10;
 }

 @media (max-width: 768px) {
 	.instructor-pricing__card--recommended {
 		transform: scale(1);
 		margin: 16px 0;
 	}
 }

 .instructor-pricing__badge {
 	background-color: #10b981;
 	/* bg-emerald-500 */
 	color: var(--white);
 	text-align: center;
 	padding: 8px 0;
 	/* py-2 */
 	font-weight: 700;
 }

 .instructor-pricing__card-content {
 	padding: 32px;
 	/* p-8 */
 }

 @media (max-width: 600px) {
 	.instructor-pricing__card-content {
 		padding: 28px 20px;
 	}
 }


 .instructor-pricing__plan-name {
 	font-size: 24px;
 	/* text-2xl */
 	font-weight: 700;
 	color: var(--text-main);
 	margin-bottom: 8px;
 	/* mb-2 */
 }


 .instructor-pricing__plan-time {
 	color: var(--text-light);
 	margin-bottom: 24px;
 	/* mb-6 */
 }

 @media (max-width: 600px) {
 	.instructor-pricing__plan-time {
 		margin-bottom: 8px;
 	}
 }

 .instructor-pricing__price-box {
 	margin-bottom: 24px;
 	/* mb-6 */
 }

 .instructor-pricing__price {
 	font-size: 48px;
 	/* text-5xl */
 	font-weight: 700;
 	color: #059669;
 	/* text-emerald-600 */
 }

 @media (max-width: 600px) {
 	.instructor-pricing__price {
 		font-size: 42px;
 	}
 }

 .instructor-pricing__price-unit {
 	color: var(--text-light);
 	margin-left: 8px;
 	/* ml-2 */
 }

 .instructor-pricing__list {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	/* space-y-4 */
 	margin-bottom: 32px;
 	/* mb-8 */
 }

 .instructor-pricing__list-item {
 	display: flex;
 	align-items: flex-start;
 }

 .instructor-pricing__icon {
 	color: #059669;
 	/* text-emerald-600 */
 	font-size: 20px;
 	/* text-xl */
 	margin-right: 12px;
 	/* mr-3 */
 	margin-top: 4px;
 	/* mt-1 */
 }

 .instructor-pricing__item-text {
 	color: #374151;
 	/* text-gray-700 */
 }

 /* Booking Area */
 .instructor-booking {
 	background-color: var(--white);
 	border-radius: 16px;
 	/* rounded-2xl */
 	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
 	/* shadow-2xl */
 	padding: 40px;
 	/* p-10 */
 	max-width: 896px;
 	/* max-w-4xl */
 	margin: 0 auto;
 }

 @media (max-width: 600px) {
 	.instructor-booking {
 		padding: 28px 20px;
 	}
 }

 .instructor-booking__header {
 	text-align: center;
 	margin-bottom: 32px;
 	/* mb-8 */
 }

 .instructor-booking__title {
 	font-size: 30px;
 	/* text-3xl */
 	font-weight: 700;
 	color: var(--text-main);
 	margin-bottom: 16px;
 	/* mb-4 */
 }

 @media (max-width: 600px) {
 	.instructor-booking__title {
 		font-size: 24px;
 	}
 }

 .instructor-booking__text {
 	font-size: 18px;
 	/* text-lg */
 	color: var(--text-light);
 }

 @media (max-width: 600px) {
 	.instructor-booking__text {
 		font-size: 16px;
 	}
 }

 .instructor-booking__grid {
 	display: grid;
 	grid-template-columns: 1fr;
 	gap: 24px;
 	/* gap-6 */
 }

 @media (min-width: 768px) {
 	.instructor-booking__grid {
 		grid-template-columns: repeat(2, 1fr);
 		/* md:grid-cols-2 */
 	}
 }

 .instructor-booking__card {
 	background-color: #ecfdf5;
 	/* bg-emerald-50 */
 	border-radius: 12px;
 	/* rounded-xl */
 	padding: 24px;
 	/* p-6 */
 	text-align: center;
 }

 .instructor-booking__icon {
 	font-size: 48px;
 	/* text-5xl */
 	color: #059669;
 	/* text-emerald-600 */
 	margin-bottom: 16px;
 	/* mb-4 */
 }

 .instructor-booking__method {
 	font-size: 20px;
 	/* text-xl */
 	font-weight: 700;
 	color: var(--text-main);
 	margin-bottom: 12px;
 	/* mb-3 */
 }

 .instructor-booking__info {
 	color: var(--text-light);
 	margin-bottom: 16px;
 	/* mb-4 */
 }

 .instructor-booking__btn {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
 	width: 100%;
 	padding: 16px 32px;
 	/* px-8 py-4 */
 	background-color: #10b981;
 	/* bg-emerald-500 */
 	color: var(--white);
 	font-size: 18px;
 	/* text-lg */
 	border-radius: 9999px;
 	/* rounded-lg (full) */
 	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
 	/* shadow-lg */
 	transition: background-color 0.3s ease;
 	cursor: pointer;
 	border: none;
 	white-space: nowrap;
 }

 @media (max-width: 600px) {
	.instructor-booking__btn {
		font-size: 16px;
	}
 }

 .instructor-booking__btn:hover {
 	background-color: #059669;
 	/* bg-emerald-600 */
 }

 .instructor-booking__location {
 	text-align: center;
 	margin-top: 32px;
 	/* mt-8 */
 	color: var(--text-light);
 }

 .instructor-booking__location-icon {
 	color: #059669;
 	/* text-emerald-600 */
 	margin-right: 8px;
 	/* mr-2 */
 }