/************ candidate page css starts from here ************/

.candidate-wapper {
  background: #d4e8fa;
}

.candidate-container {
  width: 1100px;
  padding: 60px 0;
  margin: 0 auto;
  max-width: 95%;
}

.candidate-main {
  border-radius: 12px;
  background: #fff;
  box-shadow: 4px 4px 60px 50px rgba(0, 0, 0, 0.06);
  padding: 50px 40px;
}

.login-link p a {
  color: #04518b;
  font-weight: 600;
  text-decoration: underline;
}

.login-link {
  text-align: center;
}

.login-link p {
  font-size: 18px;
  padding-bottom: 5px;
  padding-top: 0;
  margin: 0;
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
  color: #000;
}

#candidate-progress {
  width: 90%;
  margin: 0px auto;
  font-size: 20px;
  font-weight: 600;
  position: relative;
}



#candidate-progress:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 8px;
  width: 100%;
  background-color: #d4e8fa;
  -webkit-transform: translateY(-50%) perspective(1000px);
  transform: translateY(-50%) perspective(1000px);
}

#candidate-progress:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 7px;
  width: 100%;
  background-color: #a2d35e;
  -webkit-transform: scaleX(0) translateY(-50%) perspective(1000px);
  transform: scaleX(0) translateY(-50%) perspective(1000px);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

#candidate-progress.step-2:after {
  -webkit-transform: scaleX(0.333) translateY(-50%) perspective(1000px);
  transform: scaleX(0.24) translateY(-50%) perspective(1000px);
}

#candidate-progress.step-3:after {
  -webkit-transform: scaleX(0.666) translateY(-50%) perspective(1000px);
  transform: scaleX(0.5) translateY(-50%) perspective(1000px);
}

#candidate-progress.step-4:after {
  -webkit-transform: scaleX(1) translateY(-50%) perspective(1000px);
  transform: scaleX(0.78) translateY(-50%) perspective(1000px);
}

#candidate-progress.step-5:after {
  -webkit-transform: scaleX(1) translateY(-50%) perspective(1000px);
  transform: scaleX(1) translateY(-50%) perspective(1000px);
}

#candidate-progress.step-6:after {
  -webkit-transform: scaleX(1) translateY(-50%) perspective(1000px);
  transform: scaleX(1) translateY(-50%) perspective(1000px);
}

#candidate-progress .progress-bar {
  width: 100%;
  display: flex;
  height: 100px;
  justify-content: space-between;
  align-items: center;
}

#candidate-progress .progress-bar .step {
  z-index: 2;
  position: relative;
}

#candidate-progress .progress-bar .step .step-label {
  position: absolute;
  top: calc(100% + 25px);
  left: 50%;
  -webkit-transform: translateX(-50%) perspective(1000px);
  transform: translateX(-50%) perspective(1000px);
  white-space: nowrap;
  font-size: 0.4em;
  font-weight: 600;
  color: #3b3b3b;
  transition: 0.3s ease;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  line-height: normal;
}


#candidate-progress .progress-bar .step span {
  color: #000000;
  transition: 0.3s ease;
  display: block;
  -webkit-transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
  transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
  font-family: "Lato", sans-serif;
}

#candidate-progress .progress-bar .step .fa-check {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
  transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
}

#candidate-progress .progress-bar .step.active span,
#candidate-progress .progress-bar .step.active .step-label {
  color: #3b3b3b;
}

#candidate-progress .progress-bar .step.valid .fa-check {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
  transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
}

#candidate-progress .progress-bar .step.valid span {
  color: #2c3e50;
  -webkit-transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
  transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
}

#candidate-progress .progress-bar .step.valid .step-label {
  color: #2c3e50 !important;
}

#candidate-progress .progress-bar .step:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) perspective(1000px);
  transform: translate(-50%, -50%) perspective(1000px);
  width: 40px;
  height: 40px;
  background-color: #d4e8fa;
  border-radius: 50%;
  transition: 0.3s ease;
  border: 1px solid #dad3d3;
}

#candidate-progress .progress-bar .step.active:after {
  border: 1px solid #b7b5b5;
  background: #a2d35e;
}

#candidate-progress .progress-bar .step.valid:after {
  border: 1px solid #b7b5b5;
  background: #a2d35e;
  z-index: 4;
}

.candidate-wapper .step.valid .fa.fa-check {
  z-index: 8;
}

.candidate-wapper .button-container,
.candidate-popup-content-main .button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 48px auto 0px;
  gap: 40px;
}

.candidate-wapper .add-button {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.candidate-wapper .btn,
.candidate-popup-content-main .btn {
  background: #a2d35e;
  border: unset;
  padding: 13px 20px;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  border-radius: 30px;
  cursor: pointer;
  box-shadow: 4px 3px 6px 1px rgb(43 62 63 / 21%) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-width: 133px;
}

.candidate-wapper input.input_control,
.candidate-popup-content-main input.input_control,
.candidate-popup-content-main select.input_control,
.candidate-wapper select.input_control {
  background: #fff;
  border: 1px solid #c3c3c3;
  border-radius: 200px;
  padding: 13px 20px;
  color: #000;
  font-weight: 500;
  width: 100%;
  display: block;
  box-sizing: border-box;
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
}

.candidate-wapper select.input_control_select.input_control,
.candidate-popup-content-main .custom-select.input_control {
  background: url("images/arrow-down-sign.png") 94% / 4% no-repeat;
  -webkit-appearance: none;
  font-size: 14px;
}

.candidate-wapper .form_group,
.candidate-popup-content-main .form_group {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-left: 175px;
  margin: 9px;

}

.candidate-wapper .btn-candidate-submit.hide {
  display: none;
}

.form-control.full-width-control {
  width: 100% !important;
}

.candidate-wapper .candidate-popup-content .form-control,
.checkout-popup-content .form-control {
  width: 47%;
  position: relative;
}

.candidate-wapper .form-control {
  width: 48%;
}

.candidate-wapper .section-wrapper {
  width: 90%;
  margin: 0 auto;
  border: 1px solid #ddd;
  padding: 35px;
  border-radius: 12px;
  margin-top: 45px;
}

.candidate-wapper .candidate-progress-bar {
  width: 68%;
  margin: 0 auto;
}

.section1-header {
  text-align: center;
  font-size: 29px;
  color: #2b2b2c;
  border-bottom: 1px solid #80808059;
  font-family: "Lato", sans-serif !important;
  font-weight: 600;
}

.section2-header {
  text-align: center;
  font-size: 23px;
  color: #2b2b2c;
  border-bottom: 1px solid #80808059;
  font-family: "Lato", sans-serif !important;
  font-weight: 600;
  margin-bottom: 10px;
}

.section3-header {
  text-align: center;
  font-size: 23px;
  color: #2b2b2c;
  border-bottom: 1px solid #80808059;
  font-family: "Lato", sans-serif !important;
  font-weight: 600;
  margin-bottom: 10px;
}

.section4-header {
  text-align: center;
  font-size: 23px;
  color: #2b2b2c;
  border-bottom: 1px solid #80808059;
  font-family: "Lato", sans-serif !important;
  font-weight: 600;
  margin-bottom: 10px;
}

.section-header p {
  font-size: 14px;
  text-align: center;
  font-family: "Lato", sans-serif !important;
  font-weight: 500;
  line-height: 22px;
}

.section-header p span {
  font-weight: bold;
}

.questions {
  display: inline-flex;
  justify-content: center;
  margin: 0 auto;
  column-gap: 30px;
}

.question-one span {
  color: rgba(0, 0, 0, 0.75);
  position: relative;
  line-height: 20px;
  font-size: 14px;
  font-family: "Montserrat",
    Helvetica,
    Arial,
    Lucida,
    sans-serif;
  font-weight: 700;
  font-size: 15px;
}

.question-two span {
  color: rgba(0, 0, 0, 0.75);
  position: relative;
  line-height: 20px;
  font-size: 14px;
  font-family: "Montserrat",
    Helvetica,
    Arial,
    Lucida,
    sans-serif;
  font-weight: 700;
  font-size: 15px;
}

.question-three span {
  color: rgba(0, 0, 0, 0.75);
  position: relative;
  line-height: 20px;
  font-size: 14px;
  font-family: "Montserrat",
    Helvetica,
    Arial,
    Lucida,
    sans-serif;
  font-weight: 700;
  font-size: 15px;
}

.question-one-option {
  padding: 8px 0px;
  line-height: 35px;
}

.question-two-option {
  padding: 8px 0px;
  line-height: 35px;
}

.question-three-option {
  padding: 8px 0px;
  line-height: 35px;
}

.checkbox-button-container {
  position: relative;
  color: rgba(0, 0, 0, 0.75);
  margin-left: -6px;
  line-height: 20px;
  cursor: pointer;
  font-size: 14px;
  user-select: none;
  display: inline-flex;
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.add-calender {
  display: flex;
  column-gap: 15px;
  justify-content: center;
}

.candidate-calender {
  background: #fff;
  padding: 5px;
  border-radius: 7px;
  margin-bottom: 15px;
  box-shadow: 1px 1px 19px #dddada;
  padding: 23px;
  width: 31.3%;
  margin: 0;
  list-style: none;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.candidate-centertable {
  width: 100%;
}


.candidate-centertable tr {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.candidate-centertable tr td,
.candidate-centertable tr th {
  text-align: center;
  padding: 3px !important;
  margin: 0 !important;
}

.add-calender-list {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: 25px;
  padding: 0;
  margin: 0;
  list-style: unset;
  padding-top: 20px;
  z-index: 0;
  position: relative;
}

.applicant-session-table {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ddd;
  margin-bottom: 15px;
  box-shadow: 0px 0px 7px 3px #7d7d7d0a;
  margin-top: 26px;
}

/* .applicant-session-data{
 display: flex;
 flex-direction: column;
 width: 100%;
 border-collapse: collapse;
} */
/* .applicant-session-heading{
  display: flex;
  width: 100%;
  column-gap: 0px;
  justify-content: space-evenly;
  border-bottom: 1px solid #d1cdcd;
} */
/* .session.heading{
  flex: 1;
padding: 10px;
text-align: center;
font-size: 14px;
font-weight: 600;
color: #3f3f3f;
font-family:"Montserrat", Helvetica, Arial, Lucida, sans-serif;
} */
.applicant-session-data {
  width: 100%;
  border-collapse: collapse;
}

.applicant-session-heading {
  width: 100%;
  column-gap: 0px;
  justify-content: space-evenly;
  border-bottom: 1px solid #d1cdcd;
}

.session-heading {
  padding: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #3f3f3f;
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
}

.session-item {
  flex: 1;
  padding: 10px;
  text-align: center;
  font-size: 12px;
  color: #3f3f3f;
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
}

/* .applicant-item{
  display: flex;
  width: 100%;
  border-bottom: 1px solid #d1cdcd;
} */
.applicant-item {
  width: 100%;
  border-bottom: 1px solid #d1cdcd;
}

.hidden {
  display: none;
}

@media (max-width: 767px) {
  #candidate-progress .progress-bar .step .step-label {
    top: calc(100% + 15px);
    line-height: 12px;
  }

  #candidate-progress {
    font-size: 1.5em;
    z-index: 1;
  }

  .candidate-popup-content {
    width: 95% !important;
  }

  .candidate-wapper .button-container .btn {
    margin-bottom: 15px;
  }

  .checkcandidateout-wapper .radio-group,
  .candidate-popup-content-main .radio-group {
    flex-wrap: wrap;
  }

  #candidate-progress {
    width: 77% !important;
    margin: 0px auto;
  }

  #candidate-progress .progress-bar {
    height: 76px;
  }

  .candidate-wapper .candidate-progress-bar {
    width: 100% !important;
  }

  .candidate-wapper .login-link p {
    padding-bottom: 0px;
    padding-top: 0;
    margin: 0;
  }

  .candidate-wapper .candidate-main {
    padding: 38px 22px !important;
  }

  .candidate-wapper .section-wrapper {
    width: 100% !important;
    padding: 20px !important;
  }

  .candidate-wapper .form-control {
    width: 100% !important;
    position: relative;
  }

  .candidate-wapper .candidate-popup-content-main {
    height: 400px;
    overflow: auto;
  }

  .candidate-wapper .button-container {
    gap: 10px !important;
    margin: 30px auto 0px;
  }

  #candidate-progress .progress-bar .step:after {
    width: 30px;
    height: 30px;
  }

  #candidate-progress .progress-bar .step span {
    font-size: 11px;
  }

  #candidate-progress:before,
  #candidate-progress:after {
    height: 4px;
  }

  #candidate-progress .progress-bar .step .fa-check:before {
    font-size: 13px;
    line-height: 50px;
  }

  .questions,
  .add-calender-list {
    display: block;
  }

  .candidate-calender {
    width: 100%;
    margin-bottom: 20px;
  }

  .disclaimer-buttons {
    flex-wrap: wrap;
  }

  .candidate-popup-content {
    top: 50% !important;
  }

  .policy-content {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
    padding-bottom: 20px;
  }

  .candidate-wapper .form_group,
  .candidate-popup-content-main .form_group {
    padding-left: 13px;
  }

  .candidate-wapper .form-control.full-width-control {
    width: 100% !important;
  }

  #candidate-progress .progress-bar .step .step-label {
    font-size: 11px !important;
    white-space: normal !important;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 1025px) {
  .candidate-wapper .candidate-progress-bar {
    width: 72%;
  }

  .candidate-wapper .form-control {
    width: 46% !important;
  }

  #candidate-progress {
    z-index: 1;
  }

  #candidate-progress .progress-bar .step:after {
    width: 30px;
    height: 30px;
  }

  #candidate-progress .progress-bar .step span {
    font-size: 15px;
  }

  #candidate-progress:before,
  #candidate-progress:after {
    height: 4px;

  }

  #candidate-progress .progress-bar .step .fa-check:before {
    font-size: 13px;
    line-height: 50px;
  }

  #candidate-progress .progress-bar .step .step-label {
    top: calc(100% + 20px);
    line-height: 20px;
    white-space: normal;
  }

  .candidate-wapper .section-wrapper {
    margin-top: 91px;
  }

  .questions,
  .add-calender-list {
    display: block;

  }

  .candidate-calender {
    width: 100%;
    margin-bottom: 20px;
  }

  .candidate-wapper .form_group,
  .candidate-popup-content-main .form_group {
    padding-left: 82px;
  }

  .candidate-wapper .form-control.full-width-control {
    width: 100% !important;
  }
}

@media (max-width: 1500px) {
  .candidate-popup-content {
    top: 57% !important;
  }
}