.swiper-pagination-bullet {
  background-color: transparent !important;
  border: 2px solid #30383f !important;
  height: 25px !important;
  width: 25px !important;
  opacity: 1 !important;
  transition: all 0.3s ease !important;
}

.swiper-pagination-bullet:hover {
  border-color: #7fb210 !important;
}

.swiper-pagination-bullet-active {
  border-color: #7fb210 !important;
}

.mySwiper {
  width: 100%;
  height: 100%;
  position: relative;
}

.sbp\:grid-cols-2 {
  @media (width >= 1200px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sbp\:grid-cols-4 {
  @media (width >= 1200px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}