.three_column_module .title_section h3{
  color:#fff;
  text-align:center;
}

.three_column_module .advisors_inner_wrapper {
  width: 100%;
}
.three_column_module .header_wrap{
  text-align:center;
  margin-bottom:40px;
}
.three_column_module .title *{
  color:#000;
}
.three_column_module .content *{
  color:#000;
  margin-bottom:10px;
}
.three_column_module .team_card_wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 45px;
}
.three_column_module .card_section {
  width: calc(33.33% - 30px);
  border-bottom: 8px solid #ee1a2d;
  display: flex;
  flex-wrap: wrap;
  padding-top: 30%;
  position:relative;
  overflow: hidden;
  transition: all .3s ease-in-out;
}
.three_column_module .info_wrap {
  width: 100%;
  text-align: center;
  z-index: 1;
  padding: 0 10px;    
  background: linear-gradient(0deg, rgba(0,0,0,.8), transparent);
}
.three_column_module .name_text h3{
  color:#fff;
  margin-bottom:0;
}
.three_column_module .designation h5{
  text-transform:uppercase;
  color:#ee1a2d;
}
.three_column_module  .card_section:hover .hover_section{
  opacity: 1;
}
/* .three_column_module  .card_section:hover{
border-bottom:8px solid #000;  
} */
/* .three_column_module  .card_section:hover .info_wrap{
opacity:0;
} */
.three_column_module .hover_section {
  background-color: #ee1a2d;
  text-align: center;
  height: 100%;
  left: 0;
  padding-top:3vw;
  padding-bottom:2vw;
  position: absolute;
  top: 0;
  transition: all .5s ease-in-out;
  width: 100%;
  z-index: 2;
  opacity: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;    
  opacity: 0;
}
.three_column_module .hover_section .designation h5{
  color:#fff;
  margin-bottom: 40px;
}

}
.card_section:hover .hover_section{
  bottom:0;
}
.three_column_module .card_button a.card_btn {
  padding: 15px 20px;
  text-transform: uppercase;
  /*   color:#fff;
  border: 2px solid #fff; */
}
.three_column_module .title h4{
  text-transform:uppercase;
  letter-spacing: 2px;
}
.three_column_module .card_btn:hover {
  border: 2px solid #fff;
  color: #000 !important;
  background: #fff;

}
.three_column_module .hover_section > * {
  position: relative;
}
@media screen and (max-width:767px){
  .three_column_module .card_section {
    width: calc(50% - 23px);
  }
  .three_column_module .card_section {
    padding-top: 21vw;

  }
}
@media screen and (max-width:580px){
  .three_column_module .card_section {
    width: 100%;
  }
  .three_column_module .card_section {
    padding-top: 50vw;
  }
  .three_column_module .hover_section {
    padding-top: 13vw;
    padding-bottom: 2vw;
  }
}