html, body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
  }
  
 
  .swiper {
    height: 230px;
    width: 100%;
    overflow: hidden;
  }
  
 
  .swiper-wrapper {
    display: flex;
    overflow-x: visible !important; 
  }
  

  .mySwiperMobile {
    width: 100%;
    overflow: hidden; 
  }
  
  .mySwiperMobile .swiper-wrapper {
    display: flex;
  }
  
  .mySwiperMobile .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 1rem;
  }


.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px))!important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px))!important;
}

.swiper-pagination-bullet-active {
    --swiper-theme-color: #BA0000!important;
    height: 18px!important;
    width: 18px!important;
}