/* =========================
   HERO SECTION
========================= */

.hero-carousel{
    padding:60px 0;
}

/* =========================
   SWIPER CONTAINER
========================= */

.mySwiper{
    position:relative;
    overflow:visible;
}

.swiper {
    display: flex;
    align-items: center;
}

.swiper-wrapper{
    align-items: center;
}

/* =========================
   SWIPER SLIDES
========================= */

.swiper-slide{
    position:relative;
    border-radius:30px;
    overflow:hidden;
}

/* IMAGE */
.swiper-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

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

.slide-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,0.85),
        rgba(0,0,0,0.2),
        transparent
    );
    z-index:2;
}

/* =========================
   TEXT CONTENT
========================= */

.slide-content{
    position:absolute;
    left:60px;
    bottom:60px;

    color:#fff;
    max-width:650px;

    z-index:3;
}

.slide-content h3{
    color:#f28c28;
    font-size:3rem;
    margin-bottom:15px;
}

.slide-content p{
    font-size:1.4rem;
    line-height:1.4;
    font-weight: 300;
    margin:0;
}

/* =========================
   NAVIGATION (PAGE EDGES)
========================= */

.custom-prev,
.custom-next{
    width:80px !important;
    height:80px !important;
    border-radius:50%;
    background:#f28c28;

    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:50;
}

.custom-prev::after,
.custom-next::after{
    color:#fff;
    font-size:32px;
}

/* left and right edges */
.custom-prev{
    left:80px !important;
}

.custom-next{
    right:80px !important;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:992px){

    .swiper-slide{
        height:500px;
    }

    .slide-content{
        left:25px;
        right:25px;
        bottom:25px;
    }

    .slide-content h3{
        font-size:2rem;
    }

    .slide-content p{
        font-size:1.1rem;
    }

    .custom-prev,
    .custom-next{
        width:60px !important;
        height:60px !important;
    }

    .custom-prev{
        left:15px;
    }

    .custom-next{
        right:15px;
    }
}

@media (max-width: 767.98px) {

    .custom-prev,
    .custom-next{
        display: none !important;
    }
    
    .mySwiper{
        display: none !important;
    }
}

/* =========================
   EDGE FADE EFFECT (VERY AGGRESSIVE)
========================= */

/* LEFT SLIDE */
.swiper-slide-prev{
    -webkit-mask-image: linear-gradient(
        to left,
        rgba(0,0,0,0.6) 0%,
        rgba(0,0,0,0.4) 20%,
        rgba(0,0,0,0) 55%
    );
    mask-image: linear-gradient(
        to left,
        rgba(0,0,0,0.6) 0%,
        rgba(0,0,0,0.4) 20%,
        rgba(0,0,0,0) 55%
    );
}

/* RIGHT SLIDE */
.swiper-slide-next{
    -webkit-mask-image: linear-gradient(
        to right,
        rgba(0,0,0,0.6) 0%,
        rgba(0,0,0,0.4) 20%,
        rgba(0,0,0,0) 55%
    );
    mask-image: linear-gradient(
        to right,
        rgba(0,0,0,0.6) 0%,
        rgba(0,0,0,0.4) 20%,
        rgba(0,0,0,0) 55%
    );
}

/* CENTER SLIDE */
.swiper-slide-active{
    -webkit-mask-image: none;
    mask-image: none;
}