:root{--ProBar:#d74500}body{background:#000}.dropzone{border:solid 3px #393939;background-color:#161616;border-radius:15px}.dropzone .dropzone-container{padding:2rem 0;width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#8c96a8;z-index:20;cursor:pointer}.dropzone .file-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;cursor:pointer}.file-icon{font-size:60px;text-align:center}.hr-sect{display:flex;flex-basis:100%;align-items:center;margin:8px 0}.hr-sect:before,.hr-sect:after{content:"";flex-grow:1;background:#ddd;height:1px;font-size:0;line-height:0;margin:0 8px}.title{color:#fff}.title-desc{color:#a3a3a3}.text-upload{color:#ffffff80;height:auto;flex-grow:1;font-size:22px;text-align:center;font-weight:600!important;line-height:160.0000023841858%;font-stretch:normal;text-decoration:none}.icon-upload{color:#ffffff80;flex-grow:1;text-align:center;line-height:160.0000023841858%;font-stretch:normal;text-decoration:none}.bg-orange{background:#eb7100}.text-orange{color:#eb7100}.btn:focus{box-shadow:0 0 0 .25rem rgb(235 113 0 / 25%)}.btn:hover{background:#f3851f}.custom-badge{display:inline-block;font-size:.9em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;padding:2.5px}.badge-color{background:#d74500}.content-container{background:#161616;border:none!important;border-radius:20px!important}.setting-icon{animation:step2animation 3s linear infinite}@keyframes step2animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes step2animation1{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.pro-bg{margin-top:10px;width:250px;height:15px;background-color:#ccc;border-radius:8px;text-align:left;margin:auto}.pro-bar{margin-top:10px;width:0;height:15px;background-color:var(--ProBar);border-radius:8px}.probar40{animation:prostep 1s linear;animation-fill-mode:forwards}@keyframes prostep{0%{width:0}100%{width:25%}}.probar60{animation:prostep2 1s linear;animation-fill-mode:forwards}@keyframes prostep2{0%{width:25%}100%{width:40%}}.probar40-75{animation:prostep40-75 1s linear;animation-fill-mode:forwards}@keyframes prostep40-75{0%{width:40%}100%{width:75%}}.probar75-90{animation:prostep75-90 1s linear;animation-fill-mode:forwards}@keyframes prostep75-90{0%{width:75%}100%{width:98%}}