@charset "UTF-8";

/* ==========================================================================
   VNDCredit: kiểu dáng phía người đọc
   ========================================================================== */

/* Ký tự hiển thị qua content viết bằng mã \XXXX thay vì ký tự thô: máy chủ trả CSS không kèm
   bảng mã hoặc sai bảng mã thì ký tự thô bị đọc thành chữ rác. */

/* ---------- Design tokens ---------- */
:root {
	--vc-primary: #0050b0;
	--vc-primary-ink: #003b80;
	--vc-accent: #10e0d0;
	--vc-amber: #ffb040;
	--vc-amber-ink: #4a3000;
	--vc-ink: #101010;
	--vc-ink-2: #3a3a3a;
	--vc-ink-3: #6a6a6a;
	--vc-body: #2a2a2a;
	--vc-surface: #eaf2fc;
	--vc-surface-2: #f3f7fd;
	--vc-line: #e6eef8;
	--vc-on-primary-1: #d3e3f7;
	--vc-on-primary-2: #c9d8ee;
	--vc-teal-ink: #0d3a35;
	--vc-danger: #b3261e;
	--vc-danger-bg: #fff6f5;
	--vc-success: #0f7a52;
	--vc-muted-rule: #cfcfcf;
	--vc-display: "Plus Jakarta Sans", "Be Vietnam Pro", sans-serif;
	--vc-text: "Be Vietnam Pro", "Plus Jakarta Sans", sans-serif;
	--vc-radius: 8px;
	--vc-pill: 999px;
	--vc-sticky-top: 96px;
}

/* ---------- Base ---------- */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-padding-top: var(--vc-sticky-top);
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: #fff;
	font-family: var(--vc-text);
	color: var(--vc-ink);
	-webkit-font-smoothing: antialiased;
	overflow-wrap: break-word;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
li {
	margin: 0;
	text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
}

a {
	color: var(--vc-primary);
	text-decoration: none;
}

a:hover {
	color: var(--vc-ink);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	max-width: 100%;
	height: auto;
}

button,
input,
select,
textarea {
	font-family: var(--vc-text);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--vc-primary);
	outline-offset: 2px;
}

.screen-reader-text,
.vc-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.vc-skip {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 300;
	padding: 12px 18px;
	background: #fff;
	color: var(--vc-ink);
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	font: 700 16px var(--vc-text);
	transform: translateY(-160%);
}

.vc-skip:focus {
	transform: none;
}

.vc-container {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 40px;
}

.vc-mark {
	background: var(--vc-accent);
	padding: 0 8px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

.vc-eyebrow {
	font: 700 13px var(--vc-text);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--vc-primary);
}

.vc-eyebrow--sm {
	font-size: 12px;
}

.vc-eyebrow--teal {
	color: var(--vc-accent);
}

.vc-h2 {
	margin-top: 14px;
	font: 800 52px/1 var(--vc-display);
	letter-spacing: -0.025em;
}

.vc-h2--44 {
	font-size: 44px;
	line-height: 1.02;
}

.vc-h2--40 {
	font-size: 40px;
	line-height: 1.05;
}

.vc-h2--36 {
	font-size: 36px;
	line-height: 1.05;
}

/* ---------- Buttons ---------- */
.vc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 48px;
	padding: 0 24px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	font: 700 16px var(--vc-text);
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.vc-btn:hover {
	text-decoration: none;
}

.vc-btn--lg {
	height: 56px;
	padding: 0 28px;
	font-size: 17px;
}

.vc-btn--sm {
	height: 44px;
	padding: 0 20px;
	font-size: 15px;
}

.vc-btn--block {
	display: flex;
	width: 100%;
}

.vc-btn--primary {
	background: var(--vc-primary);
	color: #fff;
	border-color: var(--vc-primary-ink);
	box-shadow: 4px 4px 0 var(--vc-primary-ink);
}

.vc-btn--primary:hover {
	background: var(--vc-accent);
	color: var(--vc-ink);
	box-shadow: 2px 2px 0 var(--vc-primary);
}

.vc-btn--flat {
	box-shadow: none;
}

.vc-btn--flat:hover {
	box-shadow: none;
}

.vc-btn--secondary {
	background: #fff;
	color: var(--vc-ink);
	border-color: var(--vc-primary);
}

.vc-btn--secondary:hover {
	background: var(--vc-accent);
	color: var(--vc-ink);
}

.vc-btn--shadow {
	box-shadow: 4px 4px 0 var(--vc-primary);
}

.vc-btn--shadow:hover {
	box-shadow: 2px 2px 0 var(--vc-primary);
}

.vc-btn--accent {
	background: var(--vc-accent);
	color: var(--vc-ink);
	border-color: var(--vc-primary-ink);
	box-shadow: 4px 4px 0 var(--vc-primary-ink);
}

.vc-btn--accent:hover {
	background: #fff;
	color: var(--vc-ink);
	box-shadow: 2px 2px 0 var(--vc-primary-ink);
}

.vc-btn[disabled] {
	cursor: progress;
	opacity: 0.85;
}

.vc-card-hover {
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.vc-card-hover:hover {
	box-shadow: 8px 8px 0 var(--vc-primary);
	text-decoration: none;
}

/* ---------- Header ---------- */
.vc-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: #fff;
	border-bottom: 2px solid var(--vc-primary);
}

.admin-bar .vc-header {
	top: 32px;
}

.vc-header__bar {
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}

.vc-logo {
	display: flex;
	align-items: center;
	flex: none;
	min-height: 44px;
}

.vc-logo:hover {
	text-decoration: none;
}

.vc-logo__img {
	display: block;
	width: auto;
	height: 30px;
}

.vc-nav__list {
	display: flex;
	align-items: center;
	gap: 34px;
}

.vc-nav__list a {
	display: inline-block;
	padding: 6px 0;
	border-bottom: 3px solid transparent;
	font: 500 16px var(--vc-text);
	color: var(--vc-ink);
	text-decoration: none;
}

.vc-nav__list a:hover {
	color: var(--vc-ink);
	text-decoration: none;
	border-bottom-color: var(--vc-primary);
}

.vc-nav__list a[aria-current="page"] {
	font-weight: 600;
	border-bottom-color: var(--vc-primary);
}

.vc-header__actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: none;
}

.vc-header__cta {
	height: 44px;
	padding: 0 26px;
	font-size: 16px;
}

.vc-burger {
	display: none;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 44px;
	padding: 0;
	background: #fff;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	color: var(--vc-ink);
	cursor: pointer;
}

.vc-burger__lines {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.vc-burger__lines span {
	display: block;
	width: 20px;
	height: 2px;
	background: var(--vc-ink);
}

.vc-burger__close {
	display: none;
	font: 400 22px/1 var(--vc-text);
}

.vc-burger[aria-expanded="true"] .vc-burger__lines {
	display: none;
}

.vc-burger[aria-expanded="true"] .vc-burger__close {
	display: block;
}

.vc-mnav {
	display: none;
	border-top: 2px solid var(--vc-primary);
	background: #fff;
}

.vc-mnav__inner {
	display: flex;
	flex-direction: column;
	padding-top: 8px;
	padding-bottom: 24px;
}

.vc-mnav__list a {
	display: flex;
	align-items: center;
	min-height: 56px;
	border-bottom: 2px solid var(--vc-line);
	font: 600 18px var(--vc-text);
	color: var(--vc-ink);
	text-decoration: none;
}

.vc-mnav__list a:hover {
	color: var(--vc-primary);
	text-decoration: none;
}

.vc-mnav__cta {
	height: 56px;
	margin-top: 20px;
	font-size: 17px;
}

/* ---------- Footer ---------- */
.vc-footer {
	background: var(--vc-primary);
	color: #fff;
	padding: 56px 0 40px;
	font-family: var(--vc-text);
}

.vc-footer a {
	color: #fff;
	text-decoration: none;
}

.vc-footer a:hover {
	color: var(--vc-accent);
	text-decoration: none;
}

.vc-footer a:focus-visible,
.vc-footer button:focus-visible {
	outline-color: #fff;
}

.vc-footer__cols {
	display: grid;
	grid-template-columns: 1.3fr 1fr 1fr 1.1fr;
	gap: 48px;
}

.vc-footer__cols--5 {
	grid-template-columns: 1.3fr 1fr 1fr 1fr 1.1fr;
	gap: 40px;
}

.vc-footer__logo {
	display: inline-flex;
	padding: 10px 14px;
	background: #fff;
	border-radius: var(--vc-radius);
}

.vc-footer__logo-img {
	display: block;
	width: auto;
	height: 26px;
}

.vc-footer__logo.is-custom {
	padding: 0;
	background: transparent;
}

.vc-footer__logo.is-custom .vc-footer__logo-img {
	height: 30px;
}

.vc-footer__about {
	margin-top: 20px;
	max-width: 300px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--vc-on-primary-1);
}

.vc-footer__title {
	margin: 0;
	font: 700 12px var(--vc-text);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--vc-accent);
}

.vc-footer__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 18px;
}

.vc-footer__list li {
	font-size: 16px;
}

.vc-footer__hours {
	color: var(--vc-on-primary-1);
}

.vc-footer__social {
	display: flex;
	gap: 10px;
	margin-top: 20px;
}

.vc-footer__social a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 2px solid #fff;
	border-radius: var(--vc-radius);
}

.vc-footer__social a:hover {
	background: var(--vc-accent);
	border-color: var(--vc-accent);
	color: var(--vc-ink);
}

.vc-footer__f {
	font: 800 21px/1 var(--vc-display);
}

.vc-footer__legal {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 48px;
	padding-top: 28px;
	border-top: 2px solid rgba(255, 255, 255, 0.3);
}

.vc-footer__legal p {
	font-size: 14px;
	line-height: 1.7;
	color: var(--vc-on-primary-2);
}

/* ---------- Shared blocks ---------- */
.vc-crumb {
	font: 500 15px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-crumb__list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.vc-crumb a {
	color: var(--vc-ink-3);
}

.vc-crumb a:hover {
	color: var(--vc-ink);
}

.vc-crumb__sep {
	color: var(--vc-muted-rule);
}

.vc-crumb__current {
	color: var(--vc-ink);
}

.vc-band {
	background: #fff;
	border-bottom: 2px solid var(--vc-primary);
}

.vc-pill {
	display: inline-flex;
	align-items: center;
	height: 30px;
	padding: 0 12px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	background: var(--vc-accent);
	font: 700 12px var(--vc-text);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--vc-ink);
}

a.vc-pill:hover {
	color: var(--vc-ink);
	text-decoration: none;
	background: #fff;
}

.vc-pill--sm {
	align-self: flex-start;
	height: 26px;
	padding: 0 10px;
	background: transparent;
	font-size: 11px;
	color: var(--vc-primary);
}

.vc-bullets {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.vc-bullets li {
	position: relative;
	display: flex;
	gap: 12px;
}

.vc-bullets li::before {
	content: "";
	flex: none;
	width: 8px;
	height: 8px;
	margin-top: 9px;
	background: var(--vc-primary);
}

.vc-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.vc-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	border: 2px dashed var(--vc-primary);
	border-radius: var(--vc-radius);
	font: 600 15px var(--vc-text);
	color: var(--vc-ink-3);
	text-align: center;
}

.vc-placeholder--solid {
	border-style: solid;
	border-color: var(--vc-primary-ink);
	background: var(--vc-surface);
}

.vc-media {
	display: block;
	width: 100%;
	object-fit: cover;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-radius);
}

/* Logo đối tác */
.vc-plogo {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	overflow: hidden;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: var(--vc-accent);
	font: 800 19px/1 var(--vc-display);
	color: var(--vc-ink);
}

.vc-plogo.has-img {
	background: #fff;
}

.vc-plogo__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 4px;
}

.vc-plogo--44 {
	width: 44px;
	height: 44px;
	font-size: 16px;
}

.vc-plogo--sm-text {
	font-size: 15px;
}

.vc-plogo--80 {
	width: 80px;
	height: 80px;
	font-size: 28px;
}

/* Hộp tác giả */
.vc-author {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	margin-top: 44px;
	padding: 26px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
}

.vc-author__avatar,
.vc-author__photo {
	flex: none;
	width: 64px;
	height: 64px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
}

.vc-author__avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--vc-accent);
	font: 800 20px var(--vc-display);
}

.vc-author__photo {
	object-fit: cover;
}

.vc-author__body {
	flex: 1;
	min-width: 240px;
}

.vc-author__name {
	margin-top: 4px;
	font: 700 20px var(--vc-display);
}

.vc-author__name a {
	color: var(--vc-ink);
}

.vc-author__bio {
	margin-top: 6px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

.vc-author__more {
	flex: none;
}

/* Accordion */
.vc-acc-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.vc-acc {
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
}

.vc-acc__h {
	margin: 0;
}

.vc-acc__btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	min-height: 64px;
	padding: 16px 22px;
	background: transparent;
	border: 0;
	border-radius: var(--vc-radius);
	font: 600 19px var(--vc-text);
	color: var(--vc-ink);
	text-align: left;
	cursor: pointer;
}

.vc-acc__icon {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	font: 700 20px/1 var(--vc-text);
}

.vc-acc__icon::before {
	content: "+";
}

.vc-acc.is-open .vc-acc__icon::before {
	content: "\2212";
}

html:not(.vc-has-js) .vc-acc__icon {
	display: none;
}

.vc-acc__panel p {
	max-width: 760px;
	padding: 0 22px 22px;
	font-size: 17px;
	line-height: 1.65;
	color: var(--vc-ink-2);
}

.vc-has-js .vc-acc:not(.is-open) .vc-acc__panel {
	display: none;
}

.vc-acc--sm .vc-acc__btn {
	min-height: 60px;
	padding: 14px 20px;
	font-size: 18px;
}

.vc-acc--sm .vc-acc__icon {
	width: 32px;
	height: 32px;
	font-size: 18px;
}

.vc-acc--sm .vc-acc__panel p {
	max-width: none;
	padding: 0 20px 20px;
	font-size: 16px;
}

/* Thẻ bài viết */
.vc-posts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.vc-pcard {
	display: flex;
	flex-direction: column;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
	color: var(--vc-ink);
}

.vc-pcard:hover {
	color: var(--vc-ink);
}

.vc-pcard__img {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 180px;
	overflow: hidden;
	border-bottom: 2px solid var(--vc-primary);
	border-radius: 6px 6px 0 0;
	background: var(--vc-surface);
	font: 600 14px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-pcard__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vc-pcard__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 22px 24px 24px;
}

.vc-pcard__title {
	display: block;
	margin-top: 14px;
	font: 700 21px/1.2 var(--vc-display);
}

.vc-pcard__excerpt {
	display: block;
	margin-top: 10px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

.vc-pcard__meta {
	display: block;
	margin-top: auto;
	padding-top: 16px;
	font: 500 14px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-pcard--text {
	padding: 24px;
}

.vc-pcard--text .vc-pcard__meta {
	margin-top: 16px;
	padding-top: 0;
}

.vc-pcards-3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

/* Phân trang */
.vc-pager {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 44px;
}

.vc-pager .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 14px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	background: #fff;
	font: 700 15px var(--vc-text);
	color: var(--vc-ink);
	text-decoration: none;
}

.vc-pager a.page-numbers:hover {
	background: var(--vc-accent);
	text-decoration: none;
}

.vc-pager .page-numbers.current {
	background: var(--vc-primary);
	border-color: var(--vc-primary-ink);
	color: #fff;
}

.vc-pager .page-numbers.dots {
	border-color: transparent;
}

/* Thẻ đối tác thu gọn */
.vc-pmini {
	display: flex;
	flex-direction: column;
	padding: 24px;
	background: #fff;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	color: var(--vc-ink);
}

.vc-pmini:hover {
	color: var(--vc-ink);
}

.vc-pmini__head {
	display: flex;
	align-items: center;
	gap: 12px;
}

.vc-pmini__name {
	display: block;
	font: 700 20px/1.1 var(--vc-display);
}

.vc-pmini__type {
	display: block;
	margin-top: 3px;
	font: 400 14px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-pmini__stats {
	display: flex;
	gap: 10px;
	margin-top: 20px;
}

.vc-pmini__stat {
	flex: 1;
	padding: 12px 14px;
	background: var(--vc-surface-2);
	border-radius: var(--vc-radius);
}

.vc-pmini__label {
	display: block;
	font: 500 14px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-pmini__value {
	display: block;
	margin-top: 2px;
	font: 700 16px var(--vc-text);
}

.vc-pmini__more {
	margin-top: 18px;
	font: 700 15px var(--vc-text);
	color: var(--vc-primary);
}

/* Mục "đọc tiếp" / "đối tác tương tự" */
.vc-related {
	padding: 0 0 88px;
}

.vc-related__inner {
	padding-top: 40px;
	border-top: 2px solid var(--vc-primary);
}

.vc-related .vc-h2 {
	margin: 12px 0 28px;
}

/* Panel CTA nền xanh */
.vc-cta-panel {
	margin-top: 40px;
	padding: 30px;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-radius);
	background: var(--vc-primary);
	color: #fff;
	box-shadow: 8px 8px 0 var(--vc-primary-ink);
}

.vc-cta-panel__title {
	font: 800 28px/1.1 var(--vc-display);
	letter-spacing: -0.02em;
}

.vc-cta-panel p {
	max-width: 520px;
	margin-top: 12px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--vc-on-primary-1);
}

.vc-cta-panel .vc-btn {
	margin-top: 22px;
}

/* Khung nhấn nền teal */
.vc-callout {
	margin-top: 36px;
	padding: 26px 28px;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-radius);
	background: var(--vc-accent);
}

.vc-callout__label,
.vc-prose .vc-callout .vc-callout__label {
	margin: 0;
	font: 700 12px var(--vc-text);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--vc-ink);
}

.vc-callout p:not(.vc-callout__label),
.vc-prose .vc-callout p:not(.vc-callout__label) {
	margin-top: 10px;
	font-size: 18px;
	line-height: 1.65;
	color: var(--vc-teal-ink);
}

/* Nội dung soạn trong trình soạn thảo */
.vc-prose > * + * {
	margin-top: 16px;
}

.vc-prose > p:first-child {
	font-size: 19px;
}

.vc-prose p {
	font-size: 18px;
	line-height: 1.7;
	color: var(--vc-body);
}

.vc-prose h2 {
	margin-top: 44px;
	font: 800 32px/1.1 var(--vc-display);
	letter-spacing: -0.02em;
	color: var(--vc-ink);
}

.vc-prose > h2:first-child {
	margin-top: 0;
}

.vc-prose h3 {
	margin-top: 32px;
	font: 700 23px/1.2 var(--vc-display);
	color: var(--vc-ink);
}

.vc-prose h2 + p,
.vc-prose h3 + p {
	margin-top: 16px;
}

.vc-prose ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 18px;
}

.vc-prose ul li {
	display: flex;
	gap: 12px;
	font-size: 18px;
	line-height: 1.65;
	color: var(--vc-ink);
}

.vc-prose ul li::before {
	content: "";
	flex: none;
	width: 9px;
	height: 9px;
	margin-top: 10px;
	background: var(--vc-primary);
}

.vc-prose ol {
	margin-top: 18px;
	padding-left: 26px;
	list-style: decimal;
}

.vc-prose ol li {
	margin-top: 10px;
	font-size: 18px;
	line-height: 1.65;
}

.vc-prose a {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.vc-prose strong {
	font-weight: 700;
}

.vc-prose .vc-table-wrap {
	margin-top: 26px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
}

.vc-prose table {
	width: 100%;
	min-width: 520px;
	border-collapse: collapse;
}

.vc-prose th {
	padding: 14px 18px;
	background: var(--vc-primary);
	color: #fff;
	font: 700 15px var(--vc-text);
	text-align: left;
}

.vc-prose td {
	padding: 14px 18px;
	border-bottom: 2px solid var(--vc-line);
	font: 700 16px var(--vc-text);
	color: var(--vc-ink);
	vertical-align: top;
}

.vc-prose td:first-child {
	font-weight: 500;
	color: var(--vc-ink-2);
}

.vc-prose tbody tr:last-child td {
	border-bottom: 0;
}

.vc-prose .vc-small,
.vc-prose .vc-table-wrap + p.vc-small {
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--vc-ink-3);
}

.vc-prose h2 {
	scroll-margin-top: var(--vc-sticky-top);
}

.vc-prose .vc-callout {
	margin-top: 36px;
}

.vc-prose blockquote {
	margin: 36px 0 0;
	padding: 26px 28px;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-radius);
	background: var(--vc-accent);
}

.vc-prose blockquote p {
	color: var(--vc-teal-ink);
}

.vc-prose img {
	border-radius: var(--vc-radius);
}

.vc-prose figure {
	margin: 32px 0 0;
}

.vc-prose figcaption {
	margin-top: 8px;
	font-size: 14px;
	color: var(--vc-ink-3);
}

/* Sidebar dính */
.vc-side {
	position: sticky;
	top: var(--vc-sticky-top);
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.admin-bar .vc-side {
	top: calc(var(--vc-sticky-top) + 32px);
}

.vc-box {
	padding: 22px 24px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
}

.vc-toc {
	margin-top: 14px;
	display: flex;
	flex-direction: column;
}

.vc-toc a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 8px 0;
	border-top: 2px solid var(--vc-line);
	font: 600 15px var(--vc-text);
	color: var(--vc-ink);
}

.vc-toc a[aria-current="true"] {
	color: var(--vc-primary);
}

/* ==========================================================================
   Trang chủ
   ========================================================================== */
.vc-sect {
	padding: 80px 0;
}

.vc-sect--96 {
	padding: 96px 0;
}

.vc-sect--blue {
	background: var(--vc-primary);
	color: #fff;
}

.vc-sect--rule-b {
	border-bottom: 2px solid var(--vc-primary);
}

.vc-sect--rule-t {
	border-top: 2px solid var(--vc-primary);
}

.vc-hero {
	padding: 80px 0 72px;
	border-bottom: 2px solid var(--vc-primary);
}

.vc-hero__grid {
	display: grid;
	grid-template-columns: 1.08fr 0.92fr;
	gap: 72px;
	align-items: start;
}

.vc-hero__title {
	max-width: 13ch;
	font: 800 78px/0.94 var(--vc-display);
	letter-spacing: -0.03em;
	text-wrap: balance;
}

.vc-hero__lead {
	max-width: 520px;
	margin-top: 28px;
	font-size: 18px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

.vc-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 32px;
}

.vc-trust li {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 13px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	font: 600 14px var(--vc-text);
	white-space: nowrap;
}

.vc-trust li::before {
	content: "";
	flex: none;
	width: 8px;
	height: 8px;
	background: var(--vc-primary);
	border-radius: var(--vc-pill);
}

.vc-hero__note {
	max-width: 68ch;
	margin-top: 36px;
	font-size: 15px;
	line-height: 1.65;
	color: var(--vc-ink-2);
}

/* Công cụ tính */
.vc-calc {
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
	box-shadow: 8px 8px 0 var(--vc-primary);
}

.vc-calc__body {
	padding: 26px 28px 28px;
}

.vc-calc__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
}

.vc-calc__label {
	font: 700 13px var(--vc-text);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--vc-ink-2);
}

.vc-calc__amount {
	font: 800 34px/1 var(--vc-display);
	letter-spacing: -0.02em;
}

.vc-slider {
	position: relative;
	display: flex;
	align-items: center;
	height: 44px;
	margin-top: 10px;
}

.vc-slider__track {
	position: absolute;
	left: 0;
	right: 0;
	height: 14px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	background: #fff;
}

.vc-slider__fill {
	position: absolute;
	left: 0;
	width: var(--vc-pct, 0%);
	height: 14px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	background: var(--vc-primary);
	pointer-events: none;
}

.vc-slider__thumb {
	position: absolute;
	left: var(--vc-pct, 0%);
	width: 30px;
	height: 30px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	background: var(--vc-accent);
	transform: translateX(-50%);
	pointer-events: none;
}

.vc-slider input {
	position: absolute;
	left: 0;
	width: 100%;
	height: 44px;
	margin: 0;
	opacity: 0;
	cursor: grab;
}

.vc-slider:has(input:focus-visible) .vc-slider__thumb,
.vc-slider.is-focus .vc-slider__thumb {
	outline: 3px solid var(--vc-primary);
	outline-offset: 3px;
}

.vc-has-js .vc-slider:not(.is-ready) .vc-slider__fill,
.vc-has-js .vc-slider:not(.is-ready) .vc-slider__thumb {
	visibility: hidden;
}

html:not(.vc-has-js) .vc-slider__fill,
html:not(.vc-has-js) .vc-slider__thumb,
html:not(.vc-has-js) .vc-slider__track {
	display: none;
}

html:not(.vc-has-js) .vc-slider input {
	position: static;
	opacity: 1;
	accent-color: var(--vc-primary);
}

.vc-calc__range {
	display: flex;
	justify-content: space-between;
	font: 500 14px var(--vc-text);
	color: var(--vc-ink-2);
}

.vc-calc__label--term {
	display: block;
	margin-top: 24px;
}

.vc-terms {
	display: flex;
	gap: 8px;
	margin-top: 10px;
}

.vc-term {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 4px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	background: #fff;
	font: 600 15px var(--vc-text);
	color: var(--vc-ink);
	cursor: pointer;
}

.vc-term[aria-pressed="true"] {
	background: var(--vc-primary);
	border-color: var(--vc-primary-ink);
	color: #fff;
}

.vc-calc__cta {
	height: 56px;
	margin-top: 24px;
	font-size: 18px;
}

.vc-calc__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 2px solid var(--vc-primary);
}

.vc-calc__stat {
	padding: 16px 18px;
	border-right: 2px solid var(--vc-primary);
}

.vc-calc__stat:last-child {
	border-right: 0;
}

.vc-calc__stat-label {
	font: 500 14px var(--vc-text);
	color: var(--vc-ink-2);
}

.vc-calc__stat-value {
	margin-top: 3px;
	font: 700 17px var(--vc-text);
}

/* Cách hoạt động */
.vc-head-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
}

.vc-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin-top: 48px;
}

.vc-step {
	padding: 28px;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-radius);
	background: #fff;
	color: var(--vc-ink);
}

.vc-step--teal {
	background: var(--vc-accent);
}

.vc-step--amber {
	background: var(--vc-amber);
}

.vc-step__num {
	font: 800 46px/1 var(--vc-display);
	letter-spacing: -0.03em;
}

.vc-step__title {
	margin-top: 16px;
	font: 700 24px/1.15 var(--vc-display);
}

.vc-step__text {
	margin-top: 12px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

.vc-step--teal .vc-step__text {
	color: var(--vc-teal-ink);
}

.vc-step--amber .vc-step__text {
	color: var(--vc-amber-ink);
}

.vc-step__art {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 112px;
	margin-top: 22px;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-radius);
	background: #fff;
}

.vc-step__art--surface {
	background: var(--vc-surface);
}

/* Bốn ưu điểm */
.vc-benefits {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	margin-top: 44px;
}

.vc-benefit {
	padding: 24px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.vc-benefit:hover {
	box-shadow: 8px 8px 0 var(--vc-primary);
}

.vc-benefit__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: var(--vc-accent);
	font: 800 15px var(--vc-display);
	color: var(--vc-primary);
}

.vc-benefit__title {
	margin-top: 18px;
	font: 700 21px/1.2 var(--vc-display);
}

.vc-benefit__text {
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

/* Panel "Ba phút" */
.vc-cta-big {
	padding: 48px;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-radius);
	background: var(--vc-primary);
	color: #fff;
	box-shadow: 8px 8px 0 var(--vc-primary-ink);
}

.vc-cta-big__grid {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 56px;
	align-items: center;
}

.vc-cta-big__lead {
	max-width: 460px;
	margin-top: 18px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--vc-on-primary-1);
}

.vc-cta-big__btn {
	height: 56px;
	margin-top: 28px;
	padding: 0 30px;
	font-size: 17px;
}

.vc-cta-big__stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.vc-cta-big__stat {
	padding: 18px;
	border: 2px solid #fff;
	border-radius: var(--vc-radius);
}

.vc-cta-big__stat-label {
	font: 500 14px var(--vc-text);
	color: var(--vc-on-primary-1);
}

.vc-cta-big__stat-value {
	margin-top: 4px;
	font: 800 30px var(--vc-display);
}

/* Đánh giá */
.vc-reviews {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin-top: 44px;
}

.vc-review {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin: 0;
	padding: 26px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
}

.vc-review__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font: 700 15px var(--vc-text);
	letter-spacing: 0.08em;
	color: var(--vc-primary);
}

.vc-review__date {
	font: 500 14px var(--vc-text);
	letter-spacing: 0;
	color: var(--vc-ink-3);
}

.vc-review__quote {
	margin: 0;
}

.vc-review__quote p {
	font-size: 17px;
	line-height: 1.6;
}

.vc-review__foot {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: auto;
	padding-top: 22px;
	border-top: 2px solid var(--vc-primary);
}

.vc-review__avatar {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	background: var(--vc-accent);
	font: 700 14px var(--vc-text);
}

.vc-review__name {
	font: 600 16px var(--vc-text);
	font-style: normal;
}

.vc-review__place {
	font: 400 14px var(--vc-text);
	color: var(--vc-ink-3);
}

/* Hai cột: tiêu đề + nội dung */
.vc-split {
	display: grid;
	grid-template-columns: 0.8fr 1.2fr;
	gap: 64px;
	align-items: start;
}

.vc-split__lead {
	margin-top: 18px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

.vc-purposes {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.vc-purposes li {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 56px;
	padding: 0 18px;
	border: 2px solid var(--vc-line);
	border-radius: var(--vc-radius);
	font: 500 16px var(--vc-text);
}

.vc-purposes li::before {
	content: "";
	flex: none;
	width: 8px;
	height: 8px;
	background: var(--vc-primary);
}

.vc-conds {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.vc-cond {
	padding: 24px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
}

.vc-cond__num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-pill);
	background: var(--vc-primary);
	color: #fff;
	font: 700 15px var(--vc-text);
}

.vc-cond__title {
	margin-top: 16px;
	font: 700 20px var(--vc-display);
}

.vc-cond__text {
	margin-top: 8px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

/* Minh bạch */
.vc-facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

/* Số ô lấy từ trang cài đặt; ít hơn 4 thì chia đều cho số ô thật để không trống cột. */
.vc-facts--n1 {
	grid-template-columns: minmax(0, 1fr);
}

.vc-facts--n2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vc-facts--n3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vc-fact {
	padding: 28px 24px;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-radius);
	background: #fff;
}

.vc-fact__num {
	font: 800 52px/1 var(--vc-display);
	letter-spacing: -0.03em;
	color: var(--vc-primary);
}

.vc-fact__text {
	margin-top: 12px;
	font-size: 16px;
	line-height: 1.55;
	color: var(--vc-ink-2);
}

.vc-facts-title {
	max-width: 760px;
	margin: 14px 0 36px;
	line-height: 1.05;
}

/* Hỏi đáp trang chủ */
.vc-center {
	text-align: center;
}

.vc-faq-title {
	margin: 14px 0 40px;
}

.vc-faq {
	max-width: 900px;
	margin: 0 auto;
}

/* Nội dung SEO */
.vc-seo {
	padding: 0 0 96px;
}

.vc-seo__inner {
	max-width: 820px;
	margin: 0 auto;
}

.vc-seo h2 {
	font: 700 32px/1.15 var(--vc-display);
	letter-spacing: -0.02em;
}

.vc-seo p {
	font-size: 17px;
	line-height: 1.7;
	color: var(--vc-ink-2);
}

.vc-seo h2 + p {
	margin-top: 20px;
}

.vc-seo p + p {
	margin-top: 16px;
}

.vc-seo__more {
	margin-top: 28px;
}

.vc-seo__more h3 {
	margin-top: 28px;
	font: 700 23px/1.2 var(--vc-display);
}

.vc-seo__more > h3:first-child {
	margin-top: 0;
}

.vc-seo__more h3 + p,
.vc-seo__more h3 + ul {
	margin-top: 14px;
}

.vc-seo__more ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.vc-seo__more li {
	display: flex;
	gap: 12px;
	font-size: 17px;
	line-height: 1.65;
	color: var(--vc-ink-2);
}

.vc-seo__more li::before {
	content: "";
	flex: none;
	width: 8px;
	height: 8px;
	margin-top: 9px;
	background: var(--vc-primary);
}

.vc-has-js .vc-seo__more:not(.is-open) {
	display: none;
}

.vc-seo__toggle {
	display: block;
	min-height: 48px;
	margin: 26px auto 0;
	padding: 0 24px;
	background: #fff;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	font: 700 16px var(--vc-text);
	color: var(--vc-ink);
	cursor: pointer;
}

.vc-seo__toggle:hover {
	background: var(--vc-accent);
}

html:not(.vc-has-js) .vc-seo__toggle {
	display: none;
}

/* ==========================================================================
   Trang đề xuất
   ========================================================================== */
.vc-dx-top {
	padding: 40px 0 48px;
}

.vc-dx-top__row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
	margin-top: 20px;
}

.vc-dx-top__title {
	font: 800 56px/1 var(--vc-display);
	letter-spacing: -0.03em;
}

.vc-dx-top__lead {
	max-width: 720px;
	margin-top: 18px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

.vc-dx-top__edit {
	flex: none;
	gap: 10px;
	height: 52px;
}

.vc-dx-list {
	padding: 32px 0 80px;
}

.vc-offers {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.vc-offer {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 24px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
}

.vc-offer.is-best {
	box-shadow: 8px 8px 0 var(--vc-primary);
}

.vc-offer__rank {
	position: absolute;
	top: -14px;
	left: -10px;
	padding: 6px 11px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
	font: 800 14px var(--vc-display);
	color: var(--vc-ink);
}

.vc-offer__best {
	position: absolute;
	top: -14px;
	right: -10px;
	padding: 6px 12px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: var(--vc-amber);
	font: 700 12px var(--vc-text);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--vc-ink);
}

.vc-offer__head {
	display: flex;
	align-items: center;
	gap: 14px;
}

.vc-offer__name {
	font: 700 22px/1.15 var(--vc-display);
}

.vc-offer__type {
	margin-top: 2px;
	font: 400 14px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-offer__rows {
	margin: 22px 0 0;
	border-top: 2px solid var(--vc-primary);
}

.vc-offer__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 13px 0;
	border-bottom: 2px solid var(--vc-line);
}

.vc-offer__row dt {
	font: 500 15px var(--vc-text);
	color: var(--vc-ink-2);
}

.vc-offer__row dd {
	margin: 0;
	font: 700 17px var(--vc-text);
	text-align: right;
}

.vc-offer__row--total {
	padding: 14px 0 2px;
	border-bottom: 0;
}

.vc-offer__row--total dt {
	font-weight: 600;
	color: var(--vc-ink);
}

.vc-offer__row--total dd {
	font: 800 20px var(--vc-display);
	color: var(--vc-primary);
}

.vc-offer__note {
	padding-bottom: 12px;
	font: 400 14px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-offer__cta {
	display: flex;
	width: 100%;
	margin-top: 8px;
}

.vc-offer__cta.vc-btn--secondary {
	box-shadow: none;
}

.vc-offer__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 14px;
}

.vc-offer__review {
	font: 600 15px var(--vc-text);
}

.vc-offer__cmp {
	flex: none;
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	font: 600 15px var(--vc-text);
	color: var(--vc-ink);
	cursor: pointer;
}

.vc-offer__cmp input {
	width: 22px;
	height: 22px;
	margin: 0;
	accent-color: var(--vc-primary);
	cursor: pointer;
}

.vc-offer__cmp input:disabled {
	cursor: not-allowed;
}

.vc-offer__cmp:has(input:disabled) {
	color: var(--vc-ink-3);
	cursor: not-allowed;
}

html:not(.vc-has-js) .vc-offer__cmp {
	display: none;
}

.vc-dx-note {
	margin-top: 44px;
	padding: 24px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
}

.vc-dx-note p {
	font-size: 15px;
	line-height: 1.7;
	color: var(--vc-ink-2);
}

.vc-empty {
	padding: 40px 24px;
	border: 2px dashed var(--vc-primary);
	border-radius: var(--vc-radius);
	font-size: 17px;
	line-height: 1.6;
	color: var(--vc-ink-2);
	text-align: center;
}

/* Thanh so sánh dính đáy */
.vc-cmpbar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 150;
	padding: 14px 0;
	border-top: 2px solid var(--vc-primary-ink);
	background: var(--vc-primary);
}

.vc-cmpbar__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.vc-cmpbar__left {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.vc-cmpbar__count {
	font: 700 15px var(--vc-text);
	color: #fff;
}

.vc-cmpbar__chips {
	display: contents;
}

.vc-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 38px;
	padding: 0 8px 0 14px;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-pill);
	background: #fff;
	font: 600 14px var(--vc-text);
	color: var(--vc-ink);
}

.vc-chip__x {
	position: relative;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: var(--vc-pill);
	background: transparent;
	font: 700 15px var(--vc-text);
	color: var(--vc-primary);
	cursor: pointer;
}

.vc-chip__x::after {
	content: "";
	position: absolute;
	inset: -9px;
}

.vc-cmpbar__right {
	display: flex;
	align-items: center;
	gap: 12px;
}

.vc-cmpbar__clear {
	min-height: 44px;
	padding: 0 18px;
	border: 2px solid #fff;
	border-radius: var(--vc-pill);
	background: transparent;
	font: 700 15px var(--vc-text);
	color: #fff;
	cursor: pointer;
}

.vc-cmpbar__clear:hover {
	background: #fff;
	color: var(--vc-ink);
}

.vc-cmpbar__open {
	min-height: 48px;
	padding: 0 24px;
	font-size: 16px;
}

.vc-cmpbar :focus-visible {
	outline-color: #fff;
}

/* Hộp thoại nền mờ */
.vc-overlay {
	position: fixed;
	inset: 0;
	z-index: 200;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(0, 40, 90, 0.88);
}

.vc-overlay[hidden] {
	display: none;
}

.vc-overlay--top {
	z-index: 210;
	align-items: flex-start;
	overflow: auto;
}

.vc-dialog {
	width: 100%;
	max-width: 520px;
	padding: 40px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
	box-shadow: 8px 8px 0 var(--vc-accent);
	animation: vc-pop 0.25s ease-out both;
}

.vc-dialog--wide {
	max-width: 900px;
	margin: auto;
	padding: 32px;
}

.vc-dialog:focus {
	outline: none;
}

@keyframes vc-pop {
	from {
		opacity: 0;
		transform: translateY(12px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes vc-spin {
	to {
		transform: rotate(360deg);
	}
}

.vc-loading__head {
	display: flex;
	align-items: center;
	gap: 18px;
}

.vc-spinner {
	flex: none;
	width: 52px;
	height: 52px;
	border: 4px solid var(--vc-primary);
	border-top-color: var(--vc-accent);
	border-radius: var(--vc-pill);
	animation: vc-spin 0.9s linear infinite;
}

.vc-dialog__title {
	font: 800 26px/1.1 var(--vc-display);
	letter-spacing: -0.02em;
}

.vc-dialog__sub {
	margin-top: 4px;
	font: 400 15px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-loading__steps {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 30px;
}

.vc-lstep {
	display: flex;
	align-items: center;
	gap: 14px;
}

.vc-lstep__dot {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	background: #fff;
	font: 700 14px/1 var(--vc-text);
	color: var(--vc-ink);
}

.vc-lstep__text {
	font: 400 16px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-lstep.is-active .vc-lstep__dot {
	background: var(--vc-accent);
}

.vc-lstep.is-active .vc-lstep__text {
	font-weight: 700;
	color: var(--vc-ink);
}

.vc-lstep.is-done .vc-lstep__dot {
	border-color: var(--vc-primary-ink);
	background: var(--vc-primary);
	color: #fff;
}

.vc-lstep.is-done .vc-lstep__dot::before {
	content: "\2713";
}

.vc-lstep.is-done .vc-lstep__text {
	color: var(--vc-ink);
}

.vc-progress {
	height: 14px;
	margin-top: 30px;
	overflow: hidden;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	background: #fff;
}

.vc-progress__bar {
	width: 25%;
	height: 100%;
	background: var(--vc-primary);
	transition: width 0.4s ease;
}

.vc-loading__note {
	margin-top: 16px;
	font: 400 14px/1.55 var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-loading__skip {
	width: 100%;
	min-height: 48px;
	height: auto;
	margin-top: 18px;
}

.vc-cmp__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.vc-cmp__title {
	font: 800 28px/1.1 var(--vc-display);
	letter-spacing: -0.02em;
}

.vc-iconbtn {
	flex: none;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
	font: 400 20px/1 var(--vc-text);
	color: var(--vc-ink);
	cursor: pointer;
}

.vc-iconbtn:hover {
	background: var(--vc-accent);
}

.vc-cmp__table-wrap {
	margin-top: 24px;
}

.vc-cmp__table {
	width: 100%;
	border-collapse: collapse;
	font-family: var(--vc-text);
}

.vc-cmp__table thead th {
	padding: 12px 14px;
	background: var(--vc-primary);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-align: left;
}

.vc-cmp__table thead th:first-child {
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.vc-cmp__table tbody th {
	padding: 12px 14px;
	border-top: 2px solid var(--vc-line);
	font-size: 15px;
	font-weight: 500;
	color: var(--vc-ink-2);
	text-align: left;
}

.vc-cmp__table td {
	padding: 12px 14px;
	border-top: 2px solid var(--vc-line);
	font-size: 16px;
	font-weight: 700;
	color: var(--vc-ink);
}

.vc-cmp__note {
	max-width: 68ch;
	margin-top: 18px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

html.vc-lock,
html.vc-lock body {
	overflow: hidden;
}

/* ==========================================================================
   Chi tiết đối tác
   ========================================================================== */
.vc-rv-top {
	padding: 32px 0 40px;
}

.vc-rv-head {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-top: 22px;
}

.vc-rv-head__badges {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.vc-badge-best {
	padding: 5px 12px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: var(--vc-amber);
	font: 700 12px var(--vc-text);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.vc-rv-head__kind {
	font: 500 15px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-rv-head__title {
	margin-top: 12px;
	font: 800 46px/1.02 var(--vc-display);
	letter-spacing: -0.03em;
}

.vc-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	margin-top: 14px;
	font: 500 15px var(--vc-text);
	color: var(--vc-ink-2);
}

.vc-meta__bar {
	color: var(--vc-muted-rule);
}

.vc-rating {
	display: flex;
	align-items: center;
	gap: 8px;
}

.vc-rating__stars {
	font-weight: 700;
	letter-spacing: 0.08em;
	color: var(--vc-primary);
}

.vc-rating__count {
	color: var(--vc-ink-3);
}

.vc-rv-body {
	padding: 48px 0 96px;
}

.vc-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 380px;
	gap: 56px;
	align-items: start;
}

.vc-layout--340 {
	grid-template-columns: minmax(0, 1fr) 340px;
}

.vc-layout__main {
	min-width: 0;
}

.vc-rv-toc {
	padding: 24px 26px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
}

.vc-rv-toc ol {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px 28px;
	margin-top: 14px;
}

.vc-rv-toc a {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 32px;
	font: 500 16px var(--vc-text);
	color: var(--vc-ink);
}

.vc-rv-toc a span {
	font-weight: 700;
	color: var(--vc-primary);
}

.vc-rv-toc a[aria-current="true"] {
	color: var(--vc-primary);
}

.vc-rv-image {
	margin-top: 40px;
}

.vc-rv-image .vc-placeholder {
	height: 420px;
}

.vc-rv-image img {
	aspect-ratio: 760 / 420;
}

.vc-rv h2 {
	margin-top: 56px;
	scroll-margin-top: var(--vc-sticky-top);
	font: 800 34px/1.08 var(--vc-display);
	letter-spacing: -0.025em;
}

.vc-rv > h2:first-of-type {
	margin-top: 48px;
}

.vc-rv__p {
	margin-top: 18px;
	font-size: 18px;
	line-height: 1.7;
	color: var(--vc-body);
}

.vc-rv__p + .vc-rv__p {
	margin-top: 16px;
}

.vc-fit {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin-top: 24px;
	padding: 22px 26px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: var(--vc-accent);
}

.vc-fit::before {
	content: "";
	flex: none;
	width: 10px;
	height: 10px;
	margin-top: 9px;
	background: var(--vc-primary);
}

.vc-fit p {
	font-size: 17px;
	line-height: 1.6;
}

.vc-spec {
	margin-top: 22px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
}

.vc-spec table {
	width: 100%;
	border-collapse: collapse;
}

.vc-spec thead tr {
	background: var(--vc-accent);
}

.vc-spec th {
	padding: 14px 20px;
	border-bottom: 2px solid var(--vc-primary);
	font: 700 14px var(--vc-text);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: left;
}

.vc-spec td {
	padding: 14px 20px;
	border-bottom: 2px solid var(--vc-line);
	font: 600 16px var(--vc-text);
	vertical-align: top;
}

.vc-spec td:first-child {
	font-weight: 500;
}

.vc-spec tbody tr:last-child td {
	border-bottom: 0;
}

.vc-proscons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 22px;
}

.vc-pc {
	overflow: hidden;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
}

.vc-pc__head {
	padding: 14px 22px;
	border-bottom: 2px solid var(--vc-primary);
	background: var(--vc-accent);
	font: 700 20px var(--vc-display);
}

.vc-pc--cons .vc-pc__head {
	background: var(--vc-amber);
}

.vc-pc ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 20px 22px;
}

.vc-pc li {
	display: flex;
	gap: 12px;
	font-size: 16px;
	line-height: 1.6;
}

.vc-pc__sign {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin-top: 2px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	font: 700 14px/1 var(--vc-text);
}

.vc-reqs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-top: 20px;
}

.vc-reqs li {
	display: flex;
	gap: 14px;
	padding: 18px 20px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	font-size: 16px;
	line-height: 1.55;
}

.vc-reqs__num {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: var(--vc-pill);
	background: var(--vc-primary);
	color: #fff;
	font: 700 14px var(--vc-text);
}

.vc-howto {
	display: flex;
	flex-direction: column;
	margin-top: 24px;
}

.vc-howto li {
	display: flex;
	gap: 22px;
	padding: 22px 0;
	border-top: 2px solid var(--vc-primary);
}

.vc-howto li:last-child {
	border-bottom: 2px solid var(--vc-primary);
}

.vc-howto__num {
	flex: none;
	width: 56px;
	font: 800 34px/1 var(--vc-display);
	color: var(--vc-primary);
}

.vc-howto h3 {
	font: 700 21px/1.2 var(--vc-display);
}

.vc-howto p {
	margin-top: 8px;
	font-size: 16px;
	line-height: 1.65;
	color: var(--vc-ink-2);
}

.vc-costs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 22px;
}

.vc-cost {
	padding: 22px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
}

.vc-cost.is-hl {
	background: var(--vc-accent);
}

.vc-cost__label {
	font: 500 14px var(--vc-text);
	color: var(--vc-ink-2);
}

.vc-cost.is-hl .vc-cost__label {
	color: var(--vc-teal-ink);
}

.vc-cost__value {
	margin-top: 6px;
	font: 800 28px var(--vc-display);
}

.vc-rv__small {
	margin-top: 16px;
	font-size: 15px;
	line-height: 1.65;
	color: var(--vc-ink-3);
}

.vc-rv .vc-acc-list {
	margin-top: 22px;
}

.vc-disclaimer {
	margin-top: 24px;
	font-size: 14px;
	line-height: 1.7;
	color: var(--vc-ink-3);
}

.vc-pcard-side {
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
	box-shadow: 8px 8px 0 var(--vc-primary);
}

.vc-pcard-side__top {
	padding: 24px 26px 8px;
}

.vc-pcard-side__head {
	display: flex;
	align-items: center;
	gap: 12px;
}

.vc-pcard-side__name {
	font: 700 22px/1.1 var(--vc-display);
}

.vc-pcard-side__type {
	font: 400 14px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-pcard-side__rows {
	margin: 20px 0 0;
	border-top: 2px solid var(--vc-primary);
}

.vc-pcard-side__rows div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 2px solid var(--vc-line);
}

.vc-pcard-side__rows div:last-child {
	border-bottom: 0;
}

.vc-pcard-side__rows dt {
	font: 500 15px var(--vc-text);
	color: var(--vc-ink-2);
}

.vc-pcard-side__rows dd {
	margin: 0;
	font: 700 16px var(--vc-text);
	text-align: right;
}

.vc-pcard-side__bottom {
	padding: 8px 26px 26px;
}

.vc-pcard-side__cta {
	display: flex;
	width: 100%;
}

.vc-pcard-side__alt {
	display: flex;
	width: 100%;
	margin-top: 12px;
	font-size: 15px;
}

.vc-pcard-side__note {
	margin-top: 14px;
	font-size: 15px;
	line-height: 1.55;
	color: var(--vc-ink-2);
	text-align: center;
}

.vc-pincta {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 60;
	display: none;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 12px 20px;
	border-top: 2px solid var(--vc-primary);
	background: #fff;
}

.vc-pincta__title {
	font: 700 15px var(--vc-text);
}

.vc-pincta__sub {
	font: 400 14px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-pincta .vc-btn {
	flex: none;
	height: 48px;
	padding: 0 22px;
	font-size: 15px;
	white-space: nowrap;
	box-shadow: none;
}

/* ==========================================================================
   Blog
   ========================================================================== */
.vc-blog-top {
	padding: 80px 0 56px;
}

.vc-blog-top__title {
	max-width: 900px;
	margin-top: 16px;
	font: 800 64px/0.98 var(--vc-display);
	letter-spacing: -0.03em;
}

.vc-blog-top__lead {
	max-width: 640px;
	margin-top: 24px;
	font-size: 18px;
	line-height: 1.65;
	color: var(--vc-ink-2);
}

.vc-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 34px;
}

.vc-chips a {
	flex: none;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 18px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-pill);
	background: #fff;
	font: 600 15px var(--vc-text);
	color: var(--vc-ink);
	white-space: nowrap;
}

.vc-chips a:hover {
	background: var(--vc-accent);
	text-decoration: none;
}

.vc-chips a[aria-current="page"] {
	background: var(--vc-primary);
	border-color: var(--vc-primary-ink);
	color: #fff;
}

.vc-blog-list {
	padding: 56px 0 80px;
}

.vc-lead {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 32px;
	align-items: center;
	padding: 26px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
	color: var(--vc-ink);
}

.vc-lead:hover {
	color: var(--vc-ink);
}

.vc-lead__img {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 320px;
	overflow: hidden;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-radius);
	background: var(--vc-surface);
	font: 600 14px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-lead__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vc-lead__body {
	display: block;
}

.vc-lead__title {
	display: block;
	margin-top: 18px;
	font: 800 34px/1.1 var(--vc-display);
	letter-spacing: -0.02em;
}

.vc-lead__excerpt {
	display: block;
	margin-top: 14px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

.vc-lead__meta {
	display: block;
	margin-top: 18px;
	font: 500 14px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-lead__more {
	display: block;
	margin-top: 18px;
	font: 700 16px var(--vc-text);
	color: var(--vc-primary);
}

.vc-blog-list .vc-posts {
	margin-top: 24px;
}

/* Bài viết */
.vc-post-top {
	padding: 32px 0 48px;
}

.vc-post-top__wrap {
	max-width: 820px;
	margin-top: 26px;
}

.vc-post-top__title {
	margin-top: 18px;
	font: 800 54px/1.02 var(--vc-display);
	letter-spacing: -0.03em;
}

.vc-post-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	margin-top: 24px;
	font: 500 15px var(--vc-text);
	color: var(--vc-ink-2);
}

.vc-post-body {
	padding: 56px 0 80px;
}

.vc-post-body .vc-layout__main {
	max-width: 820px;
}

.vc-post-image .vc-placeholder,
.vc-post-image img {
	height: 380px;
}

.vc-post-image img {
	display: block;
	width: 100%;
	object-fit: cover;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-radius);
}

.vc-post-image + .vc-prose {
	margin-top: 32px;
}

.vc-quick {
	padding: 22px 24px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: var(--vc-surface);
}

.vc-quick p {
	margin-top: 10px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

.vc-quick__box {
	margin-top: 16px;
	padding: 16px 18px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
}

.vc-quick__label {
	font: 500 14px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-quick__value {
	margin-top: 2px;
	font: 800 28px var(--vc-display);
	color: var(--vc-primary);
}

.vc-quick .vc-btn {
	display: flex;
	width: 100%;
	margin-top: 14px;
	font-size: 15px;
}

/* ==========================================================================
   Tác giả
   ========================================================================== */
.vc-au-top {
	padding: 40px 0 56px;
}

.vc-au-hero {
	display: grid;
	grid-template-columns: 0.34fr 0.66fr;
	gap: 56px;
	align-items: start;
	margin-top: 32px;
}

.vc-au-hero .vc-placeholder,
.vc-au-hero__photo {
	height: 320px;
}

.vc-au-hero__photo {
	display: block;
	width: 100%;
	object-fit: cover;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
}

.vc-au-hero__title {
	margin-top: 14px;
	font: 800 56px/1 var(--vc-display);
	letter-spacing: -0.03em;
}

.vc-au-hero__role {
	margin-top: 16px;
	font: 600 19px var(--vc-text);
	color: var(--vc-primary);
}

.vc-au-hero__bio {
	max-width: 62ch;
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.65;
	color: var(--vc-body);
}

.vc-au-hero__bio + .vc-au-hero__bio {
	margin-top: 14px;
}

.vc-au-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.vc-principles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin-top: 40px;
}

.vc-principle {
	padding: 26px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
}

.vc-principle--surface {
	background: var(--vc-surface);
}

.vc-principle__num {
	font: 800 40px/1 var(--vc-display);
	letter-spacing: -0.03em;
	color: var(--vc-primary);
}

.vc-principle__title {
	margin-top: 14px;
	font: 700 21px/1.2 var(--vc-display);
}

.vc-principle__text {
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

.vc-amber-note {
	margin-top: 28px;
	padding: 22px 26px;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-radius);
	background: var(--vc-amber);
}

.vc-amber-note p {
	max-width: 68ch;
	font-size: 16px;
	line-height: 1.65;
	color: var(--vc-ink);
}

.vc-center-row {
	display: flex;
	justify-content: center;
	margin-top: 32px;
}

/* ==========================================================================
   Giới thiệu
   ========================================================================== */
.vc-ab-hero__grid {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 64px;
	align-items: center;
}

.vc-ab-hero__title {
	margin-top: 16px;
	font: 800 68px/0.98 var(--vc-display);
	letter-spacing: -0.03em;
}

.vc-ab-hero__lead {
	max-width: 560px;
	margin-top: 26px;
	font-size: 18px;
	line-height: 1.65;
	color: var(--vc-ink-2);
}

.vc-ab-hero .vc-placeholder,
.vc-ab-hero__img {
	height: 400px;
}

.vc-ab-hero__img {
	display: block;
	width: 100%;
	object-fit: cover;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
}

.vc-ab-who p {
	font-size: 18px;
	line-height: 1.7;
	color: var(--vc-body);
}

.vc-ab-who p + p {
	margin-top: 16px;
}

.vc-ab-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-top: 32px;
}

.vc-ab-stat {
	padding: 18px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
}

.vc-ab-stat.is-hl {
	background: var(--vc-accent);
}

.vc-ab-stat__label {
	font: 500 14px var(--vc-text);
	color: var(--vc-ink-2);
}

.vc-ab-stat.is-hl .vc-ab-stat__label {
	color: var(--vc-teal-ink);
}

.vc-ab-stat__value {
	margin-top: 4px;
	font: 800 24px var(--vc-display);
}

.vc-ab-money__lead {
	max-width: 420px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--vc-on-primary-1);
}

.vc-step--white {
	border-color: #fff;
}

.vc-step--teal-border {
	border-color: var(--vc-accent);
}

.vc-step--blue-border {
	border-color: var(--vc-primary);
}

.vc-commits {
	display: flex;
	flex-direction: column;
}

.vc-commits li {
	display: flex;
	gap: 22px;
	padding: 24px 0;
	border-top: 2px solid var(--vc-primary);
}

.vc-commits li:last-child {
	border-bottom: 2px solid var(--vc-primary);
}

.vc-commits__num {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: var(--vc-accent);
	font: 800 16px var(--vc-display);
}

.vc-commits h3 {
	font: 700 21px/1.2 var(--vc-display);
}

.vc-commits p {
	margin-top: 8px;
	font-size: 16px;
	line-height: 1.65;
	color: var(--vc-ink-2);
}

.vc-bigstats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	overflow: hidden;
	border: 2px solid #fff;
	border-radius: var(--vc-radius);
}

.vc-bigstat {
	padding: 30px 26px;
	border-right: 2px solid #fff;
}

.vc-bigstat:last-child {
	border-right: 0;
}

.vc-bigstats--n1 {
	grid-template-columns: minmax(0, 1fr);
}

.vc-bigstats--n2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vc-bigstats--n3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vc-bigstat__num {
	font: 800 52px/1 var(--vc-display);
	letter-spacing: -0.03em;
	color: var(--vc-accent);
}

.vc-bigstat__text {
	margin-top: 12px;
	font-size: 16px;
	line-height: 1.55;
	color: var(--vc-on-primary-1);
}

.vc-ready {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	padding: 48px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	box-shadow: 8px 8px 0 var(--vc-primary);
}

.vc-ready__text {
	max-width: 640px;
}

.vc-ready__text p {
	margin-top: 14px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

.vc-ready .vc-btn {
	padding: 0 32px;
	font-size: 18px;
}

/* ==========================================================================
   Liên hệ
   ========================================================================== */
.vc-ct-top {
	padding: 80px 0 56px;
}

.vc-ct-top__title {
	max-width: 820px;
	margin-top: 16px;
	font: 800 60px/0.98 var(--vc-display);
	letter-spacing: -0.03em;
}

.vc-ct-top__lead {
	max-width: 620px;
	margin-top: 24px;
	font-size: 18px;
	line-height: 1.65;
	color: var(--vc-ink-2);
}

.vc-ct-body {
	padding: 56px 0 80px;
}

.vc-ct-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) 0.85fr;
	gap: 56px;
	align-items: start;
}

.vc-form-card {
	min-width: 0;
	padding: 32px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	box-shadow: 8px 8px 0 var(--vc-primary);
	scroll-margin-top: var(--vc-sticky-top);
}

.vc-form__title {
	font: 700 26px/1.15 var(--vc-display);
}

.vc-form__req {
	margin-top: 8px;
	font-size: 15px;
	color: var(--vc-ink-2);
}

.vc-star {
	font-weight: 700;
	color: var(--vc-danger);
}

.vc-form__row2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-top: 24px;
}

.vc-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.vc-field + .vc-field,
.vc-form__row2 + .vc-field {
	margin-top: 16px;
}

.vc-form__row2 .vc-field + .vc-field {
	margin-top: 0;
}

.vc-field__label {
	font: 600 14px var(--vc-text);
}

.vc-input {
	width: 100%;
	height: 52px;
	padding: 0 16px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
	background: #fff;
	font-size: 16px;
	color: var(--vc-ink);
}

select.vc-input {
	padding: 0 14px;
}

textarea.vc-input {
	height: auto;
	padding: 14px 16px;
	line-height: 1.6;
	resize: vertical;
}

.vc-input::placeholder {
	color: #767676;
}

.vc-input:focus,
.vc-input:focus-visible {
	outline: none;
	border-color: var(--vc-primary-ink);
	box-shadow: 3px 3px 0 var(--vc-accent);
}

.vc-input[aria-invalid="true"] {
	border-color: var(--vc-danger);
	background: var(--vc-danger-bg);
}

.vc-error {
	font: 600 15px var(--vc-text);
	color: var(--vc-danger);
}

.vc-error[hidden] {
	display: none;
}

.vc-agree {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-top: 18px;
	cursor: pointer;
}

.vc-agree input {
	flex: none;
	width: 22px;
	height: 22px;
	margin: 2px 0 0;
	accent-color: var(--vc-primary);
}

.vc-agree span {
	font-size: 15px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

.vc-agree + .vc-error {
	margin-top: 8px;
}

.vc-form__submit {
	display: flex;
	width: 100%;
	height: 56px;
	margin-top: 24px;
	font-size: 17px;
}

.vc-form__server {
	margin-top: 16px;
	padding: 14px 16px;
	border: 2px solid var(--vc-danger);
	border-radius: var(--vc-radius);
	background: var(--vc-danger-bg);
	font: 600 15px/1.5 var(--vc-text);
	color: var(--vc-danger);
}

.vc-form__server[hidden] {
	display: none;
}

.vc-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.vc-sent {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	padding: 12px 0;
}

.vc-sent[hidden] {
	display: none;
}

.vc-sent__check {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-pill);
	background: var(--vc-accent);
	font: 700 28px var(--vc-text);
}

.vc-sent__title {
	font: 800 28px/1.1 var(--vc-display);
}

.vc-sent p {
	font-size: 17px;
	line-height: 1.65;
	color: var(--vc-ink-2);
}

.vc-form[hidden] {
	display: none;
}

.vc-ct-side {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.vc-ct-card {
	padding: 24px 26px;
	border: 2px solid var(--vc-primary);
	border-radius: var(--vc-radius);
}

.vc-ct-list {
	display: flex;
	flex-direction: column;
	margin-top: 16px;
}

.vc-ct-list li {
	padding: 14px 0;
	border-top: 2px solid var(--vc-line);
}

.vc-ct-list__label {
	font: 500 14px var(--vc-text);
	color: var(--vc-ink-3);
}

.vc-ct-list__value {
	margin-top: 2px;
	font: 700 17px var(--vc-text);
	color: var(--vc-ink);
}

a.vc-ct-list__value {
	display: inline-block;
}

.vc-ct-card--amber {
	border-color: var(--vc-primary-ink);
	background: var(--vc-amber);
}

.vc-ct-card--amber .vc-eyebrow {
	color: var(--vc-amber-ink);
}

.vc-ct-card--amber ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 14px;
}

.vc-ct-card--amber li {
	display: flex;
	gap: 10px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--vc-ink);
}

.vc-ct-card--amber li::before {
	content: "";
	flex: none;
	width: 8px;
	height: 8px;
	margin-top: 9px;
	background: var(--vc-amber-ink);
}

.vc-ct-card--surface {
	background: var(--vc-surface);
}

.vc-ct-card__title {
	font: 700 20px/1.15 var(--vc-display);
}

.vc-ct-card--surface p {
	margin-top: 8px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--vc-ink-2);
}

.vc-ct-card--surface .vc-btn {
	margin-top: 16px;
}

/* ==========================================================================
   Chính sách và trang thường
   ========================================================================== */
.vc-page-top {
	padding: 56px 0 48px;
}

.vc-page-top__title {
	max-width: 820px;
	margin-top: 16px;
	font: 800 52px/1 var(--vc-display);
	letter-spacing: -0.03em;
}

.vc-page-top__lead {
	max-width: 640px;
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.65;
	color: var(--vc-ink-2);
}

.vc-page-body {
	padding: 56px 0 80px;
}

.vc-policy {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	gap: 56px;
	align-items: start;
}

.vc-policy .vc-toc a {
	min-height: 48px;
}

.vc-policy .vc-box .vc-btn {
	display: flex;
	width: 100%;
	margin-top: 18px;
}

.vc-policy__content {
	min-width: 0;
	max-width: 820px;
}

.vc-prose--policy h2 {
	margin-top: 48px;
}

.vc-prose--policy > h2:first-child {
	margin-top: 0;
}

.vc-prose--policy h2 + p {
	margin-top: 16px;
}

.vc-prose--policy p + p {
	margin-top: 14px;
}

.vc-prose--policy > p:first-child {
	font-size: 18px;
}

.vc-prose--policy ul li {
	font-size: 17px;
}

.vc-prose--policy .vc-table-wrap {
	margin-top: 22px;
}

.vc-prose--policy td {
	font-weight: 400;
	line-height: 1.55;
	color: var(--vc-ink-2);
}

.vc-prose--policy td:first-child {
	font-weight: 600;
	color: var(--vc-ink);
}

.vc-prose--policy .vc-table-wrap + p {
	margin-top: 16px;
}

.vc-teal-cta {
	margin-top: 26px;
	padding: 26px 28px;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-radius);
	background: var(--vc-accent);
}

.vc-teal-cta__title {
	font: 700 22px/1.15 var(--vc-display);
}

.vc-teal-cta p {
	margin-top: 8px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--vc-teal-ink);
}

.vc-teal-cta .vc-btn {
	margin-top: 18px;
}

.vc-teal-cta .vc-btn--primary:hover {
	background: #fff;
	color: var(--vc-ink);
	box-shadow: 2px 2px 0 var(--vc-primary-ink);
}

.vc-page-plain {
	max-width: 820px;
}

/* ==========================================================================
   404 và tìm kiếm
   ========================================================================== */
.vc-404 {
	padding: 80px 0 96px;
}

.vc-404__grid {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	gap: 64px;
	align-items: center;
}

.vc-404__box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 24px;
	border: 2px solid var(--vc-primary-ink);
	border-radius: var(--vc-radius);
	background: var(--vc-primary);
	box-shadow: 8px 8px 0 var(--vc-primary-ink);
}

.vc-404__code {
	font: 800 220px/0.86 var(--vc-display);
	letter-spacing: -0.05em;
	color: var(--vc-accent);
}

.vc-404__title {
	max-width: 560px;
	margin-top: 16px;
	font: 800 52px/1 var(--vc-display);
	letter-spacing: -0.03em;
}

.vc-404__lead {
	max-width: 520px;
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.65;
	color: var(--vc-ink-2);
}

.vc-404__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 30px;
}

.vc-404__actions .vc-btn--secondary {
	padding: 0 26px;
}

.vc-404__links {
	margin-top: 36px;
	padding-top: 28px;
	border-top: 2px solid var(--vc-primary);
}

.vc-404__links ul {
	display: flex;
	flex-direction: column;
	margin-top: 12px;
}

.vc-404__links a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 52px;
	padding: 10px 0;
	border-top: 2px solid var(--vc-line);
	color: var(--vc-ink);
}

.vc-404__links a span:first-child {
	font: 600 17px var(--vc-text);
}

.vc-404__links a span:last-child {
	font: 700 16px var(--vc-text);
	color: var(--vc-primary);
}

.vc-search {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	max-width: 640px;
	margin-top: 28px;
}

.vc-search .vc-input {
	flex: 1;
	min-width: 220px;
}

.vc-search .vc-btn {
	height: 52px;
}

/* ---------- Bổ sung nhỏ ---------- */
.vc-chips li {
	flex: none;
}

.vc-review__name,
.vc-review__place {
	display: block;
}

.vc-au-latest-title {
	margin-bottom: 32px;
}

.vc-author-page .vc-pill--sm {
	color: var(--vc-ink);
}

.vc-ready__title {
	margin-top: 0;
}

.vc-policy__side {
	position: sticky;
	top: var(--vc-sticky-top);
}

.admin-bar .vc-policy__side {
	top: calc(var(--vc-sticky-top) + 32px);
}

/* ==========================================================================
   Chuyển động
   ========================================================================== */

/* Hiện dần khi cuộn tới. Class do main.js gắn cho khối nằm dưới màn hình lúc tải trang,
   nên trang không có JavaScript hoặc bật giảm chuyển động luôn hiện đủ nội dung. */
.vc-reveal {
	opacity: 0;
	transform: translateY(16px);
}

.vc-reveal.is-in {
	opacity: 1;
	transform: none;
	transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
	transition-delay: var(--vc-delay, 0ms);
}

.vc-term,
.vc-chips a,
.vc-pager .page-numbers,
.vc-cmpbar__clear,
.vc-iconbtn,
.vc-seo__toggle,
.vc-acc__btn {
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

@media (prefers-reduced-motion: no-preference) {
	/* Nút có bóng cứng: rê chuột thì lún vào đúng phần bóng co lại, bấm thì lún hẳn. */
	.vc-btn--primary,
	.vc-btn--accent,
	.vc-btn--shadow {
		position: relative;
		z-index: 0;
	}

	/* Vùng nhận chuột nới về phía trên và trái đúng quãng nút lún, để con trỏ đặt sát mép
	   không bị văng ra ngoài rồi vào lại liên tục làm nút rung. */
	.vc-btn--primary::before,
	.vc-btn--accent::before,
	.vc-btn--shadow::before {
		content: "";
		position: absolute;
		top: -6px;
		left: -6px;
		right: 0;
		bottom: 0;
		z-index: -1;
		border-radius: inherit;
	}

	.vc-btn--primary:active,
	.vc-btn--accent:active,
	.vc-btn--shadow:active {
		transform: translate(4px, 4px);
		box-shadow: 0 0 0 var(--vc-primary-ink);
	}

	@media (hover: hover) {
		.vc-btn--primary:hover,
		.vc-btn--accent:hover,
		.vc-btn--shadow:hover {
			transform: translate(2px, 2px);
		}

		.vc-btn--primary:active,
		.vc-btn--accent:active,
		.vc-btn--shadow:active {
			transform: translate(4px, 4px);
		}

		/* Thẻ nhấc lên khi rê chuột. Vùng nhận chuột nới về phía dưới và phải cùng quãng thẻ
		   nhấc lên, cùng lý do chống rung như nút. */
		.vc-card-hover,
		.vc-benefit {
			position: relative;
			z-index: 0;
		}

		.vc-card-hover::before,
		.vc-benefit::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: -6px;
			bottom: -6px;
			z-index: -1;
		}

		.vc-card-hover:hover,
		.vc-benefit:hover {
			transform: translate(-3px, -3px);
		}
	}
}

@media print {
	.vc-reveal {
		opacity: 1 !important;
		transform: none !important;
	}
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1024px) {
	.vc-nav {
		display: none;
	}

	.vc-burger {
		display: flex;
	}

	html:not(.vc-has-js) .vc-burger {
		display: none;
	}

	html:not(.vc-has-js) .vc-mnav,
	.vc-mnav.is-open {
		display: block;
	}

	/* Menu mở cao hơn màn hình thấp thì cuộn bên trong, nếu không mục cuối bị header dính che mất. */
	.vc-has-js .vc-mnav.is-open {
		max-height: calc(100vh - 74px);
		max-height: calc(100dvh - 74px);
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	/* Không có JS thì menu luôn mở trong header; header dính sẽ chiếm gần hết màn khi cuộn. */
	html:not(.vc-has-js) .vc-header {
		position: static;
	}

	.vc-footer__cols,
	.vc-footer__cols--5 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 40px;
	}

	/* Trang chủ */
	.vc-hero__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
	}

	.vc-hero__title {
		font-size: 60px;
	}

	.vc-home .vc-h2 {
		font-size: 40px;
	}

	.vc-steps,
	.vc-benefits,
	.vc-reviews {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Lưới 2 cột có số thẻ lẻ: thẻ cuối trải hết hàng thay vì để trống nửa bên phải. */
	.vc-steps > :last-child:nth-child(odd),
	.vc-reviews > :last-child:nth-child(odd),
	.vc-principles > :last-child:nth-child(odd),
	.vc-facts > :last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}

	.vc-split,
	.vc-cta-big__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.vc-conds,
	.vc-cta-big__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vc-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Đề xuất */
	.vc-offers {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vc-dx-top__title {
		font-size: 44px;
	}

	.vc-dx-top__row {
		flex-direction: column;
		align-items: flex-start;
	}

	/* Chi tiết đối tác, bài viết */
	.vc-layout,
	.vc-layout--340 {
		grid-template-columns: minmax(0, 1fr);
	}

	.vc-side,
	.vc-policy__side {
		position: static;
	}

	.vc-post-body .vc-side {
		order: 2;
	}

	.vc-rv-head__title {
		font-size: 38px;
	}

	.vc-proscons,
	.vc-reqs,
	.vc-costs,
	.vc-pcards-3 {
		grid-template-columns: minmax(0, 1fr);
	}

	.vc-pincta {
		display: flex;
	}

	.vc-has-pincta .vc-footer {
		padding-bottom: 128px;
	}

	/* Blog */
	.vc-lead {
		grid-template-columns: minmax(0, 1fr);
	}

	.vc-posts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vc-blog-top__title {
		font-size: 52px;
	}

	.vc-post-top__title {
		font-size: 40px;
	}

	/* Tác giả */
	.vc-au-hero {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	/* Một cột thì cột ảnh rộng cả trang; giữ khung chân dung đúng tỉ lệ ảnh gốc thay vì dải ngang cắt mặt. */
	.vc-au-hero .vc-placeholder,
	.vc-au-hero__photo {
		max-width: 420px;
		height: auto;
		aspect-ratio: 420 / 320;
	}

	.vc-au-hero__title {
		font-size: 46px;
	}

	.vc-author-page .vc-h2 {
		font-size: 32px;
	}

	.vc-principles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Giới thiệu */
	.vc-ab-hero__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.vc-ab-hero__title {
		font-size: 52px;
	}

	.vc-about .vc-h2 {
		font-size: 36px;
	}

	.vc-ab-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Số liệu lớn xếp 2 cột: kẻ dọc sau ô lẻ còn ô bên cạnh, kẻ ngang dưới mọi hàng trừ hàng cuối;
	   số ô lẻ thì ô cuối trải hết hàng. */
	.vc-bigstats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vc-bigstat {
		border-right: 0;
		border-bottom: 2px solid #fff;
	}

	.vc-bigstat:nth-child(odd):not(:last-child) {
		border-right: 2px solid #fff;
	}

	.vc-bigstat:last-child,
	.vc-bigstat:nth-last-child(2):nth-child(odd) {
		border-bottom: 0;
	}

	.vc-bigstat:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}

	/* Liên hệ */
	.vc-ct-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.vc-ct-top__title {
		font-size: 48px;
	}

	/* Chính sách */
	.vc-policy {
		grid-template-columns: minmax(0, 1fr);
		gap: 36px;
	}

	.vc-page-top__title {
		font-size: 44px;
	}

	/* 404 */
	.vc-404__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.vc-404__code {
		font-size: 180px;
	}
}

/* Vùng chạm tối thiểu 44px cho máy cảm ứng, kể cả tablet xoay ngang rộng hơn 1024px vẫn
   hiện menu và chân trang bản máy tính. */
@media (max-width: 1024px), (pointer: coarse) {
	.vc-nav__list a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}

	.vc-footer__list {
		gap: 0;
	}

	.vc-footer__list a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}

	.vc-footer__hours {
		padding: 11px 0;
	}

	/* Logo tải lên bỏ khung trắng có đệm nên chỉ còn cao bằng ảnh. */
	.vc-footer__logo.is-custom {
		align-items: center;
		min-height: 44px;
	}

	.vc-crumb a,
	.vc-offer__review,
	.vc-meta a,
	.vc-post-meta a,
	.vc-author__name a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}

	a.vc-pill,
	a.vc-ct-list__value {
		position: relative;
		z-index: 1;
	}

	a.vc-pill::after,
	a.vc-ct-list__value::after {
		content: "";
		position: absolute;
		inset: -11px -4px;
	}

	.vc-rv-toc a {
		min-height: 44px;
	}

	/* Cả nhãn là vùng bấm của ô tích; đệm dọc bù đúng phần lề trên bị bớt để khoảng cách nhìn không đổi. */
	.vc-agree {
		margin-top: 8px;
		padding: 10px 0;
	}
}

@media (max-width: 782px) {
	.admin-bar .vc-header {
		top: 46px;
	}
}

@media (max-width: 760px) {
	.vc-container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.vc-footer__cols,
	.vc-footer__cols--5 {
		grid-template-columns: minmax(0, 1fr);
	}

	.vc-sect,
	.vc-sect--96 {
		padding-top: 56px;
		padding-bottom: 56px;
	}

	/* Trang chủ */
	.vc-hero {
		padding-top: 56px;
		padding-bottom: 56px;
	}

	/* Chữ nhỏ lại thì dấu tiếng Việt dòng dưới chạm chân chữ dòng trên nếu giữ khoảng dòng 0.94. */
	.vc-hero__title {
		font-size: 40px;
		line-height: 1.02;
	}

	.vc-home .vc-h2 {
		font-size: 32px;
	}

	.vc-steps,
	.vc-benefits,
	.vc-reviews,
	.vc-purposes,
	.vc-facts,
	.vc-conds {
		grid-template-columns: minmax(0, 1fr);
	}

	.vc-cta-big {
		padding: 32px 24px;
	}

	.vc-seo {
		padding-top: 56px;
		padding-bottom: 56px;
	}

	.vc-facts-sect {
		padding: 80px 0;
	}

	/* Đề xuất */
	.vc-offers {
		grid-template-columns: minmax(0, 1fr);
	}

	/* Giá trị số giữ trên một dòng, nhãn bên trái nhường chỗ và xuống dòng nếu cần. */
	.vc-offer__row dt {
		min-width: 0;
	}

	.vc-offer__row dd {
		flex: none;
		white-space: nowrap;
	}

	.vc-dx-top__title {
		font-size: 32px;
	}

	.vc-dx-list {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	/* Chi tiết đối tác */
	.vc-rv-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.vc-rv-head__title {
		font-size: 30px;
	}

	/* Màn hẹp làm dòng thông tin tự xuống hàng, vạch ngăn bị treo ở cuối dòng; xếp dọc và bỏ vạch. */
	.vc-meta {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}

	.vc-meta .vc-meta__bar {
		display: none;
	}

	/* Ảnh có chiều cao cố định theo bản máy tính thành khung đứng trên điện thoại; theo tỉ lệ ảnh gốc. */
	.vc-rv-image .vc-placeholder {
		height: auto;
		aspect-ratio: 760 / 420;
	}

	.vc-lead__img {
		height: auto;
		aspect-ratio: 620 / 320;
	}

	.vc-post-image .vc-placeholder,
	.vc-post-image img {
		height: auto;
		aspect-ratio: 820 / 380;
	}

	.vc-ab-hero .vc-placeholder,
	.vc-ab-hero__img {
		height: auto;
		aspect-ratio: 560 / 400;
	}

	/* Blog */
	.vc-posts {
		grid-template-columns: minmax(0, 1fr);
	}

	.vc-blog-top__title {
		font-size: 36px;
	}

	.vc-chips {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 6px;
	}

	.vc-blog-list {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.vc-post-top__title {
		font-size: 31px;
	}

	.vc-prose h2,
	.single-post .vc-related .vc-h2 {
		font-size: 26px;
	}

	.vc-post-meta {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}

	.vc-post-meta .vc-meta__bar {
		display: none;
	}

	/* Tác giả */
	.vc-principles {
		grid-template-columns: minmax(0, 1fr);
	}

	.vc-au-hero__title {
		font-size: 34px;
	}

	.vc-author-page .vc-sect {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	/* Giới thiệu */
	.vc-ab-hero__title {
		font-size: 38px;
	}

	.vc-about .vc-h2 {
		font-size: 30px;
	}

	.vc-ab-stats,
	.vc-bigstats {
		grid-template-columns: minmax(0, 1fr);
	}

	.vc-bigstat,
	.vc-bigstat:nth-child(odd):not(:last-child) {
		border-right: 0;
	}

	.vc-bigstat,
	.vc-bigstat:nth-last-child(2):nth-child(odd) {
		border-bottom: 2px solid #fff;
	}

	.vc-bigstat:last-child {
		border-bottom: 0;
	}

	/* Liên hệ */
	.vc-ct-top__title {
		font-size: 34px;
	}

	.vc-ct-body {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.vc-form__row2 {
		grid-template-columns: minmax(0, 1fr);
	}

	.vc-form__row2 .vc-field + .vc-field {
		margin-top: 0;
	}

	/* Chính sách */
	.vc-page-top__title {
		font-size: 32px;
	}

	.vc-prose--policy h2 {
		font-size: 26px;
	}

	/* 404 */
	.vc-404 {
		padding-top: 56px;
		padding-bottom: 56px;
	}

	.vc-404__code {
		font-size: 110px;
	}

	.vc-404__title {
		font-size: 32px;
	}
}

@media (max-width: 600px) {
	.admin-bar .vc-header {
		top: 0;
	}
}

@media (max-width: 560px) {
	/* Công cụ tính: số tiền đứng riêng một dòng để không bị bẻ đôi, ba số liệu thành các dòng nhãn và giá trị. */
	.vc-calc__body {
		padding: 22px 20px 24px;
	}

	.vc-calc__head {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.vc-calc__amount {
		white-space: nowrap;
	}

	.vc-term {
		white-space: nowrap;
	}

	.vc-calc__stats {
		grid-template-columns: minmax(0, 1fr);
	}

	.vc-calc__stat {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 12px;
		padding: 12px 20px;
		border-right: 0;
		border-top: 2px solid var(--vc-primary);
	}

	.vc-calc__stat:first-child {
		border-top: 0;
	}

	.vc-calc__stat-value {
		flex: none;
		margin-top: 0;
		white-space: nowrap;
	}
}

@media (max-width: 520px) {
	.vc-header__cta {
		display: none;
	}
}

@media (max-width: 480px) {
	.vc-rv-toc {
		padding: 20px;
	}

	.vc-rv-toc ol {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	/* Một cột thì mép chữ lệch theo độ rộng từng số thứ tự lộ rõ; cố định cột số, chừa đệm cho mục hai dòng. */
	.vc-rv-toc a {
		padding: 4px 0;
		line-height: 1.35;
	}

	.vc-rv-toc a span {
		flex: none;
		min-width: 1.6em;
	}

	.vc-cta-big {
		padding: 28px 20px;
	}

	.vc-cta-big__stats {
		gap: 10px;
	}

	.vc-cta-big__stat {
		padding: 14px;
	}

	.vc-cta-big__stat-value {
		font-size: 24px;
		line-height: 1.15;
	}
}

@media (max-width: 400px) {
	/* 4 nút kỳ hạn không đủ chỗ trên một hàng: xếp 2x2. */
	.vc-terms {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vc-calc__body {
		padding: 20px 16px 22px;
	}

	.vc-calc__amount {
		font-size: 30px;
	}

	.vc-calc__stat {
		padding: 12px 16px;
	}

	.vc-calc__cta {
		padding: 0 12px;
		font-size: 16px;
	}

	.vc-cta-big {
		padding: 24px 18px;
	}

	.vc-cta-big__stat {
		padding: 12px;
	}

	.vc-cta-big__stat-value {
		font-size: 20px;
	}
}

/* Điện thoại xoay ngang: màn chỉ cao khoảng 340-430px, header dính cộng thanh đăng ký dưới đáy
   chiếm gần nửa màn. Thả header theo trang và thu gọn thanh đáy. */
@media (max-width: 1024px) and (max-height: 500px) and (orientation: landscape) {
	:root {
		--vc-sticky-top: 16px;
	}

	.vc-header,
	.admin-bar .vc-header {
		position: static;
	}

	.vc-has-js .vc-mnav.is-open {
		max-height: none;
		overflow-y: visible;
	}

	.vc-pincta {
		padding-top: 6px;
		padding-bottom: 6px;
	}

	.vc-pincta .vc-btn {
		height: 44px;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}