.fpf__block.fpf__block__training-faculty-profile {
  container-type: inline-size;

  background: #F8F8F8;

  margin: 0 auto;
  max-width: 860px !important;
  width: 100%;
}

.fpf__block .fpf__block__training-faculty-profile__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--fpf--spacing--flex-05-27);

  padding: var(--fpf--spacing--flex-05-27);

  @container (min-width: 500px) {
    align-items: unset;
    flex-direction: row;
  }
}

.fpf__block .fpf__block__training-faculty-profile__top__image {
  /* 90 - 132, 250 - 900 */
  height: clamp(5.625rem, 4.6154rem + 6.4615vw, 8.25rem);
  width: clamp(5.625rem, 4.6154rem + 6.4615vw, 8.25rem);

  @container (min-width: 500px) {
    display: flex;
    justify-content: center;
  }
}

.fpf__block .fpf__block__training-faculty-profile__top__image img {
  /* 90 - 132, 250 - 900 */
  width: clamp(5.625rem, 4.6154rem + 6.4615vw, 8.25rem);
  height: clamp(5.625rem, 4.6154rem + 6.4615vw, 8.25rem);
  object-fit: cover;

  border-radius: 100%;
}

.fpf__block .fpf__block__training-faculty-profile__top__details {
  flex: 1;

  @container (min-width: 500px) {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.fpf__block .fpf__block__training-faculty-profile__top__details__full-name {
  color: #004A8B;
  font-family: var(--fpf--font-family--base);
  font-size: var(--fpf--font-size--flex-md-lg);
  font-style: normal;
  font-weight: 700;
  line-height: 126.667%;
}

.fpf__block .fpf__block__training-faculty-profile__top__details__title {
  color: #231F23;
  font-family: var(--fpf--font-family--base);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 162.5%;
}

.fpf__block .fpf__block__training-faculty-profile__top__details__company-name {
  color: #231F23;
  font-family: var(--fpf--font-family--base);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 162.5%;
}

.fpf__block .fpf__block__training-faculty-profile__top__expander {
  @container (min-width: 500px) {
    display: flex;
    align-items: center;

    height: 57px;
    align-self: center;

    border-left: 2px solid #004A8B;
    padding-left: var(--fpf--spacing--flex-05-27);
  }
}

.fpf__block__training-faculty-profile__top__expander:hover {
  cursor: pointer;
}

.fpf__block .fpf__block__training-faculty-profile__top__expander svg {
  transform: rotate(0deg);
  transition: transform 0.25s;
}

.fpf__block.fpf__block__training-faculty-profile[data-expanded='true'] .fpf__block__training-faculty-profile__top__expander svg {
  transform: rotate(135deg);
}

.fpf__block__training-faculty-profile__bottom {
  display: flex;
  flex-direction: column;
  gap: var(--fpf--spacing--flex-05-27);

  max-height: 0;
  overflow: hidden;

  border-top: 1px solid #F8F8F8;
  padding: 0 var(--fpf--spacing--flex-05-27);
  transition: all 0.25s ease-in-out;

  @container (min-width: 750px) {
    flex-direction: row;
  }
}

.fpf__block.fpf__block__training-faculty-profile[data-expanded='true'] .fpf__block__training-faculty-profile__bottom {
  max-height: 100vh;

  border-color: #E0E7EC;
  padding: var(--fpf--spacing--flex-05-27);
}

/* ACF adds an extra container in the block editor. */
.fpf__block .fpf__block__training-faculty-profile__bottom__bio-container__bio,
.fpf__block .fpf__block__training-faculty-profile__bottom__bio-container__bio .acf-innerblocks-container {
  display: flex;
  flex-direction: column;
  gap: var(--fpf--spacing--10);

  max-width: 495px;

  color: var(--fpf--color--brand-black);
  font-family: var(--fpf--font-family--base);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 162.5%;
}

.fpf__block .fpf__block__training-faculty-profile__bottom__bio-container__bio a {
  color: var(--fpf--color--brand-black);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.fpf__block .fpf__block__training-faculty-profile__bottom__sessions-container__heading {
  color: var(--fpf--color--brand-black);
  font-family: var(--fpf--font-family--base);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;

  margin-bottom: var(--fpf--spacing--07);
}

.fpf__block .fpf__block__training-faculty-profile__bottom__sessions-container__sessions {
  display: flex;
  flex-direction: column;
  gap: var(--fpf--spacing--07);
}

.fpf__block .fpf__block__training-faculty-profile__bottom__sessions-container__sessions a {
  display: block;

  color: #004A8B;
  font-family: var(--fpf--font-family--base);
  font-size: 16px;
  font-weight: 700;
  line-height: 125%;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.fpf__block .fpf__block__training-faculty-profile__bottom__sessions-container__sessions a:hover {
  color: var(--fpf--color--brand-black);
  cursor: pointer;
}