/* ==================================================
   FASILITAS SLIDER
================================================== */

.fasilitasSwiper{

    padding:20px 10px 60px;

}

.fasilitas-card{

    position:relative;

    overflow:hidden;

    border-radius:18px;

    background:#000;

    box-shadow:0 10px 30px rgba(0,0,0,.18);

    cursor:pointer;

}

.fasilitas-img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.5s;

    display:block;

}

.fasilitas-card:hover .fasilitas-img{

    transform:scale(1.08);

}

.fasilitas-overlay{

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    padding:20px;

    background:linear-gradient(
        transparent,
        rgba(0,0,0,.88)
    );

    color:#fff;

}

.fasilitas-overlay h4{

    margin:0;

    font-size:20px;

    font-weight:700;

}

.fasilitas-overlay p{

    margin-top:8px;

    font-size:14px;

    opacity:.9;

    line-height:22px;

}

.fasilitas-zoom{

    position:absolute;

    top:18px;

    right:18px;

    width:42px;

    height:42px;

    border-radius:50%;

    background:#ffc107;

    color:#000;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    transition:.3s;

    font-size:18px;

}

.fasilitas-zoom:hover{

    background:#fff;

    transform:scale(1.12);

}

.swiper-button-next,
.swiper-button-prev{

    color:#ffc107;

}

.swiper-pagination-bullet{

    background:#bbb;

    opacity:1;

}

.swiper-pagination-bullet-active{

    background:#ffc107;

}

@media(max-width:768px){

    .fasilitas-img{

        height:220px;

    }

}