.sec_contact_hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-top: 1px solid #254266;
  border-bottom: 1px solid #365987;
  background: radial-gradient(ellipse at 43% 30%, #133765 0, #0b2345 40%, transparent 75%), linear-gradient(105deg, #091a2d, #103268 83%, #0a2142);

  &::before {
    position: absolute;
    z-index: -1;
    right: -8%;
    bottom: -40%;
    width: 72%;
    height: 175%;
    background: url("../../assets/images/mesh-wave.svg") center / cover no-repeat;
    content: "";
    opacity: 1;
    filter: brightness(1.35) saturate(1.25);
  }

  &::after {
    position: absolute;
    z-index: -1;
    right: 21%;
    bottom: -58%;
    width: 38%;
    height: 100%;
    border-radius: 50%;
    background: #2058c84f;
    content: "";
    filter: blur(75px);
  }

  .wrap {
    margin: 0 auto;
    padding: 64px 40px 60px;
    max-width: 1440px;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 42px;
  }

  .main { max-width: 750px; }
  .kicker { margin-bottom: 14px; color: #94bcff; }
  h1 { color: #fff; font-size: 58px; font-weight: 800; line-height: 1.3em; letter-spacing: -.055em; }
  .lead { margin-top: 19px; color: #e7eefc; font-size: 18px; font-weight: 500; line-height: 1.75em; letter-spacing: .03em; }
  .signature { margin-top: auto; padding-left: 17px; flex: 0 0 auto; border-left: 1px solid #649dd6; color: #d6e6ff; font-family: var(--font-en); font-size: 11px; font-weight: 500; line-height: 1.7em; letter-spacing: .25em; }

  @media (max-width: 900px) {
    .wrap { padding: 57px 28px; min-height: 265px; }
    h1 { font-size: 48px; }
    .lead { font-size: 16px; }
    .signature { display: none; }
  }

  @media (max-width: 600px) {
    .wrap { padding: 48px 18px 53px; min-height: 0; }
    h1 { font-size: 36px; }
    .lead { margin-top: 17px; font-size: 14px; }
    &::before { right: -70%; bottom: -95%; width: 145%; opacity: .65; }
  }

  @media (max-width: 400px) { h1 { font-size: 32px; } }
}