.board-member-image img{
    border-radius: 15px 15px 0px 0px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
}   

.board-member-card {
    border-radius: 15px;
    box-shadow: 0px 6px 83px 0px #0000001A;
    border: none;
    text-decoration: none;
    transition: 0.3s ease all;
    height: 100%;
}

.member-detail {
    padding: 20px;
}

.member-detail .board-member-name{
    margin-bottom: 5px;
    text-decoration: none;
    font-size: var(--font-24);
    color: var(--secondary-color);
    transition: 0.3s ease all;
    font-weight: 800;
}

.member-detail .board-member-designation{
    color: var(--text-color);
    margin-bottom: 0;
    font-weight: 500;
}

.board-member-card:hover .member-detail .board-member-name{
    color: var(--primary-color);
    transition: 0.3s ease all;
}

/* Detail Page CSS */
.single-board-member .board-member-title{
    font-weight: 800;
    color: var(--secondary-color);
}

.single-board-member .member-img{
    border-radius: 20px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
} 

.single-board-member .single-member-detail{
    padding-left: 50px;
}

.single-board-member .board-member-designation{
        color: var(--text-color);
        font-weight: 500;
}

@media screen and (max-width: 768px){
    .single-board-member .single-member-detail{
        padding-left: 0px;
    }
}