/* =========================================================
   Sai Baba Service – Washing Machine Service Centre Mylapore
   ========================================================= */
:root{
  --blue:#1e3fae;          /* logo blue */
  --blue-dark:#16308a;
  --blue-form:#1a4ab5;     /* booking box */
  --ink:#11244f;           /* hero black */
  --gray:#555;
  --light:#f5f7fb;
  --white:#fff;
}
body{font-family:Poppins',sans-serif;color:#333;overflow-x:hidden;}
h1,h2,h3,h4,h5,.navbar-nav .nav-link,.btn{font-family:'Poppins',sans-serif;}
h1,h2,h3{font-weight:700;}
a{text-decoration:none;}
img{max-width:100%;}
.section{padding:70px 0;}
.section-light{background:var(--light);}
.eyebrow{color:var(--blue);letter-spacing:2px;font-weight:600;font-size:.85rem;text-transform:uppercase;}
.section-title{font-size:2rem;margin-bottom:.5rem;}

.disclaimer {
  font-size: 0.85rem;
  color: #555555;
  font-weight: bold;
  text-align: center;
  padding: 12px 20px;
  background-color: #f8f9fa;
  border-top: 1px solid #e9ecef;
  margin: 0;
}

/* Topbar */
.topbar{background:var(--blue-dark);color:#dfe6ff;font-size:.85rem;padding:7px 0;}
.topbar a{color:#dfe6ff;}
.topbar a:hover{color:#fff;}

/* Navbar */
.main-nav{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:.6rem 0;}
.main-nav .navbar-brand img{height:56px;}
.main-nav .nav-link{color:#222;font-weight:500;margin:0 .35rem;}
.main-nav .nav-link.active,.main-nav .nav-link:hover{color:var(--blue);}
.btn-call{background:var(--blue);color:#fff;font-weight:600;border-radius:6px;padding:.55rem 1.1rem;}
.btn-call:hover{background:var(--blue-dark);color:#fff;}

/* ============ Hero (matches sample layout) ============ */
.hero{background:var(--ink);color:#fff;padding:60px 0 70px;}
.hero-badge{display:inline-block;background: #3ead4d;border:1px solid #222;padding:14px 22px;font-weight:700;font-size:18px;letter-spacing:.5px;}
.hero-sub{margin-top:18px;font-size:.95rem;line-height:1.9;color:#e8e8e8;}
.hero h2{font-size:1.5rem;font-weight:600;margin-top:18px;padding-bottom:12px;border-bottom:1px solid #fff;display:inline-block;}
.hero-list{list-style:none;padding:0;margin-top:20px;}
.hero-list li{margin-bottom:16px;font-weight:600;}
.hero-list i{color:var(--blue-form);background:#fff;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;}
/* Booking form card */
.book-card{background:var(--blue-form);border-radius:22px;border:3px solid #fff;padding:32px 30px;box-shadow:0 10px 30px rgba(0,0,0,.4);}
.book-card h3{font-family:'Times New Roman',serif;text-align:center;color:#fff;font-size:1.35rem;letter-spacing:1px;margin-bottom:22px;}
.book-card .form-control{padding:.8rem 1rem;border-radius:4px;border:none;font-size:.9rem;margin-bottom:16px;}
.btn-submit{background:#3ead4d;color:#fff;font-weight:600;padding:.6rem 2.2rem;border-radius:4px;display:block;margin:0 auto;}
.btn-submit:hover{background:#222;color:#fff;}

/* Inner page hero */
.page-hero{background:linear-gradient(rgba(6,10,30,.85),rgba(6,10,30,.85)),var(--ink);color:#fff;padding:70px 0;text-align:center;}
.page-hero h1{font-size:2.2rem;}
.page-hero .breadcrumb{justify-content:center;margin:0;}
.page-hero .breadcrumb a{color:#9fb4ff;}
.page-hero .breadcrumb-item.active{color:#fff;}
.page-hero .breadcrumb-item+.breadcrumb-item::before{color:#889;}

/* Intro image block */
.img-frame{border:1px solid #111;padding:14px;background:#fff;}
.img-frame .ph{background:#e9e9e9;min-height:340px;display:flex;align-items:center;justify-content:center;}
.img-frame i{font-size:7rem;color:var(--blue);}

/* Why choose us */
.why-card{background:#fff;border:1px solid #eef0f6;border-radius:12px;padding:28px 24px;height:100%;box-shadow:0 4px 14px rgba(20,40,120,.06);transition:.3s;}
.why-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(20,40,120,.12);}
.why-card .icon{width:56px;height:56px;border-radius:12px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:16px;}
.why-card h5{font-size:1.05rem;}
.why-card p{font-size:.9rem;color:var(--gray);margin:0;}

/* Services cards */
.service-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e8ecf7;height:100%;box-shadow:0 6px 18px rgba(20,40,120,.07);transition:.3s;}
.service-card:hover{transform:translateY(-6px);}
.service-card .head{background:var(--ink);color:#fff;padding:34px;text-align:center;}
.service-card .head i{font-size:2.6rem;color:#7ea0ff;}
.service-card .body{padding:26px;}
.service-card .body p{font-size:.9rem;color:var(--gray);}
.btn-outline-blue{border:2px solid var(--blue);color:var(--blue);font-weight:600;border-radius:6px;}
.btn-outline-blue:hover{background:var(--blue);color:#fff;}

/* Process steps */
.step-card{background:#fff;border-radius:12px;padding:28px 24px;height:100%;border-top:4px solid var(--blue);box-shadow:0 4px 14px rgba(0,0,0,.06);}
.step-num{width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:14px;}
.step-card p{font-size:.9rem;color:var(--gray);margin:0;}

/* Stats / reliability */
.stats{background:var(--ink);color:#fff;}
.stat h3{font-size:2.4rem;color:#7ea0ff;font-weight:800;}
.stat p{color:#ccc;margin:0;}

/* Content article */
.content-block h2{font-size:1.5rem;margin-top:1.8rem;color:var(--ink);}
.content-block ul li{margin-bottom:.4rem;}
.check-list{list-style:none;padding:0;}
.check-list li{padding-left:30px;position:relative;margin-bottom:10px;}
.check-list li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--blue);position:absolute;left:0;}

/* FAQ */
.accordion-button{font-weight:600;}
.accordion-button:not(.collapsed){background:var(--blue);color:#fff;}

/* Contact */
.contact-card{background:#fff;border-radius:12px;padding:28px;height:100%;box-shadow:0 4px 16px rgba(0,0,0,.07);text-align:center;}
.contact-card i{font-size:1.8rem;color:var(--blue);margin-bottom:12px;}
.map-wrap iframe{width:100%;height:380px;border:0;border-radius:12px;}

/* CTA strip */
.cta-strip{background:var(--blue);color:#fff;padding:44px 0;}
.cta-btn{font-weight:700;color:var(--blue);}

/* Footer */
.site-footer{background:#11244f;color:#bbb;padding:64px 0 0;font-size:.92rem;}
.site-footer h5{color:#fff;margin-bottom:18px;font-size:1.05rem;}
.footer-logo{height:60px;background:#fff;padding:6px 10px;border-radius:8px;}
.footer-links{list-style:none;padding:0;}
.footer-links li{margin-bottom:10px;}
.footer-links a,.footer-contact a{color:#bbb;}
.footer-links a:hover,.footer-contact a:hover{color:#7ea0ff;}
.footer-contact{list-style:none;padding:0;}
.footer-contact li{margin-bottom:12px;display:flex;gap:10px;}
.footer-contact i{color:#7ea0ff;margin-top:4px;}
.footer-bottom{border-top:1px solid #222;margin-top:44px;padding:18px 0;font-size:.85rem;color:#888;}

/* Floating WhatsApp & Call buttons */
.float-btns{position:fixed;bottom:22px;right:22px;z-index:999;display:flex;flex-direction:column;gap:14px;}
.float-btn{width:56px;height:56px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:.3s;}
.float-btn:hover{color:#fff;transform:scale(1.08);}
.float-wa{background:#25d366;}
.float-ph{background:var(--blue);font-size:1.25rem;}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55);}70%{box-shadow:0 0 0 16px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}
.float-wa{animation:wa-pulse 2s infinite;}
@media (prefers-reduced-motion: reduce){.float-wa{animation:none;}}

@media (max-width:767px){
  .hero{padding:40px 0;}
  .hero-badge{font-size:1.1rem;}
  .section{padding:50px 0;}
  .page-hero h1{font-size:1.6rem;}
}