.heroSwiper {
  width: 100%;
  position: relative;
}
.heroSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* object-position controlled via Elementor */
}
.heroSwiper-pagination .swiper-pagination-bullet {
  background: #323060;
  opacity: 0.6;
  width: 10px;
  border-radius: 50%;
  margin: 0 4px !important;
  transition: all 0.3s ease;
}
.heroSwiper-pagination .swiper-pagination-bullet-active {
  background:#323060 !important;
  opacity:1;
  width:25px; border-radius:20px;
}