/* ============================= BIOGRAPHY CSS =========================== */

/*.biography-item-wrapper { margin-bottom: -30px; overflow:hidden; } */
.biography-item-wrapper a.bod-box-wrapper { text-decoration: none; background: white !important; overflow: hidden; display: block; transition: all 0.3s ease-in-out; margin-bottom: 60px } 
.bod__wrapper.current-open h2.h5 { height: auto; } 
.biography-item-wrapper a.bod-box-wrapper.active, 
.biography-item-wrapper a.bod-box-wrapper.active:hover,
.biography-item-wrapper a.bod-box-wrapper:hover,
 .biography-item-wrapper a.bod-box-wrapper.active:focus,
 .biography-item-wrapper a.bod-box-wrapper:focus { background: var(--color-primary-4)!important; } 
.biography-item-wrapper a.bod-box-wrapper * { transition: all 0.3s ease-in-out; } 
.biography-item-wrapper a.bod-box-wrapper:hover .bod-box h2, 
.biography-item-wrapper a.bod-box-wrapper:focus .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:focus .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: 270px; transition: var(--base-transition); } 
.biography-item-wrapper a.bod-box-wrapper .bod-box { min-height: 220px; padding: 20px; position: relative; } 
.biography-item-wrapper a.bod-box-wrapper .h5 { margin-bottom:10px; } 
.biography-item-wrapper a.bod-box-wrapper .designation > p { margin-top:0px } 
.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,
.biography-item-wrapper a.bod-box-wrapper:not(.active):focus .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,
.biography-item-wrapper a.bod-box-wrapper.active:focus .bod-box span.icon-arrow { background: var(--white-color); color: var(--black-color) } 
.biography-item-wrapper .bod-content { width: calc(400% + 90px); position: relative; margin:20px 0 80px 0; } 
.biography-item-wrapper .bod-member:nth-child(2n) .bod-content { left: calc(-100% - 30px); } 
.biography-item-wrapper .bod-member:nth-child(4n-1) .bod-content { left: calc(-200% - 60px); } 
.biography-item-wrapper .bod-member:nth-child(4n) .bod-content { left: calc(-300% - 90px); } 
.biography-item-wrapper .bod-content::before { content: " "; display: block; width: 100vw; position: absolute; top: 0; height: 100%; left: 50%; transform:translateX(-50%); background:var(--color-primary-3); transition:none; } 
.biography-item-wrapper .bod-content { position:relative; display:none; margin:20px 0 80px 0; } 
.biography-item-wrapper .bod-content a.btn-close { color: var(--color-primary-6); position: absolute; right: 30px; top: 50px; z-index: 1; font-weight:600; height: auto; font-family: var(--font-secondary-semibold); } 
.biography-item-wrapper .bod-content .h1 { margin-bottom: 16px; } 
.biography-item-wrapper .bod-content .designation { margin-bottom: 50px; } 
.biography-item-wrapper .bod-content .image { min-height:270px; } 
.biography-item-wrapper .bod-content .top-copntent.intro-body { padding-right:0px; margin-bottom: 15px; } 
.biography-item-wrapper .bod-content .top-copntent.intro-body > p { margin-bottom: 0; } 
.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,
.biography-item-wrapper .bod-content .social>a:focus span.text { text-decoration: underline } 
.biography-item-wrapper .bod-content a.btn-close:hover{ color: var(--color-primary-4); transition: var(--base-transition); } 
.bod__tab-item a { background: transparent; } 
.biography-item-wrapper .bod-content .btn-close .icon-close { color: var(--color-primary-4); font-size: 2.1rem; margin-left: 5px; position: relative; top: 4px; } 
.bod__tab { width: 100%; display: inline-flex; align-items: center; border-bottom: 1px solid var(--color-primary-3); } 
.bod__tab-item { padding: 13px 32px 13px 32px; text-align: center; } 

.bod__tab-item a:hover { color: var(--color-primary-2); background: none; } 
.bod__tab-item.active { background-color: var(--color-primary-3); padding-left: 32px; } 
.bod__tab-item.active a { color: var(--color-primary-11); } 
.bod__tab-item.active a:hover { color: var(--color-primary-11); } 
.bod__wrapper { opacity: 0; transition: 1s; } 
.bod__wrapper.current-open { opacity: 1; transition: 1s; } 
.bod__wrapper * { height: 0; } 
.bod__wrapper.current-open * { height: 100%; } 
.biography-item-wrapper a.bod-box-wrapper .image-wrapper-bod { overflow:hidden; } 
.biography-item-wrapper a.bod-box-wrapper:hover .image.banner-center-cover.jsBackDiv.lazy { transform: scale(1.25); transition: var(--base-transition); } 
.biography-main-wrapper .bod-content--grid.inner-module--spacing {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}
.bod__wrapper .related-links-wrapper{margin-top:27px;}
.bod__wrapper .related-links-wrapper .related-link1,.bod__wrapper .related-links-wrapper .related-link2{margin-top:16px;}
.bod__wrapper .related-links-wrapper .related-link1 span,.bod__wrapper .related-links-wrapper .related-link1 a,
.bod__wrapper .related-links-wrapper .related-link2 span,.bod__wrapper .related-links-wrapper .related-link2 a{line-height: 1.8rem;font-size: 1.6rem;font-family: var(--font-secondary-semibold);}
/* === BIOGRAPHY CSS === */
@media screen and (min-width: 768px) and (max-width: 1199.98px){
 .biography-item-wrapper .bod-content { width: calc(300% + 30px); position: relative; margin:20px 0 80px 0; } 
 .biography-item-wrapper .bod-member:nth-child(2n) .bod-content { left: 0; } 
 .biography-item-wrapper .bod-member:nth-child(4n-1) .bod-content { left: 0; } 
 .biography-item-wrapper .bod-member:nth-child(4n) .bod-content { left: 0; } 
 .biography-item-wrapper .bod-member:nth-child(3n + 2) .bod-content { left: calc(-100% - 15px); } 
.biography-item-wrapper .bod-member:nth-child(3n) .bod-content { left: calc(-200% - 30px); } 
.biography-main-wrapper .bod-content--grid.inner-module--spacing {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
 }
/*@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-main-wrapper .bod-content--grid.inner-module--spacing {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.biography-item-wrapper a.bod-box-wrapper .image{background-repeat:no-repeat; min-height:450px;background-size: cover; background-position: top center; }
.biography-item-wrapper .bod-content { width: 100% } 
.biography-item-wrapper .bod-member:nth-child(4n-1) .bod-content {left: 0;}
 .biography-item-wrapper .bod-member:nth-child(even) .bod-content { left: 0 } 
 .biography-item-wrapper a.bod-box-wrapper.active { 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 a.bod-box-wrapper.active .bod-box { min-height: 220px; padding: 20px; 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: "\e908" } 
 .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 a.btn-close .icon-close { font-size: 15px; top: 2px; position:relative; 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; } 
 .biography-item-wrapper .bod-content a.btn-close { color: var(--color-primary-6); position: absolute; right: 10px; top: 50px; z-index: 1; } 
 .bod__wrapper .related-links-wrapper .related-link1 span,.bod__wrapper .related-links-wrapper .related-link1 a,
.bod__wrapper .related-links-wrapper .related-link2 span,.bod__wrapper .related-links-wrapper .related-link2 a{font-size: 1.5rem;}
 
 }
 @media all and (max-width: 550.98px) {
 .biography-item-wrapper a.bod-box-wrapper .image{min-height:300px;}
 }

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 } 




/* ============================= External links with video CSS =========================== */

.external-links-with-video .item-cta-wrapper { margin-bottom:24px; } 
.external-links-with-video .item-cta-wrapper:last-child { margin-bottom:0; } 
.external-links-with-video .cta-wrapper { margin-top: 64px; } 
.external-links-with-video a.cta.cta-secondary.external--link:after { content: "\e937"; } 
a.cta.cta-link.external--link:after { content: "\e937"; } 
.external-links-with-video-inner-wrapper { position: relative; } 
.external-links-with-video-inner-wrapper .video-wrapper { position: absolute; width: 100%; left: 0; top: 0; height: 100%; } 
.link-contents-container { position: relative; z-index: 9; } 

.external-links-with-video-inner-wrapper .video-wrapper .video-player-wrapper .vjs-fluid:not(.vjs-audio-only-mode){padding-top: 938px;width: 100% !important;}
.external-links-with-video-inner-wrapper .video-wrapper .video-player-wrapper video{object-fit:cover;width: 100% !important;}

.external-links-with-video-inner-wrapper { height: 938px; } 
.external-links-with-video-inner-wrapper .link-contents-container { position: relative; z-index: 9; height: 100%; align-items: flex-start; display: flex; flex-direction: column; width: 100%; justify-content: center; } 
.external-links-with-video-inner-wrapper .link-contents-container .row { width:100%; } 
.external-links-with-video-inner-wrapper .video-wrapper .inv_ParentContainer, 
.external-links-with-video-inner-wrapper .video-wrapper .inv_playerContainer.inv_noData, 
.external-links-with-video-inner-wrapper .video-wrapper .inv_playerContainer.inv_playerReady,
.external-links-with-video-inner-wrapper .video-wrapper .inv_videoReady .inv_videoArea,
.external-links-with-video-inner-wrapper .video-wrapper .inv_videoMainContainer_inner, .external-links-with-video-inner-wrapper .video-wrapper .inv_videoDisplay, 
.external-links-with-video-inner-wrapper .video-wrapper .inv_playerContainer.inv_playerReady .inv_videoMainContainer { height: 100%; } 
.external-links-with-video .item-cta-wrapper a.cta.cta-link-external:after { opacity:0; transition:all 0.3s ease-in-out; } 
.external-links-with-video .item-cta-wrapper a.cta.cta-link-external:hover:after { opacity:1; } 

.external-links-with-video .inv_videoMainContainer_inner:before { content: ""; opacity: 0; background-color: #192D38; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; }
/*.external-links-with-video-inner-wrapper .video-wrapper { height:938px; object-fit-:cover; } 
*/
@media only screen and (max-width:1199.98px) {
  .external-links-with-video-inner-wrapper { height: 731px; } 
.external-links-with-video-inner-wrapper .video-wrapper .video-player-wrapper .vjs-fluid:not(.vjs-audio-only-mode){padding-top: 731px;}
 } 

@media screen and (max-width:991.98px){
 .external-links-with-video .cta-wrapper { margin-top: 32px; } 
 }

@media screen and (max-width:767.98px){
 .external-links-with-video .inv_videoMainContainer_inner:before { opacity:0.5; } 
 .external-links-with-video-inner-wrapper { height: 600px; } 
.external-links-with-video-inner-wrapper .video-wrapper .video-player-wrapper .vjs-fluid:not(.vjs-audio-only-mode){padding-top: 600px;}
.external-links-with-video-inner-wrappe .mfp-content .inv_videoArea iframe, .inv_videoArea video { object-position: 60%; } 
.external-links-with-video-inner-wrapper .video-wrapper{height: 600px;}
 }
 
 .no-result {
  text-align: center;
  padding: 20px;
    
 
}
.no-result.visible {
  opacity: 1; display: block !important;
}