#contact-us {
  display: flex;
  flex-direction: column;
  gap: 24px;

  > .row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;

    @media screen and (max-width: 600px) {
      gap: 24px;
    }

    > div {
      flex: 1 0 max(45%, min(calc(100vw - 32px), 400px));
    }

    > .card {
      position: sticky;
      top: 100px;

      min-height: 400px;

      display: flex;
      flex-direction: column;
      gap: 24px;

      @media screen and (min-width: 600px) {
        margin: 25px;
      }

      background: url('/assets/jib.svg');
      background-size: contain;
      background-position: 200px 120px;
      background-repeat: no-repeat;

      border-radius: 36px;
      border: 1px solid #58476f;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
      padding: 24px;
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);

      > h2 {
        font-size: 24px;
        font-weight: 800;
      }

      > p {
        font-weight: 800;
      }

      > .social {
        display: flex;
        gap: 16px;
      }
    }
  }
}