.custom-dialog{min-width:900px!important;max-width:90%!important;height:500px!important;max-height:95%;background-image:url(/images/sns-security-image.webp);box-shadow:0 4px 10px rgba(0,0,0,.2);background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:8px}@media screen and (max-width:768px){.custom-dialog{min-width:100px!important;max-width:90%!important;background-image:none;height:390px!important;max-height:85%!important;margin-top:-70px!important;border:6px solid var(--primary-color-gr)}}.custom-dialog .login-title-container{position:absolute;margin-top:80px;margin-left:70px;display:flex}@media screen and (max-width:768px){.custom-dialog .login-title-container{width:92%!important;margin-top:8px!important;margin-left:17px!important}}.custom-dialog .login-title-container .sign-up-container{width:120px;height:40px;display:flex;justify-content:center;align-items:center}.custom-dialog .login-title-container .sign-up-container :hover{cursor:pointer}.custom-dialog .login-title-container .delete-close-btn{background-color:#000;border-radius:30px;font-size:12px;width:100px;height:35px;display:flex;align-items:center;justify-content:center}.custom-dialog .login-title-container .delete-close-btn span{color:#fff}.custom-dialog .login-title-container .selected-contianer{border-bottom:1.5px solid var(--primary-color-gr)}.custom-dialog .login-title-container .selected-contianer span{font-size:16px;font-weight:500;color:var(--primary-color-gr)}.custom-dialog .login-title-container .otp-container{width:140px;height:40px;display:flex;justify-content:center;align-items:center}.custom-dialog .login-title-container .otp-container :hover{cursor:pointer}.custom-dialog .login-title-container .cancel-button{display:none}@media screen and (max-width:768px){.custom-dialog .login-title-container .cancel-button{position:absolute!important;right:10px;width:26px;height:26px;display:flex;justify-content:center;align-items:center;font-size:28px;color:#000;font-weight:1000;margin-top:-20px;border-radius:5px}}.custom-dialog .dialog-body-container{width:100%;height:420px;display:flex;margin-bottom:-25px}@media screen and (max-width:768px){.custom-dialog .dialog-body-container{height:270px!important}}.custom-dialog .dialog-body-container .login-container{width:35%;height:100%;display:flex;align-items:start;justify-content:start;margin-left:50px}@media screen and (max-width:768px){.custom-dialog .dialog-body-container .login-container{width:100%;margin-left:0}}.custom-dialog .footer-containe .close-btn{background-color:#000;border-radius:30px;font-size:12px;width:100px;height:35px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:768px){.custom-dialog .footer-containe .close-btn{display:none}}.custom-dialog .footer-containe .close-btn span{color:#fff}.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{width:100%;height:44px;display:flex}.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:30px;display:flex;align-items:center}.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:97%;padding:7px 20px 7px 60px;border-radius:20px;font-size:15px;box-shadow:2px 2px 8px #c0dbd2}.login-pin-container .inner-login-pin-container .login-body-container .input-container .input-button-container .input-button:focus{outline:none}.login-pin-container .inner-login-pin-container .login-body-container .input-container .input-button-container .input-error{border:1px solid #f5222d;border-radius:50px}.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}.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}.login-pin-container .inner-login-pin-container .login-body-container .input-container .update-button-container .update-button button{width:90px;font-size:13px;height:28px;background:var(--primary-color-gr)!important;border-radius:20px;color:#fff}.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}.creat-user-container{width:100%;height:85%;display:flex;justify-content:center;align-items:center}.creat-user-container .inner-creat-user-container{width:100%;height:250px;margin-top:40px}.creat-user-container .inner-creat-user-container .creat-user-header{width:100%;height:44px;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;gap:5px}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container p{font-size:14px;margin-top:10px;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;padding-top:30px;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:97%;padding:7px 20px 7px 60px;border-radius:20px;font-size:15px;box-shadow:2px 2px 8px #c0dbd2}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .input-button-container .input-button:focus{outline:none}.creat-user-container .inner-creat-user-container .creat-user-body-container .input-container .input-button-container .input-error{border:1px solid #f5222d;border-radius:50px}.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 .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}.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}.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:90px;font-size:13px;height:28px;background:var(--primary-color-gr)!important;border-radius:20px;color:#fff}.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}.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{width:100%;height:44px;display:flex}.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}@media screen and (max-width:768px){.otp-container .inner-otp-container .otp-body-container .input-container{margin-top:33px}}.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}.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}.otp-container .inner-otp-container .otp-body-container .input-container .input-button-container .input-button{width:97%;padding:7px 20px 7px 60px;border-radius:20px;font-size:15px;box-shadow:2px 2px 8px #c0dbd2}@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:focus{outline:none}.otp-container .inner-otp-container .otp-body-container .input-container .input-button-container .input-error{border:1px solid #f5222d;border-radius:50px}.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}.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}.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}.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}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container .update-button button{width:90px;font-size:13px;height:28px;background:var(--primary-color-gr)!important;border-radius:20px;color:#fff}.otp-container .inner-otp-container .otp-body-container .input-container .update-button-container .update-button button:disabled{background-color:#888;cursor:not-allowed}