/* career start  */
.landing-heading {
  font-size: 40px;
}

.input {
  width: -webkit-fill-available;
  padding: 10px 0 10px 10px;
  border: 0;
  outline: 0;
  font-size: 16px;
}

#file-uploader {
  display: none;
}

/* #date {
  display: none;
} */

label {
  width: 100%;
  display: block;
  background: white;
  padding: 10px 0 10px 10px;
  color: gray;
  border-radius: 3px;
  font-size: 16px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-t-10 {
  margin-top: 20px;
}

.career-text {
  padding: 5% 8%;
  position: relative;
}

.career-form {
  background: var(--light-pink);
  padding: 4% 4%;
}

.career-form h2 {
  color: var(--main-color);
  margin-bottom: 10px;
}

.career-form p {
  font-size: 16px;
  text-align: center;
  font-weight: 700;
}

.career-form .single-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.career-form .single-box i {
  font-size: 16px;
  font-weight: 700;
}

.career-form .single-box p {
  text-align: start;
  font-size: 20px;
  font-weight: 600;
}

.career-form .multiple-box {
  gap: 2%;
  grid-row-gap: 20px;
}

.career-form .multiple-box p {
  text-align: start;
  font-size: 20px;
  font-weight: 600;
}

.career-form .multiple-box-second:nth-child(3),
.career-form .multiple-box-second:nth-child(4) {
  grid-row-gap: 28%;
}

.single-box-end-input {
  position: relative;
}

.single-box-end-input img {
  position: absolute;
  right: 5px;
  width: 25px;
  top: 6px;
}

.career-form-button {
  text-align: center;
}

.career-form .career-form-button .form-button-child {
  background: var(--main-color);
  color: var(--white);
  padding: 7px 55px;
  font-size: 16px;
}
.err_msg {
    color: var(--main-color);
    font-size: 14px;
    font-weight: 500;
}
/* career details start */
.career-detail {
  padding: 3% 8% 0 8%;
  position: relative;
}

.career-detail-text {
  font-size: 18px;
  text-align: justify;
}
@media screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1050px) {

.career-detail-text {
    font-size: 16px !important;
}
  } 
@media screen and (max-width: 800px) {


  .career-detail {
    padding: 3% 5%;
  }

  .career-detail-text {
    font-size: 14px;
    line-height: 1.5;
  }

  .career-text {
    padding: 4%;
  }

  .career-form>p {
    font-size: 14px;
  }

  .career-form .single-box i {
    font-size: 14px;
  }

  .input {
    padding: 11px 0 11px 9px;
    font-size: 14px;
  }
.career-form .career-form-button .form-button-child {
  background: var(--main-color);
  color: var(--white);
  padding: 7px 40px;
  font-size: 14px;
}
  .m-t-25 {
    margin-top: 15px;
  }
.m-t-50 {
    margin-top: 20px;
}
  .landing-heading {
    font-size: 30px;
  }

  .item img,
  .landing-section {
    height: 225px !important;
  }

  .career-form .multiple-box,
  .career-form .single-box {
    grid-row-gap: 15px !important;
  }

  .m-t-10 {
    margin-top: 15px;
  }

}

/* career end  */