.blue-circle {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: #53b1df;
    border-radius: 50%;
    vertical-align: super;
    margin-left: 3px;
    position: relative;
    top: -2px;
}

.bod-italic-txt {
      font-style: italic;
  }

  .bod-image-wrap {
      position: relative;

  }

  .relative-block {
      position: relative;
  }

  .exerc-botBlock {
      padding: 15px;
  }

  .exerc-botBlock p {
      margin-bottom: 0px;
  }

  .border-bot-margin{margin-bottom: 15px !important; border-bottom: 1px solid #002159;}

.bod-key-adjust-width{ width :400px !important;}
  .bod-text-block {
      position: absolute;
      width: 100%;
      bottom: 0px;
      border-radius: 10px 10px 0 0;
      border: 1px solid #B79D77;
      background: #002159d1;
      backdrop-filter: blur(16px);
      padding: 10px 15px;
      min-height: 60px;
      max-height: 75px;
      padding-right: 50px;
  }

  .bod-text-block-last {

      min-height: 80px;
      max-height: 80px;
  }



  .bod-title {
      color: #FFF;
      margin-bottom: 0px;
      font-size: 13px;
      font-style: normal;
      font-weight: 350;
      line-height: 18px;

  }

  .bod-name {
      color: #B79D77;
      font-family: "times-new-roman", sans-serif;
      font-size: 18px;
      font-style: normal;
      margin-bottom: 0px;
      font-weight: 700;
      line-height: 26px;
      position: relative;
      letter-spacing: 0.32px;
  }

  .bod-name::after {
      content: '';
      position: absolute;
      right: -48px;
      width: 40px;
      top: 9px;
      height: 40px;
      background: url('../images/bod-btn-arrow.svg') no-repeat;
      transition: 0.5s all ease-in;
  }

  .leaderGrid:hover .bod-name::after {
      content: '';
      position: absolute;
      right: -38px;
      width: 40px;
      transform: scale(1.01, 1.01);
      height: 40px;
      background: url('../images/bod-btn-arrow.svg') no-repeat;
  }


  .rowSeparator {
      position: relative;
      display: flex;
      gap: 20px;
      margin-bottom: 15px;

  }

  .bio-block {
      display: none;
      border: 1px solid #B79D77;
      border-radius: 8px;
  }

  .leader-bio-wrapper img {
      border-radius: 8px;
  }

  .Bioactive {
      display: block;
      background: #fff;
      position: relative;
      width: 100%;
      Left: 0px;
      top: 0px;
      padding-top: 25px;
      z-index: 100;
      animation: fadeIn 0.5s ease forwards;
  }

  .Bioactive .bod-title {
      margin-bottom: 0px;
      font-style: italic;
      font-size: 15px;
      margin-top: 12px;
      line-height: 1.5;
  }


  .font-16 {
      font-size: 16px
  }



  .bod-top-block {
      margin: 25px 0px;
  }

  .leader-bio-wrapper {
      position: relative;
  }

  .close {
      position: absolute;
      right: 15px;
      top: 6px;
      z-index: 999;

      background: #D9D9D9;

      text-align: center;
      width: 30px;
      align-content: center;
      height: 30px;
      border-radius: 55%;
      cursor: pointer;
  }

  .rem-bod-block {
      min-height: 110px;
      cursor: pointer;
  }


  .bio-image-block {
      overflow: hidden;
      height: 100%;
      position: relative;

      display: flex;
      align-items: flex-end;
  }


  .bio-text {
      padding: 15px;
      padding-right: 50px
  }

  .NonActive {
      display: none;
      animation: fadeOut 0.5s ease forwards;
  }

  .leaderGrid {
      width: 24%;
      animation: fadeIn 0.5s ease forwards;
      position: relative;
  }


  .Width100 {
      width: 100% !important;
  }

  .Width100 .rem-bod-block {
      display: none;
  }

  .board-tabs .tabs {
      padding-left: 0px;
      display: flex;
      list-style: none;
      gap: 20px;
  }


  .board-tabs .tabs li {
      border: 1px solid #B79D77;
      text-align: center;
      color: #B79D77;
      cursor: pointer;
      padding: 10px 30px;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      z-index: auto;
  }

  .board-tabs .active {
      display: block;
      background: #B79D77;
      color: #fff !important;
      position: relative;
      width: unset;
      Left: 0px;
      top: 0px;
      z-index: auto;
      animation: fadeIn 0.5s ease forwards;
  }

  .board-tabs .tab-drawer-heading {
      display: none;
  }

  .Bod-com-key {
      color: #555659;
      background-color: #D9D9D9;
      width: 50px;
      height: 50px;
      position: relative;
      text-align: center;
      align-content: center;
      border-radius: 50%;
      transition: 500ms all ease-in;

  }

  .commitie-icons {
      display: flex;
      padding-bottom: 60px;
      gap: 15px;
  }

  .Bod-com-key:hover .commit-discrip {
      display: block;
      transition: 500ms all ease-in;

  }

  .commit-discrip {
      display: none;
      color: #555659;
      position: absolute;
      width: 300px;
      bottom: -59px;
      left: 0px;
      border-radius: 50px;
      background-color: #D9D9D9;
      padding: 10px;
      border: 1px solid #D9D9D9;
      animation: fadeIn 0.5s ease forwards;
  }

  .bot-placement {
      display: flex;
      align-content: end;
      align-items: center;
      height: 100%;
  }



  .bg-dbliu-white {
      background: #002159;
      color: #fff;
  }

  .comittiekey-heading {
      font-size: 20px;
      color: #002159;
      font-weight: 600;
  }

  .border-blue-lft-block {
      border-left: 1px solid #002159;
      padding-left: 15px;

  }

  .bod-key-spacing {
      padding-top: 20px
  }

  .Zoom-in {
      transition: 0.34s all ease-in;
  }

  .Zoom-in:hover {
      transform: scale(1.05);

  }

  .bg-brown-bod {
      background-color: #B79D77;
  }

  .swich-dgray {
      color: #555659 !important;
  }

  .boi-bod-name {
      color: #B79D77;
      font-family: "times-new-roman", sans-serif;
      font-size: 18px;
      font-style: normal;
      margin-bottom: 0px;
      font-weight: 700;
      line-height: 26px;
      position: relative;
      letter-spacing: 0.32px;
  }

  .swich-dblue {
      color: #002159;
  }

  .bod-font-26 {
      font-size: 26px;
  }

  .bod-font-30 {
      font-size: 30px;
  }

  .bio-text .bod-name::after {
      content: '';
      position: absolute;
      right: -20px;
      width: 0px;
      height: 0px;
      background: unset;
      transition: 0.5s all ease-in;
  }

  .bioBot-block {
      min-height: calc(100% - 35px);
      border-right: 1px solid #002159;
      border-left: 1px solid #002159;
      padding: 15px;
      padding-top: 0px;
      margin-bottom: 15px;
  }

  .no-border-l {
      border-left: none !important;
  }

  .no-border-r {
      border-right: none !important;
  }

  .long-bio-img {
      height: unset;

  }

  @media screen and (min-width: 993px) and (max-width: 1400px) {

      .relative-block.bod-text-block {

          padding: 6px 15px ;
          
          padding-right: 42px;
      }
      .bod-text-block-last {
    min-height: 85px;
    max-height: 85px;
    bottom:-1px;
}
.bod-name {

    font-size: 15px;
  
}
      .bod-title {

          font-size: 12px;
    line-height: 14px;
      }
  }








  @media screen and (max-width: 992px) {
.bod-key-adjust-width{ width :100% !important;}
      .bod-image-wrap {
          display: flex;
          justify-content: space-around;
      }

      .bod-text-block {
          position: relative;
          padding: 10px 15px;
          min-height: Auto;
          max-height: unset;
          padding-right: 42px;
      }

      .bod-title {

          font-size: 18px;

      }



      .board-tabs .tab-drawer-heading {
          display: block;
      }

      .board-tabs .tabs {
          display: none;
      }

      .Bioactive .commit-discrip {
          display: none;
          color: #555659;
          position: absolute;
          width: 200px;
          bottom: -51px;
          font-size: 13px;
          left: -9px;
          border-radius: 50px;
          background-color: #D9D9D9;
          padding: 10px;
          border: 1px solid #D9D9D9;
          animation: fadeIn 0.5s ease forwards;
      }

      .rowSeparator {
          flex-wrap: wrap;


      }

      .bio-image-block {

          display: flow;
          align-items: unset;
          text-align: center;
      }

      .leaderGrid {
          width: 48%;
          animation: fadeIn 0.5s ease forwards;
          position: relative;
      }

      .tab-drawer-heading {
          border: 1px solid #B79D77;
          cursor: pointer;
          padding: 10px 30px;
          font-size: 20px;
          font-style: normal;
          font-weight: 500;
          margin-bottom: 15px;
      }

      .board-tabs .d-active {
          display: block;
          background: #B79D77;
          color: #fff !important;
          position: relative;
          width: unset;
          Left: 0px;
          top: 0px;
          z-index: auto;
          animation: fadeIn 0.5s ease forwards;
      }

      .leaderGrid {
          width: 100%;
          margin: 10px auto
      }

      .commit-discrip {
          display: block;
          position: relative;
          width: unset;
          bottom: 0;
          left: 0;
          border-radius: 10px;
          border: none;

      }

      .bio-text {

          padding-right: 15px;
      }

      .commitie-icons {

          /* margin-right: 250px; */
          flex-wrap: wrap;

      }

      .Bod-com-key {
          width: 100%;
          border-radius: 10px;
          margin-bottom: 50px;

      }
  }

  
  @media screen and (max-width:390px) {
      .bod-image-wrap {
          display: unset;
          justify-content: space-around;
      }
  }