/* === BIOGRAPHY CSS === */
.biography-item-wrapper {
    margin-bottom: -30px;
}
.bod-content h6{margin-bottom:32px;}
.biography-item-wrapper a.bod-box-wrapper {
    text-decoration: none;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    display: block;
    transition: all 0.3s ease-in-out;
    margin-bottom: 30px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
    border: 1px solid transparent;padding-right:0;
}

.biography-item-wrapper a.bod-box-wrapper:hover {
box-shadow: 0px 8px 32px rgba(86, 227, 102, 0.13);
    border: 1px solid var(--earth-green);
}
.biography-item-wrapper a.bod-box-wrapper .bod-box {
    padding: 20px 24px;
    background: var(--glass-grey-light);
}

.biography-item-wrapper h6 {
    margin-bottom: 4px;
}

.biography-item-wrapper a.bod-box-wrapper .image {
    height: 275px;
    filter: grayscale(1);
}

.biography-item-wrapper a.bod-box-wrapper:hover .image, .biography-item-wrapper a.bod-box-wrapper.active .image {
    filter: grayscale(0);
}

.biography-item-wrapper a.bod-box-wrapper * {
    transition: all 0.3s ease-in-out
}
.link-wrapper .icon:after{top:5px !important;right: -23px !important;}
.link-wrapper:hover .icon:after{right:-29px !important;}
.biography-item-wrapper a.bod-box-wrapper .bod-box span.icon-arrow {
    position: absolute;
    top: 3px;
}

.biography-item-wrapper .cta.text-link .icon.icon-arrow::after {
    font-size: 1.2rem;
}

.biography-item-wrapper .bod-content {
    width: calc(410% + 60px);
    position: relative;
    display: none;
    padding: 64px 105px;
    background: white;
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    margin-bottom: 30px;
}

.biography-item-wrapper .bod-member:nth-child(3n+2) .bod-content {
    left: calc(11% - 32px);
}

.biography-item-wrapper .bod-member:nth-child(3n) .bod-content {
    left: calc(-90% - 64px);
}

.biography-item-wrapper .bod-member:nth-child(3n+4) .bod-content {
    left: calc(-200% - 64px);
}

.biography-item-wrapper .bod-member:nth-child(3n+5) .bod-content {
    left: calc(-310% - 64px);
}

.biography-item-wrapper .bod-member:nth-child(3n+6) .bod-content {
    left: calc(21% - 64px);
}

.biography-item-wrapper .bod-content a.btn-close {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 1;
}

.biography-item-wrapper .bod-content a.btn-close:hover .icon-close {
    background: var(--earth-green);
}

.biography-item-wrapper .bod-content a.btn-close .icon-close {
    transition: 0.3s ease-in-out all;
}

.biography-item-wrapper .bod-content a.btn-close:hover :before {
    color: var(--deep-navy);
}

.biography-item-wrapper .bod-content .icon-close {
    padding: 8px 14px;
    background: var(--earth-green-light);
    border-radius: 80px;
    position: relative;
    display: inline-block;
}

.biography-item-wrapper .bod-content .icon-close:before {
    font-size: 1.6rem;
}

.biography-item-wrapper .bod-content .designation {
    margin: 10px 0
}

.biography-item-wrapper .bod-content .title {
    margin-bottom: 20px;
}

.biography-item-wrapper .bod-content .top-copntent.intro-body {
    padding-right: 100px;
    margin-bottom: 15px;
}

.biography-item-wrapper .bod-content .top-copntent.intro-body > p {
    margin-bottom: 0;
}

.biography-item-wrapper .bod-content .content {
    padding-right: 40px
}

.biography-item-wrapper .bod-content .social-wrapper {
    padding: 10px 0 0 15px;
    height: 100%;
    position: relative
}

.biography-item-wrapper .bod-content .social-wrapper::before {
    content: '';
    background: var(--black-color);
    position: absolute;
    width: 1px;
    height: 100%;
    left: -10px;
    top: 10px;
}

.biography-item-wrapper .bod-content .social {
    margin-bottom: 16px
}

.biography-item-wrapper .bod-content .social > a {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.biography-item-wrapper .bod-content .social > a span.icon {
    margin-right: 15px
}

.biography-item-wrapper .bod-content .social > a span.text {
    color: var(--black-color)
}

.biography-item-wrapper .bod-content .social > a:hover span.text {
    text-decoration: underline
}

@media all and (min-width:991.98px){

.biography-main-wrapper  .bod--content{display:flex;gap:56px;}
.biography-main-wrapper  .bod--content .left,.biography-main-wrapper  .bod--content .right{width:50%;}
}
@media all and (max-width:991.98px){
.biography-item-wrapper a.bod-box-wrapper .bod-box span.icon-arrow{top:3px;}
.biography-item-wrapper .bod-content a.btn-close{outline:1px solid transparent;}
.biography-main-wrapper .bod-content,.biography-item-wrapper .bod-member:nth-child(3n+4) .bod-content,.biography-item-wrapper .bod-member:nth-child(3n+5) .bod-content{width:200%;left:0;}
.biography-item-wrapper .bod-member:nth-child(3n+5) .bod-content{left:calc(-93% - 32px);}
}
@media all and (max-width:767.98px){
.biography-item-wrapper .bod-content a.btn-close{outline:1px solid transparent;}
.biography-main-wrapper .bod-content{padding:80px 15px;}
.biography-main-wrapper .bod-content,.biography-item-wrapper .bod-member:nth-child(3n+4) .bod-content,.biography-item-wrapper .bod-member:nth-child(3n+5) .bod-content{width:100%;left:0;}
.biography-item-wrapper .bod-member:nth-child(3n) .bod-content{left:0;}
.biography-item-wrapper a.bod-box-wrapper .bod-box span.icon-arrow{top: 1.5px;}
.biography-item-wrapper a.bod-box-wrapper .image{
	height: 360px;
}
}
/* === BIOGRAPHY CSS === */