@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap);.sidebar{align-items:flex-start;background-color:#fff;background-color:var(--side-bar-color);box-shadow:-10px 0 10px rgba(0,0,0,.125);height:100vh;justify-content:space-between;position:fixed;z-index:200}.sidebar,.sidebar .logo{display:flex;flex-direction:column}.sidebar .logo{left:50%;position:absolute;transform:translateX(-50%)}.sidebar .logo img{width:120px}.sidebar .ul{-ms-overflow-style:none;align-items:flex-start;display:flex;flex-direction:column;height:calc(100vh - 280px);overflow-y:scroll;scrollbar-width:none}.sidebar .ul::-webkit-scrollbar{display:none}.sidebar .ul .li{align-items:center;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:20px;justify-content:flex-start;padding:0 5px}.sidebar .ul .li.active,.sidebar .ul .li:hover{border:2px solid #d0d5dd;border:2px solid var(--borders-color)}.sidebar .ul .li .icon{align-items:center;display:flex;justify-content:center}.sidebar .ul .search{border:1px solid #d0d5dd;border:1px solid var(--borders-color)}.sidebar .theme{align-items:center;bottom:80px;display:flex;height:60px;justify-content:space-between;position:absolute;width:260px}.sidebar .theme p{color:#344054;color:var(--normal-text-color)}.sidebar .theme button{background-color:#fff;background-color:var(--side-bar-color);border-radius:15px;height:24px;outline:2px solid #667085;outline:2px solid var(--light-text-color);position:relative;width:70px}.sidebar .theme button span{background-color:#667085;background-color:var(--light-text-color);border-radius:50%;height:22px;position:absolute;right:1px;top:1px;width:22px}.sidebar .theme button.switchLeft span{right:47px}.sidebar .account{align-items:center;border-top:2px solid #d0d5dd;border-top:2px solid var(--borders-color);bottom:0;display:flex;justify-content:space-between;position:absolute}.sidebar .account .logout{align-items:center;cursor:pointer;display:flex;justify-content:center}@media only screen and (min-width:992px){.sidebar{padding:150px 20px;width:300px}.sidebar .slideBtn{display:none}.sidebar .logo{top:20px}.sidebar .ul{gap:20px}.sidebar .ul .li{height:50px;width:260px}.sidebar .ul .search .input{width:215px}.sidebar .account{height:80px;width:260px}.sidebar .blurOverLay{display:none}}@media only screen and (max-width:992px)and (min-width:768px){.sidebar{padding:140px 10px;width:250px}.sidebar .slideBtn{display:none}.sidebar .logo{top:20px}.sidebar .ul{gap:5px}.sidebar .ul .li{height:50px;width:230px}.sidebar .ul .search .input{width:190px}.sidebar .account{height:80px;width:230px}.sidebar .blurOverLay{display:none}}@media only screen and (max-width:768px)and (min-width:480px){.sidebar{padding:140px 10px;transform:translateX(100%);transition:.7s;width:250px}.sidebar .slideBtn{align-items:center;background-color:#fff;border-radius:0 0 0 50%;box-shadow:-3px 3px 4px #0003;display:flex;height:30px;justify-content:center;left:0;padding:2px 0 0 2px;position:absolute;top:0;transform:translateX(-100%);width:30px;z-index:900}.sidebar .slideBtn:after{background-color:#0000;border-top-left-radius:30px 50px;bottom:-22px;box-shadow:-10px 0 0 -1px #fff;content:"";height:25px;left:3px;position:absolute;right:-5px;transform:rotate(85deg);width:20px}.sidebar .logo{top:20px}.sidebar .ul{gap:10px}.sidebar .ul .li{height:40px;width:230px}.sidebar .ul .search .input{width:190px}.sidebar .account{height:80px;width:230px}.sidebar.active{transform:translateX(0)}.blurOverLay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;transition:.7s;width:0;z-index:890}.blurOverLay.active{width:calc(100% - 250px)}@supports((-webkit-backdrop-filter:blur(0.6rem)) or (backdrop-filter:blur(0.6rem))){.blurOverLay{-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);background-color:#0003}}}@media only screen and (max-width:480px)and (min-width:370px){.sidebar{padding:140px 10px;transform:translateX(100%);transition:.7s;width:250px}.sidebar .slideBtn{align-items:center;background-color:#fff;border-radius:0 0 0 50%;box-shadow:-3px 3px 4px #0003;display:flex;height:30px;justify-content:center;left:0;padding:2px 0 0 2px;position:absolute;top:0;transform:translateX(-100%);width:30px;z-index:900}.sidebar .slideBtn:after{background-color:#0000;border-top-left-radius:30px 50px;bottom:-22px;box-shadow:-10px 0 0 -1px #fff;content:"";height:25px;left:3px;position:absolute;right:-5px;transform:rotate(85deg);width:20px}.sidebar .logo{top:20px}.sidebar .ul{gap:10px}.sidebar .ul .li{height:40px;width:230px}.sidebar .ul .search .input{width:190px}.sidebar .account{height:80px;width:230px}.sidebar.active{transform:translateX(0)}.blurOverLay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;transition:.7s;width:0;z-index:890}.blurOverLay.active{width:calc(100% - 250px)}@supports((-webkit-backdrop-filter:blur(0.6rem)) or (backdrop-filter:blur(0.6rem))){.blurOverLay{-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);background-color:#0003}}}@media only screen and (max-width:370px){.sidebar{padding:130px 10px;transform:translateX(100%);transition:.7s;width:210px}.sidebar .slideBtn{align-items:center;background-color:#fff;border-radius:0 0 0 50%;box-shadow:-3px 3px 4px #0003;display:flex;height:30px;justify-content:center;left:0;padding:2px 0 0 2px;position:absolute;top:0;transform:translateX(-100%);width:30px;z-index:900}.sidebar .slideBtn:after{background-color:#0000;border-top-left-radius:30px 50px;bottom:-22px;box-shadow:-10px 0 0 -1px #fff;content:"";height:25px;left:3px;position:absolute;right:-5px;transform:rotate(85deg);width:20px}.sidebar .logo{top:20px}.sidebar .ul{gap:10px}.sidebar .ul .li{height:40px;width:190px}.sidebar .ul .search .input{width:150px}.sidebar .account{height:80px;width:190px}.sidebar.active{transform:translateX(0)}.blurOverLay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;transition:.7s;width:0;z-index:890}.blurOverLay.active{width:calc(100% - 210px)}@supports((-webkit-backdrop-filter:blur(0.6rem)) or (backdrop-filter:blur(0.6rem))){.blurOverLay{-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);background-color:#0003}}}.home{padding-bottom:100px}.home h1{border-bottom:2px solid #d0d5dd;border-bottom:2px solid var(--borders-color);grid-column:3/11;height:80px;padding-top:20px;text-align:right}.home div{grid-column:4/10;height:calc(100vh - 95px);margin-bottom:50px}.home div article{border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;height:-webkit-fit-content;height:fit-content;margin-bottom:30px;padding-bottom:100px;padding-right:20px;padding-top:20px;position:relative;width:100%}.home div article .three-virus-images{align-items:center;display:flex;height:40px;justify-content:flex-end;left:20px;position:absolute;top:10px;width:100px}.home div article .three-virus-images img{border-radius:50%;height:40px;position:absolute;width:40px}.home div article .three-virus-images img:first-child{left:0;top:0}.home div article .three-virus-images img:nth-child(2){left:20px;top:0;z-index:3}.home div article .three-virus-images img:nth-child(3){left:40px;top:0;z-index:4}.home div article .three-virus-images .extra{align-items:center;background-color:#d0d5dd;background-color:var(--borders-color);border-radius:50%;display:flex;height:40px;justify-content:center;left:60px;position:absolute;width:40px;z-index:5}.home div article .no-data-p{margin-bottom:10px}.home div article .icon{align-items:center;bottom:20px;display:flex;justify-content:center;position:absolute;right:20px}.home div article .navigate-btn{bottom:15px;height:40px;left:20px;position:absolute;width:200px}.home div article.packages{align-items:flex-start;display:flex;flex-direction:column;height:180px;justify-content:flex-start;padding-right:20px;padding-top:20px}.add-admin,.edit-admin{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000;color:#344054;color:var(--normal-text-color);height:100vh;left:0;position:fixed;top:0;transform:translateY(-100%);transition:background-color .7s,backdrop-filter .7s;width:100%;z-index:202}.add-admin form,.edit-admin form{align-items:flex-start;background-color:#fff;background-color:var(--bg-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);display:flex;flex-direction:column;height:640px;justify-content:flex-start;left:50%;padding:100px 20px 20px;position:absolute;top:0;transform:translate(-50%,-100%);transition:.7s;width:700px}.add-admin form .close,.edit-admin form .close{cursor:pointer;position:absolute;right:20px;top:20px}.add-admin form h1,.edit-admin form h1{margin-bottom:40px}.add-admin form input,.edit-admin form input{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:40px;margin-bottom:30px;padding:0 10px;width:280px}.add-admin form div,.edit-admin form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:420px}.add-admin form div span,.edit-admin form div span{background-color:#fff;background-color:var(--bg-color);border:2px solid #215abd;border:2px solid var(--primary-color);border-radius:12.5px;cursor:pointer;height:25px;position:relative;transition:.3s;width:50px}.add-admin form div span:before,.edit-admin form div span:before{background-color:#215abd;background-color:var(--primary-color);border-radius:50%;content:"";height:20px;position:absolute;right:1px;top:50%;transform:translateY(-48%);transition:.3s;width:20px}.add-admin form div span.active,.edit-admin form div span.active{background-color:#215abd;background-color:var(--primary-color)}.add-admin form div span.active:before,.edit-admin form div span.active:before{background-color:#fff;background-color:var(--bg-color);right:calc(100% - 20px)}.add-admin form .submit-btn,.edit-admin form .submit-btn{height:40px;left:20px;position:absolute;top:20px;width:120px}.add-admin form .delete-text,.edit-admin form .delete-text{align-items:center;bottom:20px;color:#d63031;display:flex;gap:10px;height:40px;justify-content:center;left:20px;position:absolute}.add-admin form .delete-text span,.edit-admin form .delete-text span{cursor:pointer}.add-admin form .delete-text span:hover,.edit-admin form .delete-text span:hover{text-decoration:underline}.add-admin form .delete-btn,.edit-admin form .delete-btn{background-color:#0000;border:1px solid #d63031;border-radius:8px;bottom:20px;color:#d63031;height:40px;left:20px;position:absolute;width:160px}.add-admin form .delete-btn:hover,.edit-admin form .delete-btn:hover{background-color:#d63031;color:#fff}.add-admin.active,.edit-admin.active{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background-color:#00000080;transform:translateY(0)}.add-admin.active form,.edit-admin.active form{top:50%;transform:translate(-50%,-50%)}.admins .admins-header{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);display:flex;grid-column:2/12;height:80px;justify-content:space-between}.admins .admins-header input{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);padding:5px 20px;width:220px}.admins .admins-header button{padding:5px 20px}.admins .admins-holder{-ms-overflow-style:none;grid-column:2/12;height:calc(100vh - 95px);overflow-y:scroll;scrollbar-width:none}.admins .admins-holder::-webkit-scrollbar{display:none}.admins .admins-holder .admin{align-items:flex-start;background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);display:flex;flex-direction:column;gap:20px;height:550px;justify-content:flex-start;margin-inline:auto;margin-bottom:60px;padding:20px;position:relative;width:calc(100% - 200px)}.admins .admins-holder .admin h2{color:#344054;color:var(--normal-text-color);left:20px;position:absolute;top:20px}.admins .admins-holder .admin p{align-items:center;border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);display:flex;justify-content:space-between;padding:5px 20px 5px 0;width:400px}.admins .admins-holder .admin p .number{border-right:1px solid #d0d5dd;border-right:1px solid var(--borders-color);height:100%;text-align:center;width:100px}.admins .admins-holder .admin .edit-btn{bottom:20px;height:40px;left:20px;position:absolute;width:240px}.admins .admins-holder .admin .change-pass-btn{background-color:#0000;bottom:70px;height:40px;left:20px;position:absolute;width:240px}.admins .admins-holder .admin .change-pass-holder{align-items:center;bottom:70px;display:flex;height:40px;justify-content:space-between;left:20px;position:absolute;width:240px}.admins .admins-holder .admin .change-pass-holder .change-pass-input{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);padding:5px;width:150px}.admins .admins-holder .admin .change-pass-holder .save-txt{align-items:center;display:flex;gap:5px}.admins .admins-holder .admin .change-pass-holder .save-txt span{cursor:pointer}.admins .admins-holder .admin .change-pass-holder .save-txt span:hover{text-decoration:underline}.admins .admins-holder .admin .change-pass-holder .save-txt span.save{color:#215abd;color:var(--primary-color)}.admins .admins-holder .admin .change-pass-holder .save-txt span.cancel{color:#d63031}.admin-login{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}.admin-login form{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.admin-login form input,.admin-login form label{color:#344054;color:var(--normal-text-color)}.admin-login form input{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;height:40px;margin-bottom:20px;width:320px}.admin-login form p{color:#344054;color:var(--normal-text-color)}.admin-login form a{color:#215abd;color:var(--primary-color)}.admin-login form button{height:40px;width:120px}.owner-login{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}.owner-login form{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.owner-login form input,.owner-login form label{color:#344054;color:var(--normal-text-color)}.owner-login form input{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;height:40px;margin-bottom:20px;width:320px}.owner-login form p{color:#344054;color:var(--normal-text-color)}.owner-login form a{color:#215abd;color:var(--primary-color)}.owner-login form button{height:40px;width:120px}.add-vendor,.edit-vendor{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000;color:#344054;color:var(--normal-text-color);height:100vh;left:0;position:fixed;top:0;transform:translateY(-100%);transition:background-color .7s,backdrop-filter .7s;width:100%;z-index:202}.add-vendor form,.edit-vendor form{align-items:flex-start;background-color:#fff;background-color:var(--bg-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);display:flex;flex-direction:column;justify-content:flex-start;left:50%;padding:100px 20px 20px;position:absolute;top:0;transform:translate(-50%,-100%);transition:.7s;width:700px}.add-vendor form .close,.edit-vendor form .close{cursor:pointer;position:absolute;right:20px;top:20px}.add-vendor form h1,.edit-vendor form h1{margin-bottom:40px}.add-vendor form input,.edit-vendor form input{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:40px;margin-bottom:30px;padding:0 10px;width:280px}.add-vendor form .delete-vendor-tab,.edit-vendor form .delete-vendor-tab{align-items:center;background-color:#fff;background-color:var(--bg-color);border-radius:8px;display:flex;height:100%;justify-content:space-around;left:0;position:absolute;top:0;width:100%;z-index:10}.add-vendor form .delete-vendor-tab input,.edit-vendor form .delete-vendor-tab input{margin-bottom:0}.add-vendor form .delete-vendor-tab .delete-vendor-btn,.edit-vendor form .delete-vendor-tab .delete-vendor-btn{background-color:#0000;border:1px solid #d63031;border-radius:8px;color:#d63031;height:40px;width:160px}.add-vendor form .delete-vendor-tab .delete-vendor-btn:hover,.edit-vendor form .delete-vendor-tab .delete-vendor-btn:hover{background-color:#d63031;color:#fff}.add-vendor form .access-div,.edit-vendor form .access-div{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:420px}.add-vendor form .access-div span,.edit-vendor form .access-div span{background-color:#fff;background-color:var(--bg-color);border:2px solid #215abd;border:2px solid var(--primary-color);border-radius:12.5px;cursor:pointer;height:25px;position:relative;transition:.3s;width:50px}.add-vendor form .access-div span:before,.edit-vendor form .access-div span:before{background-color:#215abd;background-color:var(--primary-color);border-radius:50%;content:"";height:20px;position:absolute;right:1px;top:50%;transform:translateY(-48%);transition:.3s;width:20px}.add-vendor form .access-div span.active,.edit-vendor form .access-div span.active{background-color:#215abd;background-color:var(--primary-color)}.add-vendor form .access-div span.active:before,.edit-vendor form .access-div span.active:before{background-color:#fff;background-color:var(--bg-color);right:calc(100% - 20px)}.add-vendor form .submit-btn,.edit-vendor form .submit-btn{height:40px;left:20px;position:absolute;top:20px;width:120px}.add-vendor form .delete-text,.edit-vendor form .delete-text{align-items:center;bottom:20px;color:#d63031;display:flex;gap:10px;height:40px;justify-content:center;left:20px;position:absolute}.add-vendor form .delete-text span,.edit-vendor form .delete-text span{cursor:pointer}.add-vendor form .delete-text span:hover,.edit-vendor form .delete-text span:hover{text-decoration:underline}.add-vendor form .delete-btn,.edit-vendor form .delete-btn{background-color:#0000;border:1px solid #d63031;border-radius:8px;bottom:20px;color:#d63031;height:40px;left:20px;position:absolute;width:160px}.add-vendor form .delete-btn:hover,.edit-vendor form .delete-btn:hover{background-color:#d63031;color:#fff}.add-vendor form .continue-btn,.edit-vendor form .continue-btn{background-color:#0000;border:1px solid #00b894;border-radius:8px;bottom:20px;color:#00b894;height:40px;left:20px;position:absolute;width:160px}.add-vendor form .continue-btn:hover,.edit-vendor form .continue-btn:hover{background-color:#00b894;color:#fff}.add-vendor form .delete-vendor-btn-2,.edit-vendor form .delete-vendor-btn-2{background-color:#0000;border:1px solid #d63031;border-radius:8px;bottom:70px;color:#d63031;height:40px;left:20px;position:absolute;width:160px}.add-vendor form .delete-vendor-btn-2:hover,.edit-vendor form .delete-vendor-btn-2:hover{background-color:#d63031;color:#fff}.add-vendor.active,.edit-vendor.active{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background-color:#00000080;transform:translateY(0)}.add-vendor.active form,.edit-vendor.active form{top:50%;transform:translate(-50%,-50%)}.vendor .admins-header{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);display:flex;grid-column:2/12;height:80px;justify-content:space-between}.vendor .admins-header input{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);padding:5px 20px;width:220px}.vendor .admins-header button{padding:5px 20px}.vendor .admins-holder{-ms-overflow-style:none;grid-column:2/12;height:calc(100vh - 95px);overflow-y:scroll;scrollbar-width:none}.vendor .admins-holder::-webkit-scrollbar{display:none}.vendor .admins-holder .admin{align-items:flex-start;background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);display:flex;flex-direction:column;gap:20px;justify-content:flex-start;margin-inline:auto;margin-bottom:60px;padding:80px 20px 160px;position:relative;width:calc(100% - 200px)}.vendor .admins-holder .admin h2{color:#344054;color:var(--normal-text-color);left:20px;position:absolute;top:20px}.vendor .admins-holder .admin p{align-items:center;border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);display:flex;justify-content:space-between;padding:5px 20px 5px 0;width:400px}.vendor .admins-holder .admin p .number{border-right:1px solid #d0d5dd;border-right:1px solid var(--borders-color);height:100%;text-align:center;width:100px}.vendor .admins-holder .admin .edit-btn{bottom:20px;height:40px;left:20px;position:absolute;width:240px}.vendor .admins-holder .admin .change-pass-btn{background-color:#0000;bottom:70px;height:40px;left:20px;position:absolute;width:240px}.vendor .admins-holder .admin .change-pass-holder{align-items:center;bottom:70px;display:flex;height:40px;justify-content:space-between;left:20px;position:absolute;width:240px}.vendor .admins-holder .admin .change-pass-holder .change-pass-input{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);padding:5px;width:150px}.vendor .admins-holder .admin .change-pass-holder .save-txt{align-items:center;display:flex;gap:5px}.vendor .admins-holder .admin .change-pass-holder .save-txt span{cursor:pointer}.vendor .admins-holder .admin .change-pass-holder .save-txt span:hover{text-decoration:underline}.vendor .admins-holder .admin .change-pass-holder .save-txt span.save{color:#215abd;color:var(--primary-color)}.vendor .admins-holder .admin .change-pass-holder .save-txt span.cancel{color:#d63031}.section-filters{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background-color:#00000080;color:#344054;color:var(--normal-text-color);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:202}.section-filters .filters-holder{align-items:center;background-color:#fff;background-color:var(--bg-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);display:flex;flex-direction:column;gap:20px;height:580px;justify-content:flex-start;left:50%;padding:100px 20px 20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:700px}.section-filters .filters-holder .close{cursor:pointer;position:absolute;right:20px;top:20px}.section-filters .filters-holder .choose-category{border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;height:40px;width:380px}.section-filters .filters-holder .choose-category option{color:#344054;color:var(--normal-text-color)}.section-filters .filters-holder .list-holder{-ms-overflow-style:none;height:380px;overflow-y:scroll;scrollbar-width:none;width:380px}.section-filters .filters-holder .list-holder::-webkit-scrollbar{display:none}.section-filters .filters-holder .filters{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;width:100%}.section-filters .filters-holder .filters .filter{align-items:center;border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;box-shadow:2px 2px 4px rgba(0,0,0,.333);display:flex;height:60px;justify-content:space-between;padding:0 20px;width:100%}.section-filters .filters-holder .filters .filter .edit-filter-input{border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:40px;padding:0 10px;width:180px}.section-filters .filters-holder .filters .icons{align-items:center;display:flex;gap:10px}.section-filters .filters-holder .filters .icons .edit{align-items:center;border-bottom:2px solid #0000;color:#215abd;color:var(--primary-color);cursor:pointer;display:flex;justify-content:center}.section-filters .filters-holder .filters .icons .edit:hover{border-bottom:2px solid #215abd;border-bottom:2px solid var(--primary-color)}.section-filters .filters-holder .filters .icons .delete{align-items:center;border-bottom:2px solid #0000;color:#d63031;cursor:pointer;display:flex;justify-content:center}.section-filters .filters-holder .filters .icons .delete:hover{border-bottom:2px solid #d63031}.section-filters .filters-holder .filters .icons .sure-txt .yes{color:#215abd;color:var(--primary-color);cursor:pointer}.section-filters .filters-holder .filters .icons .sure-txt .yes:hover{text-decoration:underline}.section-filters .filters-holder .filters .icons .sure-txt .no{color:#d63031;cursor:pointer}.section-filters .filters-holder .filters .icons .sure-txt .no:hover{text-decoration:underline}.section-filters .filters-holder .filters .add-filter{align-items:center;display:flex;justify-content:space-between;width:100%}.section-filters .filters-holder .filters .add-filter .add-input{border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:40px;padding:0 10px;width:180px}.section-filters .filters-holder .filters .add-filter .add-btn{height:40px;width:120px}.add-section{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000;color:#344054;color:var(--normal-text-color);height:100vh;left:0;position:fixed;top:0;transform:translateY(-100%);transition:background-color .7s,backdrop-filter .7s;width:100%;z-index:202}.add-section form{align-items:flex-start;background-color:#fff;background-color:var(--bg-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);display:flex;flex-direction:column;height:580px;justify-content:flex-start;left:50%;padding:100px 20px 20px;position:absolute;top:0;transform:translate(-50%,-100%);transition:.7s;width:700px}.add-section form .close{cursor:pointer;position:absolute;right:20px;top:20px}.add-section form h1{margin-bottom:40px}.add-section form input{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:40px;margin-bottom:30px;padding:0 10px;width:280px}.add-section form .percentage{height:40px;left:90px;position:absolute;top:25px;width:120px}.add-section form .submit-btn{height:40px;left:20px;position:absolute;top:20px;width:120px}.add-section form .category-heading{position:absolute;right:20px;top:160px}.add-section form .categories{-ms-overflow-style:none;height:320px;overflow-y:scroll;position:absolute;right:20px;scrollbar-width:none;top:210px;width:280px}.add-section form .categories::-webkit-scrollbar{display:none}.add-section form .categories .category{align-items:center;display:flex;height:40px;justify-content:space-between;margin-bottom:10px;width:280px}.add-section form .categories .category .category-input{margin-bottom:0;width:180px}.add-section form .categories .category .remove-fu-btn{color:#d63031;cursor:pointer;display:flex;font-size:32px}.add-section form .categories .add-category-btn{border-radius:50%;color:#215abd;color:var(--primary-color);cursor:pointer;display:flex;font-size:38px;width:35px}.add-section form .main-image{left:20px;position:absolute;top:100px}.add-section form .main-image,.add-section form .main-image h2{align-items:center;display:flex;height:180px;justify-content:center;width:180px}.add-section form .main-image h2{border:2px dashed #d0d5dd;border:2px dashed var(--borders-color);cursor:pointer;padding:20px;text-align:center}.add-section form .main-image h2:hover{color:#215abd;color:var(--primary-color)}.add-section form .main-image .cancel{background-color:#d63031;left:0;transform:translate(-50%,-50%)}.add-section form .main-image .cancel,.add-section form .main-image .done{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;position:absolute;top:0;width:35px;z-index:40}.add-section form .main-image .done{background-color:#215abd;background-color:var(--primary-color);right:0;transform:translate(50%,-50%)}.add-section form .delete-text{align-items:center;bottom:20px;color:#d63031;display:flex;gap:10px;height:40px;justify-content:center;left:20px;position:absolute}.add-section form .delete-text span{cursor:pointer}.add-section form .delete-text span:hover{text-decoration:underline}.add-section form .delete-btn{background-color:#0000;border:1px solid #d63031;border-radius:8px;bottom:20px;color:#d63031;height:40px;left:20px;position:absolute;width:160px}.add-section form .delete-btn:hover{background-color:#d63031;color:#fff}.add-section.active{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background-color:#00000080;transform:translateY(0)}.add-section.active form{top:50%;transform:translate(-50%,-50%)}.sections-page{-ms-overflow-style:none;color:#344054;color:var(--normal-text-color);height:calc(100vh - 95px);overflow-y:scroll;scrollbar-width:none}.sections-page::-webkit-scrollbar{display:none}.sections-page .sections-header{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);display:flex;grid-column:2/12;height:80px;justify-content:flex-end}.sections-page .sections-header button{padding:5px 20px}.sections-page .sections-holder{align-items:center;display:flex;flex-direction:column;grid-column:2/12;justify-content:flex-start}.sections-page .sections-holder .section{background-color:#fff;background-color:var(--side-bar-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);margin-bottom:30px;position:relative;width:100%}.sections-page .sections-holder .section .edit-section-data{align-items:center;background-color:#fff;background-color:var(--side-bar-color);border-radius:8px;display:flex;height:100%;justify-content:space-around;left:0;position:absolute;top:0;width:100%;z-index:10}.sections-page .sections-holder .section .edit-section-data .close-btn{color:#344054;color:var(--normal-text-color);cursor:pointer;position:absolute;right:10px;top:10px}.sections-page .sections-holder .section .edit-section-data .edit-section-input{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:40px;padding:0 10px;width:280px}.sections-page .sections-holder .section .edit-section-data .main-image{align-items:center;display:flex;height:160px;justify-content:center;position:relative;width:160px}.sections-page .sections-holder .section .edit-section-data .main-image h2{align-items:center;border:2px dashed #d0d5dd;border:2px dashed var(--borders-color);cursor:pointer;display:flex;height:160px;justify-content:center;padding:20px;text-align:center;width:160px}.sections-page .sections-holder .section .edit-section-data .main-image h2:hover{color:#215abd;color:var(--primary-color)}.sections-page .sections-holder .section .edit-section-data .main-image .cancel{align-items:center;background-color:#d63031;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;left:0;position:absolute;top:0;transform:translate(-50%,-50%);width:35px;z-index:40}.sections-page .sections-holder .section .edit-section-data .main-image .done{align-items:center;background-color:#215abd;background-color:var(--primary-color);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:35px;z-index:40}.sections-page .sections-holder .section .edit-section-data .save-btn{left:10px;padding:5px 10px;position:absolute;top:10px}.sections-page .sections-holder .section .section-image{position:absolute;right:10px;top:10px;width:60px}.sections-page .sections-holder .section .section-name{position:absolute;right:80px;top:20px}.sections-page .sections-holder .section .edit-section{left:20px;padding:5px 10px;position:absolute;top:20px}.sections-page .sections-holder .section .hide-btn{background-color:#0000;left:250px;padding:5px 10px;position:absolute;top:20px}.sections-page .sections-holder .section .hide-txt-confrimation{left:250px;position:absolute;top:30px}.sections-page .sections-holder .section .hide-txt-confrimation .yes{color:#215abd;color:var(--primary-color);cursor:pointer}.sections-page .sections-holder .section .hide-txt-confrimation .yes:hover{text-decoration:underline}.sections-page .sections-holder .section .hide-txt-confrimation .no{color:#d63031;cursor:pointer}.sections-page .sections-holder .section .hide-txt-confrimation .no:hover{text-decoration:underline}.sections-page .sections-holder .section .show-filters{background-color:#0000;left:110px;padding:5px 10px;position:absolute;top:20px}.sections-page .sections-holder .section .show-btn{background-color:#0000;border:2px solid #00b894;color:#00b894;left:250px;padding:5px 10px;position:absolute;top:20px}.sections-page .sections-holder .section .delete-btn{background-color:#0000;border:2px solid #d63031;color:#d63031;left:340px;padding:5px 10px;position:absolute;top:20px}.sections-page .sections-holder .section .delete-txt-confrimation{left:340px;position:absolute;top:30px}.sections-page .sections-holder .section .delete-txt-confrimation .yes{color:#215abd;color:var(--primary-color);cursor:pointer}.sections-page .sections-holder .section .delete-txt-confrimation .yes:hover{text-decoration:underline}.sections-page .sections-holder .section .delete-txt-confrimation .no{color:#d63031;cursor:pointer}.sections-page .sections-holder .section .delete-txt-confrimation .no:hover{text-decoration:underline}.sections-page .sections-holder .section .categories{display:flex;flex-wrap:wrap;gap:20px 80px;margin:120px 20px 20px}.sections-page .sections-holder .section .categories .category{align-items:center;border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;display:flex;flex-direction:column;gap:10px;min-width:160px;padding:5px}.sections-page .sections-holder .section .categories .category .icons{display:flex;justify-content:space-between;width:100%}.sections-page .sections-holder .section .categories .category .icons .icon{cursor:pointer;display:flex}.sections-page .sections-holder .section .categories .category .icons .confirm-delete-txt{color:#215abd;color:var(--primary-color);cursor:pointer}.sections-page .sections-holder .section .categories .category .icons .confirm-delete-txt:hover{text-decoration:underline}.sections-page .sections-holder .section .categories .category .icons .cancel-delete-txt{color:#d63031;cursor:pointer}.sections-page .sections-holder .section .categories .category .icons .cancel-delete-txt:hover{text-decoration:underline}.sections-page .sections-holder .section .categories .add-input{display:flex;gap:10px}.sections-page .sections-holder .section .categories .add-input input{background-color:#0000;border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;height:35px;width:120px}.sections-page .sections-holder .section .categories .add-input .icon{color:#215abd;color:var(--primary-color);cursor:pointer;display:flex}.sections-page .sections-holder .section .categories .change-category-name{align-items:center;border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;display:flex;gap:10px;padding:5px}.sections-page .sections-holder .section .categories .change-category-name input{border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;height:35px;width:120px}.sections-page .sections-holder .section .categories .change-category-name .confirm-delete-txt{color:#215abd;color:var(--primary-color);cursor:pointer}.sections-page .sections-holder .section .categories .change-category-name .confirm-delete-txt:hover{text-decoration:underline}.sections-page .sections-holder .section .categories .change-category-name .cancel-delete-txt{color:#d63031;cursor:pointer}.sections-page .sections-holder .section .categories .change-category-name .cancel-delete-txt:hover{text-decoration:underline}.sections-page .popular-products-heading{border-top:2px solid #d0d5dd;border-top:2px solid var(--borders-color);grid-column:2/12;text-align:center}.sections-page .popular-products-holder{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;grid-column:2/12;justify-content:flex-start;padding-top:20px}.sections-page .popular-products-holder .product{border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;box-shadow:3px 3px 3px rgba(0,0,0,.125);height:280px;position:relative;width:200px}.sections-page .popular-products-holder .product .product-image{border-radius:8px 8px 0 0;height:200px;left:0;position:absolute;top:0;width:200px}.sections-page .popular-products-holder .product .product-code{position:absolute;right:10px;top:210px}.sections-page .popular-products-holder .product .product-name{position:absolute;right:10px;top:235px}.sections-page .popular-products-holder .product .remove-icon{border-radius:50%;color:#d63031;cursor:pointer;display:flex;left:10px;position:absolute;top:210px}.sections-page .popular-products-holder .product .remove-icon:hover{background-color:#d63031;color:#fff}.sections-page .add-product{align-items:center;display:flex;flex-direction:column;grid-column:2/12;justify-content:flex-start}.sections-page .add-product .form{align-items:center;box-shadow:3px 3px 3px rgba(0,0,0,.263);display:flex;height:80px;justify-content:space-between;margin:20px 0 80px;padding:0 20px;width:480px}.sections-page .add-product .form,.sections-page .add-product .form .code-input{border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px}.sections-page .add-product .form .code-input{height:40px;width:160px}.sections-page .add-product .form .add-btn{align-items:center;display:flex;height:40px;justify-content:center;width:80px}.create-ad,.edit-ad{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000;color:#344054;color:var(--normal-text-color);height:100vh;left:0;position:fixed;top:0;transform:translateY(-100%);transition:background-color .7s,backdrop-filter .7s;width:100%;z-index:202}.create-ad form,.edit-ad form{align-items:flex-start;background-color:#fff;background-color:var(--bg-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);display:flex;flex-direction:column;height:580px;justify-content:flex-start;left:50%;padding:100px 20px 20px;position:absolute;top:0;transform:translate(-50%,-100%);transition:.7s;width:700px}.create-ad form .close,.edit-ad form .close{cursor:pointer;position:absolute;right:20px;top:20px}.create-ad form input,.create-ad form select,.edit-ad form input,.edit-ad form select{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:40px;margin-bottom:30px;padding:0 10px}.create-ad form .main-image,.edit-ad form .main-image{align-items:center;display:flex;height:210px;justify-content:center;left:50%;position:absolute;top:100px;transform:translateX(-50%);width:416px}.create-ad form .main-image h2,.edit-ad form .main-image h2{align-items:center;border:2px dashed #d0d5dd;border:2px dashed var(--borders-color);cursor:pointer;display:flex;height:210px;justify-content:center;padding:20px;text-align:center;width:416px}.create-ad form .main-image h2:hover,.edit-ad form .main-image h2:hover{color:#215abd;color:var(--primary-color)}.create-ad form .main-image .cancel,.edit-ad form .main-image .cancel{background-color:#d63031;left:0;transform:translate(-50%,-50%)}.create-ad form .main-image .cancel,.create-ad form .main-image .done,.edit-ad form .main-image .cancel,.edit-ad form .main-image .done{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;position:absolute;top:0;width:35px;z-index:40}.create-ad form .main-image .done,.edit-ad form .main-image .done{background-color:#215abd;background-color:var(--primary-color);right:0;transform:translate(50%,-50%)}.create-ad form .ad-name,.edit-ad form .ad-name{left:50%;position:absolute;top:340px;transform:translateX(-50%);width:416px}.create-ad form .ad-type,.edit-ad form .ad-type{left:50%;position:absolute;top:400px;transform:translateX(-50%);width:416px}.create-ad form .ad-data,.edit-ad form .ad-data{left:50%;position:absolute;top:460px;transform:translateX(-50%);width:416px}.create-ad form .submit-btn,.edit-ad form .submit-btn{height:40px;left:20px;position:absolute;top:20px;width:120px}.create-ad form .delete-text,.edit-ad form .delete-text{align-items:center;bottom:20px;color:#d63031;display:flex;gap:10px;height:40px;justify-content:center;left:20px;position:absolute}.create-ad form .delete-text span,.edit-ad form .delete-text span{cursor:pointer}.create-ad form .delete-text span:hover,.edit-ad form .delete-text span:hover{text-decoration:underline}.create-ad form .delete-btn,.edit-ad form .delete-btn{background-color:#0000;border:1px solid #d63031;border-radius:8px;bottom:20px;color:#d63031;height:40px;left:20px;position:absolute;width:160px}.create-ad form .delete-btn:hover,.edit-ad form .delete-btn:hover{background-color:#d63031;color:#fff}.create-ad.active,.edit-ad.active{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background-color:#00000080;transform:translateY(0)}.create-ad.active form,.edit-ad.active form{top:50%;transform:translate(-50%,-50%)}.ads-page .ads-header{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);display:flex;grid-column:2/12;height:80px;justify-content:flex-end}.ads-page .ads-header input{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);padding:5px 20px;width:220px}.ads-page .ads-header button{padding:5px 20px}.ads-page .ads-holder{-ms-overflow-style:none;grid-column:2/12;height:calc(100vh - 95px);overflow-y:scroll;scrollbar-width:none}.ads-page .ads-holder::-webkit-scrollbar{display:none}.ads-page .ads-holder .ad{border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);height:380px;margin-bottom:40px;position:relative;width:100%}.ads-page .ads-holder .ad .ad-name{position:absolute;right:10px;top:10px}.ads-page .ads-holder .ad .hide-btn,.ads-page .ads-holder .ad .show-btn{left:10px;padding:5px 10px;position:absolute;top:10px}.ads-page .ads-holder .ad .show-btn{border:2px solid #00b894;color:#00b894}.ads-page .ads-holder .ad .show-btn:hover{background-color:#00b894;color:#fff}.ads-page .ads-holder .ad .delete-btn{border:2px solid #d63031;color:#d63031;left:90px;padding:5px 10px;position:absolute;top:10px}.ads-page .ads-holder .ad .delete-btn:hover{background-color:#d63031;color:#fff}.ads-page .ads-holder .ad .delete-txt-confrimation{left:90px;position:absolute;top:20px}.ads-page .ads-holder .ad .delete-txt-confrimation .yes{color:#215abd;color:var(--primary-color);cursor:pointer}.ads-page .ads-holder .ad .delete-txt-confrimation .yes:hover{text-decoration:underline}.ads-page .ads-holder .ad .delete-txt-confrimation .no{color:#d63031;cursor:pointer}.ads-page .ads-holder .ad .delete-txt-confrimation .no:hover{text-decoration:underline}.ads-page .ads-holder .ad .ad-image{left:50%;position:absolute;top:70px;transform:translateX(-50%);width:320px}.ads-page .ads-holder .ad .ad-type{left:10px;position:absolute;top:300px}.ads-page .ads-holder .ad .ad-data{position:absolute;right:10px;top:300px}.ads-page .ads-holder .ad .ad-date{bottom:10px;left:10px;position:absolute}.create-coupon{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000;color:#344054;color:var(--normal-text-color);height:100vh;left:0;position:fixed;top:0;transform:translateY(-100%);transition:background-color .7s,backdrop-filter .7s;width:100%;z-index:202}.create-coupon form{align-items:center;background-color:#fff;background-color:var(--bg-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;left:50%;padding:100px 20px 20px;position:absolute;top:0;transform:translate(-50%,-100%);transition:.7s;width:600px}.create-coupon form .close{cursor:pointer;position:absolute;right:20px;top:20px}.create-coupon form input,.create-coupon form select{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:40px;margin-bottom:30px;padding:0 10px;width:416px}.create-coupon form .submit-btn{height:40px;left:20px;position:absolute;top:20px;width:120px}.create-coupon.active{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background-color:#00000080;transform:translateY(0)}.create-coupon.active form{top:50%;transform:translate(-50%,-50%)}.coupons-page .coupons-header{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);display:flex;grid-column:2/12;height:80px;justify-content:flex-end}.coupons-page .coupons-header input{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);padding:5px 20px;width:220px}.coupons-page .coupons-header button{padding:5px 20px}.coupons-page .coupons-holder{-ms-overflow-style:none;grid-column:2/12;height:calc(100vh - 95px);overflow-y:scroll;scrollbar-width:none}.coupons-page .coupons-holder::-webkit-scrollbar{display:none}.coupons-page .coupons-holder .coupon{align-items:center;border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:40px;padding:120px 20px 20px;position:relative;width:100%}.coupons-page .coupons-holder .coupon .copoun-name{position:absolute;right:20px;top:20px}.coupons-page .coupons-holder .coupon .discount{position:absolute;right:20px;top:60px}.coupons-page .coupons-holder .coupon .hide-btn{left:20px;padding:5px 10px;position:absolute;top:20px}.coupons-page .coupons-holder .coupon .other-data{align-items:center;border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;display:flex;height:35px;justify-content:center;margin-bottom:20px;width:400px}.coupons-page .coupons-holder .coupon .delete-btn{border:2px solid #d63031;color:#d63031;left:20px;padding:5px 10px;position:absolute;top:20px}.coupons-page .coupons-holder .coupon .delete-btn:hover{background-color:#d63031;color:#fff}.coupons-page .coupons-holder .coupon .delete-txt-confrimation{left:20px;position:absolute;top:20px}.coupons-page .coupons-holder .coupon .delete-txt-confrimation .yes{color:#215abd;color:var(--primary-color);cursor:pointer}.coupons-page .coupons-holder .coupon .delete-txt-confrimation .yes:hover{text-decoration:underline}.coupons-page .coupons-holder .coupon .delete-txt-confrimation .no{color:#d63031;cursor:pointer}.coupons-page .coupons-holder .coupon .delete-txt-confrimation .no:hover{text-decoration:underline}.users-page .user-page-header{border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);grid-column:2/12;height:80px;position:relative}.users-page .user-page-header .search-username-btn{position:absolute;right:170px;top:50%;transform:translateY(-50%);width:110px}.users-page .user-page-header .search-btn{left:0;position:absolute;top:50%;transform:translateY(-50%);width:80px}.users-page .user-page-header input{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:35px;padding:0 5px;position:absolute;top:50%;transform:translateY(-50%);width:160px}.users-page .user-page-header input.number-input{left:90px}.users-page .loading-users{grid-column:2/12;min-height:calc(100vh - 100px)}.users-page .users-holder{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:column;grid-column:2/12;height:calc(100vh - 100px);justify-content:flex-start;overflow-y:scroll;scrollbar-width:none}.users-page .users-holder::-webkit-scrollbar{display:none}.users-page .users-holder .users-header{align-items:center;border-bottom:2px solid #215abd;border-bottom:2px solid var(--primary-color);color:#344054;color:var(--normal-text-color);display:flex;height:50px;justify-content:space-between;width:100%}.users-page .users-holder .txt1-w{width:260px}.users-page .users-holder .txt2-w{width:180px}.users-page .users-holder .txt3-w{align-items:center;display:flex;justify-content:center;width:130px}.users-page .users-holder .showen-users{-ms-overflow-style:none;display:flex;flex-direction:column;height:calc(100vh - 230px);overflow-y:scroll;scrollbar-width:none;width:100%}.users-page .users-holder .showen-users::-webkit-scrollbar{display:none}.users-page .users-holder .showen-users li{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);color:#344054;color:var(--normal-text-color);display:flex;height:50px;justify-content:space-between;width:100%}.users-page .users-holder .showen-users li .ban-btn{background-color:#0000;border:2px solid #d63031;border-radius:8px;color:#d63031}.users-page .users-holder .showen-users li .ban-btn:hover{outline:2px solid rgba(214,48,48,.255)}.users-page .users-holder .showen-users li .unban-btn{background-color:#0000;border:2px solid #00b894;border-radius:8px;color:#00b894}.users-page .users-holder .showen-users li .unban-btn:hover{outline:2px solid #00b8932e}.users-page .users-holder .showen-users li .msg-icon{color:#344054;color:var(--normal-text-color);cursor:pointer;display:flex}.users-page .users-holder .showen-users li .msg-icon:hover{color:#d0d5dd;color:var(--borders-color)}.users-page .users-holder .showen-users li .msg-icon-users{color:#344054;color:var(--normal-text-color);cursor:pointer;display:flex}.users-page .users-holder .showen-users li .msg-icon-users:hover{color:#d0d5dd;color:var(--borders-color)}.users-page .users-holder .showen-users li .verified-state{position:relative}.users-page .users-holder .showen-users li .verified-state:before{background-color:#00b894;border-radius:50%;content:"";height:18px;position:absolute;width:18px}.users-page .users-holder .showen-users li .verified-state.not-verified:before{background-color:#d63031}.users-page .users-holder .bullets{align-items:center;border-top:2px solid #215abd;border-top:2px solid var(--primary-color);display:flex;gap:10px;height:80px;justify-content:center;width:100%}.users-page .users-holder .bullets li{align-items:center;background-color:#0000;border:2px solid #215abd;border:2px solid var(--primary-color);border-radius:50%;color:#215abd;color:var(--primary-color);cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.users-page .users-holder .bullets li.choosen,.users-page .users-holder .bullets li:hover{background-color:#215abd;background-color:var(--primary-color);color:#d9e2ff;color:var(--secondary-color)}.order-details .order .save-btn{height:40px;left:20px;position:absolute;top:20px;width:160px}.order-details .order .accept-btn{border:2px solid #00b894;color:#00b894;height:40px;left:190px;position:absolute;top:20px;width:100px}.order-details .order .accept-btn:hover{background-color:#00b894;color:#fff}.order-details .order .reject-btn{border:2px solid #d63031;color:#d63031;height:40px;left:300px;position:absolute;top:20px;width:100px}.order-details .order .reject-btn:hover{background-color:#d63031;color:#fff}.order-details .order .reject-order-btn{border:2px solid #d63031;color:#d63031;height:40px;left:20px;position:absolute;top:20px;width:100px}.order-details .order .reject-order-btn:hover{background-color:#d63031;color:#fff}.order-details .order .delete-text{align-items:center;color:#d63031;display:flex;gap:10px;height:40px;justify-content:center;left:300px;position:absolute;top:20px}.order-details .order .delete-text span{cursor:pointer}.order-details .order .delete-text span:hover{text-decoration:underline}.order-details .order .reject-order-text{align-items:center;color:#d63031;display:flex;gap:10px;height:40px;justify-content:center;left:20px;position:absolute;top:20px}.order-details .order .reject-order-text span{cursor:pointer}.order-details .order .reject-order-text span:hover{text-decoration:underline}.order-details .order .order-data{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px 20px;height:380px;margin-bottom:20px;width:100%}.order-details .order .order-data.short{height:280px}.order-details .order .order-data li{border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;display:flex;height:40px;width:-webkit-fit-content;width:fit-content}.order-details .order .order-data li .name{align-items:center;border-left:1px solid #d0d5dd;border-left:1px solid var(--borders-color);display:flex;height:40px;justify-content:center;padding:0 10px;width:-webkit-fit-content;width:fit-content;width:150px}.order-details .order .order-data li .value{align-items:center;display:flex;height:40px;justify-content:center;overflow:hidden;padding:0 20px;width:160px}.order-details .order .order-data li .copy-icon{align-items:center;border-radius:50%;color:#344054;color:var(--normal-text-color);cursor:pointer;display:flex;height:35px;justify-content:center;margin-right:5px;width:35px}.order-details .order .order-data li .copy-icon:hover{background-color:#0000001a}.order-details .order .notes{border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;margin-bottom:20px;padding:20px;width:calc(100% - 10px)}.order-details .order .cart .item .product .delete-btn{align-items:center;background-color:#0000;border-radius:50%;color:#d63031;display:flex;justify-content:center;left:10px;position:absolute;top:10px}.order-details .order .cart .item .product .delete-btn:hover{background-color:#d63031;color:#fff}.order-details .order .cart .item .addition .delete-btn{align-items:center;background-color:#0000;border-radius:50%;color:#d63031;display:flex;justify-content:center;left:10px;position:absolute;top:10px}.order-details .order .cart .item .addition .delete-btn:hover{background-color:#d63031;color:#fff}.order-details .order .add-product{align-items:center;border-top:2px solid #d0d5dd;border-top:2px solid var(--borders-color);display:flex;flex-direction:column;justify-content:flex-start;padding-top:10px;width:100%}.order-details .order .add-product .heading-txt{margin-bottom:10px}.order-details .order .add-product .product{background-color:#fff;background-color:var(--bg-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.404);height:260px;margin-bottom:20px;position:relative;width:100%}.order-details .order .add-product .product .product-image{border-radius:8px;position:absolute;right:10px;top:10px;width:120px}.order-details .order .add-product .product .product-code{position:absolute;right:140px;top:10px}.order-details .order .add-product .product .product-name{position:absolute;right:140px;top:40px}.order-details .order .add-product .product .product-price{position:absolute;right:140px;top:70px}.order-details .order .add-product .product .product-price .price-before{text-decoration:line-through}.order-details .order .add-product .product .sizes{display:flex;gap:5px;position:absolute;right:140px;top:100px}.order-details .order .add-product .product .sizes li{align-items:center;background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);cursor:pointer;display:flex;height:35px;justify-content:center;width:35px}.order-details .order .add-product .product .sizes li.selected,.order-details .order .add-product .product .sizes li:hover{background-color:#344054;background-color:var(--normal-text-color);color:#fff;color:var(--bg-color)}.order-details .order .add-product .product .variations{display:flex;flex-wrap:wrap;gap:10px;position:absolute;right:10px;top:150px}.order-details .order .add-product .product .variations li{border-radius:8px;cursor:pointer;padding:2px}.order-details .order .add-product .product .variations li.selected,.order-details .order .add-product .product .variations li:hover{outline:4px solid #d0d5dd;outline:4px solid var(--borders-color)}.order-details .order .add-product .product .variations li .hide{display:none}.order-details .order .add-product .product .variations li img{border-radius:8px;width:90px}.order-details .order .add-product .product .add-btn{bottom:10px;height:40px;left:10px;position:absolute;width:80px}.order-details .order .add-product .product .delete-btn{align-items:center;background-color:#0000;border-radius:50%;color:#d63031;display:flex;justify-content:center;left:10px;position:absolute;top:10px}.order-details .order .add-product .product .delete-btn:hover{background-color:#d63031;color:#fff}.order-details .order .add-product .new-product-input{align-items:center;display:flex;justify-content:space-between;width:90%}.order-details .order .add-product .new-product-input input{border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;height:40px;width:180px}.order-details .order .add-product .new-product-input .add-btn{align-items:center;display:flex;height:40px;justify-content:center;width:90px}.orders-page{color:#344054;color:var(--normal-text-color)}.orders-page .orders-header{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);display:flex;grid-column:1/13;height:80px;justify-content:space-between}.orders-page .orders-header button{height:40px;width:80px}.orders-page .orders-header .search-single-order{align-items:center;display:flex;gap:10px}.orders-page .orders-header .search-single-order .order-number-input{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:40px;padding:0 10px;width:130px}.orders-page .orders-header .max{align-items:center;display:flex;gap:5px;width:260px}.orders-page .orders-header .max:after{content:"القيمة";right:2px}.orders-page .orders-header .max:after,.orders-page .orders-header .max:before{background-color:#fff;background-color:var(--bg-color);font-size:16px;font-weight:500;padding:2px 5px;position:absolute;top:2px}.orders-page .orders-header .max:before{content:"العدد";right:87px;z-index:10}.orders-page .orders-header .max .order-number-input{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:40px;padding:0 10px;position:relative;width:80px}.orders-page .orders-header .search-many-orders{align-items:center;display:flex;gap:10px}.orders-page .orders-header .search-many-orders select{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:40px;padding:0 10px;width:140px}.orders-page .orders-loading{-ms-overflow-style:none;align-items:flex-start;display:flex;flex-direction:column;grid-column:1/13;height:calc(100vh - 95px);justify-content:flex-start;overflow-y:scroll;scrollbar-width:none}.orders-page .orders-loading::-webkit-scrollbar{display:none}.orders-page .orders-holder{grid-column:1/13}.orders-page .orders-holder .orders-list-holder .orders-header{align-items:center;border-bottom:2px solid #215abd;border-bottom:2px solid var(--primary-color);color:#344054;color:var(--normal-text-color);display:flex;height:50px;justify-content:space-between;width:100%}.orders-page .orders-holder .orders-list-holder .txt1-w{width:120px}.orders-page .orders-holder .orders-list-holder .txt2-w{width:160px}.orders-page .orders-holder .orders-list-holder .txt3-w{width:60px}.orders-page .orders-holder .orders-list-holder .txt4-w{width:100px}.orders-page .orders-holder .orders-list-holder .txt5-w{width:80px}.orders-page .orders-holder .orders-list-holder .txt6-w{display:flex;justify-content:space-around;width:220px}.orders-page .orders-holder .orders-list-holder .all-orders{-ms-overflow-style:none;display:flex;flex-direction:column;height:calc(100vh - 150px);overflow-y:scroll;scrollbar-width:none;width:100%}.orders-page .orders-holder .orders-list-holder .all-orders::-webkit-scrollbar{display:none}.orders-page .orders-holder .orders-list-holder .all-orders li{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);color:#344054;color:var(--normal-text-color);display:flex;height:50px;justify-content:space-between;margin:10px 0;padding-bottom:10px;width:100%}.orders-page .orders-holder .orders-list-holder .all-orders li .details{padding:2px 10px}.orders-page .orders-holder .orders-list-holder .all-orders li .details.not-able{cursor:not-allowed;opacity:.5}.order-details{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background-color:#0000;background-color:#00000080;color:#344054;color:var(--normal-text-color);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:202}.order-details .order{-ms-overflow-style:none;align-items:center;background-color:#fff;background-color:var(--bg-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);display:flex;flex-direction:column;height:580px;justify-content:flex-start;left:50%;overflow-y:scroll;padding:80px 20px 20px;position:absolute;scrollbar-width:none;top:50%;transform:translate(-50%,-50%);transition:.7s;width:700px}.order-details .order::-webkit-scrollbar{display:none}.order-details .order .close{cursor:pointer;position:absolute;right:20px;top:20px}.order-details .order .cart{width:90%}.order-details .order .cart .item{align-items:center;display:flex;flex-direction:column}.order-details .order .cart .item .product{background-color:#fff;background-color:var(--bg-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.404);height:220px;margin-bottom:20px;position:relative;width:100%}.order-details .order .cart .item .product .product-image{border-radius:8px;position:absolute;right:10px;top:10px;width:120px}.order-details .order .cart .item .product .product-code{position:absolute;right:140px;top:10px}.order-details .order .cart .item .product .product-name{position:absolute;right:140px;top:40px}.order-details .order .cart .item .product .product-size{position:absolute;right:140px;top:70px}.order-details .order .cart .item .product .product-price{position:absolute;right:140px;top:100px}.order-details .order .cart .item .product .product-price .price-before{text-decoration:line-through}.order-details .order .cart .item .product .quanity{border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;display:flex;position:absolute;right:10px;top:160px;-webkit-user-select:none;user-select:none}.order-details .order .cart .item .product .quanity .icon{align-items:center;cursor:pointer;display:flex;justify-content:center;width:60px}.order-details .order .cart .item .product .quanity .number{align-items:center;border-left:2px solid #d0d5dd;border-left:2px solid var(--borders-color);border-right:2px solid #d0d5dd;border-right:2px solid var(--borders-color);display:flex;justify-content:center;width:60px}.order-details .order .cart .item .addition{background-color:#fff;background-color:var(--bg-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.404);height:180px;margin-bottom:20px;position:relative;width:80%}.order-details .order .cart .item .addition .product-image{border-radius:8px;position:absolute;right:10px;top:10px;width:90px}.order-details .order .cart .item .addition .product-name{position:absolute;right:120px;top:10px}.order-details .order .cart .item .addition .product-price{position:absolute;right:120px;top:40px}.order-details .order .cart .item .addition .product-price .price-before{text-decoration:line-through}.order-details .order .cart .item .addition .quanity{border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;display:flex;position:absolute;right:10px;top:110px;-webkit-user-select:none;user-select:none}.order-details .order .cart .item .addition .quanity .icon{align-items:center;cursor:pointer;display:flex;justify-content:center;width:40px}.order-details .order .cart .item .addition .quanity .number{align-items:center;border-left:2px solid #d0d5dd;border-left:2px solid var(--borders-color);border-right:2px solid #d0d5dd;border-right:2px solid var(--borders-color);display:flex;justify-content:center;width:40px}.show-vendors-page{-ms-overflow-style:none;height:100vh;overflow-y:scroll;scrollbar-width:none}.show-vendors-page::-webkit-scrollbar{display:none}.show-vendors-page .vendors{align-items:center;display:flex;flex-direction:column;gap:30px;grid-column:2/12;justify-content:flex-start;padding:80px 0 20px}.show-vendors-page .vendors .vendor{align-items:center;background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.337);color:#344054;color:var(--normal-text-color);cursor:pointer;display:flex;height:60px;justify-content:flex-start;padding:0 40px;width:100%}.show-vendors-page .vendors .vendor:hover{transform:scale(1.015)}.vendors-payment-page{color:#344054;color:var(--normal-text-color)}.vendors-payment-page .payments-header{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);display:flex;grid-column:1/13;height:80px;justify-content:space-between}.vendors-payment-page .payments-header button{height:40px;width:80px}.vendors-payment-page .payments-header .search-single-order{align-items:center;display:flex;gap:10px}.vendors-payment-page .payments-header .search-single-order .order-number-input{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:40px;padding:0 10px;width:130px}.vendors-payment-page .payments-header .search-many-payments{align-items:center;display:flex;gap:10px}.vendors-payment-page .payments-header .search-many-payments select{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:40px;padding:0 10px;width:140px}.vendors-payment-page .payments-loading{-ms-overflow-style:none;align-items:flex-start;display:flex;flex-direction:column;grid-column:1/13;height:calc(100vh - 95px);justify-content:flex-start;overflow-y:scroll;scrollbar-width:none}.vendors-payment-page .payments-loading::-webkit-scrollbar{display:none}.vendors-payment-page .payments-holder{grid-column:1/13}.vendors-payment-page .payments-holder .payments-list-holder .payments-header{align-items:center;border-bottom:2px solid #215abd;border-bottom:2px solid var(--primary-color);color:#344054;color:var(--normal-text-color);display:flex;height:50px;justify-content:space-between;width:100%}.vendors-payment-page .payments-holder .payments-list-holder .txt1-w{width:120px}.vendors-payment-page .payments-holder .payments-list-holder .txt2-w{width:160px}.vendors-payment-page .payments-holder .payments-list-holder .txt3-w{width:60px}.vendors-payment-page .payments-holder .payments-list-holder .txt4-w{width:100px}.vendors-payment-page .payments-holder .payments-list-holder .txt5-w{width:80px}.vendors-payment-page .payments-holder .payments-list-holder .txt6-w{width:70px}.vendors-payment-page .payments-holder .payments-list-holder .all-orders{-ms-overflow-style:none;display:flex;flex-direction:column;height:calc(100vh - 410px);overflow-y:scroll;scrollbar-width:none;width:100%}.vendors-payment-page .payments-holder .payments-list-holder .all-orders::-webkit-scrollbar{display:none}.vendors-payment-page .payments-holder .payments-list-holder .all-orders li{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);color:#344054;color:var(--normal-text-color);display:flex;height:50px;justify-content:space-between;margin:10px 0;padding-bottom:10px;width:100%}.vendors-payment-page .payments-holder .payments-list-holder .all-orders li .details{padding:2px 10px}.vendors-payment-page .month-data{align-items:center;display:flex;justify-content:space-between;padding:20px 60px;width:100%}.vendors-payment-page .month-data .rest,.vendors-payment-page .month-data .total{align-items:flex-start;border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.447);display:flex;flex-direction:column;gap:10px;height:220px;justify-content:flex-start;padding:20px;position:relative;width:380px}.vendors-payment-page .month-data .rest .complete,.vendors-payment-page .month-data .total .complete{bottom:20px;height:40px;left:20px;position:absolute;width:120px}.notifications-page .notifications-header{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);display:flex;grid-column:2/12;height:80px;justify-content:flex-start}.notifications-page .notifications-holder{-ms-overflow-style:none;grid-column:2/12;height:calc(100vh - 95px);overflow-y:scroll;scrollbar-width:none}.notifications-page .notifications-holder::-webkit-scrollbar{display:none}.notifications-page .notifications-holder .inputs-form{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.notifications-page .notifications-holder .inputs-form label{margin-bottom:10px;margin-top:20px}.notifications-page .notifications-holder .inputs-form .title-input{border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;height:50px;padding-right:20px;width:520px}.notifications-page .notifications-holder .inputs-form .body-input{border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;height:220px;padding-right:20px;padding-top:10px;resize:vertical;width:520px}.notifications-page .notifications-holder .inputs-form .send-btn{height:40px;margin-top:20px;width:120px}.reviews-page .reviews-header{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);display:flex;grid-column:2/12;height:80px;justify-content:flex-start}.reviews-page .reviews-holder{-ms-overflow-style:none;grid-column:3/11;height:calc(100vh - 95px);overflow-y:scroll;scrollbar-width:none}.reviews-page .reviews-holder::-webkit-scrollbar{display:none}.reviews-page .reviews-holder .reviews-list{align-items:center;display:flex;flex-direction:column;gap:20px;padding-top:20px;width:100%}.reviews-page .reviews-holder .reviews-list .review{border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;box-shadow:10px 5px 5px rgba(0,0,0,.212);padding:10px 20px;width:calc(100% - 40px)}.reviews-page .reviews-holder .loading-txt{margin-top:40px;text-align:center;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{-ms-overflow-style:none;font-family:IBM Plex Sans Arabic,sans-serif;line-height:1.5;min-height:100vh;scrollbar-width:none;text-rendering:optimizeSpeed}body::-webkit-scrollbar{display:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}button{border:none;cursor:pointer;font-family:Inter,sans-serif;outline:none}a{text-decoration:none}input{border:none;outline:none}:root{--primary-color:#215abd;--secondary-color:#d9e2ff;--dark-text-color:#000;--normal-text-color:#344054;--light-text-color:#667085;--borders-color:#d0d5dd;--bg-color:#fff;--side-bar-color:#fff}.App.dark{--primary-color:#327dff;--secondary-color:#d9e2ff;--dark-text-color:#464646;--normal-text-color:#ccc;--light-text-color:#ccc;--borders-color:#72747b;--bg-color:#18191a;--side-bar-color:#242526}:root{--heading-FS:48px;--heading2-FS:32px;--heading3-FS:22px;--Btn-FS:20px;--normal-FS:18px;--footer-FS:16px;--heading-FW:800;--heading2-FW:600;--heading3-FW:500;--normal-FW:400;--Btn-FW:400;--footer-FW:300}@media only screen and (max-width:1120px){:root{--heading-FS:42px;--heading2-FS:28px;--heading3-FS:24px;--Btn-FS:22px;--normal-FS:20px;--footer-FS:16px}}@media only screen and (max-width:768px){:root{--heading-FS:36px;--heading2-FS:24px;--heading3-FS:20px;--normal-FS:12px;--footer-FS:10px;--Btn-FS:14px}}.TXT-heading{font-size:48px;font-size:var(--heading-FS);font-weight:800;font-weight:var(--heading-FW)}.TXT-heading2{font-size:32px;font-size:var(--heading2-FS);font-weight:600;font-weight:var(--heading2-FW)}.TXT-heading3{font-size:22px;font-size:var(--heading3-FS);font-weight:500;font-weight:var(--heading3-FW)}.TXT-normal{font-size:18px;font-size:var(--normal-FS);font-weight:400;font-weight:var(--normal-FW)}.TXT-footer{font-size:16px;font-size:var(--footer-FS);font-weight:300;font-weight:var(--footer-FW)}.color-dark{color:#000;color:var(--dark-text-color)}.color-normal{color:#344054;color:var(--normal-text-color)}.color-light{color:#667085;color:var(--light-text-color)}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.P-BTN{background-color:#215abd;background-color:var(--primary-color);border:2px solid #0000;border-radius:8px;color:#fff;font-size:20px;font-size:var(--Btn-FS);font-weight:400;font-weight:var(--Btn-FW);outline:2px solid #0000;position:relative}.P-BTN:hover{outline:2px solid #d9e2ff;outline:2px solid var(--secondary-color)}.P-BTN.disabled{cursor:not-allowed;opacity:.4}.P-BTN.clicked:before{background-color:#d9e2ff;background-color:var(--secondary-color);border-radius:4px;content:"";height:100%;left:0;outline:2px solid #d9e2ff;outline:2px solid var(--secondary-color);position:absolute;top:0;width:100%}.P-BTN.clicked:after{animation:loading 1s linear infinite;border-bottom:2px solid #215abd;border-left:2px solid #215abd;border-top:2px solid #215abd;border:2px solid var(--primary-color);border-radius:50%;border-right:2px solid #0000;content:"";height:20px;left:calc(50% - 10px);position:absolute;top:calc(50% - 10px);width:20px}.S-BTN{background-color:#fff;border:2px solid #667085;border:2px solid var(--light-text-color);border-radius:8px;color:#344054;color:var(--normal-text-color);font-size:20px;font-size:var(--Btn-FS);font-weight:400;font-weight:var(--Btn-FW);outline:2px solid #0000;position:relative}.S-BTN.clicked:before,.S-BTN:hover{outline:2px solid #d0d5dd;outline:2px solid var(--borders-color)}.S-BTN.clicked:before{background-color:#fff;border-radius:4px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.S-BTN.clicked:after{animation:loading 1s linear infinite;border-bottom:2px solid #d0d5dd;border-left:2px solid #d0d5dd;border-top:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:50%;border-right:2px solid #0000;content:"";height:20px;left:calc(50% - 10px);position:absolute;top:calc(50% - 10px);width:20px}.alert{align-items:center;display:flex;justify-content:space-around;left:50%;overflow:hidden;position:fixed;top:0;transform:translate(-50%,-110%);transition:transform .7s;z-index:999}.alert:before{background-color:#fff;bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.alert.error{background-color:#d63031}.alert.warrning{background-color:#f39c12}.alert.success{background-color:#00b894}.alert.showen{transform:translate(-50%,50%)}.alert.showen:before{transition:5s;width:0}.alert p,.alert span{font-size:var(--Small-FS);font-weight:var(--Normal-FW)}.alert p,.alert span{color:#fff;display:flex;margin-inline:10px}.alert span{font-size:var(--Heading2-FS);font-weight:var(--Bold-FW)}.container{display:grid;min-height:100vh;position:relative}@media only screen and (min-width:1400px){.container{gap:15px;grid-template-columns:repeat(12,1fr);margin-right:310px;width:calc(100% - 320px)}.alert{border-radius:10px;height:70px;max-width:800px;min-width:350px;width:-webkit-fit-content;width:fit-content}.loading article{gap:20px;height:200px}.loading article div{width:40px}}@media only screen and (max-width:1400px)and (min-width:1200px){.container{gap:15px;grid-template-columns:repeat(12,1fr);margin-right:310px;width:calc(100% - 320px)}.alert{border-radius:10px;height:70px;max-width:800px;min-width:350px;width:-webkit-fit-content;width:fit-content}.loading article{gap:20px;height:200px}.loading article div{width:40px}}@media only screen and (max-width:1200px)and (min-width:992px){.container{gap:10px;grid-template-columns:repeat(12,1fr);margin-right:310px;width:calc(100% - 320px)}.alert{border-radius:10px;height:70px;max-width:650px;min-width:300px;width:-webkit-fit-content;width:fit-content}.loading article{gap:20px;height:200px}.loading article div{width:40px}}@media only screen and (max-width:992px)and (min-width:768px){.container{gap:10px;grid-template-columns:repeat(12,1fr);margin-right:260px;width:calc(100% - 270px)}.alert{border-radius:10px;height:70px;max-width:650px;min-width:300px;width:-webkit-fit-content;width:fit-content}.loading article{gap:20px;height:200px}.loading article div{width:30px}}@media only screen and (max-width:768px)and (min-width:480px){.container{gap:15px;grid-template-columns:repeat(6,1fr);margin-inline:auto;width:calc(100% - 70px)}.alert{border-radius:5px;height:50px;max-width:400px;min-width:200px;width:-webkit-fit-content;width:fit-content}.loading article{gap:10px;height:140px}.loading article div{width:20px}}@media only screen and (max-width:480px)and (min-width:370px){.container{gap:15px;grid-template-columns:repeat(6,1fr);margin-inline:auto;width:calc(100% - 50px)}.alert{border-radius:10px;height:40px;max-width:250px;min-width:150px;width:-webkit-fit-content;width:fit-content}.loading article{gap:10px;height:140px}.loading article div{width:20px}}@media only screen and (max-width:370px){.container{gap:10px;grid-template-columns:repeat(6,1fr);margin-inline:auto;width:100%}.alert{border-radius:10px;height:40px;max-width:250px;min-width:150px;width:-webkit-fit-content;width:fit-content}.loading article{gap:5px;height:120px}.loading article div{width:15px}}.App{background-color:#fff;background-color:var(--bg-color);min-height:100vh}
/*# sourceMappingURL=main.b8fe5700.css.map*/