/* Everything you need to save in gold   slider home page  */
/* Mobile slider styles */
  @media (max-width: 991.98px) {
    .features-slider {
      gap: 1rem;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding: 0 .5rem;
    }
    .features-slider::-webkit-scrollbar { display: none; }
    .features-slider .slide {
      flex: 0 0 85%;
      scroll-snap-align: center;
    }
    .slider-btn {
      width: 40px; height: 40px; line-height: 40px; padding: 0;
      display: inline-flex; align-items: center; justify-content: center;
    }
   /* .dots { display: flex; gap: .4rem; }
    .dots .dot {
      width: 6px; height: 6px; border-radius: 999px; opacity: .4; background: #f9a05c;;
      transition: all .2s ease;
    }
    .dots .dot.active { width: 18px; opacity: 1; }*/
  }


  /* TRUST & SUPPORT slider homme page   */

    /* Mobile slider look */
  @media (max-width: 991.98px) {
    .trust-slider {
      gap: 1rem;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding: 0 .5rem;
    }
    .trust-slider::-webkit-scrollbar { display: none; }
    .trust-slide {
      flex: 0 0 50%;                /* ~2 logos per viewport swipe */
      scroll-snap-align: center;
      display: flex; align-items: center; justify-content: center;
      /* background: rgba(0,0,0,.02); */
      border-radius: 12px;
      padding: 14px;
    }
    .trust-slide img { max-height: 80px; opacity: .8; }

    /* Dots */
    /*.dots { display: flex; gap: .4rem; }
    .dots .dot {
      width: 6px; height: 6px; border-radius: 999px; opacity: .35;
      background: var(--accent, #6c63ff);
      transition: all .2s ease;
    }
    .dots .dot.active { width: 18px; opacity: 1; }*/
  }

  /*    Why choose AGMetalX  slider home page  */
    @media (max-width: 991.98px) {
    .why-slider {
      gap: 1rem;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding: 0 .5rem;
    }
    .why-slider::-webkit-scrollbar { display: none; }
    .why-slide {
      flex: 0 0 85%;
      scroll-snap-align: center;
    }
    /* Dots */
   /* .dots { display: flex; gap: .4rem; }
    .dots .dot {
      width: 6px; height: 6px; border-radius: 999px; opacity: .35;
      background: var(--accent, #6c63ff);
      transition: all .2s ease;
    }
    .dots .dot.active { width: 18px; opacity: 1; }*/
  }


  /*  Our Products  slider home page */
    @media (max-width: 991.98px) {
    .products-slider {
      gap: 1rem;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding: 0 .5rem;
    }
    .products-slider::-webkit-scrollbar { display: none; }
    .products-slide {
      flex: 0 0 85%;
      scroll-snap-align: center;
    }
    /*.dots { display: flex; gap: .4rem; }
    .dots .dot {
      width: 6px; height: 6px; border-radius: 999px; opacity: .35;
      background: var(--accent, #6c63ff);
      transition: all .2s ease;
    }
    .dots .dot.active { width: 18px; opacity: 1; }*/
  }

  /* blog slider home page */
   /* Optional: prevent CLS with a stable image ratio */
   /* update this card-img-top  css for image display size as accoding  */
  .card-img-top { aspect-ratio: 16/9; object-fit: cover; } 
  .product-card-img-top { aspect-ratio: 16/9; object-fit: contain; }

  @media (max-width: 991.98px) {
    .blogs-slider {
      gap: 1rem;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding: 0 .5rem;
    }
    .blogs-slider::-webkit-scrollbar { display: none; }
    .blogs-slide { flex: 0 0 85%; scroll-snap-align: center; }

    /*.dots { display: flex; gap: .4rem; }
    .dots .dot {
      width: 6px; height: 6px; border-radius: 999px; opacity: .35;
      background: var(--accent, #6c63ff);
      transition: all .2s ease;
    }
    .dots .dot.active { width: 18px; opacity: 1; }*/
  }

  /* Start a SIP  slider home page */
  @media (max-width: 991.98px) {
    .pricing-slider {
      gap: 1rem;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding: 0 .5rem;
    }
    .pricing-slider::-webkit-scrollbar { display: none; }
    .pricing-slide { flex: 0 0 85%; scroll-snap-align: center; }

    /*.dots { display: flex; gap: .4rem; }
    .dots .dot {
      width: 6px; height: 6px; border-radius: 999px; opacity: .35;
      background: var(--accent, #6c63ff);
      transition: all .2s ease;
    }
    .dots .dot.active { width: 18px; opacity: 1; }*/
  }


  /* in media slider home page  */
  /* Base (desktop + mobile) */
.inmedia-slider{
  gap: 1.25rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 0 .5rem;
  scroll-behavior: smooth;
}
.inmedia-slider::-webkit-scrollbar { display: none; }

.inmedia-slide{
  flex: 0 0 20%; /* ~3–4 logos per view on desktop */
  scroll-snap-align: center;
  display: flex; align-items: center; justify-content: center;
  /* background: rgba(0,0,0,.03); */
  border-radius: 12px;
  padding: 16px;
}
.inmedia-slide img{ max-height: 70px; opacity: .9; }

/* Dots */
.dots{ display:flex; gap:.4rem; }
.dots .dot{
  width: 6px; height: 6px; border-radius: 999px;
  opacity: .35; background: #f9a05c; 
  transition: all .2s ease;
  border: 0;
  cursor: pointer;
}
.dots .dot.active{ width: 18px; opacity: 1; }

/* Mobile tweak */
@media (max-width: 991.98px){
  .inmedia-slide{ flex: 0 0 70%; } /* ~1.5–2 per swipe */
}