/* ===== Career Form Wrapper ===== */
#careerForm {
  background: #ffffff;
  padding: 40px;
  border-radius: 12px;
  max-width: 900px;
  margin: 0 auto;
  box-shadow: 0 0 0 2px #0b5ea8;
}

/* ===== Rows ===== */
#careerForm .row {
  display: flex;
  gap: 20px;
}

/* ===== Form Group (controls spacing) ===== */
#careerForm .form-group {
  flex: 1;
  margin-bottom: 20px; /* ✅ Equal spacing everywhere */
}

/* ===== Inputs ===== */
#careerForm input,
#careerForm select,
#careerForm textarea {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #c7bfb4;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  outline: none;
  background: #fff;
  box-sizing: border-box;
}

#careerForm input::placeholder,
#careerForm textarea::placeholder {
  color: #9b948c;
}

/* ===== Focus State ===== */
#careerForm input:focus,
#careerForm select:focus,
#careerForm textarea:focus {
  border-color: #0b5ea8;
}

/* ===== Textarea ===== */
#careerForm textarea {
  min-height: 130px;
  resize: vertical;
}

/* ===== Error Messages ===== */
#careerForm .error {
  color: #e63946;
  font-size: 12px;
  margin-top: 6px;
  display: block;
}

/* ===== Submit Button Wrapper ===== */
#careerForm .cta-sec {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

/* ===== Custom File Upload ===== */
.file-upload {
  position: relative;
}

.file-upload input[type="file"] {
  display: none;
}

.file-upload label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border: 1px solid #c7bfb4;
  border-radius: 4px;
  cursor: pointer;
  background: #fff;
  font-size: 14px;
  color: #9b948c;
}

.file-upload label:hover {
  border-color: #0b5ea8;
}

.file-upload .file-icon img {
  width: 18px;
  height: auto;
}


#careerForm select {
  -webkit-appearance: none; /* Chrome, Safari */
  -moz-appearance: none;    /* Firefox */
  appearance: none;         /* Standard */
  background-image: none;cursor:pointer;
}



#careerForm select::-ms-expand {
  display: none;
}

/* ===== When File Selected ===== */
.file-upload.selected label {
  color: #333;
}


#branch{    background-image: url(https://a4i.dotncube.in/wp-content/uploads/2026/01/Vector-22.png) !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    background-position: 96% 50% !important;}


/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
  #careerForm {
    padding: 25px;
  }

  #careerForm .row {
    flex-direction: column;
    gap: 0;
  }
}