:root {
    --home-header-top-bg: #2f6f5a;
    --home-header-top-fg: #ffffff;
    --home-header-accent: #2f6f5a;
    --home-header-accent-hover: #275e4c;
    --home-header-menu-bg: #e9f4ef;
    --home-header-border: rgba(47, 111, 90, 0.35);
    --home-header-dropdown-bg: #eef7f1;
    --home-header-dropdown-hover: #dcefe3;
    --home-header-dropdown-text: #1f4f3d;
}

.top-navbar {
    background-color: var(--home-header-top-bg) !important;
    border-bottom-color: var(--home-header-top-bg) !important;
}

.top-navbar,
.top-navbar a,
.top-navbar .dropdown-toggle,
.top-navbar .text-reset {
    color: var(--home-header-top-fg) !important;
}

.top-navbar .opacity-60 {
    opacity: 0.9 !important;
}

.top-navbar .dropdown-menu,
.top-navbar .dropdown-menu a {
    color: inherit;
}

.top-navbar #lang-change .dropdown-menu,
.top-navbar #currency-change .dropdown-menu {
    background-color: var(--home-header-dropdown-bg) !important;
    border: 1px solid var(--home-header-border) !important;
    box-shadow: 0 10px 24px rgba(31, 79, 61, 0.14);
    padding: 0.35rem;
}

.top-navbar #lang-change .dropdown-menu .dropdown-item,
.top-navbar #currency-change .dropdown-menu .dropdown-item {
    color: var(--home-header-dropdown-text) !important;
    border-radius: 0.35rem;
    background-color: transparent !important;
}

.top-navbar #lang-change .dropdown-menu .dropdown-item:hover,
.top-navbar #lang-change .dropdown-menu .dropdown-item:focus,
.top-navbar #currency-change .dropdown-menu .dropdown-item:hover,
.top-navbar #currency-change .dropdown-menu .dropdown-item:focus {
    background-color: var(--home-header-dropdown-hover) !important;
    color: var(--home-header-dropdown-text) !important;
}

.top-navbar #lang-change .dropdown-menu .dropdown-item.active,
.top-navbar #lang-change .dropdown-menu .dropdown-item:active,
.top-navbar #lang-change .dropdown-menu .dropdown-item.active:hover,
.top-navbar #lang-change .dropdown-menu .dropdown-item.active:focus,
.top-navbar #currency-change .dropdown-menu .dropdown-item.active,
.top-navbar #currency-change .dropdown-menu .dropdown-item:active,
.top-navbar #currency-change .dropdown-menu .dropdown-item.active:hover,
.top-navbar #currency-change .dropdown-menu .dropdown-item.active:focus {
    background-color: var(--home-header-accent) !important;
    color: #ffffff !important;
}

header.z-1020 {
    background-color: var(--home-header-menu-bg) !important;
}

header.z-1020 .logo-bar-area {
    background-color: transparent !important;
}

header.z-1020 > .bg-white.border-top {
    background-color: var(--home-header-menu-bg) !important;
    border-top-color: var(--home-header-border) !important;
}

header.z-1020 .front-header-search .input-group {
    border: 2px solid var(--home-header-accent);
    border-radius: 6px;
    overflow: hidden;
}

header.z-1020 .front-header-search .form-control {
    border: 0 !important;
    background-color: #ffffff;
}

header.z-1020 .front-header-search .btn.btn-primary {
    background-color: var(--home-header-accent) !important;
    border-color: var(--home-header-accent) !important;
}

header.z-1020 .front-header-search .btn.btn-primary:hover,
header.z-1020 .front-header-search .btn.btn-primary:focus {
    background-color: var(--home-header-accent-hover) !important;
    border-color: var(--home-header-accent-hover) !important;
}

header.z-1020 .category-menu-icon-box .dropdown-toggle {
    border-color: var(--home-header-border) !important;
}

@media (max-width: 991.98px) {
    .top-navbar .mobile-top-support-item {
        margin-left: auto !important;
        white-space: nowrap;
    }

    .top-navbar .mobile-top-support-item a {
        font-size: 12px;
        font-weight: 600;
    }

    .top-navbar .mobile-top-support-item i {
        font-size: 14px;
    }
}