* { font-family: "Poppins", sans-serif; }
html, body { overflow-x: hidden; }
html { scroll-behavior: smooth; }

/* ── Brand colours ── */
:root {
    --brand:      #28c301;
    --brand-dark: #017f02;
}

.btn-brand               { background: var(--brand); color: #fff; border: none; font-size: 20px; font-weight: 500 }
.btn-brand:hover,
.btn-brand:focus         { background: var(--brand-dark); color: #fff; }

.badge-brand             { background: var(--brand); color: #fff; }
.bg-brand                { background-color: var(--brand) !important; }
.text-brand              { color: var(--brand) !important; }

.form-control:focus      { border-color: var(--brand); box-shadow: 0 0 0 .25rem rgba(39,168,32,.2); }

/* ── Navbar ── */
.logo                    { width: 13rem; height: auto; }

/* ── Hero ── */
.hero-section            { background: url('/assets/images/heading-backgroud.jpg') center / cover no-repeat; }
.hero-title              { font-size: clamp(26px, 3.5vw, 38px); line-height: 1.18; }
.hero-img                { max-width: 510px; width: 100%; }
.text-dark-green {color: #1d8418}

/* ── Features ── */
.feature-icon            { width: 64px; height: 64px; display: block; margin: 0 auto; }
.bg-light-green {background-color: #b8f352; }

/* ── Process ── */
.process-title           { font-size: clamp(24px, 3vw, 36px); }
.step-num                { width: 40px; height: 40px; }
.process-img-mobile      { display: none; }
.bg-dark-green {background-color: #003f00; }
.text-light-green {color: #b8f352}

/* ── FAQ ── */
.faq-title               { font-size: clamp(22px, 3vw, 32px); }
.faq-icon                { font-size: 22px; font-weight: 300; line-height: 1; min-width: 20px; text-align: center; }
.bg-brand-dark {background-color: #017f02}
/* ── Stats ── */
.stat-card               { background: #b8f352; }
.stat-num                { font-size: clamp(34px, 5vw, 52px); line-height: 1; color: #1a1a1a; font-weight: 600; }
.stat-label              { font-size: 20px; font-weight: 500; color: #1a1a1a; letter-spacing: .6px; line-height: 1.3; }

/* ── Borrow Smart ── */
.borrow-smart-card       { background: #017f02; }

/* ── Footer ── */
.footer-bg               { background: #003f00; }
.footer-logo-img         { height: 32px; width: auto; }
.footer-badge            { height: 75px; width: auto; }
.footer-link             { color: rgba(255,255,255,.7); }
.footer-link:hover       { color: #fff; }
.footer-sep              { color: rgba(255,255,255,.3); font-size: 13px; }
.footer-text {font-size: 12px}

/* ── Responsive ── */
@media (max-width: 991px) {
    .hero-img             { max-width: 300px; margin: 0 auto; }
    .process-img-desktop  { display: none; }
    .process-img-mobile   { display: block; max-width: 260px; margin: 0 auto; }
}

@media screen and (max-width:767px) {
    .header-flex {
        flex-direction: column;
        gap: 15px;
    }

    .logo {
        width: 11rem; height: auto;
    }

}