/* ============================
   Global Font
   ============================ */
body, html {
    font-family: 'Urbanist', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ============================
   General Styling (Your Existing Code)
   ============================ */
[data-app=guest] .footer-logo {
    margin-bottom: 0!important;
}

.hero-circle {
    color: #42a16236!important;
}

[data-app=guest] .footer-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px!important;
}

a.mmail {
    color: black;
    display: flex;
    align-items: center;
}

[data-app=guest] .hit-works--content .content-start {
    background-color: #f5f9f8!important;
    border: 1px solid #deedea!important;
}

[data-app=guest] .section-title {
    color: #0c3a1a!important;
}

[data-app=guest] .home-about--card.variant-1 .content {
    background-color: #f2fbf6!important;
}

[data-app=guest] .home-branch {
    color: #e0f7eb!important;
}

[data-app=guest] .home-testimonials .ht-box--bg {
    background: #f2fbf6!important;
}

[data-app=guest] .home-comparision .hc-box {
    background: #f2fbf6!important;
}

[data-app=guest] .home-faq--content {
    background: #f2fbf6!important;
}

[data-app=guest] .footer-bg {
    background-color: #f7fefa!important;
}

[data-app=guest] .hit-works--nav ul li a.active {
    background-color: #ecfff4!important;
}

[data-app=guest] .hit-works--nav ul li a .a-icon {
    background: #f6fff7!important;
    color: #73896f!important;
}

.nav {
    background-color: #f2fbf6!important;
}

[data-app=guest] .home-hero {
    background: linear-gradient(180deg, #f4fff9 1.76%, #FFF 41.02%), #fff!important;
}

[data-app=guest] .home-section.gradient-bg {
    background: radial-gradient(50.97% 50.97% at 49.38% 36.81%, #f1f8f4 0%, #FFF 100%)!important;
}

.app-logo {
    max-height: 46px!important;
}

[data-app=auth] .sidebar-head img {
    height: 46px!important;
}

:root[data-theme="dark"] .nav {
    background-color: var(--neutral-n-900) !important;
}

[data-app=guest] .sw {
    background: #289850 !important;
    -webkit-text-fill-color: rgba(0, 0, 0, 0) !important;
    background-clip: text !important;
}

[data-app=guest] .section-title span {
    background: #289850 !important;
    -webkit-text-fill-color: rgba(0, 0, 0, 0) !important;
    background-clip: text !important;
}

/* ============================
   Buttons
   ============================ */

/* Main CTA buttons (Sign up, important actions, social) */
.btn-primary,
button.sign-up,
a.sign-up,
.footer-social {
    background: #289850 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 22px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease-in-out;
}

.btn-primary:hover,
button.sign-up:hover,
a.sign-up:hover,
.footer-social:hover {
    background: #20753f !important;
    color: #fff !important;
    transform: translateY(-2px);
}

/* Outline buttons (secondary style) */
.btn-outline {
    background: transparent !important;
    border: 2px solid #289850 !important;
    color: #289850 !important;
}

.btn-outline:hover {
    background: #289850 !important;
    color: #fff !important;
}

/* ============================
   Accordion (FAQ Section)
   ============================ */
.accordion-button {
    background: #f7fefa !important;   /* Light background */
    color: #0c3a1a !important;        /* Dark text */
    border: 1px solid #deedea !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
}

.accordion-button:not(.collapsed) {
    background: #e0f7eb !important;   /* Slightly stronger when active */
    color: #0c3a1a !important;
}