.elementor-3274 .elementor-element.elementor-element-6f8c0d8{--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;}#elementor-popup-modal-3274{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3274 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-3274 .dialog-close-button{display:flex;}#elementor-popup-modal-3274 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for shortcode, class: .elementor-element-bbf81a1 *//* Career Form Container */
.aquark-modern-form.career-form {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 45px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 12px 35px rgba(42, 50, 132, 0.05);
}

/* Form Group Layout */
.aquark-modern-form .form-group {
  margin-bottom: 26px;
  display: flex;
  flex-direction: column;
}

/* Label Styling */
.aquark-modern-form label {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1b3153; /* Premium dark engineering blue */
  margin-bottom: 8px;
  text-align: left;
}

/* Input, Textarea, and Select Dropdown Customization */
.aquark-modern-form input[type="text"],
.aquark-modern-form input[type="email"],
.aquark-modern-form input[type="tel"],
.aquark-modern-form select,
.aquark-modern-form textarea {
  width: 100% !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
  color: #333333 !important;
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
  font-family: inherit;
}

/* Select element specific styling with custom arrow fix */
.aquark-modern-form select {
  height: auto !important;
  cursor: pointer;
  padding-right: 40px !important; /* Prevents text from overlapping the arrow */
  appearance: none !important; /* Hides default browser arrow */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%231b3153' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 16px) center !important; /* Safe alignment from the right border */
  background-size: 12px !important;
}

/* Internet Explorer layout handle for dropdowns */
.aquark-modern-form select::-ms-expand {
  display: none !important;
}

/* File Upload Field Styling */
.aquark-modern-form .file-upload-group input[type="file"] {
  border: 1px dashed #cbd5e1 !important;
  padding: 12px !important;
  background: #f8fafc !important;
  border-radius: 6px !important;
  cursor: pointer;
}

/* Focus States */
.aquark-modern-form input:focus,
.aquark-modern-form select:focus,
.aquark-modern-form textarea:focus {
  border-color: #2a3284 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(42, 50, 132, 0.1) !important;
}

/* Textarea Height */
.aquark-modern-form textarea {
  height: 110px !important;
  resize: vertical !important;
}

/* Submit Application Button */
.aquark-modern-form .form-submit-group {
  text-align: center;
  margin-top: 30px;
}

.aquark-modern-form input[type="submit"] {
  width: 100% !important;
  background-color: #2a3284 !important; /* Brand Main Corporate Blue */
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px;
  padding: 16px 30px !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* Hover Action for Button */
.aquark-modern-form input[type="submit"]:hover {
  background-color: #5b8ab5 !important; /* Transition to accent orange on hover */
  box-shadow: 0 6px 20px rgba(248, 144, 7, 0.2) !important;
  transform: translateY(-1px);
}/* End custom CSS */