/**
 * HCP The Team page — Lyn_Interconnect01 node 497:5609
 * Scoped to body.hcp_team.sect-hcp
 */

.hcp_team.sect-hcp {
  --figma-eucalyptus: #60c3ad;
  --figma-support-bg: rgba(96, 195, 173, 0.3);
}

.hcp_team.sect-hcp main section.module-1 {
  background: #fff !important;
  background-image: none !important;
  padding: 32px 15px 48px !important;
}

.hcp_team.sect-hcp main section.module-1 .section-wrapper {
  max-width: 960px !important;
  width: 100% !important;
  text-align: center !important;
}

.hcp_team.sect-hcp main section.module-1 .section-wrapper h1 {
  color: var(--figma-amethyst) !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-weight: 900 !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
  margin: 0 auto 16px !important;
  max-width: 994px !important;
}

.hcp_team.sect-hcp main section.module-1 .section-wrapper > p {
  color: #322c45 !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  max-width: 846px !important;
  margin: 0 auto !important;
}

.hcp_team.sect-hcp main section.module-1 .section-wrapper > p + p {
  margin-top: 0 !important;
}

.hcp_team.sect-hcp main section.module-1 .section-wrapper > p:last-of-type:not(.footnote) {
  margin-bottom: 32px !important;
}

.hcp_team.sect-hcp main section.module-1 .section-wrapper > ul {
  display: none !important;
}

.hcp_team.sect-hcp main section.module-2 {
  display: none !important;
}

.hcp_team.sect-hcp main section.module-1 .team-diagram {
  width: 100% !important;
  max-width: 910px !important;
  margin: 0 auto 24px !important;
}

.hcp_team.sect-hcp main section.module-1 .team-primary {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-bottom: 32px !important;
}

.hcp_team.sect-hcp main section.module-1 .team-icon {
  width: 89px !important;
  height: 99px !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hcp_team.sect-hcp main section.module-1 .team-icon img {
  display: block !important;
  width: auto !important;
  height: 99px !important;
  max-width: 89px !important;
  object-fit: contain !important;
}

.hcp_team.sect-hcp main section.module-1 .team-card.primary {
  width: 100% !important;
  max-width: 290px !important;
  min-height: 156px !important;
  padding: 10px 8px 16px !important;
  border-radius: 8px !important;
  background-color: var(--figma-eucalyptus) !important;
  color: #fff !important;
}

.hcp_team.sect-hcp main section.module-1 .team-card.primary h3 {
  color: #fff !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  margin: 0 0 16px !important;
}

.hcp_team.sect-hcp main section.module-1 .team-card.primary p {
  color: #fff !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.hcp_team.sect-hcp main section.module-1 ul.team-support {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 910px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
  position: static !important;
  height: auto !important;
}

.hcp_team.sect-hcp main section.module-1 ul.team-support li {
  flex: 0 0 100% !important;
  max-width: 290px !important;
  min-height: 87px !important;
  margin: 0 !important;
  padding: 16px 8px !important;
  border-radius: 8px !important;
  background-color: var(--figma-support-bg) !important;
  color: var(--figma-midnight) !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  z-index: auto !important;
}

.hcp_team.sect-hcp main section.module-1 ul.team-support li::before,
.hcp_team.sect-hcp main section.module-1 ul.team-support li::after {
  display: none !important;
  content: none !important;
}

.hcp_team.sect-hcp main section.module-1 ul.team-support li h3 {
  color: var(--figma-midnight) !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  margin: 0 0 8px !important;
}

.hcp_team.sect-hcp main section.module-1 ul.team-support li h3 sup {
  font-size: 0.645em !important;
  line-height: 0 !important;
  position: relative !important;
  top: -0.45em !important;
  vertical-align: baseline !important;
  font-weight: 400 !important;
}

.hcp_team.sect-hcp main section.module-1 ul.team-support li p {
  color: var(--figma-midnight) !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.hcp_team.sect-hcp main section.module-1 .section-wrapper p.footnote {
  max-width: 937px !important;
  margin: 24px auto 0 !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 15px !important;
  color: #322c45 !important;
  text-align: center !important;
  width: auto !important;
}

.hcp_team.sect-hcp main section.module-1 .section-wrapper p.footnote sup {
  font-size: 0.645em !important;
  line-height: 0 !important;
  position: relative !important;
  top: -0.45em !important;
  vertical-align: baseline !important;
  font-weight: 400 !important;
}

@media only screen and (min-width: 980px) {
  .hcp_team.sect-hcp main section.module-1 {
    padding-top: 73px !important;
  }

  .hcp_team.sect-hcp main section.module-1 .section-wrapper h1 {
    font-size: 48px !important;
  }

  .hcp_team.sect-hcp main section.module-1 ul.team-support {
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    gap: 0 !important;
  }

  .hcp_team.sect-hcp main section.module-1 ul.team-support li {
    flex: 0 0 290px !important;
  }
}