/* Bios CSS */
 .team-support .section-title {
   padding-bottom: 140px;
 }

 .team-support .section-title img {
   margin-left: -180px;
 }

 .team-support .blue-box {
   max-width: 1072px;
 }

 .bios {
   padding: 98px 0 200px;
 }

 .bios .section-title {
   padding-bottom: 38px;
 }

 .head-title {
   background-color: var(--black-clr);
   padding: 30px 30px 30px;
   min-height: 157px;
 }

 .head-title .h4,
 .head-title span {
   font-size: 28px;
   line-height: 32px;
   font-weight: 600;
   letter-spacing: 1px;
   color: #fff;
   padding-bottom: 0;
 }

 .head-title span {
   font-weight: 300;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   min-height: 65px;
 }

 .bios .img-block img {
   width: 100%;
   border-radius: 0px 0px 93.65px 0px;
 }

 .bios .img-block {
   position: relative;
 }

 .bios .row {
   margin: 0 -32px;
 }

 .bios .row [class*="col-"] {
   padding: 0 32px 75px;
 }

 .bios .btn-block {
   text-align: center;
   padding-top: 110px;
 }

 .expand-content {
   background-color: rgba(0, 75, 152, .90);
   padding: 55px 38px 35px 48px;
   border-radius: 0px 0px 93.65px 0px;
   position: absolute;
   top: 0px !important;
   left: 0 !important;
   transform: none !important;
   border: none !important;
 }
 .expand-content a:hover {
    color: var(--white-clr);
 }

 .bios .img-block:before {
   content: "";
   height: 104px;
   width: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
   background-color: rgba(0, 75, 152, .90);
   z-index: -4;
   opacity: 0;
   visibility: hidden;
   transition: var(--transition);
 }

 .bios-item.click-active .img-block:before {
   opacity: 1;
   visibility: visible;
 }

 .img-block .dropdown-toggle::after {
   display: none;
 }

 .img-block .dropdown-menu {
   display: block;
   opacity: 0;
   visibility: hidden;
   transition: var(--transition);
   top: 100% !important;
   z-index: 1;
   transform: none !important;
   inset: auto !important;
 }

 .img-block .dropdown-menu.show {
   opacity: 1;
   visibility: visible;
 }

 .img-block .dropdown-toggle.show span::after {
   visibility: hidden;
   opacity: 0;
 }

 .expand-content p,
 .expand-content a {
   font-size: 18px;
   line-height: 28px;
   font-weight: 400;
   letter-spacing: 1px;
   color: var(--white-clr);
 }

 .expand-content a {
   color: var(--brand-clr);
   font-weight: 500;
 }

 .click-btn {
   height: 70px;
   width: 70px;
   border-radius: 100%;
   border: 1px solid #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   right: 20px;
   bottom: 34px;
   -webkit-transition: 0.3s all ease;-o-transition: 0.3s all ease;transition: 0.3s all ease;
 }

 .click-btn:hover{
  border-color: var(--brand-clr);
 }

 .click-btn span {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 0;
 }

 .click-btn span:before,
 .click-btn span:after {
   content: "";
   position: absolute;
   height: 5px;
   width: 28px;
   background-color: #fff;
   -webkit-transition: 0.3s all ease;-o-transition: 0.3s all ease;transition: 0.3s all ease;
 }

 .click-btn:hover span:before,
 .click-btn:hover span:after{
  background-color: var(--brand-clr);
 }

 .click-btn span:after {
   width: 5px;
   height: 28px;
 }

 .bios-item .img-block {
   border-radius: 0px 0px 93.65px 0px;
   background-color: var(--black-clr);
 }

 /* Responsive CSS */
 @media screen and (max-width: 1699px) {
   .bios {
     padding: 98px 0 150px;
   }
 }

 @media screen and (max-width: 1599px) {
   .expand-content {
     padding: 20px 18px 20px 18px;
     border-radius: 0px 0px 50px 0px;
   }
 }

 @media screen and (max-width: 1499px) {
   .bios {
     padding: 98px 0 110px;
   }

   .team-support .section-title img {
     margin-left: -80px;
   }

   .bios .img-block img {
     border-radius: 0px 0px 50px 0px;
   }

   .bios-item .img-block {
     border-radius: 0px 0px 50px 0px;
   }

   .head-title span {
     font-size: 25px;
   }
 }

 @media screen and (max-width: 1536px) {
   .bios {
     padding: 88px 0 110px;
   }
 }

 @media screen and (max-width: 1399px) {
   .bios .row {
     margin: 0 -18px;
   }

   .bios .row [class*="col-"] {
     padding: 0 18px 45px;
   }

   .bios .btn-block {
     padding-top: 170px;
   }

   .head-title {
     padding: 25px 20px 25px;
     min-height: 130px;
   }

   .head-title .h4,
   .head-title span {
     font-size: 22px;
     line-height: 28px;
   }

   .head-title span {
     min-height: 56px;
   }

   .click-btn {
     height: 50px;
     width: 50px;
   }

   .click-btn span::before {
     width: 24px;
   }

   .click-btn span::after {
     height: 24px;
   }

   .expand-content {
     padding: 35px 20px 25px 20px;
   }

   .team-support .img-block img {
     max-width: 540px;
   }

   .expand-content p,
   .expand-content a {
     font-size: 16px;
     line-height: 26px;
   }

   .bios {
     padding: 88px 0 100px;
   }
 }

 @media screen and (max-width: 1199px) {
   .bios {
     padding: 98px 0 100px;
   }

   .bios .btn-block {
     padding-top: 80px;
   }

   .head-title {
     min-height: 136px;
   }

   .team-support .img-block img {
     max-width: 490px;
   }

   .bios-item .head-title,
   .bios-item .head-title span {
     min-height: 10px;
   }

   .bios-item .head-title span {
     font-size: 20px;
   }
 }

 @media screen and (max-width: 991px) {
   .bios {
     padding: 80px 0;
   }

   .section-title img {
     max-width: 46px;
     height: auto;
   }

   .team-support .section-title img {
     margin-left: 100px;
   }

   .team-support .section-title {
     padding-bottom: 0;
   }

   .team-support .img-block img {
     max-width: 100%;
   }

   .expand-content {
     padding: 20px 12px 20px 12px;
   }

   .expand-content p,
   .expand-content a {
     font-size: 15px;
     line-height: 24px;
   }
 }

 @media screen and (max-width: 767px) {
   .bios {
     padding: 50px 0;
   }

   .bios .section-title {
     padding-bottom: 25px;
   }

   .head-title .h4,
   .head-title span {
     font-size: 20px;
     line-height: 24px;
   }

   .head-title {
     padding: 20px 16px 20px;
   }

   .head-title {
     min-height: auto;
   }

   .bios .row {
     margin: 0 -12px;
   }

   .bios .row [class*="col-"] {
     padding: 0 12px 24px;
   }

   .bios .img-block img,
   .expand-content {
     border-radius: 0;
   }

   .click-btn {
     bottom: 20px;
   }

   .bios-item .head-title span {
     min-height: 10px;
     padding-top: 5px;
   }
 }

 @media screen and (max-width: 575px) {
   .bios .row [class*="col-"] {
     padding: 0 12px 24px;
   }

   .head-title .h4,
   .head-title span {
     font-size: 18px;
     line-height: 22px;
   }

   .team-support .section-title img {
     margin-left: 80px;
   }

   .bios .btn-block {
     padding-top: 100px;
   }
 }

 @media screen and (max-width: 480px) {
   .team-support .section-title img {
     margin-left: 70px;
   }

   .expand-content p,
   .expand-content a {
     font-size: 14px;
     line-height: 22px;
   }

   .bios .btn-block {
     padding-top: 110px;
   }
 }

 @media screen and (max-width: 399px) {
   .bios .btn-block {
     padding-top: 150px;
   }
 }
 @media screen and (max-width: 319px) {
  .expand-content p, .expand-content a {
    font-size: 11px;
    line-height: 18px;
  }
 }