.bio-knowledge {
  padding: var(--PT) 0 var(--PB);
  text-align: center;

  .bio-knowledge__container {
    display: grid;
    gap: 5rem;

    .bio-knowledge__heading {
      font-size: var(--title-size);
      font-weight: 800;
      line-height: 3;
    }

    .bio-knowledge__content {
      font-size: var(--description-size);
      font-weight: 400;
      line-height: 2;
    }
  }

  @media (width <=1024px) {
    .bio-knowledge__container {
      gap: 5rem;

      .bio-knowledge__heading,
      .bio-knowledge__content {
        line-height: 1.2;
      }
    }
  }
}