.health-benefits-banner {
  padding: var(--PT) 0px var(--PB);

  .health-benefits-banner__container {
    align-items: center;
    display: grid;
    gap: var(--container-gap);
    grid-template-columns: var(--container-items);

    .health-benefits-banner__title {
      font-size: var(--title-size);
      font-weight: var(--title-weight);
      line-height: var(--title-height);
      max-width: var(--title-maw);
      text-align: var(--title-align, left);

      span {
        color: var(--main-color, inherit);
        font-style: italic;
      }
    }

    .health-benefits-banner__content {
      font-size: var(--content-size);
      font-weight: var(--content-weight);
      line-height: var(--content-height);
      max-width: var(--content-maw);
      text-align: var(--content-align, left);
    }

    .health-benefits-banner__media {
      display: flex;
      justify-content: end;

      .health-benefits-banner__image {
        height: auto;
        margin-bottom: var(--image-bottom);
      }
    }
  }
}