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

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

    max-width:1600px;

}


/* ==========================================================
   PROGRAM PENDIDIKAN
========================================================== */

.program{
    background:#f8f9fa;
    padding:90px 0;
}

.program h2{
    font-weight:700;
    margin-bottom:15px;
}

.program p{
    color:#666;
    font-size:1.5rem;      /* 20px */
    line-height:1.8;
}

.program-box{

    background:#fff;

    border-radius:20px;

    padding:45px 30px;

    text-align:center;

    height:100%;

    transition:all .3s ease;

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

}

.program-box:hover{

    transform:translateY(-10px);

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

}

.program-icon{

    font-size:55px;

    color:#198754;

    margin-bottom:20px;

    display:block;

}

.program-box h4{

    font-weight:700;

    margin-bottom:10px;

}

.program-box p{

    margin:0;

}

.program-box p a{
    color:#555;
    text-decoration:none;
    font-size:1.15rem;
    font-weight:500;
    transition:all .25s ease;
}

.program-box p a:hover{
    color:#d5aa32;
    text-decoration:none;
}

/* ==========================================================
   MENGAPA MEMILIH RTQ
========================================================== */

.why{

    padding:90px 0;

}

.why h2{

    font-weight:700;

    margin-bottom:15px;

}

.why> .container> .text-center p{
    color:#666;
    font-size:1.5rem;      /* 20px */
    line-height:1.8;

}

.why-box{

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    height:100%;

    transition:.3s;

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

}

.why-box:hover{

    transform:translateY(-8px);

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

}

.why-icon{

    font-size:55px;

    color:#198754;

    display:block;

    margin-bottom:20px;

}

.why-box h4{

    font-weight:700;

    margin-bottom:15px;

}

.why-box p{

    margin:0;

    color:#666;
    font-size:1.3rem;      /* 20px */
    line-height:1.8;

}

/* =====================================
   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:90px 0 100px;

    background:#f7f9f8;

}


.facility-card{

    background:#fff;

    border-radius:20px;

    padding:30px;

    height:100%;

    text-align:center;

    transition:.3s;

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

}


.facility-card:hover{

    transform:translateY(-8px);

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

}


/* =====================================
   ICON
===================================== */

.facility-icon{

    width:80px;

    height:80px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#198754;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:2rem;

}


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

.facility-image{

    width:100%;

    height:180px;

    margin-bottom:25px;

    overflow:hidden;

    border-radius:15px;

}


.facility-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.4s;

}


.facility-card:hover .facility-image img{

    transform:scale(1.05);

}


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

.facility-card h4{

    font-weight:700;

    margin-bottom:15px;

}


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

.facility-card p{

    color:#666;

    line-height:1.9;

    margin:0;

}