.hover-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

h3.text-center {
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.card {
  border-radius: 10px;
  overflow: hidden;
}

.card-body {
  background: #fff;
}

.card-title {
  color: #003366;
}

.card-text {
  color: #555;
}

.carousel-3d {
    perspective: 2000px;
    overflow: hidden;
}

/* 2. The Fancy 3D Flip Transition */
.carousel-3d .carousel-item {
    transition: transform 1.2s cubic-bezier(0.7, 0, 0.3, 1), opacity 1s;
    backface-visibility: hidden;
}

/* Rotate out the old slide */
.carousel-3d .carousel-item-start.active {
    transform: rotateY(-100deg) scale(0.5);
    opacity: 0;
}

.carousel-3d .carousel-item-end.active {
    transform: rotateY(100deg) scale(0.5);
    opacity: 0;
}

/* 3. The "Slow Zoom" Focus Effect */
.carousel-zoom .slider-thumb {
    transition: transform 6s linear !important; /* Long transition for smooth zoom */
    transform: scale(1);
}

.carousel-zoom .carousel-item.active .slider-thumb {
    transform: scale(1.0); /* Zooms in while the slide is active */
}

/* Ensure the background covers the area */
.slider-thumb {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
}