.swiper {
  width: 100%;
  padding: 40px 0;
}

.swiper-slide {
  width: 60%;
  transition: 0.4s;
  opacity: 0.5;
  transform: scale(0.85);
}

.swiper-slide img {
  width: 100%;
  border-radius: 15px;
}

.swiper-slide-active {
  opacity: 1;
  transform: scale(1);
}

/*CARDS*/
.custom-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
}

.custom-card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

/* Gradient overlay */
.custom-card .overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px;
  color: white;

  background: linear-gradient(
    to top,
    rgba(0, 0, 80, 0.9),
    rgba(0, 0, 80, 0.4),
    transparent
  );
}

/* Hover effect */
.custom-card:hover img {
  transform: scale(1.05);
}