
.section-contact-form .section-contact-form-columns .section-contact-form-column {

  display: flex;

  flex-direction: column;

  gap: 1.2rem
}

.section-contact-form .section-contact-form-footer {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 2.4rem;

  padding-top: 6.4rem
}

.section-contact-form .section-contact-form-footer .section-contact-form-footer-text {

  font-family: var(--font-family-din-pro);

  font-size: var(--font-caption-m-size);

  line-height: var(--font-caption-m-line-height, normal);

  letter-spacing: var(--font-caption-m-letter-spacing, 0);

  font-weight: var(--font-caption-m-weight, 400)
}

.section-contact-form .section-contact-form-footer .section-contact-form-footer-text {

  text-align: center;

  --tw-text-opacity: 1;

  color: rgb(var(--color-navy-03) / var(--tw-text-opacity))
}

.section-contact-form .section-contact-form-footer .section-contact-form-footer-text a {

  --tw-text-opacity: 1;

  color: rgb(var(--color-navy-01) / var(--tw-text-opacity))
}

@media (min-width: 640px) {

  .container {

    max-width: 640px
  }

  .\!container {

    max-width: 640px !important
  }
}

@media (min-width: 768px) {

  .container {

    max-width: 768px
  }

  .\!container {

    max-width: 768px !important
  }
}

@media (min-width: 1024px) {

  .container {

    max-width: 1024px
  }

  .\!container {

    max-width: 1024px !important
  }

  .gap-grid {

    gap: 2.4rem
  }

  .section-contact-form .section-contact-form-footer {

    gap: 3.2rem
  }

  .section-contact-form .section-contact-form-footer .section-contact-form-footer-text {

    font-size: var(--font-caption-size);

    line-height: var(--font-caption-line-height, normal);

    letter-spacing: var(--font-caption-letter-spacing, 0);

    font-weight: var(--font-caption-weight, 400)
  }
  .section-contact-form .section-contact-form-columns {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    -moz-column-gap: 6.4rem;

         column-gap: 6.4rem
  }

  .section-contact-form .section-contact-form-footer {

    gap: 3.2rem
  }

  .section-contact-form .section-contact-form-footer .section-contact-form-footer-text {

    width: 75%
  }

  .section-contact-form .section-contact-form-footer .btn {

    width: 50%
  }
}

@media (min-width: 1280px) {

  .container {

    max-width: 1280px
  }

  .\!container {

    max-width: 1280px !important
  }
}

@media (min-width: 1536px) {

  .container {

    max-width: 1536px
  }

  .\!container {

    max-width: 1536px !important
  }
}

@media (min-width: 1800px) {

  .container {

    max-width: 1800px
  }

  .\!container {

    max-width: 1800px !important
  }
}

@media (max-width: 1024px) {
  .section-contact-form .section-contact-form-columns .section-contact-form-column,
  .section-contact-form .section-contact-form-columns .section-contact-form-row {

    padding-top: 1.2rem
  }

  .section-contact-form .section-contact-form-footer {

    gap: 2.4rem
  }

  .section-contact-form .section-contact-form-footer .btn {

    width: 100%
  }
}
