.login-page{display:none;z-index:300;position:fixed;width:100%;height:100%;top:0;left:0;transition:all .35s ease-in-out;background:#292d32a5}.login-page.active{display:flex;justify-content:center;animation:fixedloginReg .35s ease-in-out forwards}@keyframes fixedloginReg{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.login-box{background-color:#fcfcfc;width:32%;height:fit-content;padding:1.7vw 2vw;border-radius:.71vw;margin-top:8vw;overflow:hidden!important;animation:logBoxAnimation .9s ease forwards}@keyframes logBoxAnimation{0%{opacity:0}to{opacity:1}}.login-box .top-section{width:100%;justify-content:space-between;flex-direction:row-reverse}.login-section{gap:1vw;width:100%;display:none;transition:all .3s ease-in-out}.login-section.active{display:flex;animation:loginAnimation .2s ease forwards}@keyframes loginAnimation{0%{transform:translateX(-100vw)}to{transform:translateX(0)}}.login-section form{width:100%;gap:2vw;margin-top:1vw}.login-section form .input-group{width:100%}.login-section h1{font-size:var(--fontSize-xxl)}.login-section h1,.login-section p{color:var(--primary-800)}.login-section .input-group .phoneInput input{border:none!important;border-radius:0!important;outline:none!important;background-color:transparent;direction:ltr!important;padding:0 .2vw!important;color:var(--primary-800);font-size:var(--fontSize-lg);cursor:text!important}.login-section .input-group .phoneInput input::placeholder{color:var(--primary-500)}.login-section .input-group .phoneInput input:focus{border:none!important;outline:none!important;background-color:transparent}.login-section .input-group .phoneInput{width:100%;justify-content:end!important;background-color:var(--primary-0);border:.1vw solid var(--primary-400);border-radius:.61vw;padding:1.3vw;direction:ltr!important;gap:1.3vw}.login-section .input-group .phoneInput span{padding-right:1.3vw;border-right:.1vw solid var(--primary-500);direction:rtl!important;color:var(--primary-500)}.login-section .input-group .phoneInput span i{font-size:var(--fontSize-xxxl)!important}.login-section form button{width:100%;padding:1.3vw 0;background-color:var(--secondary-500);color:white;border-radius:.76vw;cursor:pointer;transition:all .3s ease-in-out;font-weight:500;font-size:var(--fontSize-md)}.login-section form button:hover{background-color:var(--secondary-800)}.login-section form button:disabled{background-color:var(--secondary-500)!important;opacity:.55}.accept-ruls{flex-wrap:wrap;width:100%;gap:.2vw;justify-content:center;text-align:center;font-size:var(--fontSize-sm)}.accept-ruls i{font-size:var(--fontSize-md);margin-left:.2vw;color:var(--secondary-500)}.accept-ruls a{color:var(--secondary-500);text-decoration:underline}.accept-ruls a:hover{color:var(--secondary-700)}.top-section button.close,.top-section button.next{cursor:pointer}.top-section button.close svg path,.top-section button.next svg path{transition:all .2s ease-in-out}.top-section button.close:hover svg path,.top-section button.next:hover svg path{stroke:var(--secondary-500)}.otp-container-page{transition:all .2s ease-in-out;width:100%;gap:1.5vw;display:none}.otp-container-page.active{animation:otpAnimation .2s ease forwards;display:flex}@keyframes otpAnimation{0%{transform:translateX(100vw)}to{transform:translateX(0)}}.otp-container-page form{width:100%;gap:1.42vw}.otp-container-page form .otp-btn{width:100%;padding:1.3vw 0;background-color:var(--secondary-500);color:white;border-radius:.76vw;cursor:pointer;transition:all .3s ease-in-out}.otp-container-page form .otp-btn:hover{background-color:var(--secondary-800)}.otp-container-page .otp-container{width:100%;display:flex;flex-direction:row-reverse;gap:.5vw}.otp-container-page .otp-container input{width:4vw!important;height:4vw;background-color:var(--primary-0);border:.1vw solid var(--primary-400);border-radius:.51vw;font-weight:600;font-size:1.4vw}.otp-container-page .otp-container input:focus{outline:none;border:.1vw solid var(--primary-700)}.otp-container-page h1{font-size:var(--fontSize-xxl)}.otp-container-page h1,.otp-container-page p{color:var(--primary-800)}.otp-container-page h5,.otp-send-again{color:var(--primary-600)}.edit-mobile{color:var(--secondary-500)!important;font-weight:700;cursor:pointer}.otp-bottom-div{width:100%;justify-content:space-between!important}button:disabled{cursor:not-allowed!important;opacity:.5}.error-msg{text-align:right;color:var(--error-default);font-size:var(--fontSize-xs);width:100%;display:flex;justify-content:flex-start}.close svg:first-child{display:block}.close svg:last-child{display:none}.ruls-otp{margin-bottom:1vw}@media screen and (max-width:450px){.close svg:first-child{display:none}.close svg:last-child{display:block;transform:rotate(180deg) scale(1.3)}.login-box{width:100%;height:100%;padding:0;border-radius:0;margin-top:0;align-items:flex-start;justify-content:flex-start}.login-box .top-section{padding:4.5vw 6vw;box-shadow:0 .5vw 1vw rgba(0,0,0,.14)}.login-section,.otp-container-page{gap:6vw;padding:11.5vw 6vw}.login-section .input-group .phoneInput{height:17vw;border:.4vw solid var(--primary-400);border-radius:2.61vw;padding:3vw 4.3vw;direction:ltr!important;gap:1.3vw}.login-section .input-group .phoneInput span{padding-right:4.3vw;border-right:.3vw solid var(--primary-500);height:100%}.login-section .input-group .phoneInput input{height:100%;padding:0 3.2vw!important;font-size:var(--fontSize-xl)}.login-section .input-group .phoneInput input::placeholder{font-size:var(--fontSize-lg)}.login-section form .input-group{margin-bottom:4vw;gap:2vw}.login-section form button{padding:4.3vw 0;margin-top:19vw;border-radius:2.76vw}.accept-ruls{padding:0 2vw;transform:translateY(-34vw);gap:.8vw;justify-content:flex-start;text-align:justify!important}.accept-ruls i{font-size:var(--fontSize-md);margin-left:1vw;color:var(--secondary-500)}.ruls-otp{transform:none!important;margin-top:5vw;margin-bottom:10vw}.otp-container{gap:1vw!important;margin-top:3vw}.otp-container-page .otp-container input{width:15vw!important;height:15vw;border:.3vw solid var(--primary-400);border-radius:1.51vw;font-size:5.4vw}.otp-container-page form .otp-btn{padding:4.3vw 0;margin:8vw 0;border-radius:2.76vw}.otp-send-again svg{width:6vw;height:6vw}}.countdown-timer{width:3vw;direction:ltr!important;font-size:.85vw;font-weight:700}@media screen and (max-width:450px){.countdown-timer{width:10vw;direction:ltr!important;font-size:3vw}}