/* =========================================
       NEW: Programs Section (BEM: training-programs)
       ========================================= */
  .training-programs {
  	padding: 80px 0;
  	background-color: var(--white);
  }

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

  .training-programs__header {
  	text-align: center;
  	margin-bottom: 64px;
  }

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

  .training-programs__title {
  	font-size: 30px;
  	font-weight: 700;
  	color: var(--text-main);
  	margin-bottom: 16px;
  }

  @media (min-width: 768px) {
  	.training-programs__title {
  		font-size: 36px;
  	}
  }

  .training-programs__desc {
  	font-size: 20px;
  	color: var(--text-light);
  	max-width: 768px;
  	margin: 0 auto;
  }

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

  .training-programs__list {
  	display: flex;
  	flex-direction: column;
  	gap: 64px;
  }

  @media (max-width: 600px) {
  	.training-programs__list {
  		gap: 34px;
  	}
  }


  .training-programs__item {
  	display: flex;
  	flex-direction: column;
  	gap: 32px;
  }

  @media (min-width: 1024px) {
  	.training-programs__item {
  		flex-direction: row;
  		align-items: center;
  		gap: 48px;
  	}

  	/* Reverse layout for even items */
  	.training-programs__item--reverse {
  		flex-direction: row-reverse;
  	}
  }

  /* Content Column */
  .training-programs__content-col {
  	width: 100%;
  }

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

  .training-programs__content-inner {
  	display: flex;
  	flex-direction: column;
  	gap: 24px;
  }

  @media (max-width: 600px) {
  	.training-programs__content-inner {
  		gap: 8px;
  	}
  }

  .training-programs__name {
  	font-size: 30px;
  	font-weight: 700;
  	color: var(--text-main);
  	margin-bottom: 8px;
  }

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

  .training-programs__tagline {
  	font-size: 22px;
  	color: var(--primary-color);
  	font-weight: 600;
  	margin-bottom: 16px;
  }

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

  .training-programs__text {
  	color: var(--text-light);
  	font-size: 18px;
  	line-height: 1.8;
  }

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

  .training-programs__details-grid {
  	display: grid;
  	grid-template-columns: 1fr;
  	gap: 16px;
  	margin-top: 16px;
  }

  @media (min-width: 768px) {
  	.training-programs__details-grid {
  		grid-template-columns: repeat(2, 1fr);
  	}
  }

  .training-programs__subtitle {
  	font-weight: 600;
  	color: var(--text-main);
  	margin-bottom: 12px;
  }

  .training-programs__effects,
  .training-programs__info {
  	list-style: none;
  	display: flex;
  	flex-direction: column;
  	gap: 8px;
  	color: #374151;
  	/* gray-700 */
  }

  .training-programs__list-item {
  	display: flex;
  	align-items: center;
  }



  .training-programs__icon {
  	color: var(--primary-color);
  	margin-right: 8px;
  	width: 20px;
  	/* Fixed width for alignment */
  	text-align: center;
  }

  /* Image Column */
  .training-programs__image-col {
  	width: 100%;
  }

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

  .training-programs__image {
  	width: 100%;
  	height: 384px;
  	/* h-96 */
  	object-fit: cover;
  	object-position: top;
  	border-radius: 12px;
  	/* rounded-xl */
  	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  	/* shadow-lg */
  }

  /* =========================================
	       NEW: Features Section (BEM: training-features)
	       ========================================= */
  .training-features {
  	padding: 80px 0;
  	background-color: rgb(235, 245, 240);
  }

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

  .training-features__header {
  	text-align: center;
  	margin-bottom: 64px;
  }

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

  .training-features__title {
  	font-size: 30px;
  	font-weight: 700;
  	color: var(--text-main);
  	margin-bottom: 16px;
  }



  @media (min-width: 768px) {
  	.training-features__title {
  		font-size: 36px;
  	}
  }

  .training-features__desc {
  	font-size: 20px;
  	color: var(--text-light);
  	max-width: 768px;
  	margin: 0 auto;
  }

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

  /* Section Group Wrapper */
  .training-features__group {
  	margin-bottom: 80px;
  }

  .training-features__group:last-child {
  	margin-bottom: 0;
  }

  /* Universal Features Grid */
  .training-features__grid {
  	display: grid;
  	grid-template-columns: 1fr;
  	gap: 32px;
  }

  /* Modifier for Benefits (4 cols on lg) */
  @media (min-width: 768px) {
  	.training-features__grid--benefits {
  		grid-template-columns: repeat(2, 1fr);
  	}
  }

  @media (min-width: 1024px) {
  	.training-features__grid--benefits {
  		grid-template-columns: repeat(4, 1fr);
  	}
  }

  /* Modifier for Testimonials (3 cols on lg) */
  @media (min-width: 768px) {
  	.training-features__grid--testimonials {
  		grid-template-columns: repeat(3, 1fr);
  	}
  }

  /* Universal Feature Card */
  .training-features__card {
  	background-color: var(--white);
  	border-radius: 12px;
  	padding: 24px;
  	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  	transition: box-shadow 0.3s ease;
  }

  /* Card Modifier: Benefit (Center align, Hover effect) */
  .training-features__card--benefit {
  	text-align: center;
  }

  /* Card Elements */
  .training-features__icon-box {
  	width: 64px;
  	height: 64px;
  	background-color: #d1fae5;
  	/* emerald-100 */
  	border-radius: 50%;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	margin: 0 auto 16px;
  }

  .training-features__icon {
  	font-size: 24px;
  	color: var(--primary-color);
  }

  .training-features__card-title {
  	font-size: 18px;
  	font-weight: 700;
  	color: var(--text-main);
  	margin-bottom: 12px;
  }

  .training-features__card-text {
  	color: var(--text-light);
  	font-size: 14px;
  	line-height: 1.6;
  }

  /* User Elements for Testimonials */
  .training-features__user {
  	display: flex;
  	align-items: center;
  	margin-bottom: 16px;
  }

  .training-features__avatar {
  	width: 64px;
  	height: 64px;
  	border-radius: 50%;
  	object-fit: cover;
  	margin-right: 16px;
  }

  .training-features__user-name {
  	font-weight: 700;
  	color: var(--text-main);
  	margin-bottom: 4px;
  }

  .training-features__user-meta {
  	color: var(--text-light);
  	font-size: 14px;
  }

  .training-features__comment {
  	color: #374151;
  	/* gray-700 */
  	font-style: italic;
  	line-height: 1.6;
  }

  /* =========================================
	       NEW: Schedule & Price Section (BEM: training-schedule)
	       ========================================= */
  .training-schedule {
  	padding: 80px 0;
  	background-color: var(--white);
  }

  @media (max-width: 600px) {
  	.training-schedule {
  		padding: 50px 0 20px;
  	}
  }

  .training-schedule__header {
  	text-align: center;
  	margin-bottom: 64px;
  }

  .training-schedule__title {
  	font-size: 30px;
  	font-weight: 700;
  	color: var(--text-main);
  	margin-bottom: 16px;
  }

  @media (min-width: 768px) {
  	.training-schedule__title {
  		font-size: 36px;
  	}
  }

  .training-schedule__desc {
  	font-size: 20px;
  	color: var(--text-light);
  	max-width: 768px;
  	margin: 0 auto;
  }

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

  /* Subsection Wrapper */
  .training-schedule__section {
  	margin-bottom: 64px;
  }

  .training-schedule__section:last-child {
  	margin-bottom: 0;
  }

  .training-schedule__subtitle {
  	font-size: 24px;
  	font-weight: 700;
  	text-align: center;
  	color: var(--text-main);
  	margin-bottom: 32px;
  }

  /* Schedule Grid */
  .training-schedule__week-grid {
  	display: grid;
  	grid-template-columns: 1fr;
  	gap: 24px;
  }

  @media (min-width: 1024px) {
  	.training-schedule__week-grid {
  		grid-template-columns: repeat(2, 1fr);
  	}
  }

  @media (min-width: 1280px) {
  	.training-schedule__week-grid {
  		grid-template-columns: repeat(3, 1fr);
  	}
  }

  .training-schedule__day-card {
  	background-color: rgb(235, 245, 240);
  	border-radius: 12px;
  	padding: 24px;
  }

  .training-schedule__day-title {
  	font-size: 18px;
  	font-weight: 700;
  	color: var(--primary-color);
  	text-align: center;
  	margin-bottom: 16px;
  }

  .training-schedule__lessons {
  	display: flex;
  	flex-direction: column;
  	gap: 12px;
  }

  .training-schedule__lesson {
  	background-color: var(--white);
  	border-radius: 8px;
  	padding: 16px;
  	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .training-schedule__lesson-header {
  	display: flex;
  	justify-content: space-between;
  	align-items: flex-start;
  	margin-bottom: 8px;
  }

  .training-schedule__lesson-time {
  	font-weight: 600;
  	color: var(--text-main);
  }

  .training-schedule__lesson-badge {
  	font-size: 12px;
  	background-color: #d1fae5;
  	/* emerald-100 */
  	color: #065f46;
  	/* emerald-800 */
  	padding: 4px 8px;
  	border-radius: 9999px;
  	flex-grow: 0 !important;
  	flex-basis: auto !important;
  	flex-shrink: 0 !important;
  }

  .training-schedule__lesson-name {
  	color: var(--primary-color);
  	font-weight: 500;
  	margin-bottom: 4px;
  }

  .training-schedule__lesson-instructor {
  	font-size: 14px;
  	color: var(--text-light);
  }

  /* Price Grid */
  .training-schedule__price-grid {
  	display: grid;
  	grid-template-columns: 1fr;
  	gap: 32px;
  }

  @media (min-width: 768px) {
  	.training-schedule__price-grid {
  		grid-template-columns: repeat(3, 1fr);
  	}
  }

  .training-schedule__price-card {
  	background-color: var(--white);
  	border-radius: 12px;
  	padding: 32px;
  	text-align: center;
  	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  	position: relative;
  }

  /* Recommended Price Card */
  .training-schedule__price-card--recommended {
  	transform: scale(1.05);
  	box-shadow: 0 0 0 2px var(--primary-color), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  	z-index: 10;
  }

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

  .training-schedule__recommend-badge {
  	background-color: var(--primary-color);
  	color: var(--white);
  	font-size: 14px;
  	font-weight: 600;
  	padding: 8px 16px;
  	border-radius: 9999px;
  	display: inline-block;
  	margin-bottom: 16px;
  }

  .training-schedule__plan-name {
  	font-size: 20px;
  	font-weight: 700;
  	color: var(--text-main);
  	margin-bottom: 8px;
  }

  .training-schedule__plan-price {
  	font-size: 30px;
  	font-weight: 700;
  	color: var(--primary-color);
  	margin-bottom: 8px;
  }

  .training-schedule__plan-desc {
  	color: var(--text-light);
  	margin-bottom: 24px;
  }

  .training-schedule__plan-features {
  	list-style: none;
  	display: flex;
  	flex-direction: column;
  	gap: 8px;
  	margin-bottom: 32px;
  }

  .training-schedule__plan-item {
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	color: #374151;
  }

  .training-schedule__icon {
  	color: var(--primary-color);
  	margin-right: 8px;
  }

  .training-schedule__btn {
  	width: 100%;
  	padding: 12px 24px;
  	font-size: 16px;
  }