.sec_company_activities {
  background: linear-gradient(180deg, #f3f9ff 0%, #eaf5ff 100%);

  .wrap {
    margin: 0 auto;
    padding: 100px 40px 105px;
    max-width: 1360px;
    @media (max-width: 800px) { padding: 80px 28px; }
    @media (max-width: 600px) { padding: 65px 18px; }
  }

  .heading {
    margin-bottom: 39px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 50px;

    .small { margin-bottom: 13px; }
    h2 { font-size: 38px; font-weight: 800; line-height: 1.4em; letter-spacing: -.04em; }
    > p { max-width: 400px; color: #56708d; font-size: 15px; line-height: 1.9em; }
    @media (max-width: 800px) { align-items: start; flex-direction: column; gap: 14px; h2 { font-size: 32px; } }
  }

  .cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    @media (max-width: 800px) { gap: 12px; }
    @media (max-width: 650px) { grid-template-columns: 1fr; gap: 14px; }
  }

  .card {
    position: relative;
    padding: 29px 29px 32px;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    border: 1px solid #d3e6f8;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 12px 24px #1b6aba0c;

    &::after { position: absolute; right: 0; bottom: 0; left: 0; height: 4px; border-radius: 0 0 9px 9px; background: linear-gradient(90deg, #2bb9f2, #346de6, #8261e9); content: ""; opacity: .9; }
    .top { margin-bottom: 31px; display: flex; justify-content: space-between; align-items: start; color: #2075e7; span { color: #7aa6ce; font-family: var(--font-en); font-size: 14px; font-weight: 700; letter-spacing: .15em; } svg { width: 58px; height: 58px; } }
    h3 { font-size: 21px; font-weight: 800; line-height: 1.5em; }
    p { margin-top: 15px; margin-bottom: 22px; color: #5a7190; font-size: 14px; line-height: 1.85em; }
    .tag { margin-top: auto; color: #3177c6; font-family: var(--font-en); font-size: 10px; font-weight: 700; letter-spacing: .1em; }
    @media (max-width: 950px) { padding: 25px 20px 27px; h3 { font-size: 18px; } }
    @media (max-width: 650px) { min-height: 0; }
  }

  .bottom_note { margin-top: 32px; color: #456a92; font-size: 13px; font-weight: 600; text-align: center; }
}