:root{--main-color-bl:#202020;--main-color:#15bda1;--sub-color-text:#979cab;--main-bg-color:#15bda1;--main-bg-color-light:#2396e828;--body-bg:#f6f6fe;--error:#b23a48}.main-con-auth-layout{transform:scaleX(-1);width:100%;min-height:100vh;overflow:hidden}.main-con-auth-side-bar img{margin-bottom:40px}.main-con-auth-side-bar h1{font-size:40px;color:white;font-weight:800;max-width:310px;text-align:center;margin-bottom:10px}.main-con-auth-side-bar>p{font-size:15px;color:#72767e;font-weight:600;text-align:center;max-width:400px;margin-bottom:40px}.main-con-web-fratures-login{display:flex;align-items:center;justify-content:space-around;gap:20px;width:100%}.main-con-web-fratures-login>div{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;background-color:white;padding:20px;border-radius:20px;box-shadow:0 0 10px 1px #d0d0d0}.main-con-web-fratures-login>div i{display:flex;align-items:center;font-size:35px;color:var(--main-bg-color)}.div-header-auth-form{width:100%;display:flex;flex-direction:column;align-items:center}.div-header-auth-form i{font-size:35px;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;background-color:var(--main-bg-color-light);color:var(--main-color)}.main-con-web-fratures-login>div p{font-size:15px;color:var(--main-color-bl);font-weight:600;max-width:150px}.main-con-auth-layout>*{transform:scaleX(-1)}.main-con-auth-side-bar{position:relative;display:flex;flex-direction:column;align-items:center}.main-con-logo-auth img{width:150px;margin-bottom:20px}.welcome-badge{width:fit-content;background-color:var(--main-bg-color-light);border-radius:10px;padding:8px 20px;font-size:15px;color:var(--main-color);display:flex;align-items:center;gap:10px}.heading-msg-auth,.welcome-badge{font-weight:600;margin-bottom:10px}.heading-msg-auth{color:var(--main-color-bl);font-size:60px;line-height:65px;max-width:350px}.heading-msg-auth span{color:var(--main-color)}.des-msg-auth{font-size:18px;color:var(--sub-color-text);font-weight:500;max-width:450px;margin-bottom:20px;display:block}.main-con-bolets-auth>div{display:flex;align-items:center;gap:10px;margin-bottom:10px}.main-con-bolets-auth>div i{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:25px;color:var(--main-color);background-color:var(--main-bg-color-light);border-radius:15px}.image-books-vector-1{position:absolute;bottom:0;left:0;width:250px;pointer-events:none}.main-con-bolets-auth p{font-size:18px;font-weight:600;color:var(--main-color-bl)}.main-con-bolets-auth span{font-size:14px;font-weight:500;color:var(--sub-color-text)}.svg-1-auth{width:500px;height:100px;bottom:0;right:0;transform:translate(40%)}.svg-1-auth,.svg-2-auth{opacity:1;z-index:-111;position:absolute;overflow:hidden}.svg-2-auth{width:300px;top:0;left:0;transform:translate(-50%)}.main-con-login-page form{padding:10px 25px;width:100%;max-width:550px;border-radius:20px}.div-header-auth-form>h2{font-size:30px;color:var(--main-color-bl);font-weight:600;margin-bottom:0}.div-header-auth-form>p{font-size:14px;color:var(--sub-color-text);font-weight:600;margin-bottom:30px}.main-con-input-form-auth-login{margin-bottom:0}.main-con-input-form-auth-login>div{padding:5px;display:flex;align-items:center;border-radius:25px;position:relative;border:3px dashed #e6e9fd}.main-con-input-form-auth-login>div.error-inp{border:3px dashed var(--error)}.main-con-input-form-auth-login>div>span.span-design-input{width:20px;height:40px;display:block;background-color:#e6e9fd;position:relative;transform:scaleX(1.4)}.main-con-input-form-auth-login>div>span.span-design-input:after{content:"";position:absolute;top:-8px;left:0;width:100%;height:15px;background-color:white;border-radius:0 0 20px 20px}.main-con-input-form-auth-login>div>span.span-design-input:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:15px;background-color:white;border-radius:20px 20px 0 0}.main-con-input-form-auth-login i.icon-input-login-1{font-size:20px;color:var(--main-bg-color);display:flex;align-items:center;justify-content:center;background-color:#e6e9fd;width:45px;height:45px;border-radius:15px}.main-con-input-form-auth-login i.flaticon-lock{font-size:25px}.main-con-input-form-auth-login input{padding:8px 13px;border:none;outline:none;font-size:18px;color:var(--main-color-bl);font-weight:600;flex-grow:1;width:40%;direction:rtl;border-radius:20px}.main-con-input-form-auth-login input::placeholder{color:var(--sub-color-text)}.main-con-input-form-auth-login i.icon-eye{font-size:20px;color:var(--main-color);display:flex;align-items:center;justify-content:center;position:absolute;left:70px;top:50%;transform:translateY(-50%)}.main-con-input-form-auth-login>div label{position:absolute;top:50%;right:10px;font-size:14px;color:var(--sub-color-text);font-weight:600;transform:translateY(-50%);transition:.5s ease-in-out;border-radius:10px;padding:0 10px;line-height:1;pointer-events:none}.main-con-input-form-auth-login>div.focus label{top:0;transform:translateY(-50%);color:var(--main-color);background-color:var(--body-bg);font-size:15px}.main-con-remember-me-forget-pass-link{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.main-con-remember-me-forget-pass-link>div label{display:flex;align-items:center;gap:10px}.main-con-remember-me-forget-pass-link>div svg{width:25px;height:25px;border:2px solid var(--main-bg-color-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:transparent;padding:3px}.main-con-remember-me-forget-pass-link>div span{font-size:15px;font-weight:600;color:var(--main-color-bl)}.main-con-remember-me-forget-pass-link>div input:checked+label svg{background-color:var(--main-bg-color);color:white}.main-con-remember-me-forget-pass-link>a{font-size:15px;color:var(--main-color);font-weight:600}.main-con-login-page form .submit-btn-form{width:100%;margin-bottom:15px;border:none;outline:none;display:flex;align-items:center;background-color:var(--main-bg-color);border-radius:20px;overflow:hidden}.main-con-login-page form .submit-btn-form span.text-of-btn{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:15px;min-height:55px;font-size:18px;font-weight:600;color:white;overflow:hidden}.main-con-login-page form .submit-btn-form span.degisn-btn-curve{width:20px;height:40px;display:block;background-color:var(--main-bg-color);position:relative;transform:scaleX(1.4)}.main-con-login-page form .submit-btn-form span.degisn-btn-curve:after{content:"";position:absolute;top:-8px;left:0;width:100%;height:15px;background-color:white;border-radius:0 0 20px 20px}.main-con-login-page form .submit-btn-form span.degisn-btn-curve:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:15px;background-color:white;border-radius:20px 20px 0 0}.btn-curved-design-1{width:100%;margin-bottom:15px;border:none;outline:none;display:flex;align-items:center;background-color:var(--main-bg-color);color:white;border-radius:20px;overflow:hidden}.btn-curved-design-1:disabled{background-color:#eee;color:var(--sub-color-text)}.main-con-all-side-auth-content{position:absolute;top:0;right:20px;width:60%;height:100%;display:flex;align-items:flex-start;justify-content:space-around;flex-direction:column}.btn-curved-design-1:disabled span.degisn-btn-curve{background-color:#eee}.btn-curved-design-1:disabled i,.btn-curved-design-1:disabled svg{background-color:#eee;color:var(--sub-color-text)}.btn-curved-design-1 span.text-of-btn{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:15px;min-height:55px;font-size:18px;font-weight:600}.btn-curved-design-1 span.degisn-btn-curve{width:20px;height:40px;display:block;background-color:var(--main-bg-color);position:relative;transform:scaleX(1.4)}.btn-curved-design-1 span.degisn-btn-curve:after{content:"";position:absolute;top:-8px;left:0;width:100%;height:15px;background-color:white;border-radius:0 0 20px 20px}.btn-curved-design-1 i,.btn-curved-design-1 svg{width:55px;height:55px;border-radius:20px;font-size:25px;color:white;background-color:var(--main-bg-color);display:flex;align-items:center;justify-content:center}.btn-curved-design-1 svg{padding:15px}.btn-curved-design-1 span.degisn-btn-curve:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:15px;background-color:white;border-radius:20px 20px 0 0}.btn-curved-design-2{width:100%;margin-bottom:15px;border:none;outline:none;display:flex;align-items:center;border:2px solid var(--main-bg-color);color:var(--main-color);border-radius:20px;background-color:white}.btn-curved-design-2 span.text-of-btn{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:10px;min-height:55px;font-size:18px;font-weight:600}.btn-curved-design-2 span.degisn-btn-curve{background-color:#fff;width:20px;height:42px;display:block;position:relative;transform:scaleX(1.6);z-index:22}.btn-curved-design-2 i,.btn-curved-design-2 svg{width:55px;height:55px;border-radius:20px;font-size:25px;color:var(--main-bg-color);background-color:white;display:flex;align-items:center;justify-content:center}.btn-curved-design-2 svg{padding:15px}.main-con-input-form-register label{color:var(--sub-color-text);pointer-events:none;border-radius:10px;padding:0 10px;font-size:14px;font-weight:600;line-height:1;transition:all .5s ease-in-out;position:absolute;top:50%;right:10px;top:0;transform:translateY(-50%);color:var(--main-color);background-color:var(--body-bg);font-size:15px;z-index:22}.main-con-input-form-register label span.design-span-reg-head{position:absolute;bottom:0;left:0;transform:translate(-100%) scaleX(1.1);width:30px;height:100%;background-color:#e6e9fd}.main-con-input-form-register label span.design-span-reg-head:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:white;border-radius:0 0 50px 0}.main-con-login-page form .submit-btn-form i,.main-con-login-page form .submit-btn-form svg{width:55px;height:55px;border-radius:20px;font-size:25px;color:white;background-color:var(--main-bg-color);display:flex;align-items:center;justify-content:center}.main-con-login-page form .submit-btn-form svg{padding:15px}.main-con-login-page form .or-seperator{position:relative;text-align:center;font-size:15px;color:var(--sub-color-text);font-weight:600;margin:20px 0}.main-con-login-page form .or-seperator:after{left:0}.main-con-login-page form .or-seperator:after,.main-con-login-page form .or-seperator:before{content:"";position:absolute;top:50%;transform:translateY(-50%);background-color:#eee;width:140px;height:3px;border-radius:50px}.main-con-login-page form .or-seperator:before{right:0}.main-con-login-with-pass-input button{gap:20px;width:100%;margin:20px auto;border:2px solid var(--main-bg-color);background-color:transparent;padding:15px;color:var(--main-color);font-weight:600;border-radius:20px}.form-footer-msg-login,.main-con-login-with-pass-input button{display:flex;align-items:center;justify-content:center;font-size:15px}.form-footer-msg-login{color:var(--sub-color-text);font-weight:500;flex-direction:column}.form-footer-msg-login a{color:var(--main-color);font-weight:600}.error-input-form{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--error);min-height:30px;margin:2px 10px;font-weight:600}.error-input-form svg{width:15px}.loader-button{width:50px;aspect-ratio:4;--_g:no-repeat radial-gradient(circle closest-side,#fff 90%,#0000);background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100% / 3) 100%;animation:l7 1s linear infinite}@keyframes l7{33%{background-size:calc(100% / 3) 0,calc(100% / 3) 100%,calc(100% / 3) 100%}50%{background-size:calc(100% / 3) 100%,calc(100% / 3) 0,calc(100% / 3) 100%}66%{background-size:calc(100% / 3) 100%,calc(100% / 3) 100%,calc(100% / 3) 0}}.main-con-register-page-form form{padding:25px;width:100%;max-width:650px;border-radius:20px;margin:20px 0;transform:translate(50px)}.main-con-register-tilte{width:100%;text-align:center}.main-con-register-tilte h1{color:var(--main-color-bl);margin-bottom:0;font-size:30px;font-weight:600}.main-con-register-tilte p{color:var(--sub-color-text);margin-bottom:30px;font-size:14px;font-weight:600}.main-con-steper-reg{display:flex;align-items:center;gap:0;margin-bottom:30px;background-color:white;padding:20px;border-radius:20px;box-shadow:0 0 10px 1px #979cab39}.main-con-steper-reg>div{display:flex;flex-direction:column;align-items:center}.main-con-steper-reg>div span{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;position:relative;z-index:22;border-radius:50px;background-color:white;border:3px solid #e6e9fd;font-size:17px;font-weight:600;color:var(--main-color-bl)}.main-con-steper-reg>span{flex-grow:1;width:40%;height:4px;background-color:#e6e9fd;border-radius:0;position:relative;transform:scaleX(1.1);margin-bottom:30px}.main-con-steper-reg>div.active span,.main-con-steper-reg>div.done span{background-color:var(--main-bg-color);color:white;border:2px solid var(--main-bg-color)}.main-con-steper-reg>div.done+span{background-color:var(--main-bg-color)}.main-con-steper-reg>div p{font-size:13px;color:var(--sub-color-text);font-weight:600;margin-bottom:0;text-align:center;white-space:nowrap}.main-con-steper-reg>div.active+span{background:linear-gradient(to left,var(--main-bg-color) 0,var(--main-bg-color) 15%,#e6e9fd 15%,#e6e9fd 100%)}label.register-label-inpu{display:flex;align-items:center;gap:5px;margin-bottom:5px}span.span-title-input{font-size:12px;font-weight:600;color:var(--main-color-bl);line-height:1}span.required-input{color:var(--error);line-height:1;font-size:20px}.main-con-input-form-register{position:relative}.main-con-input-form-register>div{border-radius:15px;align-items:center;gap:10px;padding:5px;display:flex;position:relative;flex-direction:row-reverse;border:3px dashed #e6e9fd;border-radius:20px}.main-con-input-form-register>div i:first-child{color:var(--main-bg-color);background-color:#e6e9fd;border-radius:15px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.main-con-input-form-register>div i:last-child{color:var(--main-color);justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:50%;left:50px;transform:translateY(-50%)}.main-con-input-form-register>div input{color:var(--main-color-bl);direction:rtl;border:none;outline:none;flex-grow:1;width:90%;padding:10px 0;font-size:15px;font-weight:600}.main-con-Gender-input{display:flex;align-items:center;gap:20px;margin-bottom:20px}.main-con-Gender-input input:checked+label{background-color:var(--main-bg-color-light)}.main-con-Gender-input input:checked+label span{color:var(--main-bg-color)}.main-con-Gender-input label{padding:20px;background-color:var(--body-bg);border-radius:20px;display:flex;flex-direction:column;align-items:center;border:2px solid var(--main-bg-color-light);flex-grow:1}.main-con-Gender-input label span{font-size:17px;color:var(--main-color-bl);font-weight:600;margin-top:15px;display:block;text-align:center}.main-con-input-form-register>div select{color:var(--main-color-bl);direction:rtl;border:none;outline:none;flex-grow:1;width:70%;padding:10px 0;font-size:15px;font-weight:600}.next-btn-reg,.submit-btn-log-form{background-color:var(--main-bg-color);border:none;outline:none;font-size:17px;color:white;font-weight:600;padding:18px 20px;width:100%;border-radius:20px;display:flex;align-items:center;gap:10px;justify-content:center;min-height:60px}.submit-btn-log-form{margin-top:30px}.submit-btn-reg{background-color:var(--main-bg-color);border:none;outline:none;font-size:17px;color:white;font-weight:600;padding:18px 20px;width:100%;border-radius:20px;display:flex;align-items:center;gap:10px;justify-content:center;min-height:60px}.submit-btn-log-form:disabled{background-color:#eee;color:var(--sub-color-text)}.submit-btn-log-form.back-to-login{border:2px solid var(--main-bg-color);background-color:transparent;outline:none;font-size:17px;color:var(--main-color);font-weight:600;padding:18px 20px;width:100%;border-radius:20px;display:flex;align-items:center;gap:10px;justify-content:center;min-height:60px;margin-top:15px}.next-btn-reg:disabled{background-color:#eee;color:var(--sub-color-text)}.main-con-nav-reg{gap:15px}.main-con-nav-reg,.pre-btn-reg{display:flex;align-items:center}.pre-btn-reg{border:2px solid var(--main-bg-color);background-color:transparent;outline:none;font-size:17px;color:var(--main-color);font-weight:600;padding:18px 20px;width:100%;border-radius:20px;gap:10px;justify-content:center;min-height:60px}.main-con-login-page-content form{border-radius:20px;width:100%;max-width:550px;padding:25px}.form-info-title{display:flex;flex-direction:column;align-items:center;text-align:center}.form-info-title p{color:var(--main-color-bl);margin-bottom:0;font-size:30px;font-weight:600}.form-info-title span{color:var(--sub-color-text);margin-bottom:30px;font-size:14px;font-weight:600}.otp-input{width:70px;height:70px;color:var(--main-color-bl);border:3px dashed #e6e9fd;border-radius:20px;font-size:25px;font-weight:600}.main-con-national-id-input label{width:100%;background-color:transparent;border-radius:20px;min-height:150px;display:flex;flex-direction:column;align-items:center;border:3px dashed #e6e9fd;justify-content:center;gap:15px;margin:5px 0 20px}.main-con-national-id-input label i{font-size:40px;color:var(--main-color);color:var(--sub-color-text);display:flex;align-items:center}.main-con-national-id-input label p{font-size:15px;color:var(--sub-color-text);font-weight:600}.main-con-national-preview{position:relative}.main-con-national-preview svg{position:absolute;top:5px;right:5px;background-color:var(--error);color:white;width:20px;height:20px;border-radius:50%}.main-con-accept-terms label{display:flex;align-items:center;gap:10px;padding:15px;border-radius:15px;margin:15px 0;background-color:#e6e9fd}.main-con-accept-terms label svg{width:25px;height:25px;padding:2px;border:2px solid var(--main-bg-color-light);border-radius:50%;background-color:#eee;color:transparent}.main-con-accept-terms input:checked+label svg{background-color:var(--main-bg-color);color:white}.main-con-accept-terms label span{color:var(--main-color-bl);font-weight:15px;font-weight:600}.main-con-accept-terms label span button{color:var(--main-color);margin:0 5px;cursor:pointer}.main-con-modal{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:222;display:flex;align-items:center;justify-content:center}.main-con-modal-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.311);backdrop-filter:blur(4px)}.main-modal-body{position:relative;z-index:2;background-color:white;border-radius:20px;border:2px solid var(--main-bg-color-light);max-width:800px}.main-con-modall-header{display:flex;align-items:center;padding:10px 20px;border-bottom:2px solid var(--main-bg-color-light);gap:10px}.main-con-modall-header h2{font-size:25px;color:var(--main-color-bl);flex-grow:1;text-align:center;font-weight:700}.main-con-modall-header svg{width:20px;height:20px;color:var(--main-color-bl)}.main-con-modal-body{padding:20px;max-height:90vh;overflow:auto}.main-con-modal-terms-body{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.main-con-one-terms{background-color:#eee;padding:10px;border-radius:15px;align-self:stretch;flex-grow:1;width:45%}.main-con-one-terms span{font-size:25px;color:var(--main-color);font-weight:700;margin-bottom:10px;display:block}.main-con-one-terms p{font-size:18px;color:var(--main-color-bl);font-weight:600;margin-bottom:10px;display:block}.main-con-one-terms>div{font-size:13px;color:var(--sub-color-text);font-weight:500;display:block;margin-bottom:5px}@media (max-width:992px){.main-con-register-page-form form{transform:translate(0);padding:0 10px}.main-con-input-form-auth-login>div label{font-size:12px;right:0;max-width:90%}.main-con-input-form-auth-login i.icon-input-login-1{width:35px;height:35px;font-size:15px;border-radius:10px}.main-con-input-form-auth-login>div{border-radius:15px}.main-con-input-form-auth-login i.icon-eye{left:60px}.main-con-steper-reg>div span{width:40px;height:40px}.main-con-steper-reg>div p{font-size:11px}.main-con-steper-reg{padding:10px 20px;border-radius:15px}.main-con-register-tilte h1{font-size:25px}.main-con-register-tilte p{font-size:12px}.main-con-login-page form{padding:10px}.main-con-remember-me-forget-pass-link>a{font-size:13px}.main-con-login-page form .or-seperator{font-size:12px}.main-con-login-page form .or-seperator:after,.main-con-login-page form .or-seperator:before{width:100px}.main-con-login-page form .submit-btn-form span.text-of-btn{font-size:14px}.main-con-login-page form .submit-btn-form i{font-size:20px}.main-con-login-page form .submit-btn-form svg{padding:17px}.form-footer-msg-login{font-size:13px}.div-header-auth-form>h2{font-size:25px}.div-header-auth-form>p{font-size:12px}.main-con-input-form-register>div i:first-child{border-radius:10px;width:35px;height:35px;font-size:15px}.main-con-input-form-register>div select{font-size:13px}.main-con-Gender-input label span{font-size:15px}.btn-curved-design-2 span.text-of-btn{font-size:13px;padding:10px}.btn-curved-design-1 svg,.btn-curved-design-2 svg{padding:12px;width:45px;height:45px}.btn-curved-design-1 span.text-of-btn{padding:10px}.main-con-auth-side-bar{display:none}}