@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&family=Noto+Kufi+Arabic:wght@300;400;700&display=swap);*{padding:0;box-sizing:border-box;font-family:Inter;text-decoration:none!important}*,body{margin:0}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body .ar *{direction:rtl;font-family:"Noto Kufi Arabic"!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.whole-container{display:flex;padding:2vh 3vw;justify-content:space-evenly;min-height:100vh}.ar{flex-direction:row-reverse}.rtl{direction:rtl}.container{display:flex;flex-direction:column;width:75vw;background-color:#fff;border-radius:10px;padding:3vh 4vw}.header-container{display:flex;flex-direction:row-reverse;justify-content:space-between;width:100%;padding-bottom:3vh}.header-container .logo{width:80px;aspect-ratio:1;object-fit:contain;align-self:flex-start}.header-container .title-container .black-line{width:5vw;height:.6vh;background-color:#000;margin:3vh 0 1vh}.header-container .title-container .title{font-weight:700;font-size:1.5em}.header-container .title-container .subtitle{font-size:.8em;font-weight:700}.other-box{width:100%;display:flex;justify-content:space-between;padding:4vh 0}.other-box,.total{border-top:1px solid #e3e3e3}.total{padding:2vh 0}.total p{font-weight:700}.right-container{display:flex;flex-direction:column;background-color:#fff;padding:2vh}.button-change-language{background-color:#494748;cursor:pointer;margin-top:1vh;height:40px;color:#fff;padding:1.5vh 2vw;font-size:.8em;justify-content:space-between;display:flex;align-items:center;justify-content:center;border-radius:500px;min-width:14vw}.button-downloading{background-color:#aaa!important;cursor:default!important}@media(max-width:1000px){.header-container{flex-direction:column}.whole-container{flex-direction:column-reverse;align-items:center;padding:1vh 0}.logo{width:60px;margin-bottom:4vh}.container{width:90vw}.headers{display:block;justify-content:center;margin-top:2vh;text-align:center}.right-container{flex-direction:row;margin-bottom:3vh}.right-container .button{width:40vw;height:40px;margin-right:3vw}.right-container .button>img{width:60px;height:60px}}@media(max-width:600px){.other-box{flex-direction:column;margin-bottom:0;padding:1vh}.other-box:nth-of-type(4){flex-direction:column-reverse;border:none}}@media(min-width:600px)and (max-width:1000px){.button-change-language{padding:10vh 2vw}}.extra-box{font-size:.9em}.payments-row{display:flex;justify-content:space-between;width:100%;margin-bottom:2vh}.payments-row>p{font-size:.75em;color:#777}.payments-row>p:first-child{width:50%}.payments-row>p:nth-child(2){font-weight:700;text-align:right}.box{width:29vw}.box .header{margin-bottom:2vh;font-weight:700}@media(max-width:1000px){.box{width:100%}.extra-box{margin-bottom:4vh}.other-box:nth-of-type(4){flex-direction:column-reverse;border:none}}@media(min-width:600px)and (max-width:1000px){.box{width:48%;font-size:.8em}}.button{background-color:#494748;cursor:pointer;margin-top:1vh;height:40px;color:#fff;padding:15px 10px;font-size:.8em;justify-content:space-between;display:flex;align-items:center;justify-content:center;border-radius:500px;min-width:14vw;border:none}.button-transparent{background-color:transparent;color:#000;border:2px solid #000;transition-duration:.15s}.button-transparent:hover{background-color:#000;color:#fff}.loading{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10vh 15vw}.loading>b{margin-top:5vh;font-size:2em}.loading-icon{transform-origin:50% 50%;animation:loadingRotate 1.5s infinite;width:100px}.input{margin-top:2vh}.input-title{font-size:.7em;align-items:flex-end}.input-error{font-size:.5em;color:red;text-transform:capitalize}.input-box{width:100%;border-radius:7px;padding:10px .5vw;outline:none;border:2px solid #ddd;transition-duration:.1s}.input-box:focus{border:2px solid #7991fd}@keyframes loadingRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login{max-width:100vw;min-height:100vh;display:flex}.login>div{width:50%;display:flex;flex-direction:column;justify-content:center;padding:0 4vw}.login .error{color:red;font-size:.7em;min-height:1em;padding:.2em 0}.login .login-subcontainer-1{overflow-y:auto;align-items:flex-end;height:100vh;padding:5vh 4vw;min-height:100vh}.login .login-subcontainer-1 .login-text-container{width:50%}.login .login-subcontainer-1 .login-text-container>p:first-of-type{font-weight:700;font-size:2.5em;margin-bottom:1vh}.login .login-subcontainer-1 .login-text-container>p:nth-of-type(2){font-weight:lighter;font-size:.8em;margin-bottom:2vh}.login .login-subcontainer-2{height:100vh;align-items:flex-start;background-color:#eb273e}.login .login-subcontainer-2>p{font-weight:700;color:#fff;font-size:1.3em}.login .login-subcontainer-2>p:first-of-type{font-size:2.2em}.login form{display:flex;flex-direction:column}.login-logo{width:6vw;margin-bottom:2vh}.login-animation{animation:loadingRotate 1s infinite}@media screen and (max-width:1000px){.login{justify-content:center}.login .login-logo{width:70px}.login .login-subcontainer-1{padding:0;align-items:center;width:100%;height:auto}.login .login-subcontainer-1 .login-text-container{width:70%}.login .login-subcontainer-1 .login-text-container>p:first-of-type{font-weight:700;font-size:1.5em;margin-bottom:.5vh}.login .login-subcontainer-1 .login-text-container>p:nth-of-type(2){font-weight:lighter;font-size:.7em;margin-bottom:.7vh}.login .login-subcontainer-2{display:none}}@media screen and (min-width:600px)and (max-width:1000px){.login-subcontainer-1{height:auto}.login-text-container{height:auto;width:50%!important}.button,button{width:50%;align-self:center}}.no-border{border:none}.bg{background-color:#eb273e!important}
/*# sourceMappingURL=main.d61ce04a.chunk.css.map */