.swiper-wrapper {
    display: flex;
    justify-content: center; /* Center items */
    gap: 1.5rem; /* Optional: space between cards */
  }

  .swiper-slide {
    flex: 0 0 auto; /* Prevent stretching */
  }
  
@media (max-width: 767.98px) {
  .swiper-wrapper {
    display: block !important;
    transform: none !important; /* prevent Swiper from translating */
  }

  .swiper-slide {
    width: 100% !important;
    margin-bottom: 1rem;
  }

  .swiper-container,
  .swiper {
    overflow: visible !important;
  }
}