/* ============================= */
/* SLICK SLIDER FIXED STYLES     */
/* ============================= */

/* Slider wrapper */
.home-slider {
    position: relative;
    margin-top: 90px; /* fixed header height */
    overflow: hidden;
}

/* Slick base */
.slick-slider {
    position: relative;
    width: 100vw;
    height: 80vh;
    overflow: hidden;
}

/* Remove slick weird inline height behavior */
.slick-list,
.slick-track {
    height: 100%;
}

/* Each slide */
.slick-slide {
    position: relative;
    width: 100vw; 
    background: #014869; /* dark neutral background */
    overflow: hidden;
}

/* Image inside slide */
.slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;        /* IMPORTANT: prevents zoom */
    object-position: center;  /* keeps image centered */
    display: block;
 }

/* Prevent slick scaling issues */
.slick-slide,
.slick-slide * {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* ============================= */
/* TEXT OVERLAY                  */
/* ============================= */

.slide {
    position: relative;
    height: 100%;
}

/* Centered overlay content */
/* Text overlay – WHITE text, NO background */
.slide-content {
    position: absolute;
    inset: 0;
    z-index: 2;
  /*  display: flex;
    flex-direction: column; 
    align-items: center; 
    justify-content: center; */
    text-align: center;
    color: #fff;
    padding: 20px;
    top: 27%;
}

/* REMOVE overlay background completely */
.slide-content::before {
    display: none;
}

/* Headings */
.slide-content h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #ffffff;
}

/* Paragraph */
.slide-content p {
    font-size: 18px;
    margin: 0;
    color: #ffffff;
    /* max-width: 550px; */
}


/* ============================= */
/* ARROWS & DOTS                 */
/* ============================= */

.slick-prev,
.slick-next {
    z-index: 5;
}

.slick-dots {
    bottom: 20px;
}

/* ============================= */
/* MOBILE FIXES                  */
/* ============================= */

@media (max-width: 991px) {
    .slick-slider {
        height: 55vh !important;
        min-height: 420px; /* prevents too tall banners */
    }

    .slide-content h2 {
        font-size: 15px;
    }

    .slide-content p {
        font-size: 10px;
    }
     .home-slider {
        margin-top: 0 !important;
        height: 360px;
        max-height: 50vw;
    }
}

@media (max-width: 576px) {
    .slick-slider {
        height: 360px;
        max-height: 85vw;
    }
    .slide-content {
        padding: 15px;
    }
}
@media (max-width: 768px) {
    .home-slider {
        margin-top: 0 !important;
        height: 360px;
        max-height: 50vw;
    }
    .slide-content h2 {
        font-size: 15px;
    }

    .slide-content p {
        font-size: 10px;
    }
}
.slick-track {
    display: flex !important;
}
.slick-slide::before {
    content: "";
    position: absolute;
    inset: 0;
   background: linear-gradient(
        135deg,
        rgba(0, 160, 150, 0.75),
        rgba(0, 80, 160, 0.75)
    );
    z-index: 1;
}
.home-slider {
    position: relative;
}

.home-slider .slick-dots {
    position: absolute;
    bottom: 25px;
    width: 100%;
    /* display: flex !important; */
    justify-content: center;
    z-index: 20;
}

.home-slider .slick-dots li button:before {
    font-size: 12px;
    color: #ffffff;
    opacity: 0.6;
}

.home-slider .slick-dots li.slick-active button:before {
    opacity: 1;
}