.sec_app_concerns {
  padding: 76px 40px 84px;
  background: #fff;

  .wrap { margin: 0 auto; max-width: 1360px; }
  .heading { text-align: center; }
  .kicker { margin-bottom: 10px; }
  h2 { color: #0b2344; font-size: 36px; font-weight: 800; line-height: 1.4em; letter-spacing: -.03em; }
  .heading > p:last-child { margin-top: 12px; color: #697f99; font-size: 14px; line-height: 1.8em; }

  .cards {
    margin-top: 37px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;

    li {
      padding: 25px 15px 24px;
      min-width: 0;
      border: 1px solid var(--app-line);
      border-radius: 9px;
      background: linear-gradient(#fff, #f8fbff);
      text-align: center;
      box-shadow: 0 11px 26px #1d60aa0a;

      .icon { margin: 0 auto 14px; width: 42px; height: 42px; display: grid; place-items: center; }
      svg { width: 37px; height: 37px; fill: none; stroke: #126de5; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
      h3 { color: #17375b; font-size: 15px; font-weight: 800; line-height: 1.5em; }
      p { margin-top: 10px; color: #667e98; font-size: 12px; line-height: 1.75em; }
    }

    @media (max-width: 1000px) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    @media (max-width: 600px) { margin-top: 27px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; li { padding: 21px 12px; } }
  }

  @media (max-width: 800px) { padding: 65px 28px 70px; }
  @media (max-width: 600px) { padding: 56px 18px 59px; h2 { font-size: 28px; } }
}