/* Add this to your consulting/css/custom.css file */

/* Revolution Slider Fixes */
.rev_slider_wrapper {
    position: relative;
    width: 100%;
    height: 100vh !important;
    overflow: hidden;
}

#secondary-banner {
    width: 100% !important;
    height: 100vh !important;
}

.rev_slider {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

    .rev_slider ul,
    .rev_slider ul li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    /* Ensure all slides are visible */
    .rev_slider > ul > li {
        position: absolute;
        width: 100%;
        height: 100%;
        visibility: hidden;
        overflow: hidden;
    }

        .rev_slider > ul > li.active-revslide,
        .rev_slider > ul > li.processing-revslide {
            visibility: visible !important;
            z-index: 5;
        }

/* Background Images */
.rev-slidebg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Navigation Arrows */
.tp-rightarrow,
.tp-leftarrow {
    cursor: pointer;
    z-index: 100;
    position: absolute;
}

    .tp-rightarrow:before,
    .tp-leftarrow:before {
        color: #fff;
        font-size: 30px;
    }

/* Navigation Bullets */
.tp-bullets {
    z-index: 100;
}

.tp-bullet {
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    margin: 0 5px;
    transition: all 0.3s;
}

    .tp-bullet:hover,
    .tp-bullet.selected {
        background: #fff;
    }

/* Video Background */
.rs-background-video-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

/* Overlay */
.bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

    .bg-overlay.bg-black {
        background: #000;
    }

    .bg-overlay.opacity-7 {
        opacity: 0.7;
    }

/* Text Layers */
.tp-caption {
    z-index: 2;
    white-space: nowrap;
}

/* Blue Box Animation */
.blue-box {
    border-radius: 10px;
}

.bg-blue {
    background-color: #1e90ff;
}

.bg-green {
    background-color: #28a745;
}

/* Responsive Fixes */
@media (max-width: 991px) {
    .rev_slider_wrapper,
    #secondary-banner {
        height: 100vh !important;
    }

    .tp-caption {
        font-size: 45px !important;
    }
}

@media (max-width: 767px) {
    .rev_slider_wrapper,
    #secondary-banner {
        height: 100vh !important;
    }

    .tp-caption {
        font-size: 35px !important;
    }

    .tp-rightarrow,
    .tp-leftarrow {
        display: none !important;
    }
}

@media (max-width: 479px) {
    .tp-caption {
        font-size: 28px !important;
        line-height: 36px !important;
    }
}

/* Ensure slider is visible on load */
#secondary-banner.rev_slider {
    display: block !important;
}

/* Fix for slider not showing initially */
.rev_slider_wrapper .rev_slider {
    visibility: visible !important;
}

/* Loader compatibility */
.rev_slider .tp-revslider-slidesli {
    visibility: hidden;
}

    .rev_slider .tp-revslider-slidesli.active-revslide,
    .rev_slider .tp-revslider-slidesli.processing-revslide {
        visibility: visible;
    }