.BenefitPoint {
  margin: 0 auto 2.5rem;
}

.BenefitPoint-frame {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
  padding-bottom: 2.5rem;
  border-bottom: 1px solid var(--colorInputBorder);
}

@media (max-width: 64rem) {
  .BenefitPoint-frame {
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
  }
}

@media (max-width: 32rem) {
  .BenefitPoint-frame {
    grid-template-columns: 1fr;
    gap: .5rem;
  }
}

/*# sourceMappingURL=benefit-point.min.css.map */
