:root {
	--color-white: #fff;
	--color-black: #000;
	--color-main: #194a33;
	--color-red: #ff0000;
	--color-amber: #ffb400;
	--sage-green: #8cbc4f;
	--highlight: #E84040;
	--dusty-rose: #E38B8B;
}

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

/* Á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;
}
.header-bottom-nav {
    font-size: 16px;
	gap: 20px;
}

.nav-right {
	gap: 30px;
}

.slider-nav-outside.slider-nav-circle .previous, .slider-nav-outside.slider-nav-circle .next {
	opacity: 1;
}

.absolute-footer.dark, .nav>li>button {
	color: var(--color-white) !important;
}

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

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

.comments-area {
	display: none;
}

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

#header, .header-wrapper {
    overflow: visible !important;
}

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

/* MENU */
.header-bottom-nav .menu-item > a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 18px 28px;
    color: var(--color-white);
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    border-radius: 0;
}

/* HOVER + ACTIVE */
.header-bottom-nav .menu-item:hover > a,
.header-bottom-nav .current-menu-item > a,
.header-bottom-nav .current_page_item > a,
.header-bottom-nav .active > a {
    background: var(--color-white);
    color: var(--sage-green) !important;
}

/* ICON */
.header-bottom-nav .menu-item:hover > a i,
.header-bottom-nav .current-menu-item > a i,
.header-bottom-nav .current_page_item > a i,
.header-bottom-nav .active > a i {
    color: var(--sage-green) !important;
}

/* BO GÓC NHẸ */
.header-bottom-nav .menu-item:hover > a,
.header-bottom-nav .current-menu-item > a {
    border-radius: 2px;
}

.nav-dropdown-has-border .nav-dropdown {
    border: 2px solid var(--color-main) !important;
    width: max-content;
    border-radius: 8px;
}