:root {
    --color-white: #ffffff;
    --color-black: #000000;
    
    --color-main: #156b36;
    --color-main-dark: #187741;
    
    --color-accent-red: #ed1c24;
    --color-accent-gold: #c59828;
    
    --color-text-main: #333333;
    --color-text-muted: #666666;
    --color-link: var(--color-primary);
    
    --color-bg-light: #f8f9fa;
    --color-bg-gray: #e9ecef;
    
    --bg-gradient-green:linear-gradient(90deg, #0a3d17 0%, #135c27 55%, #1b7535 100%) !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;
}

.nav-left {
	justify-content: space-around !important;
	font-size: 17px;
}

/* @font-face {
	font-family: 'UTM Alpine KT';
	src: url('/wp-content/themes/flatsome-child/fonts/utm-alpine-kt.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
} */

.menu_footer .ux-menu-link__link {
	color: var(--color-white) !important;
	font-size: 16px;
}
.section{
	padding-top:20px !important;
	padding-bottom:20px !important;
}
.footer-secondary {
	padding: 0 !important;
}

/* ==================================================
   FLATSOME HEADER - GREEN PREMIUM
   ================================================== */

/* Toàn bộ header */
#header,
.header-wrapper {
    background: #013b19;
}


/* ==================================================
   TOP BAR
   ================================================== */

.header-top {
    background:
        linear-gradient(
            90deg,
            #002b11 0%,
            #01451e 35%,
            #075c1f 65%,
            #013815 100%
        ) !important;

    border-bottom: 1px solid rgba(255,255,255,.08);
}


/* Chữ top bar */
.header-top,
.header-top a,
.header-top span,
.header-top .icon {
    color: #fff !important;
}


/* ==================================================
   MAIN HEADER
   ================================================== */

.header-main {
    position: relative;

    background:
        radial-gradient(
            ellipse at 72% 0%,
            rgba(103,202,109,.28) 0%,
            rgba(49,158,73,.18) 24%,
            rgba(7,92,31,0) 55%
        ),
        linear-gradient(
            105deg,
            #01451e 0%,
            #075c1f 35%,
            #128235 68%,
            #075c1f 88%,
            #013b18 100%
        ) !important;

    box-shadow:
        0 4px 16px rgba(0,0,0,.16);
}


/* ==================================================
   MENU
   ================================================== */

.header-main .nav > li > a {
    color: rgba(255,255,255,.92) !important;

    font-weight: 600;

    transition:
        color .25s ease,
        background-color .25s ease,
        transform .25s ease;
}


/* Hover menu */
.header-main .nav > li > a:hover {
    color: #fff !important;
}


/* Menu đang active */
.header-main .nav > li.active > a,
.header-main .nav > li.current-menu-item > a {
    color: #075c1f !important;

    background: #fff;

    border-radius: 9px;

    padding-left: 14px;
    padding-right: 14px;

    box-shadow:
        0 4px 12px rgba(0,0,0,.12);
}


/* ==================================================
   STICKY HEADER
   ================================================== */

.header-wrapper.stuck .header-main,
.stuck .header-main {
    background:
        linear-gradient(
            100deg,
            #013b18 0%,
            #075c1f 45%,
            #128235 72%,
            #064f1e 100%
        ) !important;

    box-shadow:
        0 5px 18px rgba(0,0,0,.22);
}