.vue-pincode-input-wrapper{gap:8px}.vue-pincode-input-wrapper .vue-pincode-input{aspect-ratio:1;max-width:50px!important;margin:0!important;box-shadow:none!important;border:1px solid #adb5bd!important;border-radius:8px!important}.vue-pincode-input-wrapper .vue-pincode-input:focus{border:3px solid #657bea!important}.b-input-group>.input-group-append:empty{display:none!important}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}@font-face{font-family:Inter-Light;src:url(/assets/web/fonts/Inter_18pt-Light.1ae2e909.ttf);font-weight:400}@font-face{font-family:Inter;src:url(/assets/web/fonts/Inter_18pt-Regular.a1db7239.ttf);font-weight:400}@font-face{font-family:Inter-Medium;src:url(/assets/web/fonts/Inter_18pt-Medium.adc5e936.ttf)}@font-face{font-family:Inter-SemiBold;src:url(/assets/web/fonts/Inter_18pt-SemiBold.3558e004.ttf)}@font-face{font-family:Inter-Bold;src:url(/assets/web/fonts/Inter_18pt-Bold.658d907c.ttf)}.text-primary{color:#4e3c91!important}.text-10{font-size:10px!important;line-height:12px!important}.text-12{font-size:12px!important;line-height:16px!important}.text-14{font-size:14px!important}.text-14,.text-16{line-height:18px!important}.text-16{font-size:16px!important}.text-18{font-size:18px!important}.text-18,.text-20{line-height:22px!important}.text-20{font-size:20px!important}.text-22{font-size:22px!important;line-height:24px!important}.text-32{font-size:32px!important;line-height:48px!important}.text-48{font-size:48px!important}.font-weight-500{font-weight:500;font-family:Inter-Medium}.font-weight-600{font-weight:600}.font-weight-700{font-weight:700;font-family:Inter-SemiBold}.font-weight-900{font-weight:900}.font-weight-900,h5{font-family:Inter-Bold}h5{font-weight:700;font-size:18px;line-height:24px}.btn-secondary{background:transparent;border:none;color:#4e3c91}.btn-secondary:focus,.btn-secondary:hover{background-color:#f6f4ff!important;border:none!important;color:#252b37}.btn-outline-secondary{border:1px solid #e6e6e6;color:#252b37;border-radius:8px}.btn-outline-secondary:focus,.btn-outline-secondary:hover{background-color:#f6f4ff!important;color:#252b37}.btn-primary:hover{background-color:#4e3c91!important}.btn-outline-secondary2{border:1px solid #717680;background:#fff;border-radius:8px;box-shadow:0 1px 2px 0 #1018280d;padding:8px 12px;color:#717680}.btn-outline-update{border:1px solid #806ec2;background:#4e3c93;border-radius:8px;box-shadow:0 1px 2px 0 #1018280d;padding:8px 12px!important;color:#fff!important}body{font-family:Inter;background-color:#f9f8fa}.loading{z-index:9999;position:fixed;height:100%;width:100%;background-color:#00000060;display:flex;justify-content:center;align-items:center}.loading .loading-box{position:relative;border-radius:24px;background-color:#fff;height:100%;width:100%;max-width:10rem;max-height:10rem}.loading .loading-box .loading-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-button{max-width:48px;width:80%;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-size:cover;background-position:50%}.icon-button img{height:100%;width:100%;padding:15%}.icon-button:before{content:"";padding-bottom:100%}.main-content{max-width:1140px;min-height:100vh;margin:auto;padding:20px;position:relative;display:flex;flex-direction:column;padding-bottom:10vh}.header-content{max-width:1140px;margin:auto;padding:30px 30px 20px 30px;background-color:#fff;border-bottom-left-radius:40px;border-bottom-right-radius:40px;box-shadow:0 10px 18px -6px #0a0d120a}.login-bg{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:column}.login-bg .bg1{text-align:right;height:100px;width:auto!important}.login-bg .bg2{text-align:left}.login-bg .bg3{text-align:right;padding-bottom:30%}.rankBg-0{background:#9c9c9c!important}.rankBg-1,.rankBg-2{background:#6b5cd0!important}.rankBg-3{background:#ee5774!important}.rankBg-4{background:#1f82e9!important}.rankBg-5{background:#da9231!important}.rankBg-6{background:#4b3e8d!important}.rankPackageBg-0{background:#9c9c9c!important}.member-card{background:linear-gradient(180deg,#f1e7ff,#e4d4ff);border:4px solid #fff!important;border-radius:14px;padding:10px 8px 10px 12px}.member-card .rank-card{box-shadow:0 1px 4px 0 #0a0d120d;color:#fdfdfd;padding:4px 10px;border-radius:6px;display:inline-block;text-align:center}.member-card .user-title{line-height:24px;color:#1f1f1f}.member-card .sponsor-title{font-weight:400;font-style:Regular;font-size:14px;line-height:20px;color:#575757}.member-card span{font-weight:600;font-style:SemiBold;font-size:14px;line-height:20px;color:#575757}.rank-0{background:linear-gradient(180deg,#fdfdfd,#f1f1f1)}.rank-1{background:linear-gradient(180deg,#f0f2ff,#e5eaff)}.rank-2{background:linear-gradient(180deg,#fbefff,#f2e7ff)}.rank-3{background:linear-gradient(180deg,#fff2e0,#ffe9d0)}.rank-4{background:linear-gradient(180deg,#e3f6ff,#d6eeff)}.rank-5{background:linear-gradient(180deg,#fff9d5,#fff1aa)}.rank-6{background:linear-gradient(180deg,#f1e7ff,#e4d4ff)}.w-label{color:#fdfdfd}.actions-text{font-weight:600;font-style:SemiBold;font-size:10px;line-height:18px;text-align:center;color:#fdfdfd}.wallet-card{border:2px solid #fff;border-radius:12px;border-width:2px;opacity:1;padding:14px 10px 10px 14px!important}.wallet-card .w-label{font-weight:600;font-style:SemiBold;font-size:14px;line-height:20px;color:#fdfdfd}.dialog-title{margin-top:24px;margin-bottom:8px;font-size:24px;font-weight:700;font-family:Inter-Bold;line-height:36px;text-align:center;background:#4e3c91;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.profile-card{border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 10px 18px -6px #0a0d120a}.profile-card .profile-content{padding:17px 16px;display:flex;justify-content:space-between;align-items:center}.profile-card .profile-content:not(:last-child){border-bottom:1px solid #e6e4e4}.upload-box{position:relative;width:100%;background:#f9f8fa;border:1px solid #e6e6e6;border-radius:12px;border-width:1px;padding-top:24px;padding-right:20px;padding-bottom:24px;padding-left:20px;border-style:dashed}.error-box{border:2px solid #dc9899;background:#faf6f7;border-radius:12px}.error-box,.info-box{box-shadow:0 10px 18px -6px #0a0d120a;display:flex;align-items:center;padding:6px 14px;font-size:14px;line-height:20px}.info-box{border:2px solid #9ab9da;background:#f5f6f8;border-radius:12px}.primary-box{border:2px solid #4e3c91;box-shadow:0 10px 18px -6px #0a0d120a;background:#f2f1f9;border-radius:12px;display:flex;align-items:center;padding:14px;font-size:16px;line-height:22px;color:#4e3c91}.footer_wrap{background-color:#fdfdfd;max-width:800px;margin:auto;padding:0 28px;box-shadow:0 0 8px 0 #0000001f;position:fixed;bottom:0;z-index:4;left:0;right:0;height:72px;border-top-left-radius:24px;border-top-right-radius:24px}.footer_wrap .box{height:32px;padding:7px 22px}.footer_wrap .footer-text{height:16px;margin-top:10px;white-space:nowrap}.footer_wrap .mall-icon{position:absolute;left:50%;transform:translateX(-50%);bottom:3px;z-index:5}.footer_wrap .mall-icon .mall-img{height:90px;margin-left:0}.footer_wrap .nav-item-hold{display:flex;flex-direction:column;justify-content:end;align-items:center}.footer_wrap .nav-item-hold .nav-icon{width:auto;transition:transform .3s}.footer_wrap .nav-item-hold .nav-icon.active{background-color:#502e91;border-radius:50%;padding:10px}.footer_wrap .nav-item-hold .nav-icon.inactive{transform:scale(.4);transition:transform .3s}.footer_wrap .nav-item-hold .nav-text{color:#545454;font-family:Inter;font-weight:600;font-style:SemiBold;font-size:12px;line-height:18px}.footer_wrap .nav-item-hold .nav-text.active{color:#4b3e8d}.footer_wrap .centering{position:absolute;height:100%;width:80%;top:-30px}.footer_wrap .centering img{border-radius:50%;border:4px solid #edf3f6}.membership{font-family:Inter;vertical-align:middle}.membership .member-header2,.membership .member-header3{color:#252b37}.membership .receipt-box{border-radius:8px;padding:8px 12px;border:1px solid #e6e6e6;background:#fff}.point3{background:linear-gradient(90deg,#5b48a8,#4b3e8e);border-radius:12px;border-width:2px;padding-top:14px;padding-right:16px;padding-bottom:14px;padding-left:16px;border:2px solid #fff;text-align:left}.point3 h4{color:#5ff6c7;font-size:22px;line-height:24px;margin-bottom:0}.point1{background:linear-gradient(90deg,#2d80c4,#2b6cb0);border-radius:12px;border-width:2px;padding-top:14px;padding-right:16px;padding-bottom:14px;padding-left:16px;border:2px solid #fff;text-align:left}.point1 h4{color:#67e9ff;font-size:22px;line-height:24px;margin-bottom:0}.point4{background:linear-gradient(90deg,#2f935d,#38a169);border-radius:12px;border-width:2px;padding-top:14px;padding-right:16px;padding-bottom:14px;padding-left:16px;border:2px solid #fff;text-align:left;color:#fff}.point4 h4{font-size:22px;line-height:24px;margin-bottom:0}.floating-tree{position:absolute;right:20px;top:76px;z-index:3}.member{display:flex;flex-direction:column;text-align:center;width:100%}.member .vertical-line{margin:auto;width:1px;height:30px;background-color:#b7c5d4}.member .hori-line{flex-grow:1;width:100%;height:1px;background-color:#b7c5d4}.member .btn{height:25px;width:40px;text-align:center;display:flex;justify-content:center;align-items:center}.member .user-box{height:auto;width:auto;margin:auto;padding:0 7px}.member .user-box .floating-add{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#fff}.member .user-box .floating-add .btn{position:relative;z-index:3}.member .user-box .rank{border-top-left-radius:12px;border-top-right-radius:12px;border:1px solid #dbdbdb;padding:6px 12px}.member .user-box .rank-box{border:1px solid #dbdbdb;padding:8px}.member .user-box .left{border-bottom-left-radius:12px}.member .user-box .right{border-bottom-right-radius:12px}.text-gray{color:#717680}.text-gray41{color:#414651}.border-rounded{border-radius:12px;border-width:2px;padding:14px;border:2px solid #e9eaeb;box-shadow:0 10px 18px -6px #0a0d120a}.border-rounded .text-gray{color:#717680}.border-rounded .bg{margin:-14px;margin-bottom:0;padding:14px;background:#f6f4ff;border:1px solid var(--Semantic-style-Stroke,#e9eaeb);color:#4e3c91}.package-radio{background:#fdfdfd;box-shadow:0 10px 18px -6px #0a0d120a;border:1px solid #d5d7da;border-radius:12px;border-width:1px;opacity:1;gap:20px;padding:8px 14px}.package-radio.selected{background-color:#4e3c91;color:#fff}.package-radio.selected .price{color:#00f7bc!important}.inactive-box{border:1px solid #fecdca;background:#fef3f2;color:#b42318;border-radius:16px}.active-box,.inactive-box{font-size:14px;padding:2px 10px;width:-moz-fit-content;width:fit-content;margin-left:auto}.active-box{border:1px solid #abefc6;background:#ecfdf3;color:#067647;border-radius:16px}.tree-node{font-size:14px;font-weight:600;font-family:Inter-SemiBold}.support-tab-line{position:fixed;top:75%;right:0;width:25px!important;height:63px;background-color:#4e3c91;border-top-left-radius:4px;border-bottom-left-radius:4px;cursor:pointer;z-index:20}.support-panel{margin-right:19px;position:fixed;top:75%;right:6px;z-index:19}.support-button{padding:6px 10px;background-color:#fff;border-top-left-radius:12px;border-bottom-left-radius:12px;box-shadow:0 2px 7px -2px #0a0d129e}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .3s ease}.slide-fade-enter,.slide-fade-leave-to{opacity:0;transform:translateX(100%)}.cs-text{color:#252b37;font-weight:700;font-size:16px;line-height:22px;text-align:center}.bg-bank{background:#f6f5f7;border:2px solid #a3c2e1!important;border-radius:12px}.bg-bank,.bg-received{box-shadow:0 10px 18px -6px #0a0d120a}.bg-received{border:2px solid #4e3c91!important;background:#f2f1f9;border-radius:12px!important}.username-display{width:70px;font-size:13px;word-wrap:break-word;overflow-wrap:break-word;text-align:center}.text-muted{color:#535862!important;font-family:Inter;font-weight:400;font-size:14px;line-height:20px!important;white-space:normal;word-break:break-word;text-align:left!important}.text-dangerHint{color:#fc595e}.btn-small{border-radius:8px!important;padding:10px 12px!important}.news-popover{background:#fff;max-width:none;width:340px;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.15)}.btn-gray-border{border:1px solid #717680;background:#fff;border-radius:8px;box-shadow:0 1px 2px 0 #1018280d}.card-pwd{padding:12px 14px!important;box-shadow:0 10px 18px -6px #0a0d120a}.card-kyc,.card-pwd{background:#fff;border-radius:12px}.card-kyc{padding:20px 14px!important;border:2px solid #f7f7f7}.text-transaction-date{color:#4e4b4b}.no-padding-modal{padding:0!important;background:transparent!important;border:none!important;max-width:unset!important}.modal-full-img{width:100%;height:auto;display:block}.logo-img{margin-bottom:5rem;max-width:100%;height:auto}@media (max-width:767.98px){.logo-img{height:90px;width:auto}}@media (min-width:768px){.logo-col{display:flex;align-items:center;justify-content:center}.logo-img{width:380px;height:auto}}@media (min-width:992px){.login-pc-bg{background-image:url(/assets/web/img/background.7f8f8396.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%}}.z-1,.z-4{z-index:4}.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-right:0!important}.input-group .input-group-prepend{padding-right:10px;align-items:center;border-bottom:1px solid #bcc2c7!important}.input-group .input-group-append{border-bottom:1px solid #bcc2c7!important;border-left:0!important;border-right:0!important}.label-text{font-size:14px;font-weight:500;line-height:20px;text-align:left;display:flex;justify-content:space-between;text-transform:capitalize;color:#717680;color:#414651}.label-text span{background:#717680;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:14px;font-weight:600;line-height:21px;text-align:right}#login.input-group .input-group-prepend,#search.input-group .input-group-prepend{border-top-left-radius:8px;border-bottom-left-radius:8px;font-size:16px;font-weight:400;line-height:24px;text-align:left;border:1px solid #b7c5d4;border-right:none;align-items:center;padding:0 16px;background-color:#fff}#login.input-group .input-group-append,#search.input-group .input-group-append{border-top-right-radius:8px;border-bottom-right-radius:8px;font-size:16px;font-weight:400;line-height:24px;text-align:left;border:1px solid #b7c5d4!important;border-left:none!important;align-items:center;padding:0 16px;background-color:#fff}#login.input-group .form-control,#search.input-group .form-control{border-radius:8px;border:1px solid #bcc2c7!important}#login.input-group .form-control:not(:first-child),#search.input-group .form-control:not(:first-child){border-left:none!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}#login.input-group .form-control:not(:last-child),#search.input-group .form-control:not(:last-child){border-right:none!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.form-control{padding:10px 10px;border-radius:0;border:none;border-bottom:1px solid #bcc2c7!important;height:auto;font-size:16px;font-weight:400;line-height:24px;text-align:left}.dropdown-toggle{background:transparent;border:none;margin:-11px -16px;padding:11px 16px!important;display:flex;justify-content:space-between;align-items:center;color:#4e3c91!important;font-size:16px!important}.dropdown-menu{width:100%;border-radius:8px;padding:0;max-height:40vh;overflow-y:scroll}.dropdown-menu .dropdown-item{padding:18px 15px;font-size:14px;font-weight:600;line-height:21px;text-align:left;color:#4e3c91}.show>.btn-secondary.dropdown-toggle{background-color:transparent;border-color:transparent}.form-control::-moz-placeholder{color:#717680}.form-control::placeholder{color:#717680}.btn-primary{border-radius:8px;background:#4e3c91;border:none}.btn-light.disabled,.btn-primary{padding:16px 22px;font-size:18px;font-weight:600;line-height:20px}.btn-light.disabled{border:1px solid #717680;border-radius:8px;background:#fff;color:#717680;font-family:Inter-SemiBold}.btn-primary.disabled{color:#414651;background:#fff;box-shadow:inset 0 0 0 1px #0a0d122e;box-shadow:inset 0 -2px 0 0 #0a0d120d;box-shadow:0 1px 2px 0 #1018280d}.btn-outline-primary{width:100%;padding:10px 0;border-radius:8px;border:2px solid #4e3c91;background:#4e3c91;color:#4e3c91;font-size:16px;font-weight:600;line-height:24px;margin-top:24px}.btn-secondary{padding-top:8px;padding-right:14px;padding-bottom:8px;padding-left:14px;border-radius:4px;font-weight:600;font-size:14px;vertical-align:middle;color:#fff}#modal-news .modal-content{height:80vh;overflow-y:scroll}#modal-news .owl-theme .owl-nav.disabled+.owl-dots{margin-bottom:30px}#modal-news img{border-radius:16px}#modal-news .content{overflow-y:scroll}#modal-news .checkbox1{background-color:#fff;padding:12px 0;left:0;bottom:0;width:100%;border-radius:8px}.modal .close{border:1px solid #e6e6e6;border-radius:8px;height:36px;width:36px;padding:8px;display:flex;align-items:center;justify-content:center;color:#000;box-shadow:0 1px 2px 0 #1018280d;margin:0}.modal .modal-title{font-family:Inter-Bold;font-weight:700;font-size:22px;line-height:22px;color:#4e3c91}.modal .modal-header{border-bottom:none!important;align-items:center!important}.modal .modal-content{border-radius:8px}.modal .modal-body{padding:0 15px 15px 15px}.modal .info-text{font-size:16px;font-weight:600;line-height:24px;text-align:right;color:#4e3c91}.row.gutters-sm{margin-left:-6px;margin-right:-6px}.row.gutters-sm [class^=col-]{padding-left:6px;padding-right:6px}#collapse-1{margin-top:24px;border-radius:16px}#collapse-1 .card-body{padding:20px;gap:16px;font-size:16px;font-weight:600;line-height:24px;color:#4e3c91}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4e3c91!important}.owl-theme .owl-dots .owl-dot span{background:#c5cfff!important}.w-20{width:20%}.card{border-radius:8px;box-shadow:0 2px 16px 0 #1a1a1a0f;border:none}.card .card-title{font-family:Inter-Bold;font-weight:700;font-size:22px;line-height:22px;text-align:left}.card .card-body{padding:14px}.nav.nav-tabs{font-size:14px;font-weight:500;line-height:24px;text-align:center;border:none!important;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;margin-bottom:20px}.nav.nav-tabs .nav-link{white-space:nowrap;border:1px solid #d5d7da;box-shadow:0 1px 4px 0 #0a0d120d;background:#fff;padding:6px;border-radius:6px;margin-right:16px;margin-bottom:0;color:#4e3c91}.nav.nav-tabs .nav-link.active{font-weight:700;background:#4e3c91!important;color:#fff}.nav.nav-tabs .nav-link.active .dot{margin:auto;width:100%;height:3px;border-radius:100px;background:#4e3c91}.form-group{margin-bottom:0}.nav-link{text-transform:capitalize}.btn-outline-primary.disabled,.btn-outline-primary:disabled{background:hsla(0,0%,50%,.417)!important}.label-text-right{position:absolute;right:0;top:0;font-size:14px}.top-0{top:0!important}.right-0{right:0!important}.text-black{color:#000!important}.b-sidebar{width:450px}.bg-title{gap:16px;background:#f9f8fa;padding:16px 24px}.bg-title span{font-weight:600;font-size:14px;line-height:100%;letter-spacing:0;color:#717680}.bg-content{padding:16px 24px}.table-record{width:100%;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}td,th{padding-top:16px;padding-right:24px;padding-bottom:16px;padding-left:24px}td{border-bottom:1px solid #bcc2c7;font-weight:600;font-size:14px;line-height:100%;letter-spacing:0;color:#27272a}.pagination{justify-content:center}.pagination .page-item .page-link{border-radius:50%!important;height:36px;width:36px;display:flex;justify-content:center;align-items:center;margin:6px}.pagination .page-item.active .page-link{border-color:#4e3c91!important;background-color:#4e3c91!important}.cursor-pointer{cursor:pointer}.tab-content{height:100%}.tab-content .tab-pane{height:100%;display:flex;flex-direction:column}.opacity-50{opacity:.5}.opactiy-0{opacity:0}.bg-gradient{background:linear-gradient(170deg,#5b48a8,#4b3e8e)}#wallet-card .card-body{padding:0}.custom-control-input:checked~.custom-control-label:before{border-color:#4e3c91;background:linear-gradient(170deg,#5b48a8,#4b3e8e)}.nav.nav-tabs .nav-link{font-weight:700;padding:8px 12px!important;font-size:14px;line-height:18px;color:#414651}.no-toast-header .b-toast-header{display:none!important}.toast-body{padding:6px 14px!important;color:#1f1f1f!important;font-weight:700!important;font-size:14px!important;line-height:20px!important}.b-toaster-top-center{margin-top:70px!important;z-index:1055}