/* ============================================
   HERO VIDEO BACKGROUND FOR CAROUSEL
   ============================================ */

/* Background Video - Fixed behind carousel */
.sgn-hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

/* Ensure hero section has relative positioning and no gaps */
#home-section.hero {
    position: relative;
    overflow: hidden;
    margin-top: 0 !important;
    padding-top: 0 !important;
    min-height: 100vh;
}

/* Remove any gap between navbar and hero */
nav.ftco_navbar+#home-section.hero {
    margin-top: 0 !important;
}

/* Carousel and content above video */
.home-slider {
    position: relative;
    z-index: 1;
    margin-top: 0 !important;
    min-height: 100vh;
}

/* Hide carousel navigation dots and arrows */
.home-slider .owl-dots,
.home-slider .owl-nav {
    display: none !important;
}

/* Slider items - remove background images and ensure full height */
.slider-item {
    background-image: none !important;
    min-height: 100vh;
}

/* Enhance overlay for smoky black effect over video */
.slider-item .overlay {
    background: rgba(0, 0, 0, 0.65);
}

/* Ensure text is white and readable - always visible */
.slider-item h1,
.slider-item h2 {
    color: #fff;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
    opacity: 1 !important;
    visibility: visible !important;
}

/* Keep content always visible */
.slider-item .ftco-animate {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {

    #home-section.hero,
    .home-slider,
    .slider-item {
        min-height: 70vh;
    }
}