.carousel-wrapper{width:100%;padding:16px}.carousel-wrapper .carousel-slider{padding-bottom:50px}.carousel-wrapper .slide-img{width:166px;height:166px;position:relative}.carousel-wrapper .image-slide{gap:12px}.carousel-wrapper .image-slide .slide-background-wrapper{width:186px;height:186px;position:relative}.carousel-wrapper .image-slide .title{color:#fff;font-size:20px;font-weight:700}.carousel-wrapper .des{color:#fff;text-align:center;font-size:14px;font-weight:400}.mpin-banner{width:100%;height:60vh}.mpin-banner .mpin-background-wrapper{width:250px;height:250px;position:relative}.mpin-banner .mpin-background-wrapper .mpin-img{width:247px;height:166px;position:relative}.mpin-banner .mpin-background-wrapper .mpin-img img{object-fit:cover}.create-mpin-banner{background-color:#fff;height:100vh;padding:20px}.create-mpin-banner .title{font-size:24px;font-weight:600}.create-mpin-banner .img-txt-wrapper{gap:24px}.create-mpin-banner .img-txt-wrapper .txt{font-size:20px;font-weight:600}.create-mpin-banner .img-txt-wrapper .des{opacity:.6;text-align:center;font-size:16px;font-weight:400}.login-wrapper{background:#007afe;height:100vh;position:relative;overflow-y:scroll}.login-wrapper .logo-wrapper{z-index:9;width:100%;padding:16px;position:absolute;top:0;left:0}.login-wrapper .all-stars{z-index:9;width:100%;position:absolute;top:30%;left:0}.login-wrapper .login-bottom-bar{z-index:9;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;width:100%;position:absolute;bottom:0;left:0}.login-wrapper .login-bottom-bar .mobile-txt{text-align:center;font-size:14px;font-style:normal;font-weight:400}.login-wrapper .login-bottom-bar .terms-txt{gap:8px}.login-wrapper .login-bottom-bar .terms-txt p{color:#007dfa;text-align:center;font-size:14px;font-weight:500;text-decoration:underline}.login-wrapper .login-bottom-bar .version-txt{opacity:.6;text-align:center;font-size:12px;font-weight:400}.login-wrapper .login-bottom-bar .input-wrapper label{color:#fff!important}.login-wrapper .login-bottom-bar .welcome-txt{color:#fff;text-align:center;font-size:24px;font-weight:600}.login-wrapper .login-banner{z-index:1;width:100%;height:100vh;position:absolute;top:0;left:0}.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 .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 .form-box{gap:24px!important}.account-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}.login-page{background-color:#fff;flex-direction:column;min-height:100vh;display:flex}.login-pg-container{flex-direction:column;flex:1;display:flex}.login-pg-container .banner-box{width:100%;height:269px;position:relative}.login-pg-container .banner-box img{object-fit:contain}.login-pg-container .profile-title{text-align:center;font-size:20px;font-weight:600}.login-pg-container .login-bottom-bar{flex-direction:column;flex:1;display:flex}.referral-drawer-content{text-align:center;padding:8px 16px 32px}.referral-drawer-content .puller{background-color:rgba(18,18,18,.12);border-radius:2px;width:48px;height:4px;margin:0 auto 24px}.referral-drawer-content .gift-icon{margin-bottom:24px}.referral-drawer-content .title{color:#121212;margin-bottom:8px;font-size:20px;font-weight:600}.referral-drawer-content .des{color:rgba(18,18,18,.6);margin-bottom:24px;padding:0 20px;font-size:14px;line-height:1.5}.referral-drawer-content .skip-btn{color:rgba(18,18,18,.6);cursor:pointer;background:0 0;border:none;margin-top:24px;font-size:16px;font-weight:500}.permission-screen{flex-direction:column;flex:1;padding:16px 16px 32px;display:flex}.permission-screen .permission-title{color:#121212;margin-bottom:8px;font-size:24px;font-weight:600}.permission-screen .permission-des{color:rgba(18,18,18,.5);margin-bottom:24px;font-size:16px;font-weight:400}.permission-screen .permission-list .permission-item{border-bottom:1px solid rgba(18,18,18,.16);padding:24px 0}.permission-screen .permission-list .permission-item:last-child{border-bottom:none}.permission-screen .permission-list .permission-item .text-box .item-title{color:#121212;margin-bottom:4px;font-size:16px;font-weight:600}.permission-screen .permission-list .permission-item .text-box .item-des{color:rgba(18,18,18,.5);font-size:14px;font-weight:400}.permission-screen .btns-wrapper{gap:16px;margin-top:auto;padding-top:40px}.permission-screen .btns-wrapper .back-btn{color:#007dfa;cursor:pointer;background:0 0;border:none;padding:10px 24px;font-size:16px;font-weight:600}.permission-screen .btns-wrapper .proceed-btn{flex:1}
