/* Video Slider Styles */

/* Video slide container */
.video-slide-container {
    position: relative;
    width: 100%;
    min-height: 75vh;
    overflow: hidden;
    background: #000;
}

/* Video element */
.video-slide-container video {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 75vh;
    object-fit: cover;
}

/* Text overlay on video */
.video-slide-container .position-absolute {
    z-index: 10;
}

/* Ensure carousel items have proper height */
.carousel-item {
    min-height: 400px;
}

/* Fix for video not showing */
.carousel-item video {
    position: relative !important;
    display: block !important;
}

/* Scroll Down Indicator */
.hero-scroll-down {
    position: absolute;
    bottom: -52px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    animation: bounce 2s infinite;
}

.hero-scroll-down a {
    transition: color 0.3s ease;
}

.hero-scroll-down a:hover {
    color: #fff;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0) translateX(-50%);
    }

    40% {
        transform: translateY(-10px) translateX(-50%);
    }

    60% {
        transform: translateY(-5px) translateX(-50%);
    }
}