:root {
	--color-white: #fff;
	--color-black: #000;
	--color-indigo: #3D4ED8;
	--color-blue: #0077FF;
	--color-silver-blue: #8FB8C8;
	--color-deep-navy: #1B2A4E;
	--color-light-blue: #DCE6FF;
	--color-brand-white: #F4F7FB;
	--color-slate-gray: #7B8794;
	--color-accent-yellow: #ffd230;
	--color-teal: #008DA5;
}

/* 1. Thiết lập độ rộng của thanh cuộn */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

/* 2. Thiết lập phần nền bên dưới của thanh cuộn (Track) */
::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

/* 3. Thiết lập phần tay kéo (Thumb) ở trạng thái bình thường */
::-webkit-scrollbar-thumb {
	background: var(--color-silver-blue);
	border-radius: 10px;
}

/* 4. Thay đổi màu sắc của tay kéo khi di chuột vào (Hover) */
::-webkit-scrollbar-thumb:hover {
	background: var(--color-indigo);
}

/* Màu khi bôi đen */
::selection {
	background: var(--color-teal);
	color: var(--color-white);
}

/* Firefox */
::-moz-selection {
	background: var(--color-teal);
	color: var(--color-white);
}

/* UVN Van Bold */
@font-face {
	font-family: 'UVN Van';
	src: url('/wp-content/themes/flatsome child/fonts/UVNVanBold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter 24';
	src: url('/wp-content/themes/flatsome child/fonts/Inter_28pt-Bold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/* Montserrat Thin */
@font-face {
	font-family: 'Montserrat Thin';
	src: url('/wp-content/themes/flatsome child/fonts/MontserratThin-Regular.woff2') format('woff2');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

/* Chữ thường */
body {
	font-family: 'Montserrat Thin', sans-serif;
	font-weight: 500;
}

/* Tiêu đề */
.tieude-text h1, .tieude-text h2 {
	font-size: 38px;
	color: var(--color-indigo) !important;
}

.tieude-text span {
	font-size: 18px;
}

@media (max-width: 768px) {
	.tieude-text h1, .tieude-text h2 {
		font-size: 28px;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Inter 24';
	font-weight: 600;
}

.off-canvas-left .mfp-content {
	background: var(--color-teal) !important;
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	font-family: 'Inter 24';
	font-size: 14px;
	color: var(--color-white);
}

.absolute-footer.dark, .comments-area {
	display: none;
}

.single-page h3, .single-page h4 {
	color: #1b2a4e;
}

.blog-single .entry-title {
	color: var(--color-indigo);
}

.wpcf7 form.sent .wpcf7-response-output {
	color: var(--color-teal) !important;
}

@media (min-width: 1024px) {
	.stuck .header-main {
		display: none;
	}
}