.events-carousel {
  --f-carousel-slide-width: 427px;
  margin-left: -8px;
  margin-right: -8px;
  padding-bottom: 30px
}
.events-carousel .f-carousel__slide {
  padding: 0 8px
}
.events-carousel .f-carousel__dots {
  --f-carousel-dots-width: 22px
}
.events-carousel .f-carousel__dot {
  width: 16px;
  height: 5px;
  border-radius: 24px
}
.events-carousel li.is-current .f-carousel__dot {
  background-color: var(--black60)
}
@media (min-width:768px) {
  .events-carousel {
    padding-bottom: 50px
  }
}