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

  .health-benefits-testimonials__container {
    --header-gap: 2.5rem;
    --testimonials-gap: 2.5rem;
    --testimonials-items: 3;

    --title-size: 4.6rem;
    --title-weight: 400;
    --title-height: 1.35;
    --content-size: 2rem;
    --content-weight: 300;
    --content-height: 1.4;
    --author-size: 1.8rem;
    --author-weight: 400;
    --author-height: 1.75;

    display: grid;
    gap: 3rem;

    .health-benefits-testimonials__header {
      display: grid;
      gap: var(--header-gap);
      text-align: center;

      .health-benefits-testimonials__heading {
        font-size: var(--title-size);
        font-weight: var(--title-weight);
        line-height: var(--title-height);
      }

      .health-benefits-testimonials__content {
        font-size: var(--content-size);
        font-weight: var(--content-weight);
        line-height: var(--content-height);
      }
    }

    .health-benefits-testimonials__grid {
      display: flex;
      flex-wrap: wrap;
      gap: var(--testimonials-gap);
      justify-content: center;

      .health-benefits-testimonial {
        background: #fff;
        border: 1px solid #EEEEEE;
        border-radius: 14px;
        display: flex;
        flex-direction: column;
        gap: var(--testimonials-gap);
        flex: 0 0 calc((100% - ((var(--testimonials-items) - 1) * var(--testimonials-gap))) / var(--testimonials-items));
        padding: 2.5rem;

        .health-benefits-testimonial__stars {
          display: flex;
        }

        .health-benefits-testimonial__text {
          font-size: var(--content-size);
          font-style: italic;
          font-weight: var(--content-weight);
          line-height: var(--content-height);
        }

        .health-benefits-testimonial__author {
          font-size: var(--author-size);
          font-weight: var(--author-weight);
          line-height: var(--author-height);
          margin-top: auto;
        }
      }
    }
  }

  @media (width < 1024px) {
    .health-benefits-testimonials__container {
      --testimonials-items: 2;
    }
  }

  @media (width < 768px) {
    .health-benefits-testimonials__container {
      --testimonials-items: 1;
    }
  }
}