body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}:root{--primary-color:#a4ede5;--logo-color:#5773d4;--text:#6e8efb;--subText:#a777e3;--secondary-color:#f1f2fe;--partial-color:#8420c2;--button-color:#4efae6;--grey-color:#f1f2fe;--popup-bg:rgba(0,0,0,.422);--active-bg:#afde5e;--active-title:#2a167a;--name-size:12px;--text1:#6e8efb;--text2:#a777e3;--text3:#f47c7c;--text4:#ffd56b}.pageSplit{background:#f1f2fe;background:var(--secondary-color);display:grid;grid-template-columns:10% 90%;height:100vh;overflow-x:hidden}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.socialRow{display:flex;padding:0}.socialRow div{padding:1rem 1rem 0 0}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media only screen and (max-width:600px){.pageSplit{background:#f1f2fe;background:var(--secondary-color);display:grid;grid-template-columns:12% 88%;height:100vh;overflow-y:hidden}}.dashboardBg{background:var(--secondary-color)}@media screen and (max-width:650px){.dashboardBg{margin:0 10px 10px;overflow-x:hidden;overflow-y:hidden;padding:0}}.mainScroll{overflow-y:auto}.dueRow{display:flex}.companyNameContainer{display:flex;padding-right:10px}.welcome{color:var(--active-title);font-size:23px;font-weight:800;padding-right:10px}.nameElipsis{font-size:var(--name-size);overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;width:90%}.dashboardTitle{align-items:center;background:#fff;display:flex;height:10vh;justify-content:end;padding:0 0 0 10px;width:99%}@media screen and (max-width:650px){.dashboardTitle{align-items:center;background:none;display:flex;height:7vh;justify-content:end;padding:0 0 0 10px}}.totalRevenueColor{color:#8b166c!important}.monthlyRevenueColor{color:#168b4b!important}.pendingRevenueColor{color:red!important}.chatIcon img{padding:0 5px}.disable{opacity:.7;pointer-events:none}.splitDash{display:grid;grid-template-columns:68% 32%;max-height:90vh}@media screen and (max-width:650px){.splitDash{grid-gap:10px;display:grid;grid-template-columns:repeat(1,100%)}}.memberGraph{align-items:center;display:flex;justify-content:center;padding:.5rem}.innerPadding{overflow-x:hidden;padding:0 10px}.titleContainer{margin:10px 0 10px 15px}.subTitle{color:var(--active-title);font-weight:900;margin-top:5px}.availableTrainees{background:#fff;border-radius:5px}.mainCard{align-items:center;border-radius:5px;width:100%}.mainCard .summaryContainer{border-radius:5px;height:20vh;padding:5px 0 0 10px}@media screen and (max-width:650px){.mainCard .summaryContainer{height:auto;padding:0}}.mainCard .cardMain{grid-gap:2px;display:grid;grid-template-columns:repeat(5,20%);height:20vh;margin:0}@media screen and (max-width:650px){.mainCard .cardMain{display:grid;grid-template-columns:repeat(2,50%);height:auto;margin:0 10px}}.mainCard .cardList{align-items:center;background:#fff;border-radius:5px;box-shadow:0 0 1px;display:flex;margin:10px 5px;overflow:hidden;padding:10px;position:relative}.mainCard .cardList .titleContainer{margin:5px 0}.mainCard .cardList .cardName{color:#565454;font-size:12px;font-weight:700;margin:10px 0}.mainCard .cardList .cardValue{color:var(--active-title);font-weight:900}.mainCard .innerSubContainer{background:var(--secondary-color);display:grid;grid-template-columns:50% 50%;padding:5px 0 0 10px;width:100%}@media screen and (max-width:650px){.mainCard .innerSubContainer{grid-gap:10px;display:grid;grid-template-columns:repeat(1,100%)}}.mainCard .innerSubContainer .currentMonthStudent{background:#fff;border-radius:5px;height:60vh;overflow-y:auto;scrollbar-width:thin;width:100%}.mainCard .innerSubContainer .currentMonthStudent .currentMonthStudentContainer{display:flex;justify-content:center}.mainCard .innerSubContainer .currentMonthStudent .batch{align-items:center;border:10px solid var(--secondary-color);border-radius:5px;display:flex;height:40px;justify-content:center;margin:10px;width:30%}.mainCard .innerSubContainer .currentMonthStudent .batch .currentMonthLength{font-size:32px;font-weight:900}.mainCard .innerSubContainer .currentMonthStudent .trainersList{border:2px solid var(--grey-color);border-radius:5px;display:grid;font-size:var(--name-size);grid-template-columns:50% 30% 20%;margin:3px;padding:0 0 0 10px;text-transform:capitalize}@media screen and (max-width:650px){.mainCard .innerSubContainer .currentMonthStudent .trainersList{grid-template-columns:38% 40% 30%}}.mainCard .innerSubContainer .needToDecide{border-radius:5px;display:grid;height:100%;margin-left:10px;width:97%}.mainCard .innerSubContainer .needToDecide .availableTrainees{background:#fff;border-radius:5px}@media screen and (max-width:650px){.mainCard .innerSubContainer .needToDecide{border-radius:5px;height:100%;margin-left:0;width:100%}}.mainCard .innerSubContainer .nameTitle{font-weight:900;margin-top:5px;padding-left:10px}@media screen and (max-width:650px){.mainCard .innerSubContainer{padding:0}}.subContainer{background:#fff;border-radius:5px}.subContainer .graphContainer{align-items:center;display:flex;height:89%;justify-content:center}.rightContainer{margin:10px 0 0 15px;width:92%}.rightContainer .dueContainer{background:#fff;border-radius:5px;height:72vh;overflow-y:auto;scrollbar-width:thin;width:100%}.rightContainer .dueContainer .due{padding:5px 0 0 5px}.rightContainer .dueContainer .dueList{border:2px solid var(--grey-color);border-radius:5px;display:grid;grid-template-columns:60% 40%;margin-top:5px;padding:5px}.rightContainer .dueContainer .dueList .dueAmtRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));text-align:center}@media screen and (max-width:650px){.rightContainer .dueContainer{width:100%}}.rightContainer .fitnessGiff{border-radius:5px;margin:15px 0 0}@media screen and (max-width:650px){.mainCard{margin:0}.rightContainer{margin:0;width:100%}.dueContainer{height:auto!important;max-height:69vh;padding-bottom:15px}.currentMonthStudent{height:auto!important;max-height:60vh}}.clickAction{background:#fff;border-radius:5px;display:flex;height:10vh;margin:10px 0 0;padding:10px;text-align:center}.clickAction .foodList{align-items:center;background:var(--secondary-color);border-radius:5px;color:var(--active-title);cursor:pointer;display:flex;font-size:13px;font-weight:900;justify-content:center;width:100%}@media screen and (max-width:650px){.clickAction .foodList{font-size:10px}}.currentMonStudent{margin-top:10px}.companyContainer{background:var(--popup-bg);bottom:0;left:0;position:absolute;right:0;top:0}.companyContainer,.companyContainer .companyPopup{align-items:center;display:flex;justify-content:center}.companyContainer .companyPopup{background:#fff;border-radius:5px;padding:10px;position:relative;width:300px}.companyContainer .companyPopup .closeCompanyPopup{left:0;padding:3px 0 0 5px;position:absolute;top:0}.companyContainer .companyPopup .closeCompanyPopup .companyCross{align-items:center;border:none;border-radius:15px;display:flex;height:30px;justify-content:center;width:30px}.companyContainer .companyPopup form{text-align:center}.companyContainer .companyPopup form .conpanyContainer{padding:5px 0 1.5rem}.companyContainer .companyPopup form .companyNameLabel{color:var(--active-title);font-weight:700;margin:10px}.companyContainer .companyPopup form input{border:2px solid var(--active-title);border-radius:5px;height:30px;margin:.3rem 0 .8rem;width:190px}.companyContainer .companyPopup form button{background:var(--active-title);border:none;border-radius:5px;color:#fff;cursor:pointer;height:35px;width:60px}*{scrollbar-width:thin}@media screen and (max-width:650px){.welcome{font-size:17px}.mobileMail{display:none}.chatIcon{text-align:center}.dueList{display:grid;grid-template-columns:55% 45%!important}.dueAmtRow{display:grid;grid-template-columns:60% 40%}}.sideMenu{background:#fff;overflow:hidden;position:relative;text-align:center;width:100%}.sideMenu .logo{padding:20px 0 15px}.sideMenu .logo span{color:var(--partial-color);font-size:30px;font-weight:800}.sideMenu .logo span .logoHeight{cursor:pointer;height:60px}.sideMenu .menuList{align-items:center;display:grid;grid-template-rows:repeat(6,75px)}.sideMenu .menuList .menuTitle{color:var(--active-title);font-size:12px;font-weight:500}.sideMenu .menuList .activeDiv{background:var(--secondary-color);border-radius:5px;cursor:pointer;margin:15px;padding:8px 0}.sideMenu .menuList .nonActive{cursor:pointer;margin:10px;padding:15px 0}.sideMenu .menuList .sideImageHeight{height:30px}.sideMenu .menuList .sideTrainnerImageHeight{height:35px}.sideMenu .menuList .logout{cursor:pointer;display:flex;justify-content:center;width:100%}.sideMenu .menuList .logout .subLogout{bottom:5px;position:absolute}@media screen and (max-width:650px){.sideMenu .menuList .sideImageHeight{height:25px}.sideMenu .menuList .menuTitle{display:none}.sideMenu .menuList .activeDiv{align-items:center;background:var(--secondary-color);border-radius:5px;display:flex;height:30px;justify-content:center;margin:10px}.logoHeight{height:30px!important}.sideMenu{display:flex;justify-content:center}}@media screen and (min-width:650px)and (max-width:1000px){.logoHeight{height:50px!important}}.commonBg{background:var(--popup-bg);bottom:0;left:0;position:absolute;right:0;text-align:center;top:0;z-index:2}.commonBg,.commpnAlert{align-items:center;display:flex;justify-content:center}.commpnAlert{background:#fff;border-radius:5px;padding:30px;width:250px}.commpnAlert .commonContent{padding:0 0 10px}.commpnAlert .commonContent .resetTitle{font-size:1.2rem;font-weight:600}.commpnAlert .commonContent input{border:.1rem solid var(--active-title);border-radius:.3rem;height:1.5rem;width:13rem}.commpnAlert .commonContentBtn{margin:10px 0 0}.commpnAlert .commonContentBtn button{background:var(--active-title);border:none;border-radius:5px;color:#fff;cursor:pointer;height:25px;width:70px}.commpnAlert .commonBtn{display:flex;justify-content:space-evenly;margin:10px 0 0}.commpnAlert .commonBtn button{background:var(--active-title);border:none;border-radius:5px;color:#fff;height:25px;width:70px}.equipmentPopupBg{align-items:center;background:var(--popup-bg);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%}.equipmentPopupBg .equipmentPopup{background:#fff;border-radius:5px;display:flex;justify-content:center;max-height:370px;overflow:hidden;padding:0 15px 15px;position:relative;width:30%}.equipmentPopupBg .equipmentPopup .equipmentTitle{color:var(--active-title);font-weight:900;margin-top:10px;text-align:center}.equipmentPopupBg .equipmentPopup .equipmentBtn{background:var(--grey-color);border:none;border-radius:5px;cursor:pointer;font-weight:600;height:30px;margin-top:10px;width:50px}.equipmentPopupBg .equipmentPopup .deleteEquipment{height:25px;width:25px}.equipmentPopupBg .equipmentPopup .cloaseButton,.equipmentPopupBg .equipmentPopup .deleteEquipment{align-items:center;background:var(--grey-color);border:none;border-radius:15px;display:flex;justify-content:center}.equipmentPopupBg .equipmentPopup .cloaseButton{cursor:pointer;height:30px;margin:5px;position:absolute;right:0;top:0;width:30px}.equipmentPopupBg .equipmentPopup .equipmentContainer{height:200px;justify-content:center;margin-top:10px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.equipmentPopupBg .equipmentPopup .equipmentHeader{grid-gap:5px;display:grid;grid-template-columns:160px 60px 60px 30px;margin-top:10px;text-align:center}.equipmentPopupBg .equipmentPopup .equipmentHeader div{font-size:14px;font-weight:700}@media screen and (max-width:650px){.equipmentPopupBg .equipmentPopup{width:90%}}@media screen and (min-width:650px)and (max-width:1000px){.equipmentPopupBg .equipmentPopup{width:50%}}.equipmentPopupBg .equipmentList{grid-gap:5px;align-items:center;display:grid;grid-template-columns:160px 60px 60px 30px}.equipmentPopupBg .eName{margin-top:5px}.equipmentPopupBg .eBtnSize,.equipmentPopupBg .eName{border:2px solid var(--grey-color);border-radius:5px;height:25px}.equipmentPopupBg .eBtnSize{margin:5px 0 0}.settingsForm input{border:2px solid var(--grey-color);border-radius:5px;height:30px;width:300px}.settingsForm .msgContainer{margin-top:10px}.settingsForm span{color:var(--active-title);font-size:12px;font-weight:700}.settingsForm textarea{border:2px solid var(--grey-color);border-radius:5px;height:50px;width:302px}.settingsForm button{background:var(--active-title);border:none;border-radius:5px;color:#fff;height:30px;width:70px}.loginScrinSplit{display:grid;grid-template-columns:60% 40%;height:100vh}.leftScreen{align-items:center;background:linear-gradient(90deg,#cdd8ff,#e4cdff);color:var(--active-title);display:flex;height:100vh}.leftScreen .cotes{display:flex;justify-content:center;width:100%}.leftScreen .cotes .cotesDesc{width:75%}.carousel .control-dots{margin:0!important}.carousel .slide{height:450px!important}.rightScreen{align-items:center;background:#fff;display:flex;justify-content:center}.rightScreen .loginContainer{display:flex;justify-content:center;text-align:center;width:100%}.rightScreen .loginContainer .logoContainer{margin:0 0 1rem}.rightScreen .loginContainer h1{color:var(--active-title);font-size:15px;margin:0 0 20px}.rightScreen .loginContainer .googleLogin{display:flex;justify-content:center}.rightScreen .loginContainer .googleLogin .googleBtn{align-items:center;border:2px solid #d34242;border-radius:5px;cursor:pointer;display:flex;font-weight:700;height:30px;justify-content:center;margin:1rem;width:196px}.rightScreen .loginContainer .googleLogin .googleBtn span{font-size:.8rem;font-weight:700;margin-left:10px}.rightScreen .loginContainer .splitterOr{font-weight:800}.trialContainer .hintTitle{margin-bottom:.6rem!important}.trialContainer .trialCount{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--text1),var(--text2),var(--text3),var(--text4));-webkit-background-clip:text;font-size:1.1rem!important}.loginTitle{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--text),var(--subText));-webkit-background-clip:text;font-size:1.5rem;font-weight:800;text-shadow:2px 2px 5px #0000004d}.loginLabel{margin-top:1rem}.loginType{font-size:.9rem}.signInAndUp{color:var(--active-title);cursor:pointer;font-size:1rem;font-weight:700;padding-left:5px;text-decoration:underline}.loginForm{margin:1rem 0;padding:0 1.5rem}.loginForm input{border:solid var(--active-title);border-radius:5px;height:25px;margin:.4rem 0;width:200px}.loginForm .showAndHideContainer{text-align:end}.loginForm .showHidePassword{font-size:.7rem;font-weight:500;margin:.3rem 0 0}.loginForm .showHidePassword,.loginForm p{color:var(--active-title);cursor:pointer;font-weight:700;text-decoration:underline}.loginForm p{font-size:.8rem;margin:.4rem 0 .4rem .4rem;text-align:end}.loginForm button{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:400;height:30px;width:200px}.loginForm .btnAni{animation:colorCycle 6s ease-in-out infinite;background:linear-gradient(90deg,var(--text1),var(--text2),var(--text3),var(--text4));background-clip:initial;-webkit-background-clip:border-box;background-size:300%;border:none;border-radius:5px;font-weight:700}@media screen and (max-width:650px){.leftScreen{display:none}.loginScrinSplit{display:grid;grid-template-columns:100%;height:100vh}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px #000000e6;cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px #000000e6;top:0}.carousel:hover .slide .legend{opacity:1}.filterData{height:18vh}.dataTable{height:84vh;margin-top:.5rem}.userList table{border-radius:5px}.userList table th{background:var(--partial-color);border:1px solid var(--partial-color);color:#fff}.userList table td{border:1px solid var(--partial-color);text-align:center}.deletebtn{background:var(--active-title);border-radius:5px;color:var(--grey-color);cursor:pointer;font-size:.8rem;font-weight:500;padding:7px}@media(max-width:768px){.deletebtn{font-size:.7rem;padding:7px 4px}}.textbtn{background:var(--grey-color);border:none;border-radius:5px;cursor:pointer;font-size:10px;font-weight:700;margin:4px;padding:4px;width:50px}.actionBtn{font-size:.7rem}.userListCheckbox{accent-color:var(--active-title);cursor:pointer;height:15px;margin:5px;width:15px}.recordAction{align-items:center;display:flex;height:50px;padding:5px 0 0}.recordAction div:nth-child(2){padding:0 10px}.activefilter{background:var(--active-title);border-radius:5px;box-shadow:1px 2px 3px #606a50;color:var(--grey-color)}.filterAndSearch{align-items:center;background:var(--grey-color);border-radius:5px;display:grid;grid-template-columns:70% 30%;height:45px;margin-top:15px;padding:0 5px 0 0}.filterAndSearch .userDataFilter{align-items:center;color:var(--active-title);display:grid;grid-template-columns:repeat(6,15%);text-align:center}.filterAndSearch .userDataFilter div:nth-child(6){width:140px}.filterAndSearch .userDataFilter div:nth-child(6) input{text-align:center}.filterAndSearch .userDataFilter div{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;width:100%}.filterAndSearch .userDataFilter div .filterDate{border:none;border-radius:5px;height:30px;margin-left:20px;outline:none;width:100%}.filterAndSearch .userDataFilterTrainnee{align-items:center;color:var(--active-title);display:grid;grid-template-columns:repeat(4,15%);text-align:center}.filterAndSearch .userDataFilterTrainnee div:nth-child(4){width:140px}.filterAndSearch .userDataFilterTrainnee div:nth-child(4) input{text-align:center}.filterAndSearch .userDataFilterTrainnee div{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;width:100%}.filterAndSearch .userDataFilterTrainnee div .filterDate{border:none;border-radius:5px;height:30px;outline:none;width:88%}.endSearch{text-align:end}.endSearch input{border:2px solid var(--grey-color);border-radius:5px;color:var(--active-title);height:33px;outline:none;padding:0 6px}.endSearch input::placeholder{color:var(--active-title);font-weight:100}.memberTableTitleGrid{display:grid;grid-template-columns:4% 10% 14% 3% 10% 21% 9% 7% 7% 7% 8%}.checkInTableTitleGrid{display:grid;grid-template-columns:4% 15% 21% 3% 10% 23% 9% 7% 8%}.customTableTitle{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px}@media(max-width:768px){.customTableTitle{display:none;grid-template-columns:1fr}}.customTableTitle div{font-size:12px}.customTableTitle .customTableHeader{color:var(--active-title);font-weight:700}.customTablePayment{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:grid;grid-template-columns:20% 30% 20% 15% 15%}.customTablePayment div{font-size:12px}.customTablePayment .customTableHeader{color:var(--active-title);font-weight:700}@media(max-width:768px){.customTablePayment{display:none}}.customPaymentContent{align-items:center;border-bottom:2px solid var(--grey-color);display:grid;grid-template-columns:20% 30% 20% 15% 15%}@media(max-width:768px){.customPaymentContent{grid-template-columns:1fr;padding:10px 0}.customPaymentContent div{display:grid;grid-template-columns:27% 73%;margin-left:20px;text-align:start}.customPaymentContent div .labelForMobile{display:block;font-weight:800}.customPaymentContent .actionButton{display:flex;justify-content:center;margin:10px 0}.customPaymentContent .deleteCheckBox{text-align:end!important}.customPaymentContent .emptyDiv{display:block}}.customPaymentContent .labelForMobile{display:none}.customPaymentContent div{font-size:12px}.customPaymentContent .customTableHeader{font-weight:700}.customTableTrainneeTitle{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;color:var(--active-title);display:grid;grid-template-columns:4% 10% 14% 3% 11% 28% 10% 10% 10%}@media(max-width:768px){.customTableTrainneeTitle{display:none;grid-template-columns:1fr}}.customTableTrainneeTitle div{font-size:12px}.customTableTrainneeTitle .customTableHeader{font-weight:700}.tableheader{background:var(--grey-color);height:35px}@media(max-width:768px){.customTableBody{height:65vh!important;margin-top:1.5rem}.paymentTableBody{height:74vh!important;margin-top:16px}}@media(min-width:768px){.paymentTableBody{height:66vh!important}}.customTableBody,.paymentTableBody{border:2px solid var(--grey-color);border-bottom-left-radius:5px;border-bottom-right-radius:5px;height:57vh;overflow:auto;scrollbar-width:none;text-align:center}.customTableBody .customTableContent,.paymentTableBody .customTableContent{align-items:center;border-bottom:2px solid var(--grey-color)}@media(max-width:768px){.customTableBody .customTableContent,.paymentTableBody .customTableContent{grid-template-columns:1fr}.customTableBody .customTableContent div,.paymentTableBody .customTableContent div{display:grid;grid-template-columns:28% 72%;margin-left:20px;text-align:start}.customTableBody .customTableContent div .labelForMobile,.paymentTableBody .customTableContent div .labelForMobile{display:block;font-weight:800}.customTableBody .customTableContent .actionButton,.paymentTableBody .customTableContent .actionButton{display:flex;justify-content:center;margin:10px 0}.customTableBody .customTableContent .deleteCheckBox,.paymentTableBody .customTableContent .deleteCheckBox{text-align:end!important}.customTableBody .customTableContent .emptyDiv,.paymentTableBody .customTableContent .emptyDiv{display:block}}.customTableBody .customTableContent .labelForMobile,.paymentTableBody .customTableContent .labelForMobile{display:none}.customTableBody .customTableContent div,.paymentTableBody .customTableContent div{font-size:12px}.customTableBody .customTableContent .customTableHeader,.paymentTableBody .customTableContent .customTableHeader{font-weight:700}.customTableBody .customTrainnerContent,.paymentTableBody .customTrainnerContent{align-items:center;border-bottom:2px solid var(--grey-color);display:grid;grid-template-columns:4% 10% 14% 3% 11% 28% 10% 10% 10%}@media(max-width:768px){.customTableBody .customTrainnerContent,.paymentTableBody .customTrainnerContent{grid-template-columns:1fr}.customTableBody .customTrainnerContent div,.paymentTableBody .customTrainnerContent div{display:grid;grid-template-columns:25% 75%;margin-left:20px;text-align:start}.customTableBody .customTrainnerContent div .labelForMobile,.paymentTableBody .customTrainnerContent div .labelForMobile{display:block;font-weight:800}.customTableBody .customTrainnerContent div span,.paymentTableBody .customTrainnerContent div span{text-align:start}.customTableBody .customTrainnerContent .actionButton,.paymentTableBody .customTrainnerContent .actionButton{display:flex;justify-content:center;margin:10px 0}.customTableBody .customTrainnerContent .deleteCheckBox,.paymentTableBody .customTrainnerContent .deleteCheckBox{text-align:end!important}.customTableBody .customTrainnerContent .emptyDiv,.paymentTableBody .customTrainnerContent .emptyDiv{display:block}}.customTableBody .customTrainnerContent .labelForMobile,.paymentTableBody .customTrainnerContent .labelForMobile{display:none}.customTableBody .customTrainnerContent div,.paymentTableBody .customTrainnerContent div{font-size:12px;text-align:center}.customTableBody .customTrainnerContent .customTableHeader,.paymentTableBody .customTrainnerContent .customTableHeader{font-weight:700}.deleteModalOverley{background:var(--popup-bg);bottom:0;left:0;position:absolute;right:0;top:0}.deleteModalOverley,.deleteModalOverley .deleteModal{align-items:center;display:flex;justify-content:center}.deleteModalOverley .deleteModal{background:#fff;border-radius:5px;height:130px;width:250px}.deleteModalOverley .deleteModelContent{color:var(--active-title);font-weight:700}.deleteModalOverley .deleteModalBtn{display:flex;justify-content:space-around;margin-top:30px}.deleteModalOverley .deleteModalBtn button{background:var(--grey-color);border:none;border-radius:5px;cursor:pointer;height:30px;width:60px}.paymentDateFilter{border:2px solid var(--grey-color);border-radius:5px;height:30px;margin:0 0 0 10px}@media(max-width:768px){.filterAndSearch{background:#fff;display:block;margin:15px 0 35px;padding:0}.userDataFilter,.userDataFilterTrainnee{display:none!important}.mobileFilter{display:grid;grid-template-columns:40% 60%;margin-bottom:15px}.mobileFilter select{border:2px solid var(--grey-color);height:35px}.mobileFilter input{border:2px solid var(--grey-color);height:33px;text-align:center}}.mobileSpacing{padding:0}.paymentDateFilter{text-align:center;width:140px}.noResult{color:var(--active-title);font-size:16px;font-weight:500}@media(max-width:768px){.mobileSpacing{padding:10px 0}.paymentDateFilter{margin:0}.filterData{height:19vh}.endSearch{margin-top:10px}}@media(min-width:768px){.mobileFilter{display:none!important}}.updatePay{background:var(--popup-bg);bottom:0;height:100%;left:0;right:0;top:0;width:100%}.updatePay,.updatePay .paymentPopup{align-items:center;display:flex;justify-content:center;position:absolute}.updatePay .paymentPopup{background:#fff;border-radius:5px;height:250px;width:30%}.updatePay .companyCross{background:var(--grey-color);border:none;border-radius:15px;cursor:pointer;height:30px;justify-content:center;right:0;top:0;width:30px}.updatePay .companyCross,.updatePay .movePopup{align-items:center;display:flex;position:absolute}.updatePay .movePopup{background:#fff;border-radius:5px;height:150px;padding:0 20px;width:30%}.updatePay .movePopup .moveBtn button{border:none;cursor:pointer;height:33px;margin-left:5px;width:80px}@media screen and (max-width:650px){.updatePay .paymentPopup{width:90%}.updatePay .movePopup{width:70%}}@media screen and (min-width:650px)and (max-width:900px){.updatePay .paymentPopup{width:50%}.updatePay .movePopup{width:40%}}.updatePay .paymentForm{margin-top:25px}.updatePay .paymentForm button{cursor:pointer}.updatePay .details{text-align:center;width:100%}.updatePay .details input{border:2px solid var(--grey-color);border-radius:5px;height:30px;outline:none;width:200px}.updatePay .details button{background:var(--grey-color);border:none;border-radius:5px;height:33px;margin-left:5px;width:50px}.updatePay .details span{font-weight:700}.updatePay .details .movePopupDetail{font-weight:500;margin:0 0 20px}.updatePay .details .title{color:var(--active-title);font-weight:900;margin:0 0 20px}.registrationPopup{align-items:center;background:var(--popup-bg);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.registrationPopup .registrationForm{align-items:center;background:#fff;border-radius:5px;display:flex;padding:10px 0;position:relative;width:30%}.registrationPopup .registrationForm form{text-align:center;width:100%}.registrationPopup .registrationForm form .titleContainer{margin:0;width:100%}.registrationPopup .registrationForm form .startContainer{display:flex;justify-content:center;padding:0;width:100%}.registrationPopup .registrationForm form .startContainer span{font-size:13px}.registrationPopup .registrationForm form .startContainer .emailInput{text-align:end}.registrationPopup .registrationForm form .startContainer .emailInput .error{border:.1rem solid red}.registrationPopup .registrationForm form .startContainer .emailInput .error:active,.registrationPopup .registrationForm form .startContainer .emailInput .error:focus{border:.1rem solid red;outline:none}.registrationPopup .registrationForm form .startContainer .emailInput span{font-size:10px}.registrationPopup .registrationForm form .formTitle{color:var(--active-title);font-size:23px;font-weight:800}.registrationPopup .registrationForm form .paidAmount{height:15px;margin-top:5px}.registrationPopup .registrationForm input{border:2px solid var(--grey-color);border-radius:5px;height:27px;margin:4px 0;width:250px}.registrationPopup .registrationForm textarea{border:2px solid var(--grey-color);border-radius:5px;height:35px;margin:4px 0;resize:none;width:250px}.registrationPopup .registrationForm button{background:var(--active-title);border:none;border-radius:5px;color:#fff;font-weight:900;height:40px;width:150px}.registrationPopup .registrationForm .cloaseButton{align-items:center;background:var(--grey-color);border:none;border-radius:15px;cursor:pointer;display:flex;height:30px;justify-content:center;margin:5px;position:absolute;right:0;top:0;width:30px;z-index:1}.registrationPopup .registrationForm .toggleButton{display:flex;justify-content:center;width:100%}.registrationPopup .registrationForm .emiToggle{border:2px solid var(--grey-color);border-radius:1rem;height:20px;position:relative;width:40px}.registrationPopup .registrationForm .offToggle{background-color:var(--popup-bg);left:4px;-webkit-transition:.4s}.registrationPopup .registrationForm .offToggle,.registrationPopup .registrationForm .onToggle{border-radius:1rem;bottom:2px;content:"";height:15px;position:absolute;transition:.4s;width:15px}.registrationPopup .registrationForm .onToggle{background-color:var(--active-title);right:4px}.registrationPopup .registrationForm .emiLable{color:var(--active-title);font-size:.85rem;font-weight:500;padding-left:.5rem}.registrationPopup .registrationForm .copyLink{cursor:pointer;margin-left:.5rem}@media screen and (max-width:650px){.registrationPopup .registrationForm{width:90%}}@media screen and (min-width:650px)and (max-width:900px){.registrationPopup .registrationForm{width:50%}}.loadingBg{align-items:center;background:var(--popup-bg);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.loader{aspect-ratio:1;box-sizing:border-box;display:grid;mix-blend-mode:darken;padding:10px;width:100px}.loader:after,.loader:before{animation:l7 2s infinite;background:var(--active-title);content:"";grid-area:1/1;height:40px;width:40px}.loader:after{animation-delay:-1s}@keyframes l7{0%{transform:translate(0)}25%{transform:translate(100%)}50%{transform:translate(100%,100%)}75%{transform:translateY(100%)}to{transform:translate(0)}}.task .registrationForm{width:20rem}.taskList{padding:0 1rem .5rem;width:100%}.taskList h1{color:var(--active-title);font-size:1.2rem}.taskList .list,.taskList h1{text-align:center}.taskList .list p{color:var(--active-title);font-size:1.3rem;font-weight:800;margin-top:0;text-align:center}.taskList .list label{align-items:center;display:flex;justify-content:start}.taskList .list label input{accent-color:var(--active-title);cursor:pointer;margin-right:.5rem;width:auto}.taskList .list .taskBody{max-height:50vh;overflow-y:auto}.taskList .list .assignBtn{cursor:pointer;margin-top:1rem}.mainContainer{background:#fff;border-radius:5px;margin:10px;overflow-y:hidden;padding:20px}.mainContainer .addButton{display:flex;justify-content:space-between}.mainContainer .addButton span{color:var(--active-title);font-size:1.5rem;font-weight:800}.mainContainer .addButton .headingTitle{font-size:1.6rem;text-shadow:2px 2px 5px #727769}.mainContainer .RegisterBtn{background:var(--active-title);border:none;border-radius:5px;box-shadow:1px 2px 3px #606a50;color:var(--grey-color);cursor:pointer;font-weight:900;height:40px;width:150px}.mainContainer .mobileReg{display:none}@media(max-width:768px){.mainContainer{height:95vh;padding:10px 20px 0}.mainContainer .RegisterBtn{display:none!important}.mainContainer .mobileReg{align-items:center;background:var(--grey-color);border-radius:25px;bottom:30px;box-shadow:2px 2px 2px gray;display:flex;font-size:30px;font-weight:800;height:50px;justify-content:center;position:absolute;right:30px;text-align:center;width:50px}.mainContainer .addButton{justify-content:center}}.pageTitle{color:var(--active-title);font-weight:800}.nameBox{display:none}@media(max-width:768px){.nameBox{display:block;text-align:center}.nameBox .pageTitle{color:var(--active-title);font-weight:800}}.freeTrial{align-items:center;background:var(--popup-bg);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.freeTrial .freeCard{align-items:center;background:#fff;border-radius:5px;display:flex;height:150px;padding:10px;text-align:center;width:350px}.freeTrial .freeCard .trialLabel{color:var(--active-title);font-size:17px;font-weight:700}.freeTrial .freeCard .btnContainer{display:flex;justify-content:space-evenly;margin-top:25px}.freeTrial .freeCard .btnContainer .aTag{text-decoration:none}.freeTrial .freeCard .trialBtn{align-items:center;background:var(--active-title);border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px 15px}.freeTrial .freeCard .trialBtn span{padding-left:5px}.supportBtn{background:var(--grey-color);border:none;border-radius:5px;color:var(--active-title);cursor:pointer;font-weight:900;height:40px;width:150px}.feedback:focus{outline:none}.header{align-items:center;background:#fff;box-shadow:0 10px 20px #0000001a;display:flex;height:70px;justify-content:space-between;position:fixed;width:100%;z-index:1}.header div{margin:0 10px}.header div .button{align-items:center;background:linear-gradient(135deg,#6e8efb,#a777e3);border:none;border-radius:30px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:45px;justify-content:center;outline:none;transition:transform .3s ease,background .3s ease;width:150px}.header div .button:hover{background:linear-gradient(135deg,#a777e3,#6e8efb);transform:scale(1.05)}.header div .button:active{box-shadow:0 3px 10px #0003;transform:scale(.98)}.button{align-items:center;background:linear-gradient(135deg,#6e8efb,#a777e3);border:none;border-radius:30px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:50px;justify-content:center;outline:none;transition:transform .3s ease,background .3s ease;width:150px}.button:hover{background:linear-gradient(135deg,#a777e3,#6e8efb);transform:scale(1.05)}.button:active{box-shadow:0 3px 10px #0003;transform:scale(.98)}.startBtn{animation-iteration-count:infinite;background:var(--active-title);background:linear-gradient(135deg,#6e8efb,#a777e3);border:none;border-radius:30px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:50px;outline:none;transition:transform .3s ease,background .3s ease;width:190px}.startBtn:hover{animation-play-state:paused}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.spacingTop{height:100px}.brandName{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#6a5acd,#00bfff,tomato);-webkit-background-clip:text;background-clip:text;color:#3e3e3e;display:inline-block;font-family:Poppins,sans-serif;font-size:3rem;font-weight:800;letter-spacing:2px;margin-bottom:30px;padding:10px;position:relative;text-align:center;text-shadow:3px 3px 6px #0000001a,0 0 25px #0000001a;transition:transform .3s ease-in-out,color .3s ease}.brandName:hover{color:tomato;transform:scale(1.05)}.brandName:after{background:linear-gradient(45deg,#6a5acd,#00bfff,tomato);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.brandName:hover:after{transform:scaleX(1)}.title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--text),var(--subText));-webkit-background-clip:text;font-weight:700;text-shadow:2px 2px 5px #0000004d}.ani{animation:gradientSlide 4s ease-in-out infinite,pulse 2s ease-in-out infinite}@keyframes gradientSlide{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes pulse{0%,to{text-shadow:2px 2px 5px #0000004d;transform:scale(1)}50%{text-shadow:4px 4px 10px #0006;transform:scale(1.05)}}.titleText{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--text),var(--subText));-webkit-background-clip:text;font-weight:700;text-shadow:2px 2px 5px #0000004d}.detailColor{color:#506ac0}.border{border:2}.detailTitle{animation:fadeInSlideUp 1.5s ease forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bodyContainer{margin-bottom:3rem;text-align:center}.bodyContainer .titleBox{display:grid;grid-template-columns:60% 40%;margin-bottom:50px}.bodyContainer .titleBox .leftContainer{margin:10px}.bodyContainer .titleBox .leftContainer .contents{text-align:center}.bodyContainer .titleBox .leftContainer .titleSize{font-size:3rem}.bodyContainer .titleBox .leftContainer .welcomeHook{margin:0 3rem}@keyframes shadowSlide{0%{text-shadow:-5px 0 10px #a777e3}50%{text-shadow:5px 0 10px #6e8efb}to{text-shadow:-5px 0 10px #a777e3}}.bodyContainer .titleBox .leftContainer .payAni{-webkit-text-fill-color:#0000;animation:colorCycle 6s ease-in-out infinite;background:linear-gradient(90deg,var(--text1),var(--text2),var(--text3),var(--text4));-webkit-background-clip:text;background-size:300%;font-weight:700}@keyframes colorCycle{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media screen and (max-width:700px){.bodyContainer .titleBox{display:grid;grid-template-columns:1fr}.bodyContainer .titleBox .leftContainer{margin-bottom:40px}.bodyContainer .welcomeHook{margin:0}.welcomeHook{margin:initial!important}}.feedbackMain{margin:50px 0 90px;text-align:center}.feedbackMain .feedContainer{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(362px,1fr));margin:30px 10px 10px;text-align:center}.feedbackMain .feedContainer .card{border:2px solid var(--active-title);border-radius:5px;padding:5px}.feedbackMain .feedContainer .card img{height:120px}.feedbackMain .feedContainer .card h3{margin-bottom:0}.feedbackMain .feedContainer .card p{margin:10px}@media screen and (max-width:800px){.feedbackMain .feedContainer{grid-template-columns:repeat(auto-fill,minmax(171px,1fr));margin:30px 0 10px}}.activeCount{display:flex;justify-content:center;margin:0 0 5rem}.activeCount .activeNumber{text-align:center}.activeCount .activeNumber h4{font-size:1.5rem;margin-top:0}.activeCount .countContainer{display:flex;margin-top:2rem}.activeCount .countContainer .count{align-items:center;background-color:#cdd8ff;border-top:.7rem solid var(--text);display:flex;font-weight:500;height:5rem;justify-content:center;margin:.4rem;padding:.6rem;text-align:center;width:4rem;width:10rem}.activeCount .countContainer .count .value{font-size:2rem;font-weight:900}.activeCount{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 8px 20px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.activeNumber h4{color:#343a40;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.countContainer{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.count{background-color:#fff;border:2px solid #dee2e6;border-radius:12px;padding:1.5rem 2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:220px}.count:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-5px)}.count div:first-child{color:#495057;font-size:1.1rem;margin-bottom:.5rem}.value{color:#0d6efd;font-size:2rem;font-weight:700}.cardContainer,.listContainer{display:flex;justify-content:center}.cardContainer{width:90%}.cardContainer>div{display:flex;flex-direction:column;gap:40px}.card{align-items:center;border-radius:8px;box-shadow:0 4px 12px #0000000d;display:grid;grid-template-columns:50% 50%;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.detailsEnd,.detailsStart{padding:20px;text-align:start}.detailTitle h3{margin:0}.imgDiv{text-align:center}.imgHeight{height:200px}.imgWithBorder{border-image:linear-gradient(90deg,#506ac0,var(--subText)) 1;height:200px}.cardColor{background:linear-gradient(90deg,#cdd8ff,#e4cdff)}.cardColor,.noCardColor{border-radius:8px;padding:20px}.noCardColor{background:#fff}@media screen and (max-width:1000px){.card{grid-template-columns:100%}.detailsEnd,.detailsStart{order:1;padding:20px;text-align:start}.imgDiv{order:2}.imgHeight,.imgWithBorder{height:160px}}.footer{background:linear-gradient(90deg,var(--text),var(--subText));padding:1px 0 10px;text-align:center}.footer h1{cursor:pointer;font-weight:700}.footer h5{font-size:1rem;margin:0}.footer .footerPolicy{margin:1.5rem 0}.footer .footerPolicy span{cursor:pointer;font-size:12px}.footer .copyWrite{font-size:12px}.getCustomize{background:linear-gradient(90deg,var(--text),var(--subText));margin:20px;padding:20px 0 60px;text-align:center}.getCustomize .submitBtn{display:flex;justify-content:center}.getCustomize .submitBtn button{border:1px solid #fff}.getCustomize h2{color:#fff;font-size:1.4rem;margin-bottom:2rem}.getCustomize h2 span{color:#d316e4}.getCustomize input{border:1px solid #fff;height:35px;margin:5px;width:300px}.getCustomize input:focus,.getCustomize textarea:focus{outline:none}.getCustomize textarea{border:1px solid #fff;height:50px;width:301px}.getCustomize .mt-2{margin-top:.3rem}@media screen and (max-width:750px){.getCustomize{margin:0}}.adminLogin{align-items:center;display:flex;height:100vh;justify-content:center}.adminLogin form{text-align:center}.adminLogin form img{height:4.5rem}.adminLogin form input{height:2rem;margin:.5rem;width:13rem}.adminLogin form button{background:var(--active-title);border:none;color:#fff;font-weight:600;height:2.1rem;margin:.5rem;width:13.5rem}.custDetail .singleCust{cursor:pointer;margin:0 0 2rem;padding:0 0 0 .5rem}.custDetail .singleCust .detailContainer{display:flex}.custDetail .singleCust .detailContainer div{font-weight:700}.custDetail .read{border-left:.3rem solid red}.custDetail .noRead{border-left:.3rem solid green}.custDetail .label{width:6.5rem}.priceHeader{text-align:center}.priceHeader h1{margin-bottom:0}.priceHeader .pricingDesc{display:flex;justify-content:center}.priceHeader .pricingDesc p{width:70%}.plans{display:flex;flex-wrap:wrap;justify-content:space-evenly}.plans .cards{background-color:hsla(0,0%,93%,.627);border-radius:5px;box-sizing:border-box;flex-basis:calc(33.33% - 32px);flex-grow:1;flex-shrink:1;margin:1rem;text-align:center;width:15rem}.plans .cards .cardTitle{align-items:center;background-color:rgba(195,90,107,.873);border-radius:5px 5px 0 0;color:#fff;display:flex;font-weight:700;height:2.5rem;justify-content:center}.plans .cards .cardBody{margin:2rem 1rem}.plans .cards .cardBody .cardPrice{display:flex;justify-content:center}.plans .cards .cardBody .cardPrice h1{margin:0}.plans .cards .cardBody .cardPrice span{font-size:.6rem;font-weight:500}.plans .cards .cardBody .cardList{text-align:start}.plans .cards .cardBody .cardList div{font-size:.7rem;font-weight:600;margin:.5rem}.plans .cards .cardBody .cardList div span{font-size:1rem;margin-right:5px}.plans .cards .cardButton{padding-bottom:2rem}.plans .cards .cardButton button{border:none;border-radius:3px;color:#fff;cursor:pointer;font-weight:600;height:1.8rem}@media(max-width:768px){.plans .card{flex-basis:calc(50% - 32px);flex-grow:1;flex-shrink:1}}@media(max-width:480px){.plans .card{flex:1 1 100%}}.savePrice{background-color:#727;width:3rem}.addPrice,.savePrice{border:none;color:#fff;cursor:pointer;height:2rem}.addPrice{background-color:#979b24;margin-left:1rem;width:6rem}.policy{margin:2rem}.successPayment .successPaymentContainer{border-left:.3rem solid;margin:1rem;padding-left:.5rem}.contact{text-align:center}.contact .contactTitle{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--text),var(--subText));-webkit-background-clip:text;font-size:1.8rem;font-weight:800;text-shadow:2px 2px 5px #0000004d}.contact .container{display:grid;grid-template-columns:50% 50%}.contact .container .left{align-items:center;display:flex;padding:0 4rem;text-align:start}.contact .container .left .contactDetails{margin:1.5rem 0}.contact .container .left .contactDetails .action{display:flex;margin:1rem 0}.contact .container .left .contactDetails .action div{padding-right:.5rem}.contact .container .left .contactDetails .action a{color:inherit;text-decoration:none}.contact .container .left .contactDetails .action div:first-child{font-weight:600}.contact .container .left p{color:#99a3a9;font-weight:500}@media screen and (max-width:700px){.contact .contactTitle{margin-bottom:.5rem}.contact .container{display:grid;grid-template-columns:100%}.contact .container .left{padding:0 2rem 2rem}}.taskConatiner{overflow-y:auto!important;scrollbar-width:none}.taskConatiner .pageTitle{font-size:2rem;font-weight:700}.taskConatiner .actionButton{display:flex;justify-content:space-between}.taskConatiner .actionButton .taskButton{background-color:var(--logo-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:10px 20px}.taskConatiner .actionButton .taskButton:hover{background-color:#0056b3}.taskConatiner .task{margin:20px}.taskConatiner .task .bodyTask{height:70vh;overflow-y:auto}.taskConatiner .task .noTask{align-items:center;display:flex;font-weight:700;height:60vh;justify-content:center}.taskConatiner .workout{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:15px;padding:15px}.taskConatiner .workout input[type=text]{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin:5px 0;padding:8px;width:calc(100% - 22px)}.taskConatiner .workout button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;margin:10px .5rem .5rem 0;padding:8px 15px}.taskConatiner .workout button:hover{background-color:#218838}.taskConatiner .sets{align-items:center;display:flex;margin-top:10px}.taskConatiner .sets input.count,.taskConatiner .sets input[type=text]{border:1px solid #ccc;border-radius:5px;margin-right:10px;padding:8px;width:calc(50% - 12px)}.taskConatiner .sets button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:10px;padding:8px 15px}.taskConatiner .sets button:hover{background-color:#c82333}.taskConatiner .saveTask{background-color:#ffc107;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1rem;margin-top:15px;padding:.5rem;text-align:center;width:100%}.taskConatiner .saveTask:hover{background-color:#e0a800}@media(max-width:768px){.taskConatiner .nameBox{padding:15px}.taskConatiner .pageTitle{font-size:1.5rem}.taskConatiner .saveTask,.taskConatiner .taskButton{font-size:1.2rem;margin-bottom:2rem;padding:12px}.taskConatiner .task{margin:10px}.taskConatiner .task .bodyTask{height:60vh;overflow-y:auto}.taskConatiner .workout{padding:10px}.taskConatiner .workout input[type=text]{width:calc(100% - 22px)}.taskConatiner .sets{align-items:flex-start;flex-direction:column}.taskConatiner .sets input.count,.taskConatiner .sets input[type=text]{margin-right:0;width:calc(100% - 22px)}.taskConatiner .sets button{margin-left:0;margin-top:10px}}@media(max-width:480px){.taskConatiner .nameBox{padding:10px}.taskConatiner .pageTitle{font-size:1.3rem}.taskConatiner .saveTask,.taskConatiner .taskButton{font-size:1.1rem}}.taskConatiner .task-list-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;font-family:Segoe UI,sans-serif;margin:.5rem;overflow-y:auto;padding:1rem}.taskConatiner .task-list-container .noData{align-items:center;display:flex;font-size:1rem;height:65vh;justify-content:center}.taskConatiner .task-list-container h2{color:var(--active-title);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.taskConatiner .task-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;max-height:65vh;overflow-y:auto;padding:0}@media(max-width:768px){.taskConatiner .task-list{max-height:55vh}}.taskConatiner .task-item{background-color:#fafafa;border:1px solid #ccc;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:relative;transition:box-shadow .2s ease-in-out}.taskConatiner .task-item:hover{background-color:#f5f8fa;box-shadow:0 4px 10px #0000001a}.taskConatiner .task-item .task-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.taskConatiner .task-item .task-header .task-name{color:#222;flex:1 1;font-size:1.1rem;font-weight:600}.taskConatiner .task-item .task-header .task-status{align-items:center;display:flex;font-size:.95rem;font-weight:500;gap:.5rem}.taskConatiner .task-item .task-header .task-status.completed{color:#28a745}.taskConatiner .task-item .task-header .task-status.loading{color:#ffc107}.taskConatiner .task-item .task-header .task-status .icon{font-size:1rem}.taskConatiner .task-item .hover-task-details{animation:fadeIn .3s ease-in-out;background-color:#eef3f7;border-radius:8px;font-size:.9rem;margin-top:.75rem;max-height:200px;overflow-y:auto;padding:.75rem}.taskConatiner .task-item .hover-task-details .section{margin-bottom:.75rem}.taskConatiner .task-item .hover-task-details .section h4{color:#333;font-size:1rem;margin:0 0 .5rem}.taskConatiner .task-item .hover-task-details .section .set-list{list-style-type:disc;padding-left:1.25rem}.taskConatiner .task-item .hover-task-details .section .set-list li{color:#333;margin-bottom:.25rem}.taskConatiner .task-item .hover-task-details .section .set-list li span:first-child{font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.notFound{height:100vh}.memberLogin,.notFound{align-items:center;display:flex;justify-content:center}.memberLogin{background:linear-gradient(135deg,#f3f4f6,#e0e7ff);min-height:100vh}.memberLogin>div{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:0 3rem 3rem;text-align:center;width:100%}.memberLogin>div h1{color:var(--logo-color);font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;position:relative;text-shadow:1px 1px 2px #0000001a;text-transform:capitalize}.memberLogin>div h1:after{background-color:var(--logo-color);border-radius:2px;content:"";display:block;height:4px;margin:.5rem auto 0;width:60px}.memberLogin>div h3{color:#666;font-size:1.25rem;font-style:italic;font-weight:500;margin-bottom:2rem}.memberLogin>div form{display:flex;flex-direction:column}.memberLogin>div form input{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;transition:border .3s}.memberLogin>div form input:focus{border-color:var(--logo-color);box-shadow:0 0 0 2px #4caf5033;outline:none}.memberLogin>div form button{background-color:var(--logo-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:background-color .3s ease}.memberLogin>div form button:hover{filter:brightness(90%)}.memberTaskList{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2rem auto;max-width:800px;overflow-x:hidden;padding:1rem;text-align:center}.memberTaskList .memberGreeting{align-items:center;display:flex;gap:.3rem;justify-content:center;margin-bottom:2rem}.memberTaskList .memberGreeting h1{border-radius:8px;font-size:2.5rem;font-weight:800;margin:0;padding:.5rem .3rem;text-shadow:2px 2px 4px #0003,0 0 10px #ffffff80;text-transform:capitalize;transition:transform .3s ease}.memberTaskList .memberGreeting .memberName{color:var(--logo-color);cursor:pointer}.memberTaskList .memberGreeting .memberName:hover{text-shadow:3px 3px 6px #00000040,0 0 12px #fff9;transform:scale(1.05)}.memberTaskList .task-section{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.memberTaskList .task-section h2{border-bottom:2px solid var(--logo-color);color:#333;display:inline-block;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.memberTaskList .task-section table{background-color:#fff;border-collapse:collapse;box-shadow:0 2px 6px #0000000d;margin-top:1rem;width:100%}.memberTaskList .task-section table td,.memberTaskList .task-section table th{border:1px solid #ddd;padding:12px;text-align:center}.memberTaskList .task-section table thead{background-color:var(--logo-color);color:#fff}.memberTaskList .done-button-container{margin-top:2rem}.memberTaskList .done-button-container button{background-color:var(--logo-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:background-color .3s ease}.memberTaskList .done-button-container button:hover{background-color:var(--logo-color)}.memberTaskList .noWorkout{align-items:center;display:flex;font-weight:700;height:60vh;justify-content:center}
/*# sourceMappingURL=main.c7c882c7.css.map*/