/* === BIOGRAPHY CSS === */
.container-fluid.bod-container{max-width:1200px;}
.position-inherit {position: inherit;}
.position-relative {position:relative;}
.biography-item-wrapper .col-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;width: 100%;}
.biography-item-wrapper .bod-box {display: flex;justify-content: space-between;flex-direction: column;}
.biography-item-wrapper {margin-top:100px;}
.bod-row {display: flex; flex-wrap: wrap;}
.biography-item-wrapper{margin-bottom: -30px;}
.biography-item-wrapper a.bod-box-wrapper{text-decoration: none;display: block;transition: all 0.3s ease-in-out;margin-bottom: 30px;position: relative;}
.biography-item-wrapper a.bod-box-wrapper.active, .biography-item-wrapper a.bod-b-wrapper.active:hover{background: var(--primary-blue);}
.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;}ox
.biography-item-wrapper a.bod-box-wrapper.active .bod-box h2, .biography-item-wrapper a.bod-box-wrapper.active:hover .bod-box h2{color: var(--white);}
.biography-item-wrapper a.bod-box-wrapper.active .bod-box p, .biography-item-wrapper a.bod-box-wrapper.active:hover .bod-box p{color: var(--white);}
.biography-item-wrapper a.bod-box-wrapper .image{height: 320px;}
.biography-item-wrapper a.bod-box-wrapper .image img{object-fit: cover;  height: inherit;  width: 100%;}
.biography-item-wrapper a.bod-box-wrapper .bod-box{min-height: 170px;padding: 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);}
.biography-item-wrapper a.bod-box-wrapper:not(.active):hover .bod-box span.icon-arrow{background: var(--white);color: var(--black);}
.biography-item-wrapper a.bod-box-wrapper.active:hover .bod-box span.icon-arrow{background: var(--white);color: var(--black)}
.biography-item-wrapper .bod-content{width: calc(300% + 60px);position: relative;display: none;padding: 101px 80px 88px 80px;background: var(--grey);border-radius: 10px;margin-bottom: 40px;}
.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);}
.btn-close-wrapper {width: 100%;text-align: right;}
.biography-item-wrapper .bod-content a.btn-close{font-size: 2.4rem;color: var(--black);z-index: 1;text-decoration: none;position: absolute;top: 32px;right: 32px;}
.biography-item-wrapper .bod-content a.btn-close:hover(color: var(--grey-live);)
.biography-item-wrapper .bod-content .designation{margin-bottom: 20px;}
.biography-item-wrapper .bod-content .title{margin-bottom: 16px;}
.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);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)}
.biography-item-wrapper .bod-content .social > a:hover span.text{text-decoration: underline}
.biography-item-wrapper a.bod-box-wrapper .bod-box h2{color:var(--black);}
.biography-item-wrapper a.bod-box-wrapper:hover {background:var(--primary-blue);}
.biography-item-wrapper a.bod-box-wrapper .bod-box .icon-close {position:relative;padding-left:8px;transition: none;font-size: 1.8rem; font-weight: 700; }
.biography-item-wrapper a.bod-box-wrapper .bod-box .icon-close-text{visibility: hidden;transition: none;display: flex;align-items: initial;}
.biography-item-wrapper a.bod-box-wrapper.active h2,
.biography-item-wrapper a.bod-box-wrapper.active .bod-box .icon-close-text, .biography-item-wrapper a.bod-box-wrapper.active:hover .bod-box .icon-close-text{visibility: visible;color:var(--white);font-family: var(--font-noto)!important;}
.biography-item-wrapper a.bod-box-wrapper:hover .bod-box h2,.biography-item-wrapper a.bod-box-wrapper:hover .bod-box p{color:white;}
.designation.dark-color p{padding-bottom: 0px;}
.bod-content .designation {margin-bottom: 40px;}

.bod-content .bod-row .bod-content-inner > p {line-height: 32px;}

.bod-box-wrapper.circle-arrow::after {width: 0px;height: 0px;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 24px solid transparent;content: '';position: absolute;bottom: -20px;z-index: 15;left: 50%;transform: translateX(-50%);transition: 0.3s all ease-in-out;}
.bod-box-wrapper.active.circle-arrow::after {border-top: 24px solid var(--primary-blue);transition: 0.3s all ease-in-out;}

@media (min-width: 768px) {
   .biography-item-wrapper .col-md-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}

@media (min-width: 992px) {
   .biography-item-wrapper .col-lg-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
}

@media all and (max-width: 991.98px){
  .biography-item-wrapper {margin-top:60px;}
  .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);}
  .biography-item-wrapper .bod-content{padding: 50px;}
  .bod-row .designation {margin-bottom: 30px;}
}

@media all and (max-width: 767.98px){
  .bod-row .designation {margin-bottom: 20px;}
  .biography-item-wrapper {margin-top:40px;}
  .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 .bod-content{padding: 22px;}
  .biography-item-wrapper a.bod-box-wrapper.active .bod-box{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: "\e90c"}
  .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: 14px;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;background: var(--black);color: var(--white);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;}
}

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}