.csm-upcoming-events-slider {
  width: 100%;
}

.csm-upcoming-events-slider .swiper {
  overflow: hidden;
  width: 100%;
}

.csm-upcoming-events-slider:not(.csm-swiper-ready) .swiper-wrapper {
  display: flex;
  gap: 25px;
  overflow: hidden;
}

.csm-upcoming-events-slider:not(.csm-swiper-ready) .swiper-slide {
  flex: 0 0 auto;
}

.csm-upcoming-events-slider a {
  display: block;
}

.csm-upcoming-events-slider .elementor-carousel-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}