.sec_web_features {
  padding: 85px 40px;
  background: linear-gradient(110deg, #f2f8ff, #eef6ff 60%, #f9fcff);

  .wrap {
    margin: 0 auto;
    max-width: 1360px;
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    align-items: center;
    gap: 70px;

    @media (max-width: 1000px) { gap: 36px; }
    @media (max-width: 800px) { grid-template-columns: 1fr; gap: 34px; }
  }

  .intro {
    .kicker { margin-bottom: 12px; }
    h2 { color: #0b2344; font-size: 38px; font-weight: 800; line-height: 1.42em; letter-spacing: -.03em; }
    p:not(.kicker) { margin-top: 20px; max-width: 460px; color: #57708d; font-size: 15px; line-height: 1.95em; }
    .link_ptn_3 { margin-top: 31px; }

    @media (max-width: 1000px) { h2 { font-size: 32px; } }
    @media (max-width: 600px) { h2 { font-size: 28px; } p:not(.kicker) { margin-top: 15px; font-size: 14px; } .link_ptn_3 { margin-top: 21px; } }
  }

  .cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;

    @media (max-width: 600px) { grid-template-columns: 1fr; gap: 10px; }
  }

  .card {
    padding: 24px 20px 25px;
    min-width: 0;
    border: 1px solid #d8e8f8;
    border-radius: 9px;
    background: #fff;
    text-align: center;
    box-shadow: 0 9px 30px #2a6ab50a;

    h3 { margin-top: 7px; color: #0b2344; font-size: 16px; font-weight: 800; line-height: 1.5em; }
    p { margin: 8px auto 0; max-width: 240px; color: #657d9a; font-size: 13px; line-height: 1.75em; }
    @media (max-width: 600px) { padding: 18px 20px; display: grid; grid-template-columns: 52px 1fr; column-gap: 16px; text-align: left; h3 { margin-top: 0; align-self: end; } p { margin: 3px 0 0; max-width: none; grid-column: 2; } }
  }

  .icon {
    margin: 0 auto;
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    color: #1774f4;

    svg { width: 44px; height: 44px; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
    @media (max-width: 600px) { margin: 0; width: 48px; height: 48px; grid-row: span 2; }
  }

  @media (max-width: 800px) { padding: 68px 28px; }
  @media (max-width: 600px) { padding: 55px 18px; }
}