.otp-container{width:100%;height:85%;display:flex;justify-content:center;align-items:center}.otp-container .inner-otp-container{width:100%;height:250px;margin-top:40px}.otp-container .inner-otp-container .otp-header .signin-container{width:50%;height:100%;font-size:20px;font-weight:700;color:var(--primary-color-gr);text-align:center;border-bottom:1px solid var(--primary-color-gr)}.otp-container .inner-otp-container .otp-header .signup-container{width:50%;height:100%;font-size:20px;font-weight:700;text-align:center;color:#c3c3c3}.otp-container .inner-otp-container .otp-body-container{width:100%;height:300px}@media screen and (max-width:768px){.otp-container .inner-otp-container .otp-body-container{height:200px!important}}.otp-container .inner-otp-container .otp-body-container .input-container{width:100%;height:230px}.otp-container .inner-otp-container .otp-body-container .input-container .input-button-container{position:relative;width:100%;padding-top:30px;display:flex;align-items:center}@media screen and (max-width:768px){.otp-container .inner-otp-container .otp-body-container .input-container .input-button-container{padding-top:0!important}}.otp-container .inner-otp-container .otp-body-container .input-container .input-button-container .icon-design{position:absolute;color:var(--primary-color-gr);margin-left:15px}@media screen and (max-width:768px){.otp-container .inner-otp-container .otp-body-container .input-container .input-button-container .icon-design{margin-top:20px!important}}.otp-container .inner-otp-container .otp-body-container .input-container .input-button-container .input-button{width:100%;padding:10px 14px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;transition:all .2s}.otp-container .inner-otp-container .otp-body-container .input-container .input-button-container .input-button:focus{border-color:#0a3d44;background:#fff}.otp-container .inner-otp-container .otp-body-container .input-container .input-button-container .input-button::-moz-placeholder{color:#9ca3af}.otp-container .inner-otp-container .otp-body-container .input-container .input-button-container .input-button::placeholder{color:#9ca3af}.otp-container .inner-otp-container .otp-body-container .input-container .input-button-container .input-button.input-error{border-color:#ef4444;background:#fef2f2}@media screen and (max-width:768px){.otp-container .inner-otp-container .otp-body-container .input-container .input-button-container .input-button{width:100%!important}.otp-container .inner-otp-container .otp-body-container .input-container .input-button-container .input-button:last-child{margin-top:20px}}.otp-container .inner-otp-container .otp-body-container .input-container .input-button-container .input-button:focus{outline:none}.otp-container .inner-otp-container .otp-body-container .input-container .error-container{margin-top:3px;margin-left:5px}.otp-container .inner-otp-container .otp-body-container .input-container .error-container p{color:#f5222d;font-size:14px}.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container{width:100%;height:40px;margin-top:15px;display:flex}@media screen and (max-width:768px){.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container{margin-top:10px!important;flex-direction:column-reverse;height:80px;width:100%!important;justify-content:center;align-items:center}}.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container .login-otp-nav-container{width:65%;height:100%;display:flex;justify-content:start;align-items:center;color:var(--primary-color-gr);padding-left:10px;font-size:13px}@media screen and (max-width:768px){.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container .login-otp-nav-container{width:100%!important;justify-content:center!important;margin-top:10px!important;font-size:15px;padding-left:0}}.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container .login-otp-nav-container span:hover{cursor:pointer}.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container .update-button{width:35%;height:100%;display:flex;justify-content:end;padding-right:7px;align-items:center}@media screen and (max-width:768px){.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container .update-button{width:100%!important;justify-content:center!important;margin-top:10px!important}}.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container .update-button .loader{border:2px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:14px;height:14px;animation:spin 1s linear infinite;display:inline-block}.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container .update-button button{width:100%;padding:12px 20px;background:#0a3d44!important;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px}.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container .update-button button:hover{background:#083038}.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container .update-button button:disabled{opacity:.7}@media screen and (max-width:768px){.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container .update-button button{width:100%!important;height:38px;font-size:16px;padding:5px 20px}}.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container .update-button button:disabled{background-color:#888;cursor:not-allowed}.creat-user-container{width:100%;height:85%;display:flex;justify-content:center;align-items:center}.creat-user-container .inner-creat-user-container{width:100%}.creat-user-container .inner-creat-user-container .creat-user-header{width:100%;margin-bottom:30px!important;display:flex}.creat-user-container .inner-creat-user-container .creat-user-header .signin-container{width:50%;height:100%;font-size:20px;font-weight:700;color:var(--primary-color-gr);text-align:center;border-bottom:1px solid var(--primary-color-gr)}.creat-user-container .inner-creat-user-container .creat-user-header .signup-container{width:50%;height:100%;font-size:20px;font-weight:700;text-align:center;color:#c3c3c3}.creat-user-container .inner-creat-user-container .creat-user-body-container{width:100%}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container{width:100%;display:flex;flex-direction:column}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container p{font-size:14px;margin-left:25px;color:#f5222d}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .input-button-container{position:relative;width:100%;height:58px;display:flex;align-items:center}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .input-button-container .error-box{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:8px;margin-top:5px;font-size:12px;border-radius:4px}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .input-button-container .icon-design{position:absolute;color:var(--primary-color-gr);margin-left:15px}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .input-button-container .input-button{width:100%;padding:10px 14px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;transition:all .2s}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .input-button-container .input-button:focus{outline:none;border-color:#0a3d44;background:#fff}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .input-button-container .input-button::-moz-placeholder{color:#9ca3af}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .input-button-container .input-button::placeholder{color:#9ca3af}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .input-button-container .input-button.input-error{border-color:#ef4444;background:#fef2f2}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .update-button-container{width:100%;height:40px;margin-top:15px;display:flex}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .update-button-container .update-button{width:35%;height:100%;display:flex;justify-content:end;padding-right:7px;align-items:center}@media screen and (max-width:768px){.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .update-button-container .update-button{width:100%!important;height:38px}}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .update-button-container .update-button .loader{border:2px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:14px;height:14px;animation:spin 1s linear infinite;display:inline-block}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .update-button-container .update-button button{width:100%;padding:12px 20px;background:#0a3d44!important;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .update-button-container .update-button button:hover{background:#083038}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .update-button-container .update-button button:disabled{opacity:.7}@media screen and (max-width:768px){.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .update-button-container .update-button button{width:100%!important;height:38px;font-size:16px;padding:5px 20px}}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .update-button-container .update-button button:disabled{background-color:#888;cursor:not-allowed}.login-pin-container{width:100%;height:85%;display:flex;justify-content:center;align-items:center}.login-pin-container .inner-login-pin-container{width:100%;height:250px;margin-top:40px}.login-pin-container .inner-login-pin-container .login-header .signin-container{width:50%;height:100%;font-size:20px;font-weight:700;color:var(--primary-color-gr);text-align:center;border-bottom:1px solid var(--primary-color-gr)}.login-pin-container .inner-login-pin-container .login-header .signup-container{width:50%;height:100%;font-size:20px;font-weight:700;text-align:center;color:#c3c3c3}.login-pin-container .inner-login-pin-container .login-body-container{width:100%;height:300px}.login-pin-container .inner-login-pin-container .login-body-container .input-container{width:100%;height:230px}.login-pin-container .inner-login-pin-container .login-body-container .input-container .input-button-container{position:relative;width:100%;padding-top:15px;display:flex;align-items:center}@media screen and (max-width:768px){.login-pin-container .inner-login-pin-container .login-body-container .input-container .input-button-container{margin-top:-10px!important;padding-top:20px}}.login-pin-container .inner-login-pin-container .login-body-container .input-container .input-button-container .icon-design{position:absolute;color:var(--primary-color-gr);margin-left:15px}.login-pin-container .inner-login-pin-container .login-body-container .input-container .input-button-container .input-button{width:100%;padding:10px 14px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;transition:all .2s}.login-pin-container .inner-login-pin-container .login-body-container .input-container .input-button-container .input-button:focus{outline:none;border-color:#0a3d44;background:#fff}.login-pin-container .inner-login-pin-container .login-body-container .input-container .input-button-container .input-button::-moz-placeholder{color:#9ca3af}.login-pin-container .inner-login-pin-container .login-body-container .input-container .input-button-container .input-button::placeholder{color:#9ca3af}.login-pin-container .inner-login-pin-container .login-body-container .input-container .input-button-container .input-button.input-error{border-color:#ef4444;background:#fef2f2}.login-pin-container .inner-login-pin-container .login-body-container .input-container .error-container{margin-top:3px;margin-left:5px}.login-pin-container .inner-login-pin-container .login-body-container .input-container .error-container p{color:#f5222d;font-size:14px}.login-pin-container .inner-login-pin-container .login-body-container .input-container .update-button-container{width:100%;height:40px;margin-top:15px;display:flex}.login-pin-container .inner-login-pin-container .login-body-container .input-container .update-button-container .forgot-container{width:65%;height:100%;display:flex;justify-content:start;align-items:center;color:var(--primary-color-gr);padding-left:10px;font-size:13px}.login-pin-container .inner-login-pin-container .login-body-container .input-container .update-button-container .forgot-container span:hover{text-shadow:2px 2px 4px rgba(183,255,243,.745)}.login-pin-container .inner-login-pin-container .login-body-container .input-container .update-button-container .update-button{width:35%;height:100%;display:flex;justify-content:end;padding-right:7px;align-items:center}@media screen and (max-width:768px){.login-pin-container .inner-login-pin-container .login-body-container .input-container .update-button-container .update-button{width:100%!important}}.login-pin-container .inner-login-pin-container .login-body-container .input-container .update-button-container .update-button .loader{border:2px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:14px;height:14px;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-pin-container .inner-login-pin-container .login-body-container .input-container .update-button-container .update-button button{width:100%;padding:12px 20px;background:#0a3d44!important;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px}.login-pin-container .inner-login-pin-container .login-body-container .input-container .update-button-container .update-button button:hover{background:#083038}.login-pin-container .inner-login-pin-container .login-body-container .input-container .update-button-container .update-button button:disabled{opacity:.7}@media screen and (max-width:768px){.login-pin-container .inner-login-pin-container .login-body-container .input-container .update-button-container .update-button button{width:100%!important;height:38px;font-size:16px;padding:5px 20px}}.login-pin-container .inner-login-pin-container .login-body-container .input-container .update-button-container .update-button button:disabled{background-color:#888;cursor:not-allowed}