/* ==========================================================================
   Giải pháp doanh nghiệp — template-giai-phap-doanh-nghiep.php
   Section 1 (Hero) & các section tiếp theo
   ========================================================================== */

.nhb-enterprise {
	background: #ffffff;
	color: #1e293b;
}

/* --- Section 1: Hero ---------------------------------------------------- */
.nhb-ent-hero {
	position: relative;
	background: #ffffff;
	overflow: hidden;
	padding: 64px 0 72px;
	min-height: 760px;
	display: flex;
	align-items: center;
}

/* Nền hội trường mờ phía bên phải */
.nhb-ent-hero__stage {
	position: absolute;
	top: 0;
	right: 0;
	width: 54%;
	height: 82%;
	background-image: var(--nhb-ent-stage-bg);
	background-size: cover;
	background-position: left top;
	background-repeat: no-repeat;
	pointer-events: none;
	z-index: 1;
}

/* Sóng tím nhạt bên trái */
.nhb-ent-hero__wave-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	height: 88%;
	pointer-events: none;
	z-index: 1;
}

/* Cụm chấm bi tím 3x4 sát mép trái */
.nhb-ent-hero__dots {
	position: absolute;
	left: 10px;
	top: 55%;
	transform: translateY(-50%);
	display: grid;
	grid-template-columns: repeat(3, 6px);
	gap: 11px 13px;
	pointer-events: none;
	z-index: 2;
}

.nhb-ent-hero__dots span {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #8f71e0;
	opacity: 0.72;
}

/* Sóng nhiều lớp dưới chân hero */
.nhb-ent-hero__wave-bottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 245px;
	pointer-events: none;
	z-index: 2;
}

.nhb-ent-hero__inner {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: 1366px;
	margin-inline: auto;
	padding-inline: 68px;
}

.nhb-ent-hero__top {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
	align-items: center;
	gap: 16px;
}

/* --- Cột trái: Nội dung chính ------------------------------------------- */
.nhb-ent-hero__content {
	position: relative;
	z-index: 4;
	padding-bottom: 18px;
}

.nhb-ent-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 18px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #f07410;
}

.nhb-ent-hero__eyebrow-line {
	display: inline-block;
	width: 46px;
	height: 2px;
	background: #f07410;
	border-radius: 2px;
}

.nhb-ent-hero__title {
	margin: 0 0 22px;
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.01em;
}

.nhb-ent-hero__title-purple {
	display: block;
	font-size: clamp(38px, 4.3vw, 60px);
	color: #2c107a;
	margin-bottom: 4px;
}

.nhb-ent-hero__title-orange {
	display: block;
	font-size: clamp(36px, 4.15vw, 57px);
	color: #f0710d;
	line-height: 1.16;
}

.nhb-ent-hero__desc {
	margin: 0 0 34px;
	max-width: 610px;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.65;
	color: #2f3a64;
}

/* Hai nút CTA */
.nhb-ent-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
}

.nhb-ent-hero__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 52px;
	padding: 13px 30px;
	border-radius: 999px;
	font-family: var(--nhb-font);
	font-size: 15.5px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.nhb-ent-hero__btn svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.nhb-ent-hero__btn--primary {
	background: linear-gradient(180deg, #ff9d2e 0%, #ee6d0a 54%, #d15302 100%);
	color: #ffffff;
	border: 1px solid rgba(255, 190, 120, 0.45);
	box-shadow:
		0 8px 20px rgba(230, 98, 6, 0.28),
		inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.nhb-ent-hero__btn--primary:hover,
.nhb-ent-hero__btn--primary:focus-visible {
	background: linear-gradient(180deg, #ffa842 0%, #f57511 54%, #db5904 100%);
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow:
		0 12px 24px rgba(230, 98, 6, 0.36),
		inset 0 1px 1px rgba(255, 255, 255, 0.45);
}

.nhb-ent-hero__btn--primary:hover svg {
	transform: translateX(3px);
}

.nhb-ent-hero__btn--outline {
	background: rgba(255, 255, 255, 0.92);
	color: #321282;
	border: 1.5px solid #48219a;
	padding-inline: 32px;
	box-shadow: 0 4px 14px rgba(46, 23, 88, 0.05);
}

.nhb-ent-hero__btn--outline:hover,
.nhb-ent-hero__btn--outline:focus-visible {
	background: #2e1758;
	border-color: #2e1758;
	color: #ffffff;
	transform: translateY(-2px);
}

/* --- Cột phải: Hình nhân vật + Trích dẫn -------------------------------- */
.nhb-ent-hero__visual {
	position: relative;
	min-height: 490px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.nhb-ent-hero__portrait-wrap {
	position: relative;
	z-index: 2;
	width: 108%;
	max-width: 550px;
	margin-left: -95px;
	margin-bottom: -24px;
}

.nhb-ent-hero__portrait {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	-webkit-mask-image: linear-gradient(to bottom, #000 83%, rgba(0, 0, 0, 0.55) 93%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 83%, rgba(0, 0, 0, 0.55) 93%, transparent 100%);
}

/* Khối trích dẫn góc phải trên */
.nhb-ent-hero__quote {
	position: absolute;
	top: 26px;
	right: -12px;
	z-index: 3;
	margin: 0;
	padding: 0 0 0 38px;
	max-width: 268px;
	color: #ffffff;
}

.nhb-ent-hero__quote-mark {
	position: absolute;
	top: -16px;
	left: -2px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 64px;
	font-weight: 700;
	line-height: 1;
	color: #f39223;
}

.nhb-ent-hero__quote p {
	margin: 0;
	font-size: 15px;
	font-style: italic;
	font-weight: 400;
	line-height: 1.62;
	color: rgba(255, 255, 255, 0.95);
	text-shadow: 0 1px 8px rgba(23, 8, 52, 0.35);
}

.nhb-ent-hero__quote-line {
	display: block;
	width: 44px;
	height: 2px;
	margin: 14px 0 10px;
	background: #f39223;
	border-radius: 2px;
}

.nhb-ent-hero__quote-author {
	display: block;
	font-style: normal;
	font-size: 14.5px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.94);
	text-shadow: 0 1px 6px rgba(23, 8, 52, 0.35);
}

/* --- 4 Thẻ thống kê (Stats) --------------------------------------------- */
.nhb-ent-hero__stats {
	position: relative;
	z-index: 5;
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.nhb-ent-hero__stat-card {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 22px;
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid rgba(255, 255, 255, 0.95);
	border-radius: 18px;
	box-shadow: 0 10px 28px rgba(46, 23, 88, 0.07);
	backdrop-filter: blur(8px);
}

.nhb-ent-hero__stat-icon {
	width: 66px;
	height: 66px;
	border-radius: 50%;
	background: #fdf1e2;
	color: #f07410;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.nhb-ent-hero__stat-icon svg {
	width: 34px;
	height: 34px;
}

.nhb-ent-hero__stat-body {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.nhb-ent-hero__stat-num {
	font-size: clamp(24px, 2.2vw, 31px);
	font-weight: 800;
	line-height: 1.15;
	color: #2c107a;
	letter-spacing: -0.01em;
}

.nhb-ent-hero__stat-label {
	margin-top: 4px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	color: #36436e;
}

/* --- Responsive --------------------------------------------------------- */
@media (max-width: 1200px) {
	.nhb-ent-hero__inner {
		padding-inline: 36px;
	}

	.nhb-ent-hero__portrait-wrap {
		margin-left: -40px;
	}

	.nhb-ent-hero__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.nhb-ent-hero {
		padding: 44px 0 56px;
		min-height: 0;
	}

	.nhb-ent-hero__stage {
		width: 100%;
		height: 55%;
		top: auto;
		bottom: 180px;
		opacity: 0.9;
	}

	.nhb-ent-hero__top {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.nhb-ent-hero__content {
		padding-bottom: 0;
	}

	.nhb-ent-hero__visual {
		min-height: 380px;
		justify-content: flex-start;
	}

	.nhb-ent-hero__portrait-wrap {
		width: 72%;
		max-width: 420px;
		margin-left: 0;
		margin-bottom: -16px;
	}

	.nhb-ent-hero__quote {
		right: 0;
		top: 18px;
		background: rgba(46, 23, 88, 0.82);
		padding: 18px 20px 18px 44px;
		border-radius: 16px;
		backdrop-filter: blur(6px);
	}

	.nhb-ent-hero__quote-mark {
		top: 4px;
		left: 10px;
		font-size: 48px;
	}
}

@media (max-width: 640px) {
	.nhb-ent-hero__inner {
		padding-inline: 20px;
	}

	.nhb-ent-hero__dots {
		display: none;
	}

	.nhb-ent-hero__eyebrow {
		font-size: 13.5px;
	}

	.nhb-ent-hero__eyebrow-line {
		width: 32px;
	}

	.nhb-ent-hero__desc {
		font-size: 15.5px;
		margin-bottom: 24px;
	}

	.nhb-ent-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.nhb-ent-hero__btn {
		width: 100%;
	}

	.nhb-ent-hero__visual {
		flex-direction: column;
		align-items: center;
		min-height: 0;
		gap: 16px;
	}

	.nhb-ent-hero__portrait-wrap {
		width: 90%;
		max-width: 340px;
		margin: 0 auto;
	}

	.nhb-ent-hero__quote {
		position: relative;
		top: auto;
		right: auto;
		max-width: 100%;
		width: 100%;
	}

	.nhb-ent-hero__stats {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 24px;
	}
}

/* ==========================================================================
   Section 2: Thách thức doanh nghiệp (.nhb-ent-s2)
   ========================================================================== */

.nhb-ent-s2 {
	position: relative;
	background: #fcfbfe;
	padding: 76px 0 84px;
}

.nhb-ent-s2__inner {
	width: 100%;
	max-width: 1366px;
	margin-inline: auto;
	padding-inline: 68px;
}

/* --- Header 2 cột ------------------------------------------------------- */
.nhb-ent-s2__head {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.85fr);
	align-items: end;
	gap: 32px 48px;
	margin-bottom: 48px;
}

.nhb-ent-s2__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 14px;
	font-size: 14.5px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #e5871a;
}

.nhb-ent-s2__eyebrow-line {
	display: inline-block;
	width: 48px;
	height: 1.5px;
	background: #e5871a;
	border-radius: 2px;
}

.nhb-ent-s2__title {
	margin: 0;
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: clamp(32px, 3.6vw, 48px);
	font-weight: 800;
	line-height: 1.18;
	letter-spacing: -0.01em;
	color: #2c107a;
}

.nhb-ent-s2__head-right {
	padding-bottom: 8px;
}

.nhb-ent-s2__lead {
	margin: 0;
	padding-left: 22px;
	border-left: 2px solid #8c6dd8;
	font-size: 14.5px;
	font-weight: 400;
	line-height: 1.68;
	color: #35416b;
}

/* --- Lưới 6 thẻ thách thức ---------------------------------------------- */
.nhb-ent-s2__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 18px;
}

.nhb-ent-s2__card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 26px 20px 28px;
	background: #ffffff;
	border: 1px solid #f2eef9;
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(46, 23, 88, 0.045);
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.nhb-ent-s2__card:hover {
	transform: translateY(-4px);
	border-color: #e2d6f8;
	box-shadow: 0 16px 36px rgba(46, 23, 88, 0.09);
}

.nhb-ent-s2__icon {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background: radial-gradient(circle at 38% 35%, #fffcf6 0%, #fdefda 72%, #fbe4c5 100%);
	box-shadow: 0 8px 20px rgba(235, 132, 20, 0.12);
	color: #e67e0d;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
	flex-shrink: 0;
}

.nhb-ent-s2__icon svg {
	width: 38px;
	height: 38px;
}

.nhb-ent-s2__num {
	display: block;
	font-size: 21px;
	font-weight: 800;
	line-height: 1.15;
	color: #8c68df;
	margin-bottom: 6px;
}

.nhb-ent-s2__card-title {
	margin: 0 0 12px;
	font-family: var(--nhb-font);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.38;
	color: #2c107a;
}

.nhb-ent-s2__card-desc {
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.62;
	color: #3d486e;
}

/* --- Responsive Section 2 ----------------------------------------------- */
@media (max-width: 1280px) {
	.nhb-ent-s2__inner {
		padding-inline: 36px;
	}

	.nhb-ent-s2__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
	}
}

@media (max-width: 991px) {
	.nhb-ent-s2 {
		padding: 56px 0 64px;
	}

	.nhb-ent-s2__head {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-bottom: 36px;
	}

	.nhb-ent-s2__head-right {
		padding-bottom: 0;
	}
}

@media (max-width: 768px) {
	.nhb-ent-s2__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}
}

@media (max-width: 640px) {
	.nhb-ent-s2__inner {
		padding-inline: 20px;
	}

	.nhb-ent-s2__eyebrow {
		font-size: 13px;
	}

	.nhb-ent-s2__eyebrow-line {
		width: 32px;
	}

	.nhb-ent-s2__grid {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   Section 3: Hệ sinh thái giải pháp (.nhb-ent-s3)
   ========================================================================== */

.nhb-ent-s3 {
	position: relative;
	background: #ffffff;
	padding: 64px 0 88px;
}

.nhb-ent-s3__inner {
	width: 100%;
	max-width: 1366px;
	margin-inline: auto;
	padding-inline: 44px;
}

/* --- Header 2 cột ------------------------------------------------------- */
.nhb-ent-s3__head {
	display: grid;
	grid-template-columns: minmax(0, 1.85fr) minmax(0, 0.95fr);
	align-items: end;
	gap: 24px 36px;
	margin-bottom: 42px;
	padding-inline: 24px;
}

.nhb-ent-s3__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #e5871a;
}

.nhb-ent-s3__eyebrow-line {
	display: inline-block;
	width: 38px;
	height: 1.5px;
	background: #e5871a;
	border-radius: 2px;
}

.nhb-ent-s3__title {
	margin: 0;
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: clamp(28px, 3vw, 41px);
	font-weight: 800;
	line-height: 1.18;
	letter-spacing: -0.01em;
	color: #2c107a;
}

.nhb-ent-s3__head-right {
	padding-bottom: 2px;
}

.nhb-ent-s3__lead {
	margin: 0;
	padding-left: 18px;
	border-left: 2px solid #6b4cd8;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.62;
	color: #35416b;
}

/* --- Lưới 6 thẻ 3x2 ----------------------------------------------------- */
.nhb-ent-s3__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px 20px;
}

.nhb-ent-s3__card {
	display: grid;
	grid-template-columns: 40% 1fr;
	background: #ffffff;
	border: 1px solid #f2eef9;
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(46, 23, 88, 0.05);
	overflow: hidden;
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.nhb-ent-s3__card:hover {
	transform: translateY(-4px);
	border-color: #e0d4f7;
	box-shadow: 0 16px 36px rgba(46, 23, 88, 0.09);
}

.nhb-ent-s3__media {
	position: relative;
	min-height: 232px;
	overflow: hidden;
	border-radius: 12px;
	background: linear-gradient(160deg, #f3ecfe 0%, #e3d2fc 100%);
}

.nhb-ent-s3__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
	transition: transform 0.35s ease;
}

.nhb-ent-s3__card:hover .nhb-ent-s3__media img {
	transform: scale(1.03);
}

.nhb-ent-s3__body {
	display: flex;
	flex-direction: column;
	padding: 18px 20px 18px 18px;
	min-width: 0;
}

.nhb-ent-s3__top {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	margin-bottom: 12px;
}

.nhb-ent-s3__icon {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: radial-gradient(circle at 38% 35%, #fffcf6 0%, #fdefda 72%, #fbe4c5 100%);
	box-shadow: 0 6px 16px rgba(235, 132, 20, 0.1);
	color: #e67e0d;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.nhb-ent-s3__icon svg {
	width: 32px;
	height: 32px;
}

.nhb-ent-s3__num {
	font-size: 24px;
	font-weight: 800;
	line-height: 1;
	color: #a68de8;
	padding-bottom: 4px;
}

.nhb-ent-s3__card-title {
	margin: 0 0 8px;
	font-family: var(--nhb-font);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
	color: #2c107a;
}

.nhb-ent-s3__card-desc {
	margin: 0 0 14px;
	font-size: 12.5px;
	font-weight: 400;
	line-height: 1.56;
	color: #3d486e;
}

.nhb-ent-s3__more {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	font-weight: 700;
	color: #2c107a;
	text-decoration: none;
	transition: color 0.2s ease;
}

.nhb-ent-s3__more svg {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.nhb-ent-s3__more:hover {
	color: #f07410;
}

.nhb-ent-s3__more:hover svg {
	transform: translateX(3px);
}

/* --- Responsive Section 3 ----------------------------------------------- */
@media (max-width: 1240px) {
	.nhb-ent-s3__inner {
		padding-inline: 32px;
	}

	.nhb-ent-s3__head {
		padding-inline: 0;
	}

	.nhb-ent-s3__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.nhb-ent-s3 {
		padding: 52px 0 68px;
	}

	.nhb-ent-s3__head {
		grid-template-columns: 1fr;
		gap: 18px;
		margin-bottom: 32px;
	}
}

@media (max-width: 768px) {
	.nhb-ent-s3__grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}
}

@media (max-width: 520px) {
	.nhb-ent-s3__inner {
		padding-inline: 20px;
	}

	.nhb-ent-s3__card {
		grid-template-columns: 1fr;
	}

	.nhb-ent-s3__media {
		min-height: 210px;
		max-height: 240px;
		border-radius: 12px 12px 0 0;
	}
}

/* ==========================================================================
   Section 4: Giá trị mang lại (.nhb-ent-s4)
   ========================================================================== */

.nhb-ent-s4 {
	position: relative;
	background: radial-gradient(circle at 50% 58%, #f8f4ff 0%, #fcfbfe 52%, #ffffff 100%);
	padding: 68px 0 84px;
	overflow: hidden;
}

.nhb-ent-s4__inner {
	width: 100%;
	max-width: 1366px;
	margin-inline: auto;
	padding-inline: 36px;
}

/* --- Header căn giữa ---------------------------------------------------- */
.nhb-ent-s4__head {
	text-align: center;
	max-width: 780px;
	margin: 0 auto 44px;
}

.nhb-ent-s4__eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 0 0 12px;
	font-size: 14.5px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #e5871a;
}

.nhb-ent-s4__eyebrow-line {
	display: inline-block;
	width: 36px;
	height: 1.5px;
	background: #e5871a;
	border-radius: 2px;
}

.nhb-ent-s4__title {
	margin: 0 0 14px;
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: clamp(32px, 3.8vw, 50px);
	font-weight: 800;
	line-height: 1.16;
	letter-spacing: -0.01em;
	color: #2c107a;
}

.nhb-ent-s4__sub {
	margin: 0;
	font-size: 15.5px;
	font-weight: 400;
	line-height: 1.6;
	color: #35416b;
}

/* --- Sơ đồ trung tâm 3 cột --------------------------------------------- */
.nhb-ent-s4__hub {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 430px minmax(0, 1fr);
	align-items: center;
	gap: 0;
	position: relative;
}

.nhb-ent-s4__col {
	display: flex;
	flex-direction: column;
	gap: 28px;
	position: relative;
	z-index: 3;
}

/* Độ lệch vòng cung cho 3 thẻ trái & 3 thẻ phải */
.nhb-ent-s4__col--left .nhb-ent-s4__pill--top,
.nhb-ent-s4__col--left .nhb-ent-s4__pill--bot {
	margin-left: 16px;
	margin-right: -16px;
}

.nhb-ent-s4__col--left .nhb-ent-s4__pill--mid {
	margin-right: 12px;
}

.nhb-ent-s4__col--right .nhb-ent-s4__pill--top,
.nhb-ent-s4__col--right .nhb-ent-s4__pill--bot {
	margin-right: 16px;
	margin-left: -16px;
}

.nhb-ent-s4__col--right .nhb-ent-s4__pill--mid {
	margin-left: 12px;
}

/* --- Thẻ Pill ----------------------------------------------------------- */
.nhb-ent-s4__pill {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 16px 28px 16px 16px;
	background: linear-gradient(135deg, #ffffff 0%, #faf7ff 60%, #f4eeff 100%);
	border: 1.5px solid #ffffff;
	border-radius: 999px;
	box-shadow:
		0 14px 34px rgba(68, 32, 148, 0.075),
		0 2px 8px rgba(68, 32, 148, 0.03);
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.nhb-ent-s4__pill:hover {
	transform: translateY(-3px);
	box-shadow:
		0 18px 40px rgba(68, 32, 148, 0.11),
		0 4px 12px rgba(68, 32, 148, 0.05);
}

.nhb-ent-s4__badge {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	padding: 9px;
	background: linear-gradient(145deg, #f3ecfe 0%, #ffffff 100%);
	box-shadow: 0 8px 20px rgba(74, 32, 156, 0.09);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.nhb-ent-s4__badge-inner {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #ffffff;
	border: 1px solid #f2ecfe;
	box-shadow: inset 0 2px 6px rgba(74, 32, 156, 0.04);
	color: #380ca0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.nhb-ent-s4__badge-inner svg {
	width: 38px;
	height: 38px;
}

.nhb-ent-s4__pill-body {
	min-width: 0;
	flex: 1;
}

.nhb-ent-s4__pill-title {
	margin: 0 0 6px;
	font-family: var(--nhb-font);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.32;
	color: #2c107a;
}

.nhb-ent-s4__pill-title--violet {
	color: #4f0ec8;
}

.nhb-ent-s4__pill-desc {
	margin: 0;
	font-size: 13.5px;
	font-weight: 400;
	line-height: 1.52;
	color: #3b476e;
}

/* --- Cột giữa: Vòng hào quang & Chân dung ------------------------------- */
.nhb-ent-s4__center {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 490px;
	z-index: 2;
}

.nhb-ent-s4__orbit {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 510px;
	height: 510px;
	pointer-events: none;
	z-index: 1;
}

.nhb-ent-s4__portrait-wrap {
	position: relative;
	z-index: 2;
	width: 500px;
	flex-shrink: 0;
	margin: 0;
	transform: translateY(-8px);
}

.nhb-ent-s4__portrait {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	object-fit: contain;
	-webkit-mask-image: linear-gradient(to bottom, #000 80%, rgba(0, 0, 0, 0.55) 91%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 80%, rgba(0, 0, 0, 0.55) 91%, transparent 100%);
}

/* --- Responsive Section 4 ----------------------------------------------- */
@media (max-width: 1240px) {
	.nhb-ent-s4__hub {
		grid-template-columns: minmax(0, 1fr) 360px minmax(0, 1fr);
	}

	.nhb-ent-s4__orbit {
		width: 420px;
		height: 420px;
	}

	.nhb-ent-s4__badge {
		width: 74px;
		height: 74px;
		padding: 7px;
	}

	.nhb-ent-s4__badge-inner svg {
		width: 32px;
		height: 32px;
	}

	.nhb-ent-s4__pill {
		padding: 14px 22px 14px 14px;
		gap: 14px;
	}

	.nhb-ent-s4__pill-title {
		font-size: 15px;
	}

	.nhb-ent-s4__pill-desc {
		font-size: 12.5px;
	}
}

@media (max-width: 991px) {
	.nhb-ent-s4 {
		padding: 52px 0 68px;
	}

	.nhb-ent-s4__hub {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.nhb-ent-s4__center {
		order: -1;
		min-height: 360px;
		margin-bottom: 8px;
	}

	.nhb-ent-s4__orbit {
		width: 360px;
		height: 360px;
	}

	.nhb-ent-s4__portrait-wrap {
		width: 340px;
		max-width: 85%;
		margin-bottom: 0;
	}

	.nhb-ent-s4__col {
		gap: 16px;
	}

	.nhb-ent-s4__col--left .nhb-ent-s4__pill--top,
	.nhb-ent-s4__col--left .nhb-ent-s4__pill--bot,
	.nhb-ent-s4__col--left .nhb-ent-s4__pill--mid,
	.nhb-ent-s4__col--right .nhb-ent-s4__pill--top,
	.nhb-ent-s4__col--right .nhb-ent-s4__pill--bot,
	.nhb-ent-s4__col--right .nhb-ent-s4__pill--mid {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 640px) {
	.nhb-ent-s4__inner {
		padding-inline: 20px;
	}

	.nhb-ent-s4__pill {
		border-radius: 24px;
		padding: 16px 18px;
	}
}

/* ==========================================================================
   Section 5: Quy trình triển khai (.nhb-ent-s5)
   ========================================================================== */

.nhb-ent-s5 {
	position: relative;
	background: #fdfcff;
	padding: 68px 0 88px;
}

.nhb-ent-s5__inner {
	width: 100%;
	max-width: 1366px;
	margin-inline: auto;
	padding-inline: 36px;
}

/* --- Header căn giữa ---------------------------------------------------- */
.nhb-ent-s5__head {
	text-align: center;
	max-width: 820px;
	margin: 0 auto 44px;
}

.nhb-ent-s5__eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #e5871a;
}

.nhb-ent-s5__eyebrow-line {
	display: inline-block;
	width: 36px;
	height: 1.5px;
	background: #e5871a;
	border-radius: 2px;
}

.nhb-ent-s5__title {
	margin: 0 0 14px;
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: clamp(32px, 3.6vw, 48px);
	font-weight: 800;
	line-height: 1.16;
	letter-spacing: -0.01em;
	color: #2c107a;
}

.nhb-ent-s5__sub {
	margin: 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.62;
	color: #35416b;
}

/* --- Lưới 6 bước quy trình ---------------------------------------------- */
.nhb-ent-s5__steps {
	list-style: none;
	margin: 0 0 38px;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 18px;
	align-items: stretch;
}

.nhb-ent-s5__step {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.nhb-ent-s5__circle-wrap {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	z-index: 2;
	margin-bottom: -66px;
}

.nhb-ent-s5__circle {
	width: 156px;
	height: 156px;
	border-radius: 50%;
	padding: 8px;
	background: linear-gradient(145deg, #f3ecfe 0%, #ffffff 100%);
	box-shadow:
		0 10px 26px rgba(72, 30, 156, 0.11),
		0 0 0 1px rgba(214, 198, 248, 0.45);
	flex-shrink: 0;
}

.nhb-ent-s5__circle img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	object-position: center top;
	background: linear-gradient(160deg, #f3ecfe 0%, #e3d2fc 100%);
	display: block;
}

/* Mũi tên chuyển bước ở giữa 2 vòng tròn */
.nhb-ent-s5__arrow {
	position: absolute;
	top: 50%;
	right: -19px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	color: #3d12a6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	z-index: 3;
}

.nhb-ent-s5__arrow svg {
	width: 20px;
	height: 20px;
}

.nhb-ent-s5__card {
	width: 100%;
	flex: 1;
	background: #ffffff;
	border: 1px solid #f2eef9;
	border-radius: 14px;
	box-shadow: 0 10px 28px rgba(46, 23, 88, 0.045);
	padding: 80px 14px 24px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.nhb-ent-s5__step:hover .nhb-ent-s5__card {
	transform: translateY(-3px);
	border-color: #dfd2f9;
	box-shadow: 0 16px 34px rgba(46, 23, 88, 0.085);
}

.nhb-ent-s5__num {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #efe8fc;
	color: #5421c4;
	font-size: 13.5px;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
	flex-shrink: 0;
}

.nhb-ent-s5__step-title {
	margin: 0 0 10px;
	font-family: var(--nhb-font);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
	color: #2c107a;
}

.nhb-ent-s5__step-desc {
	margin: 0;
	font-size: 12.5px;
	font-weight: 400;
	line-height: 1.58;
	color: #3d486e;
}

/* --- Banner CTA dưới chân Section 5 ------------------------------------- */
.nhb-ent-s5__banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	padding: 24px 64px;
	background: linear-gradient(90deg, #f6f2fe 0%, #f1eafd 50%, #f6f2fe 100%);
	border: 1px solid #ece3fc;
	border-radius: 22px;
}

.nhb-ent-s5__banner-left {
	display: flex;
	align-items: center;
	gap: 26px;
}

.nhb-ent-s5__banner-icon {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: radial-gradient(circle at 35% 35%, #ffffff 0%, #ebe0fc 75%, #dfd0fa 100%);
	box-shadow: 0 8px 20px rgba(72, 30, 156, 0.09);
	color: #3c10a6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.nhb-ent-s5__banner-icon svg {
	width: 38px;
	height: 38px;
}

.nhb-ent-s5__banner-divider {
	width: 1.5px;
	height: 54px;
	background: #c8b5f2;
	flex-shrink: 0;
}

.nhb-ent-s5__banner-title {
	margin: 0;
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: clamp(22px, 2.15vw, 29px);
	font-weight: 800;
	line-height: 1.26;
	color: #2c107a;
}

.nhb-ent-s5__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 54px;
	padding: 14px 36px;
	border-radius: 999px;
	background: linear-gradient(90deg, #5d17ea 0%, #3e0ca8 52%, #290675 100%);
	color: #ffffff;
	font-family: var(--nhb-font);
	font-size: 14.5px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: 0 10px 24px rgba(58, 12, 163, 0.26);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.nhb-ent-s5__cta svg {
	width: 19px;
	height: 19px;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.nhb-ent-s5__cta:hover,
.nhb-ent-s5__cta:focus-visible {
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(58, 12, 163, 0.34);
}

.nhb-ent-s5__cta:hover svg {
	transform: translateX(3px);
}

/* --- Responsive Section 5 ----------------------------------------------- */
@media (max-width: 1240px) {
	.nhb-ent-s5__steps {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 28px 20px;
	}

	.nhb-ent-s5__step:nth-child(3) .nhb-ent-s5__arrow {
		display: none;
	}

	.nhb-ent-s5__banner {
		padding: 24px 36px;
	}
}

@media (max-width: 991px) {
	.nhb-ent-s5 {
		padding: 52px 0 68px;
	}

	.nhb-ent-s5__banner {
		flex-direction: column;
		text-align: center;
		padding: 28px 24px;
	}

	.nhb-ent-s5__banner-left {
		flex-direction: column;
		gap: 14px;
	}

	.nhb-ent-s5__banner-divider {
		display: none;
	}
}

@media (max-width: 768px) {
	.nhb-ent-s5__steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px 16px;
	}

	.nhb-ent-s5__arrow {
		display: none;
	}
}

@media (max-width: 520px) {
	.nhb-ent-s5__inner {
		padding-inline: 20px;
	}

	.nhb-ent-s5__steps {
		grid-template-columns: 1fr;
	}

	.nhb-ent-s5__cta {
		width: 100%;
		padding-inline: 24px;
	}
}

/* ==========================================================================
   Section 6: Hình thức đào tạo linh hoạt (.nhb-ent-s6)
   ========================================================================== */

.nhb-ent-s6 {
	position: relative;
	background: #fcfbfe;
	padding: 68px 0 92px;
	overflow: hidden;
}

.nhb-ent-s6__inner {
	width: 100%;
	max-width: 1366px;
	margin-inline: auto;
	padding-inline: 44px;
}

/* --- Header căn giữa ---------------------------------------------------- */
.nhb-ent-s6__head {
	text-align: center;
	max-width: 860px;
	margin: 0 auto 42px;
}

.nhb-ent-s6__eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #f07410;
}

.nhb-ent-s6__eyebrow-line {
	display: inline-block;
	width: 38px;
	height: 1.5px;
	background: #f07410;
	border-radius: 2px;
}

.nhb-ent-s6__title {
	margin: 0 0 14px;
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: clamp(30px, 3.5vw, 47px);
	font-weight: 800;
	line-height: 1.16;
	letter-spacing: -0.01em;
	color: #2c107a;
}

.nhb-ent-s6__sub {
	margin: 0;
	font-size: 15.5px;
	font-weight: 400;
	line-height: 1.62;
	color: #35416b;
}

/* --- Khung sóng nối & Lưới 5 thẻ ---------------------------------------- */
.nhb-ent-s6__stage {
	position: relative;
	padding-top: 16px;
}

.nhb-ent-s6__wave-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 86px;
	pointer-events: none;
	z-index: 1;
}

.nhb-ent-s6__grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 20px;
	align-items: stretch;
}

.nhb-ent-s6__item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.nhb-ent-s6__badge {
	width: 118px;
	height: 118px;
	border-radius: 50%;
	padding: 10px;
	background: #ffffff;
	box-shadow:
		0 10px 26px rgba(68, 32, 148, 0.085),
		0 0 0 1px rgba(232, 224, 248, 0.6);
	margin-bottom: -58px;
	position: relative;
	z-index: 3;
	flex-shrink: 0;
}

.nhb-ent-s6__badge-inner {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.nhb-ent-s6__item--violet .nhb-ent-s6__badge-inner {
	background: radial-gradient(circle at 35% 30%, #f5efff 0%, #e4d5fc 100%);
	color: #3b0ca3;
}

.nhb-ent-s6__item--gold .nhb-ent-s6__badge-inner {
	background: radial-gradient(circle at 35% 30%, #fffaf2 0%, #fde6c4 100%);
	color: #ea7d0c;
}

.nhb-ent-s6__badge-inner svg {
	width: 44px;
	height: 44px;
}

/* Thẻ nội dung */
.nhb-ent-s6__card {
	position: relative;
	width: 100%;
	flex: 1;
	background: #ffffff;
	border: 1px solid #f3effa;
	border-radius: 16px;
	box-shadow: 0 12px 32px rgba(46, 23, 88, 0.05);
	padding: 78px 18px 88px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.nhb-ent-s6__item:hover .nhb-ent-s6__card {
	transform: translateY(-4px);
	border-color: #dfd2f9;
	box-shadow: 0 18px 38px rgba(46, 23, 88, 0.095);
}

.nhb-ent-s6__card-title {
	margin: 0;
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: 19px;
	font-weight: 800;
	line-height: 1.25;
	color: #320e88;
	min-height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nhb-ent-s6__card-title--two-line {
	font-size: 16.5px;
	line-height: 1.22;
}

.nhb-ent-s6__divider {
	display: block;
	width: 30px;
	height: 2px;
	background: #ef8318;
	border-radius: 2px;
	margin: 12px auto 16px;
	flex-shrink: 0;
}

.nhb-ent-s6__card-desc {
	margin: 0;
	font-size: 13.5px;
	font-weight: 400;
	line-height: 1.62;
	color: #36436e;
	position: relative;
	z-index: 2;
}

/* Sóng màu & Số thứ tự góc dưới thẻ */
.nhb-ent-s6__card-wave {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 76px;
	pointer-events: none;
	z-index: 1;
}

.nhb-ent-s6__item--violet .nhb-ent-s6__card-wave {
	color: #f3ecfe;
}

.nhb-ent-s6__item--gold .nhb-ent-s6__card-wave {
	color: #fdf3e4;
}

.nhb-ent-s6__num {
	position: absolute;
	left: 20px;
	bottom: 12px;
	z-index: 2;
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: 38px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.02em;
}

.nhb-ent-s6__item--violet .nhb-ent-s6__num {
	color: #bfa5f5;
}

.nhb-ent-s6__item--gold .nhb-ent-s6__num {
	color: #eeb980;
}

/* --- Responsive Section 6 ----------------------------------------------- */
@media (max-width: 1240px) {
	.nhb-ent-s6__inner {
		padding-inline: 32px;
	}

	.nhb-ent-s6__wave-line {
		display: none;
	}

	.nhb-ent-s6__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 28px 20px;
	}
}

@media (max-width: 900px) {
	.nhb-ent-s6 {
		padding: 52px 0 68px;
	}

	.nhb-ent-s6__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px 16px;
	}
}

@media (max-width: 560px) {
	.nhb-ent-s6__inner {
		padding-inline: 20px;
	}

	.nhb-ent-s6__grid {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   Section 7: Vì sao lựa chọn (.nhb-ent-s7 kế thừa .nhb-ent-s4)
   ========================================================================== */

.nhb-ent-s7 {
	background: radial-gradient(circle at 50% 56%, #f7f2ff 0%, #fcfbfe 54%, #ffffff 100%);
	padding: 68px 0 88px;
}

.nhb-ent-s7 .nhb-ent-s4__head {
	max-width: 960px;
}

.nhb-ent-s7 .nhb-ent-s4__title {
	font-size: clamp(30px, 3.55vw, 48px);
}

.nhb-ent-s7 .nhb-ent-s4__badge {
	background: #ffffff;
	box-shadow:
		0 10px 24px rgba(74, 32, 156, 0.085),
		0 0 0 1px rgba(235, 227, 250, 0.7);
}

.nhb-ent-s7 .nhb-ent-s4__badge-inner {
	background: radial-gradient(circle at 32% 28%, #faf7ff 0%, #e4d4fc 68%, #d5bff9 100%);
	border-color: #ede3fe;
	color: #36099c;
}

.nhb-ent-s7 .nhb-ent-s4__pill-title--violet {
	color: #6510e0;
}

/* ==========================================================================
   Section 8: Đăng ký tư vấn doanh nghiệp (.nhb-ent-s8)
   ========================================================================== */

.nhb-ent-s8 {
	position: relative;
	background:
		radial-gradient(circle at 72% 38%, rgba(226, 212, 252, 0.55) 0%, rgba(244, 238, 254, 0.3) 42%, transparent 72%),
		linear-gradient(180deg, #ffffff 0%, #faf7ff 52%, #f4edfe 100%);
	padding: 72px 0 96px;
	overflow: hidden;
}

/* Họa tiết lưới chấm tròn bên mép trái */
.nhb-ent-s8__dots {
	position: absolute;
	left: 10px;
	top: 46%;
	width: 52px;
	height: 52px;
	background-image: radial-gradient(#cbb8f5 2px, transparent 2px);
	background-size: 13px 13px;
	opacity: 0.75;
	pointer-events: none;
	z-index: 1;
}

/* Sóng nghệ thuật dưới đáy */
.nhb-ent-s8__waves {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 360px;
	pointer-events: none;
	z-index: 1;
}

.nhb-ent-s8__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1366px;
	margin-inline: auto;
	padding-inline: 56px;
}

.nhb-ent-s8__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	align-items: center;
	gap: 48px;
}

/* --- Cột trái ----------------------------------------------------------- */
.nhb-ent-s8__left {
	padding-bottom: 36px;
}

.nhb-ent-s8__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 14px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #f07410;
}

.nhb-ent-s8__eyebrow-line {
	display: inline-block;
	width: 34px;
	height: 2px;
	background: #f07410;
	border-radius: 2px;
}

.nhb-ent-s8__title {
	margin: 0 0 18px;
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: clamp(34px, 3.85vw, 52px);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.nhb-ent-s8__title-violet {
	display: block;
	color: #2f0a87;
}

.nhb-ent-s8__title-orange {
	display: block;
	color: #f2740d;
	margin-top: 4px;
}

.nhb-ent-s8__desc {
	margin: 0 0 34px;
	max-width: 560px;
	font-size: 16.5px;
	font-weight: 400;
	line-height: 1.58;
	color: #33416b;
}

/* 3 badge cam kết ngang */
.nhb-ent-s8__features {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
	max-width: 540px;
}

.nhb-ent-s8__feat {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding-inline: 16px;
	position: relative;
}

.nhb-ent-s8__feat:first-child {
	padding-left: 0;
}

.nhb-ent-s8__feat + .nhb-ent-s8__feat::before {
	content: "";
	position: absolute;
	left: 0;
	top: 18px;
	height: 92px;
	width: 1px;
	background: #d5d0e5;
}

.nhb-ent-s8__feat-badge {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	padding: 8px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: 0 10px 26px rgba(68, 32, 148, 0.08);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
}

.nhb-ent-s8__feat-badge--violet {
	background: radial-gradient(circle at 35% 30%, #ffffff 0%, #ede3fe 68%, #dfd0fb 100%);
	border: 6px solid rgba(255, 255, 255, 0.82);
	color: #380ca0;
}

.nhb-ent-s8__feat-badge--orange {
	background: radial-gradient(circle at 35% 30%, #ffffff 0%, #fef0db 68%, #fbe2be 100%);
	border: 6px solid rgba(255, 255, 255, 0.82);
	color: #f07410;
}

.nhb-ent-s8__feat-badge svg {
	width: 42px;
	height: 42px;
}

.nhb-ent-s8__feat-text {
	margin: 0;
	font-size: 14.5px;
	font-weight: 700;
	line-height: 1.36;
	color: #2c107a;
}

/* --- Cột phải & Form (.nhb-ef-card) ------------------------------------- */
.nhb-ent-s8__right {
	width: 100%;
	max-width: 590px;
	margin-left: auto;
}

.nhb-ent-s8__right .tnnt-lead-form {
	max-width: none;
	width: 100%;
}

.nhb-ef-card {
	background: #ffffff;
	border: 1px solid #f2eef9;
	border-radius: 22px;
	padding: 36px 38px 30px;
	box-shadow:
		0 22px 54px rgba(45, 16, 122, 0.085),
		0 4px 14px rgba(45, 16, 122, 0.03);
	box-sizing: border-box;
}

.nhb-ef-title {
	margin: 0 0 8px;
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: clamp(26px, 2.5vw, 33px);
	font-weight: 800;
	line-height: 1.2;
	color: #2c107a;
}

.nhb-ef-sub {
	margin: 0 0 22px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.56;
	color: #3b476e;
}

.nhb-ef-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 14px;
	margin-bottom: 12px;
}

.nhb-ef-grid > .nhb-ef-field:last-child:nth-child(odd) {
	grid-column: 1 / -1;
}

.nhb-ef-field {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 54px;
	padding: 7px 14px 7px 44px;
	background: #ffffff;
	border: 1px solid #e5e9f2;
	border-radius: 10px;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.nhb-ef-field:focus-within {
	border-color: #6b4cd8;
	box-shadow: 0 0 0 3px rgba(107, 76, 216, 0.12);
}

.nhb-ef-field--full {
	min-height: 108px;
	justify-content: flex-start;
	padding-top: 13px;
	padding-bottom: 12px;
	margin-bottom: 14px;
}

.nhb-ef-field::before {
	content: "";
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 19px;
	height: 19px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 19px 19px;
	pointer-events: none;
}

.nhb-ef-field--full::before {
	top: 14px;
	transform: none;
}

.nhb-ef-field--user::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b4a74' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.nhb-ef-field--company::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b4a74' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='10' height='18' rx='1'/%3E%3Cpath d='M14 8h6v13h-6'/%3E%3Cpath d='M7 7h4M7 11h4M7 15h4M17 12h1M17 16h1'/%3E%3C/svg%3E");
}

.nhb-ef-field--role::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b4a74' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E");
}

.nhb-ef-field--phone::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b4a74' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}

.nhb-ef-field--mail::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b4a74' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E");
}

.nhb-ef-field--scale::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b4a74' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

.nhb-ef-field--doc::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b4a74' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8M8 17h5'/%3E%3C/svg%3E");
}

.nhb-ef-field .tnnt-lead-field {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.nhb-ef-field label {
	display: none !important;
}

.nhb-ef-field input:not([type="radio"]):not([type="checkbox"]),
.nhb-ef-field select,
.nhb-ef-field textarea {
	width: 100% !important;
	border: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	background-color: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	font-family: var(--nhb-font), sans-serif !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
	color: #1e293b !important;
	border-radius: 0 !important;
}

.nhb-ef-field select {
	padding-right: 22px !important;
	color: #64748b !important;
	cursor: pointer;
}

.nhb-ef-field textarea {
	min-height: 76px !important;
	margin-top: 0 !important;
	resize: vertical;
}

.nhb-ef-field input::placeholder,
.nhb-ef-field textarea::placeholder {
	color: #8b97b1 !important;
	opacity: 1 !important;
}

.nhb-ef-card .tnnt-lead-submit {
	width: 100% !important;
	min-height: 52px !important;
	padding: 13px 24px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: linear-gradient(180deg, #fb8c19 0%, #ee6002 100%) !important;
	color: #ffffff !important;
	font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em !important;
	box-shadow: 0 10px 24px rgba(238, 96, 2, 0.28) !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.nhb-ef-card .tnnt-lead-btn-label:empty::after {
	content: "Gửi yêu cầu tư vấn doanh nghiệp";
}

.nhb-ef-card .tnnt-lead-submit:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 28px rgba(238, 96, 2, 0.36) !important;
}

.nhb-ef-card .tnnt-lead-submit::before {
	content: "";
	width: 19px;
	height: 19px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M2.01 21 23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	flex-shrink: 0;
}

.nhb-ef-card .tnnt-lead-submit .tnnt-lead-btn-icon {
	display: none !important;
}

.nhb-ef-note {
	margin: 14px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	font-size: 12.5px;
	color: #475569;
	text-align: center;
}

.nhb-ef-note::before {
	content: "";
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b4a74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	flex-shrink: 0;
}

/* --- Responsive Section 8 ----------------------------------------------- */
@media (max-width: 1200px) {
	.nhb-ent-s8__inner {
		padding-inline: 32px;
	}

	.nhb-ent-s8__grid {
		gap: 32px;
	}
}

@media (max-width: 991px) {
	.nhb-ent-s8 {
		padding: 56px 0 76px;
	}

	.nhb-ent-s8__grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.nhb-ent-s8__left {
		padding-bottom: 0;
	}

	.nhb-ent-s8__right {
		max-width: 100%;
		margin-inline: auto;
	}
}

@media (max-width: 640px) {
	.nhb-ent-s8__inner {
		padding-inline: 20px;
	}

	.nhb-ent-s8__features {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.nhb-ent-s8__feat {
		padding-inline: 0;
	}

	.nhb-ent-s8__feat + .nhb-ent-s8__feat::before {
		display: none;
	}

	.nhb-ef-card {
		padding: 26px 20px 24px;
	}

	.nhb-ef-grid {
		grid-template-columns: 1fr;
	}
}