.upload-file-comp {
  position: relative;
  margin: 4vw 0;
}

.btn-cont {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.uploaded-document-image-cont {
  position: relative;
  margin: 0 4vw;
}

.upl-doc-img {
  width: 100%;
}

.upload-file {
  position: absolute;
  z-index: -1;
  width: 100%;
  opacity: 0
}

.preview {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 6vw 0;
}

.doc-name {
  position: relative;
  margin: 4vw 0;
}

.progress-bar-cont {
  position: relative;
  margin: 10vw 0;
}

.btn {
  padding: 0 2vw; 
}

.web-upl-fil-cont-div {

  margin: 20px 0;

  .progress-bar-cont {
    margin: 20px 0;
  }

  .doc-name {
    margin: 10px 0;
  }

  .preview {
    margin : 20px 0;
  }

  .uploaded-document-image-cont {
    margin: 0 20px;
  }

  .btn {
    padding: 0 10px;
    max-width: 45%;
    width: 45%;
  }

}