.elementor-1274 .elementor-element.elementor-element-07853e8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1274 .elementor-element.elementor-element-e8c8ced{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:60px 0px 0px 0px;}.elementor-1274 .elementor-element.elementor-element-cfb472d{--display:flex;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1274 .elementor-element.elementor-element-16e99a1{background-color:#0F2240;padding:36px 36px 36px 36px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1A;border-radius:10px 10px 10px 10px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-field-group{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );margin-bottom:20px;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-form-fields-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );margin-bottom:-20px;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-labels-inline .elementor-field-group > label{padding-left:8px;}body:not(.rtl) .elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-labels-inline .elementor-field-group > label{padding-right:8px;}body .elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-labels-above .elementor-field-group > label{padding-bottom:8px;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-field-group > label{font-size:14px;font-weight:600;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-field-type-html{font-size:13px;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#091525;border-color:#FFFFFF1A;border-radius:8px 8px 8px 8px;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-field-group .elementor-select-wrapper select{background-color:#091525;border-color:#FFFFFF1A;border-radius:8px 8px 8px 8px;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF1A;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1274 .elementor-element.elementor-element-16e99a1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1274 .elementor-element.elementor-element-ed09cde{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-e8c8ced *//* =====================================================================
   Job Submission Form — CF7 styling to match the original design
   Enqueue this file site-wide or only on the page with the form
   (see functions-snippet.php, file 5)
   ===================================================================== */

:root{
  --navy:#091525;
  --navy-2:#0F2240;
  --teal:#00C9A8;
  --gold:#F5C518;
  --white:#FFFFFF;
  --gray-light:#F5F5F5;
  --gray-mid:#CCCCCC;
  --gray-text:#9AA7B8;
  --border:rgba(255,255,255,0.10);
  --radius:10px;
}

/* Wrap your CF7 shortcode in a page/template section using class "form-wrap"
   e.g. <div class="form-wrap">[contact-form-7 id="..." ]</div> */
.form-wrap{ max-width:820px; margin:0 auto; padding:0 24px 80px; font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }

.card{
  background:var(--navy-2);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:36px;
  margin-bottom:24px;
}
.card-head{margin-bottom:28px}
.card-head .step-label{
  color:var(--teal);font-size:12px;font-weight:700;
  letter-spacing:0.12em;text-transform:uppercase;
  display:block;margin-bottom:6px;
}
.card-head h2{font-size:22px;font-weight:700;letter-spacing:-0.01em;color:var(--white)}
.card-head p{color:var(--gray-text);font-size:14px;margin-top:6px}

.field-row{display:flex;gap:20px;margin-bottom:20px}
.field-row:last-child{margin-bottom:0}
.field{flex:1;display:flex;flex-direction:column}
@media(max-width:640px){.field-row{flex-direction:column;gap:20px}}

.form-wrap label{font-size:14px;font-weight:600;color:var(--white);margin-bottom:8px;display:inline-block}
.req{color:var(--teal)}
.hint{font-size:13px;color:var(--gray-text);font-weight:400;margin-top:6px}

/* CF7 wraps every field in .wpcf7-form-control-wrap; the actual
   input/textarea gets class .wpcf7-form-control */
.form-wrap input[type=text].wpcf7-form-control,
.form-wrap input[type=email].wpcf7-form-control,
.form-wrap input[type=tel].wpcf7-form-control,
.form-wrap input[type=date].wpcf7-form-control,
.form-wrap textarea.wpcf7-form-control{
  width:100%;
  background:var(--navy);
  border:1px solid var(--border);
  border-radius:8px;
  padding:13px 16px;
  color:var(--white);
  font-family:inherit;font-size:15px;
  transition:border-color .15s, box-shadow .15s;
}
.form-wrap input::placeholder, .form-wrap textarea::placeholder{color:#5B6B80}
.form-wrap input:focus, .form-wrap textarea:focus{
  outline:none;
  border-color:var(--teal);
  box-shadow:0 0 0 3px rgba(0,201,168,0.15);
}
.form-wrap input[type=date]{color-scheme:dark}
.form-wrap textarea.wpcf7-form-control{resize:vertical;min-height:120px}

/* ============ IMAGE UPLOAD (Drag & Drop Multiple File Upload plugin) ============
   This plugin renders its own markup — class names below are the plugin's
   defaults as of the version checked. Right-click > Inspect on the live
   dropzone after activating the plugin and adjust .elementor-1274 .elementor-element.elementor-element-e8c8ceds if your
   installed version differs. */
.wpcf7-form-control-wrap.upload-file-photos,
.codedropz-upload-wrapper{
  border:2px dashed rgba(0,201,168,0.4) !important;
  border-radius:var(--radius) !important;
  background:rgba(0,201,168,0.03) !important;
}
.codedropz-upload-wrapper:hover,
.codedropz-upload-wrapper.hover{
  border-color:var(--teal) !important;
  background:rgba(0,201,168,0.07) !important;
}
.codedropz-upload-handler{
  padding:44px 24px !important;
  text-align:center !important;
  color:var(--gray-text) !important;
}
.codedropz-upload-handler i,
.codedropz-upload-handler svg{color:var(--teal) !important}
.codedropz-upload-limit,
.codedropz-upload-handler p{
  font-size:13px !important;color:var(--gray-text) !important;
}

/* uploaded-file list (filename + progress bar + delete — no thumbnail on free version) */
.codedropz-upload-container,
.dnd-upload-file-list{
  margin-top:16px !important;
}
.dnd-upload-file-list li,
.codedropz-upload-container li{
  background:var(--navy) !important;
  border:1px solid var(--border) !important;
  border-radius:8px !important;
  color:var(--white) !important;
  padding:10px 14px !important;
}
.dnd-upload-file-list .dnd-progress-bar,
.codedropz-upload-container .progress{
  background:rgba(0,201,168,0.15) !important;
}
.dnd-upload-file-list .dnd-progress-bar-inner,
.codedropz-upload-container .progress-bar{
  background:var(--teal) !important;
}
.dnd-remove-file, .codedropz-upload-container .remove{
  color:#FF8A80 !important;cursor:pointer;
}
.dnd-upload-status{font-size:13px;color:var(--gray-text) !important}

.photo-tip{
  display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:14px 16px;
  background:rgba(245,197,24,0.06);border:1px solid rgba(245,197,24,0.25);border-radius:8px;
  font-size:13px;color:var(--gray-mid);
}
.photo-tip .tip-dot{color:var(--gold);font-weight:700;flex-shrink:0}

/* ============ CHECKBOXES / ACCEPTANCE ============ */
.check-group{display:flex;flex-direction:column;gap:16px}
.check-group .wpcf7-acceptance{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--gray-mid)}
.check-group .wpcf7-list-item{margin:0}
.check-group input[type=checkbox]{
  appearance:none;-webkit-appearance:none;width:20px;height:20px;flex-shrink:0;margin-top:1px;
  border:1px solid var(--gray-text);border-radius:5px;background:var(--navy);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s;
}
.check-group input[type=checkbox]:checked{background:var(--teal);border-color:var(--teal)}
.check-group input[type=checkbox]:checked::after{content:'✓';color:var(--navy);font-size:13px;font-weight:800}
.check-group input[type=checkbox]:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.check-group .wpcf7-list-item-label{color:var(--white)}

/* radio-style name preference */
.name-pref{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.name-pref .wpcf7-list-item{display:flex;align-items:flex-start;gap:12px;margin:0}
.name-pref input[type=radio]{
  appearance:none;-webkit-appearance:none;width:20px;height:20px;flex-shrink:0;margin-top:1px;
  border:1px solid var(--gray-text);border-radius:50%;background:var(--navy);cursor:pointer;
}
.name-pref input[type=radio]:checked{border-color:var(--teal)}
.name-pref input[type=radio]:checked::after{content:'';display:block;width:10px;height:10px;margin:4px;border-radius:50%;background:var(--teal)}
.name-pref .wpcf7-list-item-label{font-size:14px;color:var(--gray-mid)}

/* ============ SUBMIT ============ */
.submit-bar{text-align:center;margin-top:8px}
.submit-bar input[type=submit]{
  display:inline-block;background:var(--teal);color:var(--navy);
  font-family:inherit;font-weight:700;font-size:17px;
  padding:16px 48px;border:none;border-radius:8px;cursor:pointer;letter-spacing:0.01em;
  transition:transform .12s, box-shadow .12s, background .12s;
}
.submit-bar input[type=submit]:hover{background:#00E0BB;box-shadow:0 6px 24px rgba(0,201,168,0.35);transform:translateY(-1px)}
.submit-bar input[type=submit]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.submit-bar .sub-note{margin-top:14px;font-size:13px;color:var(--gray-text)}
/* CF7's built-in spinner/response box */
.form-wrap .wpcf7-spinner{margin-left:10px}
.form-wrap .wpcf7-response-output{display:none !important} /* we show our own .success block instead */

/* honeypot */
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}

/* success message (hidden until submit) */
.success{display:none;background:rgba(0,201,168,0.08);border:1px solid var(--teal);border-radius:var(--radius);padding:40px;text-align:center}
.success h2{color:var(--teal);font-size:24px;margin-bottom:10px}
.success p{color:var(--gray-mid);font-size:15px}

/* CF7's native validation styling, restyled to match the original look */
.form-wrap .wpcf7-not-valid{border-color:#FF8A80 !important}
.form-wrap .wpcf7-not-valid-tip{color:#FF8A80;font-size:13px;margin-top:6px;display:block}
.form-wrap span.wpcf7-not-valid-tip{position:static}

@media (prefers-reduced-motion: reduce){
  .form-wrap *{transition:none !important}
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-16e99a1 */.elementor-1274 .elementor-element.elementor-element-16e99a1 hr{
    color: rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.10);
}
.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-upload-field {
    border: 2px dashed rgba(0, 201, 168, 0.4);
    border-radius: var(--radius);
    background: rgba(0, 201, 168, 0.03);
    padding: 44px 24px;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}
.elementor-1274 .elementor-element.elementor-element-16e99a1 .elementor-button{
        display: inline-block;
    background: var(--teal);
    color: var(--navy);
    font-family: inherit;
    font-weight: 700;
    font-size: 17px;
    padding: 16px 48px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    letter-spacing: 0.01em;
    transition: transform .12s, box-shadow .12s, background .12s;
}
.elementor-1274 .elementor-element.elementor-element-16e99a1 input[type=text], input[type=email], input[type=tel], input[type=date], textarea {
    
        padding: 13px 16px;
}/* End custom CSS */