.elementor-959 .elementor-element.elementor-element-3363be1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-1989cd5 *//* submission-form.css
   Styles a two-column submission form similar to the screenshot.
   Wrap your form in a container with class "submission-form"
   or change the .elementor-959 .elementor-element.elementor-element-1989cd5 to match your form.
*/

/* Container */
.submission-form {
  background: #efefef;            /* light grey panel */
  padding: 28px;
  border-radius: 4px;
  max-width: 960px;
  margin: 0 auto;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #222;
}

/* Layout - each row contains a label column and a field column */
.submission-form .form-row {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-bottom: 18px;
}

/* Left label column */
.submission-form .form-row .form-label {
  width: 260px;                  /* label column width */
  min-width: 160px;
  color: #333;
  font-size: 15px;
}

/* Right field column (inputs, radios, file upload, button) */
.submission-form .form-row .form-field {
  flex: 1;
}

/* Inputs style */
.submission-form input[type="text"],
.submission-form input[type="email"],
.submission-form input[type="url"],
.submission-form textarea,
.submission-form select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  background: #fff;
  font-size: 14px;
  box-sizing: border-box;
}

/* Make textarea taller */
.submission-form textarea {
  min-height: 84px;
  resize: vertical;
}

/* Radio buttons inline with label */
.submission-form .radio-group {
  display: flex;
  align-items: center;
  gap: 18px;
}

.submission-form .radio-group label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #333;
}

/* File input wrapper to look like "Choose File" + filename */
.submission-form .file-upload {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.submission-form input[type="file"] {
  /* hide default file input on some browsers and keep accessible */
  display: inline-block;
  font-size: 14px;
  border: 1px solid #cfcfcf;
  padding: 6px 10px;
  background: #fff;
  border-radius: 3px;
}

/* Download link under file input */
.submission-form .download-link {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  color: #0b66c3;
  text-decoration: underline;
}

/* reCAPTCHA container styling (keeps size and spacing) */
.submission-form .g-recaptcha,
.submission-form .recaptcha-wrap {
  background: transparent;
  padding: 12px 10px;
  border-radius: 3px;
  display: inline-block;
}

/* Submit button */
.submission-form .submit-wrap {
  margin-top: 6px;
}

.submission-form button[type="submit"],
.submission-form input[type="submit"] {
  background: #fff;
  color: #222;
  border: 1px solid #bdbdbd;
  padding: 8px 14px;
  font-size: 14px;
  border-radius: 3px;
  cursor: pointer;
}

/* Make the last column's left border (green vertical line) if desired.
   If you want a vertical green bar on the left of certain columns, apply .border-left-green
   to those .form-row elements or to the .form-field container. */
.submission-form .border-left-green .form-field {
  border-left: 3px solid #00a859;
  padding-left: 18px;
}

/* Responsive: stack label above field on small screens */
@media (max-width: 720px) {
  .submission-form .form-row {
    flex-direction: column;
    align-items: stretch;
  }

  .submission-form .form-row .form-label {
    width: 100%;
    min-width: 0;
    margin-bottom: 6px;
  }

  .submission-form .border-left-green .form-field {
    border-left: none;
    padding-left: 0;
  }
}/* End custom CSS */