section.login-register-page{padding:1vw;width:100%;height:110vh;position:relative;background-size:cover;background-position:50%}.login-register-box{width:30vw;height:27vw;background-color:hsla(0,0%,98%,.4);border-radius:.75vw;box-shadow:0 0 1vw rgba(0,0,0,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:start!important;overflow:hidden;transition:all .35s;gap:2vw}.login-register-box.active{height:30vw}body.dark .login-register-box{background-color:rgba(35,40,42,.65);box-shadow:0 0 1vw rgba(0,0,0,.5)}.login-register-tabs{position:relative;width:100%;border-bottom:1px solid var(--dark-gold);z-index:6}.login-register-tabs button{width:50%;border-radius:0!important}.login-register-tabs button.active{background:linear-gradient(45deg,var(--dark-gold),var(--light-gold),var(--dark-gold));color:var(--dark-font)!important;font-weight:700;transform:scale(1.02)}section.login-register-page .input-group input{background-color:#fff}body.dark section.login-register-page .input-group input{background-color:var(--light-font);color:var(--dark-font)}body.dark section.login-register-page .input-group input:hover,section.login-register-page .input-group input:hover{background:#d7e2ec}body.dark section.login-register-page .input-group input:focus,section.login-register-page .input-group input:focus{background:#e1d4c6}body.dark section.login-register-page .input-group input::placeholder{color:#1d2123!important}@media screen and (max-width:450px){section.login-register-page{padding:27vw 0 0!important;width:100%;min-height:100vh;justify-content:start!important}.login-register-box{width:90vw;height:110vw;border-radius:10px;box-shadow:0 0 14px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:8vw}.login-register-box.active{height:140vw!important}body.dark .login-register-box{box-shadow:0 0 14px rgba(0,0,0,.5)}.login-register-tabs button{padding:3vw;width:50%;border-radius:0!important;font-size:3.8vw}}.register-inputs-container{padding:1vw;position:absolute;top:4vw;width:100%;height:30vw;transition:all .5s;transform:translateX(100%);opacity:0;visibility:hidden}.register-inputs-container.active{transform:translateX(0);opacity:1;visibility:visible}.register-inputs-container form{padding:1vw;width:100%;height:100%;position:relative;gap:1.5vw;transform:translateY(-1.5vw)}.register-inputs-container form .input-group{margin-bottom:.5vw;width:100%;align-items:start!important;position:relative}.register-inputs-container form .input-group.state{z-index:3}.register-inputs-container form .input-group.city{z-index:2}.register-inputs-container form .input-group label{margin-right:.15vw;font-size:.75vw;font-weight:400;transition:all .25s;opacity:0;visibility:hidden}.register-inputs-container form .input-group label.active{opacity:1;visibility:visible}.register-inputs-container form .input-group input{padding:.5vw 1vw!important;font-size:.9vw;width:100%;height:3vw}.register-inputs-container form .input-group div.error-msg{width:100%;color:red;position:absolute;top:101%;right:.5vw;gap:.3vw;justify-content:start!important;font-size:.7vw}.register-inputs-container form .input-group .drop-down-container{width:100%;height:0;border-radius:.75vw;box-shadow:0 0 1vw rgba(0,0,0,.3);background-color:var(--light-bg);position:absolute;bottom:102%;right:0;opacity:0;visibility:hidden}body.dark .register-inputs-container form .input-group .drop-down-container{background-color:var(--dark-box-bg);box-shadow:0 0 1vw rgba(0,0,0,.5)}.register-inputs-container form .input-group.open .drop-down-container{height:12vw;opacity:1;visibility:visible}.register-inputs-container form .input-group .drop-down-container ul{overflow:auto}.register-inputs-container form .input-group .drop-down-container ul li{padding:.8vw;gap:.2vw;justify-content:start!important;font-size:.85vw;font-family:IRANSans,sans-serif}body.dark .register-inputs-container form .input-group .drop-down-container ul li{color:var(--light-font)}.register-inputs-container form .input-group .drop-down-container ul li i{font-size:.95vw}.register-inputs-container form .input-group .fa-caret-down{position:absolute!important;right:94%!important;top:51%;font-size:1vw!important;transition:all .25s}.register-inputs-container form .input-group.open .fa-caret-down{transform:rotate(180deg);top:52%}.register-inputs-container form button[type=submit]{margin:2vw;min-width:50%;background:linear-gradient(45deg,var(--dark-gold),var(--light-gold),var(--dark-gold))}.register-inputs-container form button[type=submit]:hover{filter:brightness(1.2)}@media screen and (max-width:450px){.register-inputs-container{margin-top:4vw!important;padding:4vw 3vw 3vw!important;position:absolute;top:16vw;height:100vw;justify-content:start!important}.register-inputs-container form{margin-top:3vw!important;padding:3vw 1vw 1vw!important;gap:4vw;transform:translateY(15vw)!important;height:100vw;justify-content:start!important}.register-inputs-container form .input-group{width:80vw;align-items:start!important;position:relative;margin-bottom:4vw}.register-inputs-container form .input-group label{margin-right:2vw;font-size:3.5vw}.register-inputs-container form .input-group input{width:100%;padding:1.65vw 3vw!important;font-size:3.8vw;height:12vw}.register-inputs-container form .input-group input::placeholder{font-size:3.8vw}.register-inputs-container form .input-group div.error-msg{top:101%;right:2vw;gap:.6vw;font-size:2.7vw}.register-inputs-container form .input-group .drop-down-container{border-radius:8px;box-shadow:0 0 14px rgba(0,0,0,.3)}body.dark .register-inputs-container form .input-group .drop-down-container{box-shadow:0 0 14px rgba(0,0,0,.5)}.register-inputs-container form .input-group.open .drop-down-container{height:54vw}.register-inputs-container form .input-group .drop-down-container ul li{padding:3vw;gap:1.8vw;font-size:3.5vw}.register-inputs-container form .input-group .drop-down-container ul li i{font-size:4vw}.register-inputs-container form .input-group .fa-caret-down{position:absolute!important;right:92%!important;top:52%;font-size:4vw!important}.register-inputs-container form .input-group.open .fa-caret-down{transform:rotate(180deg);top:53%}.register-inputs-container form button[type=submit]{margin-top:12vw;min-width:70%;padding:3vw;font-size:3.5vw;border-radius:10px}}.lds-ellipsis{display:inline-block;position:absolute;bottom:3vw;width:4.7vw;height:4vw;z-index:2}.login-inputs-container .lds-ellipsis{position:relative}.car-check-req .lds-ellipsis{position:relative;transform:translateY(3vw)}.lds-ellipsis h4.waiting-title{margin-top:.25vw;width:100%;position:absolute;top:80%;left:0;font-size:.7vw;font-weight:500;text-align:center;animation:animate-waiting-title 1s ease-in-out infinite}@keyframes animate-waiting-title{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.lds-ellipsis div{position:absolute;top:1.6vw;width:.7vw;height:.7vw;border-radius:50%;background:linear-gradient(45deg,var(--dark-gold),var(--light-gold),var(--dark-gold));animation-timing-function:cubic-bezier(0,1,1,0);box-shadow:0 0 .5vw rgba(0,0,0,.25)}section.landing .lds-ellipsis div{background:var(--gold)}.lds-ellipsis div:first-child{left:.5vw;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:.5vw;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:2vw;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:3.5vw;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(1.5vw)}}@media screen and (max-width:450px){.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px;transform:scale(.95)}.lds-ellipsis div{position:absolute;top:25px;width:13px;height:13px;border-radius:50%;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.lds-ellipsis h4.waiting-title{margin-top:.25vw;width:100%;position:absolute;top:85%;left:0;transform:scale(3);font-size:1.2vw}}.login-inputs-container{padding:1vw;position:relative;width:100%;height:20vw;transition:all .4s;transform:translateX(100%);opacity:0;visibility:hidden}.login-inputs-container.active{transform:translateX(0);opacity:1;visibility:visible}.login-inputs-container form{padding:1vw;width:100%;height:100%;position:relative;gap:1vw;transform:translateY(-3vw)}.login-inputs-container form .input-group{width:100%;align-items:start!important;position:relative}.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{margin-right:.5vw;font-size:.75vw;font-weight:400;transition:all .25s;opacity:0;visibility:hidden}.login-inputs-container form .input-group label.active{opacity:1;visibility:visible}.login-inputs-container form .input-group input{padding:.5vw 1vw!important;font-size:.9vw;width:100%;height:3vw}.login-inputs-container form .input-group div.error-msg{width:100%;color:red;position:absolute;top:101%;right:.5vw;gap:.3vw;justify-content:start!important;font-size:.7vw}.login-inputs-container form button[type=submit]{min-width:60%;background:linear-gradient(45deg,var(--dark-gold),var(--light-gold),var(--dark-gold));transform:translateY(2vw)}.login-inputs-container form button[type=submit]:hover{filter:brightness(1.2)}@media screen and (max-width:450px){.login-inputs-container{margin-top:12vw;padding:1vw;height:80vw;justify-content:start!important}.login-inputs-container form{padding:2vw;gap:10vw;justify-content:start!important}.login-inputs-container form .input-group label{margin-right:1.5vw;font-size:3.5vw}.login-inputs-container form .input-group{width:82vw}.login-inputs-container form .input-group input{width:100%;padding:1.5vw 3vw!important;font-size:3.9vw;height:13vw}.login-inputs-container form .input-group input::placeholder{font-size:3.9vw}.login-inputs-container form .input-group div.error-msg{right:1.5vw;gap:1vw;font-size:2.8vw}.login-inputs-container form button[type=submit]{margin-top:5vw;min-width:70%;padding:3vw;font-size:3.5vw;border-radius:10px}}.otp-handler{padding:1vw;position:absolute;z-index:15!important;width:100%;height:100%;transition:all .5s;transform:translateY(100%);opacity:0;visibility:hidden;background-color:#f9f9f9;gap:3vw;animation:otp-handler-animate .5s linear forwards}@keyframes otp-handler-animate{0%{transform:translateY(100%);opacity:0;visibility:hidden}to{transform:translateY(0);opacity:1;visibility:visible}}body.dark .otp-handler{background-color:var(--dark-box-bg);color:var(--light-font)}.otp-handler h2{font-size:1.5vw;gap:.75vw}.otp-handler h2 span{font-weight:400;font-size:.85vw;font-family:IRANSansX,sans-serif}.otp-handler h5{margin-top:1vw;font-size:.8vw}.otp-handler-return.btn{font-size:1.3vw;position:absolute;top:1vw;left:1vw;transition:all .25s;color:var(--dark-font)}.otp-handler-return.btn:hover{filter:brightness(.8)}.otp-numbers-input-group{gap:.5vw;direction:ltr!important}.otp-numbers-input-group input{padding:1vw;width:4vw;height:4vw;text-align:center;outline:none;border-radius:.5vw;border:none;background:#cfd7de;transition:all .25s;font-size:2vw}body.dark .otp-numbers-input-group input{background:var(--dark-input-bg);color:var(--dark-font)}.otp-numbers-input-group input:hover{background:var(--lighter-blue-font)}.otp-numbers-input-group input:focus{background:#d0c3c3}body.dark .otp-numbers-input-group input:focus{background:#756d6d}body.dark .otp-numbers-input-group input::placeholder{color:#1d2123}.otp-handler form button[type=submit]{margin:2vw;font-size:1vw;min-width:55%;background:linear-gradient(15deg,var(--dark-gold),var(--light-gold),var(--dark-gold))}.otp-handler form button[type=submit]:hover{filter:brightness(1.2)}.otp-handler form button[type=submit]:disabled{filter:brightness(1)}.otp-send-again.btn{padding:.25vw 1.5vw;margin-top:.75vw;font-size:.85vw;background-color:rgba(194,142,45,.5)}.otp-send-again.btn:hover{background-color:#c28e2d;color:var(--light-font)}@media screen and (max-width:450px){.otp-handler{padding:2vw;gap:8vw;animation:otp-handler-animate .5s linear forwards;z-index:10}.otp-handler h2{font-size:5.5vw;gap:2.75vw}.otp-handler h2 span{font-weight:400;font-size:3.5vw}.otp-handler h5{margin-top:5vw;font-size:3.5vw;transform:translateY(5vw)}.otp-handler-return.btn{font-size:5.5vw;top:4vw;left:4vw}.otp-numbers-input-group{gap:2.5vw}.otp-numbers-input-group input{padding:1vw;width:13.5vw;height:13.5vw;text-align:center;outline:none;border-radius:6px;border:none;font-size:6.5vw}.otp-handler form button[type=submit]{padding:2.8vw;margin:8vw;font-size:4.5vw;min-width:70%;border-radius:8px;transform:translateY(5vw)}.otp-send-again.btn{transform:scale(3.5) translateY(2vw)}}.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}}