:root {
    --theme-primary: #f6b704;
    --theme-dark: #1e2228;
    --theme-light: #f4f5f8;
    --theme-heading: #222222;
    --theme-text: #666666;
    --theme-font-family: Poppins, Arial, sans-serif;

    --primary: var(--theme-primary);
    --accent: var(--theme-primary);
    --secondary: var(--theme-dark);
    --black: var(--theme-dark);
    --gray-50: var(--theme-light);
    --gray-600: var(--theme-text);
    --gray-700: var(--theme-heading);
}

body {
    font-family: var(--theme-font-family);
    color: var(--theme-text);
    background-color: var(--theme-light);
}

body.page-bg {
    position: relative;
    isolation: isolate;
    background-color: var(--page-bg-color, var(--theme-light));
    background-image: var(--page-bg-image, none);
    background-position: var(--page-bg-position, center center);
    background-size: var(--page-bg-size, cover);
    background-repeat: var(--page-bg-repeat, no-repeat);
    background-attachment: var(--page-bg-attachment, scroll);
}

body.page-bg::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background: var(--page-bg-overlay-color, transparent);
    opacity: var(--page-bg-overlay-opacity, 0);
}

body.page-bg main,
body.page-bg .footer-v8 {
    position: relative;
    z-index: 1;
}

body.page-bg .site-header-v9 {
    position: relative;
    z-index: 10000;
}

body.page-bg .site-main-nav,
body.page-bg .site-desktop-nav,
body.page-bg .site-menu,
body.page-bg .site-menu > li,
body.page-bg .dropdown-menu {
    z-index: 10001;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.section-title h2,
.section-title h3 {
    color: var(--theme-heading);
}

.announcement-bar,
.footer-v8,
.hero-overlay,
.scroll-to-top {
    background-color: var(--theme-dark);
}

.btn,
.primary-btn,
.floating-btn,
button[type="submit"],
input[type="submit"] {
    border-color: var(--theme-primary);
}

a:hover,
.nav-menu a:hover,
.nav-menu a.active {
    color: var(--theme-primary);
}

body.page-bg-default {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-home {
    --page-bg-color: #1f222e;
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: fixed;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-about {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-services {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-service_detail {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-gallery {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-regions {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-region_detail {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-contact {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-faq {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-testimonials {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-why_us {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-work_process {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-products {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-product_detail {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-not_found {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}



@media (max-width: 991px) {
    .site-topbar {
        display: none;
    }

    .site-main-nav-inner {
        min-height: 76px;
        gap: 16px;
    }

    .site-logo img,
    .site-main-nav.is-sticky .site-logo img {
        height: 58px;
        max-width: 180px;
    }

    .site-desktop-nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        display: none;
        background: #fff;
        border-top: 1px solid rgba(30, 34, 40, 0.08);
        box-shadow: 0 18px 28px rgba(30, 34, 40, 0.14);
    }

    .site-desktop-nav.is-open {
        display: block;
    }

    .site-menu {
        display: block;
        max-height: calc(100vh - 76px);
        overflow-y: auto;
        padding: 8px 0;
    }

    .site-menu a {
        width: 100%;
        justify-content: space-between;
        padding: 12px 20px;
        white-space: normal;
    }

    .site-header-cta {
        display: none;
    }

    .site-mobile-toggle {
        display: block;
    }

    .dropdown-menu {
        position: static;
        display: none;
        min-width: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
        background: var(--theme-light, #f4f5f8);
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .has-dropdown:hover > .dropdown-menu {
        display: none;
    }

    .has-dropdown.is-open > .dropdown-menu {
        display: block;
    }

    .dropdown-menu a {
        padding-left: 34px;
    }
}