html {
  scroll-behavior: smooth;
}

.fade-in {
  animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Swiper styles */
.swiper-slide img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 1rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
}

.swiper-slide img:hover {
  transform: scale(1.05);
}

.swiper-button-next,
.swiper-button-prev {
  color: #1e3a8a;
}

.swiper-pagination-bullet-active {
  background: #1e3a8a;
}