#bigFooter{display:none}#smallFooter{display:block}.removedImgBtn{position:absolute;left:10px;top:10px;background-color:transparent;border:0;cursor:pointer}.uplodePhoto{padding:30px;padding-top:5px;border-radius:20px;display:flex;flex-direction:column;justify-content:center}.header{font-size:22px;font-weight:500;color:black}.support{font-size:18px;text-align:center;width:80%;color:black;margin:10px 0 15px 0}#dropOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.8);color:white;display:flex;justify-content:center;align-items:center;font-size:2rem;z-index:9999;display:none}#dropOverlay h2{font-family:Helvetica,Arial,sans-serif;font-size:3.5rem;font-weight:700;color:white}#uploadBtn{color:black;border-radius:30px;background-color:#71b8fb;border:0;padding:10px 20px;font-size:25px;font-weight:500;transition:background-color .3s ease}#uploadBtn img{width:40px;margin-left:10px}#uploadBtn:hover{background-color:#59aefd}.dragBox{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='31' ry='31' stroke='%23050575FF' stroke-width='11' stroke-dasharray='2%2c 6' stroke-dashoffset='100' stroke-linecap='butt'/%3e%3c/svg%3e");border-radius:31px;background-color:white;height:280px;width:540px;font-family:'Roboto',sans-serif;font-size:35px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:10px auto;overflow:hidden;transition:background-color .3s ease}.dragBox input[type="file"]{display:none}.draging{transform:scale(1.1)}#hiddenDiv{margin-top:50px}#id_file{display:none}#imageList{display:none;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.image-list{display:flex;flex-direction:column;gap:20px;align-items:center}.image-list-item{background-color:white;border:1px solid black;border-radius:35px;overflow:hidden;width:100%;max-width:250px;max-height:450px;position:relative}.image-list-item img{width:100%;height:auto;object-fit:contain}.page-number{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.8);padding:4px 8px;border-radius:10px;font-weight:bold;font-size:14px}#addImageBtn{display:none;height:56px;width:56px;font-size:36px;font-weight:500;border:0;border-radius:50%;background-color:#71b8fb;color:white;align-items:center;justify-content:center;margin:20px auto;cursor:pointer;transition:background-color .3s ease}#addImageBtn:hover{background-color:#59aefd}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}#error{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#eeeae5;border:2px solid black;border-radius:15px;padding:30px;z-index:9999;box-shadow:0 0 10px rgba(0,0,0,0.5);opacity:0}#error.show{display:block;animation:fadeIn .5s forwards}#error.hide{animation:fadeOut .5s forwards}#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9998}:root{--color:#3498db}.btn-circle-download{display:flex;justify-content:space-between;position:relative;height:55px;width:230px;margin:auto;border-radius:24px;background:#eae8e7;cursor:pointer;overflow:hidden;transition:all .2s ease;padding:0 10px;padding-left:0;text-align:left;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.btn-circle-download:after{content:"";position:relative;display:block;width:200%;height:100%;transform:translateX(-100%)}.btn-circle-download svg{stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.btn-circle-download svg#border{position:absolute;top:4px;left:166px;stroke:none;stroke-dasharray:144;stroke-dashoffset:144;transition:all .9s linear}.btn-circle-download svg#arrow{top:14px;left:17px;stroke:black;transition:all .2s ease}.btn-circle-download svg#check{position:absolute;top:17px;left:178px;stroke:white;transform:scale(0)}.btn-circle-download:hover{background:rgba(0,119,255,0.2);color:#3498db}.btn-circle-download:hover #arrow path,.btn-circle-download:hover #arrow polyline{stroke:var(--color)}.btn-circle-download.load{background:rgba(0,119,255,0.2);color:#3498db}.btn-circle-download.load #arrow path,.btn-circle-download.load #arrow polyline{stroke:var(--color)}.btn-circle-download.load #border{stroke:var(--color);stroke-dasharray:144;stroke-dashoffset:0}.btn-circle-download.done{background:var(--color);animation:rubberBand .8s;color:white}.btn-circle-download.done #border,.btn-circle-download.done #arrow{display:none}.btn-circle-download.done #check{transform:scale(1);transition:all .2s ease;transition-delay:.2s}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.15,0.75,1)}40%{transform:scale3d(0.75,1.15,1)}50%{transform:scale3d(1.10,0.85,1)}65%{transform:scale3d(0.95,1.05,1)}75%{transform:scale3d(1.05,0.95,1)}to{transform:scale3d(1,1,1)}}@media(max-width:1225px){.step h3{font-size:18px}.step p{font-size:17px}.web-guide{width:100% !important}}@media(max-width:840px){.functionTitle{font-size:32px;margin-right:10px}.btn-info{margin-left:2px;margin-top:12px}.dragBox{width:320px}.wrapper{height:101vh;width:100%}#error{width:70%}#error p{font-size:12px}#uploadBtn{font-size:20px}.addImageBtn{height:36px;width:34px;font-size:25px}}