/* =====================================
   GLOBAL
===================================== */

body{
    font-family: "Poppins", sans-serif;
}
.container{

    max-width:1600px;

}




/* =====================================
   NILAI-NILAI
===================================== */

.value-card{

    background:#fff;

    border-radius:20px;

    padding:35px 30px;

    height:100%;

    text-align:center;

    transition:.3s;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

}

.value-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}

.value-icon{

    width:80px;

    height:80px;

    margin:auto;

    margin-bottom:20px;

    border-radius:50%;

    background:#198754;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:2rem;

}

.value-card h4{

    font-weight:700;

    margin-bottom:15px;

}

.value-card p{

    color:#666;

    line-height:1.9;

    margin:0;

}

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

.facility-section {
    padding: 15px 0 100px;
    background: #f7f9f8;
}


/* =====================================
   FACILITY HIGHLIGHT CARD
===================================== */

.facility-highlight-card {
    position: relative;
    height: 380px;
    overflow: hidden;
    border-radius: 18px;
    background: #000;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
    transition: .3s;
}


.facility-highlight-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .14);
}


/* =====================================
   GAMBAR
===================================== */

.facility-highlight-card .highlight-card-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;
}


/* gambar memenuhi seluruh card */

.facility-highlight-card .highlight-card-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform .5s ease;
}


/* zoom saat hover */

.facility-highlight-card:hover
.highlight-card-image img {
    transform: scale(1.05);
}


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

.facility-highlight-card .highlight-card-image::after {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(
        to top,
        rgba(0, 0, 0, .82) 0%,
        rgba(0, 0, 0, .55) 35%,
        rgba(0, 0, 0, .12) 70%,
        rgba(0, 0, 0, 0) 100%
    );

    pointer-events: none;
}


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

.facility-highlight-card .highlight-card-content {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 2;

    padding: 30px 28px 28px;

    color: #fff;
}


/* =====================================
   JUDUL
===================================== */

.facility-highlight-card .highlight-card-content h3 {
    margin: 0 0 10px;

    color: #fff;

    font-size: 1.6rem;
    font-weight: 700;

    line-height: 1.3;

    text-shadow: 0 2px 5px rgba(0, 0, 0, .45);
}


/* =====================================
   DESKRIPSI
===================================== */

.facility-highlight-card .highlight-card-content p {
    margin: 0;

    color: rgba(255, 255, 255, .92);

    font-size: 1rem;

    line-height: 1.6;

    text-shadow: 0 1px 4px rgba(0, 0, 0, .5);
}