/* === BIOGRAPHY CSS === */
.bod-module .bod-intro-content .h6 { color:var(--cobalt-light);} 
.bod-module .bod-intro-content h2 { color:var(--cobalt-prime);} 
.bod-module .bod-intro-content { margin-bottom:40px;} 
.bod-module .tab-bod-content-wrapper .bod-content-details { width: calc(300% + 60px); position: relative; margin-top: 40px; border-radius: 20px;background-color: var(--white-light);box-shadow: var(--small-shadow);padding: 40px 0px 48px; display: none;border:2px solid var(--cobalt-prime);} 
.bod-module .tab-bod-content-wrapper .bod-member:nth-child(3n+2) .bod-content-details { left: calc(-100% - 30px); } 
.bod-module .tab-bod-content-wrapper .bod-member:nth-child(3n) .bod-content-details { left: calc(-200% - 60px); } 
.bod-module .tab-bod-content-wrapper .bod-content-details a.btn-close { font-size: 4.0rem;color: var(--graphite-light);position: absolute;right: 100px;top: 47px;z-index: 1;} 
.bod-module .tab-bod-content-wrapper .bod-box-wrapper { display: block; box-shadow: var(--small-shadow);background:var(--cobalt-prime);border-radius: 16px;padding: 2px;box-sizing: border-box; } 
.bod-module .tab-bod-content-wrapper .bod-box-wrapper:hover { background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 14px, transparent 14px) 0% 0%/16px 16px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 14px, transparent 14px) 100% 0%/16px 16px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 14px, transparent 14px) 0% 100%/16px 16px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 14px, transparent 14px) 100% 100%/16px 16px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 32px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 32px) calc(100% - 4px) no-repeat, linear-gradient(90deg, #060f76 0%, #1D5EDC 100%); } 
.bod-module .tab-bod-content-wrapper .bod-box-wrapper .bod-member-box { position: relative; } 
.bod-module .tab-bod-content-wrapper .bod-box-wrapper .bod-member-box::before { content:''; } 
.bod-module .tab-bod-content-wrapper .bod-box-wrapper .bod-member-box .bod-image img { border-top-left-radius: 13px;border-top-right-radius: 13px; height: 300px; } 
.bod-module .tab-bod-content-wrapper .bod-box-wrapper .bod-member-box .white-section { padding: 28px 30px 36px; background-color: var(--white-light);border-bottom-left-radius: 14px;border-bottom-right-radius: 14px; } 
.bod-module .tab-bod-content-wrapper .bod-box-wrapper .bod-member-box .name { margin-bottom: 6px; color: var(--cobalt-prime); } 
.bod-module .tab-bod-content-wrapper .bod-box-wrapper .bod-member-box .role { color: var(--cobalt-light); text-transform: uppercase; } 
.bod-module .tab-bod-content-wrapper .bod-member { margin-bottom:36px; } 
.bod-module .tab-bod-content-wrapper { margin-top: 48px; } 
.bod-module .bod-box-wrapper .open-btn { position: absolute;bottom: -27px;left: 0;right: 0;margin: auto;text-align: center;padding: 4px;background-color: var(--white-light);width: 56px;height: 56px;border-radius: 100%; display:none; transition: 0.5s; } 
.bod-module .bod-box-wrapper:hover .open-btn,.bod-box-wrapper.active .open-btn { display:block; } 
.bod-module .bod-box-wrapper .open-btn .opn { background-color: var(--white-light);border: 2px solid var(--cobalt-light);width: 48px;height: 48px;border-radius: 100%;display: flex;align-items: center;justify-content: center; } 
.bod-module .bod-box-wrapper .open-btn .opn span.icon-plus { background: var(--cobalt-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-size: 1.8rem; } 
.bod-module .bod-box-wrapper .open-btn .opn span.icon-minus { display:none; color:var(--white-light) } 
.bod-module .bod-box-wrapper.active .open-btn button span.icon-minus { display:block; } 
.bod-module .bod-box-wrapper.active .open-btn button span.icon-plus { display:none; } 
.bod-module .bod-box-wrapper.active .open-btn button { background: var(--cobalt-gradient);border-color: transparent; } 
.bod-module .bod-content-details .h4 { color: var(--cobalt-prime); margin-bottom: 4px; } 
.bod-module .bod-content-details .role { color: var(--cobalt-light); text-transform: uppercase;margin-bottom: 21px;}
.bod-module .bod-content-details .share-link { font-size: 21px;margin-left: 37px;color: var(--cobalt-prime); } 
.bod-module .bod-intro-content .h6{margin-bottom:0px;}
.bod-module .bod-intro-content h2{margin-top:12px;margin-bottom:0px;}
/* === BIOGRAPHY CSS === */

@media all and (max-width: 991.98px) {
 .bod-module .tab-bod-content-wrapper .bod-content-details { width: calc(300% + 30px); } 
 .bod-module .tab-bod-content-wrapper .bod-member:nth-child(3n) .bod-content-details { left: calc(-200% - 30px); } 
 .bod-module .tab-bod-content-wrapper .bod-member:nth-child(3n+2) .bod-content-details { left: calc(-100% - 15px); }
.bod-module .tab-bod-content-wrapper .bod-box-wrapper .bod-member-box .bod-image img{ height: 180px;}
 .bod-module .bod-intro-content { margin-bottom: 32px; } 
 .bod-module .tab-bod-content-wrapper { margin-top: 34px; } 
 .bod-module .bod-box-wrapper .bod-member-box .white-section { padding: 16px; min-height: 144px; } 
 .bod-module .bod-box-wrapper .open-btn .opn span.icon { font-size: 1.1rem; } 
 .bod-module .bod-box-wrapper .open-btn .opn { width:27px; height:27px; } 
 .bod-module .bod-box-wrapper .open-btn { width: 32px;height: 32px; padding: 2px; bottom: -16px; } 
 .bod-module .bod-box-wrapper .bod-member-box .role { margin-bottom:4px; } 
 .bod-module .bod-box-wrapper .bod-member-box .white-section { min-height:auto; } 
 .bod-module .tab-bod-content-wrapper .bod-content-details { padding: 40px; } 
 .bod-module .tab-bod-content-wrapper .bod-box-wrapper .bod-member-box .white-section{padding: 16px 16px 20px;}
 }
@media all and (max-width: 767.98px) {
 .bod-module .tab-bod-content-wrapper .bod-content-details { width: 100%; padding: 24px; } 
 .bod-module .tab-bod-content-wrapper .bod-member:nth-child(even) .bod-content-details,.bod-module .tab-bod-content-wrapper .bod-member:nth-child(3n) .bod-content-details, .bod-module .tab-bod-content-wrapper .bod-member:nth-child(3n+2) .bod-content-details { left: 0 } 
 .bod-module .bod-intro-content { margin-bottom: 20px; } 
 .bod-module .bod-box-wrapper .bod-member-box .white-section { padding: 20px 24px; } 
 .bod-module .bod-box-wrapper .open-btn { width: 44px; height: 44px; padding: 3px; bottom: -22px; } 
 .bod-module .bod-box-wrapper .open-btn .opn { width: 37px; height: 37px; } 
 .bod-module .bod-box-wrapper .open-btn .opn span.icon { font-size: 1.4rem; } 
 .bod-module .bod-member { margin-bottom: 54px; } 
 .bod-module .tab-bod-content-wrapper .bod-content-details { padding: 24px; } 
 .bod-content-details .share-link { font-size: 16px; margin-left: 20px; } 
 .bod-module .tab-bod-content-wrapper .bod-content-details a.btn-close { font-size: 2.4rem;right: 32px;top: 32px; } 
 .bod-module .bod-content-details .role { padding-right: 30px; } 
 .bod-module .tab-bod-content-wrapper .bod-box-wrapper .bod-member-box .white-section{height: auto !important;}
 .bod-module .tab-bod-content-wrapper .bod-box-wrapper .bod-member-box .white-section {
  padding: 20px 28px 24px;
}
.bod-module .tab-bod-content-wrapper .bod-box-wrapper .bod-member-box .bod-image img {
  min-height: 280px;
}
.bod-module .bod-intro-content h2 {margin-top: 8px;}
 }

