.leadership-items-main-wrapper .row:not(:last-child) .bod-member {
  margin-bottom: 30px;
}

.board-of-directors-box {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  /*margin-bottom: 30px;*/
/*   cursor: pointer; */
  transition: all 200ms ease-in-out;
  width: 400px;
  max-width: 100%;
}
.board-of-directors-box.description-content{
  cursor: pointer;
}
.board-of-directors-box .bod-image-placeholder{
  transition: all .3s ease;
  height: 400px;
  background-size: cover;
  background-position: center center;
}
.bod-content {
  opacity: 0;
}
.bod-content-wrapper.add-content .bod-content {
  opacity: 1;
}
.leadership-items-main-wrapper {
  padding-top: 60px;
}
.page-title {
  /*padding: 0px 15px 22px 0;*/
  padding: 0px 15px 0 0;
  margin: 0;
}
.leadership-items-main-wrapper .row:last-child .board-of-directors-box {
  margin-bottom: 0;
}
.active-session .board-of-directors-box:not(.active) {
  opacity: .6;
}
.active-session .board-of-directors-box.description-content:hover:not(.active) {
  opacity: 1;
}
.board-of-directors-box.description-content:hover .bod-image-placeholder {
  transform: scale(1.1);
  filter: grayscale(0);
}
.board-of-directors--person_name {
  font-family: var(--font-poppins);
  font-size: 3rem;
  font-weight: bold;
  color: var(--color-0e0e0e);
  word-wrap: break-word;
  text-transform: uppercase;
  -webkit-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
  margin: 0;
  line-height: 1.43;
  font-style: italic;
}
.board-of-directors--person_post {
  display: block;
  font-style: normal;
  font-family: var(--font-roboto);
  font-size: 1.6rem;
  color: var(--color-2e2e2e);
  font-weight: 400;
  line-height: 1.6;
  word-wrap: break-word;
  margin-bottom: 0;
}
.board-of-directors-content {
  background-color: var(--color-ffffff);
  transition: background-color 200ms ease-in-out;
  padding: 26px 30px 35px;
  /*min-height: 132px; */
  border-top: 1px solid var(--color-ffffff);
}
.board-of-directors-box.description-content:hover .board-of-directors-content, .board-of-directors-box.active .board-of-directors-content {
  background-color: var(--color-111111);
}
.board-of-directors-box.description-content:hover .board-of-directors-content .board-of-directors--person_name, .board-of-directors-box.active .board-of-directors--person_name, .board-of-directors-box.description-content:hover .board-of-directors-content .board-of-directors--person_post, .board-of-directors-box.active .board-of-directors--person_post {
  color: var(--color-ffffff);
}
.bod-content-wrapper {
  width: calc(300% + 80px);
  padding: 30px 60px 60px;
  position: relative;
  display: none;
}
.bod-member:nth-child(3n+2) .bod-content-wrapper {
  left: calc(-100% - 40px);
}
.bod-member:nth-child(3n) .bod-content-wrapper {
  left: calc(-200% - 80px);
}
.bod-image-wrapper {
  max-height: 400px;
  overflow: hidden;
}
.board-of-directors-box .bod-image-placeholder {
  filter: grayscale(0);
}
.leadership-main-wrapper.active-session .board-of-directors-box:not(.active) .bod-image-placeholder {
  filter: grayscale(100%);
}
.bod-content {
  max-width: 840px;
  margin: 0 auto;
}
.leadership-main-wrapper.active-session .board-of-directors-box.description-content:hover:not(.active) .bod-image-placeholder {
  filter: grayscale(0);
}
.bod-content p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 991px){
  .board-of-directors--person_name{
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px){
  .bod-content-wrapper, .bod-member:nth-child(3n) .bod-content-wrapper, .bod-member:nth-child(3n+2) .bod-content-wrapper {
    width: 100%;
    left: 0;
    padding: 30px 0;
  }
  .board-of-directors-box .bod-image-placeholder {
    height: 362px;
  }
  .leadership-main-wrapper .page-title {
    /*padding: 30px 0 0 0;*/
  }
  .four-items-row .bod-content-wrapper, .four-items-row .bod-member:nth-child(4n) .bod-content-wrapper {
    width: 100%;
  }
  .four-items-row .bod-member:nth-child(4n) .bod-content-wrapper {
    left: 0;
  }
  .leadership-items-main-wrapper .row:last-child .bod-member:not(:last-child) {margin-bottom: 30px;}
}
/******************** Four Items Variation Starts ********************/
.four-items-row .bod-content-wrapper {
  width: calc(400% + 120px);
}
.four-items-row .bod-member:nth-child(4n) .bod-content-wrapper {
  left: calc(-300% - 120px);
}
/******************** Four Items Variation Ends ********************/
.board-of-directors-box.no-description-content .board-of-directors-content {
  border: 1px solid #e4e4e4;
  border-top: none;
}