.elementor-584 .elementor-element.elementor-element-e55b5fc{--display:flex;}.elementor-584 .elementor-element.elementor-element-b46bf57{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-650d9ba *//* ==========================================
   ABOUT US - NOPRI PULAU SERIBU
========================================== */

.about-section{
    max-width:900px;
    margin:0 auto;
    padding:70px 20px;
    font-family:'Segoe UI',Arial,sans-serif;
}

.about-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 22px;
    border-radius:50px;
    background:linear-gradient(180deg,#f7fdff,#eaf8ff);
    border:1px solid #cdeeff;
    color:#1598d7;
    font-weight:600;
    font-size:15px;
    margin-bottom:25px;
    box-shadow:0 8px 25px rgba(0,170,255,.08);
}

.about-title{
    font-size:44px;
    font-weight:800;
    color:#0f2d48;
    line-height:1.2;
    margin-bottom:25px;
}

.about-title span{
    color:#20a9de;
}

.about-text{
    font-size:17px;
    line-height:1.9;
    color:#617587;
    margin-bottom:18px;
}

/*==============================
   KEUNGGULAN
==============================*/

.about-feature{
    margin:45px 0;
    display:grid;
    gap:18px;
}

.about-item{
    background:#f8fcff;
    border-left:5px solid #20a9de;
    border-radius:14px;
    padding:18px 22px;
    box-shadow:0 8px 25px rgba(0,0,0,.04);
}

.about-item strong{
    color:#103552;
}

/*==============================
   LEGITIMASI
==============================*/

.about-legal{
    margin-top:45px;
    background:linear-gradient(180deg,#f7fcff,#edf8ff);
    border:1px solid #d5eef9;
    border-radius:18px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.about-legal h3{
    margin:0 0 20px;
    color:#123456;
    font-size:24px;
}

.about-legal p{
    margin:15px 0;
    color:#5e7385;
    line-height:1.8;
}

.nib-number{
    display:inline-block;
    margin-top:8px;
    padding:10px 20px;
    background:#fff;
    border:2px dashed #22a8de;
    border-radius:10px;
    color:#103552;
    font-weight:700;
    letter-spacing:1px;
    font-size:17px;
}

/*==============================
   GALERI
==============================*/

.about-gallery{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
    margin-top:45px;
}

.about-gallery img{
    width:100%;
    height:330px;
    object-fit:cover;
    border-radius:18px;
    background:#fff;
    padding:8px;
    border:1px solid #d9edf8;
    box-shadow:0 18px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.about-gallery img:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 50px rgba(0,0,0,.12);
}

/*==============================
   BUTTON
==============================*/

.about-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:40px;
    background:linear-gradient(90deg,#0d7fc1,#1db7dd);
    color:#fff;
    text-decoration:none;
    padding:16px 34px;
    border-radius:50px;
    font-weight:700;
    transition:.3s;
}

.about-btn:hover{
    transform:translateY(-3px);
    color:#fff;
    box-shadow:0 15px 35px rgba(0,153,255,.25);
}

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

@media(max-width:768px){

.about-section{
    padding:50px 20px;
}

.about-title{
    font-size:34px;
}

.about-text{
    font-size:15px;
}

.about-gallery{
    grid-template-columns:1fr;
}

.about-gallery img{
    height:auto;
}

.about-legal h3{
    font-size:20px;
}

}/* End custom CSS */