.glance {
  border-bottom: 1px solid var(--line); background: #fff;

  .wrap { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 0; }
  .g { display: flex; gap: 14px; padding: 26px 20px 26px 0; }
  .g + .g { padding-left: 22px; border-left: 1px solid var(--line); }
  .tick {
    flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--blue);
    display: grid; place-items: center; margin-top: 2px;

    .icon { font-size: 15px; color: #fff; }
  }

  b { display: block; font: 700 19px/1.2 var(--f-display); margin-bottom: 3px; }
  p { color: var(--muted); font-size: 15.5px; line-height: 1.45; }

  @media (max-width: 820px) {
    .wrap { grid-template-columns: 1fr; }
    .g + .g { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); }
    .g { padding: 18px 0; }
  }
}