.officer-card{

    background:#fff;

    border-radius:20px;

    padding:30px;

    margin-bottom:25px;

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

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

    transition:.35s;

}

.officer-card:hover{

    transform:translateY(-5px);

}

.officer-img{

    width:130px;

    height:160px;

    object-fit:cover;

    border-radius:15px;

    border:4px solid #fff;

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

}

.designation{

    color:var(--primary);

    font-weight:600;

}

.work-box{

    background:#FFF8F2;

    border-radius:12px;

    padding:20px;

}

.work-box li{

    margin-bottom:10px;

}


/*=====================================
    WHO'S WHO ACCORDION
======================================*/

.custom-accordion .accordion-item{

    border:none;

    border-radius:10px;

    overflow:hidden;

    margin-bottom:20px;

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

}

.custom-accordion .accordion-button{

    background:linear-gradient(
        90deg,
        var(--primary-dark),
        var(--primary)
    );

    color:#fff;

    font-size:18px;

    font-weight:600;

    padding:18px 25px;

}

.custom-accordion .accordion-button:not(.collapsed){

    color:#fff;

    background:linear-gradient(
        90deg,
        var(--primary-dark),
        var(--primary)
    );

    box-shadow:none;

}

.custom-accordion .accordion-button:focus{

    box-shadow:none;

}

.custom-accordion .accordion-button::after{

    filter:brightness(0) invert(1);

}

.accordion-body{

    background:#fdfdfd;

    padding:30px;

}

/*=====================================
    OFFICER
======================================*/

.officer-box{

    
    padding:25px;
    border-radius:15px;

}

.officer-img{

    width:110px;

    height:140px;

    border-radius:10px;

    object-fit:cover;

    border:3px solid rgba(255,255,255,.35);

}

.officer-box h4{

    margin-bottom:5px;

    font-size:24px;

}

.officer-box span{

    opacity:.9;

}

.officer-box hr{

    border-color:rgba(255,255,255,.2);

    margin:25px 0;

}

.officer-box p{

    margin-bottom:10px;

    line-height:1.7;

}

.officer-box i{

    color:#FFD89A;

    margin-right:8px;

}

/*=====================================
    WORK ALLOCATION
======================================*/

.allocation-box{

    background:#fff8f2;

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

    border-radius:12px;

    padding:25px;

    height:100%;

}

.allocation-box h4{

    color:var(--primary-dark);

    margin-bottom:20px;

}

.allocation-box ul{

    padding-left:20px;

}

.allocation-box li{

    margin-bottom:12px;

    font-weight:500;

}