/* FIX CARDS CSS */

/* 1. REMOVE BLUE OVERLAY */
/* Targeting existing .service-overlay as well to ensuring the blue gradient is removed */
.service-card .service-overlay,
.service-card .card-img-overlay,
.service-card::before,
.service-card::after {
    background: none !important;
    background-color: transparent !important;
    opacity: 0 !important;
    display: none !important;
    /* Hiding it completely ensures text doesn't float weirdly if opacity is 0 */
}

/* 2. FIX IMAGE VISIBILITY */
.service-card img,
.service-card .service-image img,
.card-img-top {
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* 3. REMOVE WHITE DIVIDER LINE */
.service-card hr,
.service-card .divider,
.service-card .border-white {
    display: none !important;
    border: none !important;
}

/* 4. HERO SECTION CAROUSEL FIX */
.hero-slider .hero-slide,
.hero-slider .slide,
.hero-slider img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute;
    /* Ensuring slides stack correctly */
    top: 0;
    left: 0;
}

/* Ensure container has height */
.hero-section,
.hero-slider {
    height: 600px !important;
    overflow: hidden !important;
    position: relative;
}