/* =============================
   VISI MISI
============================= */

.visi-card{
    background:linear-gradient(135deg,#0F4C81,#1B6CA8);
    color:#fff;
}

.icon-box{
    width:80px;
    height:80px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
}

.mission-item{
    display:flex;
    margin-bottom:25px;
}

.mission-item:last-child{
    margin-bottom:0;
}

.mission-item span{
    width:45px;
    height:45px;
    min-width:45px;
    border-radius:50%;
    background:#0F4C81;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    margin-right:18px;
}

.mission-item p{
    margin:0;
    color:#555;
    line-height:1.8;
}

.quote-box{
    background:#f8f9fa;
    border-left:6px solid #f39c12;
    border-radius:10px;
    padding:45px;
    text-align:center;
}

.quote-box h3{
    font-family:'Cormorant Garamond',serif;
    font-size:2.1rem;
    color:#0F4C81;
    margin-bottom:20px;
}

.quote-box p{
    color:#666;
    font-size:1.05rem;
    margin:0;
}

.card{
    border-radius:15px;
}

@media(max-width:992px){

.visi-card{
    margin-bottom:20px;
}

.quote-box{
    padding:30px;
}

.quote-box h3{
    font-size:1.6rem;
}

}

@media(max-width:576px){

.icon-box{
    width:60px;
    height:60px;
    font-size:26px;
}

.mission-item span{
    width:38px;
    height:38px;
    min-width:38px;
}

.quote-box h3{
    font-size:1.4rem;
}

}