body {
  font-family: 'Roboto', 'Agbalumo', sans-serif;
}
.swiper-pagination {
  --swiper-pagination-bullet-inactive-color: yellow;
  --swiper-pagination-top: 350px;
  --swiper-pagination-color: white;
  margin-top: 100px;
}
.swiper-button-next,
.swiper-button-prev {
  background-color: darkblue;
  --swiper-navigation-color: white;
  padding: 12px;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}
/* Just for animation so css can appear easier dev stuff */
.animationWait {
  will-change: transform;
  visibility: hidden;
  transform: translateZ(0);
}