@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Changa:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cairo&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Tajawal:wght@400;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amiri&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}body>iframe{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.leaflet-bottom.leaflet-right{display:none!important}.leaflet-control-geosearch *,.leaflet-control-geosearch :after,.leaflet-control-geosearch :before{box-sizing:border-box}.leaflet-control-geosearch .leaflet-bar-part{border-bottom:none;border-radius:4px}.leaflet-control-geosearch a.leaflet-bar-part:after,.leaflet-control-geosearch a.leaflet-bar-part:before{content:"";display:block;position:absolute}.leaflet-control-geosearch a.leaflet-bar-part:before{border-top:2px solid #555;left:15px;top:17px;transform:rotate(45deg);width:6px}.leaflet-control-geosearch a.leaflet-bar-part:after{border:2px solid #555;border-radius:50%;height:8px;left:10px;top:10px;width:8px}.leaflet-control-geosearch.error a.leaflet-bar-part:before,.leaflet-control-geosearch.pending a.leaflet-bar-part:before{display:none}.leaflet-control-geosearch.error a.leaflet-bar-part:after,.leaflet-control-geosearch.pending a.leaflet-bar-part:after{border-radius:50%;height:18px;left:50%;margin:-9px 0 0 -9px;top:50%;width:18px}.leaflet-control-geosearch.pending a.leaflet-bar-part:after{animation:spin 1s linear infinite;border:2px solid #555;border-top-color:#f3f3f3;content:""}.leaflet-control-geosearch.error a.leaflet-bar-part:after{border:none;content:"!";font-size:18px;font-weight:600;line-height:normal}.leaflet-control-geosearch form{background-clip:padding-box;background-color:#fff;border-radius:0 4px 4px 0;box-shadow:0 1px 5px #000000a6;display:none;height:auto;left:30px;margin:0;padding:0 8px;position:absolute;top:0;z-index:-1}.leaflet-geosearch-button form.open{border-radius:0 4px 4px 4px}.leaflet-control-geosearch.active form{display:block}.leaflet-geosearch-button.active .leaflet-bar-part{border-radius:4px 0 0 4px;width:30px}.leaflet-geosearch-button form{max-width:350px}.leaflet-control-geosearch form input{border:none;border-radius:0 4px 4px 0;font-size:12px;height:30px;margin:0;min-width:200px;outline:none;padding:0;text-indent:8px;width:100%}.leaflet-touch .leaflet-geosearch-bar form{border:2px solid #0003;box-shadow:none}.leaflet-touch .leaflet-geosearch-bar form input{height:30px}.leaflet-control-geosearch .results{background:#fff}.leaflet-control-geosearch .results>*{border:1px solid #0000;line-height:24px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.leaflet-control-geosearch .results.active{border-top:1px solid #c6c6c6;padding:8px 0}.leaflet-control-geosearch .results>.active,.leaflet-control-geosearch .results>:hover{background-color:#f8f8f8;border-color:#c6c6c6;cursor:pointer}.leaflet-control-geosearch .results.active:after{bottom:-2px;content:"";display:block;left:-2px;position:absolute;top:30px;width:0}.leaflet-touch .leaflet-control-geosearch .results.active:after{border-left:2px solid #0003}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.leaflet-bottom .leaflet-geosearch-bar,.leaflet-top .leaflet-geosearch-bar{display:none}.leaflet-geosearch-bar{cursor:auto;display:block;height:auto;margin:10px auto 0;max-width:calc(100% - 120px);position:relative;width:400px;z-index:1000}.leaflet-geosearch-bar form{border-radius:4px;display:block;left:0;position:relative;top:0}.leaflet-geosearch-bar form input{min-width:100%;width:100%}.leaflet-geosearch-bar .results.active:after{opacity:.2}.leaflet-right .leaflet-control-geosearch form{border-left:inherit;border-radius:4px 0 0 4px;border-right:none;left:auto;right:28px}.leaflet-bar-notfound{font-style:italic}.leaflet-control-geosearch button.reset{background-color:#fff;border:none;border-radius:0 4px 4px 0;color:#000;cursor:pointer;font-weight:700;line-height:26px;padding:0 8px;position:absolute;right:0;text-decoration:none;top:0}.leaflet-touch .leaflet-control-geosearch button.reset{line-height:30px}.leaflet-control-geosearch button.reset:hover{background:#f5f5f5}.header{background:linear-gradient(135deg,#00695ccc,#004d40cc,#00332ecc);background-size:cover;box-sizing:border-box;color:#fff;padding:20px;width:100%}.header,.heading-container{display:flex;justify-content:center;text-align:center}.heading-container{align-items:center;flex-wrap:nowrap;max-width:100%}.text-content{margin-left:10px}.stamp{height:auto;margin:0 15px;opacity:.5;width:50px}.header h1,.header h2{font-family:Cairo,serif;font-size:1rem;margin:5px 0}@media (max-width:768px){.header{padding:15px}.header h1,.header h2{font-size:1.2rem}.stamp{width:60px}}@media (max-width:480px){.header{padding:10px}.header h1,.header h2{font-size:.75rem}.stamp{width:50px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#d0d0d0;border:2px solid #f5f5f5;border-radius:10px;-webkit-transition:background-color .3s ease,border-color .3s ease;transition:background-color .3s ease,border-color .3s ease}::-webkit-scrollbar-thumb:hover{background-color:#b0b0b0;border-color:#f5f5f5}::-webkit-scrollbar-button{display:none}*{scrollbar-color:#d0d0d0 #f5f5f5;scrollbar-width:thin}::-moz-scrollbar-thumb{background-color:#d0d0d0;border-radius:10px}::-moz-scrollbar-thumb:hover{background-color:#b0b0b0}::-moz-scrollbar-track{background:#f5f5f5;border-radius:10px}::-moz-scrollbar-button{display:none}@font-face{font-family:arabicejaza;src:url(/static/media/arabic-ejaza.e0f11bef6f146f2d0e7e.ttf) format("truetype")}.error-container{align-items:center;display:flex;height:100vh;justify-content:center}.error-message{color:#522df5;font-family:Amiri,serif;font-size:40px;text-align:center}.custom-green-row{background-color:#bbf0bb!important}.custom-red-row{background-color:#e2bcbc!important}.custom-toolbar .MuiButton-label,.custom-toolbar .MuiButton-root,.custom-toolbar .MuiIconButton-root,.custom-toolbar .MuiInputBase-root,.custom-toolbar .MuiSvgIcon-root{color:#012c01;font-family:Cairo!important;font-size:20px!important}.ltr-direction{direction:ltr}.custom-left-align{text-align:left!important}.custom-right-align{text-align:right!important}.custom-toolbar{color:#012c01;font-family:Cairo!important;font-size:20px!important}.custom-toolbar-GridToolbarQuickFilter{margin-right:25px}.custom-toolbar-GridToolbarQuickFilter,.custom-toolbar-GridToolbarQuickFilter .MuiInputBase-root{color:#012c01;font-family:Cairo;font-size:20px}.custom-toolbar-GridToolbarQuickFilter .MuiInputBase-root .MuiInput-underline,.custom-toolbar-GridToolbarQuickFilter .MuiInputBase-root .MuiInput-underline.Mui-focused:after,.custom-toolbar-GridToolbarQuickFilter .MuiInputBase-root .MuiInput-underline:after,.custom-toolbar-GridToolbarQuickFilter .MuiInputBase-root .MuiInput-underline:before{border-bottom:2px solid #022c02}.custom-toolbar-GridToolbarQuickFilter input:active,.custom-toolbar-GridToolbarQuickFilter input:focus{outline:none}.custom-toolbar-GridToolbarQuickFilter .MuiInputBase-root .MuiInput-underline,.custom-toolbar-GridToolbarQuickFilter .MuiInputBase-root .MuiInput-underline.Mui-focused:after,.custom-toolbar-GridToolbarQuickFilter .MuiInputBase-root .MuiInput-underline:after,.custom-toolbar-GridToolbarQuickFilter .MuiInputBase-root .MuiInput-underline:before{border-bottom:2px solid green}.input-label-endicape{color:#004d40;font-family:Tajawal,sans-serif;font-size:16px;transition:color .3s ease,border-color .3s ease}.input-label-endicape.Mui-focused,.input-label-endicape:hover{border-color:#004d40;color:#004d40}.MuiInputLabel-root.Mui-focused{color:#004d40}.select-endicape{font-family:Tajawal,sans-serif}.select-endicape .MuiFormHelperText-root{color:#004d40;font-family:Tajawal,sans-serif;font-size:14px;font-weight:700}.select-endicape .MuiFormLabel-root{border-color:#004d40;color:#004d40;font-family:Tajawal,sans-serif;font-size:16px}.select-endicape .MuiFormLabel-root:hover{border-color:#004d40;color:#004d40}.select-endicape .MuiFormLabel-root.Mui-focused{border-color:#81c784;color:#81c784}.select-endicape .MuiInputBase-input{color:#004d40;font-family:Tajawal,sans-serif;font-size:18px;font-weight:700}.select-endicape label.Mui-focused{color:#004d40;font-size:16px;font-weight:700}.select-endicape .MuiInput-underline:after{border-bottom-color:#004d40}.select-endicape .MuiOutlinedInput-root fieldset{border-color:#4caf50;border-width:2px;font-family:Tajawal,sans-serif;font-size:16px}.select-endicape .MuiOutlinedInput-root:hover fieldset{border-color:#004d40}.select-endicape .MuiOutlinedInput-notchedOutline,.select-endicape .MuiOutlinedInput-root.Mui-focused fieldset,.select-endicape .MuiSelect-select.Mui-focused,.select-endicape .MuiSelect-select:focus{border-color:#81c784}.responsive-table{display:block}.mobile-table{display:none}@media (max-width:768px){.responsive-table{display:none}.mobile-table{display:block}}*{font-family:Tajawal,sans-serif}.tracking-container{align-items:center;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:16px;justify-content:space-between;padding:20px;width:100%}.tracking-step{flex-direction:column;text-align:center;transition:all .3s ease}.circle,.tracking-step{align-items:center;display:flex}.circle{background-color:#d3d3d3;border-radius:50%;color:#fff;font-size:18px;font-weight:700;height:40px;justify-content:center;transition:background-color .3s ease;width:40px}.active{background-color:#00695c;background:linear-gradient(45deg,#0bd1af,#0da5ce)}.step-label{color:#333;font-size:14px;font-weight:500;margin-top:12px;transition:color .3s ease}.tracking-line{background-color:#d3d3d3;height:3px;margin-bottom:18px;margin-top:18px;width:50px}.tracking-step span{color:#333;display:block;font-size:14px;font-weight:600;text-align:center}.tracking-container .tracking-step .step-label span{color:#666}.validation-status.success{color:#004d40;font-size:18px;font-weight:700}@media (max-width:768px){.tracking-container{flex-direction:column;padding:10px}.tracking-step{margin-bottom:20px}.tracking-line{width:30px}.circle{font-size:16px;height:35px;width:35px}.step-label{font-size:12px}}select{margin:0 auto 10px}select,select:before{display:block;font-family:Tajawal,sans-serif!important;font-size:18px!important;font-weight:900!important}select:before{content:"Camera Selection";margin-bottom:10px!important;text-align:center}#html5-qrcode-anchor-scan-type-change{background-color:#4caf50!important;border-color:#e0e4e875;border-radius:4px!important;border-style:solid!important;border-width:3px!important;color:#eff0f4;cursor:pointer;font-family:Tajawal,sans-serif!important;font-size:18px!important;font-weight:900!important;margin:20px;padding:10px!important;text-decoration:none!important}#html5-qrcode-button-camera-permission,#html5-qrcode-button-camera-start,#html5-qrcode-button-camera-stop,#html5-qrcode-button-file-selection{background-color:#4caf50!important;border-color:#e0e4e875;border-radius:4px!important;border-style:solid!important;border-width:3px!important;color:#eff0f4;cursor:pointer;font-family:Tajawal,sans-serif!important;font-size:18px!important;font-weight:900!important;margin:20px!important;padding:10px!important;text-decoration:none!important}#html5qr-code-full-region__dashboard_section div{font-size:18px!important;font-weight:900!important}:root{--green:#04771f;--green-hover:#218838;--gray:#343a40;--gray-hover:#23272b;--white:#fff;--black:#000;--font-family:"Cairo",serif;--button-radius:8px;--button-shadow:0 4px 6px #0000001a;--button-padding:8px 20px}.slider{align-items:center;background-color:#000;background-color:var(--black);box-sizing:border-box;display:flex;height:100vh;justify-content:center;margin:0;min-height:"600px";overflow:hidden;padding:0}.slider,.slider__images{position:relative;width:100%}.slider__images{background:#0bd1af;background:linear-gradient(45deg,#0bd1af,#0da5ce);height:100%}.slider__image{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transform:scale(1.1);transition:opacity 1s ease,transform 1s ease;width:100%}.slider__image--active{opacity:1;transform:scale(1)}@keyframes fadeInText{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-text{font-size:46px;font-weight:700;margin-bottom:0;text-shadow:1px 5px 20px #000}.info-text,.info-text2{animation:fadeInText 1s ease-out forwards;background:none;color:#fff;font-family:Cairo,serif;line-height:1.6;padding:10px;text-align:center}.info-text2{border-radius:8px;font-size:1.6rem;font-weight:100!important;margin-bottom:10px;margin-top:0;text-shadow:2px 2px 4px #000000b3}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,50%)}to{opacity:1;transform:translate(-50%,-50%)}}.slider__button-container{align-items:center;animation:slideUp 1s ease-out forwards;display:flex;flex-direction:column;gap:20px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%;z-index:10}@keyframes buttonHover{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.slider__button{align-items:center;background-color:initial;border:2px solid #fff;border-radius:8px;border-radius:var(--button-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--button-shadow);color:#fff;cursor:pointer;display:inline-flex;font-family:Cairo,serif;font-size:25px;font-weight:600;justify-content:center;max-width:500px;padding:8px 20px;padding:var(--button-padding);text-align:center;transition:background-color .3s ease,transform .3s ease,border-color .3s ease;white-space:nowrap;width:auto}.slider__button--signin{background:#0bd1af;background:linear-gradient(45deg,#0bd1af,#0da5ce);border:0;border-radius:6px;color:#fff;color:var(--white);padding:14px 40px}.slider__button--signin:hover{animation:buttonHover .3s ease forwards;border:1px solid #fff}.slider__btn{background:#00000080;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;font-size:24px;padding:15px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:10}.slider__btn:hover{background:#000000b3;transform:scale(1.1)}@media (max-width:768px){.info-text,.info-text2{font-size:1.2rem}.slider__button{font-size:18px;padding:10px 20px}}@media (max-width:480px){.slider__button{font-size:16px;padding:8px 18px;width:100%}}*{box-sizing:border-box}.stat-boxes{margin-bottom:20px;margin-top:"-80px"}.stat-box{background-image:url(/static/media/stat_bg.4e48b3f06f964ca41dd4.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #0d806d7a;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;overflow:hidden;padding:20px;position:relative;transition:transform .3s ease-in-out,opacity .5s ease}.stat-box2{background-color:#004d40;border:2px solid #013d33;border-radius:12px;box-shadow:0 4px 8px #0000001a;font-family:Tajawal,sans-serif;font-size:16px;line-height:1.5;transition:transform .3s ease-in-out,opacity .3s ease,box-shadow .3s ease}.stat-box:hover{box-shadow:0 8px 16px #0003;opacity:.95;transform:translateY(-5px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-box__content{align-items:center;animation:fadeInUp .6s ease-out forwards;display:flex;flex-direction:column;opacity:0}.stat-box__content.visible{opacity:1}.stat-box__title{font-size:22px;font-weight:800;margin:10px 0;position:relative;text-transform:uppercase;z-index:2}.stat-box__count,.stat-box__title{color:#fff;font-family:Tajawal,sans-serif;text-align:center}.stat-box__count{font-size:42px;font-weight:700;margin-top:10px}.stat-box__content svg{color:#fff;font-size:48px;margin-bottom:12px;transition:transform .3s ease,color .3s ease}.stat-box__content:hover svg{color:#fff;transform:scale(1.1)}.icon-button-style{background:linear-gradient(135deg,#f78a1f,#b3b96a 35%,#0da5ce);border-radius:50%;color:#fff;height:70px;margin-bottom:16px;width:70px}.cardmenumin1{background:#0bd1af;background:linear-gradient(45deg,#0bd1af,#0da5ce)}.stat-box1{background:#0bd1af;background:linear-gradient(135deg,#f78a1f,#b3b96a 35%,#0da5ce);border-radius:0;box-shadow:0 4px 6px #0000001a;color:#fff;overflow:hidden;padding:20px;position:relative;transition:transform .3s ease-in-out,opacity .5s ease}.stat-box1:hover{box-shadow:0 8px 16px #0003;opacity:.95;transform:translateY(-5px)}.stat-box__content1{align-items:center;animation:fadeInUp .6s ease-out forwards;display:flex;flex-direction:column;opacity:0}.stat-box__content1.visible{opacity:1}.stat-box__title1{font-size:22px;font-weight:800;margin:10px 0;position:relative;text-transform:uppercase;z-index:2}.stat-box__count1,.stat-box__title1{color:#fff;font-family:Tajawal,sans-serif;text-align:center}.stat-box__count1{font-size:42px;font-weight:700;margin-top:10px}.stat-box__content1 svg{color:#fff;font-size:48px;margin-bottom:12px;transition:transform .3s ease,color .3s ease}.stat-box__content1:hover svg{color:#fff;transform:scale(1.1)}.stat-box2{background:#fff;border:none;border-radius:0;box-shadow:0 4px 6px #0000001a;color:#fff;margin:0;overflow:hidden;padding:20px;position:relative;transition:transform .3s ease-in-out,opacity .5s ease}.stat-box2:hover{box-shadow:0 8px 16px #0003;opacity:.95;transform:translateY(-5px)}.stat-box__content2{align-items:center;animation:fadeInUp .6s ease-out forwards;display:flex;flex-direction:column;opacity:0}.stat-box__content2.visible{opacity:1}.stat-box__title2{font-size:22px;font-weight:800;margin:10px 0;position:relative;text-transform:uppercase;z-index:2}.stat-box__count2,.stat-box__title2{color:#464646;font-family:Tajawal,sans-serif;text-align:center}.stat-box__count2{font-size:42px;font-weight:700;margin-top:10px}.stat-box__content2 svg{color:#464646;font-size:48px;margin-bottom:12px;transition:transform .3s ease,color .3s ease}.stat-box__content2:hover svg{color:#464646;transform:scale(1.1)}@media (max-width:768px){.stat-box__title{font-size:18px}.stat-box__count{font-size:30px}.stat-box{margin:10px 0}}@media (max-width:480px){.stat-box__title{font-size:16px}.stat-box__count{font-size:25px}}.slider__split-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;height:120px;left:50%;max-width:900px;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:10}.slider__split-section{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.slider__split-section--left{background:#0bd1af4d}.slider__split-section--right{background:#0da5ce4d}.slider__divider{align-self:center;background:linear-gradient(180deg,#0000 0,#ffffffb3 50%,#0000);box-shadow:0 0 10px #ffffff80;height:70%;width:2px}@media (max-width:768px){.slider__split-container{flex-direction:column;height:auto;padding:20px 0;width:90%}.slider__divider{height:2px;margin:15px 0;width:70%}.slider__button{font-size:18px;padding:10px 20px}}.slider__button--trainee,.slider__button--user{align-items:center!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:linear-gradient(135deg,#f78a1f 10%,#b3b96a 35%,#0da5ce 90%);background-size:300% 100%!important;border:1px solid #ffffffb3!important;border-radius:10px!important;box-shadow:0 4px 15px #00000026,0 6px 25px #0000001f,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #0000001a!important;color:#fff!important;display:inline-flex!important;font-family:Tajawal,sans-serif!important;font-size:22px!important;font-weight:800!important;gap:12px!important;justify-content:center!important;min-width:260px!important;overflow:hidden!important;padding:18px 40px!important;position:relative!important;text-shadow:0 1px 3px #0000004d!important;transition:all .4s cubic-bezier(.25,.8,.25,1)!important;z-index:1!important}.slider__button--trainee:before,.slider__button--user:before{background:linear-gradient(180deg,#ffffff4d 0,#ffffff1a 50%,#0000);border-radius:10px 10px 0 0;content:"";height:40%;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.slider__button--trainee .MuiSvgIcon-root,.slider__button--user .MuiSvgIcon-root{color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3)) drop-shadow(0 2px 4px rgba(0,0,0,.2))!important;font-size:26px!important;margin-left:8px!important;margin-right:-4px!important;transition:all .4s cubic-bezier(.25,.8,.25,1)!important}.slider__button--trainee:hover,.slider__button--user:hover{animation:gradientFlow 6s ease infinite!important;border-color:#ffffffe6!important;box-shadow:0 8px 25px #00000040,0 12px 35px #0003,inset 0 1px 0 #fff6,inset 0 -1px 0 #0000001a!important;transform:translateY(-4px) scale(1.02)!important}.slider__button--trainee:active,.slider__button--user:active{box-shadow:0 2px 10px #0003,inset 0 1px 0 #fff3,inset 0 -1px 0 #0000001a!important;transform:translateY(1px) scale(.98)!important}.slider__button--trainee:hover .MuiSvgIcon-root,.slider__button--user:hover .MuiSvgIcon-root{filter:drop-shadow(0 2px 3px rgba(0,0,0,.4)) drop-shadow(0 4px 6px rgba(0,0,0,.2))!important;transform:scale(1.15)!important}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.slider__button--trainee:focus,.slider__button--user:focus{box-shadow:0 0 0 3px #fff6,0 8px 25px #00000040,0 12px 35px #0003!important;outline:none}
/*# sourceMappingURL=main.720ae6be.css.map*/