/* Homepage palette inspired by the Benart globe, growth arrow and gold lettering. */
body.modern-home {
  --brand-navy: #16276b;
  --brand-blue: #0879b4;
  --brand-green: #6cae36;
  --brand-green-ink: #397322;
  --brand-gold: #efb52f;
  --primary: var(--brand-navy);
  --ink: var(--brand-navy);
  --secondary: var(--brand-green);
  background: #f5faff;
}
.modern-home .home-main {
  background:
    radial-gradient(ellipse 650px 470px at 100% 0, #dceece 0%, transparent 75%),
    radial-gradient(ellipse 700px 550px at 0 0, #e0f2fd 0%, transparent 80%),
    #f7fbff;
}
.modern-home .hero-v2-copy h1 { color: var(--brand-navy); }
.modern-home .hero-v2-copy h1 em { color: var(--brand-blue); }
.modern-home .hero-v2-copy .eyebrow,
.modern-home .section-heading > span { color: var(--brand-green-ink); }
.modern-home .hero-v2-copy .eyebrow::before {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 9px;
  border-radius: 50%;
  background: var(--brand-green);
  box-shadow: 0 0 0 4px #6cae361a;
}
.modern-home .btn.hero-btn {
  background: var(--brand-blue);
  box-shadow: 0 7px 18px #0879b422;
}
.modern-home .btn.hero-btn:hover { background: #066497; }
.modern-home .metric-item { border-left: 3px solid var(--brand-blue); padding-left: 12px; }
.modern-home .metric-item:nth-child(2) { border-color: var(--brand-green); }
.modern-home .metric-item:nth-child(3) { border-color: var(--brand-gold); }
.modern-home .hero-v2-panel {
  background: linear-gradient(145deg, #16276b, #174e86);
  border-color: #254b87;
  box-shadow: 0 20px 45px #16276b22;
}
.modern-home .hero-v2-panel::before { color: #ffdc7c; }
.modern-home .hero-v2-panel h3,
.modern-home .hero-v2-panel .loan-name { color: #fff; }
.modern-home .hero-v2-panel p,
.modern-home .hero-v2-panel .loan-meta { color: #dceafa; }
.modern-home .hero-v2-panel .loan-quick-item { border-color: #ffffff26; }
.modern-home .hero-v2-panel .loan-quick-item:hover { background: #ffffff0c; }
.modern-home .hero-panel-cta {
  background: var(--brand-gold);
  color: #162653;
}
.modern-home .hero-panel-cta:hover { background: #ffcc57; color: #162653; }
.modern-home .trust-ribbon-grid { border-color: #cfdfee; }
.modern-home .trust-pill i { color: var(--brand-blue); }
.modern-home .trust-pill:nth-child(2) i,
.modern-home .trust-pill:nth-child(4) i { color: var(--brand-green-ink); }
.modern-home .trust-pill:nth-child(3) i { color: #9c6800; }
.modern-home .products-showcase { background: #fff; }
.modern-home .products-showcase .row > div { --card-accent: #0879b4; --card-tint: #e6f4fc; }
.modern-home .products-showcase .row > div:nth-child(2) { --card-accent: #397322; --card-tint: #eef7e7; }
.modern-home .products-showcase .row > div:nth-child(3) { --card-accent: #956100; --card-tint: #fff5d9; }
.modern-home .products-showcase .row > div:nth-child(4) { --card-accent: #16276b; --card-tint: #ecf0fc; }
.modern-home .product-card { border-top: 4px solid var(--card-accent) !important; }
.modern-home .product-icon { background: var(--card-tint) !important; }
.modern-home .product-icon span,
.modern-home .product-card > a { color: var(--card-accent); }
.modern-home .why-benart { background: #f1f8ec; }
.modern-home .why-list li::before { background: var(--brand-green); }
.modern-home .floating-note { background: #fff5d9; color: var(--brand-navy); border-color: #efb52f66; }
.modern-home .journey-section { background: linear-gradient(120deg, #16276b, #135989); }
.modern-home .journey-section .section-heading > span,
.modern-home .step-number { color: #ffdc7c; }
.modern-home .cta-band { background: #fffaf0; }
.modern-home .cta-band-inner { background: var(--brand-navy); border-top: 4px solid var(--brand-gold); }
.modern-home .cta-kicker { color: #ffdc7c; }
.modern-home .cta-band .btn.hero-btn { background: var(--brand-gold); color: #162653; box-shadow: none; }
.modern-home .cta-band .btn.hero-btn:hover { background: #ffcc57; }
.modern-home .modern-footer { background: #111e52; }
body.modern-home .modern-header-wrap .header-btn { background: var(--brand-blue); }
body.modern-home .modern-header-wrap .main-menu ul li.active > a,
body.modern-home .modern-header-wrap .main-menu ul li:hover > a { background: #eef7e7; color: #397322; }
body.modern-home .modern-header-wrap .mobile_menu .slicknav_btn { background: var(--brand-navy) !important; }
.modern-home .whatsapp-chat { background: #397322; }
@media (max-width: 767px) {
  .modern-home .metric-item { padding-left: 8px; }
  .modern-home .hero-v2 .hero-link-btn { border-color: #bfd9ec; color: var(--brand-navy); background: #ffffff88; }
}