.neon-blue {
  color: #0055FF;
  background: #D6EBFF;
}

.sorbus {
  color: #CC5702;
  background: #FFF3D3;
}

.coral-red {
  color: #ED1527;
  background: #FFF1F2;
}

.contact-form {
  overflow: visible;
  padding-top: 70px;
}
@media only screen and (min-width: 992px) {
  .contact-form {
    padding-top: calc(70px + 40 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form {
    padding-top: 110px;
  }
}
.contact-form {
  padding-bottom: 48px;
}
@media only screen and (min-width: 992px) {
  .contact-form {
    padding-bottom: calc(48px + 32 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-form {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.contact-form__grid {
  display: grid;
  align-items: start;
  gap: 40px;
}
@media only screen and (min-width: 992px) {
  .contact-form__grid {
    gap: calc(40px + 32 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form__grid {
    gap: 72px;
  }
}
@media only screen and (min-width: 768px) {
  .contact-form__grid {
    grid-template-columns: minmax(0, 0.5fr) minmax(0, 0.5fr);
  }
}
.contact-form__content, .contact-form__form {
  min-width: 0;
  align-self: start;
}
.contact-form__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.contact-form__eyebrow {
  margin: 0;
  font-weight: 600;
  line-height: 1.4;
  color: #0055FF;
  font-size: 12px;
}
@media only screen and (min-width: 992px) {
  .contact-form__eyebrow {
    font-size: calc(12px + 4 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form__eyebrow {
    font-size: 16px;
  }
}
.contact-form__eyebrow {
  margin-bottom: 12px;
}
@media only screen and (min-width: 992px) {
  .contact-form__eyebrow {
    margin-bottom: calc(12px + 6 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form__eyebrow {
    margin-bottom: 18px;
  }
}
.contact-form__heading {
  width: 100%;
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .contact-form__heading {
    margin-bottom: calc(16px + 8 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form__heading {
    margin-bottom: 24px;
  }
}
.contact-form__heading h1 {
  font-size: 50px;
}
@media only screen and (min-width: 992px) {
  .contact-form__heading h1 {
    font-size: calc(50px + 22 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form__heading h1 {
    font-size: 72px;
  }
}
.contact-form__heading h1 {
  line-height: 1.25;
}
@media only screen and (max-width: 767px) {
  .contact-form__heading h1 {
    line-height: 1.25;
    font-size: 36px;
    margin-bottom: 24px;
  }
}
.contact-form__heading h1 {
  margin: 0;
  color: #121926;
}
.contact-form.section .contact-form__description p {
  margin: 0;
  font-size: 18px;
}
@media only screen and (min-width: 992px) {
  .contact-form.section .contact-form__description p {
    font-size: calc(18px + 2 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form.section .contact-form__description p {
    font-size: 20px;
  }
}
.contact-form.section .contact-form__description p {
  color: #697586;
}
.contact-form.section .contact-form__description p + p {
  margin-top: 16px;
}
@media only screen and (min-width: 992px) {
  .contact-form.section .contact-form__description p + p {
    margin-top: calc(16px + 8 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form.section .contact-form__description p + p {
    margin-top: 24px;
  }
}
.contact-form.section .contact-form__description ul,
.contact-form.section .contact-form__description ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.contact-form.section .contact-form__description p + ul,
.contact-form.section .contact-form__description p + ol,
.contact-form.section .contact-form__description ul + p,
.contact-form.section .contact-form__description ol + p {
  margin-top: 16px;
}
@media only screen and (min-width: 992px) {
  .contact-form.section .contact-form__description p + ul,
  .contact-form.section .contact-form__description p + ol,
  .contact-form.section .contact-form__description ul + p,
  .contact-form.section .contact-form__description ol + p {
    margin-top: calc(16px + 8 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form.section .contact-form__description p + ul,
  .contact-form.section .contact-form__description p + ol,
  .contact-form.section .contact-form__description ul + p,
  .contact-form.section .contact-form__description ol + p {
    margin-top: 24px;
  }
}
.contact-form.section .contact-form__description ul + ul,
.contact-form.section .contact-form__description ul + ol,
.contact-form.section .contact-form__description ol + ul {
  margin-top: 12px;
}
@media only screen and (min-width: 992px) {
  .contact-form.section .contact-form__description ul + ul,
  .contact-form.section .contact-form__description ul + ol,
  .contact-form.section .contact-form__description ol + ul {
    margin-top: calc(12px + 4 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form.section .contact-form__description ul + ul,
  .contact-form.section .contact-form__description ul + ol,
  .contact-form.section .contact-form__description ol + ul {
    margin-top: 16px;
  }
}
.contact-form.section .contact-form__description ol {
  counter-reset: contact-form-desc;
}
.contact-form.section .contact-form__description ul li,
.contact-form.section .contact-form__description ol li {
  position: relative;
  margin: 0;
  padding-left: 20px;
  font-size: 18px;
}
@media only screen and (min-width: 992px) {
  .contact-form.section .contact-form__description ul li,
  .contact-form.section .contact-form__description ol li {
    font-size: calc(18px + 2 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form.section .contact-form__description ul li,
  .contact-form.section .contact-form__description ol li {
    font-size: 20px;
  }
}
.contact-form.section .contact-form__description ul li,
.contact-form.section .contact-form__description ol li {
  color: #697586;
  line-height: 1.5;
}
.contact-form.section .contact-form__description ul li + li,
.contact-form.section .contact-form__description ol li + li {
  margin-top: 6px;
}
@media only screen and (min-width: 992px) {
  .contact-form.section .contact-form__description ul li + li,
  .contact-form.section .contact-form__description ol li + li {
    margin-top: calc(6px + 2 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form.section .contact-form__description ul li + li,
  .contact-form.section .contact-form__description ol li + li {
    margin-top: 8px;
  }
}
.contact-form.section .contact-form__description ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding-left: 0;
}
.contact-form.section .contact-form__description ul li::before {
  content: "";
  flex: 0 0 5px;
  width: 5px;
  height: 5px;
  margin-top: 0.5lh;
  border-radius: 50%;
  background-color: #0055FF;
  transform: translateY(-50%);
}
.contact-form.section .contact-form__description ol li {
  counter-increment: contact-form-desc;
  padding-left: 24px;
}
.contact-form.section .contact-form__description ol li::before {
  content: counter(contact-form-desc) ".";
  position: absolute;
  left: 0;
  top: 0.1em;
  font-weight: 600;
  color: #0055FF;
}
.contact-form.section .contact-form__description ul ul,
.contact-form.section .contact-form__description ol ol {
  margin-top: 10px;
}
@media only screen and (min-width: 992px) {
  .contact-form.section .contact-form__description ul ul,
  .contact-form.section .contact-form__description ol ol {
    margin-top: calc(10px + 4 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form.section .contact-form__description ul ul,
  .contact-form.section .contact-form__description ol ol {
    margin-top: 14px;
  }
}
.contact-form.section .contact-form__description ul ul,
.contact-form.section .contact-form__description ol ol {
  padding-left: 8px;
}
@media only screen and (min-width: 992px) {
  .contact-form.section .contact-form__description ul ul,
  .contact-form.section .contact-form__description ol ol {
    padding-left: calc(8px + 4 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form.section .contact-form__description ul ul,
  .contact-form.section .contact-form__description ol ol {
    padding-left: 12px;
  }
}
.contact-form__form {
  width: 100%;
}
.contact-form__form-header {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .contact-form__form-header {
    margin-bottom: calc(20px + 8 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form__form-header {
    margin-bottom: 28px;
  }
}
.contact-form__form-heading {
  margin: 0;
  color: #121926;
  font-weight: 700;
  font-size: 21px;
}
@media only screen and (min-width: 992px) {
  .contact-form__form-heading {
    font-size: calc(21px + 9 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form__form-heading {
    font-size: 30px;
  }
}
.contact-form__form-heading {
  margin-bottom: 8px;
}
@media only screen and (min-width: 992px) {
  .contact-form__form-heading {
    margin-bottom: calc(8px + 4 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form__form-heading {
    margin-bottom: 12px;
  }
}
.contact-form__form-description {
  margin: 0;
  font-size: 12px;
}
@media only screen and (min-width: 992px) {
  .contact-form__form-description {
    font-size: calc(12px + 6 * (100vw - 992px) / 608);
  }
}
@media only screen and (min-width: 1600px) {
  .contact-form__form-description {
    font-size: 18px;
  }
}
.contact-form__form-description {
  line-height: 1.55;
}
@media only screen and (max-width: 767px) {
  .contact-form__form-description {
    font-size: 16px;
  }
}
.contact-form__form-description {
  color: #697586;
}
.contact-form__form-placeholder {
  margin: 0;
  padding: 16px;
  border: 1px dashed #E3E8EF;
  border-radius: 8px;
  background: #FCFCFD;
  color: #697586;
  font-size: 14px;
  line-height: 1.5;
}
.contact-form__hubspot iframe,
.contact-form__hubspot .hs-form-frame,
.contact-form__hubspot .hs-form,
.contact-form__hubspot .hbspt-form,
.contact-form__hubspot form,
.contact-form .natech-hubspot-embed iframe,
.contact-form .natech-hubspot-embed .hs-form-frame,
.contact-form .natech-hubspot-embed .hs-form,
.contact-form .natech-hubspot-embed .hbspt-form,
.contact-form .natech-hubspot-embed form {
  width: 100% !important;
  max-width: 100%;
}
.contact-form__hubspot .hs-form-field,
.contact-form .natech-hubspot-embed .hs-form-field {
  margin-bottom: 12px;
}
.contact-form__hubspot .hs-input,
.contact-form__hubspot input[type=email],
.contact-form__hubspot input[type=text],
.contact-form__hubspot input[type=tel],
.contact-form__hubspot textarea,
.contact-form__hubspot select,
.contact-form .natech-hubspot-embed .hs-input,
.contact-form .natech-hubspot-embed input[type=email],
.contact-form .natech-hubspot-embed input[type=text],
.contact-form .natech-hubspot-embed input[type=tel],
.contact-form .natech-hubspot-embed textarea,
.contact-form .natech-hubspot-embed select {
  width: 100% !important;
  font-size: 16px;
}
.contact-form__hubspot .hs-button,
.contact-form__hubspot input[type=submit],
.contact-form__hubspot button[type=submit],
.contact-form .natech-hubspot-embed .hs-button,
.contact-form .natech-hubspot-embed input[type=submit],
.contact-form .natech-hubspot-embed button[type=submit] {
  font-size: 16px;
}
.contact-form__hubspot .legal-consent-container,
.contact-form__hubspot .hs-richtext,
.contact-form .natech-hubspot-embed .legal-consent-container,
.contact-form .natech-hubspot-embed .hs-richtext {
  font-size: 14px;
  line-height: 1.5;
  color: #697586;
}