/* ============================================
   ZABEEL STAR — RESPONSIVE STYLESHEET
============================================ */
@media(max-width:1200px){
  .hero h1{font-size:54px;}
  .section-header h2{font-size:36px;}
}
@media(max-width:1024px){
  .grid-2,.service-detail-wrap,.contact-grid{grid-template-columns:1fr;}
  .service-detail-wrap.reverse{direction:ltr;}
  .service-grid,.testimonial-grid,.blog-grid{grid-template-columns:repeat(2,1fr);}
  .feature-grid,.values-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr;}
  .hero-stats{flex-wrap:wrap;}
  .hero-stat{border-right:none;padding:16px 30px;}
  .timeline{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .img-badge{bottom:-10px;right:-10px;}
}
@media(max-width:768px){
  .navbar ul{flex-wrap:wrap;justify-content:center;gap:3px;}
  .navbar a{font-size:12.5px;padding:6px 9px;}
  .header .container{flex-wrap:wrap;gap:12px;justify-content:center;}
  .hero h1{font-size:34px;}
  .section-header h2{font-size:30px;}
  .service-grid,.testimonial-grid,.blog-grid,.feature-grid,.values-grid{grid-template-columns:1fr;}
  .hero-buttons{flex-direction:column;align-items:center;}
  .cta h2{font-size:30px;}
  .small-hero h1{font-size:38px;}
  .svc-list{grid-template-columns:1fr;}
  .hero h1{font-size:30px;}
  section{padding:70px 0;}
  .hero-stats{margin-top:48px;padding-top:36px;}
  .newsletter-form{flex-direction:column;align-items:center;}
  .newsletter-form input{width:100%;}
}
@media(max-width:480px){
  .container{width:92%;}
  .hero h1{font-size:26px;}
  .btn-primary,.btn-secondary{width:100%;text-align:center;}
  .small-hero h1{font-size:30px;}
  .cta h2{font-size:26px;}
  .service-card,.feature-card,.testimonial-card,.blog-card{border-radius:12px;}
  .whatsapp-float{right:14px;bottom:14px;padding:11px 16px;font-size:13px;}
}