/* =========================================================
   DARK NEON LUXURY OVERLAY — matches reference screenshot
   Loaded LAST, overrides all previous styles.
   Black canvas + neon-green glow + per-card colored auras.
   ========================================================= */

:root {
  --bg-0:      #050907;
  --bg-1:      #0a110b;
  --bg-2:      #0d1810;
  --bg-card:   #0f1a12;
  --bg-card-2: #14241a;
  --line:      rgba(45, 255, 127, .14);
  --line-2:    rgba(255, 255, 255, .06);
  --neon:      #2dff7f;
  --neon-2:    #34e373;
  --neon-deep: #0e8b3e;
  --gold:      #f3c44a;
  --txt-0:     #ffffff;
  --txt-1:     rgba(255,255,255,.78);
  --txt-2:     rgba(255,255,255,.55);
  --grad-neon: linear-gradient(135deg, #2dff7f 0%, #0e8b3e 100%);
  --grad-card: linear-gradient(180deg, #112016 0%, #0a130d 100%);
  --shadow-glow: 0 0 0 1px rgba(45,255,127,.35), 0 0 40px rgba(45,255,127,.18);
  --shadow-card: 0 24px 50px rgba(0,0,0,.55), inset 0 0 0 1px rgba(45,255,127,.08);
}

/* ---------- Disable previous body orbs / light bg ---------- */
html, body { background: var(--bg-0) !important; color: var(--txt-1); }
body::before, body::after { display: none !important; }
body {
  background-image:
    radial-gradient(1100px 600px at 12% 8%,  rgba(45,255,127,.08), transparent 60%),
    radial-gradient(900px 600px  at 92% 38%, rgba(45,255,127,.05), transparent 60%),
    radial-gradient(800px 700px  at 50% 100%, rgba(45,255,127,.06), transparent 60%) !important;
}
::selection { background: var(--neon); color: #001a08; }
a { color: var(--neon-2); }

/* ---------- Section bg overrides ---------- */
section, .hero-section, .trust-strip, .container, .py-5 { background-color: transparent !important; }
section.bg-light, .bg-light { background-color: transparent !important; }

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6 { color: var(--txt-0) !important; }
.section-title { color: var(--txt-0) !important; letter-spacing: .18em; }
.section-title::before, .section-title::after {
  background: linear-gradient(90deg, transparent, var(--neon)) !important;
  height: 2px !important;
  flex-basis: 70px;
}
.section-title::after { background: linear-gradient(90deg, var(--neon), transparent) !important; }
p, li, label, small, .text-muted { color: var(--txt-1) !important; }
.text-muted { color: var(--txt-2) !important; }

/* ============== NAVBAR ============== */
.navbar.sticky-top {
  background: rgba(7,12,9,.78) !important;
  border-bottom: 1px solid var(--line) !important;
  backdrop-filter: saturate(160%) blur(16px);
  -webkit-backdrop-filter: saturate(160%) blur(16px);
  box-shadow: 0 6px 24px rgba(0,0,0,.45);
}
.brand-name {
  background: linear-gradient(180deg, #fff, #cfead7);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.brand-sub { color: var(--neon-2) !important; letter-spacing: .12em; }
.nav-link { color: var(--txt-1) !important; font-weight:600; }
.nav-link:hover, .nav-link.active { color: var(--neon) !important; }
.nav-link.active::after, .nav-link:hover::after {
  content:""; position:absolute; left:20%; right:20%; bottom:0; height:2px;
  background: var(--neon); border-radius: 2px;
  box-shadow: 0 0 10px var(--neon);
}
.helpline-icon {
  background: linear-gradient(135deg, var(--neon-2), var(--neon-deep)) !important;
  box-shadow: 0 0 20px rgba(45,255,127,.45), inset 0 0 0 1px rgba(255,255,255,.18) !important;
}
.helpline-btn, .navbar .border-success {
  background: linear-gradient(180deg, rgba(45,255,127,.08), rgba(45,255,127,.02)) !important;
  border: 1px solid rgba(45,255,127,.4) !important;
  box-shadow: 0 0 28px rgba(45,255,127,.22), inset 0 0 0 1px rgba(45,255,127,.12);
  color: #fff !important;
}
.navbar .dropdown-menu {
  background: rgba(12,22,15,.92) !important;
  border: 1px solid rgba(45,255,127,.15) !important;
  box-shadow: 0 20px 60px -12px rgba(0,0,0,.6), 0 0 0 1px rgba(45,255,127,.08) !important;
}
.navbar .dropdown-item { color: var(--txt-1) !important; }
.navbar .dropdown-item i {
  background: rgba(45,255,127,.08) !important;
  border-color: rgba(45,255,127,.15) !important;
  color: var(--neon) !important;
}
.navbar .dropdown-item:hover {
  background: rgba(45,255,127,.08) !important;
  color: var(--neon) !important;
}
.navbar .dropdown-item:hover i {
  background: linear-gradient(135deg, var(--neon-deep), var(--neon-2)) !important;
  color: #fff !important;
  box-shadow: 0 0 16px rgba(45,255,127,.4) !important;
}
.navbar .dropdown-item:first-child { border-bottom-color: rgba(45,255,127,.1) !important; }

/* ============== HERO ============== */
.hero-section {
  background:
    radial-gradient(800px 600px at 30% 35%, rgba(45,255,127,.10), transparent 60%),
    radial-gradient(700px 500px at 70% 60%, rgba(45,255,127,.06), transparent 60%),
    var(--bg-0) !important;
  padding: 40px 0 80px !important;
  border-bottom: 1px solid var(--line);
}
.hero-section h1.display-3 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.4);
}
.hero-section h1.display-3 .text-success {
  color: var(--neon) !important;
  -webkit-text-fill-color: var(--neon) !important;
  background: none !important;
  text-shadow: 0 0 24px rgba(45,255,127,.45);
}
.eyebrow-pill, .badge-tag {
  background: linear-gradient(180deg, rgba(45,255,127,.1), rgba(45,255,127,.02)) !important;
  border: 1px solid rgba(45,255,127,.4) !important;
  color: var(--neon-2) !important;
  box-shadow: 0 0 20px rgba(45,255,127,.18);
}
.charge-box {
  background: linear-gradient(180deg, rgba(45,255,127,.07), rgba(0,0,0,.2)) !important;
  border: 1px solid rgba(45,255,127,.35) !important;
  box-shadow: 0 0 0 1px rgba(45,255,127,.15), 0 0 40px rgba(45,255,127,.18) !important;
  border-radius: 14px !important;
  color: #fff !important;
}
.charge-box small, .charge-box span:first-child { color: var(--txt-1) !important; }
.charge-box h2 {
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
  background: none !important;
  text-shadow: 0 0 18px rgba(243,196,74,.4);
}

/* ============== TRUST PILLS / FEATURE TILES (small) ============== */
.hero-section .small-tiles, .feature-pill, .hero-feature {
  background: rgba(255,255,255,.02);
  border: 1px solid var(--line-2);
  border-radius: 12px;
}
/* Small no-bank-visit / quick verify cards under hero */
.hero-section .row .col i.text-success,
.hero-section .col-6 i,
.hero-section .col i {
  color: var(--neon) !important; text-shadow: 0 0 10px rgba(45,255,127,.4);
}

/* ============== BUTTONS ============== */
.btn { transition: all .35s cubic-bezier(.2,.8,.2,1); position: relative; overflow: hidden; }
.btn-success {
  background: linear-gradient(180deg, #1f9d52, #0a4022) !important;
  border: 1px solid rgba(45,255,127,.55) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(45,255,127,.25), 0 0 28px rgba(45,255,127,.35), inset 0 1px 0 rgba(255,255,255,.18) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.3);
}
.btn-success:hover { transform: translateY(-3px); box-shadow: 0 0 0 1px rgba(45,255,127,.55), 0 0 50px rgba(45,255,127,.55), inset 0 1px 0 rgba(255,255,255,.22) !important; }
.btn-warning {
  background: linear-gradient(180deg, #2a1a00, #160d00) !important;
  border: 1px solid rgba(243,196,74,.6) !important;
  color: var(--gold) !important;
  box-shadow: 0 0 0 1px rgba(243,196,74,.25), 0 0 24px rgba(243,196,74,.32) !important;
}
.btn-warning:hover { box-shadow: 0 0 0 1px rgba(243,196,74,.55), 0 0 40px rgba(243,196,74,.55) !important; transform: translateY(-3px); }
.btn-light, .btn-outline-secondary {
  background: rgba(255,255,255,.04) !important; color: #fff !important;
  border: 1px solid var(--line-2) !important;
}
.btn-light:hover, .btn-outline-secondary:hover {
  background: rgba(45,255,127,.08) !important; border-color: rgba(45,255,127,.4) !important; color: #fff !important;
}
/* sheen */
.btn-success::after, .btn-warning::after {
  content:""; position:absolute; top:0; left:-80%; width:60%; height:100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
  transform: skewX(-22deg); transition: left .8s ease;
}
.btn-success:hover::after, .btn-warning:hover::after { left: 130%; }

/* ============== APPLY CARD ============== */
.apply-card {
  background: linear-gradient(180deg, #0e1c12 0%, #07120a 100%) !important;
  border: 1px solid rgba(45,255,127,.45) !important;
  border-radius: 18px !important;
  box-shadow:
    0 0 0 1px rgba(45,255,127,.15),
    0 0 60px rgba(45,255,127,.18),
    0 30px 80px rgba(0,0,0,.6) !important;
}
.apply-header {
  background: transparent !important;
  border-bottom: 1px solid var(--line) !important;
  color: #fff !important;
}
.apply-header h3, .apply-header h2 { color: #fff !important; text-shadow: 0 0 16px rgba(45,255,127,.3); }
.apply-card .form-control, .apply-card .form-select,
.form-control, .form-select {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--line-2) !important;
  color: #fff !important;
  height: 48px;
  border-radius: 10px !important;
}
.form-control::placeholder { color: rgba(255,255,255,.4) !important; }
.form-control:focus, .form-select:focus {
  background: rgba(45,255,127,.04) !important;
  border-color: var(--neon) !important;
  box-shadow: 0 0 0 3px rgba(45,255,127,.18) !important;
  color:#fff !important;
}
.input-group-text {
  background: rgba(255,255,255,.04) !important; color: var(--neon) !important;
  border-color: var(--line-2) !important;
}

/* ============== TRUST STRIP ============== */
.trust-strip {
  background: linear-gradient(180deg, #0c160f, #07100a) !important;
  border: 1px solid var(--line);
  border-radius: 18px !important;
  margin: 32px 12px;
  box-shadow: 0 0 0 1px rgba(45,255,127,.06), 0 30px 60px rgba(0,0,0,.5);
}
.trust-ico {
  background: linear-gradient(180deg, rgba(45,255,127,.08), rgba(45,255,127,.02)) !important;
  border: 1px solid rgba(45,255,127,.35) !important;
  color: var(--neon) !important;
  border-radius: 12px !important;
  width: 52px; height: 52px;
  box-shadow: 0 0 20px rgba(45,255,127,.18), inset 0 0 0 1px rgba(45,255,127,.08);
}
.trust-strip .col-6:hover .trust-ico {
  background: linear-gradient(135deg, var(--neon), var(--neon-deep)) !important;
  color: #001a08 !important;
  transform: translateY(-3px) rotate(-6deg);
  box-shadow: 0 0 30px rgba(45,255,127,.55);
}
.trust-strip h6 { color: #fff !important; }

/* ============== LOAN CARDS — per-color glow ============== */
.loan-card {
  background:
    radial-gradient(circle at 50% 0%, var(--card-glow, rgba(45,255,127,.18)), transparent 60%),
    linear-gradient(180deg, #0e1812 0%, #060a08 100%) !important;
  border: 1px solid var(--card-line, rgba(45,255,127,.35)) !important;
  border-radius: 22px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.02), 0 30px 50px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.03) !important;
  padding: 30px 22px 24px !important;
  transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s, border-color .4s;
  position: relative; overflow: hidden;
}
.loan-card::before {
  content:""; position:absolute; inset:-1px; border-radius:inherit;
  background: linear-gradient(180deg, var(--card-line, rgba(45,255,127,.45)), transparent 70%);
  opacity:.3; pointer-events:none; z-index:0;
  -webkit-mask: linear-gradient(#000,#000) content-box, linear-gradient(#000,#000);
  -webkit-mask-composite: xor; mask-composite: exclude;
  padding:1px;
}
.loan-card > * { position:relative; z-index:1; }
.loan-card:hover {
  transform: translateY(-10px);
  border-color: var(--card-line-hover, rgba(45,255,127,.6)) !important;
  box-shadow: 0 0 0 1px var(--card-line-hover, rgba(45,255,127,.45)), 0 40px 60px rgba(0,0,0,.6), 0 0 60px var(--card-glow-hover, rgba(45,255,127,.35)) !important;
}
.loan-card h5, .loan-card h4 { color: #fff !important; letter-spacing: .04em; }
.loan-card p { color: var(--txt-1) !important; }
.loan-ico {
  width: 84px !important; height: 84px !important;
  background: var(--card-icon-bg, linear-gradient(135deg, #2dff7f, #0e8b3e)) !important;
  box-shadow: 0 0 0 6px rgba(255,255,255,.04), 0 0 35px var(--card-glow-hover, rgba(45,255,127,.45));
  color: #fff !important;
  font-size: 1.9rem !important;
  transition: transform .4s;
}
.loan-card:hover .loan-ico { transform: rotate(-8deg) scale(1.08); }
.btn-apply {
  width: 100%;
  background: var(--card-icon-bg, linear-gradient(135deg, #2dff7f, #0e8b3e)) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 800; letter-spacing: .08em;
  border-radius: 10px !important;
  box-shadow: 0 0 24px var(--card-glow-hover, rgba(45,255,127,.4)) !important;
}
.btn-apply:hover { transform: translateY(-2px); filter: brightness(1.12) saturate(1.05); }

.btn-learn {
  background: transparent !important;
  border: 1.5px solid var(--card-line, rgba(45,255,127,.5)) !important;
  color: #fff !important;
  font-weight: 700;
  letter-spacing: .06em;
  border-radius: 10px !important;
  padding: .35rem 1rem !important;
  transition: all .25s ease;
  box-shadow: none !important;
}
.btn-learn:hover {
  background: rgba(255,255,255,.06) !important;
  border-color: var(--card-line-hover, rgba(45,255,127,.8)) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 0 16px var(--card-glow, rgba(45,255,127,.25)) !important;
}
.btn-learn i { opacity: .85; }

/* Per-card themes — match by index in the row of 5 */
.loan-card.card-personal,
.loan-card:nth-child(1) {
  --card-line: rgba(45,255,127,.35);
  --card-line-hover: rgba(45,255,127,.6);
  --card-glow: rgba(45,255,127,.25);
  --card-glow-hover: rgba(45,255,127,.45);
  --card-icon-bg: linear-gradient(135deg, #2dff7f, #0e8b3e);
}
.loan-card.card-business,
.row > div:nth-child(2) > .loan-card {
  --card-line: rgba(58,180,255,.35);
  --card-line-hover: rgba(58,180,255,.6);
  --card-glow: rgba(58,180,255,.22);
  --card-glow-hover: rgba(58,180,255,.45);
  --card-icon-bg: linear-gradient(135deg, #3ab4ff, #0a5b94);
}
.loan-card.card-wedding,
.row > div:nth-child(3) > .loan-card {
  --card-line: rgba(255,84,140,.35);
  --card-line-hover: rgba(255,84,140,.6);
  --card-glow: rgba(255,84,140,.22);
  --card-glow-hover: rgba(255,84,140,.45);
  --card-icon-bg: linear-gradient(135deg, #ff548c, #a01649);
}
.loan-card.card-car,
.row > div:nth-child(4) > .loan-card {
  --card-line: rgba(255,160,40,.35);
  --card-line-hover: rgba(255,160,40,.6);
  --card-glow: rgba(255,160,40,.22);
  --card-glow-hover: rgba(255,160,40,.45);
  --card-icon-bg: linear-gradient(135deg, #ffa028, #b25a00);
}
.loan-card.card-customization,
.row > div:nth-child(5) > .loan-card {
  --card-line: rgba(170,120,255,.35);
  --card-line-hover: rgba(170,120,255,.6);
  --card-glow: rgba(170,120,255,.22);
  --card-glow-hover: rgba(170,120,255,.45);
  --card-icon-bg: linear-gradient(135deg, #aa78ff, #5c2eb0);
}

/* ============== PANELS (process / EMI) ============== */
.panel-card {
  background: linear-gradient(180deg, #0c1812 0%, #060c08 100%) !important;
  border: 1px solid var(--line) !important;
  border-radius: 22px !important;
  box-shadow: 0 0 0 1px rgba(45,255,127,.05), 0 30px 60px rgba(0,0,0,.55) !important;
  color: #fff;
}
.panel-card h3, .panel-card h4, .panel-card h5 { color: #fff !important; }
.step-circle {
  background: rgba(45,255,127,.06) !important;
  border: 1px solid rgba(45,255,127,.35) !important;
  color: var(--neon) !important;
  box-shadow: 0 0 24px rgba(45,255,127,.2), inset 0 0 0 1px rgba(45,255,127,.08);
}
.step-num {
  background: linear-gradient(135deg, var(--neon), var(--neon-deep)) !important;
  color: #001a08 !important;
  box-shadow: 0 0 14px rgba(45,255,127,.6);
}
.step h6, .step strong { color: #fff !important; }
.step .small, .step p { color: var(--txt-2) !important; }

/* EMI calculator slider track */
.form-range::-webkit-slider-runnable-track { background: rgba(255,255,255,.08); height: 4px; border-radius: 2px; }
.form-range::-webkit-slider-thumb {
  background: var(--neon) !important;
  box-shadow: 0 0 12px rgba(45,255,127,.7);
}
.form-range::-moz-range-track { background: rgba(255,255,255,.08); height: 4px; border-radius: 2px; }
.form-range::-moz-range-thumb { background: var(--neon) !important; border:none; box-shadow: 0 0 12px rgba(45,255,127,.7); }

.emi-result {
  background: linear-gradient(180deg, #0d1812 0%, #060c08 100%) !important;
  border: 1px solid rgba(45,255,127,.25) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 0 0 1px rgba(45,255,127,.04);
}
.emi-result-head {
  background: rgba(45,255,127,.05) !important;
  border-bottom: 1px solid var(--line);
  color: var(--neon) !important;
}
.emi-result h2, .emi-result strong, .emi-result span {
  color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important;
}
.emi-result .text-success { color: var(--neon) !important; }

/* ============== TESTIMONIALS ============== */
.testi-card {
  background: linear-gradient(180deg, #0d1812 0%, #060c08 100%) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.02), 0 30px 60px rgba(0,0,0,.55);
}
.testi-card::before { color: var(--neon) !important; opacity:.35 !important; text-shadow: 0 0 16px rgba(45,255,127,.4); }
.testi-card p { color: var(--txt-1) !important; }
.testi-card strong, .testi-card h6 { color: var(--neon) !important; }
.stars { color: var(--gold) !important; text-shadow: 0 0 8px rgba(243,196,74,.4); }
.avatar { border: 2px solid rgba(45,255,127,.35); box-shadow: 0 0 18px rgba(45,255,127,.25); }
.testimonial-arrow, .swiper-button-next, .swiper-button-prev,
button[aria-label*="prev"], button[aria-label*="next"] {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--line) !important;
  color: var(--neon) !important;
}

/* ============== FAQ ============== */
.faq-accordion .accordion-item {
  background: linear-gradient(180deg, #0d1812 0%, #060c08 100%) !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  margin-bottom: 12px;
  overflow: hidden;
}
.faq-accordion .accordion-button {
  background: transparent !important;
  color: #fff !important;
  font-weight: 600;
  box-shadow: none !important;
}
.faq-accordion .accordion-button:not(.collapsed) {
  background: rgba(45,255,127,.05) !important;
  color: var(--neon) !important;
}
.faq-accordion .accordion-button::after {
  filter: invert(1) sepia(1) saturate(8) hue-rotate(75deg);
}
.faq-accordion .accordion-body { color: var(--txt-1) !important; }

/* Plus-icon badges next to FAQ titles (your design) */
.faq-accordion .accordion-button .badge,
.faq-accordion .badge-plus {
  background: linear-gradient(180deg, rgba(45,255,127,.1), rgba(45,255,127,.02)) !important;
  border: 1px solid rgba(45,255,127,.4) !important;
  color: var(--neon) !important;
  box-shadow: 0 0 12px rgba(45,255,127,.25);
}

/* ============== CTA BANNER ============== */
.cta-banner {
  background:
    radial-gradient(600px 300px at 50% 0%, rgba(45,255,127,.18), transparent 70%),
    linear-gradient(180deg, #0d1812 0%, #07100a 100%) !important;
  border: 1px solid var(--line) !important;
  border-radius: 22px !important;
  margin: 32px 12px;
  box-shadow: 0 0 0 1px rgba(45,255,127,.06), 0 30px 60px rgba(0,0,0,.55);
}
.cta-banner h3, .cta-banner h2 { color: #fff !important; }

/* ============== FOOTER ============== */
.footer {
  background: linear-gradient(180deg, #060c08 0%, #03070500 100%) !important;
  color: var(--txt-1);
  border-top: 1px solid var(--line);
}
.footer-h { color: var(--neon) !important; letter-spacing: .14em; }
.footer-list a, .footer a { color: var(--txt-1) !important; }
.footer-list a:hover, .footer a:hover { color: var(--neon) !important; }
.social-icons a {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--line) !important;
  color: var(--neon) !important;
}
.social-icons a:hover {
  background: linear-gradient(135deg, var(--neon), var(--neon-deep)) !important;
  color: #001a08 !important;
  box-shadow: 0 0 25px rgba(45,255,127,.55);
}

/* ============== INNER PAGE HERO ============== */
.page-hero {
  background:
    radial-gradient(700px 500px at 80% 30%, rgba(45,255,127,.18), transparent 60%),
    radial-gradient(600px 400px at 10% 80%, rgba(45,255,127,.08), transparent 60%),
    linear-gradient(180deg, #0a130d 0%, #060c08 100%) !important;
  border-bottom: 1px solid var(--line);
  padding: 80px 0 !important;
}
.page-hero h1 {
  color: #fff !important;
  background: none !important; -webkit-text-fill-color: #fff !important;
  text-shadow: 0 0 28px rgba(45,255,127,.25);
}
.page-bread, .page-bread a { color: var(--txt-2) !important; }
.page-bread a { color: var(--neon-2) !important; }

/* ============== LOAN HERO (detail pages) ============== */
.loan-hero {
  background:
    radial-gradient(700px 500px at 80% 30%, rgba(45,255,127,.14), transparent 60%),
    linear-gradient(180deg, #0a130d 0%, #060c08 100%) !important;
  border-bottom: 1px solid var(--line);
}
.loan-hero h1 { color:#fff !important; }
.loan-hero .icon-circle {
  box-shadow: 0 0 0 6px rgba(255,255,255,.04), 0 0 50px rgba(45,255,127,.4);
}
.loan-hero .icon-circle::after { border-color: rgba(45,255,127,.4) !important; }

/* ============== FEATURE TILES ============== */
.feature-tile {
  background: linear-gradient(180deg, #0d1812 0%, #060c08 100%) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  color: #fff !important;
}
.feature-tile h6, .feature-tile h5 { color: #fff !important; }
.feature-tile p { color: var(--txt-1) !important; }
.feature-tile .ico {
  background: rgba(45,255,127,.08) !important;
  border: 1px solid rgba(45,255,127,.3) !important;
  color: var(--neon) !important;
  box-shadow: 0 0 20px rgba(45,255,127,.15);
}
.feature-tile:hover .ico {
  background: linear-gradient(135deg, var(--neon), var(--neon-deep)) !important;
  color: #001a08 !important;
  box-shadow: 0 0 30px rgba(45,255,127,.5);
}
.feature-tile::before { background: var(--neon) !important; }

/* ============== STAT CARDS ============== */
.stat-card {
  background:
    radial-gradient(circle at 70% 30%, rgba(45,255,127,.18), transparent 60%),
    linear-gradient(180deg, #0d1812 0%, #060c08 100%) !important;
  border: 1px solid rgba(45,255,127,.3) !important;
  box-shadow: 0 0 0 1px rgba(45,255,127,.08), 0 30px 60px rgba(0,0,0,.5) !important;
}
.stat-card .num {
  color: var(--neon) !important;
  -webkit-text-fill-color: var(--neon) !important;
  background: none !important;
  text-shadow: 0 0 28px rgba(45,255,127,.45);
}
.stat-card .lbl, .stat-card p, .stat-card span { color: var(--txt-1) !important; }

/* ============== CONTACT CARDS ============== */
.contact-card {
  background: linear-gradient(180deg, #0d1812 0%, #060c08 100%) !important;
  border: 1px solid var(--line) !important;
  color: #fff !important;
}
.contact-card h5, .contact-card h6 { color: #fff !important; }
.contact-card p { color: var(--txt-1) !important; }
.contact-card .ico-big {
  background: rgba(45,255,127,.06) !important;
  border: 1px solid rgba(45,255,127,.35) !important;
  color: var(--neon) !important;
  box-shadow: 0 0 25px rgba(45,255,127,.18);
}
.contact-card:hover .ico-big {
  background: linear-gradient(135deg, var(--neon), var(--neon-deep)) !important;
  color: #001a08 !important;
}

.content-card {
  background: linear-gradient(180deg, #0d1812 0%, #060c08 100%) !important;
  border: 1px solid var(--line) !important;
  color: #fff !important;
}
.content-card h2, .content-card h3, .content-card h4 { color: #fff !important; }
.bullet-list li, .docs-list li { color: var(--txt-1) !important; }
.docs-list li {
  background: rgba(45,255,127,.04) !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
}
.docs-list li:hover { background: rgba(45,255,127,.08) !important; border-color: rgba(45,255,127,.3) !important; }
.bullet-list li i { color: var(--neon) !important; }

/* ============== FLOATING WHATSAPP ============== */
.float-wa {
  background: linear-gradient(135deg, #25d366, #128c7e) !important;
  box-shadow: 0 0 0 4px rgba(37,211,102,.18), 0 0 50px rgba(37,211,102,.55) !important;
}

/* ============== STICKY MOBILE CTA — match dark theme ============== */
.mobile-cta a.cta-call  { background: linear-gradient(180deg, #1f9d52, #0a4022) !important; box-shadow: 0 0 28px rgba(45,255,127,.45) !important; }
.mobile-cta a.cta-apply { background: linear-gradient(180deg, #f3c44a, #b48818) !important; color: #1a0f00 !important; box-shadow: 0 0 28px rgba(243,196,74,.45) !important; }
.mobile-cta a.cta-wa    { background: linear-gradient(135deg,#25d366,#128c7e) !important; box-shadow: 0 0 28px rgba(37,211,102,.45) !important; }

/* ============== MOTION ============== */
@keyframes neonPulse {
  0%,100% { box-shadow: 0 0 0 1px rgba(45,255,127,.25), 0 0 28px rgba(45,255,127,.35); }
  50%     { box-shadow: 0 0 0 1px rgba(45,255,127,.5),  0 0 50px rgba(45,255,127,.55); }
}
.btn-success, .charge-box { animation: neonPulse 4.5s ease-in-out infinite; }

@keyframes float-y {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-14px); }
}
.hero-section .col-lg-7::after { animation: float-y 6s ease-in-out infinite; filter: drop-shadow(0 30px 30px rgba(0,0,0,.6)); }

@keyframes spin-slow { to { transform: rotate(360deg); } }

/* Scroll reveal (kept compatible with modern.js tags) */
[data-aos] { opacity:0; transform: translateY(28px); transition: opacity .9s cubic-bezier(.2,.8,.2,1), transform .9s cubic-bezier(.2,.8,.2,1); }
[data-aos].aos-animate { opacity:1; transform: translateY(0); }
[data-aos="fade-right"]  { transform: translateX(-30px); }
[data-aos="fade-left"]   { transform: translateX(30px); }
[data-aos="fade-right"].aos-animate, [data-aos="fade-left"].aos-animate { transform: translateX(0); }
[data-aos="zoom-in"]     { transform: scale(.92); opacity:0; }
[data-aos="zoom-in"].aos-animate { transform: scale(1); opacity:1; }

/* Hover lift on any card */
.loan-card, .panel-card, .testi-card, .feature-tile, .contact-card, .stat-card, .content-card { will-change: transform; }

/* Kill any leftover Bootstrap backdrop always */
.modal-backdrop { display: none !important; }

/* ===== Custom modal overlay ===== */
.ak-modal {
  position: fixed;
  inset: 0;
  z-index: 1055;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity .2s ease;
  overflow-y: auto;
  padding: 20px;
}
.ak-modal.ak-show { opacity: 1; }
.ak-modal-dialog {
  width: 100%;
  max-width: 500px;
  margin: auto;
}
/* Modal card */
.modal-content, .ak-modal .apply-card {
  background: linear-gradient(180deg, #0d1812 0%, #060c08 100%) !important;
  border: 1px solid rgba(45,255,127,.35) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(45,255,127,.15), 0 0 60px rgba(45,255,127,.18) !important;
  border-radius: 18px !important;
}
.modal-header { border-bottom: 1px solid var(--line) !important; }
.modal-header .btn-close { filter: invert(1); }
.ak-modal .btn-close { filter: invert(1); }

/* Bootstrap utility overrides for dark */
.bg-white { background: linear-gradient(180deg, #0d1812 0%, #060c08 100%) !important; }
.text-dark, .text-body { color: #fff !important; }
.border, .border-1 { border-color: var(--line) !important; }
hr { border-color: var(--line) !important; opacity: 1; }

/* Process row spacing */
#process .process-row { gap: 18px; }
#process .step-arrow { color: var(--neon); opacity: .55; font-size: 1.6rem; }
#emi .panel-card { max-width: 1100px; margin: 0 auto; }

/* ============== SELECT ARROW (custom neon chevron) ============== */
.form-select, select.form-control {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNCcgaGVpZ2h0PScxNCcgdmlld0JveD0nMCAwIDI0IDI0JyBmaWxsPSdub25lJyBzdHJva2U9JyMyZGZmN2YnIHN0cm9rZS13aWR0aD0nMycgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cG9seWxpbmUgcG9pbnRzPSc2IDkgMTIgMTUgMTggOScvPjwvc3ZnPg==") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 14px 14px !important;
  padding-right: 38px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.form-select:focus {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNCcgaGVpZ2h0PScxNCcgdmlld0JveD0nMCAwIDI0IDI0JyBmaWxsPSdub25lJyBzdHJva2U9JyMyZGZmN2YnIHN0cm9rZS13aWR0aD0nMycgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cG9seWxpbmUgcG9pbnRzPScxOCAxNSAxMiA5IDYgMTUnLz48L3N2Zz4=") !important;
}
.form-select option { background: #0d1812 !important; color: #fff !important; }

/* ============== READY-CTA (above footer) ============== */
.ready-cta {
  background:
    radial-gradient(700px 500px at 12% 30%, rgba(45,255,127,.10), transparent 60%),
    radial-gradient(600px 400px at 88% 70%, rgba(243,196,74,.08), transparent 60%),
    linear-gradient(180deg, #060c08 0%, #03060400 100%) !important;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  overflow: hidden;
}
.ready-eyebrow {
  color: var(--gold) !important;
  letter-spacing: .22em; font-weight: 800; font-size: .82rem;
  text-shadow: 0 0 14px rgba(243,196,74,.35);
}
.ready-head {
  font-family: 'Fraunces', Georgia, serif;
  font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; color: #fff !important;
  letter-spacing: -0.01em;
}
.ready-accent {
  background: linear-gradient(135deg, #ffd84a, #f3c44a 50%, #b48818);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 28px rgba(243,196,74,.18);
}
.ready-sub { color: var(--txt-1) !important; max-width: 460px; }
.ready-contact {
  background: linear-gradient(180deg, rgba(45,255,127,.05), rgba(0,0,0,.3));
  border: 1px solid var(--line);
  border-radius: 14px; padding: 14px 18px;
  color: #fff !important; transition: all .3s;
}
.ready-contact:hover {
  border-color: rgba(45,255,127,.45);
  box-shadow: 0 0 0 1px rgba(45,255,127,.25), 0 0 30px rgba(45,255,127,.2);
  transform: translateY(-2px);
}
.ready-contact small { color: var(--neon) !important; letter-spacing: .14em; font-weight: 700; font-size: .72rem; }
.ready-contact strong { color: #fff !important; font-size: 1rem; }
.ready-ico {
  width: 50px; height: 50px; border-radius: 12px;
  background: linear-gradient(135deg, var(--neon), var(--neon-deep));
  display: inline-flex; align-items: center; justify-content: center;
  color: #001a08; font-size: 1.3rem;
  box-shadow: 0 0 22px rgba(45,255,127,.45);
}
.ready-ico-wa { background: linear-gradient(135deg, #25d366, #128c7e); color: #fff; box-shadow: 0 0 22px rgba(37,211,102,.5); }

.ready-form {
  background: linear-gradient(180deg, #0d1812 0%, #060c08 100%);
  border: 1px solid rgba(45,255,127,.3);
  border-radius: 22px; padding: 32px;
  box-shadow: 0 0 0 1px rgba(45,255,127,.1), 0 0 60px rgba(45,255,127,.15), 0 30px 80px rgba(0,0,0,.6);
}
.ready-form h3 { color: #fff !important; font-family: 'Fraunces', Georgia, serif; }
.ready-form-sub { color: var(--neon-2) !important; font-size: .92rem; }
.ready-form .form-label { color: var(--txt-1) !important; font-weight: 600; font-size: .85rem; margin-bottom: 6px; }
.ready-foot { color: var(--txt-2) !important; }

/* ============== THANK YOU PAGE ============== */
.thankyou-hero {
  background-color: var(--bg-0) !important;
  background-image:
    radial-gradient(at 15% 20%, rgba(45,255,127,.10), transparent 45%),
    radial-gradient(at 85% 75%, rgba(212,164,55,.08), transparent 50%) !important;
}
.ty-heading {
  background: linear-gradient(180deg, #fff 10%, #2dff7f 120%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.ty-eyebrow { color: var(--neon) !important; }
.ty-sub     { color: var(--txt-2) !important; }
.ty-steps-card {
  background: linear-gradient(180deg, #0d1810 0%, #070f09 100%) !important;
  border: 1px solid rgba(45,255,127,.14) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.55), inset 0 0 0 1px rgba(45,255,127,.08) !important;
}
.ty-steps-card h5 { color: #fff !important; }
.ty-step strong   { color: var(--txt-0) !important; }
.ty-step p        { color: var(--txt-2) !important; }
.ty-step-mid {
  border-left-color:  rgba(45,255,127,.1) !important;
  border-right-color: rgba(45,255,127,.1) !important;
}
.ty-step-ico {
  box-shadow: 0 0 0 1px rgba(45,255,127,.2), 0 10px 28px rgba(0,0,0,.45) !important;
}
.ty-loan-pill {
  background: rgba(45,255,127,.06) !important;
  border-color: rgba(45,255,127,.18) !important;
  color: var(--neon) !important;
}
.ty-loan-pill:hover {
  background: linear-gradient(135deg, #2dff7f, #0e8b3e) !important;
  color: #001a08 !important;
  border-color: transparent !important;
  box-shadow: 0 0 0 1px rgba(45,255,127,.35), 0 8px 24px rgba(45,255,127,.35) !important;
}

/* Mobile tweaks */
@media (max-width: 767px) {
  .trust-strip, .cta-banner { margin: 20px 8px; }
  .hero-section { padding: 24px 0 56px !important; }
  .ready-form { padding: 22px 18px; }
  .ready-head { font-size: 1.8rem !important; }
}

/* ============== BLOG PAGES ============== */
.blog-card {
  background: linear-gradient(180deg, #0d1812 0%, #060c08 100%) !important;
  border-color: rgba(45,255,127,.12) !important;
}
.blog-card:hover {
  border-color: rgba(45,255,127,.35) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.55), 0 0 0 1px rgba(45,255,127,.2) !important;
}
.blog-card-body { background: linear-gradient(180deg, #0d1812 0%, #060c08 100%) !important; color: var(--txt-1) !important; }
.blog-card-body h5,
.blog-card-body .fw-800 { color: #fff !important; }
.blog-card-body p.text-muted { color: var(--txt-2) !important; }
.blog-card-body .text-muted { color: var(--txt-2) !important; }
.blog-card-meta { color: var(--txt-2) !important; }

/* Featured post content column */
.blog-featured-body {
  background: linear-gradient(180deg, #0d1812 0%, #060c08 100%) !important;
}
.blog-featured-title { color: #fff !important; }
.blog-featured-excerpt { color: var(--txt-2) !important; }

/* Related posts sidebar */
.blog-related-card {
  background: linear-gradient(180deg, #0d1812 0%, #060c08 100%) !important;
  border-color: rgba(45,255,127,.12) !important;
}
.blog-related-card:hover { border-color: rgba(45,255,127,.35) !important; }
.blog-related-card p { color: #fff !important; }
.blog-related-card span { color: var(--txt-2) !important; }
.blog-related-icon { background: rgba(45,255,127,.08) !important; }

/* Sidebar CTA already green — keep it */
.blog-sidebar-cta { border: 1px solid rgba(45,255,127,.2); }

/* Post body text */
.blog-post-body { color: var(--txt-1) !important; }
.blog-post-body h2,
.blog-post-body h3 { color: var(--neon) !important; }
.blog-post-body strong { color: #fff !important; }
.blog-post-body a { color: var(--neon) !important; }
.blog-quote {
  background: rgba(45,255,127,.06) !important;
  border-left-color: var(--neon) !important;
  color: var(--neon) !important;
}

/* Share buttons */
.blog-share .text-dark { color: #fff !important; }