*{margin:0;padding:0;box-sizing:inherit;font-size:1.2rem;transition:background-color .3s}html{box-sizing:border-box;font-size:10px}@media (max-width: 1200px){html{font-size:9px}}@media (max-width: 768px){html{font-size:8px}}@media (max-width: 576px){html{font-size:7px}}@media (min-width: 1800px){html{font-size:12px}}body{font-family:poppins;font-weight:400;color:var(--color-text)}button{border:none;background:none;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}dialog{border:none}input:focus,select:focus,textarea:focus{outline:none}input,button{font-family:inherit}.App{display:flex;flex-direction:column;position:relative;min-height:100dvh}:root{--color-primary: #2d77ac;--color-primary-hover: #2a6fa0;--color-secondary: #fde35a;--color-secondary-hover: #fde35a;--color-secondary-dark: #fcd305;--color-gradient: linear-gradient(135deg, var(--color-primary) 45%, var(--color-secondary) 55%);--color-green: #3ead63;--color-green-hover: #4fc278;--color-red: #ad3e5a;--color-red-hover: #c24f6c}.hgl_text{background:var(--color-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.arabic{font-family:Beiruti,sans-serif!important}.btn{display:flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:5px;font-size:1.6rem;box-shadow:4px 6px 6px #0003;transition:background-color .3s;min-width:16rem}.btn:active{transform:translateY(1px);box-shadow:4px 5px 6px #0003}.btn-loader{border:3px solid #f3f3f3;border-top:3px solid transparent;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;margin-right:8px}.fullpage-loader{display:flex;align-items:center;justify-content:center;flex:1;position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:var(--color-background);z-index:1000;animation:zoomEffect 2s infinite ease-in-out}.spinner{width:60px;height:60px;border:6px solid #ccc;border-top-color:var(--color-primary, #102c97);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn__primary{background:var(--color-primary);color:#fff;transition:background-color .3s,transform .1s,box-shadow .1s}.btn__primary:hover{background-color:var(--color-primary-hover)}.btn__green{background-color:var(--color-green);color:#fff}.btn__green:hover{background-color:var(--color-green-hover)}.btn__red{background-color:var(--color-red);color:#fff}.btn__red:hover{background-color:var(--color-red-hover)}.topbar{display:flex;align-items:center;width:100%;padding:.8rem 2rem;box-shadow:0 0 10px #0000004d;background-color:#ffffff50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;position:sticky;top:0;transition:visiblity .3s ease-in-out}.navbar-top{top:5.5rem!important;z-index:1100!important;background-color:#ffffff50!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 10px #0000004d}@media (max-width: 576px){.navbar-top{top:5rem!important}}.navbar-top a{color:#000!important}.navbar-top a:hover{background-color:var(--color-primary)!important;color:#fff!important}.subcontent{background-color:#fff!important}.topbar__logo{width:15rem}.topbar__title{display:flex;justify-content:center;align-items:center;font-size:2.5rem;font-weight:600;flex:1;color:var(--color-primary)}@media (max-width: 576px){.topbar__title{font-size:2rem}}.topbar__title .arabic{font-size:2.5rem;font-weight:600;padding:0 .5rem}.topbar_icon{width:3rem;height:3rem;margin-right:1rem;color:var(--color-primary);transition:all .3s ease}.topbar_icon:hover{box-shadow:0 0 8px var(--color-secondary);border-radius:50%}.topbar_icon:active{transform:scale(.95);box-shadow:0 0 4px var(--color-secondary-hover)}.topbar__modal{position:fixed;width:100vw;height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;left:0;z-index:1500;opacity:1;background-color:#0000004d;justify-content:flex-end;transition:opacity .2s .1s;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.topbar__modal.topbar__modal--open{opacity:1;pointer-events:auto}.topbar__modal-content{display:flex;flex-direction:column;align-items:center;background:#fff;padding:2rem;border-radius:1rem;width:90%;max-width:500px;position:relative;scale:.6;opacity:0;transition:scale .2s ease-in-out .1s,opacity .3s .1s}.topbar__modal-content.topbar__modal-content--open{scale:1;opacity:1}.topbar__modal-content h2{margin-bottom:1rem;font-size:1.8rem;font-weight:600;color:var(--color-primary)}.topbar__modal-content p{font-size:1.4rem;color:#333;margin-bottom:1rem;text-align:justify}.main-page{display:flex;flex-direction:column;flex:1;transition:opacity .3s ease-in-out}.main-page__content{display:flex;flex:1}@media (max-width: 768px){.main-page__content{flex-direction:column}}.processing-container{flex:0 0 40%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}@media (max-width: 768px){.processing-container{flex:1;padding:2rem 0}}.processing-container .btn{padding:1.5rem 5rem;min-width:20rem}.file-upload{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:15rem}.file-upload span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload-icon{width:1.5rem;height:1.5rem}.back-button{position:fixed;bottom:7rem;right:5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;font-size:2.2rem;cursor:pointer;box-shadow:0 4px 6px #0003;transition:background-color .3s,transform .3s;z-index:1200}.back-button:hover{background-color:var(--color-primary-hover);transform:scale(1.1)}.back-button__icon{width:2rem;height:2rem}.processed-report{display:flex;flex-direction:column;align-items:center;gap:1rem}.file-support{display:flex;align-items:center;color:#555;margin-top:.5rem;gap:.5rem}.file-support-text{font-size:1.4rem}.demo-container{flex:0 0 60%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}@media (max-width: 768px){.demo-container{flex:1;padding:0;margin-top:2rem}}.demo__img{width:75%;padding:1.5rem}@media (max-width: 768px){.demo__img{width:85%}}.demo__desc{margin-top:3rem;color:var(--color-primary);display:flex;flex-direction:column;align-items:center;gap:1rem}.demo__desc p{font-family:Garamond;font-size:2rem;font-weight:600;padding:0 6rem;text-align:center}.footer{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#2d77ac,#1e4f6f);color:#fff;text-align:center;font-size:1.4rem;display:inline-block}.footer__link{position:relative;color:#fff;text-decoration:none;font-size:1.4rem;display:inline-block;transition:transform .3s ease,color .3s ease;cursor:pointer}.footer__link:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s ease,color .3s ease}.footer__link:hover,.footer__link:active{transform:scale(1.02);color:var(--color-secondary)}.footer__link:hover:after{transform:scaleX(1);transform-origin:left}.footer:first-of-type{display:none}.modal{position:fixed;width:100vw!important;height:100vh!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;left:0;z-index:1500;display:flex!important;background-color:#0000004d;justify-content:flex-end;transition:opacity .2s .1s;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.modal--open{opacity:1;pointer-events:all}.modal-content{display:flex;flex-direction:column;align-items:center;background:#fff;padding:2rem;border-radius:1rem;width:90%;max-width:700px;position:relative;scale:.6;opacity:0;text-align:justify;transition:scale .2s ease-in-out .1s,opacity .3s .1s}.modal-content--open{scale:1;opacity:1}.title{font-size:1.8rem;font-weight:600;color:var(--color-primary)}