/* The scrollbar "thumb" */
::-webkit-scrollbar-thumb {
  background: rgba(235, 235, 235, 0.3960784314) !important;
}
body {
      background-color: #efedf7;
}
.work-req {
  padding: 0rem;
  min-height: 100vh;
  height: -moz-fit-content;
  height: fit-content;
}
input {
}
.sec-head {
    color: #f28221;
    margin: 2rem auto;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 700;
    position: relative;
}
.work-req .head {
  margin: 3rem auto;
  color: #383172;
}
.sec-head:before {
    content: "";
    left: -.8rem;
    background: linear-gradient(90deg, #383172 6%, rgba(56, 49, 114, .2));
    width: 100%;
    height: 5px;
    border-radius: 2rem;
    position: absolute;
    bottom: -.8rem;
}
.work-req .cont {
  padding: 2rem;
  border-radius: 2rem;
  background-color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  z-index: 1;
  overflow: hidden;
}
.work-req .cont .image {
  width: 500px;
  max-width: 80%;
}
.work-req .cont .image img {
  width: 100%;
}
.work-req .cont form {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.work-req .cont form h3 {
  margin-bottom: 1rem;
}
.work-req .cont form .selectJob {
  width: 47%;
  position: relative;
  cursor: pointer;
}
.work-req .cont form .selectJob select {
  padding: 1rem 3rem !important;
  width: 100%;
}
.work-req .cont form .selectJob i {
  position: absolute;
  color: #383172;
  top: 32%;
}
.work-req .cont form .selectJob i.ar {
  left: 2%;
}
.work-req .cont form .selectJob i.en {
  right: 8%;
}
.work-req .cont form select {
  box-shadow: none;
  border: none;
  background-color: #f3f2fa;
}
.work-req .cont form select option {
  color: #383172;
  background-color: #f3f2fa;
}
.work-req .cont form label,
.work-req .cont form select {
  width: 47%;
}
.work-req .cont form label input,
.work-req .cont form label textarea,
.work-req .cont form select input,
.work-req .cont form select textarea {
  padding: 1rem 3rem;
  width: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  background-color: #f3f2fa;
}
.work-req .cont form label[for=work_file] {
  width: 70%;
  margin: 0.5rem auto;
  border: 3px dashed #383172;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  padding: 2rem;
  background-color: rgba(243, 242, 250, 0.8196078431);
}
.work-req .cont form label[for=work_file] i {
  font-size: 6rem;
  color: #383172;
  opacity: 0.3;
}
.work-req .cont form label[for=work_file] h4 {
  color: #383172;
  text-transform: capitalize;
  opacity: 0.5;
}
.work-req .cont form label.desc,
.work-req .cont form .clientCode {
  width: 96%;
  margin-left: 0rem;
}
.work-req .cont form label.desc .ar {
  margin-left: auto;
}
.work-req .cont form label.desc .en {
  margin-right: auto;
}
.work-req .cont form .submitBtn {
  margin-top: 1rem;
  /* width: 100%; */
  justify-content: center;
  /* border-radius: 0.5rem; */
}
.btn-purple-fill:hover {
  background-color: #383172;
  color: white;
}
.w-full {
  width: 100%;
}
.copy-btn {
  height: 55px;
}

@media (max-width: 450px) {
  .work-req .cont {
    padding: 1rem;
  }
  .work-req .cont form {
    width: 100%;
  }
  .work-req .cont form label,
  .work-req .cont form label[for=work_file],
  .work-req .cont form select,
  .work-req .cont form .desc,
  .work-req .cont form .selectJob {
    width: 100%;
  }
  .work-req .cont form label[for=work_file] i {
    font-size: 5rem;
  }
}
@media (min-width: 451px) and (max-width: 767px) {
  .work-req .cont {
    padding: 1rem;
  }
  .work-req .cont form {
    width: 100%;
  }
  .work-req .cont form label,
  .work-req .cont form label[for=work_file],
  .work-req .cont form select,
  .work-req .cont form .desc,
  .work-req .cont form .selectJob {
    width: 100%;
  }
  .work-req .cont form label[for=work_file] i {
    font-size: 5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .work-req .cont {
    padding: 1rem;
  }
  .work-req .cont form {
    width: 100%;
  }
  .work-req .cont form label,
  .work-req .cont form label[for=work_file],
  .work-req .cont form select,
  .work-req .cont form label.desc,
  .work-req .cont form .selectJob {
    width: 100%;
  }
  .work-req .cont form label[for=work_file] i {
    font-size: 5rem;
  }
}
@keyframes move-bg {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}/*# sourceMappingURL=forms.css.map */