.driver_job_head {
  background: #000000; padding: 3rem 0rem;
  .djh_tlt { margin: 0 0 1rem; }
  .djh_dis h2 { color: #fff; font-size: 1.6rem; font-weight: 300; margin: 0 0 1.5rem; }
  .djh_tlt >* { display: inline; font-size: 2.2rem; line-height: normal; color: #fff; margin: 0 0 0.5rem; font-weight: 400; }
  .djh_dis p { font-size: 1.1rem; line-height: normal; color: #c3c3c3; }
}







.driver_job { padding: 2rem 0 5rem;
  .row_tlt { font-size: 1.1rem; margin: 1.8rem 0 1rem; font-weight: 500; color: #00b4fc; letter-spacing: 1px; word-spacing: 2px; }
  .dj_row { padding: 1.5rem 1.5rem 0.5rem; box-shadow: 0px 1px 4px #0000001c; border-radius: 6px; background: #f9f9f9; }
  .input_field { margin: 0rem 0 1.6rem; }
  .input_lbl {  font-size: 16px; font-weight: 500; }

/*  .phone_input .form-select {  border-radius: 5px 0px 0px 5px; }*/
  input:focus { box-shadow: none; }
  .error_msg { color: red; font-size: 12px; margin-top: 8px; display: block; }
  .form-select:focus { box-shadow: none;  outline: none; }
  input:focus-within { border-left: 1px solid #00b4fc; }
  input, .form-control, .form-select { background-color: transparent; }
  
.phone_input { display: flex; align-items: center; border: 1px solid #ddd; border-radius: 5px; }
.phone_input .form-select { border-radius: 5px 0px 0px 5px; max-width: 120px; border: none; }
.phone_input .form-select:focus { box-shadow: none; border: none; }
.phone_input .input_box { border-radius: 0px 5px 5px 0px; border: none; border-left: 1px solid #ddd; }
.phone_input .input_box:focus { outline: none; box-shadow: none; border: none; border-left: 1px solid #00b4fc; }
.phone_input:has(>input:focus) { border: 1px solid #00b4fc; }
.phone_input:has(>select:focus) { border: 1px solid #00b4fc; }

  .cn_btn { background: rgb(8, 201, 8); }
  .form_actn { margin: 2.5rem 0 0; }

  .succs_crd {
    background: #08c9080d; padding: 2rem; text-align: center; box-shadow: 0px 1px 4px #08c90836; border-radius: 8px; color: #08c908; line-height: normal; margin: 2rem 0 0;
    .tlt { font-weight: 500; margin: 0 0 1rem; }
    .dis { font-size: 1.2rem; color: #30cb30; }
    .dis:last-child { margin: 0; }
  }

  @media (max-width: 1023px) {
    .dj_con { width: 90%; }
    .cn_btn { padding: 8px 18px; }
  }
}
