.main-section[data-v-538e0a2f]{align-items:center;background-color:#f7f9fc;display:flex;justify-content:center;padding:50px 0}.login-box[data-v-538e0a2f]{background-color:#fff;border:1px solid #00000017;border-radius:30px;box-shadow:0 30px 70px #12121508;display:flex;gap:20px;height:560px;justify-content:space-between;padding:15px;width:50%}.inputs-box[data-v-538e0a2f]{width:calc(50% - 10px)}.inputs-box .buttons[data-v-538e0a2f]{align-items:center;background-color:#f6f8f9;border-radius:100px;display:flex;gap:15px;justify-content:space-between;min-width:293px;padding:5px;width:70%}.inputs-box .buttons button[data-v-538e0a2f]{align-items:center;background-color:transparent;border:0;border-radius:100px;color:#929bb7;display:flex;font-size:13px;font-weight:400;gap:8px;height:45px}.inputs-box .buttons button.selected[data-v-538e0a2f]{background-color:#fff;color:#000}.inputs-box .buttons button svg[data-v-538e0a2f]{color:#929bb7}.form-input[data-v-538e0a2f]{margin-top:20px;width:100%}.form-input .input-item[data-v-538e0a2f]{border:1px solid #d7e0ea;border-radius:35px;display:flex;height:70px;margin-bottom:10px;overflow:hidden;position:relative;transition:all .3s;width:100%}.form-input .input-item input[data-v-538e0a2f]{border:0;height:100%;outline:0;padding-right:45px;width:100%}.form-input .input-item svg[data-v-538e0a2f]:first-child{position:absolute;right:15px;top:23px}.form-input .input-item img[data-v-538e0a2f],.form-input .input-item svg[data-v-538e0a2f]:last-child{left:15px;position:absolute;top:24px}.forget-password[data-v-538e0a2f]{color:#949495;font-size:13px;font-weight:400}.login-btn[data-v-538e0a2f]{background-color:#0062a9;border:0;border-radius:32px;color:#fff;font-size:14px;font-weight:500;height:65px;width:100%}.login-key[data-v-538e0a2f],.register-key[data-v-538e0a2f]{background-color:transparent;border:0;text-align:center;width:100%}.login-key[data-v-538e0a2f],.register-key a[data-v-538e0a2f],.register-key p[data-v-538e0a2f]{color:#949495;font-size:13px;font-weight:400}.login-key a[data-v-538e0a2f],.register-key a[data-v-538e0a2f]{color:#0062a9}.login-description[data-v-538e0a2f]{background-color:#0062a9;border-radius:30px;height:100%;position:relative;width:calc(50% - 10px)}.login-description .logo-mask[data-v-538e0a2f]{background-image:url(https://cdn.themezi.ir/auth/logo.png);height:100%;position:absolute;width:100%;z-index:10}.login-description .descriptions[data-v-538e0a2f]{padding:0 15px 15px}.login-description .descriptions p[data-v-538e0a2f]:first-child{color:#fff;font-size:14px;font-weight:700;line-height:21px;text-align:right}.login-description .descriptions p[data-v-538e0a2f]:nth-child(2){color:#c5cadb;font-size:13px;font-weight:300;letter-spacing:-3%;line-height:21px;text-align:right}.help-links[data-v-538e0a2f]{display:flex;gap:15px;margin-top:30px}.help-links a[data-v-538e0a2f]{color:#e4e8f1;font-size:12px;font-weight:300;z-index:50}.otp-section .modal .modal-content[data-v-538e0a2f]{border-radius:30px}.otp-section .modal .modal-body[data-v-538e0a2f]{align-items:center;border-radius:30px!important;box-shadow:0 -6px 84px #00000021!important;display:flex;flex-direction:column;justify-content:center;padding:15px 20px}.otp-section .message-icon[data-v-538e0a2f]{align-items:center;background-color:#00c2dc;border-radius:50%;box-shadow:0 30px 50px #00c2dc5e;display:flex;height:57px;justify-content:center;margin-bottom:15px;width:57px}.otp-section .message-icon svg[data-v-538e0a2f]{color:#fff;height:21px;width:21px}.otp-section .texts p[data-v-538e0a2f]:last-child{color:#5c5d6d}.otp-section .texts[data-v-538e0a2f]{margin-bottom:25px}.otp-section .otp-codes[data-v-538e0a2f]{align-items:center;direction:ltr;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.otp-section .otp-codes input[data-v-538e0a2f]{border:1px solid #e4e8f1;border-radius:12px;color:#09090d;font-size:16px;font-weight:500;height:65px;padding:10px;text-align:center;width:60px}.otp-section .otp-codes input[data-v-538e0a2f]:focus-visible{outline-color:#0062a9}.otp-section .timer[data-v-538e0a2f]{font-size:16px;font-weight:600}.otp-section .timer span[data-v-538e0a2f]{color:#949495;font-size:13px;font-weight:400}.verify-code-btn[data-v-538e0a2f]{background-color:#0062a9;border:0;border-radius:32px;color:#fff;font-size:13px;height:65px;text-align:center;width:100%}.otp-section .modal.show .modal-dialog[data-v-538e0a2f]{width:390px}@media (max-width:1200px){.login-box[data-v-538e0a2f]{width:60%}}@media (max-width:992px){header[data-v-538e0a2f]{display:none}.login-box[data-v-538e0a2f]{border-radius:0;flex-direction:column-reverse;height:auto;padding:0;width:100%}.main-section[data-v-538e0a2f]{display:block;padding:0}.login-description[data-v-538e0a2f]{border-radius:30px 30px 0 0;margin-top:25px;padding-bottom:25px;width:100%}.login-description .logo-mask[data-v-538e0a2f]{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;top:0;width:65%}.inputs-box[data-v-538e0a2f]{margin:0!important;padding:0 25px;width:100%}.inputs-box .buttons[data-v-538e0a2f]{margin-bottom:30px;min-width:100%;width:100%}.login-btn[data-v-538e0a2f]{background-color:#00c2dc}.otp-section .modal.show .modal-dialog[data-v-538e0a2f]{bottom:0;margin:0;max-width:calc(100% - 20px);position:absolute;width:calc(100% - 20px)!important}.otp-section .modal[data-v-538e0a2f]{padding:10px}.otp-section .modal .modal-body[data-v-538e0a2f]{padding-top:40px;position:relative}.otp-section .modal .modal-body[data-v-538e0a2f]:after{background-color:#c5cadb;border-radius:50px;content:"";height:3px;position:absolute;top:10px;width:50px;z-index:100}}.null-input[data-v-538e0a2f]{border-color:#cd1536!important}.loader[data-v-538e0a2f]{animation:rotate-538e0a2f 1s linear infinite;border-radius:50%;display:block;height:35px;margin:0 auto;position:relative;width:35px}.loader[data-v-538e0a2f]:after,.loader[data-v-538e0a2f]:before{animation:prixClipFix-538e0a2f 2s linear infinite;border:2px solid #fff;border-radius:50%;box-sizing:border-box;content:"";top:0;right:0;bottom:0;left:0;position:absolute}.loader[data-v-538e0a2f]:after{animation:prixClipFix-538e0a2f 2s linear infinite,rotate-538e0a2f .5s linear infinite reverse;border-color:#ff3d00;top:6px;right:6px;bottom:6px;left:6px}@keyframes rotate-538e0a2f{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes prixClipFix-538e0a2f{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}