.career-intro {

  padding-top: 300px;

}



.back-btn {

  display: none;

}



.focus-error {

  border: 1px solid red !important;

}



.single-industify-service .elementor-text-editor {

  font-size: 16px;

}



#phone_code {

  max-width: 19%;

  min-width: 19%;

  display: inline-block;

}



.phone_number {

  width: 79% !important;

  display: inline-block;

}



#phone_code_comp {

  max-width: 19%;

  min-width: 19%;

  display: inline-block;

}



.company_phone {

  width: 79% !important;

  display: inline-block;

}





#phone_code {

  max-width: 19%;

  min-width: 19%;

  display: inline-block;

}



.phone_number {

  width: 79% !important;

  display: inline-block;

}



#phone_code_careers {

  max-width: 19%;

  min-width: 19%;

  display: inline-block;

}



.emp_phone {

  width: 79% !important;

  display: inline-block;

}







.content-careers {

  padding: 50px;

}



.content-careers h3 {

  font-weight: 500;

  position: relative;

}



.content-careers h3:after {

  position: absolute;

  content: "";

  height: 3px;

  width: 100px;

  background: #79000c;

  bottom: -15px;

  left: 0;

}



.title-content-careers {

  padding-bottom: 15px;

}



.btn-apply-careers button {

  border: none;

  border-radius: 5px;

  background: #79000c;

  color: white;

  height: 50px;

  width: 163px;

  text-align: left;

  padding-left: 27px;

  cursor: pointer;

}



.right-arrow img {

  width: 10px;

  margin-left: 50px;

}



.form-inputs-n select {

  background: white;

  border: 1px solid #666666;

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

}



.form-inputs-n input {

  background: white;

  border: 1px solid #666666;

  position: relative;

  top: -1px;

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

}



.form-title {

  margin-bottom: 10px;

}



.form-title h3 {

  font-weight: 500;

  position: relative;

}



.form-title h3:after {

  position: absolute;

  content: "";

  height: 3px;

  width: 100px;

  background: #79000c;

  bottom: -15px;

  left: 0;

}



.counter-careers {

  margin-top: 50px;

}



ul#counter-careers-list {

  list-style: none;

  margin-left: 0px;

}



ul#counter-careers-list li.active-now {

  float: left;

  color: #79000c;

  border: 2px solid #79000C;

  border-radius: 50%;

  height: 25px;

  width: 25px;

  text-align: center;

  margin-right: 15px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}



ul#counter-careers-list li.not-active {

  float: left;

  border: 2px solid #ADB2BA;

  color: #ADB2BA;

  border-radius: 50%;

  height: 25px;

  width: 25px;

  text-align: center;

  margin-right: 15px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}



.english-form-title {

  display: inline-block;

}



.arabic-form-title {

  display: inline-block;

  float: right;

}



.careers-form {

  margin-top: 120px;

}



.form-inputs input,

.form-inputs-resume-text input {

  width: 100%;

  border: 1px solid #666666;

  background: white;

  border-radius: 3px;

}



.form-inputs,

.form-inputs-resume,

.form-inputs-resume-text {

  margin-bottom: 25px;

}



.form-inputs-date input {

  display: inline-block;

  width: 85%;

  border: 1px solid #666666;

  background: white;

  border-radius: 3px;

  margin-right: 9px;

}



.calendar-icon {

  display: inline-block;

}



.lables label {

  font-size: 14px;

  color: #000;

}



.lables label:last-child {

  float: right;

}



.v-hidden {

  visibility: hidden;

}



.form-inputs-checkbox {

  display: inline-block;

}



.form-inputs-checkbox:last-child {

  float: right;

}



.form-inputs textarea {

  max-width: 100%;

  border: 1px solid #666666;

  background: #fff;

  box-sizing: border-box;

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

}



.form-inputs select {

  max-width: 100%;

  width: 100%;

  border: 1px solid #666666;

  background: #fff;

  box-sizing: border-box;

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

}



.first-block-declaration {

  width: 2%;

}



.scnd-block-declaration {

  width: 95%;

}



.lables {

  padding-bottom: 5px;

}



.back-btn {

  cursor: pointer;

  background: #fff;

  color: #79000C;

  border: 2px solid #79000c;

  border-radius: 3px;

  padding-right: 25px;

  height: 50px;

  width: 160px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  transition: 0.2s ease-in-out all;

  -webkit-transition: 0.2s ease-in-out all;

  -moz-transition: 0.2s ease-in-out all;

  -ms-transition: 0.2s ease-in-out all;

  -o-transition: 0.2s ease-in-out all;

}



.back-btn:hover {

  background: #79000c;

  color: #fff;

}



.next-btn,

.submit-btn {

  cursor: pointer;

  margin-left: 10px;

  background: #79000c;

  color: #fff;

  border: 2px solid #79000c;

  border-radius: 3px;

  text-align: left;

  padding-left: 25px;

  height: 50px;

  width: 160px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  transition: 0.2s ease-in-out all;

  ;

  -webkit-transition: 0.2s ease-in-out all;

  -moz-transition: 0.2s ease-in-out all;

  -ms-transition: 0.2s ease-in-out all;

  -o-transition: 0.2s ease-in-out all;

}



.next-btn:hover,

.submit-btn:hover {

  background: #fff;

  color: #79000c;

}



.careers-form-buttons {

  padding-bottom: 170px;

  padding-top: 140px;

}



.active-step {

  display: block;

}



.not-active-step {

  display: none;

}



.button-add,

.button-remove,

.button-add-training,

.button-remove-training,

.button-add-language,

.button-remove-language,

.button-add-skills,

.button-remove-skills,

.button-add-qualifications,

.button-remove-qualifications {

  height: 60px;

  width: 160px;

  border: none;

  background: #ADB2BA;

  color: white;

}



.buttonHolder-remove {

  margin-bottom: 15px;

}



.sub-display-none {

  display: none;

}



.sub-display-block {

  display: inline-block;

}



.button-add-language {

  margin-top: 25px;

  margin-bottom: 25px;

}



.mb-5 {}



@media screen and (min-width: 768px) {



  .pl-0 {

    padding-left: 0;

  }





  .date-calendar label:last-child {

    padding-right: 55px;

  }



}



.form-inputs label,

.form-inputs-date label {

  display: none !important;

}



.upload-btn,

.remove-upload-btn {

  border: none;

  margin-top: 15px;

  border-radius: 3px;

  background: #666666;

  color: #fff;

  width: 163px;

  height: 40px;

  text-align: left;

  padding-left: 15px;

  font-size: 14px;

}



.d-inline-block {

  display: inline-block;

}



.d-inline-block input {

  position: relative;

  top: -68px;

}



.working-with-us-container {

  height: 456px;

  width: 815px;

  background: white;

  position: relative;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px;

}

/* .valid {

  border: 1px solid green !important;

} */



@media screen and (max-width: 767px) {

  .calendar-icon img {

    width: 27px;

  }



  .pl-0.append-submit {

    padding-left: 0;

  }



  .next-btn,

  .back-btn,

  .submit-btn {

    width: 100%;

    cursor: pointer;

    margin-left: 6px;

    margin-bottom: 10px;

  }



  .career-form .col-xs-12.col-md-4 {

    padding-top: 15px;

  }





  .upload-btn {

    border: none;

    margin-top: 15px;

    border-radius: 3px;

    background: #666666;

    color: #fff;

    width: 100%;

    height: 40px;

    text-align: center;

    /* padding-left: 15px; */

    font-size: 14px;

  }



  .employment-resume-container .col-xs-12.pl-0 .col-xs-12.col-md-4.pl-0 {

    padding-left: 0;

    padding-right: 0;

    padding-top: 0;

  }

  .full-width-career {
    height: 1000px !important;
  }


  .working-with-us-container {
    height: auto;
    /* overflow: auto; */
    width: 90%;
    background: #fff;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }

}