/* Screenshot reference: six existing voxel illustrations in two three-column rows. */
.local-course .course-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 40px;
  row-gap: 92px;
  width: min(1008px, 100%);
  margin: 64px auto 0;
  padding: 0;
  list-style: none;
}
.local-course .course-benefits-grid,
.local-course .course-benefits-grid * { box-sizing: border-box; }
.local-course .course-benefit { min-width: 0; margin: 0; padding: 0; background: transparent; text-align: center; }
.local-course .course-benefit-image { display: block; width: min(280px, 100%); height: auto; aspect-ratio: 1; margin: 0 auto; object-fit: contain; }
.local-course .course-benefit-title { margin: 24px 0 8px; color: #ebebf0; font-size: 16px !important; font-weight: 700; line-height: 1.5; text-align: center; }
.local-course .course-benefit-description { margin: 0; color: #a5a5ad; font-size: 14px; font-weight: 400; line-height: 1.65; text-align: center; }
@media (max-width: 900px) {
  .local-course .course-benefits-grid { column-gap: 24px; row-gap: 64px; margin-top: 48px; }
  .local-course .course-benefit-title { font-size: 15px !important; margin-top: 18px; }
  .local-course .course-benefit-description { font-size: 13px; }
}
@media (max-width: 700px) {
  .local-course .course-benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 18px; margin-top: 40px; }
  .local-course .course-benefit-title { font-size: 14px !important; margin: 14px 0 6px; }
  .local-course .course-benefit-description { font-size: 12px; line-height: 1.6; }
}

/* PC benefits artwork is 60% of its original size; keep mobile and tablet sizes. */
@media (min-width: 901px) {
  .local-course .course-benefit-image { width: min(168px, 60%); }
}