*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: Arial, Helvetica, sans-serif; */
    /* font-size: 13px; */
}
.wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    width: 100%;
    min-height: 10vh;
    background: #5691d5;
    background: linear-gradient(282deg, #009dff 0%, #54bdff);
}
.box{
    max-width: 500px;
    background: #fff;
    padding: 30px;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;  
}
.upload-title{
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}
.uploadlabel{
width:100%;
min-height:100px;
background: #18a7ff0d;
display: flex;
flex-direction: column;
justify-content: center !important;
/* text-align: center; */
align-items: center;
border: 3px dashed #18a7ff82;
cursor: pointer;
/* margin-top: -10px; */
/* padding-left: 50px; */
margin-bottom: 30px !important;
color: #18a7ff;
}
.uploadlabel span{
    font-size: 40px;
    color: #18a7ff;
    /* padding-left: 10px; */
     text-align: center;   
}
.uploadlabel p{
color: #18a7ff;
 font-size: 16px !important;
 /* margin-top: -70px;
 margin-bottom: 50px !important; */
 text-transform: uppercase;
 letter-spacing: 0.5px;
}
  
.uploaded{
    margin:30px 0;
    font-size: 16px;
    font-weight: 500;
    color: #7a7a7a;
    text-transform: uppercase;
}
.showfilebox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
    padding: 10px 15px;
    box-shadow: #0000000d 0px 0px 0px 1px,
    #d1d5db3d 0px 0px 0px 1px inset;
}
.showfilebox .left{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.filetype{
    background: #18a7ff;
    color: #fff;
    padding: 5px 15px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
}
/* .left h3{
    font-weight: 600;
    font-size: 18px;
    color: #292F42;
    margin: 0;
} */
.left h6{
    font-weight: 600;
    font-size: 13px;
    color: #2D407C;
    margin: 0;
}
.right span{
    background: #18a7ff;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 20px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.uploadlabel-home{
    width:100%;
    min-height:76px;
    background: #18a7ff0d;
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    /* text-align: center; */
    align-items: center;
    border: 3px dashed #18a7ff82;
    cursor: pointer;
    /* margin-top: -10px; */
    /* padding-left: 50px; */
    margin-bottom: 30px !important;
    color: #18a7ff;
}
.uploadlabel-home span{
    font-size: 40px;
    color: #18a7ff;
    /* padding-left: 10px; */
     text-align: center;   
}
.uploadlabel-home p{
color: #18a7ff;
 font-size: 14px !important;
 margin-top: -10px;
 margin-bottom: -5px !important;
 text-transform: uppercase;
 letter-spacing: 0.5px;
}
.uploaded-home{
    margin:30px 0;
    font-size: 16px;
    font-weight: 500;
    color: #7a7a7a;
    text-transform: uppercase;
}

.left h6{
    font-weight: 500;
    font-size: 14px;
    color: #2D407C;
    margin: 0;
}