.offline-banner-carousel.swiper {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  overflow: hidden;
}

.offline-banner-carousel .swiper-wrapper {
  display: flex;
  width: 100%;
  height: auto !important;
  transition-property: transform;
  transition-duration: 650ms;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
}

.offline-banner-carousel .swiper-slide {
  display: block;
  flex: 0 0 100%;
  width: 100% !important;
  min-width: 0;
  height: auto !important;
}

.offline-banner-carousel .swiper-slide img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.offline-banner-carousel .swiper-pagination {
  z-index: 3;
}

.offline-banner-carousel .swiper-pagination-bullet {
  cursor: pointer;
}

.offline-banner-carousel .swiper-pagination-bullet:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .offline-banner-carousel .swiper-wrapper {
    transition-duration: 1ms;
  }
}