.bod-members-wrapper .bod-member__single-item .bod-member__media { transition: var(--base-transition); position: relative; height: 350px; overflow: hidden; width: 100%; background-size: cover; background-repeat: no-repeat; background-size: cover; background-position: center; cursor:pointer; }
.bod-members-wrapper .bod-member__single-item .bod-member__media:before { content: ''; position: absolute; width: 100%; height: 100%; background: var(--gradient-secondary-linear); opacity: 0.3; top: 0; left: 0; }
.bod-members-wrapper .bod-member__single-item .bod-member__media:after { content: ''; position: absolute; width: 100%; height: 76px; background: var(--gradient-primary-linear); opacity: 0; top: 0; left: 0; transition: var(--base-transition); }
.bod-members-wrapper .bod-member__single-item .bod { cursor: pointer;     max-width: 268px; }

.bod-members-wrapper .bod-item-wrapper .row > div > .row > div:nth-child(3n+2) .bod {
  margin: 0 auto;
}
.bod-member__single-item:focus-visible{
outline:none;
}
.bod-members-wrapper .bod-item-wrapper .row > div > .row > div:nth-child(3n+3) .bod {
  margin-left: auto;
  margin-right: 0;
}

.bod-members-wrapper .bod-member__single-item .bod:hover .bod-member__media:after,
.bod-members-wrapper .bod-member__single-item .bod:focus .bod-member__media:after,
.bod-members-wrapper .bod-member__single-item .bod:focus-within .bod-member__media:after,
.bod-members-wrapper .bod-member__single-item.active .bod .bod-member__media:after{ opacity: 0.8; }
.bod-members-wrapper .bod-member__single-item .bod:hover .bod-member__content .name, 
.bod-members-wrapper .bod-member__single-item .bod:focus .bod-member__content .name,
.bod-members-wrapper .bod-member__single-item .bod:focus-within .bod-member__content .name,
.bod-members-wrapper .bod-member__single-item.active .bod .bod-member__content .name{ color: var(--primary-color-1); }
.bod-members-wrapper .bod-member__single-item .bod-member__content .name { margin-bottom: 7px; transition: var(--base-transition); }
.bod-members-wrapper .bod-member__single-item  .bod-member__content { padding: 24px 0 0; }
.bod-item-wrapper .bod-member__single-item__content { position: relative; padding: 56px 0 50px; background: var(--mono1); border-bottom: 1px solid var(--primary-color-1); width: 320%;  margin-top:10px;   display: none; }
.bod-item-wrapper [class*="col-"]:nth-child(3n + 2) .bod-member__single-item__content { left: calc(-100% + -30px); }
.bod-item-wrapper [class*="col-"]:nth-child(3n) .bod-member__single-item__content { left: calc(-200% + -60px); }

.bod-members-wrapper .bod-member__single-item .bod:focus {    
    outline-offset: -1px;
    outline-width: 2px;
}

@media screen and (min-width: 992px) {
  .bod-members-wrapper .bod-item-wrapper [class*="col-"]:nth-child(n+4) .bod-member__single-item {margin-top: 50px;}
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  .bod-members-wrapper .bod-item-wrapper [class*="col-"]:nth-child(n+3) .bod-member__single-item {margin-top: 50px;}
  .bod-item-wrapper .bod-member__single-item__content {left: 0; width: calc(200% + 30px); }
  .bod-item-wrapper [class*="col-"]:nth-child(3n) .bod-member__single-item__content,
  .bod-item-wrapper [class*="col-"]:nth-child(3n + 2) .bod-member__single-item__content{left: 0;}
  .bod-item-wrapper [class*="col-"]:nth-child(2n) .bod-member__single-item__content { left: calc(-100% - 30px); }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  
  .bod-item-wrapper .bod-member__single-item__content {
    left: 0;
    width: calc(200% + 30px);    
  }
  /* .bod-item-wrapper [class*="col-"]:nth-child(even) .bod-member__single-item_wrapper {padding-right: 55px; }
  .bod-item-wrapper [class*="col-"]:nth-child(odd) .bod-member__single-item_wrapper {padding-left: 55px}*/
  
  .bod-members-wrapper .bod-member__single-item .bod,
  .bod-members-wrapper .bod-item-wrapper .row > div > .row > div:nth-child(3n+3) .bod {    
    margin: 0 auto;
    max-width: 100%;
  }
  .bod-item-wrapper [class*="col-"]:nth-child(2n) .bod-member__single-item__content { left: calc(-100% - 30px); }
  .bod-item-wrapper .bod-member__single-item__content {    
    padding: 42px 0 50px;
  }
}

@media screen and (max-width: 767.98px) {
  .bod-members-wrapper .bod-member__single-item .bod {
    cursor: pointer;
    max-width: 100%;
  }
  
  .bod-item-wrapper .bod-member__single-item__content {    
    padding: 42px 0 50px;
  }
  
}

@media screen and (max-width: 575.98px) {
  .bod-members-wrapper .bod-item-wrapper [class*="col-"]:nth-child(n+2) .bod-member__single-item {margin-top: 50px;}
  .bod-item-wrapper .bod-member__single-item__content,
  .bod-item-wrapper [class*="col-"]:nth-child(3n + 2) .bod-member__single-item__content,
  .bod-item-wrapper [class*="col-"]:nth-child(3n) .bod-member__single-item__content { left: 0; width: 100%; }
  
  .bod-members-wrapper .bod-member__single-item .bod,
  .bod-members-wrapper .bod-item-wrapper .row > div > .row > div:nth-child(3n+2) .bod,
  .bod-members-wrapper .bod-item-wrapper .row > div > .row > div:nth-child(3n+3) .bod{
    cursor: pointer;
    max-width: 268px;
    margin-right: auto;
    margin-left: 0;
  }
  
}