.swiper {
  overflow: hidden;
  width: 100%;
}

.swiper-wrapper {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-slide {
  flex: 0 0 calc((100% - 25px) / 6.5);
  min-width: 132px;
}

@media (max-width: 1023px) {
  .swiper-slide {
    flex-basis: calc((100% - 10px) / 3.2);
  }
}

@media (max-width: 767px) {
  .swiper-slide {
    flex-basis: calc((100% - 5px) / 2.2);
  }
}