/* Modern CSS for M D Choraria & Associates */
:root{
  --navy: #0a4b6b;
  --accent: #d69a2a;
  --muted:#6c757d;
  --bg:#f5f7fb;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; background:var(--bg); color:#222;}
.container{width:92%;max-width:1100px;margin:0 auto;padding:0 10px;}
.header{background:white;position:fixed;top:0;left:0;right:0;z-index:999;border-bottom:1px solid #eef2f6;}
.header .inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0;}
.logo-row{display:flex;align-items:center;gap:12px}
.logo-row img{height:50px;object-fit:contain}
.nav{display:flex;gap:14px;align-items:center}
.nav a{color:var(--navy);text-decoration:none;padding:8px 10px;border-radius:6px;font-weight:600}
.nav a.active, .nav a:hover{background:rgba(10,75,107,0.08)}
.btn-pay{background:var(--accent);color:white;padding:8px 12px;border-radius:6px;text-decoration:none;font-weight:700}

.hero{background:linear-gradient(90deg, rgba(10,75,107,0.06), rgba(10,75,107,0.02));padding:120px 0 60px 0;text-align:center}
.hero h1{font-size:30px;color:var(--navy);margin:0 0 10px}
.hero p{color:var(--muted);margin:0 0 18px}

.section{padding:40px 0}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:18px}
.card{background:white;padding:18px;border-radius:10px;box-shadow:0 6px 18px rgba(16,24,40,0.04);border:1px solid #eef2f6}
.card h4{margin:0 0 8px;color:var(--navy)}

.stats{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.stat{background:white;padding:18px;border-radius:10px;min-width:140px;text-align:center;box-shadow:0 6px 18px rgba(16,24,40,0.04)}
.stat strong{display:block;font-size:22px;color:var(--navy)}

.footer{background:#0a2740;color:white;padding:30px 0;margin-top:40px}
.footer a{color:#cfe6ff;text-decoration:none}

.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:1500}
.whatsapp-float a{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#25D366;color:white;box-shadow:0 8px 30px rgba(2,6,23,0.2)}

.map-wrapper{height:520px;border-radius:10px;overflow:hidden;border:1px solid #e6eef8;}

/* small screens */
@media(max-width:800px){
  .nav{display:none}
  .menu-toggle{display:block}
  .hero h1{font-size:24px}
}
.menu-toggle{display:none;background:none;border:0;font-size:22px;color:var(--navy)}

/* simple fade-in animation */
.fade-in{opacity:0;transform:translateY(8px);animation:fadeUp .7s forwards}
@keyframes fadeUp{to{opacity:1;transform:none}}