/*=== Begin Bio Detail ===*/
.lp-bio-detail .lp-bio-title {
  color: var(--Blue-900);
  font-style: normal;
  font-size: var(--font-heading-h1-large);
  font-weight: 600;
  line-height: 100%;
  /* 60px */
  letter-spacing: -0.6px;
  margin-bottom: 8px;
}

.lp-bio-detail .lp-bio-subtitle {
  color: var(--Blue-900);
  font-size: var(--font-heading-label-large);
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 28.6px */
  margin-bottom: var(--spacing-xsmall);
}
.lp-bio-detail .lp-bio-information {
    color: var(--Gray-1000);
font-size: var(--font-body-text-xsmall);
font-style: normal;
font-weight: 400;
line-height: 160%;
             margin-bottom: var(--spacing-medium);
    }
.lp-bio-detail .lp-bio-description {
  margin-bottom: var(--spacing-large);
  border-bottom: 2px solid var(--gray-200);
}

.lp-bio-detail .lp-bio-description {
  color: var(--Gray-1000);
  font-size: var(--font-body-text-medium,);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: var(--spacing-xlarge);
}


.lp-bio-detail .lp-bio-description blockquote {
  color: var(--Blue-900);
  font-size: var(--font-body-blockquote);
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  margin: var(--spacing-none) var(--spacing-none) var(--spacing-xlarge) var(--spacing-none);
  display: block;
     padding-left: var(--spacing-medium);
  border-left: 3px solid var(--Green-500);
}

.lp-bio-detail .lp-bio-card {
  display: flex;
  gap: 32px;
  flex-direction: column-reverse;
        word-break: break-word;
}

@media (min-width: 1024px) {
  .lp-bio-detail .lp-bio-card__content {
    padding: 96px 126px 18px 0px;
  }

  .lp-bio-detail .lp-bio-card {
    display: flex;
    gap: 32px;
    flex-direction: row;
  }

  .lp-bio-detail .lp-bio-card__content {
    width: 50%;
  }

  .lp-bio-detail .lp-bio-card__image {
    width: 50%;
    height: fit-content;
    position: sticky;
    top: 0;
  }
}

.lp-bio-detail .image-container {
  border-radius: 30px 4px;
  overflow: hidden;
  /* margin-bottom: var(--spacing-xxlarge); */
}

.lp-bio-detail .image-container img {
  width: 100%;
    border-radius: 30px 4px;
        aspect-ratio: 711 / 673;
    object-fit: cover;
    object-position: top;
}

@media (min-width: 1024px) {
  .lp-bio-detail .image-container {
    margin-bottom: 0px;
  }
}

.left-border-box.purple {
  border-left: 3px solid var(--Purple-500, #8c6ce7);
  margin-bottom: var(--spacing-large);
  padding: var(--spacing-none) var(--spacing-none) var(--spacing-none) var(--spacing-medium);
  display: block;
}

.info-title {
  color: var(--Gray-1000);
  font-size: var(--Font-Labels-Label_MD, 14px);
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  margin-bottom: var(--spacing-small);
}
.left-border-box.purple>p{
     margin-bottom: var(--spacing-small);
        }
@media (min-width: 768px) {
  .info-title {
    font-size: var(--Font-Labels-Label_MD, 16px);
  }
}

.lp-bio-information ul li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
  color: var(--Gray-1000);
  font-size: var(--font-body-text-small);
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  position: relative;
}
.lp-bio-information>ul>li:last-child span.left-border-box ul li {
    display: inline-flex;
            width:47%;

        }
.lp-bio-information span.left-border-box ul li::before {
  content: " ";
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: var(--Purple-500);
    margin-top: 4px;
    flex: 0 0 6px;
}

@media (min-width: 768px) {
  .two-column-layout ul {
    -moz-column-count: 2;
    column-count: 2;
  }
}

.lp-bio-header {
  margin-bottom: var(--spacing-xlarge);
  padding-bottom: var(--spacing-xlarge);
  border-bottom: 2px solid var(--Gray-200, #ece8ec);
}

@media (max-width: 1024px) and (min-width: 768px) {
  .lp-bio-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }

  .lp-bio-header>div:first-child,
  .lp-bio-header .button-group {
    width: 50%;
  }

  .lp-bio-header .button-group ul {
    justify-content: flex-end;
  }
}

.tui_icon_btn .lp::before {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--Gray-000, #fff);
  width: 48px;
  height: 48px;
  padding: 1rem;
  font-size: 1.25rem;
}
.tui_download_button a,
.tui_download_button button {
  display: inline-block;
  border: none;
  background-color: transparent;
  color: var(--Brand-Blue-500);
  /* Buttons/Button_MD */
  font-size: var(--font-button-medium);
  font-style: normal;
  font-weight: 800;
  line-height: 130%; /* 20.8px */
  display: flex;
  padding-bottom: 8px;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xxsmall);
  border-bottom: 1.5px solid var(--Brand-Blue-500);
  text-decoration: none;
}
.tui_download_button a:hover,
.tui_download_button button:hover {
  color: var(--Brand-Blue-500);
}
.tui_download_button a:after {
content: "\e374";
font-family: "loopicon";
font-size: 0.75rem;
color: var(--Brand-Blue-500);
}
/*=== end Bio Detail ===*/