.bio-container {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 27px 0px;}
.bio-content-container {width: 70%; padding-left: 5%;  }
.bio-image {width: 30%;}
.bio-image img { max-width: 260px; width:100%; margin-bottom: 22px;}
.bio-image h3 { margin: 0; font-size: 20px;}
.bio-image h3 span {font-size: 15px;}
.bio-image h5 {text-transform: capitalize; line-height: 1.3em; color: #666;}
.bio-content { height: 148px; min-height: 148px; overflow: hidden; position: relative;}
.bio-content:not(.active):not(.hide)::after {content:''; position: absolute; bottom: 0px; width: 100%; left: 0px; height: 10px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);}
.bio-content p:last-of-type {padding-bottom: 0px !important;}
.bio-expand {cursor: pointer; color: #1A2E52;}
.bio-expand.hide {display: none;}

@media screen and (max-width: 1023px) {
  .bio-content-container {width: 100%; padding-left: 0%; margin-bottom: 8px;}
  .bio-image {width: 100%; margin-bottom: 33px;}
  .bio-image img { max-width: 500px;}
}