/*--------------------------------- section 3 ------------------------------- */

#formFileLg::-webkit-file-upload-button {
  background-color: black;
  color: transparent;
}
.Career-s3-d {
  height: 60px;
  background: rgba(239, 239, 239, 1) !important;
  border: 1px solid rgba(216, 216, 216, 1);
}

#career-s3 {
  display: none;
}

.career-s3-label {
  font-size: 15px;
  width: 35%;
  border: 1px solid rgba(216, 216, 216, 1);
  display: block;
  padding: 6px 12px;
  cursor: pointer;
  background-color: black;
  color: white;
}

.career-s3-paddingn {
  /* padding: 13px !important; */
  height: 8vh;
}
.career-s3-h1 {
  font-size: 46px;
  font-weight: 700;
}
.career-s3-p {
  font-size: 22px;
  font-weight: 400;
}
.career-s3-input {
  background: rgba(239, 239, 239, 1) !important;
  border: 1px solid rgba(216, 216, 216, 1);
}

.carrer-s3-b:hover .carrer-s3-text {
  display: none;
}
.carrer-s3-icon {
  display: none;
}
.carrer-s3-b:hover .carrer-s3-icon {
  display: block;
}
.carrer-s3-b {
  width: 415px;
  height: 60px;
}
#button-addon1 {
  width: 213px;
}

/* ========================================= responsive =================================== */
@media only screen and (max-width: 448px) and (min-width: 0px) {
  .carrer-s3-b {
    width: 100%;
  }
  #button-addon1 {
    width: 40%;
  }
}

@media only screen and (max-width: 379px) and (min-width: 0px) {
  #button-addon1 {
    font-size: 12px;
  }
}
@media only screen and (max-width: 415px) and (min-width: 0px) {
  .career-s3-label {
    width: 46%;
  }
}
