/* =====================================================
   Trisuka – responsive overrides
   Sirf max-width media queries: desktop (>=992px) par koi change nahi.
   Is file ko sabse last mein load karo (footer.css ke baad).
===================================================== */

/* ---------- Global safety (sab screens) ---------- */
img, video, svg { max-width: 100%; }
img { height: auto; }
body { overflow-x: hidden; }


/* =====================================================
   TABLET & NEECHE (<= 991px)
===================================================== */
@media (max-width: 991.98px) {

  /* Custom 2-column layouts -> single column */
  .row-flex { flex-wrap: wrap; gap: 32px; }
  .col-half, .col-wide, .col-narrow,
  .col-narrow-40, .col-wide-60 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .col-narrow.text-right,
  .text-right { text-align: left !important; }

  /* Hero */
  .hero-inner { max-width: 100%; }

  /* About collage */
  .collage-wrap { max-width: 540px; margin-left: auto; margin-right: auto; }
  .img-frame-1 img { width: 100%; height: auto; }

  /* Process: curved connector sirf desktop par */
  .connector-svg, .end-dot { display: none !important; }
  .steps-row { display: flex; flex-wrap: wrap; row-gap: 36px; }
  .step-col { flex: 0 0 50% !important; max-width: 50% !important; }
  .step-offset { margin-top: 0 !important; transform: none !important; }

  /* Testimonials */
  .testi-section { overflow: hidden; }
  .bg-statue { max-width: 60%; opacity: .5; }
  .testi-left { text-align: left; }

  /* FAQ */
  .faq-grid { grid-template-columns: 1fr !important; display: grid; }
   .hero-video {
    position: absolute !important;
    top: 16% !important;
    left: 50% !important;
    min-width: 595% !important;
    min-height: 239% !important;
    width: auto !important;
    height: auto !important;
    transform: translate(-50%, -50%) !important;
    object-fit: cover !important;}
    .top-strip{
    display: none !important;
}
.client-badge{
    display: none !important;
}
}

/* =====================================================
   MOBILE LANDSCAPE / BADA PHONE (<= 767px)
===================================================== */
@media (max-width: 767.98px) {

  .section { padding-top: 60px !important; padding-bottom: 60px !important; }

  /* Headings */
  .hero-inner h1 { font-size: clamp(1.9rem, 7.2vw, 2.6rem) !important; line-height: 1.2; }
  .hero-inner h1 br { display: none; }
  .hero-inner p { font-size: 1rem; }
  h2 { font-size: clamp(1.55rem, 6vw, 2.1rem); line-height: 1.25; }
  h2 br { display: none; }

  /* Hero buttons */
  .hero-buttons { display: flex; flex-wrap: wrap; gap: 12px; }

  /* About */
  .feature-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 18px; }
  .hex-badge, .client-badge { max-width: 100%; }

  /* Services (owl) */
  .service-card { height: auto !important; }

  /* Why choose us */
  .why-item { gap: 14px; }
  .why-content { min-width: 0; }
  .why-icon { flex-shrink: 0; }

  /* Process */
  .step-col { flex: 0 0 100% !important; max-width: 100% !important; }

  /* Stats */
  .stats-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px; }

  /* Testimonials: ek slide mein 2 cards ko stack karo */
  .testi-slider-viewport { height: auto !important; }
  .testi-slide { flex-direction: column !important; gap: 20px; }
  .testi-slide[style], .testi-slide { grid-template-columns: 1fr !important; }
  .testi-card { width: 100% !important; max-width: 100% !important; }
  .testi-text { font-size: .95rem; }

  /* Popup form */
  .popup-box {
    width: 92% !important;
    max-width: 440px;
    max-height: 90vh;
    overflow-y: auto;
    padding-left: 20px; padding-right: 20px;
  }
  .consult-title { font-size: 1.35rem; }
   .hero-video {
    position: absolute !important;
    top: 16% !important;
    left: 50% !important;
    min-width: 595% !important;
    min-height: 239% !important;
    width: auto !important;
    height: auto !important;
    transform: translate(-50%, -50%) !important;
    object-fit: cover !important;}
 .top-strip {
    background: var(--navy);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
    display: none !important;
}
.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
   
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}
.client-badge{
    display: none !important;
}
}

/* =====================================================
   CHHOTE PHONE (<= 575px)
===================================================== */
@media (max-width: 575.98px) {

  .container { padding-left: 16px; padding-right: 16px; }

  /* Buttons full width */
  .hero-buttons .btn { flex: 1 1 100%; justify-content: center; text-align: center; }

  /* Floating "Free Consultation" button */
  .consult-toggle { font-size: .8rem; padding: 10px 14px; }

  /* Stats single column */
  .stats-grid { grid-template-columns: 1fr !important; }

  /* Go top / spacing */
  .facts-bottom-space { height: 24px; }
  .arrow-btn { width: 44px; height: 44px; }

  /* Rating row wrap */
  .rating-row { flex-wrap: wrap; text-align: center; }
  .hero-video {
    position: absolute !important;
    top: 16% !important;
    left: 50% !important;
    min-width: 595% !important;
    min-height: 239% !important;
    width: auto !important;
    height: auto !important;
    transform: translate(-50%, -50%) !important;
    object-fit: cover !important;}
    .top-strip{
    display: none !important;
}
.client-badge{
    display: none !important;
}
}