body.elementor-editor-active,
body.elementor-editor-preview,
body.elementor-template-canvas {
  overflow-x: auto;
  background: #fff;
}

body.elementor-editor-active .elementor-form,
body.elementor-editor-preview .elementor-form,
body.elementor-template-canvas .elementor-form {
  max-width: 720px;
  margin: 24px auto;
  padding: 8px;
}

.contact-form .elementor,
.contact-form .elementor-element,
.contact-form .e-con,
.contact-form .e-con-inner,
.contact-form .elementor-widget,
.contact-form .elementor-widget-container,
.contact-form .elementor-form-fields-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  max-width: none !important;
  width: 100% !important;
}

.contact-form .elementor-field-group {
  margin-bottom: 16px !important;
  padding: 0 !important;
}

.contact-form .elementor-field-label,
.contact-form label {
  display: block !important;
  margin-bottom: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: var(--body) !important;
  color: var(--text) !important;
}

.contact-form .elementor-field,
.contact-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.contact-form select,
.contact-form textarea {
  width: 100% !important;
  margin-top: 7px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  background: #fff !important;
  font-weight: 400 !important;
  font-family: var(--body) !important;
  font-size: 15px !important;
  color: var(--text) !important;
  outline: none !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

.contact-form .elementor-field:focus,
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: var(--navy) !important;
  box-shadow: 0 0 0 3px rgba(11, 42, 107, 0.1) !important;
}

.contact-form .elementor-button-wrapper {
  margin: 0 !important;
}

.contact-form .elementor-button,
.contact-form button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  gap: 8px !important;
  padding: 13px 18px !important;
  border: 0 !important;
  border-radius: var(--radius) !important;
  background: var(--navy) !important;
  color: #fff !important;
  font-family: var(--body) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.contact-form .elementor-button:hover,
.contact-form button[type="submit"]:hover {
  background: var(--navy-deep) !important;
  color: #fff !important;
}

.contact-form .elementor-message {
  margin-top: 12px !important;
  font-size: 13px !important;
  font-family: var(--body) !important;
}

@media (min-width: 621px) {
  .contact-form .elementor-form-fields-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 16px !important;
  }
  .contact-form .elementor-field-group.elementor-col-50,
  .contact-form .elementor-field-group.elementor-field-type-text,
  .contact-form .elementor-field-group.elementor-field-type-email {
    width: calc(50% - 8px) !important;
  }
  .contact-form .elementor-field-group.elementor-field-type-select,
  .contact-form .elementor-field-group.elementor-field-type-textarea,
  .contact-form .elementor-field-group.elementor-field-type-submit {
    width: 100% !important;
  }
}