.team_member_cards{
    padding: 40px 80px;
}
.team_member_cards .directory_grid.row{
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0;
}
.team_member_cards .directory_grid .col{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.team_member_cards .directory_grid .col:nth-child(4n+1){
    padding-left: 0;
}
.team_member_cards .directory_grid .col:nth-child(4n){
    padding-right: 0;
}
.team_member_cards .directory_grid .profile{
    position: relative;
    border-radius: 15px;
    border: 1px solid var(--color-primary-justblue);
    overflow: hidden;
    background-color: var(--color-primary-white);
    height: 440px;
}
.team_member_cards .directory_grid .profile .profile_img{
    width: 100%;
    height: 310px;
    object-fit: cover;
    object-position: center top;
    display: block;
}
.team_member_cards .directory_grid .profile .profile_info{
    position: absolute;
    bottom: 0px;
    /*height: 160px;*/
    width: 100%;
    background-color: var(--color-primary-white);
    border-radius: 15px;
    padding: 25px;
    z-index: 1;
    transform: translateY(calc(100% - 160px));
    transition: transform 0.4s ease-out;
}
.team_member_cards .directory_grid .profile .profile_info .learn_more_btn {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}
.team_member_cards .directory_grid .profile .profile_info:hover{
    /*height: fit-content;*/
    transform: translateY(0);   
}
.team_member_cards .directory_grid .profile .profile_info:hover .learn_more_btn a{
    display: flex;
}
.team_member_cards .directory_grid .profile .profile_info .learn_more_btn a{
    display: none;
}

.team_member_cards .directory_grid .profile .profile_info .learn_more_btn #arrow_right{
    margin-top: 10px;
}
.team_member_cards .directory_grid .profile .profile_info .fullname{
    font: var(--type-card-title-lg);
    color: var(--color-primary-black);
    margin-bottom: 5px;
}
.team_member_cards .directory_grid .profile .profile_info .role{
    font: var(--type-p);
    color: var(--color-primary-black);
    line-height: 1.4;
}

@media screen and (max-width: 992px){
    .team_member_cards .directory_grid .col.m6:nth-child(even){
        padding-right: 0;
    }
    .team_member_cards .directory_grid .col.m6:nth-child(odd){
        padding-left: 0;
    }
}

@media screen and (max-width: 600px){
    .team_member_cards .directory_grid .col.s12{
        padding: 0;
    }
    .team_member_cards{
        padding: 0 40px;
    }
}