:root {
	--color-white: #fff;
	--color-black: #000;
	--color-main: #9c213d;
	--dark-red: #740c24;
	--bright-yellow: #fced03;
}

/* Áp dụng cho Chrome, Edge và Safari */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: var(--color-white);
}

::-webkit-scrollbar-thumb {
	background-color: var(--color-main);
	border-radius: 8px;
	border: none;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/wp-content/themes/flatsome-child/fonts/Helvetica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Verdana';
    src: url('/wp-content/themes/flatsome-child/fonts/VERDANAI.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Helvetica', 'Verdana', Arial, sans-serif;
	font-weight: 400;
}

.nav-uppercase>li>a {
	font-weight: 400 !important;
}

h1, h2 {
	color: var(--color-main) !important;
}

.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
	opacity: 1;
}

.absolute-footer.dark, .toggle i {
	color: var(--color-white) !important;
}

.img_footer img {
	filter: brightness(0) invert(1);
}

.menu_footer .ux-menu-link__link {
	color: var(--color-white) !important;
	font-size: 16px;
}

.menu_footer .ux-menu-link__link:hover {
	color: var(--bright-yellow) !important;
}

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

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	color: var(--color-white);
	font-size: 15px;
}

.comments-area {
	display: none !important;
}

@media (max-width: 768px) {
	.an {
		margin-top: -50px;
	}
}