/* =========================================================
   Amit Online Services — Responsive Overrides
========================================================= */

/* ---------- Tablet ---------- */
@media (max-width:991.98px){
  .page-wrap{padding-top:70px;}
  .hero{padding:130px 0 60px;text-align:center;position:relative;}
  .hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.82) 45%, rgba(255,255,255,.55) 100%);
    z-index:0;
  }
  .hero > .container{position:relative; z-index:1;}
  .hero p.lead-text{margin-left:auto;margin-right:auto;}
  .hero .d-flex.gap-3{justify-content:center;}
  .hero-visual{margin-top:50px;max-width:480px;margin-left:auto;margin-right:auto;}
  .hero-page{padding:130px 0 70px;}
  .main-nav{gap:2px;margin:16px 0;}
  .main-nav .nav-link{padding:12px 14px !important;}
  .featured-post img{min-height:220px;}
  .step-card{margin-bottom:30px;}
}

/* ---------- Mobile ---------- */
@media (max-width:767.98px){
  .section{padding:56px 0;}
  .section-sm{padding:40px 0;}
  .hero{padding:120px 0 50px;}
  .hero h1{font-size:1.9rem;}
  .cta-section{padding:50px 24px;}
  .contact-form-card{padding:28px;}
  .contact-info-card{padding:32px 24px;}
  .mission-card,.vision-card{padding:30px;}
  .featured-post .featured-body{padding:26px;}
  .notif-top{flex-direction:column;}
  .notif-card{flex-direction:row;padding:18px;}
  .footer-top .col-lg-2, .footer-top .col-lg-3{margin-top:10px;}
}

@media (max-width:575.98px){
  .hero-points{gap:10px 18px;}
  .btn-lg-pill{width:100%;}
  .stats-section{padding:40px 20px;}
  .stat-item{margin-bottom:24px;}
  .stat-item:last-child{margin-bottom:0;}
}