.swiper-pagination {
    position: relative !important;
    margin-top: 15px;
}

.swiper-button-next,
.swiper-button-prev {
  top: 40%;
  width: 60px;
  height: 60px;
  border-radius: 10%;
  background: rgba(var(--bs-primary-rgb)); 
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 25px;
}

@media (max-width: 768px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }
}