/* =============================================================
SC Excellence — Course Detail Page CSS
Prefix: cdet- (course-detail)
============================================================= */

/* Page Course */

/* ─────────────────────────────────────────────────────────────
SHARED: Section title dùng chung
───────────────────────────────────────────────────────────── */
.cdet-section__title .section-title-main,
.cdet-section__title  h2{
	font-size: 1.875rem;
	font-weight: 800;
	color: var(--cdet-primary);
	text-align: center;
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	border: 0;
	padding: 0 !important;
}
.cdet-section__title .section-title{
	justify-content: center;
}
.cdet-section__title .section-title b{
	display: none;
}

/* ─────────────────────────────────────────────────────────────
HERO SECTION
───────────────────────────────────────────────────────────── */
.cdet-hero {
	background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 100%);
}

.cdet-hero__title h1 {
	font-size: 36px;
	font-weight: 800;
	color: var(--cdet-primary);
	line-height: 1.4;
	margin-bottom: 0;
	border-bottom: 0;
}
.cdet-hero__title h1 span{
	border-bottom: 0;
}

.cdet-hero__desc {
	font-size: 1.125rem;
	color: var(--cdet-text-muted);
	line-height: 1.6;
}

/* Stat cards dưới hero */
.cdet-stat-card .col-inner {
	padding: 0;
}

.cdet-stat {
	display: flex;
	align-items: center;
	gap: 12px;
	background: var(--cdet-bg-white);
	border-radius: var(--cdet-radius-lg);
	padding: 12px 16px;
	box-shadow: var(--cdet-shadow-card);
}

.cdet-stat .cdet-stat__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: rgba(0, 74, 173, 0.08);
	border-radius: var(--cdet-radius-md);
	color: var(--cdet-primary);
	flex-shrink: 0;
}

.cdet-stat strong {
	display: block;
	font-size: 1.125rem;
	font-weight: 800;
	color: var(--cdet-text);
	line-height: 1;
}

.cdet-stat span {
	display: block;
	font-size: 0.75rem;
	color: var(--cdet-text-light);
}

.cdet-stat__label-multi {
	font-size: 0.75rem !important;
	font-weight: 700;
	color: var(--cdet-text) !important;
	line-height: 1.3;
}

/* Hero image wrap */
.cdet-hero__img-col .col-inner {
	position: relative;
}

.cdet-hero__img-wrap {
	position: relative;
	display: inline-block;
	width: 100%;
}

.cdet-hero__img img {
	border-radius: var(--cdet-radius-xl);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
	width: 100%;
	object-fit: cover;
}

/* Badge nổi góc phải trên ảnh */
.cdet-hero__badge {
	position: absolute;
	top: -20px;
	right: -20px;
	display: flex;
	align-items: center;
	gap: 12px;
	background: var(--cdet-bg-white);
	border: 1px solid var(--cdet-border);
	border-radius: var(--cdet-radius-lg);
	padding: 12px 16px;
	box-shadow: var(--cdet-shadow-hover);
	z-index: 10;
}

.cdet-hero__badge-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: #dcfce7;
	border-radius: 50%;
	color: var(--cdet-green);
}

.cdet-hero__badge-label {
	font-size: 0.75rem;
	color: var(--cdet-text-light);
}

.cdet-hero__badge-value {
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--cdet-green);
}

/* Buttons hero */
.cdet-hero .cdet-btn-primary.button {
	border-radius: 99px;
	padding: 0 20px;
	font-size: 16px;
	background-color: var(--cdet-primary);
}
.cdet-hero .cdet-btn-outline.button {
	border-radius: 99px;
	border: 2px solid var(--cdet-primary);
	color: var(--cdet-primary);
	background: transparent;
	padding: 0 2em;
	font-weight: 700;
}
.cdet-hero .primary.button:hover{
	transform: scale(1.05);
	box-shadow: 0 0 10px rgba(35,64,144,0.6) !important;
	background: transparent;
	color: inherit;
}

/* ─────────────────────────────────────────────────────────────
PROBLEM ITEMS (Section 1)
───────────────────────────────────────────────────────────── */
.cdet-problems-grid .col-inner {
	padding: 0;
}

.cdet-problem {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.cdet-problem__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border: 2px solid var(--cdet-border);
	border-radius: 50%;
	color: var(--cdet-primary);
	margin-bottom: 16px;
	flex-shrink: 0;
}

.cdet-problem__title {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--cdet-primary);
	margin-bottom: 8px;
	line-height: 1.3;
}

.cdet-problem__desc {
	font-size: 14px;
	color: var(--cdet-text-light);
	margin: 0;
	line-height: 1.5;
}

/* ─────────────────────────────────────────────────────────────
RESULTS CARDS (Section 2)
───────────────────────────────────────────────────────────── */
.cdet-result {
	background: var(--cdet-bg-white);
	border-radius: var(--cdet-radius-lg);
	padding: 24px 16px;
	text-align: center;
	box-shadow: var(--cdet-shadow-card);
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.cdet-results-grid .cdet-result-card {
    padding: 0 !important;
    max-width: calc(20% - 12px);
    flex-basis: 50%;
}

.cdet-section .cdet-results-grid {
    gap: 15px;
    justify-content: space-between !important;
}

.cdet-result__icon {
	color: var(--cdet-primary);
	margin-bottom: 12px;
}

.cdet-result__text {
	font-size: 16px;
    font-weight: 500;
    color: var(--cdet-navy);
    margin: 0;
    line-height: 1.4;
}

/* ─────────────────────────────────────────────────────────────
COURSE CARDS (Section 3)
───────────────────────────────────────────────────────────── */
.cdet-course-card > .col-inner {
	padding: 0;
}

.cdet-course {
	position: relative;
	border: 1px solid var(--cdet-border);
	border-radius: var(--cdet-radius-xl);
	padding: 20px;
	background: var(--cdet-bg-white);
	box-shadow: var(--cdet-shadow-card);
	transition: box-shadow 0.3s;
	height: 100%;
}

.cdet-course:hover {
	box-shadow: var(--cdet-shadow-hover);
}

/* Số thứ tự khóa học */
.cdet-course__num {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 32px;
	height: 32px;
	background: var(--cdet-primary);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
	font-weight: 800;
	z-index: 2;
}

.cdet-course__img img {
	border-radius: var(--cdet-radius-lg);
	object-fit: cover;
	width: 100%;
	height: 100%;
	min-height: 140px;
}

.cdet-course__body {
	padding: 0 8px;
}

.cdet-course__title {
	font-size: 18px;
	font-weight: 800;
	color: var(--cdet-text);
	line-height: 1.3;
	margin-bottom: 8px;
	margin-top: 0;
}

.cdet-course__desc {
	font-size: 16px;
	color: var(--cdet-text-light);
	margin-bottom: 12px;
}

.cdet-course__list {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
}

.cdet-course__list li {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	color: var(--cdet-text-muted);
	margin-bottom: 6px;
}

.cdet-course__list li svg {
	color: var(--cdet-primary);
	flex-shrink: 0;
}

.cdet-course__link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 18px;
	font-weight: 700;
	color: var(--cdet-primary);
}

.cdet-course__link:hover {
	opacity: 0.8;
}

/* ─────────────────────────────────────────────────────────────
ROADMAP (Section 4)
───────────────────────────────────────────────────────────── */
.cdet-roadmap {
	position: relative;
}

/* Đường nối ngang giữa các step (desktop) */
@media screen and (min-width: 850px) {
	.cdet-roadmap::before {
		content: '';
		position: absolute;
		top: 36px;
		left: 10%;
		width: 80%;
		height: 2px;
		background: var(--cdet-border);
		z-index: 0;
	}
}

.cdet-roadmap-step > .col-inner {
	padding: 0;
	position: relative;
	z-index: 1;
}

.cdet-step {
	background: var(--cdet-bg-white);
	border-radius: var(--cdet-radius-lg);
	padding: 24px 20px;
	box-shadow: var(--cdet-shadow-card);
	text-align: left;
}

.cdet-step__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: var(--cdet-primary);
	color: #fff;
	border-radius: 50%;
	margin-bottom: 16px;
}

.cdet-step__day {
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--cdet-primary);
	margin-bottom: 4px;
}

.cdet-step__title {
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--cdet-text);
	margin-bottom: 8px;
	margin-top: 0;
}

.cdet-step__desc {
	font-size: 0.8rem;
	color: var(--cdet-text-light);
	margin: 0;
	line-height: 1.5;
}

/* ─────────────────────────────────────────────────────────────
LESSONS TABLE (Section 5)
───────────────────────────────────────────────────────────── */
.cdet-table-wrap {
	overflow-x: auto;
	border-radius: var(--cdet-radius-lg);
	border: 1px solid var(--cdet-border);
}

.cdet-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 760px;
}

.cdet-table thead tr {
	background: var(--cdet-primary);
}

.cdet-table thead th {
	padding: 14px 16px;
	color: #fff;
	font-size: 0.82rem;
	font-weight: 700;
	text-align: left;
	border-right: 1px solid rgba(255,255,255,0.2);
	white-space: nowrap;
}

.cdet-table thead th:last-child {
	border-right: 0;
}

.cdet-table tbody tr:nth-child(odd) {
	background: var(--cdet-bg-gray);
}

.cdet-table tbody tr:nth-child(even) {
	background: var(--cdet-bg-white);
}

.cdet-table tbody td {
	padding: 14px 16px;
	font-size: 0.82rem;
	color: var(--cdet-text-muted);
	border-bottom: 1px solid var(--cdet-border);
	vertical-align: top;
}

.cdet-table tbody tr:last-child td {
	border-bottom: 0;
}

.cdet-table tbody td strong {
	color: var(--cdet-text);
	font-weight: 700;
}

/* ─────────────────────────────────────────────────────────────
INSTRUCTOR (Section 6)
───────────────────────────────────────────────────────────── */
.cdet-instructor-card > .col-inner {
	padding: 0;
}

/* Wrapper card ngoài */
.cdet-instructor-card {
	background: var(--cdet-bg-white);
	border-radius: var(--cdet-radius-xl);
	box-shadow: var(--cdet-shadow-card);
	padding: 40px;
}

.cdet-instructor__img img {
	border-radius: var(--cdet-radius-lg);
	width: 100%;
	object-fit: cover;
}

.cdet-instructor__name h3 {
	font-size: 30px;
    font-weight: 800;
    margin-bottom: 0;
    border-bottom: 0;
}
.cdet-instructor__name h3 span{border-bottom:0;}

.cdet-instructor__role {
	font-size: 15px;
	font-weight: 700;
	color: var(--cdet-primary);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 16px;
}

.cdet-instructor__bio {
	font-size: 0.95rem;
	color: var(--cdet-text-muted);
	line-height: 1.7;
	margin-bottom: 12px;
}

/* Meta items dưới bio */
.cdet-meta-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	font-weight: 700;
	color: var(--cdet-text);
}

.cdet-meta-item__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: rgba(0, 74, 173, 0.08);
	border-radius: var(--cdet-radius-md);
	color: var(--cdet-primary);
	flex-shrink: 0;
}

/* ─────────────────────────────────────────────────────────────
MENTOR CARDS (Section 7)
───────────────────────────────────────────────────────────── */
.cdet-mentor-card > .col-inner {
	padding: 0;
}

.cdet-mentor-card {
	text-align: center;
}

.cdet-mentor-card > .col-inner {
	background: var(--cdet-bg-gray);
	border: 1px solid var(--cdet-border);
	border-radius: var(--cdet-radius-xl);
	padding: 32px 20px !important;
}

.cdet-mentor__img img {
	width: 128px !important;
	height: 128px !important;
	object-fit: cover;
	border-radius: 50%;
	margin: 0 auto 16px;
	display: block;
}

.cdet-mentor__name {
	font-size: 20px;
    font-weight: 700;
    color: var(--cdet-navy);
	margin-bottom: 4px;
}

.cdet-mentor__role {
	font-size: 16px;
	font-weight: 700;
	color: var(--cdet-primary);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 8px;
}

.cdet-mentor__desc {
	font-size: 14px;
	color: var(--cdet-text-light);
	margin: 0;
	line-height: 1.5;
}

/* ─────────────────────────────────────────────────────────────
BONUS CARDS (Section 8)
───────────────────────────────────────────────────────────── */
.cdet-bonus-card > .col-inner {
	padding: 0;
}

.cdet-bonus {
	background: var(--cdet-bg-white);
	border-radius: var(--cdet-radius-lg);
	padding: 28px 16px;
	text-align: center;
	box-shadow: var(--cdet-shadow-card);
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.cdet-bonus__icon {
	color: var(--cdet-primary);
}

.cdet-bonus__label {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--cdet-text);
	margin: 0;
	line-height: 1.4;
}

/* ─────────────────────────────────────────────────────────────
CTA SECTION (Section 9)
───────────────────────────────────────────────────────────── */
.cdet-cta-section {
	background-color: var(--cdet-primary);
}

.cdet-cta-inner > .col-inner {
	padding: 0;
}

.cdet-cta__title h2,
.cdet-cta__title {
	font-size: 40px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 8px;
}

.cdet-cta__sub {
	font-size: 20px;
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: 0;
}

.cdet-cta__price-row {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 20px;
}

.cdet-cta__price {
	font-size: 2.25rem;
	font-weight: 800;
	color: #fff;
}

.cdet-cta__price-old {
	font-size: 1.25rem;
	color: rgba(255, 255, 255, 0.5);
	text-decoration: line-through;
}

.cdet-cta__badge {
	background: var(--cdet-accent);
	color: var(--cdet-text);
	font-size: 16px;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 99px;
}

/* CTA buttons */
.cdet-btn-cta.button {
	background: var(--cdet-accent);
	color: var(--cdet-text);
	border-radius: 99px;
	font-weight: 700;
	border: 0;
}

.cdet-btn-cta.button:hover {
	box-shadow: inset 0 0 0 100px rgba(0,0,0,0.1);
	color: var(--cdet-text);
}

.cdet-btn-cta-outline.button {
	border: 1px solid rgba(255,255,255,0.3);
	background: transparent;
	color: #fff;
	border-radius: 99px;
	font-weight: 700;
}

.cdet-btn-cta-outline.button:hover {
	background: rgba(255,255,255,0.1);
	box-shadow: none;
}

/* CTA checklist */
.cdet-cta__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cdet-cta__list li {
	display: flex;
	align-items: center;
	gap: 10px;
	color: rgba(255, 255, 255, 0.9);
	font-size: 18px;
	margin-bottom: 12px;
}

.cdet-cta__list li svg {
	color: var(--cdet-accent);
	flex-shrink: 0;
}

/* Feature items dưới cùng CTA */
.cdet-cta__features {
	border-top: 1px solid rgba(255,255,255,0.15);
	padding-top: 32px;
}

.cdet-feature-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: rgba(255,255,255,0.85);
	font-size: 16px;
	font-weight: 600;
}

.cdet-feature-item svg {
	color: var(--cdet-accent);
	flex-shrink: 0;
}

/* ─────────────────────────────────────────────────────────────
RESPONSIVE — Mobile (max 549px)
───────────────────────────────────────────────────────────── */
@media screen and (max-width: 549px) {

	.cdet-hero__title h1 {
		font-size: 1.75rem;
	}

	.cdet-section__title,
	.cdet-section__title h2 {
		font-size: 1.35rem;
	}

	.cdet-hero__badge {
		top: -12px;
		right: -12px;
		padding: 8px 12px;
	}

	.cdet-course__img img {
		min-height: 180px;
	}

	.cdet-instructor-card {
		padding: 24px 16px;
	}

	.cdet-cta__price {
		font-size: 1.75rem;
	}

	.cdet-footer__newsletter {
		flex-direction: column;
	}

	.cdet-cta__price-row {
		flex-wrap: wrap;
	}
	.cdet-section .cdet-results-grid{
		padding: 0 15px;
	}
	.cdet-results-grid .cdet-result-card {
		max-width: calc(50% - 15px / 2);
	}
}

/* ─────────────────────────────────────────────────────────────
RESPONSIVE — Tablet (549px – 849px)
───────────────────────────────────────────────────────────── */
@media screen and (min-width: 550px) and (max-width: 849px) {

	.cdet-hero__title h1 {
		font-size: 2rem;
	}

	.cdet-hero__badge {
		top: -12px;
		right: -8px;
	}

	.cdet-instructor-card {
		padding: 28px 20px;
	}
}

/* End course */



/* ─── RESET CHUNG CHO TRANG ─────────────────────────────────── */
.cdet-hero-section,
.cdet-learn-section,
.cdet-outcomes-section,
.cdet-schedule-section,
.cdet-instructor-section,
.cdet-rewards-section,
.cdet-rights-section,
.cdet-pricing-section,
.cdet-guarantee-section,
.cdet-contact-section,
.cdet-bottomcta-section {
	font-family: var(--cdet-font);
}


/* ─── SECTION HEADER CHUNG ──────────────────────────────────── */
.cdet-section-header {
	margin-bottom: 48px;
}

.cdet-section-header--center {
	text-align: center;
}

.cdet-section-title h2 {
	font-size: 36px;
	font-weight: 700;
	color: var(--cdet-primary);
	margin: 0;
	line-height: 1.25;
	text-transform: capitalize;
	margin-bottom: 30px;
}

/* Dấu gạch chân accent dưới title */
.cdet-section-title h2::after {
	content: '';
	display: block;
	width: 48px;
	height: 3px;
	background: var(--cdet-primary);
	margin: 12px auto 0;
	border-radius: 2px;
}

.cdet-section-header--center .cdet-section-title::after {
	margin-left: auto;
	margin-right: auto;
}

/* Title khi left-align thì gạch chân căn trái */
.cdet-section-header:not(.cdet-section-header--center) .cdet-section-title::after {
	margin-left: 0;
}


/* ─── BUTTON CHUNG ──────────────────────────────────────────── */
.cdet-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 28px;
	font-size: 15px;
	font-weight: 700;
	border-radius: var(--cdet-radius-sm);
	text-decoration: none !important;
	transition: background 0.2s, transform 0.15s;
	cursor: pointer;
	line-height: 1.6;
}

button.cdet-btn.cdet-btn--primary {
	margin-bottom: 0;
}
.cdet-btn--primary {
	background: var(--cdet-primary);
	color: #ffffff !important;
	border: 2px solid var(--cdet-primary);
}

.cdet-btn--primary:hover {
	background: var(--cdet-navy);
	border-color: var(--cdet-navy);
	transform: translateY(-1px);
}

.cdet-btn--outline {
	background: transparent;
	color: var(--cdet-primary) !important;
	border: 2px solid var(--cdet-primary);
}

.cdet-btn--outline:hover {
	background: rgba(0, 74, 173, 0.06);
	transform: translateY(-1px);
}


/* ─── SECTION 1: HERO ──────────────────────────────────────── */
.cdet-hero-wrap {
	background: #ffffff;
	padding: 0;
}

.cdet-hero-inner {
	max-width: var(--cdet-max-width);
	margin: 0 auto;
	padding: 24px 20px 60px;
}

/* Hero 2-cột grid */
.cdet-hero-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

/* CỘT TRÁI */
.cdet-hero-title {
	font-size: 40px;
	font-weight: 800;
	color: var(--cdet-navy);
	line-height: 1.15;
	margin: 0 0 12px;
}

.cdet-hero-subtitle {
	font-size: 18px;
	font-weight: 600;
	color: var(--cdet-primary);
	margin: 0 0 16px;
	line-height: 1.5;
}

.cdet-hero-desc {
	font-size: 16px;
	color: var(--cdet-text-muted);
	line-height: 1.7;
	margin: 0 0 28px;
}

/* 4 icon badges */
.cdet-hero-badges {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin-bottom: 32px;
}

.cdet-hero-badge {
	text-align: center;
}

.cdet-hero-badge__icon {
	width: 44px;
	height: 44px;
	background: rgba(0, 74, 173, 0.08);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 8px;
	color: var(--cdet-primary);
}

.cdet-hero-badge__label {
	font-size: 14px;
	font-weight: 600;
	color: var(--cdet-text);
	line-height: 1.4;
	margin: 0;
}

/* CTA buttons */
.cdet-hero-cta {
	display: flex;
	flex-wrap: wrap;
}

/* CỘT PHẢI: video */
.cdet-video-thumb {
	position: relative;
	border-radius: var(--cdet-radius-lg);
	overflow: hidden;
	box-shadow: 0 12px 40px rgba(0,0,0,0.15);
}

.cdet-video-thumb__img {
	width: 100%;
	height: auto;
	display: block;
}

.cdet-video-thumb__play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 53, 127, 0.25);
}

.cdet-play-btn {
	width: 68px;
	height: 68px;
	background: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--cdet-primary);
	cursor: pointer;
	transition: transform 0.2s, box-shadow 0.2s;
	box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}
.cdet-play-btn a.button:hover i{
	color: #fff;
}
.cdet-play-btn a.button{
	margin: 0;
	color: var(--primary-color);
}
.cdet-play-btn:hover {
	transform: scale(1.1);
	box-shadow: 0 8px 32px rgba(0,0,0,0.25);
}

/* Course meta 4 thông tin */
.cdet-course-meta {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-top: 16px;
}

.cdet-course-meta__item {
	background: var(--cdet-bg-gray);
	border-radius: var(--cdet-radius-md);
	padding: 14px 16px;
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--cdet-primary);
}

.cdet-course-meta__item > div {
	display: flex;
	flex-direction: column;
}

.cdet-course-meta__label {
	font-size: 13px;
	color: var(--cdet-text-light);
	font-weight: 500;
}

.cdet-course-meta__value {
	font-size: 15px;
	font-weight: 700;
	color: var(--cdet-text);
}


/* ─── SECTION 2: BẠN SẼ HỌC ĐƯỢC GÌ ──────────────────────── */
.cdet-learn-card {
	background: var(--cdet-bg-white);
	border: 1px solid var(--cdet-border);
	border-radius: var(--cdet-radius-md);
	padding: 28px 20px;
	height: 100%;
	box-shadow: var(--cdet-shadow-card);
	transition: box-shadow 0.2s, transform 0.2s;
}
.cdet-learn-card:hover {
	box-shadow: var(--cdet-shadow-hover);
	transform: translateY(-3px);
}

.cdet-learn-card__icon {
	width: 48px;
	height: 48px;
	background: rgba(0, 74, 173, 0.08);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--cdet-primary);
	margin-bottom: 16px;
}

.cdet-learn-card__title {
	font-size: 18px;
	font-weight: 700;
	color: var(--cdet-primary);
	margin: 0 0 8px;
}

.cdet-learn-card__desc {
	font-size: 16px;
	color: var(--cdet-text-muted);
	line-height: 1.6;
	margin: 0;
}


/* ─── SECTION 3: KẾT QUẢ HỌC VIÊN ─────────────────────────── */
.cdet-outcomes-img img {
	border-radius: var(--cdet-radius-lg);
	box-shadow: 0 8px 32px rgba(0,0,0,0.10);
}

.cdet-outcomes-content {
	padding-left: 20px;
}

/* 4 stats */
.cdet-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	margin-bottom: 36px;
}

.cdet-stat-item {
	text-align: center;
}

.cdet-stat-item__icon {
	color: var(--cdet-primary);
	margin-bottom: 8px;
	display: flex;
	justify-content: center;
}

.cdet-stat-item__number {
	font-size: 32px;
	font-weight: 800;
	color: var(--cdet-navy-dark);
	line-height: 1;
	margin-bottom: 4px;
}

.cdet-stat-item__label {
	font-size: 15px;
	color: var(--cdet-text-light);
	font-weight: 500;
}

/* Benefit list */
.cdet-benefit-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.cdet-benefit-list__item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 17px;
	color: var(--cdet-text);
	line-height: 1.5;
}

.cdet-benefit-list__item svg {
	color: var(--cdet-green);
	flex-shrink: 0;
	margin-top: 2px;
}

/* ─── SECTION 4: LỊCH HỌC + NỘI DUNG ──────────────────────── */

/* Sidebar lịch học (navy) */
.cdet-schedule-sidebar {
	background: var(--cdet-navy);
	border-radius: var(--cdet-radius-lg);
	overflow: hidden;
	height: 100%;
}

.cdet-schedule-sidebar__head {
	background: var(--cdet-navy-dark);
	color: #ffffff;
	padding: 18px 24px;
	font-size: 20px;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 10px;
}

.cdet-schedule-sidebar__body {
	padding: 20px 24px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.cdet-schedule-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	color: rgba(255,255,255,0.85);
}

.cdet-schedule-item__icon {
	width: 32px;
	height: 32px;
	background: rgba(255,255,255,0.12);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #ffffff;
}

.cdet-schedule-item__label {
	font-size: 15px;
	color: rgba(255,255,255,0.55);
	font-weight: 500;
	margin: 0 0 2px;
}

.cdet-schedule-item__value {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	margin: 0;
}

/* CTA button trong sidebar */
.cdet-schedule-sidebar__cta {
	display: block;
	background: var(--cdet-accent);
	color: var(--cdet-navy-dark) !important;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	padding: 16px;
	text-decoration: none !important;
	transition: background 0.2s;
}

.cdet-schedule-sidebar__cta:hover {
	background: #fbbf24;
}

/* Label trên accordion */
.cdet-modules-label {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: var(--cdet-primary);
	margin: 0 0 16px;
}

/* Accordion override cho Flatsome */
.cdet-modules-accordion .accordion {
	border: none;
	gap: 10px;
	display: flex;
	flex-direction: column;
}

.cdet-modules-accordion .accordion-content {
	border: 1px solid var(--cdet-border);
	border-top: none;
	border-radius: 0 0 var(--cdet-radius-md) var(--cdet-radius-md);
	background: var(--cdet-bg-white);
	padding: 0 20px;
}
.cdet-modules-accordion .accordion-item{
	margin-bottom: 5px;
	background: var(--cdet-bg-white);
	border: 1px solid var(--cdet-border);
	border-radius: var(--cdet-radius-md) !important;
}
.cdet-modules-accordion .accordion-item:has(> .active){
	border: 1px solid var(--cdet-primary);
}
.accordion-title.active{
	background: rgba(0, 74, 173, 0.1);
	border: 0;
	border-bottom: 1px solid rgba(0, 74, 173, 0.3);
}
.cdet-modules-accordion .accordion-title {
	padding: 16px 20px;
	font-size: 14px;
	font-weight: 700;
	color: var(--cdet-text);
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 16px;
}
.cdet-modules-accordion.accordion .toggle{
	right: 10px;
	left: auto;
	top: 13px;
	color: var(--fs-color-primary);
}
.cdet-modules-accordion .accordion-title>span {
	color: var(--cdet-primary);
	font-weight: 800;
	font-size: 18px;
	border-radius: 3px;
	white-space: nowrap;
}
.cdet-modules-accordion .accordion-title>span span{
	margin-right: 20px;
}

.cdet-accordion-body p {
	font-size: 16px;
	color: var(--cdet-text-muted);
	line-height: 1.7;
	margin: 0 0 12px;
}

.cdet-accordion-body ul {
	padding-left: 18px;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.cdet-accordion-body ul li {
	font-size: 16px;
	color: var(--cdet-text);
	line-height: 1.5;
}


/* ─── SECTION: Khoa hoc ──────────────────────── */
.cdet-courses__tabs .nav-pills {
	background: #fff;
	border: 1px solid var(--cdet-border);
	border-radius: var(--cdet-radius-md);
	padding: 4px;
	display: inline-flex;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
	width: auto !important;
	margin: auto;
    gap: 10px;
    margin-bottom: 20px;
}

.cdet-courses__tabs .nav-pills > li {
	margin: 0;
}

.cdet-courses__tabs .nav-pills > li > a {
	border-radius: 6px;
	padding: 8px 36px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--cdet-text-light);
}

.cdet-courses__tabs .nav-pills > li.active > a,
.cdet-courses__tabs .nav-pills > li > a:hover {
	background: var(--cdet-primary);
	color: #fff;
}

/* Course cards */
.cdet-course-card > .col-inner {
	padding: 0;
	height: 100%;
}

.cdet-course {
	background: #fff;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0,0,0,0.06);
	transition: box-shadow 0.3s;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.cdet-course:hover {
	box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}

.cdet-course__thumb img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	display: block;
	border-radius: 0;
}

.cdet-course__body {
	padding: 20px 20px 24px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.cdet-course__name {
	font-size: 20px;
    font-weight: 800;
    color: var(--cdet-primary);
    margin: 0 0 12px;
    line-height: 1.3;
}

.cdet-course__meta {
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px;
}

.cdet-course__meta-item {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--cdet-navy);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.cdet-course__meta-item svg {
	color: var(--cdet-navy);
}

.cdet-course__desc {
	font-size: 0.9375rem;
	color: var(--cdet-text-light);
	line-height: 1.6;
	margin: 0 0 16px;
	flex-grow: 1;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.cdet-course__link {
	font-size: 0.9rem;
	font-weight: 800;
	color: var(--cdet-primary);
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: auto;
	transition: gap 0.2s;
}

.cdet-course__link:hover {
	gap: 8px;
	color: var(--cdet-primary);
}


/* ─── SECTION 5: GIẢNG VIÊN ─────────────────────────────────── */
.cdet-instructor-section .large-4 .col-inner {
	border-radius: var(--cdet-radius-lg);
	border: 4px solid var(--cdet-bg-gray);
	box-shadow: var(--cdet-shadow-card);
	overflow: hidden;
}
.cdet-instructor-section .cdet-instructor-img {
	margin-bottom: 0 !important;
}
.cdet-instructor-content {
	padding-left: 20px;
}

.cdet-instructor-name {
	font-size: 30px;
	font-weight: 800;
	color: var(--cdet-navy);
	margin: 0 0 6px;
}

.cdet-instructor-role {
	font-size: 16px;
	color: var(--cdet-text-muted);
	font-style: italic;
	font-weight: 500;
	margin: 0 0 24px;
}

.cdet-instructor-list {
	list-style: none;
	padding: 0;
	margin: 0 0 28px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.cdet-instructor-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 16px;
	color: var(--cdet-text);
	line-height: 1.5;
}

.cdet-instructor-list svg {
	color: var(--cdet-primary);
	flex-shrink: 0;
	margin-top: 2px;
}

/* Video nhỏ giới thiệu */
.cdet-instructor-video {
	display: flex;
	align-items: center;
	gap: 16px;
}

.cdet-instructor-video__thumb {
	position: relative;
	width: 160px;
	border-radius: var(--cdet-radius-md);
	overflow: hidden;
	cursor: pointer;
	flex-shrink: 0;
}

.cdet-instructor-video__thumb img {
	width: 100%;
	height: 90px;
	object-fit: cover;
	display: block;
}

.cdet-instructor-video__play {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.35);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	transition: background 0.2s;
}

.cdet-instructor-video__thumb:hover .cdet-instructor-video__play {
	background: rgba(0,0,0,0.15);
}

.cdet-instructor-video__label {
	font-size: 12px;
	font-weight: 700;
	color: var(--cdet-text-light);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}


/* ─── SECTION 6: QUÀ TẶNG ──────────────────────────────────── */
.cdet-reward-card {
	background: var(--cdet-bg-white);
	border: 1px solid var(--cdet-border);
	border-radius: var(--cdet-radius-md);
	padding: 28px 20px;
	text-align: center;
	height: 100%;
	box-shadow: var(--cdet-shadow-card);
	transition: box-shadow 0.2s, transform 0.2s;
}

.cdet-reward-card:hover {
	box-shadow: var(--cdet-shadow-hover);
	transform: translateY(-3px);
}

.cdet-reward-card__tag {
	color: #fff;
	background: var(--cdet-primary);
	font-size: 10px;
	font-weight: 700;
	padding: 5px 15px;
	border-radius: 3px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

.cdet-reward-card__icon {
	width: 64px;
	height: 64px;
	border-radius: var(--cdet-radius-md);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px;
}

.cdet-reward-card__icon--green { background: #f0fdf4; color: var(--cdet-green); }
.cdet-reward-card__icon--blue  { background: rgba(0,74,173,0.08); color: var(--cdet-primary); }
.cdet-reward-card__icon--navy  { background: var(--cdet-navy-dark); color: #ffffff; }
.cdet-reward-card__icon--zalo  { background: #0068ff; color: #ffffff; }

.cdet-reward-card__zalo-text {
	font-size: 18px;
	font-weight: 900;
	color: #ffffff;
}

.cdet-reward-card__title {
	font-size: 18px;
	font-weight: 700;
	color: var(--cdet-primary);
	margin: 0 0 8px;
}

.cdet-reward-card__desc {
	font-size: 15px;
	color: var(--cdet-text-light);
	line-height: 1.6;
	margin: 0;
}


/* ─── SECTION 7: QUYỀN LỢI HỌC VIÊN ──────────────────────── */
.cdet-rights-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 40px 20px;
}

.cdet-rights-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.cdet-rights-item__icon {
	width: 44px;
	height: 44px;
	background: rgba(0, 74, 173, 0.08);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--cdet-primary);
	flex-shrink: 0;
}

.cdet-rights-item__title {
	font-size: 18px;
	font-weight: 700;
	color: var(--cdet-primary);
	margin: 0 0 4px;
}

.cdet-rights-item__desc {
	font-size: 16px;
	color: var(--cdet-text-light);
	margin: 0;
	line-height: 1.5;
}

/* Highlight box bên phải */
.cdet-rights-highlight {
	background: var(--cdet-bg-gray);
	border-radius: var(--cdet-radius-lg);
	padding: 15px 20px;
	height: 100%;
	display: flex;
	align-items: center;
}
.cdet-rights-highlight__list li p{
	margin-bottom: 0;
}
.cdet-rights-highlight__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.cdet-rights-highlight__list li {
	display: flex;
	align-items: center;
	gap: 14px;
	font-size: 16px;
	font-weight: 700;
	color: var(--cdet-text);
	margin-left: 0 !important;
}

.cdet-rights-highlight__check {
	width: 30px;
	height: 30px;
	background: var(--cdet-primary);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	flex-shrink: 0;
}


/* ─── SECTION 8: GIÁ + FORM ─────────────────────────────────── */

/* Pricing box (navy background) */
.cdet-pricing-section {
	background: var(--cdet-primary);
}
.cdet-pricing-col .col-inner {
	background: var(--cdet-navy);
	border-radius: var(--cdet-radius-xl);
	padding: 40px 36px;
	color: #ffffff;
	height: 100%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}


.cdet-pricing-box__badge {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: rgba(161, 193, 255, 1);
	margin: 0 0 12px;
}

.cdet-pricing-box__prices {
	display: flex;
	align-items: flex-end;
	gap: 16px;
	margin-bottom: 28px;
}

.cdet-pricing-box__price-current {
	font-size: 44px;
	font-weight: 800;
	color: #ffffff;
	line-height: 1;
}

.cdet-pricing-box__price-original {
	font-size: 22px;
	font-weight: 500;
	color: rgba(161, 193, 255, 0.7);
	text-decoration: line-through;
}

/* Tags (Online / 6 buổi / Giới hạn) */
.cdet-pricing-box__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 28px;
}

.cdet-pricing-box__tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(255,255,255,0.12);
	color: rgba(255,255,255,0.9);
	font-size: 12px;
	font-weight: 600;
	padding: 6px 14px;
	border-radius: 999px;
}

/* Button chính — vàng → trang thanh toán */
.cdet-pricing-box__btn-primary {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	background: var(--cdet-accent);
	color: var(--cdet-navy-dark) !important;
	font-size: 16px;
	font-weight: 800;
	padding: 18px;
	border-radius: var(--cdet-radius-sm);
	text-decoration: none !important;
	margin-bottom: 12px;
	transition: background 0.2s, transform 0.15s;
}

.cdet-pricing-box__btn-primary:hover {
	background: #fbbf24;
	transform: translateY(-1px);
}

/* Button phụ — outline trắng */
.cdet-pricing-box__btn-secondary {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	background: transparent;
	color: #ffffff !important;
	font-size: 14px;
	font-weight: 700;
	padding: 14px;
	border-radius: var(--cdet-radius-sm);
	border: 2px solid rgba(255,255,255,0.3);
	text-decoration: none !important;
	margin-bottom: 28px;
	transition: background 0.2s;
}

.cdet-pricing-box__btn-secondary:hover {
	background: rgba(255,255,255,0.1);
}

/* Trust badges */
.cdet-pricing-box__trust {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: space-between;
	border-top: 1px solid rgba(255,255,255,0.15);
	padding-top: 20px;
}

.cdet-pricing-box__trust span {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: rgba(255,255,255,0.65);
}

/* Form box */
.cdet-pricing-section .cdet-pricing-col{
	padding-right: 0;
}
.cdet-pricing-section .cdet-form-col{
	padding-left: 0;
}
.cdet-form-col .col-inner {
	background: var(--cdet-bg-white);
	border-radius: var(--cdet-radius-xl);
	padding: 40px 36px;
	box-shadow: var(--cdet-shadow-hover);
	height: 100%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.cdet-form-box__title {
	font-size: 24px;
	font-weight: 700;
	text-transform: capitalize;
	color: var(--cdet-primary);
	margin: 0 0 28px;
	padding-left: 16px;
	border-left: 4px solid var(--cdet-primary);
}

/* CF7 form override cho section này */
.cdet-form-col .wpcf7-form input[type="text"],
.cdet-form-col .wpcf7-form input[type="email"],
.cdet-form-col .wpcf7-form input[type="tel"],
.cdet-form-col .wpcf7-form select,
.cdet-form-col .wpcf7-form textarea {
	width: 100%;
	border: 1px solid var(--cdet-border);
	border-radius: var(--cdet-radius-sm);
	padding: 10px 15px;
	font-size: 16px;
	font-family: var(--cdet-font);
	color: var(--cdet-text);
	background: var(--cdet-bg-white);
	transition: border-color 0.2s, box-shadow 0.2s;
	height: auto;
	box-shadow: none;
}

.cdet-form-col .wpcf7-form input:focus,
.cdet-form-col .wpcf7-form select:focus,
.cdet-form-col .wpcf7-form textarea:focus {
	outline: none;
	border-color: var(--cdet-primary);
	box-shadow: 0 0 0 3px rgba(0, 74, 173, 0.12);
}

.cdet-form-col .wpcf7-form input[type="submit"] {
	width: 100%;
	background: var(--cdet-primary);
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	padding: 16px;
	border: none;
	border-radius: var(--cdet-radius-sm);
	cursor: pointer;
	transition: background 0.2s, transform 0.15s;
	font-family: var(--cdet-font);
}

.cdet-form-col .wpcf7-form input[type="submit"]:hover {
	background: var(--cdet-navy);
	transform: translateY(-1px);
}

/* Layout row + label cho CF7 (khớp với .cdet-cf7-row trong shortcode CF7) */
.cdet-form-col .cdet-cf7-row {
	margin-bottom: 13px;
}
.cdet-cf7-row.cdet-cf7-2col {
	display: flex;
	gap: 20px;
}
.cdet-form-col .cdet-cf7-row label {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: var(--cdet-text);
	margin-bottom: 6px;
}

.cdet-form-col .cdet-cf7-row--submit {
	margin-top: 8px;
	margin-bottom: 0;
}
.cdet-form-col .cdet-cf7-row--submit span.wpcf7-spinner {
	display: none;
}
.cdet-form-box form.wpcf7-form.init {
	margin-bottom: 0;
}
/* CF7 tự sinh wrapper <span class="wpcf7-form-control-wrap"> quanh mỗi field */
.cdet-form-col .wpcf7-form-control-wrap {
	display: block;
}

/* Validation lỗi CF7 */
.cdet-form-col .wpcf7-not-valid-tip {
	font-size: 12px;
	color: #ef4444;
	margin-top: 4px;
	display: block;
}

.cdet-form-col .wpcf7-form-control.wpcf7-not-valid {
	border-color: #ef4444 !important;
}

.cdet-form-col .wpcf7-response-output {
	margin-top: 16px;
	padding: 12px 16px;
	border-radius: var(--cdet-radius-sm);
	font-size: 13px;
}


/* ─── SECTION 9: CAM KẾT HOÀN TIỀN ────────────────────────── */
.cdet-guarantee-box {
	background: var(--cdet-bg-gray);
	border-radius: var(--cdet-radius-xl);
	padding: 20px;
	display: flex;
	align-items: center;
	gap: 36px;
	flex-wrap: wrap;
}

.cdet-guarantee-box__content {
	flex: 1;
	min-width: 260px;
}

.cdet-guarantee-box__title {
	font-size: 22px;
	font-weight: 800;
	color: var(--cdet-primary);
	margin: 0 0 12px;
}

.cdet-guarantee-box__desc {
	font-size: 15px;
	color: var(--cdet-text-muted);
	line-height: 1.7;
	margin: 0;
}

/* Badge vàng tròn */
.cdet-guarantee-box__badge, .cdet-guarantee-box__shield {
	width: 150px;
}
.cdet-guarantee-box__badge span:nth-child(1) {
	font-size: 20px;
	font-weight: 900;
	color: var(--cdet-navy-dark);
	line-height: 1;
}

.cdet-guarantee-box__badge span:nth-child(2) {
	font-size: 11px;
	font-weight: 800;
	color: var(--cdet-navy-dark);
	line-height: 1.3;
}

.cdet-guarantee-box__badge span:nth-child(3) {
	font-size: 9px;
	font-weight: 500;
	color: var(--cdet-navy);
	line-height: 1.3;
}


/* ─── SECTION 10: LIÊN HỆ ──────────────────────────────────── */
.cdet-contact-items {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cdet-contact-item {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 18px;
	border: 1px solid var(--cdet-border);
	border-radius: var(--cdet-radius-md);
	background: var(--cdet-bg-white);
	transition: box-shadow 0.2s;
}

.cdet-contact-item:hover {
	box-shadow: var(--cdet-shadow-hover);
}

.cdet-contact-item__icon {
	width: 40px;
	height: 40px;
	background: rgba(0, 74, 173, 0.08);
	border-radius: var(--cdet-radius-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--cdet-primary);
	flex-shrink: 0;
}

.cdet-contact-item__label {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--cdet-text-light);
	margin: 0 0 2px;
}

.cdet-contact-item__value {
	font-size: 18px;
	font-weight: 700;
	color: var(--cdet-text);
	margin: 0;
}

/* Trust list bên phải */
.cdet-contact-trust {
	background: var(--cdet-bg-gray);
	border-radius: var(--cdet-radius-lg);
	padding: 32px 28px;
	height: 100%;
	display: flex;
	align-items: center;
}

.cdet-contact-trust ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.cdet-contact-trust li {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 18px;
	font-weight: 600;
	color: var(--cdet-text);
}

.cdet-contact-trust svg {
	color: var(--cdet-green);
	flex-shrink: 0;
}

/* Google Map */
.cdet-contact-map {
	border-radius: var(--cdet-radius-md);
	overflow: hidden;
	height: 100%;
	min-height: 240px;
	border: 1px solid var(--cdet-border);
}

.cdet-contact-map iframe {
	width: 100%;
	height: 100%;
	min-height: 240px;
	display: block;
}


/* ─── SECTION 11: BOTTOM CTA ────────────────────────────────── */
.cdet-bottomcta {
	text-align: center;
}

.cdet-bottomcta-section .col-inner {
	background: rgb(0, 53, 127);
	padding: 40px;
	border-radius: 40px;
}
.cdet-bottomcta__title {
	font-size: 30px;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 16px;
	text-transform: capitalize;
}
.cdet-bottomcta__btn-primary {
	margin-bottom: 0;
}
.cdet-bottomcta__desc {
	font-size: 18px;
	color: rgba(161,193,255,0.9);
	max-width: 640px;
	margin: 0 auto 36px;
	line-height: 1.7;
}

.cdet-bottomcta__btns {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
}
.cdet-bottomcta__btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: var(--cdet-accent);
	color: var(--cdet-navy-dark) !important;
	font-size: 15px;
	font-weight: 800;
	padding: 10px 32px;
	border-radius: var(--cdet-radius-sm);
	text-decoration: none !important;
	transition: background 0.2s, transform 0.15s;
}

.cdet-bottomcta__btn-primary:hover {
	background: #fbbf24;
	transform: translateY(-1px);
}

.cdet-bottomcta__btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: transparent;
	color: #ffffff !important;
	font-size: 15px;
	font-weight: 700;
	padding: 10px 32px;
	border-radius: var(--cdet-radius-sm);
	border: 2px solid rgba(255,255,255,0.35);
	text-decoration: none !important;
	transition: background 0.2s;
	text-transform: capitalize;
}

.cdet-bottomcta__btn-secondary:hover {
	background: rgba(255,255,255,0.10);
}


/* ─── RESPONSIVE: TABLET (≤ 1024px) ─────────────────────────── */
@media (max-width: 1024px) {

	.cdet-hero-title { font-size: 32px; }
	.cdet-hero-badges { grid-template-columns: repeat(2, 1fr); }
	.cdet-stats-grid { grid-template-columns: repeat(2, 1fr); }
	.cdet-outcomes-content { padding-left: 0; }
	.cdet-instructor-content { padding-left: 0; }

	/* Schedule section: sidebar full width trên md */
	.cdet-schedule-sidebar-col .cdet-schedule-sidebar {
		margin-bottom: 24px;
	}
}


/* ─── RESPONSIVE: MOBILE (≤ 767px) ──────────────────────────── */
@media (max-width: 767px) {

	.cdet-hero-inner {
		padding: 20px 15px 30px;
	}

	/* Hero: 1 cột */
	.cdet-hero-grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.cdet-hero-title { font-size: 28px; }
	.cdet-hero-subtitle { font-size: 16px; }

	.cdet-hero-badges {
		grid-template-columns: repeat(2, 1fr);
	}

	.cdet-hero-cta {
		flex-direction: column;
		gap: 15px;
	}
	.cdet-hero-cta br{display: none;}
	.cdet-hero-cta .cdet-btn {
		width: 100%;
		justify-content: center;
	}

	/* Course meta: 1 cột */
	.cdet-course-meta { grid-template-columns: 1fr; }

	/* Stats */
	.cdet-stats-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	/* Rights */
	.cdet-rights-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	/* Pricing */
	.cdet-pricing-box { padding: 28px 20px; }
	.cdet-pricing-box__price-current { font-size: 32px; }
	.cdet-pricing-box__price-original {font-size: 18px;}
	.cdet-pricing-box__trust { flex-direction: column; gap: 8px; }

	.cdet-pricing-section .cdet-pricing-col{
		padding-right: 15px;
	}
	.cdet-pricing-section .cdet-pricing-col .col-inner{
		border-top-right-radius: 24px;
		border-bottom-right-radius: 24px;
	}
	.cdet-pricing-section .cdet-form-col{
		padding-left: 15px;
	}
	.cdet-pricing-section .cdet-form-col .col-inner{
		border-top-left-radius: 24px;
		border-bottom-left-radius: 24px;
	}

	/* Guarantee */
	.cdet-guarantee-box {
		flex-direction: column;
		text-align: center;
		gap: 15px;
	}
	.cdet-reward-card__tag{font-size: 8px;}
	.cdet-guarantee-box__title { font-size: 18px; }

	/* Bottom CTA */
	.cdet-bottomcta__title { font-size: 22px; }
	.cdet-bottomcta__btns { flex-direction: column; }
	.cdet-bottomcta__btn-primary,
	.cdet-bottomcta__btn-secondary { width: 100%; justify-content: center; }

	/* Section title */
	.cdet-section-title { font-size: 24px; }
	.section-content .col.pb-0 {
		padding-bottom: 30px !important;
	}
	.cdet-section-header {
		margin-bottom: 10px;
	}
	.cdet-learn-card{
		padding-left: 90px;
	}
	.cdet-learn-card__icon{
		position: absolute;
		left: 20px;
		top: 50%;
		transform: translateY(-50%);
	}
	.cdet-bottomcta__btn-primary{
		padding: 10px 20px;
	}
	.cdet-bottomcta__btns br {
		display: none;
	}
}