body{background-color:#fcfffc;font-family:Poppins;font-size:18px}:invalid{color:red;outline:none}.font-prime,.font-second{font-family:Poppins}a{text-decoration:none}li{list-style:none}.rotate90{transform:rotate(90deg)}.cursor-pointer{cursor:pointer}button{border:none}.midBox{justify-content:center;align-items:center;display:flex}.betBox{justify-content:space-between;align-items:center;display:flex}.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{font-family:Poppins;font-weight:500}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#e8e6f0;border-radius:8px;height:10px;min-height:10px}::-webkit-scrollbar-thumb:hover{background-color:#e8e6f0}.mainAdminGrid{grid-template-columns:250px auto;grid-template-areas:"sideBar admin""sideBar admin";transition:all .4s;display:grid}.mainAdminGrid.webAdminGrid{grid-template-columns:110px auto}@media screen and (max-width:992px){.mainAdminGrid{grid-template-columns:0 auto}.mainAdminGrid.webAdminGrid{grid-template-columns:70px auto}}@media screen and (max-width:768px){.mainAdminGrid.webAdminGrid{grid-template-columns:60px auto}}.mainAdminGrid .mainSidebar{grid-area:sideBar}.mainAdminGrid .mainAdmin{grid-area:admin}.emailSubmit{width:100%;max-width:380px;margin:auto;position:relative}.emailSubmit .webEmail{border:#0000;border-radius:5px;width:100%;max-width:380px;height:55px;margin-bottom:10px;padding:0 15px;font-family:Poppins;font-size:16px;font-weight:600}.emailSubmit .webEmail:focus{outline:none}.emailSubmit .mk-btn{cursor:pointer;background-color:#f1f1f1;border:#0000;width:80px;padding:10px;font-weight:500;position:absolute;top:4px;right:4px}.dark-btn{color:#fff;cursor:pointer;background-color:#000;padding:10px 20px;display:inline-block}.mk-active{color:#fff;background-color:#000;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.mainLoader{z-index:6;background-color:#0000003d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.mainLoader .lds-ripple{width:80px;height:80px;display:inline-block;position:relative}.mainLoader .lds-ripple div{opacity:1;border:4px solid #fff;border-radius:50%;animation:1s cubic-bezier(0,.2,.8,1) infinite lds-ripple;position:absolute}.mainLoader .lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{opacity:0;width:0;height:0;top:36px;left:36px}4.9%{opacity:0;width:0;height:0;top:36px;left:36px}5%{opacity:1;width:0;height:0;top:36px;left:36px}to{opacity:0;width:72px;height:72px;top:0;left:0}}.inputData{font-size:20px;text-align:start!important;font-family:Poppins!important;position:relative!important}.inputData .errorMessage{color:red;margin-top:5px;font-size:16px}@media screen and (max-width:768px){.inputData .errorMessage{font-size:14px}}@media screen and (max-width:576px){.inputData .errorMessage{font-size:12px}}.inputData input:invalid~.errorMessage{color:red;display:block}.inputData label{-webkit-user-select:none;user-select:none;cursor:pointer;color:#3c3c3c;font-size:14px;font-weight:400}@media screen and (max-width:576px){.inputData label{font-size:12px}}@media screen and (max-width:992px){.inputData{font-size:16px}}.inputData .multiImage{max-height:200px;overflow:auto}.inputData .multiImage>div[data-index=index]{width:100px;height:100px;margin:20px 20px 20px 0;position:relative}.inputData .multiImage>div[data-index=index]>div[data-remove=remove]{color:#fff;background-color:#1c2b2083;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-6px;right:-6px}.inputData .multiImage>div[data-index=index] img[data-class=showImage]{margin-top:0}.inputData img[data-class=showImage]{margin:20px 20px 20px 0;width:100px!important;height:100px!important}.inputData .selectMain{width:100%;font-family:Poppins;display:inline;position:relative}.inputData .selectMain .selectBox{appearance:none;text-align:start;background-color:#0000;border:1px solid #9f5aff;border-radius:5px;width:100%;height:auto;font-size:18px}.inputData .selectMain .selectBox .showSelectValue p{display:block}.inputData .selectMain .selectBox .showSelectValue input{display:none}@media screen and (max-width:768px){.inputData .selectMain .selectBox{padding:5px;font-size:12px}}.inputData .selectMain .selectBox:after{display:none}.inputData .selectMain .selectBox:focus{outline:none}.inputData .selectMain ul{background-color:#fff;margin:0;position:absolute;top:calc(100% - 25px);box-shadow:0 0 12px #0f223a1f}.inputData .selectMain ul.topSide{top:auto;bottom:100%}.inputData .selectMain ul.bottomSide{top:70%;bottom:auto}.inputData .selectMain ul li{cursor:pointer;padding:3px 18px;font-size:16px}.inputData .selectMain ul li:first-child{display:none}.inputData .selectMain ul li:hover{color:#fff;background-color:#9f5aff}@media screen and (max-width:768px){.inputData .selectMain ul li{font-size:14px}}.inputData .multiSelectionDisplay{background-color:#d8d8d8;align-items:center;margin:5px;padding:4px 12px;display:inline-flex}.inputData.inputSelect .selectMain{width:100%;margin-top:10px;display:block}@media screen and (max-width:576px){.inputData.inputSelect .selectMain{margin-top:3px}}.inputData.inputSelect .selectMain .selectBox{background-color:#f3f3f3;border:none;padding:7px 10px 7px 20px}.inputData.inputSelect .selectMain .selectBox input:focus{outline:none}.inputData.inputSelect .selectMain .selectBox .showSelectValue input{display:block}@media screen and (max-width:992px){.inputData.inputSelect .selectMain .selectBox{padding:10px 12px 10px 20px;font-size:16px;font-weight:400}}@media screen and (max-width:576px){.inputData.inputSelect .selectMain .selectBox{padding:10px 10px 10px 20px;font-size:12px}}.inputData.inputSelect .selectMain ul{z-index:10;width:100%;max-height:220px;overflow:auto}@media screen and (max-width:992px){.inputData.inputSelect .selectMain ul{max-height:135px}}.inputData.inputSelect .selectMain ul li{padding:5px 18px;font-size:18px}.inputData.inputSelect .selectMain ul li:first-child{display:block}@media screen and (max-width:992px){.inputData.inputSelect .selectMain ul li{font-size:14px}}@media screen and (max-width:576px){.inputData.inputSelect .selectMain ul li{font-size:12px}}.inputData textarea{background-color:#faf9fe;border:1px solid #b1b1b1;border-radius:5px;width:100%;margin-top:10px;padding:10px;font-size:16px}.inputData textarea:focus{outline-width:1px;outline-color:#1c2b2083}.inputData textarea::placeholder{color:#b1b1b1;font-size:18px}@media screen and (max-width:992px){.inputData textarea::placeholder{font-size:16px}}.inputData input{text-transform:capitalize;background-color:#f5f3ff;border-radius:8px;width:100%;height:40px;padding:0 10px;font-size:13px;font-weight:400;box-shadow:0 0 1px #0003;color:#000!important}.inputData input:focus{outline-width:1px;outline-color:#1c2b2083}.inputData input::placeholder{color:#838383;font-size:14px}@media screen and (max-width:992px){.inputData input::placeholder{font-size:16px}}@media screen and (max-width:576px){.inputData input{height:38px;margin-top:2px;padding:0 15px;font-size:12px}.inputData input::placeholder{font-size:12px}}.inputData input[type=search]::-webkit-search-results-decoration{font-size:16px}.inputData input[type=search]::-webkit-search-decoration{font-size:16px}.inputData input[type=search]::-webkit-search-cancel-button{font-size:16px}.inputData input[type=search]::-webkit-search-results-button{font-size:16px}.inputData input[type=search]{border:1px solid #8f6dff24;border-radius:6px 0 0 6px!important}@media screen and (max-width:576px){.inputData input[type=search]{height:30px;font-size:12px}.inputData input[type=search]::placeholder{font-size:12px}}.inputData input[type=search]:focus{outline:none}.inputData input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inputData input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inputData input[type=radio],.inputData input[type=checkbox]{accent-color:#1c2b2083;cursor:pointer;margin:0;position:relative;width:18px!important;height:18px!important}@media screen and (max-width:992px){.inputData input[type=radio],.inputData input[type=checkbox]{width:16px!important;height:16px!important}}@media screen and (max-width:768px){.inputData input[type=radio],.inputData input[type=checkbox]{width:14px!important;height:14px!important}}.inputData input[type=radio].error-radio:before,.inputData input[type=checkbox].error-radio:before{border:1px solid red;border-radius:50%}.inputData input[type=radio].error-checkbox:before,.inputData input[type=checkbox].error-checkbox:before{border:1px solid red;border-radius:2px}.inputData input[type=radio]:before,.inputData input[type=checkbox]:before{content:"";width:18px;height:18px;position:absolute;top:0;left:0}@media screen and (max-width:992px){.inputData input[type=radio]:before,.inputData input[type=checkbox]:before{width:16px!important;height:16px!important}}@media screen and (max-width:768px){.inputData input[type=radio]:before,.inputData input[type=checkbox]:before{width:14px!important;height:14px!important}}.inputData input[type=file]{white-space:nowrap;text-overflow:ellipsis;padding:0;display:inline-block;overflow:hidden!important}@media screen and (max-width:768px){.inputData input[type=file]{font-size:14px}}@media screen and (max-width:576px){.inputData input[type=file]{font-size:10px}}.inputData input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:#1c2b2083;border:none;height:47px;margin-right:15px;padding:0 10px 8px;transition:background .2s ease-in-out}@media screen and (max-width:768px){.inputData input[type=file]::file-selector-button{width:100px;padding:8px;font-size:14px}}@media screen and (max-width:576px){.inputData input[type=file]::file-selector-button{width:80px;height:37px;padding:8px;font-size:12px}}.inputData .imageBoxMain{align-items:start;margin-top:15px;display:flex}.inputData .imageBoxMain .boxImage{border:3px solid #1c2b2083;border-radius:10px;align-items:center;width:100px;min-width:100px;height:100px;min-height:100px;margin-bottom:20px;margin-right:15px;display:flex;position:relative}@media screen and (max-width:992px){.inputData .imageBoxMain .boxImage{width:70px;min-width:70px;height:70px;min-height:70px;margin-bottom:15px;margin-right:15px}}@media screen and (max-width:576px){.inputData .imageBoxMain .boxImage{width:50px;min-width:50px;height:50px;min-height:50px;margin-bottom:10px;margin-right:10px}}@media screen and (max-width:450px){.inputData .imageBoxMain .boxImage{margin-bottom:5px;margin-right:5px}}.inputData .imageBoxMain .boxImage:before{justify-content:center;align-items:center;width:100vh;height:100%;font-size:50px;font-weight:300;display:flex}@media screen and (max-width:768px){.inputData .imageBoxMain .boxImage:before{font-size:40px}}@media screen and (max-width:576px){.inputData .imageBoxMain .boxImage:before{font-size:30px}}.inputData .imageBoxMain .boxImage input{opacity:0;margin-top:0;position:absolute;transform:scale(2)}.inputData .imageBoxMain .multiImage{max-width:unset;overflow:unset}.inputData .imageBoxMain .multiImage div[data-index=index]{margin-top:0}@media screen and (max-width:992px){.inputData .imageBoxMain .multiImage div[data-index=index]{width:70px;min-width:70px;height:70px;min-height:70px;margin-bottom:15px;margin-right:15px}}@media screen and (max-width:576px){.inputData .imageBoxMain .multiImage div[data-index=index]{width:50px;min-width:50px;height:50px;min-height:50px;margin-bottom:10px;margin-right:10px}}@media screen and (max-width:450px){.inputData .imageBoxMain .multiImage div[data-index=index]{margin-bottom:5px;margin-right:5px}}.inputData .imageBoxMain .multiImage div[data-index=index] img[data-class=showImage]{border:3px solid #1c2b2083;border-radius:10px}@media screen and (max-width:992px){.inputData .imageBoxMain .multiImage div[data-index=index] img[data-class=showImage]{width:70px;min-width:70px;height:70px;min-height:70px;margin-bottom:15px;margin-right:15px}}@media screen and (max-width:576px){.inputData .imageBoxMain .multiImage div[data-index=index] img[data-class=showImage]{width:50px;min-width:50px;height:50px;min-height:50px;margin-bottom:10px;margin-right:10px}}@media screen and (max-width:450px){.inputData .imageBoxMain .multiImage div[data-index=index] img[data-class=showImage]{margin-bottom:5px;margin-right:5px}}.inputData .passHideShow,.inputData .searching,.inputData .activeIcon{cursor:pointer;position:absolute;top:51%;right:14px;transform:translateY(-30%)}.inputData.radio,.inputData.checkbox{align-items:center;display:flex}.inputData.radio label,.inputData.checkbox label{cursor:pointer;color:#000;margin-bottom:0;margin-right:10px}.mk-btn{color:#fff;background-color:#1c2b2083;border-color:#0000;padding:10px 0}.mainLoginPage{background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mainLoginPage .loginDiv .loginPage{background-color:#fff;border-radius:30px;padding:70px 35px;box-shadow:0 0 20px #171e276e;width:30%!important}@media screen and (max-width:992px){.mainLoginPage .loginDiv .loginPage{padding:40px 25px;width:60%!important}}@media screen and (max-width:768px){.mainLoginPage .loginDiv .loginPage{padding:40px 25px;width:45%!important}}@media screen and (max-width:576px){.mainLoginPage .loginDiv .loginPage{padding:30px 20px;width:90%!important}}.mainLoginPage .loginDiv .loginPage .welComeTitle{font-size:20px}@media screen and (max-width:768px){.mainLoginPage .loginDiv .loginPage .welComeTitle{font-size:17px}}.mainLoginPage .loginDiv .loginPage .title{font-size:20px}@media screen and (max-width:768px){.mainLoginPage .loginDiv .loginPage .title{font-size:17px}}.mainLoginPage *{z-index:2;position:relative}tbody,td,tfoot,th,thead,tr{border-color:#d8d8d880;border-bottom-width:1px;padding:12px;font-size:14px}@media screen and (max-width:768px){tbody,td,tfoot,th,thead,tr{font-size:12px}}thead{color:#fff!important}tbody td{text-align:center!important}tbody td:first-child{text-align:center;width:70px}thead th:first-child>div{justify-content:center}.subTable tbody,.subTable td,.subTable tfoot,.subTable th,.subTable thead,.subTable tr{border-color:#0000;padding:5px}.subTable th,.subTable thead{border-color:#b1b1b1;border-top-width:1px;position:sticky;top:0;background-color:#0000!important}.mainTable{border-radius:20px 20px 0 0;height:750px;position:relative;overflow:auto}@media screen and (max-height:650px){.mainTable{max-height:calc(100vh - 117px)}}.mainTable .primeTable{background-color:#fff;overflow:scroll}.mainTable .primeTable tbody{border-top:0;font-weight:400}.mainTable .primeTable th,.mainTable .primeTable thead{z-index:2;color:#767676;background-color:#fff;font-size:14px;position:sticky;top:0;text-align:center!important;padding:14px!important;font-weight:400!important}.mainTable .primeTable.text-capitalized-normal{text-transform:normal}.mainTable .primeTable .userProfile img{border:1px solid #d8d8d8;border-radius:10px}.mainTitle{margin-bottom:20px}.mainTitle .titlePath{font-size:14px}@media screen and (max-width:768px){.mainTitle{margin-bottom:10px;font-size:16px}.mainTitle .titlePath{font-size:10px}.pagination{padding:10px;font-size:14px}.pagination .client-pagination{display:block!important}}.pagination .tableRang{cursor:pointer}@media screen and (max-width:768px){.pagination .tableRang .inputData{font-size:12px}}.pagination .tableRang .inputData .selectMain{margin-left:10px}.pagination .count{margin-left:15px}@media screen and (max-width:768px){.pagination .count{margin-left:10px;font-size:12px}}.pagination .tableAccess{cursor:pointer}@media screen and (max-width:768px){.pagination .tableAccess .mainPaginatinBtn{justify-content:center;margin-top:10px!important}}.pagination .tableAccess .mainPaginatinBtn .paginationBtn{border:1px solid #9f5aff;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;margin:0 5px;display:flex}@media screen and (max-width:768px){.pagination .tableAccess .mainPaginatinBtn .paginationBtn{width:25px;height:25px;margin:0 3px;font-size:12px}}.pagination .tableAccess .mainPaginatinBtn .paginationBtn.pageBtnDisable{border:1px solid #9f5aff}.pagination .paginationNumber{color:#9f5aff!important;background-color:#fff!important}.pagination .paginationNumber.active{color:#fff!important;background-color:#9f5aff!important}.dialog{z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000006b;justify-content:center;align-items:center;width:100%;height:100vh;display:inline-flex;position:fixed;top:0;left:0}.dialog .mainDiaogBox{background-color:#fff;max-height:98vh;padding:20px;overflow:auto;border-radius:10px!important}.dialog .mainDiaogBox .formBody{max-height:600px;overflow:auto}.dialog .mainDiaogBox .formBody>div{margin-bottom:10px}.dialog .mainDiaogBox .formBody .errorMessage{color:red}.dialog .mainDiaogBox .closeButton{color:#fff;cursor:pointer;background-color:#1c2b2083;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin-left:auto;font-size:30px;display:flex}@media screen and (max-width:768px){.dialog .mainDiaogBox h2{font-size:20px}.dialog .mainDiaogBox .closeButton{width:25px;height:25px;font-size:20px}}.dialog .mainDiaogBox1{background-color:#fff;padding:20px;overflow:auto;border-radius:32px!important}.dialog .mainDiaogBox1 .formBody{max-height:600px;overflow:auto}.dialog .mainDiaogBox1 .formBody>div{margin-bottom:10px}.dialog .mainDiaogBox1 .formBody .errorMessage{color:red}.dialog .mainDiaogBox1 .closeButton{color:#fff;cursor:pointer;background-color:#1c2b2083;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin-left:auto;font-size:30px;display:flex}@media screen and (max-width:768px){.dialog .mainDiaogBox1 h2{font-size:20px}.dialog .mainDiaogBox1 .closeButton{width:25px;height:25px;font-size:20px}}.mainMultiSelector>.row{border:2px dashed #1c2b2083;border-radius:10px;position:relative;margin:20px 0!important;padding:20px 30px!important}@media screen and (max-width:576px){.mainMultiSelector>.row{padding:10px 0!important}}.mainMultiSelector .multiRemover{color:#fff;cursor:pointer;background-color:#1c2b2083;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute;top:-10px;right:-15px}.formFooter{padding:10px 0!important}button.themeButton{border-radius:6px;padding:8px 18px;font-size:16px}@media screen and (max-width:576px){button.themeButton{border-radius:5px;padding:5px 10px;font-size:12px}}.swal2-container{background:#00000013!important}.swal2-container .swal2-popup{-webkit-backdrop-filter:blur(4px);background:#fff6;border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px #0000005e}.swal2-container .swal2-popup .swal2-icon{border:none!important}.swal2-container .swal2-popup .swal2-icon .swal2-icon-content{color:#1c2b2083;font-size:5.75rem}.attrDetails{flex-wrap:wrap;display:flex}.attrDetails div{color:#1c2b2083;background-color:#f3f3f3;border-radius:8px;align-items:center;margin:10px 5px;padding:6px 15px;font-weight:600;display:flex}.colorBall{border-radius:50%;width:25px;height:25px;margin-right:10px;display:inline-block}@media screen and (max-width:768px){.colorBall{width:15px;height:15px}}#attrForm input[type=color]{border-width:0;border-color:#0000;outline:none;padding:0}#attrForm input[type=color]::-webkit-color-swatch{border:none}.showDetails{border:1px solid;border-radius:8px;flex-wrap:wrap;align-items:center;display:flex}.showDetails li{color:#1c2b2083;background-color:#f3f3f3;border-radius:8px;align-items:center;margin:10px;padding:5px 10px;font-weight:600;display:flex}@media screen and (max-width:768px){.showDetails li{font-size:14px}}.showDetails li .cencalDetails{cursor:pointer;margin-left:5px}.notiCount{border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex;position:absolute;top:-7px;right:-7px}.searchIcon{border:1px solid #9f5aff;border-radius:0 6px 6px 0!important}.inputData select{appearance:none;background-color:#fff;background-image:url(../media/free-arrow-down-icon-3101-thumb.d94a1f86.png);background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ccc;border-radius:5px;width:100%;height:42px;margin-top:4px;padding-left:10px;font-size:16px}.inputData select:after{content:"";position:absolute;right:20px}.Toastify__toast-container p{font-size:14px!important}input{border:none}.switch{--circle-dim:1.4em;width:3.5em;height:2em;display:inline-block;position:relative;font-size:12px!important}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffd1d2;border:.6px solid #ff9fa0;border-radius:30px;transition:all 1.5s;position:absolute;inset:0}.slider-card{content:"";height:var(--circle-dim);width:var(--circle-dim);pointer-events:none;border-radius:20px;transition:all .4s;position:absolute;bottom:.3em;left:.3em}.slider-card-face{backface-visibility:hidden;perspective:1000px;border-radius:50%;transition:transform .4s;position:absolute;inset:0}.slider-card-front{background:linear-gradient(90deg,#ff2225 0%,#f20004 100%)}.slider-card-back{background:linear-gradient(90deg,#23cc14 0%,#11b318 100%);transform:rotateY(180deg)}input:checked~.slider-card .slider-card-back{transform:rotateY(0)}input:checked~.slider-card .slider-card-front{transform:rotateY(-180deg)}input:checked~.slider-card{transform:translate(1.5em)}input:checked~.slider{background-color:#d0ffcd;border:.6px solid #5ed15d}.not-allowed{pointer-events:auto!important;cursor:auto!important}::-webkit-scrollbar{width:7px;height:3px}.mainTable{height:750px;max-width:"100%";border:1px solid #e7e7e7;position:relative;overflow:auto;box-shadow:3px 3px 10px #0003;border-radius:6px!important}.mainAdminGrid .mainSetting .settingBox .settingBoxOuter{background-color:#fcfdff;border:1px solid #cfcfcf;border-radius:10px;border-top-left-radius:7px!important;border-top-right-radius:7px!important;padding:0!important}.agency_width{border:1px solid #9097a6;border-radius:40px;justify-content:space-between;align-items:center;width:100%;max-width:370px;padding:2px;display:flex}.agency_width button{text-align:center;border:none;border-radius:40px;flex:1;padding:8px 12px}.activeBtn span{padding-left:15px;padding-right:15px;display:inline-block}.disabledBtn{color:#9097a6;background-color:#0000}.card-no-border{border:none!important}.cancelButton{background-color:#e34747}.submitButton{background-color:#8f4fa7}.ql-snow .ql-editor h4{color:#000;font-weight:400;font-size:17px!important}.ql-snow .ql-editor h5{font-weight:300;color:#161515!important;font-size:14px!important}.ql-snow .ql-editor h6{color:#5e5b5b;margin-top:10px;padding-left:6px;font-weight:600;font-size:14px!important}.ql-snow .ql-editor p span{padding-left:6px;font-weight:300;color:#817e7e!important;font-size:13px!important}.ql-editor ol>li:before{color:#1d1c1c!important}.ql-editor ol>li span{color:#686565!important}.skeleton{background:linear-gradient(-90deg,#e0e0e0 0%,#f8f8f8 50%,#e0e0e0 100%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.vip-benefits-container{border-radius:12px;padding:20px}.vip-benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:0 auto;display:grid}.vip-benefit-card{background:#fff;border:1px solid #e9ecef;border-radius:5px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #00000014}.vip-benefit-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.vip-benefit-content{align-items:center;gap:16px;display:flex}.vip-benefit-icon{background:linear-gradient(135deg,#f2f5ff 0%,#d8d2ff 100%);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.vip-benefit-info{flex:1}.vip-benefit-title{color:#6c757d;margin:0 0 8px;font-size:14px;font-weight:500;text-decoration:underline}.vip-benefit-value{color:#495057;margin:0;font-size:24px;font-weight:700}.vip-benefit-skeleton{align-items:center;gap:16px;display:flex}.skeleton-icon{background-color:#e9ecef;border-radius:12px;width:56px;height:56px;position:relative;overflow:hidden}.skeleton-text-group{flex:1}.skeleton-title{background-color:#e9ecef;border-radius:4px;width:120px;height:14px;margin-bottom:8px}.skeleton-value{background-color:#e9ecef;border-radius:4px;width:80px;height:24px}.shimmer{background:linear-gradient(90deg,#e9ecef 25%,#f8f9fa 50%,#e9ecef 75%) 0 0/200% 100%;border-radius:12px;width:100%;height:100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.vip-benefits-grid{grid-template-columns:1fr;gap:16px}.vip-benefit-card{padding:20px}.vip-benefit-value{font-size:20px}}