.related-events .swiper {
  margin-top: 30px;
  position: relative;
}

.related-events .swiper-button-prev.swiper-button-prev--offset,
.related-events .swiper-button-next.swiper-button-next--offset {
  color: #fff !important;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.related-events .swiper-button-prev.swiper-button-prev--offset {
  left: 0;
}
.related-events .swiper-button-next.swiper-button-next--offset {
  right: 0;
}

@media (min-width: 576px) {
  .related-events .swiper {
    margin-top: 40px;
  }

  .related-events .swiper-button-prev.swiper-button-prev--offset {
    left: -60px;
  }
  .related-events .swiper-button-next.swiper-button-next--offset {
    right: -60px;
  }
}

@media (min-width: 768px) {
  .related-events .swiper {
    margin-top: 50px;
  }
}

@media (min-width: 992px) {
  .related-events .swiper {
    margin-top: 60px;
  }

  .related-events .swiper-button-prev.swiper-button-prev--offset {
    left: -75px;
  }
  .related-events .swiper-button-next.swiper-button-next--offset {
    right: -75px;
  }
}