.page-banner{

    background:linear-gradient(
        rgba(0,0,0,.65),
        rgba(0,0,0,.65)
    ),
    url(images/banner.jpg);

    background-size:cover;

    color:white;

    padding:80px 0;

    text-align:center;

}

.page-banner h1{

    font-size:48px;

}

.page-banner nav{

    margin-top:15px;

}

.page-banner nav a{

    color:#FFD89A;

}

.directorate-section{

    background:#fff;

}

.division-card{

    background:#fff;

    text-align:center;

    padding:40px 25px;

    border-radius:18px;

    box-shadow:var(--shadow-md);

    transition:.35s;

}

.division-card:hover{

    transform:translateY(-8px);

}

.division-card i{

    font-size:50px;

    color:var(--primary);

    margin-bottom:20px;

}

.office-card{

    background:#FFF8F2;

    border-left:6px solid var(--primary);

    padding:30px;

    border-radius:18px;

}

.office-icon{

    font-size:45px;

    color:var(--primary);

}