.login-inputs-container{opacity:0;visibility:hidden;width:100%;height:20vw;padding:1vw;transition:all .4s;position:relative;transform:translate(100%)}.login-inputs-container.active{opacity:1;visibility:visible;transform:translate(0)}.login-inputs-container form{gap:1vw;width:100%;height:100%;padding:1vw;position:relative;transform:translateY(-1vw)}.login-inputs-container form .input-group{width:100%;position:relative;align-items:start!important}.login-inputs-container form .input-group.state{z-index:3}.login-inputs-container form .input-group.city{z-index:2}.login-inputs-container form .input-group label{opacity:1;visibility:visible;color:#afbaca;height:1.25vw;padding:0 .7vw;font-size:.88vw;font-weight:400;transition:all .25s ease-in-out;position:absolute;top:-.6vw;right:1vw;background-color:var(--light-bg)!important;z-index:3!important;justify-content:center!important;align-self:center!important;display:flex!important}.login-inputs-container form .input-group:has(input:focus) label{color:#8796a2!important}.login-inputs-container form .input-group input{width:100%;height:3vw;font-size:.9vw;padding:.5vw 1vw!important}.login-inputs-container form .input-group div.error-msg{color:red;gap:.3vw;width:100%;font-size:.7vw;position:absolute;top:101%;right:.5vw;justify-content:start!important}.login-inputs-container form button[type=submit]{background:var(--red);min-width:60%;color:var(--light-bg);border-radius:.8vw;padding:1vw .75vw;font-weight:600;transform:translateY(2vw)}.login-inputs-container form button[type=submit]:hover{filter:brightness(1.2)}@media screen and (max-width:450px){.login-inputs-container{height:80vw;margin-top:12vw;padding:1vw;justify-content:start!important}.login-inputs-container form{gap:10vw;padding:2vw;justify-content:start!important}.login-inputs-container form .input-group label{height:5.5vw;margin-right:1.5vw;font-size:3.5vw;top:-1.8vw}.login-inputs-container form .input-group{width:82vw}.login-inputs-container form .input-group input{width:100%;height:13vw;font-size:3.9vw;padding:1.5vw 3vw!important}.login-inputs-container form .input-group input::placeholder{font-size:3.9vw}.login-inputs-container form .input-group div.error-msg{gap:1vw;font-size:2.8vw;right:1.5vw}.login-inputs-container form button[type=submit]{border-radius:10px;min-width:70%;margin-top:5vw;padding:3vw;font-size:3.5vw}}
.otp-handler{opacity:0;visibility:hidden;background-color:#f9f9f9;gap:3vw;width:100%;height:100%;padding:1vw;transition:all .5s;animation:.5s linear forwards otp-handler-animate;position:absolute;transform:translateY(100%);z-index:15!important}@keyframes otp-handler-animate{0%{opacity:0;visibility:hidden;transform:translateY(100%)}to{opacity:1;visibility:visible;transform:translateY(0)}}.otp-handler h2{gap:.75vw;font-size:1.5vw}.otp-handler h2 span{font-family:IRANYekanX-FaNum,sans-serif;font-size:.85vw;font-weight:400}.otp-handler h5{margin-top:1vw;font-size:.8vw}.otp-handler-return.btn{color:var(--dark-font);font-size:1.3vw;transition:all .25s;position:absolute;top:1vw;left:1vw}.otp-handler-return.btn:hover{filter:brightness(.8)}.otp-numbers-input-group{gap:.5vw;direction:ltr!important}.otp-numbers-input-group input{text-align:center;background:#cfd7de;border:none;border-radius:.5vw;outline:none;width:4vw;height:4vw;padding:1vw;font-size:2vw;transition:all .25s}.otp-numbers-input-group input:hover{filter:brightness(.9)}.otp-numbers-input-group input:focus{background:#d0c3c3}.otp-handler form button[type=submit]{background:var(--red);min-width:60%;color:var(--light-bg);border-radius:.8vw;padding:1vw .75vw;font-weight:600;transform:translateY(2vw)}.otp-handler form button[type=submit]:hover{filter:brightness(1.2)}.otp-handler form button[type=submit]:disabled{filter:brightness()}.otp-send-again.btn{background-color:var(--lightest-red);gap:.5vw;margin-top:.75vw;padding:.25vw 1.5vw;font-size:.85vw}.otp-send-again.btn i{font-size:.8vw}.otp-send-again.btn:hover{background-color:var(--light-red)}.otp-handler .otp-container{flex-direction:row-reverse;gap:.5vw;width:100%;display:flex}.otp-handler .input-otp-style{height:3.5vw;width:4vw!important}.otp-handler .otp-container input{background-color:#0000;border:.1vw solid #afb6c580;border-radius:1vw;height:3.5vw;font-size:1.4vw;font-weight:600;width:4vw!important}.otp-handler .otp-container input:focus{background-color:var(--lightest-red);outline:none}@media screen and (max-width:450px){.otp-handler{z-index:10;gap:8vw;padding:2vw;animation:.5s linear forwards otp-handler-animate}.otp-handler h2{gap:2.75vw;font-size:5.5vw}.otp-handler h2 span{font-size:3.5vw;font-weight:400}.otp-handler h5{margin-top:5vw;font-size:3.5vw;transform:translateY(5vw)}.otp-handler-return.btn{border-radius:2vw;padding:1.2vw;font-size:5.5vw;top:4vw;left:4vw}.otp-numbers-input-group{gap:2.5vw}.otp-numbers-input-group input{text-align:center;border:none;border-radius:6px;outline:none;width:13.5vw;height:13.5vw;padding:1vw;font-size:6.5vw}.otp-handler form button[type=submit]{border-radius:8px;min-width:70%;margin:8vw;padding:2.8vw;font-size:4.5vw;transform:translateY(5vw)}.otp-send-again.btn{transform:scale(3.5)translateY(2vw)}.otp-handler .otp-container{gap:1.5vw}.otp-handler .otp-container input{background-color:#0000;border:.3vw solid #afb6c580;border-radius:2.7vw;height:14vw;font-size:5.49vw;font-weight:600;width:14vw!important}.otp-send-again.btn i{font-size:1.3vw}.otp-send-again.btn{background-color:var(--lightest-red);gap:1vw;margin-top:.75vw;padding:.5vw 1vw;font-size:1.05vw}}
.countdown-timer{width:3vw;font-size:.85vw;font-weight:700;direction:ltr!important}@media screen and (max-width:450px){.countdown-timer{width:10vw;font-size:3vw;direction:ltr!important}}