:root {
    --brand-forest: #123d32;
    --brand-green: #159a63;
    --brand-emerald: #12ad70;
    --brand-charcoal: #17211d;
    --brand-ink: #202824;
    --brand-amber: #f2a516;
    --brand-cream: #f6f7f3;
}

.header-top { background: #17211d; }
.header-top-left p a,
.header-top-medal .top-info p i,
.header-top-right .social li a:hover { color: #f5b52d; }
.header-top-medal::before,
.header-top-medal::after { opacity: .38; }

.header-main .container-fluid { max-width: 1560px; }
.header-main-wrapper {
    margin: 10px 18px 0;
    padding: 10px 20px;
    border: 1px solid rgba(20, 68, 53, .12);
    border-radius: 16px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 12px 34px rgba(24, 39, 32, .1);
    backdrop-filter: blur(16px);
}
.header-logo a { display: flex; align-items: center; }
.header-logo a img { width: auto; height: 52px; object-fit: contain; }
.header-menu ul li { padding: 13px 10px; }
.header-menu ul li a { position: relative; color: #303a35; font-weight: 650; }
.header-menu ul li a::after {
    position: absolute;
    content: "";
    left: 50%;
    right: 50%;
    bottom: -8px;
    height: 3px;
    border-radius: 10px;
    background: #16a66a;
    transition: .22s ease;
}
.header-menu ul li a:hover,
.header-menu ul li a.active { color: #087849; }
.header-menu ul li a:hover::after,
.header-menu ul li a.active::after { left: 18%; right: 18%; }
.header-sign-in-up ul li a.sign-in { color: #184c3a !important; font-weight: 700; }
.header-sign-in-up ul li a.sign-up,
.header-sign-in-up ul li button.sign-up {
    border-radius: 10px;
    background: #14955f;
    box-shadow: 0 8px 18px rgba(20, 149, 95, .23);
    padding: 8px 30px;
    color: white;
}
.header-sign-in-up ul li a.sign-up:hover,
.header-sign-in-up ul li button.sign-up:hover { background: #0e7549; transform: translateY(-1px); }

.mobile-menu .mobile-top,
.mobile-menu .mobile-sign-in-up { background: #eff6f1; }
.mobile-sign-in-up .sign-up { background: #14955f !important; }

.footer-section { background: #121915; }
.footer-widget-section {
    background: radial-gradient(circle at 12% 14%, rgba(22, 166, 106, .17), transparent 31%), #15201b;
}
.widget-logo a {
    display: inline-flex;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    background: rgba(255,255,255,.97);
}
.widget-logo img { width: 178px; height: auto; }
.footer-widget .footer-widget-title,
.footer-widget .widget-address h4,
.footer-copyright .copyright-text span { color: #fff; }
.footer-widget .widget-address p,
.footer-widget .widget-info li p,
.footer-widget .widget-info li p a { color: rgba(255,255,255,.66); }
.footer-widget .widget-link li a:hover,
.footer-widget .widget-info li p i,
.footer-widget .widget-social li a:hover { color: #f2b02c; }
.footer-copyright { background: #0d130f; }
.back-to-top { background: #14955f; box-shadow: 0 10px 22px rgba(20, 149, 95, .26); }

@media (max-width: 1199px) {
    .header-main-wrapper { margin-left: 8px; margin-right: 8px; }
    .header-logo a img { width: auto; height: 47px; }
}
@media (max-width: 991px) { .header-main-wrapper { margin-top: 14px; padding: 10px 16px; } }
@media (max-width: 575px) {
    .header-main-wrapper { margin: 10px 0 0; border-radius: 13px; }
    .header-logo a img { width: auto; height: 44px; }
}