.elementor-1358 .elementor-element.elementor-element-424d7d2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}/* Start custom CSS for shortcode, class: .elementor-element-bc9a508 */.career__form-wrap {
  background-color: #A6D4C2;
  padding: 40px 32px;
  max-width: 800px;
  margin: 0 auto;
  border-radius: 4px;

  /* FIX: flexbox instead of floats — floats broke when paired fields had
     different label/content heights (Experience vs Position Applying For),
     causing the reversed order + large gap you saw. Flexbox wraps rows
     naturally without needing float/clear tricks at all. */
  display: flex;
  flex-wrap: wrap;
  gap: 20px 4%;
  align-content: flex-start;
}

/* Layout — every .form-group is now a flex item */
.career__form-wrap .form-group {
  flex: 0 0 100%;
}

.career__form-wrap .form-group.w-50 {
  flex: 0 0 48%;
}

/* Top note + section headings still need full width even though they're
   flex items now */
.career__form-wrap .form-group:first-child {
  text-align: center;
}

.career__form-wrap .form-group:first-child p {
  margin: 0 0 6px;
  font-size: 13px;
  color: #171717;
}

.career__form-wrap h3 {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  color: #171717;
  width: 100%;
}

/* Labels */
.career__form-wrap label {
  display: block;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 8px;
  color: #171717;
}

/* Text/select/textarea inputs */
.career__form-wrap .form-control,
.career__form-wrap input[type="text"].form-control,
.career__form-wrap input[type="email"].form-control,
.career__form-wrap input[type="tel"].form-control,
.career__form-wrap input[type="date"].form-control,
.career__form-wrap select.form-control,
.career__form-wrap textarea.form-control {
  display: block;
  width: 100%;
  padding: 10px 14px;
  border: none;
  border-radius: 2px;
  background-color: #FFFFFF;
  font-size: 14px;
  color: #171717;
  box-sizing: border-box;
  font-family: inherit;
}

.career__form-wrap textarea.form-control {
  min-height: 100px;
  resize: vertical;
}

.career__form-wrap select.form-control {
  color: #1F3FAE;
  cursor: pointer;
  appearance: auto;
}

.career__form-wrap input.form-control::placeholder {
  color: #9AA0A6;
}

/* File upload — FIX: broadened to just input[type="file"], not requiring
   .form-control too, since Contact Form 7 likely doesn't apply that class
   to file fields the same way it does text fields (this is why NONE of
   the previous file-input rules were applying at all, not just the
   file-.elementor-1358 .elementor-element.elementor-element-bc9a508-button part) */
.career__form-wrap input[type="file"] {
  display: block;
  background: none;
  padding: 0;
  border: none;
  font-size: 14px;
  color: #171717;
}

.career__form-wrap input[type="file"]::file-.elementor-1358 .elementor-element.elementor-element-bc9a508-button {
  background-color: #171717;
  color: #FFFFFF;
  border: none;
  padding: 10px 24px;
  border-radius: 2px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  cursor: pointer;
  margin-right: 12px;
}

.career__form-wrap input[type="file"]::file-.elementor-1358 .elementor-element.elementor-element-bc9a508-button:hover {
  opacity: 0.85;
}

/* reCAPTCHA row */
.career__form-wrap .form-group label[for="cf7sr-recaptcha"] {
  margin-bottom: 12px;
}

/* Submit button */
.career__form-wrap .form-group:last-child {
  text-align: center;
}

.career__form-wrap .submit-btn {
  display: inline-block;
  background-color: #2E7D6B;
  color: #FFFFFF;
  border: none;
  padding: 14px 48px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  cursor: pointer;
}

.career__form-wrap .submit-btn:hover {
  opacity: 0.9;
}

@media (max-width: 600px) {
  .career__form-wrap {
    padding: 24px 20px;
  }

  .career__form-wrap .form-group.w-50 {
    flex: 0 0 100%;
  }
}/* End custom CSS */