/* ========================================= */
/* ✅ SAARAGKA MASTER RESPONSIVE SYSTEM */
/* ========================================= */

*{
  box-sizing:border-box;
}

body{
  overflow-x:hidden;
}

/* GLOBAL MEDIA */
img{
  max-width:100%;
  height:auto;
}

/* ========================================= */
/* ✅ LARGE TABLETS (1024px) */
/* ========================================= */
@media (max-width: 1024px){

  section{
    padding:30px 20px;
  }

  /* HERO */
  .hero{
    padding:100px 40px;
  }

  /* PROFILE & NADI */
  .profile-container,
  .nadi-container{
    flex-direction:column;
    text-align:center;
    gap:30px;
  }

  .profile-image img,
  .nadi-image img{
    width:80%;
    margin:auto;
  }

  /* STEP GRID */
  .stepgrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
  }

}

/* ========================================= */
/* ✅ TABLET (768px) */
/* ========================================= */
@media (max-width: 768px){

  h1{ font-size:24px; }
  h2{ font-size:20px; }
  h3{ font-size:18px; }
  p{ font-size:14px; }

  section{
    padding:25px 15px;
  }

  /* NAVBAR FIX */
  .navbarr ul{
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
  }

  /* HERO */
  .hero{
    padding:80px 20px;
    text-align:center;
  }

  /* PROFILE */
  .profile-container{
    flex-direction:column;
  }

  /* NADI */
  .nadi-container{
    flex-direction:column;
  }

  /* SERVICES */
  .ser-hero-card{
    flex-direction:column;
    text-align:center;
  }

  /* CHAPTER CARDS */
  .chap-stage{
    transform:scale(0.85);
  }

  /* STEP */
  .stepgrid{
    grid-template-columns:1fr;
  }

  /* GALLERY */
  .gsap-gallery{
    height:300px;
  }

  /* FAQ */
  .faq-section{
    padding:20px;
  }

  /* TESTIMONIAL */
  .testimonial-row{
    flex-direction:column;
    align-items:center;
  }

}

/* ========================================= */
/* ✅ MOBILE (576px) */
/* ========================================= */
@media (max-width: 576px){

  h1{ font-size:20px; }
  h2{ font-size:18px; }
  p{ font-size:13px; }

  /* HERO */
  .hero{
    padding:60px 15px;
  }

  /* BUTTON */
  button{
    width:100%;
  }

  /* PROFILE TEXT */
  .profile-content{
    padding:0 10px;
  }

  /* NADI TEXT */
  .nadi-text{
    padding:0 10px;
  }

  /* SERVICE TEXT */
  .ser-hero-text{
    padding:0 10px;
  }

  /* CHAPTER */
  .chap-stage{
    transform:scale(0.75);
  }

  /* GALLERY */
  .gsap-gallery{
    height:250px;
  }



}

/* ========================================= */
/* ✅ EXTRA SMALL (400px) */
/* ========================================= */
@media (max-width: 400px){

  h1{ font-size:18px; }
  h2{ font-size:16px; }

  .hero h2{
    font-size:16px;
  }

  .chap-stage{
    transform:scale(0.65);
        padding-right: 500px;

  }

}