.sec_methods_capability {
  background: #fff;
  .wrap { margin: 0 auto; padding: 84px 40px 90px; max-width: 1360px; @media (max-width: 800px) { padding: 70px 28px 78px; } @media (max-width: 600px) { padding: 58px 18px 66px; } }
  .heading { .kicker { margin-bottom: 10px; } h2 { font-size: 36px; font-weight: 800; line-height: 1.45em; letter-spacing: -.03em; @media (max-width: 1200px) { font-size: 32px; } @media (max-width: 600px) { font-size: 28px; } } p:last-child { margin-top: 10px; color: #5d7797; font-size: 14px; } }
  .cards { margin-top: 32px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; article { padding: 30px; border: 1px solid var(--color-border); border-radius: 10px; background: #f9fcff; box-shadow: 0 12px 28px #2c6db913; h3 { margin-top: 12px; font-size: 22px; font-weight: 800; line-height: 1.5em; } p { margin-top: 13px; color: var(--color-sub); font-size: 14px; } } @media (max-width: 800px) { grid-template-columns: 1fr; } @media (max-width: 600px) { margin-top: 25px; gap: 12px; article { padding: 23px; h3 { font-size: 20px; } } } }
  .note { margin-top: 19px; color: #5d7797; font-size: 13px; }
}