#dropArea {
  border: 2px dashed #ccc;
  border-radius:15px;
  padding: 20px;
  text-align: center;
  margin: 50px auto;
  width:90%;
  height:90%;
  cursor: pointer;
  padding-bottom:100px;
}

#dropArea h1 {
  font-size: 24px;
}

#dropArea p {
  font-size: 16px;
  color: #888;
}

#fileList {
  list-style: none;
  margin-top: 20px;
}

#fileList li {
  margin-bottom: 5px;
}
/* 
#dropArea {
  border: 2px dashed #ccc;
  padding: 20px;
  text-align: center;
  margin: 50px auto;
  max-width: 400px;
  cursor: pointer;
} */

#dropArea h1 {
  font-size: 24px;
}

#dropArea p {
  font-size: 16px;
  color: #888;
}

#fileList {
  list-style: none;
  margin-top: 20px;
}

#fileList li {
  margin-bottom: 5px;
}

#progressBarsContainer {
  margin-top: 20px;
}

.progressBar {
  background-color: #007bff;
  height: 20px;
  width: 0;
  margin-bottom: 5px;
}

.documents-upload-header {
    background-color:var(--background-color);
    border-radius:15px;
    padding:10px 16px;
    font-weight:500;
    display:flex;
    align-items:center;
    cursor:pointer
}