.bod-members-wrapper .bod-member__single-item .bod_member_image {
    height: 130px;
    filter: grayscale(1);
}

.bod-members-wrapper .bod-member__content {
    padding-top: 14px;
}

.bod-members-wrapper .icon-arrow {
    margin-left: 12px;
    font-size: 12px;
}

.bod-members-wrapper .bod_role {
    margin-bottom: 12px;
}

.bod-members-wrapper .bod-member__single-item.active .bod_member_image, .bod-members-wrapper .bod-member__single-item .bod_member_image:hover, .bod-members-wrapper .bod-member__single-item .bod_member_image.active {
    filter: contrast(1);
}
.bod-members-wrapper .bod-member__single-item{
    padding: 24px 16px
}
.bod-content-item-wrapper .bod-member__single-item__content {
    display: none;
    width: 315%;
    border: 1px solid var(--primary-blue);
    padding: 30px 100px;
}

.bod-members-wrapper .bod-desc p:last-child {
    margin-bottom: 0;
}

.bod-members-wrapper .bod-member__single-item.active .bod-member__content .icon-arrow {
    transform: rotate(270deg);
    --webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

.bod-content-item-wrapper.bod-background-content-wrapper {
    margin-top: -64px;
}

.bod-member__content p {
    font-weight: 700;
    text-transform: uppercase;
}

.bod-members-wrapper .bod-member__single-item.active .bod_role {
    color: var(--primary-blue);
}

.bod-members-wrapper .left-arrow-icon:before {
    right: 0;
    left: auto;
    top: -285px;
    transform: rotate(180deg);
}

@media screen and (min-width: 576px) {
    .bod-item-wrapper .bod-member__single-item__content {
        display: none;
        padding-left: 38px;
        background: var(--mono1);

    }
}

@media screen and (min-width: 992px) {
    .bod-content-item-wrapper [class*="col-"]:nth-child(3n + 2) .bod-member__single-item__content {
        left: calc(-110% + 7px);
    }

    .bod-content-item-wrapper [class*="col-"]:nth-child(3n) .bod-member__single-item__content {
        left: calc(-220% + 14px);
    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .bod-content-item-wrapper .bod-member__single-item__content {
        left: 0;
        width: calc(300% + 60px);
    }

    .bod-content-item-wrapper [class*="col-"]:nth-child(3n + 2) .bod-member__single-item__content {
        left: calc(-90% - 53px);
    }

    .bod-content-item-wrapper [class*="col-"]:nth-child(3n) .bod-member__single-item__content {
        left: calc(-230% + 8px)
    }

    /*----  For the Two column BOD     ----*/
    .bod-item-wrapper.bod_two_column .bod-member__single-item__content {
        width: 265%;
    }

    .bod-item-wrapper.bod_two_column [class*="col-"]:nth-child(2n + 1) .bod-member__single-item__content {
        left: calc(-30% + 7px);
    }

    .bod-item-wrapper.bod_two_column [class*="col-"]:nth-child(2n + 2) .bod-member__single-item__content {
        left: calc(-140% + 3px);
    }

    .bod-members-wrapper .bod-member__single-item .bod_member_image {
        margin-left: 0;
    }


}

@media screen and (max-width: 991px) {
    .bod-content-item-wrapper .bod-member__single-item__content {
        padding: 30px;
    }
}

@media screen and (min-width:576px) and (max-width:767px) {
    .bod-members-wrapper .bod-content-item-wrapper [class*="col-"]:nth-child(n+3) .bod-member__single-item {
        padding-top: 30px;
    }

    .bod-members-wrapper .bod-member__single-item__content {
        width: 210%;
        padding-left: 27px;
        left: 0;
    }

    .bod-members-wrapper [class*="col-"]:nth-child(even) .bod-member__single-item__content {
        left: -110%;
    }

    /*----  For the Two column BOD     ----*/
    .bod-item-wrapper.bod_two_column .bod-member__single-item__content {
        width: 203%;
    }

    .bod-item-wrapper.bod_two_column [class*="col-"]:nth-child(2n + 1) .bod-member__single-item__content {
        left: 0;
    }

    .bod-item-wrapper.bod_two_column [class*="col-"]:nth-child(2n + 2) .bod-member__single-item__content {
        left: calc(-110% + 5px);
    }
}

@media screen and (max-width:767px) {

    .bod-member__content {
        padding: 14px 12px 10px;
    }
}

@media screen and (max-width:575px) {
    .bod-members-wrapper .bod-member__single-item__content {
        left: 0;
        width: 100%;
    }

/*     .bod-members-wrapper [class*="col-"]:nth-child(n+2) .bod-member__single-item {
        padding-top: 30px;
    } */

    .bod-content-item-wrapper.bod-background-content-wrapper {
        margin-top: -40px;
    }
}