.text-block-section {
  * {
    color: rgb(var(--color-foreground));
  }

  .text-block-section__content {
    padding: 4.8rem 2.4rem 8rem 2.4rem;

    @media screen and (min-width: 1280px) {
      display: flex;
      flex-direction: row;
      gap: 2.4rem;
    }

    .text-block-section__heading {
      flex: 0 0 32.2%;

      .text-block-section__title {
        margin: 0;

        @media screen and (min-width: 1280px) {
          width: 100%;
          min-width: max-content;
        }
      }

      .text-block-section__description{
        margin: 0;
      }
      .text-block-section__title + .text-block-section__description {
        margin: 1.6rem 0 0;
      }
    }

    .text-block-section__subheading {
      margin-top: 1.6rem;

      @media screen and (min-width: 1280px) {
        margin: 0;
      }
    }
  }
}