.form-box{gap:16px;width:100%;padding:24px 16px}.form-box .input-wrapper{gap:4px}.form-box .input-wrapper label{color:#121212;font-size:14px;font-weight:400}.form-box .input-wrapper input{background:#fff;border:1px solid rgba(18,18,18,.12);border-radius:4px;padding:10px 14px;font-size:14px;font-weight:400}.form-box .input-wrapper input::placeholder{color:rgba(18,18,18,.12);font-size:14px;font-weight:400}.login-wrapper{background:#f6f6f6;height:100vh;overflow-y:scroll}.login-wrapper .logo-wrapper{margin:18px 0 10px;padding:20px 0}.login-wrapper .welcome-txt{color:#000;text-align:center;font-size:24px;font-weight:600}.login-wrapper .login-banner{width:100%;height:320px;position:relative}.login-wrapper .login-banner img{border-bottom-right-radius:16px;border-bottom-left-radius:16px}.form-box-wrapper{width:100%;margin-top:12px}.form-box-wrapper .otp-button{background:#007dfa;border-radius:30px;gap:8px;width:225px;padding:8px}.form-box-wrapper .otp-button.success{background:#43a047}.form-box-wrapper .otp-button.failed{background:#e1473d}.form-box-wrapper .banner-wrapper{background:#d9d9d9;height:236px;margin-bottom:40px;padding:0 16px;position:relative}.form-box-wrapper .back{gap:10px;padding:16px;font-size:24px;font-weight:600}.form-box-wrapper .resend-wrapper{text-align:center;margin-top:16px}.form-box-wrapper .resend-button{color:#0070f3;cursor:pointer;background:0 0;border:none;margin-top:4px;padding:0;font-size:16px;font-weight:500}.form-box-wrapper .resend-timer{color:#888;margin-top:4px;font-size:15px}.form-box-wrapper .otp-input-wrapper{justify-content:center;gap:10px;margin-top:24px;margin-bottom:16px;display:flex}.form-box-wrapper .otp-input-wrapper.filled input{border-color:#000}.form-box-wrapper .otp-input-wrapper.loading input{border-color:#007dfa}.form-box-wrapper .otp-input-wrapper.success input{border-color:#43a047}.form-box-wrapper .otp-input-wrapper.failed input{border-color:#e1473d}.form-box-wrapper .otp-box{text-align:center;border:2px solid #ccc;border-radius:8px;outline:none;width:48px;height:48px;font-size:18px;transition:border .3s}.form-box-wrapper .otp-box:focus{border-color:#0070f3}.form-box-wrapper .otp-txt{margin-top:32px}.form-box-wrapper .otp-txt span{opacity:.72;font-size:20px;font-weight:400}.form-box-wrapper .otp-txt p{font-size:20px;font-weight:600}.profile-wrapper{padding:16px}.profile-wrapper .welcome-wrapper{gap:44px;margin-top:50px}.profile-wrapper .welcome-wrapper .welcome-txt,.profile-wrapper .title{font-size:24px;font-weight:600}.profile-wrapper .form-box{gap:24px!important}.profile-button{width:100%;bottom:10px;left:0}.profile-button .cancel-button{color:#007afe;background:#fff;border:1px solid #007afe;border-radius:4px;box-shadow:0 1px 2px rgba(16,24,40,.05)}.profile-button button{width:100%}.accout-form{margin-top:70px}.accounts-wrapper{background:#f5f5f5;gap:12px;margin-top:70px;padding:10px 16px}.accounts-wrapper .profile-details{background:#3a93f4;border-radius:12px;gap:16px;padding:10px;position:relative}.accounts-wrapper .profile-details .edit-icon{position:absolute;bottom:10px;right:10px}.accounts-wrapper .profile-details .profile-name{gap:8px}.accounts-wrapper .profile-details .profile-name .name{color:#fff;font-size:20px;font-weight:600}.accounts-wrapper .profile-details .profile-name .mobile{color:#fff;font-size:14px;font-weight:400}.accounts-wrapper .profile-details .logo{color:#007dfa;background:#fff;border-radius:64px;place-content:center;width:64px;height:64px;font-size:64px;font-weight:700;display:grid}.accounts-wrapper .help-wrapper{background:#fff;border:1px solid rgba(18,18,18,.12);border-radius:12px;gap:4px;padding:16px 16px 0}.accounts-wrapper .help-wrapper .title{font-size:16px;font-weight:600}.accounts-wrapper .help-wrapper .help-item.logout .image{background:rgba(225,71,61,.08)}.accounts-wrapper .help-wrapper .help-item{border-bottom:1px solid rgba(18,18,18,.12);padding:16px 0}.accounts-wrapper .help-wrapper .help-item .image-txt{gap:10px}.accounts-wrapper .help-wrapper .help-item .image-txt p{font-size:14px;font-weight:400}.accounts-wrapper .help-wrapper .help-item .image{background:rgba(18,18,18,.06);border-radius:20px;place-content:center;width:32px;height:32px;display:grid}.delete-wrapper{cursor:pointer;background:#fff;border:1px solid rgba(18,18,18,.12);border-radius:4px;gap:10px;padding:12px 10px}.delete-wrapper p{color:#e1473d;font-size:14px;font-weight:400}.delete-wrapper .img{background:rgba(225,71,61,.08);border-radius:20px;place-content:center;width:32px;height:32px;display:grid}input,input[type=text],input[type=tel]{font-size:16px!important}