.elementor-372 .elementor-element.elementor-element-4a91ad0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-372 .elementor-element.elementor-element-7835c54{--display:flex;}.elementor-372 .elementor-element.elementor-element-7835c54.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-372 .elementor-element.elementor-element-ec90c8e{background-color:#FFFFFF;padding:10px 30px 30px 30px;}.elementor-372 .elementor-element.elementor-element-db4e289{--display:flex;}.elementor-372 .elementor-element.elementor-element-e88c0c8{--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;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-372 .elementor-element.elementor-element-7835c54{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-372 .elementor-element.elementor-element-7835c54.e-con{--order:99999 /* order end hack */;}.elementor-372 .elementor-element.elementor-element-ec90c8e{padding:0px 0px 0px 0px;}.elementor-372 .elementor-element.elementor-element-db4e289{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-372 .elementor-element.elementor-element-7835c54{--width:70%;}.elementor-372 .elementor-element.elementor-element-db4e289{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-372 .elementor-element.elementor-element-7835c54{--width:60%;}.elementor-372 .elementor-element.elementor-element-db4e289{--width:40%;}}/* Start custom CSS for shortcode, class: .elementor-element-ec90c8e *//* === Gravity Form - RulerTech Styling === */
body .gform_wrapper {
  font-family: 'Inter', sans-serif;
  color: #333;
  max-width: 720px;
}

body .gform_wrapper .gform_heading {
  border-bottom: 2px solid #f2f2f2;
  margin-bottom: 25px;
  padding-bottom: 8px;
}

body .gform_wrapper h3.gform_title {
  font-family: 'Poppins', sans-serif;
  font-size: 26px;
  font-weight: 600;
  color: #1B6C86;
  margin-bottom: 10px;
}

body .gform_wrapper .gfield_label {
  font-weight: 500;
  color: #1B6C86;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 6px;
}

body .gform_wrapper input[type="text"],
body .gform_wrapper input[type="email"],
body .gform_wrapper input[type="tel"],
body .gform_wrapper textarea,
body .gform_wrapper select {
  width: 100%;
  border: 1.5px solid #ddd;
  border-radius: 8px;
  padding: 12px 14px;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  transition: all 0.2s ease;
  background-color: #fafafa;
}

body .gform_wrapper input:focus,
body .gform_wrapper textarea:focus,
body .gform_wrapper select:focus {
  border-color: #1B6C86;
  box-shadow: 0 0 0 3px rgba(27,108,134,0.1);
  background-color: #fff;
  outline: none;
}

/* Field spacing */
body .gform_wrapper .gfield {
  margin-bottom: 20px;
}

/* Section titles */
body .gform_wrapper .gsection_title {
  font-size: 22px;
  font-weight: 600;
  color: #999;
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: 'Poppins', sans-serif;
}

/* Submit + Save buttons */
body .gform_wrapper .gform_footer input[type="submit"],
body .gform_wrapper .gform_save_link {
  background-color: #F25939;
  border: none;
  color: #fff !important;
  padding: 12px 28px;
  border-radius: 8px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

body .gform_wrapper .gform_footer input[type="submit"]:hover,
body .gform_wrapper .gform_save_link:hover {
  background-color: #d94e32;
  transform: translateY(-2px);
}

/* Save & Continue secondary button */
body .gform_wrapper .gform_save_link {
  background: transparent !important;
  border: 2px solid #1B6C86;
  color: #1B6C86 !important;
  margin-left: 10px;
  padding: 10px 26px;
  transition: all 0.2s ease;
}

body .gform_wrapper .gform_save_link:hover {
  background: #1B6C86 !important;
  color: #fff !important;
}

/* Confirmation / validation styling */
body .gform_confirmation_message {
  background: #e6f5f8;
  color: #1B6C86;
  border-left: 4px solid #1B6C86;
  padding: 16px 20px;
  border-radius: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
}

body .validation_message {
  color: #F25939;
  font-size: 14px;
}

body .gfield_required {
  color: #F25939;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  body .gform_wrapper .gform_footer input[type="submit"],
  body .gform_wrapper .gform_save_link {
    width: 100%;
    margin: 8px 0;
  }
}
body .gform_wrapper form {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}
/* === Job Application Form – Read-only job details styling === */
body .gform_wrapper form#gform_1 input[readonly],
body .gform_wrapper form#gform_1 input[readonly]:focus {
  border: none !important;
  background: transparent !important;
  color: #1B6C86 !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 18px;
  padding: 0 !important;
  cursor: default;
  box-shadow: none !important;
}

/* Hide their surrounding container borders if any */
body .gform_wrapper form#gform_1 .gfield#field_1_13,
body .gform_wrapper form#gform_1 .gfield#field_1_14 {
  margin-bottom: 4px !important;
}

/* Optional: add a label above them that looks more like text */
body .gform_wrapper form#gform_1 .gfield#field_1_13 .gfield_label,
body .gform_wrapper form#gform_1 .gfield#field_1_14 .gfield_label {
  font-size: 14px;
  color: #777;
  font-family: 'Inter', sans-serif;
  margin-bottom: 4px;
  display: block;
}
body .gform_wrapper form#gform_1 .gfield#field_1_13 .gfield_label,
body .gform_wrapper form#gform_1 .gfield#field_1_14 .gfield_label {
  display: none !important;
}
/* === RulerTech Job Application Summary === */
.job-summary-box {
  background: #f7fbfc;
  border: 2px solid #1B6C86;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 30px;
  font-family: 'Inter', sans-serif;
  color: #333;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.job-summary-box h3 {
  margin: 0 0 10px 0;
  color: #1B6C86;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 600;
}
.job-summary-box p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #444;
}
.job-summary-box a {
  color: #F25939;
  font-weight: 500;
  text-decoration: none;
}
.job-summary-box a:hover {
  text-decoration: underline;
}
.space-above {
    padding-top:30px !important;
} 

/* Make the Save & Continue icon follow the text color */
body .gform_wrapper .gform_save_link i,
body .gform_wrapper .gform_save_link .gform-icon,
body .gform_wrapper .gform_save_link svg,
body .gform_wrapper .gform_save_link svg *,
body .gform_wrapper .gform_save_link:before {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  transition: color .2s ease, fill .2s ease, stroke .2s ease;
}

/* Ensure hover forces both text & icon to white */
body .gform_wrapper .gform_save_link:hover,
body .gform_wrapper .gform_save_link:focus-visible {
  background: #1B6C86 !important;
  border-color: #1B6C86 !important;
  color: #fff !important; /* icon inherits via currentColor */
}/* End custom CSS */
/* Start custom CSS *//* Primary action: Submit (orange) */
.rulertech-form .gform_wrapper form .gform_footer input[type=submit],
.rulertech-form .gform_wrapper form .gform_page_footer input[type=submit]{
  background:#F25939 !important;
  color:#fff !important;
  border:none !important;
  border-radius:10px !important;
  padding:14px 30px !important;
  font-family:'Poppins',sans-serif !important;
  font-weight:600 !important;
  font-size:16px !important;
  transition:all .25s ease;
}
.rulertech-form .gform_wrapper form .gform_footer input[type=submit]:hover,
.rulertech-form .gform_wrapper form .gform_page_footer input[type=submit]:hover{
  background:#d94e32 !important;
  transform:translateY(-2px);
}

/* Secondary actions: Save & Continue + Previous (match “Back to Jobs”) */
.rulertech-form .gform_wrapper .gform_save_link,
.rulertech-form .gform_wrapper form .gform_previous_button {
  display:inline-block !important;
  background:transparent !important;
  color:#1B6C86 !important;
  border:2px solid #1B6C86 !important;
  border-radius:10px !important;
  padding:12px 24px !important;
  font-family:'Poppins',sans-serif !important;
  font-weight:600 !important;
  font-size:16px !important;
  text-decoration:none !important;
  transition:all .25s ease;
  line-height:1.2 !important;
}
.rulertech-form .gform_wrapper .gform_save_link:hover,
.rulertech-form .gform_wrapper form .gform_previous_button:hover {
  background:#1B6C86 !important;
  color:#fff !important;
}

/* Next button (if you paginate) = secondary or primary? 
   Keep as secondary here; switch to primary if you prefer. */
.rulertech-form .gform_wrapper form .gform_next_button {
  display:inline-block !important;
  background:transparent !important;
  color:#1B6C86 !important;
  border:2px solid #1B6C86 !important;
  border-radius:10px !important;
  padding:12px 24px !important;
  font-family:'Poppins',sans-serif !important;
  font-weight:600 !important;
  font-size:16px !important;
  transition:all .25s ease;
}
.rulertech-form .gform_wrapper form .gform_next_button:hover {
  background:#1B6C86 !important;
  color:#fff !important;
}

/* Layout niceties */
.rulertech-form .gform_wrapper form .gform_footer,
.rulertech-form .gform_wrapper form .gform_page_footer {
  text-align:center !important;
  gap:10px;
}
@media (max-width:768px){
  .rulertech-form .gform_wrapper form .gform_footer input[type=submit],
  .rulertech-form .gform_wrapper .gform_save_link,
  .rulertech-form .gform_wrapper form .gform_previous_button,
  .rulertech-form .gform_wrapper form .gform_next_button{
    width:100% !important;
  }
}/* End custom CSS */