.welcome-container{display:flex;align-content:space-between;justify-content:center;flex-wrap:wrap;width:100%;padding:20px 20px 30px;min-height:95vh;background:#FFFFFF;color:#221530;position:relative;font-family:var(--happ-font)}.welcome-container:before{content:"";position:absolute;top:0;right:0;width:100%;height:calc(100% - 300px);background-image:url(/login_background.png);background-size:cover;background-position:top;border-radius:0 0 10px 10px;z-index:8}.welcome-container .login-container,.welcome-container .welcome-header{position:relative;z-index:9;width:100%}.welcome-container .welcome-header{display:flex;align-items:start;justify-content:space-between;font-size:14px;letter-spacing:.5px}.welcome-container .welcome-header a{font-weight:500;text-decoration:underline;color:var(--happ-text)!important}.welcome-container .login-container .login-header{padding:0 10px}.welcome-container .login-container .login-header .title{margin:0 0 10px;font-size:40px;font-weight:500;line-height:1}.welcome-container .login-container .login-header .title span.big{display:block;font-family:var(--happ-font);font-weight:600}.welcome-container .login-container .login-header .title span.small{font-family:var(--happ-font)}.welcome-container .login-container .login-header .desc{font-size:15px;padding:0 2px}.welcome-container .login-container .login-form{margin:30px 0 0}.welcome-container .login-container .login-form label{display:block;margin:0 0 7px 15px;font-size:16px;font-weight:500}.welcome-container .login-container .login-form .phone-input-group{display:flex;align-items:center;margin:0 0 10px;border-radius:150px;background:#fff;box-shadow:3px 3px 7px 0 #00000020;overflow:hidden}.welcome-container .login-container .login-form .phone-prefix{padding:15px 0 15px 25px;font-size:17px;font-weight:600;color:var(--happ-text);letter-spacing:1px;flex-shrink:0;user-select:none}.welcome-container .login-container .login-form input.phone-input{display:block;width:100%;padding:15px 25px 15px 8px;border:0;background:transparent;letter-spacing:1px;color:var(--happ-text);font-size:17px;outline:none}.welcome-container .login-container .login-form button.btn-primary,.welcome-container .login-container .otp-form button.btn-primary{display:block;width:100%;padding:20px;background:#221530;color:#fff;font-weight:300;font-size:21px;border:0;border-radius:150px;line-height:1;cursor:pointer}.welcome-container .login-container .login-form button.btn-primary:disabled{opacity:.5;cursor:not-allowed}.welcome-container .login-container .login-otp{display:none;position:fixed;top:80px;right:0;height:calc(100% - 80px);width:100%;flex-wrap:wrap;align-content:flex-start;padding:20px;background:#fff;border-radius:15px 15px 0 0;z-index:999}.welcome-container .login-container .login-otp.show-otp{display:flex}.welcome-container .login-container .login-otp .otp-header{width:100%;margin:0 0 50px}.welcome-container .login-container .login-otp button.close-otp{margin:0 0 50px;padding:7px 25px;border:1px solid #b9c5d4;background:none;border-radius:150px;cursor:pointer}.welcome-container .login-container .login-otp button.close-otp img{transform:rotate(180deg)}.welcome-container .login-container .login-otp .otp-header .title{text-align:center;font-size:15px;letter-spacing:.35px}.welcome-container .login-container .login-otp .otp-header .title span.big{display:block;margin:0 0 2px;font-family:var(--happ-font);font-size:25px;font-weight:500;line-height:.8}.welcome-container .login-container .login-otp .otp-header .title span.small{font-size:14px}.welcome-container .login-container .otp-form{width:100%;text-align:center;font-size:17px;letter-spacing:.35px;margin:30px 0 0}.welcome-container .login-container .otp-form .header .title span.text b{font-weight:600}.welcome-container .login-container .otp-form span.phone{display:block;margin:3px 0 15px;font-size:14px;letter-spacing:3px}.welcome-container .login-container .otp-form .otp-input{margin:0 0 20px}.welcome-container .login-container .otp-form .otp-input input{width:100%;padding:15px 20px;background:#F4F4F9;border:0;border-radius:150px;letter-spacing:15px;color:#221530;text-align:center;font-size:17px;outline:none}.welcome-container .login-container .otp-form .otp-input input::placeholder{letter-spacing:1px;font-size:14px}.welcome-container .login-container .otp-form .resend-otp{margin:0 0 20px;font-size:14px;color:#221530}.welcome-container .login-container .otp-form .resend-otp button{padding:0;border:0;background:none;font-weight:600;color:#221530;text-decoration:underline;font-size:14px;cursor:pointer}.welcome-container .login-error{text-align:center;color:#EF4444;font-size:14px;margin:10px 0 0}.login-footer .top{margin:20px 0;padding:20px;background:#F7F7FC;border-radius:5px}.login-footer .top .content-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px}.login-footer .top .text-side{flex:1;text-align:left}.login-footer .top .text-side .title{font-weight:600}.login-footer .top .desc{max-width:250px;margin:0 0 6px;font-size:13px;line-height:1.2}.login-footer .top .img-side img{max-height:80px;width:auto}.login-footer .top a{text-decoration:underline;font-size:14px}.login-footer .bottom .all-rights{display:flex;align-items:center;justify-content:space-between;font-size:12px}.login-footer .bottom .all-rights .terms a{text-decoration:underline;margin:0 0 0 10px}:root{--happ-font:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--happ-text:#20142D}