p {
  margin: 0;
  padding: 0;
}

a {
  color: var(--color-text-link);
  text-decoration: none;
}

.contact_intro_section {
  padding: 48px 0;

  @media only screen and (min-width: 700px) {
    padding-top: 0;
  }

  .contact_intro_box {
    gap: 8px;

    p {
      text-align: center;
      color: #474a73;
      max-width: 650px;
    }
  }
}

.contact_overview_section {
  padding: 0;

  .contact_overview_box {
    background-color: #f8f5f4;
    border: 1px solid #fff;
    padding: 16px 0;
    border-radius: var(--radius-md);
    display: flex;
    gap: 32px;

    @media only screen and (min-width: 900px) {
      flex-direction: row;
      align-items: flex-start;
      padding: 40px 32px;
      gap: 48px;
    }

    h2 {
      font-size: var(--Typography-headline3);
      color: #2d1a5b;
      margin-top: 32px;
      font-weight: 600;
      text-align: center;
      margin: 0;

      @media only screen and (min-width: 900px) {
        text-align: left;
      }
    }

    .contact_overview_contacts_box {
      display: flex;
      flex-direction: column;
      gap: 24px;
      width: 100%;

      .contact_overview_contacts {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 16px;

        @media only screen and (min-width: 900px) {
          padding: 0;
        }

        .contact_card {
          background-color: #fff;
          border: 1px solid var(--color-border-neutral);
          border-radius: var(--radius-md);
          padding: 8px;
          display: flex;
          align-items: center;
          gap: 16px;

          img {
            height: 56px;
          }

          h3 {
            font-size: var(--Typography-headline5);
            color: #2d1a5b;
            margin: 0;
            padding: 0;
            font-weight: 500;
          }

          p {
            color: var(--color-text-link);
          }
        }
      }
    }

    .contact_overview_faq {
      display: flex;
      flex-direction: column;
      gap: 24px;
      padding: 0 16px;

      button {
        width: 100%;
        margin: auto;
        max-width: 295px;

        @media only screen and (min-width: 900px) {
          margin: 0;
          width: fit-content;
        }
      }
    }
  }
}