.swiper-pagination {
    display: flex;
    flex-wrap: nowrap !important;
    gap: 1rem;
    padding: 0 0.25rem !important;
  }
  
  .swiper-pagination-bullet {
    width: max(25vw, 100px) !important;
  }
  
  .swiper-pagination-bullet {
    height: 2px !important;
    opacity: 50% !important;
    width: 100% !important;
    margin: 0 !important;
    background: #fff !important;
  }
  
  .swiper-pagination-bullet-active {
    opacity: 100% !important;
    transform: none !important;
  }