/* === BIOGRAPHY CSS === */
.biography-item-wrapper{margin-bottom: -30px;}
.biography-item-wrapper a.bod-box-wrapper{text-decoration: none;border-radius: 10px;overflow: hidden;display: block;background: var(--grey-one);transition: all 0.3s ease-in-out;margin-bottom: 30px}
.biography-item-wrapper a.bod-box-wrapper.active, .biography-item-wrapper a.bod-box-wrapper.active:hover{background: var(--black-color);}
.biography-item-wrapper a.bod-box-wrapper *{transition: all 0.3s ease-in-out}
.biography-item-wrapper a.bod-box-wrapper:hover{text-decoration: none;background: var(--black-color);}
.biography-item-wrapper a.bod-box-wrapper:hover .bod-box h2, .biography-item-wrapper a.bod-box-wrapper.active .bod-box h2{color: var(--white-color);}
.biography-item-wrapper a.bod-box-wrapper:hover .bod-box p, .biography-item-wrapper a.bod-box-wrapper.active .bod-box p{color: var(--white-color);}
.biography-item-wrapper a.bod-box-wrapper .image{min-height: 285px}
.biography-item-wrapper a.bod-box-wrapper .bod-box{min-height: 128px;padding: 20px 55px 24px 24px;position: relative;}
.biography-item-wrapper a.bod-box-wrapper .designation > p{margin-top: 6px}
.biography-item-wrapper a.bod-box-wrapper .bod-box span.icon-arrow{position: absolute;bottom: 44px;right: 24px;padding-top: 3px;}
.biography-item-wrapper a.bod-box-wrapper.active .bod-box span.icon-arrow{transform: rotate(180deg);background: var(--white-color);color: var(--black-color);}
.biography-item-wrapper a.bod-box-wrapper:not(.active):hover .bod-box span.icon-arrow{background: var(--white-color);color: var(--black-color);}
.biography-item-wrapper a.bod-box-wrapper.active:hover .bod-box span.icon-arrow{background: var(--white-color);color: var(--black-color)}

.biography-item-wrapper .bod-content{width: calc(300% + 60px);position: relative;display: none;padding: 18px 30px 22px;background: var(--grey-one);border-radius: 10px;margin-bottom: 30px;}
.biography-item-wrapper .bod-member:nth-child(3n+2) .bod-content{left: calc(-100% - 30px);}
.biography-item-wrapper .bod-member:nth-child(3n) .bod-content{left: calc(-200% - 60px);}
.biography-item-wrapper .bod-content a.btn-close{font-size: 2.1rem;color: #4B4B4B;position: absolute;right: 30px;top: 30px;z-index: 1;}
.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}
/* === BIOGRAPHY CSS === */

@media all and (max-width: 991.98px){
	.biography-item-wrapper .bod-content{width: calc(200% + 30px);}
    .biography-item-wrapper .bod-member:nth-child(odd) .bod-content{left: 0}
    .biography-item-wrapper .bod-member:nth-child(even) .bod-content{left: calc(-100% - 30px);}
}
@media all and (max-width: 767.98px){
	.biography-item-wrapper .bod-content{width: 100%}
    .biography-item-wrapper .bod-member:nth-child(even) .bod-content{left: 0}
    .biography-item-wrapper a.bod-box-wrapper.active{border-radius: 10px 10px 0 0;margin-bottom: 0}
    .biography-item-wrapper .bod-content{border-radius: 0;}
    .biography-item-wrapper a.bod-box-wrapper.active .bod-box{height: 0;min-height: 0;padding: 0;overflow: hidden;}
    .biography-item-wrapper .bod-content .designation{margin: 10px 30px 10px 0;}
    .biography-item-wrapper .bod-content .social-wrapper{height: auto;margin-bottom: 38px;}
    .biography-item-wrapper .bod-content a.btn-close .icon-close::before{content: "\e900"}
    .biography-item-wrapper .bod-content a.btn-close{text-decoration: none;top: 32px}
    .biography-item-wrapper .bod-content a.btn-close .icon-close{font-size: 9.6px;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;background: var(--black-color);color: var(--white-color);border-radius: 50%;transition: all 0.3s ease-in-out;transform: rotate(180deg);}
	.biography-item-wrapper .bod-content .top-copntent.intro-body, .biography-item-wrapper .bod-content .content {padding-right: 0;}
}
@media all and (max-width: 767.98px){
.profiles__wrapper {align-items: center;}
}

body.nojs .biography-main-wrapper .bod-member{width: 100% !important;flex: 0 0 100% !important;max-width: 100% !important;}
body.nojs .biography-item-wrapper .bod-content{width: 100% !important; display: block !important; left: 0 !important; right: 0 !important}