/* ==============================================================
   TRANG GIỚI THIỆU (PAGE ID = 44) - BIO MINH LONG
   Pixel-perfect styling matching design mockup
   ============================================================== */

/* --- TỔNG THỂ & RESET PADDING CỘT --- */
.sec-intro-hero,
.sec-intro-about,
.sec-intro-orient,
.sec-intro-criteria,
.sec-intro-commit,
.sec-intro-process,
.sec-intro-contact {
	font-family: var(--bml-font, 'Mulish', sans-serif);
	box-sizing: border-box;
}

.sec-intro-hero br,
.sec-intro-about br,
.sec-intro-orient br,
.sec-intro-criteria br,
.sec-intro-commit br,
.sec-intro-process br,
.sec-intro-contact br {
	display: none !important;
}

/* Đảm bảo toàn bộ các hàng (row) luôn căn giữa màn hình chuẩn lưới 1220px */
.sec-intro-hero .row,
.sec-intro-about .row,
.sec-intro-orient .row,
.sec-intro-criteria .row,
.sec-intro-process .row,
.sec-intro-contact .row {
	max-width: 1220px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ==============================================================
   SECTION 01: HERO BANNER (sec-intro-hero)
   ============================================================== */
.sec-intro-hero {
	position: relative !important;
	min-height: 540px !important;
	display: flex !important;
	align-items: center !important;
	overflow: hidden !important;
	padding: 0 !important;
	margin: 0 !important;
	background-color: #07281c !important;
}

.sec-intro-hero .section-bg {
	position: absolute !important;
	top: 0; left: 0;
	width: 100% !important;
	height: 100% !important;
	background-color: #07281c;
}

.sec-intro-hero .section-bg img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center right !important;
}

/* Lớp phủ gradient nền tự nhiên trên banner (từ trái đậm dần qua phải trong suốt) */
.sec-intro-hero .section-bg::after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: linear-gradient(90deg,
					rgba(7, 40, 29, 0.98) 0%,
					rgba(7, 40, 29, 0.94) 28%,
					rgba(7, 40, 29, 0.84) 44%,
					rgba(7, 40, 29, 0.45) 58%,
					rgba(7, 40, 29, 0.10) 70%,
					transparent 82%);
	z-index: 1;
	pointer-events: none;
}

.sec-intro-hero .section-content {
	position: relative !important;
	z-index: 2 !important;
	width: 100% !important;
	padding: 80px 0 !important;
}

.sec-intro-hero .row {
	max-width: 1220px !important;
	margin: 0 auto !important;
	align-items: center !important;
}

/* KHÔNG dùng card/border box bọc text - text hòa trực tiếp vào nền như mẫu */
.sec-intro-hero .col .col-inner,
.sec-intro-hero .col:first-child .col-inner,
.sec-intro-hero .col:has(.hero-title) .col-inner {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	padding: 0 !important;
}

.sec-intro-hero .intro-breadcrumb {
	font-size: 14px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.72);
	margin-bottom: 22px;
	letter-spacing: 0.3px;
	display: inline-block;
}

.sec-intro-hero .hero-title {
	font-family: var(--bml-font, 'Mulish', sans-serif) !important;
	font-size: clamp(36px, 4vw, 52px) !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	color: #ffffff !important;
	letter-spacing: -0.5px !important;
	margin: 0 0 20px 0 !important;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
}

.sec-intro-hero .hero-title .title-line {
	display: block;
}

.sec-intro-hero .hero-subtitle {
	font-size: 18px !important;
	font-weight: 500 !important;
	color: rgba(255, 255, 255, 0.88) !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}

/* ==============================================================
   SECTION 02: VỀ BIO MINH LONG (sec-intro-about)
   ============================================================== */
.sec-intro-about {
	background-color: #f5f5ee !important;
	padding-top: 85px !important;
	padding-bottom: 85px !important;
}

.sec-intro-about .accent-bar {
	width: 48px;
	height: 4px;
	background-color: #2e8b57;
	border-radius: 2px;
	margin-bottom: 24px;
}

.sec-intro-about .section-heading {
	font-size: 52px !important;
	font-weight: 800 !important;
	color: #0b2e23 !important;
	line-height: 1.18 !important;
	letter-spacing: -1px;
	margin-bottom: 22px !important;
}

.sec-intro-about .section-desc {
	font-size: 19px !important;
	color: #404b46 !important;
	line-height: 1.7 !important;
	margin-bottom: 36px !important;
	max-width: 530px;
	font-weight: 500;
}

.sec-intro-about .about-actions {
	display: flex;
	gap: 36px;
	align-items: center;
	flex-wrap: wrap;
}

/* Link dạng chữ có gạch chân xanh dưới chữ chuẩn đúng mẫu */
.sec-intro-about .btn-intro-link {
	border: none !important;
	border-bottom: 1.5px solid #2e8b57 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	color: #0b2e23 !important;
	padding: 0 0 5px 0 !important;
	margin: 0 !important;
	min-height: unset !important;
	height: auto !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	transition: all 0.25s ease !important;
}

.sec-intro-about .btn-intro-link span {
	color: inherit !important;
}

.sec-intro-about .btn-intro-link:hover {
	background: transparent !important;
	color: #2e8b57 !important;
	border-bottom-color: #0b2e23 !important;
	transform: translateY(-2px);
	box-shadow: none !important;
}

/* Cột ảnh to hơn, rõ nét và bo góc chuẩn mẫu */
@media (min-width: 850px) {
	.sec-intro-about .row {
		display: flex !important;
		align-items: center !important;
	}
	.sec-intro-about .row > .col:first-child {
		max-width: 48% !important;
		flex-basis: 48% !important;
		padding-right: 25px !important;
	}
	.sec-intro-about .row > .col:last-child {
		max-width: 52% !important;
		flex-basis: 52% !important;
	}
}

.sec-intro-about .img-inner {
	border-radius: 24px !important;
	overflow: hidden !important;
	box-shadow: 0 14px 38px rgba(11, 46, 35, 0.10) !important;
}

.sec-intro-about .img-inner img {
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	display: block;
	width: 100% !important;
	height: auto !important;
	min-height: 350px !important;
	object-fit: cover !important;
}

.sec-intro-about .img-inner:hover img {
	transform: scale(1.02);
}

/* ==============================================================
   SECTION 03: ĐỊNH HƯỚNG PHÁT TRIỂN (sec-intro-orient)
   ============================================================== */
.sec-intro-orient {
	background-color: #ffffff;
	padding-top: 50px !important;
	padding-bottom: 28px !important;
}

.sec-intro-orient .orient-header-row {
	display: flex;
	align-items: center;
	margin-bottom: 24px !important;
}

.sec-intro-orient .section-heading {
	font-size: 34px !important;
	font-weight: 800 !important;
	color: #0e382b !important;
	letter-spacing: -0.5px;
	margin: 0 !important;
}

.sec-intro-orient .section-badge {
	font-size: 14px;
	font-weight: 600;
	color: #374151;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.sec-intro-orient .section-badge::before {
	content: "";
	width: 28px;
	height: 3px;
	background-color: #339538;
	border-radius: 2px;
	display: inline-block;
}

/* Đảm bảo 2 box luôn có chiều cao bằng nhau tuyệt đối */
.sec-intro-orient .orient-cards-row {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: stretch !important;
}

.sec-intro-orient .orient-cards-row > .col {
	padding: 0 12px !important;
	margin-bottom: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-self: stretch !important;
}

.sec-intro-orient .orient-cards-row > .col > .col-inner {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 100% !important;
	height: 100% !important;
	width: 100% !important;
}

/* Card: Layout Grid - Icon bên trái, Tiêu đề ở trên, nội dung ở dưới đúng bản thiết kế */
.sec-intro-orient .orient-card {
	border-radius: 20px !important;
	padding: 28px 30px !important;
	height: 100% !important;
	box-sizing: border-box !important;
	display: grid !important;
	grid-template-columns: 76px 1fr !important;
	grid-template-rows: auto 1fr !important;
	column-gap: 22px !important;
	row-gap: 8px !important;
	align-items: start !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.sec-intro-orient .orient-card:hover {
	transform: translateY(-3px);
}

.sec-intro-orient .dark-card {
	background-color: #0e382b !important;
	color: #ffffff !important;
	box-shadow: 0 8px 24px rgba(14, 56, 43, 0.12) !important;
}

.sec-intro-orient .light-card {
	background-color: #ddedd8 !important;
	color: #0e382b !important;
	box-shadow: none !important;
}

.sec-intro-orient .card-icon {
	grid-column: 1 !important;
	grid-row: 1 / span 2 !important;
	width: 76px !important;
	height: 76px !important;
	margin: 0 !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	align-self: center !important;
}

/* Icon Tầm nhìn: Mặt trời mọc trên 2 lượn sóng nước (SVG đúng mẫu) */
.sec-intro-orient .dark-card .card-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none' stroke='%23cae88d' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M25 50 A 15 15 0 0 1 55 50'/><line x1='40' y1='25' x2='40' y2='17'/><line x1='56' y1='32' x2='62' y2='27'/><line x1='15' y1='48' x2='7' y2='48'/><line x1='65' y1='48' x2='73' y2='48'/><path d='M10 56 Q 25 51 40 56 T 70 56'/><path d='M10 65 Q 25 60 40 65 T 70 65'/></svg>") !important;
}
.sec-intro-orient .dark-card .card-icon i {
	display: none !important;
}

/* Icon Sứ mệnh: Mầm cây 2 lá trên vòm đất (SVG đúng mẫu) */
.sec-intro-orient .light-card .card-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none' stroke='%230e382b' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M40 60 V 38'/><path d='M40 46 C 26 46 22 34 22 24 C 32 24 40 32 40 38 Z'/><path d='M40 38 C 44 26 56 22 66 22 C 66 32 58 42 40 44'/><path d='M12 62 Q 40 52 68 62'/></svg>") !important;
}
.sec-intro-orient .light-card .card-icon i {
	display: none !important;
}

.sec-intro-orient .card-title {
	grid-column: 2 !important;
	grid-row: 1 !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	margin: 0 !important;
	color: inherit !important;
	line-height: 1.2 !important;
}

.sec-intro-orient .card-desc {
	grid-column: 2 !important;
	grid-row: 2 !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	margin: 0 !important;
	color: inherit !important;
	opacity: 0.92 !important;
}

/* ==============================================================
   SECTION 04: TIÊU CHÍ KINH DOANH (sec-intro-criteria)
   ============================================================== */
.sec-intro-criteria {
	background-color: #ffffff;
	padding-top: 22px !important;
	padding-bottom: 50px !important;
}

.sec-intro-criteria .section-heading {
	font-size: 32px !important;
	font-weight: 800 !important;
	color: #0e382b !important;
	letter-spacing: -0.5px;
	margin-bottom: 4px !important;
}

.sec-intro-criteria .section-sub {
	font-size: 15px !important;
	color: #6b7280;
	margin-bottom: 22px !important;
}

.sec-intro-criteria .criteria-grid {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.sec-intro-criteria .criteria-grid > .col {
	padding: 0 10px 18px 10px !important;
	margin-bottom: 0 !important;
}

.sec-intro-criteria .criteria-card {
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
	background: #ffffff !important;
	border: 1px solid #e5eae5 !important;
	border-radius: 14px !important;
	padding: 18px 22px !important;
	box-shadow: none !important;
	transition: all 0.25s ease !important;
	box-sizing: border-box !important;
	height: 100% !important;
}

.sec-intro-criteria .criteria-card:hover {
	border-color: #339538 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 18px rgba(14, 56, 43, 0.06) !important;
}

/* Icon nét vẽ đơn thuần không có nền xám theo đúng mẫu */
.sec-intro-criteria .criteria-icon {
	width: 44px !important;
	height: 44px !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 38px !important;
	flex-shrink: 0 !important;
	transition: all 0.25s ease !important;
}

.sec-intro-criteria .criteria-icon i {
	display: none !important;
}

/* Icon 01: Văn bản / Minh bạch */
.sec-intro-criteria .criteria-grid > .col:nth-child(1) .criteria-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e382b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><line x1='16' y1='13' x2='8' y2='13'/><line x1='16' y1='17' x2='8' y2='17'/></svg>") !important;
}
/* Icon 02: Nhóm người / Tư vấn */
.sec-intro-criteria .criteria-grid > .col:nth-child(2) .criteria-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e382b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><path d='M23 21v-2a4 4 0 0 0-3-3.87'/><path d='M16 3.13a4 4 0 0 1 0 7.75'/></svg>") !important;
}
/* Icon 03: Khiên bảo vệ / Chất lượng */
.sec-intro-criteria .criteria-grid > .col:nth-child(3) .criteria-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e382b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/><polyline points='9 12 11 14 15 10'/></svg>") !important;
}
/* Icon 04: Tai nghe / Trách nhiệm sau bán hàng */
.sec-intro-criteria .criteria-grid > .col:nth-child(4) .criteria-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e382b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M3 18v-6a9 9 0 0 1 18 0v6'/><path d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'/></svg>") !important;
}

.sec-intro-criteria .criteria-card:hover .criteria-icon {
	transform: scale(1.05);
}

.sec-intro-criteria .criteria-content {
	flex: 1;
}

.sec-intro-criteria .criteria-num {
	font-size: 13px !important;
	font-weight: 800 !important;
	color: #0e382b !important;
	display: block !important;
	margin-bottom: 2px !important;
	letter-spacing: 0.5px !important;
	line-height: 1 !important;
}

.sec-intro-criteria .criteria-title {
	font-size: 17.5px !important;
	font-weight: 800 !important;
	color: #0e382b !important;
	margin: 0 0 3px 0 !important;
	line-height: 1.25 !important;
}

.sec-intro-criteria .criteria-desc {
	font-size: 13.5px !important;
	color: #4b5563 !important;
	line-height: 1.45 !important;
	margin: 0 !important;
}

/* ==============================================================
   SECTION 05: RÕ NGUỒN GỐC (sec-intro-commit)
   ============================================================== */
.sec-intro-commit,
section.sec-intro-commit,
section[id*="section_"].sec-intro-commit {
	background-color: #0e382b !important;
	padding: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	color: #ffffff;
	overflow: hidden;
}

.sec-intro-commit .section-content {
	padding: 0 !important;
}

.sec-intro-commit .row {
	display: flex !important;
	align-items: stretch !important;
	margin: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

/* Cột ảnh bên trái: chiều cao bằng 100% section, chạm mép trên và mép dưới */
.sec-intro-commit .row > .col:first-child {
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	align-self: stretch !important;
	min-height: 100% !important;
}

.sec-intro-commit .row > .col:first-child .col-inner {
	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	flex: 1 1 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	align-items: stretch !important;
}

.sec-intro-commit .row > .col:first-child .img,
.sec-intro-commit .row > .col:first-child .img-inner {
	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	flex: 1 1 100% !important;
	padding: 0 !important;
	padding-top: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: flex !important;
}

.sec-intro-commit .row > .col:first-child img {
	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	display: block !important;
	border-radius: 0 !important;
}

/* Cột nội dung bên phải: đệm trên/dưới tạo khoảng thở thoáng đãng */
.sec-intro-commit .row > .col:last-child {
	display: flex !important;
	align-items: center !important;
	padding: 0 !important;
	margin: 0 !important;
}

.sec-intro-commit .row > .col:last-child .col-inner {
	padding: 75px 60px 75px 60px !important;
	max-width: 620px;
	width: 100% !important;
	box-sizing: border-box !important;
}

.sec-intro-commit .commit-heading {
	font-size: 36px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	line-height: 1.25 !important;
	margin-bottom: 26px !important;
	letter-spacing: -0.5px;
}

.sec-intro-commit .commit-heading .title-line {
	display: block;
}

.sec-intro-commit .commit-list {
	margin-bottom: 22px;
}

.sec-intro-commit .commit-item {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

.sec-intro-commit .commit-icon {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.sec-intro-commit .commit-icon i {
	display: none;
}

/* 5 Icon SVG cho 5 tiêu chí */
.sec-intro-commit .commit-item:nth-child(1) .commit-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cae88d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M7 20h10'/><path d='M10 20c0-7 3-7 3-14'/><path d='M13 6c2 0 5 1 5 4 0 4-3 5-5 5'/><path d='M11 11c-2 0-4-1-4-4 0-3 3-4 5-4'/></svg>");
}
.sec-intro-commit .commit-item:nth-child(2) .commit-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cae88d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M10 2v7.31L4.35 19.34A2 2 0 0 0 6.07 22h11.86a2 2 0 0 0 1.72-2.66L14 9.31V2'/><line x1='8.5' y1='2' x2='15.5' y2='2'/><line x1='6.5' y1='15' x2='17.5' y2='15'/></svg>");
}
.sec-intro-commit .commit-item:nth-child(3) .commit-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cae88d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><line x1='16' y1='13' x2='8' y2='13'/><line x1='16' y1='17' x2='8' y2='17'/></svg>");
}
.sec-intro-commit .commit-item:nth-child(4) .commit-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cae88d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='20' x2='18' y2='10'/><line x1='12' y1='20' x2='12' y2='4'/><line x1='6' y1='20' x2='6' y2='14'/></svg>");
}
.sec-intro-commit .commit-item:nth-child(5) .commit-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cae88d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><path d='M23 21v-2a4 4 0 0 0-3-3.87'/><path d='M16 3.13a4 4 0 0 1 0 7.75'/></svg>");
}

.sec-intro-commit .commit-label {
	font-weight: 700;
	font-size: 14.5px;
	color: #ffffff;
	width: 175px;
	flex-shrink: 0;
}

.sec-intro-commit .commit-val {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.85);
	flex: 1;
}

.sec-intro-commit .commit-note {
	font-size: 13.5px;
	color: rgba(255, 255, 255, 0.65);
	margin: 18px 0 26px 0;
	font-style: italic;
}

.sec-intro-commit .btn-commit-action {
	background-color: #c8ea66 !important;
	border-color: #c8ea66 !important;
	color: #0e382b !important;
	border-radius: 99px !important;
	padding: 11px 30px !important;
	font-weight: 700 !important;
	font-size: 14.5px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	transition: all 0.25s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	box-shadow: none !important;
}

.sec-intro-commit .btn-commit-action:hover {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	color: #0e382b !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}

/* ==============================================================
   SECTION 06: ĐỒNG HÀNH CÙNG KHÁCH HÀNG (sec-intro-process)
   ============================================================== */
.sec-intro-process {
	background-color: #ffffff;
	padding-top: 75px !important;
	padding-bottom: 75px !important;
}

.sec-intro-process .section-heading {
	font-size: 36px !important;
	font-weight: 800 !important;
	color: #0e382b !important;
	letter-spacing: -0.5px;
	margin-bottom: 34px !important;
}

.sec-intro-process .img-inner {
	border-radius: 18px !important;
	overflow: hidden !important;
	box-shadow: 0 12px 30px rgba(14, 56, 43, 0.08) !important;
}

.sec-intro-process .process-timeline {
	position: relative;
	padding-left: 15px;
}

.sec-intro-process .process-timeline::before {
	content: '';
	position: absolute;
	left: 33px;
	top: 25px;
	bottom: 25px;
	width: 2px;
	background: #cce7c7;
}

.sec-intro-process .process-item {
	display: flex;
	align-items: flex-start;
	gap: 22px;
	position: relative;
	margin-bottom: 26px;
}

.sec-intro-process .process-badge {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #cce7c7;
	color: #0e382b;
	font-weight: 800;
	font-size: 14.5px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;
	z-index: 2;
	box-shadow: 0 0 0 5px #ffffff;
}

.sec-intro-process .process-title {
	font-size: 18.5px !important;
	font-weight: 700 !important;
	color: #0e382b !important;
	margin: 0 0 4px 0 !important;
}

.sec-intro-process .process-desc {
	font-size: 14.5px;
	color: #4b5563;
	line-height: 1.55;
	margin: 0;
}

.sec-intro-process .process-note {
	font-size: 13.5px;
	color: #6b7280;
	margin-top: 24px;
	padding-left: 15px;
}

/* ==============================================================
   SECTION 07: KẾT NỐI VỚI MINH LONG (sec-intro-contact)
   ============================================================== */
.sec-intro-contact {
	background-color: #eaf4ea;
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}

.sec-intro-contact .contact-heading {
	font-size: 34px !important;
	font-weight: 800 !important;
	color: #0e382b !important;
	letter-spacing: -0.5px;
	margin-bottom: 4px !important;
}

.sec-intro-contact .contact-sub {
	font-size: 16.5px !important;
	font-weight: 700 !important;
	color: #0e382b !important;
	margin-bottom: 24px !important;
}

.sec-intro-contact .intro-contact-form .form-row {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 14px;
}

.sec-intro-contact .intro-contact-form .form-col.col-6 {
	flex: 1 1 calc(50% - 7px);
	min-width: 220px;
}

.sec-intro-contact .intro-contact-form .form-col.col-12 {
	flex: 1 1 100%;
}

.sec-intro-contact .input-wrap {
	position: relative;
	width: 100%;
}

.sec-intro-contact .input-wrap br {
	display: none !important;
}

.sec-intro-contact .input-wrap i {
	position: absolute;
	left: 16px;
	top: 24px;
	transform: translateY(-50%);
	color: #829285;
	font-size: 16px;
	pointer-events: none;
	z-index: 2;
}

.sec-intro-contact .input-wrap input,
.sec-intro-contact .input-wrap select {
	width: 100% !important;
	padding: 13px 16px 13px 44px !important;
	border: 1px solid #c9dec8 !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	font-size: 14.5px !important;
	color: #1f2937 !important;
	height: 48px !important;
	margin-bottom: 0 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
	box-sizing: border-box !important;
	transition: all 0.2s ease !important;
}

.sec-intro-contact .input-wrap select {
	appearance: none !important;
	-webkit-appearance: none !important;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 14px !important;
	padding-right: 36px !important;
	cursor: pointer;
}

.sec-intro-contact .input-wrap input:focus,
.sec-intro-contact .input-wrap select:focus {
	border-color: #339538 !important;
	box-shadow: 0 0 0 3px rgba(51, 149, 56, 0.15) !important;
	outline: none !important;
}

.sec-intro-contact .btn-intro-submit {
	width: 100% !important;
	background-color: #0e382b !important;
	border-color: #0e382b !important;
	color: #ffffff !important;
	border-radius: 10px !important;
	padding: 13px !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	margin-top: 6px !important;
	transition: all 0.25s ease !important;
	display: block !important;
	text-align: center !important;
	box-shadow: 0 4px 14px rgba(14, 56, 43, 0.2) !important;
}

.sec-intro-contact .btn-intro-submit:hover {
	background-color: #174b3a !important;
	border-color: #174b3a !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(14, 56, 43, 0.3) !important;
}

.sec-intro-contact .agency-box {
	border: 1px solid rgba(14, 56, 43, 0.14);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	padding: 42px 30px;
	text-align: center;
	transition: all 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.sec-intro-contact .agency-box:hover {
	background: #ffffff;
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(14, 56, 43, 0.08);
}

.sec-intro-contact .agency-icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #cce7c7;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e382b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='m11 17 2 2a1 1 0 0 0 1.4 0l4.3-4.3a1 1 0 0 0 0-1.4l-2.6-2.6a1 1 0 0 0-1.4 0L13 12'/><path d='m14 14 1.5 1.5'/><path d='m15.5 12.5 1.5 1.5'/><path d='m3 11 5.5-5.5a1 1 0 0 1 1.4 0l4.2 4.2a1 1 0 0 1 0 1.4L8.5 16.7a1 1 0 0 1-1.4 0L3 12.6a1 1 0 0 1 0-1.4l.2-.2Z'/><path d='m2 16 3 3'/></svg>");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 28px;
	margin-bottom: 20px;
}
.sec-intro-contact .agency-icon i {
	display: none;
}

.sec-intro-contact .agency-title {
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #0e382b !important;
	margin: 0 0 10px 0 !important;
}

.sec-intro-contact .agency-desc {
	font-size: 14.5px;
	color: #4b5563;
	line-height: 1.55;
	margin: 0 0 24px 0;
	max-width: 260px;
}

.sec-intro-contact .btn-agency-link {
	border: 1.5px solid #0e382b !important;
	color: #0e382b !important;
	background: transparent !important;
	border-radius: 99px !important;
	padding: 9px 26px !important;
	font-weight: 700 !important;
	font-size: 14.5px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	transition: all 0.25s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	box-shadow: none !important;
}

.sec-intro-contact .btn-agency-link:hover {
	background-color: #0e382b !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* ==============================================================
   RESPONSIVE DESIGN CHO TABLET VÀ MOBILE
   ============================================================== */
@media (max-width: 849px) {
	.sec-intro-hero {
		min-height: auto;
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.sec-intro-hero .section-bg img {
		object-position: 70% center !important;
	}

	.sec-intro-hero .section-bg::after {
		background: linear-gradient(180deg, rgba(7, 40, 28, 0.94) 0%, rgba(14, 56, 43, 0.88) 100%) !important;
	}

	.sec-intro-hero .col:first-child .col-inner,
	.sec-intro-hero .col:has(.hero-title) .col-inner {
		padding: 30px 22px !important;
	}

	.sec-intro-hero .hero-title {
		font-size: 32px !important;
	}

	.sec-intro-about,
	.sec-intro-orient,
	.sec-intro-criteria,
	.sec-intro-process,
	.sec-intro-contact {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.sec-intro-commit {
		padding: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.sec-intro-commit .row {
		flex-direction: column !important;
	}

	.sec-intro-commit .row > .col:first-child {
		height: 320px !important;
		min-height: 320px !important;
		width: 100% !important;
		flex-basis: 100% !important;
		max-width: 100% !important;
	}

	.sec-intro-commit .row > .col:last-child .col-inner {
		padding: 45px 24px 55px !important;
		max-width: 100% !important;
	}

	.sec-intro-about .section-heading,
	.sec-intro-orient .section-heading,
	.sec-intro-criteria .section-heading,
	.sec-intro-commit .commit-heading,
	.sec-intro-process .section-heading,
	.sec-intro-contact .contact-heading {
		font-size: 28px !important;
	}

	.sec-intro-orient .orient-card {
		margin-bottom: 20px;
	}

	.sec-intro-criteria .criteria-card {
		margin-bottom: 16px;
	}

	.sec-intro-commit .commit-item {
		flex-wrap: wrap;
		gap: 8px;
	}

	.sec-intro-commit .commit-label {
		width: 100%;
	}

	.sec-intro-contact .agency-box {
		margin-top: 30px;
	}
}