/*=========================================
PAGE HEADER
=========================================*/

.page-header{

    padding:130px 0 60px;

    background:#f8fbf8;

    text-align:center;

}

.section-label{

    display:inline-block;

    color:#198754;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.page-header h1{

    font-size:46px;

    color:#17365D;

    margin-bottom:18px;

    font-weight:700;

}

.page-header p{

    max-width:720px;

    margin:auto;

    color:#6b7280;

    line-height:1.8;

    font-size:17px;

}


/*=========================================
SEARCH
=========================================*/

.search-section{

    background:#f8fbf8;

    padding-bottom:50px;

}

.search-box{

    max-width:700px;

    margin:auto;

    background:#ffffff;

    border-radius:50px;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    display:flex;

    align-items:center;

    padding:0 25px;

}

.search-box i{

    color:#198754;

    font-size:18px;

}

.search-box input{

    flex:1;

    border:none;

    outline:none;

    padding:18px;

    font-size:16px;

    background:none;

}


/*=========================================
CABANG
=========================================*/

.cabang-section{

    padding:30px 0 90px;

    background:#f8fbf8;

}

.cabang-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:35px;

}


/*=========================================
CARD
=========================================*/

.cabang-card{

    background:#ffffff;

    border-radius:24px;

    overflow:hidden;

    text-decoration:none;

    transition:.35s;

    color:#17365D;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.cabang-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.15);

}


/*=========================================
FOTO CABANG
=========================================*/

.cabang-image{

    width:100%;

    height:220px;

    overflow:hidden;

}

.cabang-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.4s;

}

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

    transform:scale(1.08);

}


/*=========================================
LOGO
=========================================*/

.logo-cabang{

    width:95px;

    height:95px;

    margin:-48px auto 20px;

    background:#ffffff;

    border-radius:50%;

    padding:8px;

    box-shadow:0 10px 25px rgba(0,0,0,.15);

    position:relative;

    z-index:10;

}

.logo-cabang img{

    width:100%;

    height:100%;

    object-fit:contain;

}


/*=========================================
TEXT
=========================================*/

.cabang-content{

    text-align:center;

    padding:0 25px 35px;

}

.cabang-content h3{

    font-size:24px;

    color:#17365D;

    margin-bottom:12px;

}

.cabang-content p{

    color:#198754;

    font-size:15px;

}

.cabang-content i{

    margin-right:6px;

}



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

@media(max-width:992px){

    .cabang-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .page-header{

        padding:110px 0 45px;

    }

    .page-header h1{

        font-size:34px;

    }

    .cabang-grid{

        grid-template-columns:1fr;

    }

}