/* Swiper pagination overrides scoped to Hero */
:global(.swiper-pagination) {
  bottom: -3px !important;
}

:global(.swiper-pagination-bullet) {
  width: 21px !important;
  height: 20px !important;
}

:global(.swiper-pagination-bullet-active) {
  width: 21px !important;
  height: 20px !important;
  background-color: var(--main-color, #09735c) !important;
}