.custom-caption {
    position: absolute;
    top: 40%;
    left: 10%;
    transform: translateY(-50px);
    animation: slideDown 1s forwards;
    text-align: left;
}

/* Animation for sliding the caption from the top */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-100px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.carousel-caption h5 {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
}

.carousel-caption p {
    font-size: 1.2rem;
    color: #fff;
}



.carousel-item video {
    transition: transform 0.5s ease-in-out;
    object-fit: cover; /* Ensure video covers the entire area */
}

/* Scale up the active item */
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    transform: scale(1.1); /* Scale up the active item */
}