.UploadAreaData{width:100%;min-height:150px;border:2px dashed var(--border3-color);border-radius:24px;display:flex;align-items:center;justify-content:center;transition:border-color .2s;cursor:pointer}.UploadAreaData:focus,.UploadAreaData:hover{border-color:var(--border3-color)}.upldCont{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.upldCont svg{font-size:36px;color:#8b9392}.upldCont h6{font-weight:500;font-size:16px;margin:0;color:#556260!important}.upldCont p{font-weight:400;font-size:13px;margin:0;color:#000!important}.upload-preview-list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:18px;margin-top:18px}.upload-preview-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:110px;height:120px;border:1px solid var(--primary-color);border-radius:12px;box-shadow:0 0 30px 0 #4738271a;overflow:hidden}.preview-img{width:100%;height:100%;object-fit:cover;border-radius:12px}.delete-btnn{position:absolute;top:6px;right:6px;background:transparent!important;border:none;cursor:pointer;line-height:0;padding:0!important}.delete-btnn svg{color:#e53e3e;font-size:14px}@media (max-width:520px){.upldCont h6{font-size:12px}.upldCont p{font-size:10px}}