.sec_contact_details {
  padding: 36px 40px 29px;
  background: radial-gradient(ellipse at 60% 45%, #102d54 0, #0a1d32 58%, #071a2e);

  .wrap { margin: 0 auto; max-width: 1360px; }
  .layout { display: grid; grid-template-columns: minmax(280px, .55fr) minmax(0, 1fr); align-items: start; gap: 38px; }
  .left { padding: 23px 0 0; }
  .number { margin-bottom: 19px; display: flex; align-items: center; gap: 16px; color: #8ebcff; font-family: var(--font-en); font-size: 14px; letter-spacing: .2em; span { width: 40px; height: 2px; display: block; background: linear-gradient(90deg, #45bdf7, #8e5bff); } }
  .left h2 { color: #fff; font-size: 28px; font-weight: 800; line-height: 1.5em; letter-spacing: -.025em; }

  .topics {
    margin-top: 33px;
    display: grid;
    gap: 28px;
    list-style: none;

    li { display: grid; grid-template-columns: 68px 1fr; align-items: start; gap: 24px; }
    .icon { width: 68px; height: 68px; display: grid; place-items: center; border: 1px solid #275286; border-radius: 11px; color: #6baeff; background: #102a4d; box-shadow: inset 0 1px #5fa3fa1b; }
    .icon svg { width: 35px; height: 35px; }
    strong { padding-top: 4px; display: block; color: #fff; font-size: 17px; font-weight: 700; line-height: 1.5em; }
    strong::after { margin: 8px 0 9px; width: 25px; height: 2px; display: block; background: linear-gradient(90deg, #48c3fa, #8660ff); content: ""; }
    small { max-width: 270px; display: block; color: #d4e3f5; font-size: 13px; line-height: 1.75em; }
  }

  .steps {
    margin-top: 50px;
    padding-top: 41px;
    border-top: 1px solid #3768a1;

    p { color: #f7fbff; font-size: 16px; font-weight: 700; line-height: 1.7em; }
    ol { margin-top: 26px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; list-style: none; }
    li { position: relative; color: #dbe9ff; font-size: 12px; font-weight: 600; text-align: center; white-space: nowrap; }
    li:not(:last-child)::after { position: absolute; top: 17px; right: -10px; color: #b7caff; content: "→"; }
    li span { margin: 0 auto 12px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #5fafff; border-radius: 50%; color: #fff; font-family: var(--font-en); font-size: 14px; }
  }

  .right { min-width: 0; }
  .form-panel, .cf-success { padding: 38px 39px 25px; border: 1px solid #3b8bd4; border-radius: 12px; background: linear-gradient(110deg, #122f52e8, #101f37ee); box-shadow: 0 20px 45px #010d2054, inset 0 1px #8ebff225; }
  .form-panel h2, .cf-success h2 { color: #fff; font-size: 27px; font-weight: 800; line-height: 1.5em; }
  .intro { margin-top: 5px; color: #abc4e6; font-size: 14px; line-height: 1.7em; }
  .cf-success { padding: 58px 40px; text-align: center; .icon { margin: 0 auto 20px; width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid #5a9fdf; border-radius: 50%; color: #8ed1ff; font-size: 31px; } p { margin: 17px auto 28px; max-width: 550px; color: #c8d9ee; font-size: 14px; line-height: 2em; } .btn_ptn_2 { width: fit-content; } }
  .cf-form-banner { margin-top: 20px; padding: 12px 15px; border: 1px solid #e47c97; border-radius: 6px; color: #ffc6d4; background: #6b183242; font-size: 13px; }
  [hidden] { display: none !important; }

  @media (max-width: 1100px) {
    padding-inline: 28px;
    .layout { grid-template-columns: minmax(270px, .48fr) minmax(0, 1fr); gap: 25px; }
    .topics li { grid-template-columns: 56px 1fr; gap: 17px; }
    .topics .icon { width: 56px; height: 56px; }
    .form-panel { padding: 32px 28px 26px; }
  }

  @media (max-width: 800px) {
    .layout { grid-template-columns: 1fr; gap: 36px; }
    .left { padding-top: 0; }
    .topics { grid-template-columns: repeat(2, 1fr); gap: 25px 17px; li { grid-template-columns: 1fr; gap: 13px; } }
    .steps { margin-top: 33px; padding-top: 25px; }
  }

  @media (max-width: 600px) {
    padding: 34px 18px 26px;
    .left h2 { font-size: 25px; }
    .topics { margin-top: 23px; grid-template-columns: 1fr; gap: 21px; li { grid-template-columns: 56px 1fr; gap: 16px; } }
    .steps p { font-size: 14px; }
    .steps li { font-size: 10px; }
    .form-panel { padding: 26px 19px 22px; }
    .form-panel h2 { font-size: 23px; }
    .cf-success { padding: 45px 20px; }
  }
}