@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}.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}.products-page{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;width:100%}.products-page .sections-holder{align-items:center;display:flex;flex-direction:column;grid-column:2/12;justify-content:flex-start;padding:60px 0}.products-page .sections-holder .section{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:4px 4px 20px rgba(0,0,0,.231);display:flex;gap:40px;height:120px;justify-content:flex-start;margin-bottom:60px;padding:0 30px;width:100%}.products-page .sections-holder .section .section-image{width:80px}.products-page .sections-holder .section .section-name{color:#344054;color:var(--normal-text-color)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.product-additions{-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;transition:background-color .7s,backdrop-filter .7s;width:100%;z-index:202}.product-additions .create-addition{-ms-overflow-style:none;background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);height:500px;left:50%;overflow-y:scroll;padding:80px 20px 20px;position:absolute;scrollbar-width:none;top:50%;transform:translate(-50%,-50%);width:700px;z-index:20}.product-additions .create-addition::-webkit-scrollbar{display:none}.product-additions .create-addition .close{cursor:pointer;position:absolute;right:20px;top:20px}.product-additions .create-addition .submit-btn{bottom:20px;height:40px;left:20px;position:absolute;width:120px}.product-additions .create-addition .addition-data{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between}.product-additions .create-addition .addition-data .addition-inputs{align-items:flex-start;display:flex;flex-direction:column;gap:20px;justify-content:flex-start}.product-additions .create-addition .addition-data .addition-inputs input,.product-additions .create-addition .addition-data .addition-inputs textArea{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;resize:vertical;width:300px}.product-additions .create-addition .addition-data .main-image{align-items:center;display:flex;height:220px;justify-content:center;position:relative;width:220px}.product-additions .create-addition .addition-data .main-image h2{align-items:center;border:2px dashed #d0d5dd;border:2px dashed var(--borders-color);cursor:pointer;display:flex;height:220px;justify-content:center;padding:20px;text-align:center;width:220px}.product-additions .create-addition .addition-data .main-image h2:hover{color:#215abd;color:var(--primary-color)}.product-additions .create-addition .addition-data .main-image .cancel{background-color:#d63031;left:0;transform:translate(-50%,-50%)}.product-additions .create-addition .addition-data .main-image .cancel,.product-additions .create-addition .addition-data .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}.product-additions .create-addition .addition-data .main-image .done{background-color:#215abd;background-color:var(--primary-color);right:0;transform:translate(50%,-50%)}.product-additions .create-addition .addition-data .all-images{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;width:100%}.product-additions .create-addition .addition-data .all-images .add-image{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.product-additions .create-addition .addition-data .all-images .add-image .remove-holder{position:relative}.product-additions .create-addition .addition-data .all-images .add-image .remove-holder .remove-completely-btn{border-radius:50%;color:#d63031;cursor:pointer;display:flex;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.product-additions .create-addition .addition-data .all-images .add-image .remove-holder .remove-completely-btn:hover{background-color:#d63031;color:#fff}.product-additions .create-addition .addition-data .all-images .add-image h2{align-items:center;border:2px dashed #d0d5dd;border:2px dashed var(--borders-color);cursor:pointer;display:flex;height:120px;justify-content:center;padding:20px;text-align:center;width:120px}.product-additions .create-addition .addition-data .all-images .add-image h2:hover{color:#215abd;color:var(--primary-color)}.product-additions .create-addition .addition-data .all-images .add-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}.product-additions .create-addition .addition-data .all-images .add-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}.product-additions .create-addition .addition-data .all-images .add-image-icon{align-items:center;border:2px dotted #d0d5dd;border:2px dotted var(--borders-color);color:#344054;color:var(--normal-text-color);cursor:pointer;display:flex;font-size:80px;height:120px;justify-content:center;width:120px}.product-additions .create-addition .addition-data .all-images .add-image-icon:hover{color:#215abd;color:var(--primary-color)}.product-additions .additions{-ms-overflow-style:none;background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);height:500px;left:50%;overflow-y:scroll;padding:80px 20px 40px;position:absolute;scrollbar-width:none;top:50%;transform:translate(-50%,-50%);width:700px}.product-additions .additions::-webkit-scrollbar{display:none}.product-additions .additions .close{cursor:pointer;position:absolute;right:20px;top:20px}.product-additions .additions .submit-btn{height:40px;left:20px;position:absolute;top:20px;width:120px}.product-additions .additions .addition{border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);height:280px;margin-bottom:30px;position:relative;width:100%}.product-additions .additions .addition .btns{align-items:center;display:flex;gap:20px;justify-content:center;left:20px;position:absolute;top:20px}.product-additions .additions .addition .btns button{padding:2px 20px}.product-additions .additions .addition .btns .delete-text{align-items:center;color:#d63031;display:flex;gap:10px;height:40px;justify-content:center}.product-additions .additions .addition .btns .delete-text span{cursor:pointer}.product-additions .additions .addition .btns .delete-text span:hover{text-decoration:underline}.product-additions .additions .addition .btns .delete-btn{background-color:#0000;border:1px solid #d63031;border-radius:8px;color:#d63031}.product-additions .additions .addition .btns .delete-btn:hover{background-color:#d63031;color:#fff}.product-additions .additions .addition .addition-name{position:absolute;right:20px;top:80px}.product-additions .additions .addition .addition-price{position:absolute;right:20px;top:120px}.product-additions .additions .addition .addition-image{border-radius:8px;left:20px;position:absolute;top:80px;width:180px}.add-product,.edit-product{-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-product form,.edit-product form{-ms-overflow-style:none;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;gap:20px;height:520px;justify-content:flex-start;left:50%;overflow-y:scroll;padding:100px 20px 20px;position:absolute;scrollbar-width:none;top:0;transform:translate(-50%,-100%);transition:.7s;width:700px}.add-product form::-webkit-scrollbar,.edit-product form::-webkit-scrollbar{display:none}.add-product form .close,.edit-product form .close{cursor:pointer;position:absolute;right:20px;top:20px}.add-product form .long-input,.edit-product form .long-input{resize:vertical;width:400px}.add-product form .long-input,.add-product form .small-input,.edit-product form .long-input,.edit-product form .small-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}.add-product form .small-input,.edit-product form .small-input{width:120px}.add-product form .top-inputs,.edit-product form .top-inputs{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.add-product form .top-inputs .inputs,.edit-product form .top-inputs .inputs{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;width:400px}.add-product form .top-inputs .inputs textarea,.edit-product form .top-inputs .inputs textarea{height:100px}.add-product form .top-inputs .main-image,.edit-product form .top-inputs .main-image{align-items:center;display:flex;justify-content:center;position:relative}.add-product form .top-inputs .main-image h2,.edit-product form .top-inputs .main-image h2{align-items:center;border:2px dashed #d0d5dd;border:2px dashed var(--borders-color);cursor:pointer;display:flex;height:220px;justify-content:center;padding:20px;text-align:center;width:220px}.add-product form .top-inputs .main-image h2:hover,.edit-product form .top-inputs .main-image h2:hover{color:#215abd;color:var(--primary-color)}.add-product form .top-inputs .main-image .cancel,.edit-product form .top-inputs .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}.add-product form .top-inputs .main-image .done,.edit-product form .top-inputs .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}.add-product form .sizes,.edit-product form .sizes{align-items:flex-start;display:flex;gap:10px;justify-content:flex-start}.add-product form .sizes .input-holder,.edit-product form .sizes .input-holder{height:40px;position:relative;width:60px}.add-product form .sizes .input-holder .delete-size,.edit-product form .sizes .input-holder .delete-size{align-items:center;border:1px solid #d63031;border-radius:50%;color:#d63031;cursor:pointer;display:flex;height:20px;justify-content:center;left:0;position:absolute;top:0;transform:translate(-50%,-50%);width:20px}.add-product form .sizes .input-holder .delete-size:hover,.edit-product form .sizes .input-holder .delete-size:hover{background-color:#d63031;color:#fff}.add-product form .sizes .input-holder .size,.edit-product form .sizes .input-holder .size{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;width:60px}.add-product form .sizes .add-size-btn,.edit-product form .sizes .add-size-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border:2px solid #0000;border-radius:8px;color:#fff;display:flex;height:40px;justify-content:center;outline:2px solid #0000;padding:5px 10px}.add-product form .sizes .add-size-btn:hover,.edit-product form .sizes .add-size-btn:hover{outline:2px solid #d9e2ff;outline:2px solid var(--secondary-color)}.add-product form .all-images,.edit-product form .all-images{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;width:100%}.add-product form .all-images .add-image,.edit-product form .all-images .add-image{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.add-product form .all-images .add-image .remove-holder,.edit-product form .all-images .add-image .remove-holder{position:relative}.add-product form .all-images .add-image .remove-holder .remove-completely-btn,.edit-product form .all-images .add-image .remove-holder .remove-completely-btn{border-radius:50%;color:#d63031;cursor:pointer;display:flex;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.add-product form .all-images .add-image .remove-holder .remove-completely-btn:hover,.edit-product form .all-images .add-image .remove-holder .remove-completely-btn:hover{background-color:#d63031;color:#fff}.add-product form .all-images .add-image h2,.edit-product form .all-images .add-image h2{align-items:center;border:2px dashed #d0d5dd;border:2px dashed var(--borders-color);cursor:pointer;display:flex;height:120px;justify-content:center;padding:20px;text-align:center;width:120px}.add-product form .all-images .add-image h2:hover,.edit-product form .all-images .add-image h2:hover{color:#215abd;color:var(--primary-color)}.add-product form .all-images .add-image .cancel,.edit-product form .all-images .add-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}.add-product form .all-images .add-image .done,.edit-product form .all-images .add-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}.add-product form .all-images .add-image-icon,.edit-product form .all-images .add-image-icon{align-items:center;border:2px dotted #d0d5dd;border:2px dotted var(--borders-color);color:#344054;color:var(--normal-text-color);cursor:pointer;display:flex;font-size:80px;height:120px;justify-content:center;width:120px}.add-product form .all-images .add-image-icon:hover,.edit-product form .all-images .add-image-icon:hover{color:#215abd;color:var(--primary-color)}.add-product form .filters,.edit-product form .filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:flex-start;list-style:none;width:400px}.add-product form .filters li,.edit-product form .filters li{align-items:center;cursor:pointer;display:flex;gap:5px;justify-content:center}.add-product form .filters li input,.edit-product form .filters li input{cursor:pointer}.add-product form .filters .add-filter,.edit-product form .filters .add-filter{align-items:center;display:flex;gap:5px;justify-content:flex-start}.add-product form .filters .add-filter .new-filter-input,.edit-product form .filters .add-filter .new-filter-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:120px}.add-product form .filters .add-filter .add-btn,.edit-product form .filters .add-filter .add-btn{border-radius:50%;color:#215abd;color:var(--primary-color);cursor:pointer;display:flex;font-size:36px}.add-product form .filters .add-filter .add-btn:hover,.edit-product form .filters .add-filter .add-btn:hover{background-color:#215abd;background-color:var(--primary-color);color:#fff}.add-product form .percentage,.edit-product form .percentage{left:160px;position:absolute;top:25px}.add-product form .submit-btn,.edit-product form .submit-btn{height:40px;left:20px;position:absolute;top:20px;width:120px}.add-product form .delete-text,.edit-product form .delete-text{align-items:center;color:#d63031;display:flex;gap:10px;height:40px;justify-content:center;left:160px;position:absolute;top:20px}.add-product form .delete-text span,.edit-product form .delete-text span{cursor:pointer}.add-product form .delete-text span:hover,.edit-product form .delete-text span:hover{text-decoration:underline}.add-product form .delete-btn,.edit-product form .delete-btn{background-color:#0000;border:1px solid #d63031;border-radius:8px;color:#d63031;height:40px;left:160px;position:absolute;top:20px;width:120px}.add-product form .delete-btn:hover,.edit-product form .delete-btn:hover{background-color:#d63031;color:#fff}.add-product.active,.edit-product.active{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background-color:#00000080;transform:translateY(0)}.add-product.active form,.edit-product.active form{top:50%;transform:translate(-50%,-50%)}.section-products-page .products-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}.section-products-page .products-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}.section-products-page .products-header button{padding:5px 20px}.section-products-page .products-holder{-ms-overflow-style:none;grid-column:2/12;height:calc(100vh - 95px);overflow-y:scroll;scrollbar-width:none}.section-products-page .products-holder::-webkit-scrollbar{display:none}.section-products-page .products-holder .product{border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.188);margin-bottom:30px;padding:20px;width:100%}.section-products-page .products-holder .product .btns{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-bottom:30px;width:100%}.section-products-page .products-holder .product .btns button{padding:5px 10px}.section-products-page .products-holder .product .btns .yes-or-no .yes{color:#215abd;color:var(--primary-color);cursor:pointer}.section-products-page .products-holder .product .btns .yes-or-no .yes:hover{text-decoration:underline}.section-products-page .products-holder .product .btns .yes-or-no .no{color:#d63031;cursor:pointer}.section-products-page .products-holder .product .btns .yes-or-no .no:hover{text-decoration:underline}.section-products-page .products-holder .product .btns .price-after-dicount{align-items:center;display:flex;gap:10px;justify-content:center}.section-products-page .products-holder .product .btns .price-after-dicount .price-after-dicount-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}.section-products-page .products-holder .product .top-data{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.section-products-page .products-holder .product .top-data .text{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;list-style:none}.section-products-page .products-holder .product .top-data .text li{align-items:center;border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;display:flex;height:40px;justify-content:flex-start;width:360px}.section-products-page .products-holder .product .top-data .text li p{align-items:center;border-left:2px solid #d0d5dd;border-left:2px solid var(--borders-color);display:flex;height:40px;justify-content:flex-start;padding:0 10px;width:150px}.section-products-page .products-holder .product .top-data .text li span{padding:0 10px}.section-products-page .products-holder .product .top-data .text li .discount{display:flex;gap:20px}.section-products-page .products-holder .product .top-data .text li .discount .old-price{text-decoration:line-through}.section-products-page .products-holder .product .top-data .main-product-image{border-radius:8px;width:240px}.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{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px 20px;height:160px;margin-bottom:20px;width:100%}.order-details .order .order-data.short{height:220px}.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-to-order{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-to-order .heading-txt{margin-bottom:10px}.order-details .order .add-product-to-order .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-to-order .product .product-image{border-radius:8px;position:absolute;right:10px;top:10px;width:120px}.order-details .order .add-product-to-order .product .product-code{position:absolute;right:140px;top:10px}.order-details .order .add-product-to-order .product .product-name{position:absolute;right:140px;top:40px}.order-details .order .add-product-to-order .product .product-price{position:absolute;right:140px;top:70px}.order-details .order .add-product-to-order .product .product-price .price-before{text-decoration:line-through}.order-details .order .add-product-to-order .product .sizes{display:flex;gap:5px;position:absolute;right:140px;top:100px}.order-details .order .add-product-to-order .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-to-order .product .sizes li.selected,.order-details .order .add-product-to-order .product .sizes li:hover{background-color:#344054;background-color:var(--normal-text-color);color:#fff;color:var(--bg-color)}.order-details .order .add-product-to-order .product .variations{display:flex;flex-wrap:wrap;gap:10px;position:absolute;right:10px;top:150px}.order-details .order .add-product-to-order .product .variations li{border-radius:8px;cursor:pointer;padding:2px}.order-details .order .add-product-to-order .product .variations li.selected,.order-details .order .add-product-to-order .product .variations li:hover{outline:4px solid #d0d5dd;outline:4px solid var(--borders-color)}.order-details .order .add-product-to-order .product .variations li .hide{display:none}.order-details .order .add-product-to-order .product .variations li img{border-radius:8px;width:90px}.order-details .order .add-product-to-order .product .add-btn{bottom:10px;height:40px;left:10px;position:absolute;width:80px}.order-details .order .add-product-to-order .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-to-order .product .delete-btn:hover{background-color:#d63031;color:#fff}.order-details .order .add-product-to-order .new-product-input{align-items:center;display:flex;justify-content:space-between;width:90%}.order-details .order .add-product-to-order .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-to-order .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 .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{width:70px}.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}.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}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.56fbd6e9.css.map*/