.benefits__box {
  .benefits__heading {
    display: flex;
    align-items: center;
    column-gap: 1.2rem;

    h2 {
      margin: 0;
      max-width: 16.5rem;
      font-family: var(--Suisse-Intl);
      font-size: 0.9285714286em;
      font-weight: 500;
      line-height: 130%;

      @media only screen and (min-width: 750px) {
        font-size: 0.8125em;
      }
    }
  }

  .benefits__content {
    display: flex;
    margin-top: 2.4rem;

    .benefits__item {
      p {
        margin: 0;
        font-size: 1.07142857143em;
        line-height: 130%;

        strong {
          color: rgb(var(--color-foreground));
          line-height: 120%;
          font-weight: 500;
        }

        @media only screen and (min-width: 750px) {
          font-size: 0.9375em;
        }
      }
    }
  }
}

.benefits__box.horizontal .benefits__content {
  flex-direction: row;

  .benefits__item {
    &:not(:first-child) {
      padding-left: 2.4rem;
      border-left: solid 1px rgba(var(--color-foreground), 0.2);
    }

    &:not(:last-child) {
      padding-right: 2.4rem;
    }
  }
}

.benefits__box.vertical .benefits__content {
  flex-direction: column;

  .benefits__item {
    &:not(:first-child) {
      padding-top: 1.6rem;
      border-top: solid 1px rgba(var(--color-foreground), 0.2);
    }

    &:not(:last-child) {
      padding-bottom: 1.6rem;
    }
  }
}

.benefits__box:not(.vertical):not(.horizontal) .benefits__content {
  flex-direction: column;

  @media only screen and (min-width: 750px) {
    flex-direction: row;
  }

  .benefits__item {
    &:not(:first-child) {
      @media only screen and (max-width: 750px) {
        padding-top: 1.6rem;
        border-top: solid 1px rgba(var(--color-foreground), 0.2);
      }

      @media only screen and (min-width: 750px) {
        padding-left: 2.4rem;
        border-left: solid 1px rgba(var(--color-foreground), 0.2);
      }
    }

    &:not(:last-child) {
      @media only screen and (max-width: 750px) {
        padding-bottom: 1.6rem;
      }

      @media only screen and (min-width: 750px) {
        padding-right: 2.4rem;
      }
    }
  }
}