*{box-sizing:border-box;margin:0;padding:0}:root{--main-color:#00c16e;--trans:ease-in-out all .3s;--w-color:#fff;--b-color:#333;--box:rgba(14,18,22,.2) 0px 5px 20px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Roboto Condensed,sans-serif;margin:0;padding:0;text-transform:capitalize;transition:all .3s ease-in-out;transition:var(--trans)}#root{grid-gap:30px;align-items:center;display:grid;gap:30px;justify-content:stretch;padding-bottom:50px}ul{list-style:none}a{color:#333;text-decoration:none}@media (max-width:992px){#root{gap:20px;padding-bottom:40px}}@media (max-width:768px){#root{gap:15px;padding-bottom:30px}}.layout{align-items:center;display:grid;grid-template-columns:repeat(1,1fr);justify-content:stretch}header .contain{background-color:var(--main-color);box-shadow:var(--box);justify-content:space-between;padding:20px 50px}header .contain,header .contain .home{align-items:center;color:var(--w-color);display:flex}header .contain .home{gap:5px;justify-content:center}header .contain .home i{color:var(--w-color);font-size:30px;-webkit-transform:translateY(5px);transform:translateY(5px);transition:var(--trans)}header .contain h1{font-size:30px;text-decoration:none}header .contain .home:hover i{-webkit-transform:translateY(0);transform:translateY(0)}header .contain .links{align-items:flex-end;display:flex;gap:20px;justify-content:center}header .contain .link{align-items:center;color:var(--w-color);cursor:pointer;display:flex;font-size:22px;gap:5px;justify-content:center}header .contain .link span{text-decoration:none}header .contain .link i{color:var(--b-color);font-size:25px;-webkit-transform:translateY(2px);transform:translateY(2px);transition:var(--trans)}header .contain .link:hover i{color:var(--w-color);-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:1200px){header .contain{padding:18px}header .contain .home{gap:4px}header .contain .home i,header .contain h1{font-size:25px}header .contain .link{font-size:20px;gap:4px}header .contain .link i{font-size:22px}}@media (max-width:992px){header .contain{padding:16px}header .contain .home{gap:3px}header .contain .home i,header .contain h1{font-size:22px}header .contain .link{font-size:18px;gap:3px}header .contain .link i{font-size:20px}}@media (max-width:768px){header .contain{padding:12px}header .contain .home{gap:2px}header .contain .home i,header .contain h1{font-size:20px}header .contain .link{font-size:16px;gap:2px}header .contain .link i{font-size:18px}}@media (max-width:640px){header .contain{gap:10px;padding:12px 20px}header .contain .home{gap:2px}header .contain .home i,header .contain h1{font-size:16px}header .contain .links{gap:10px}header .contain .link{font-size:12px;gap:1px}header .contain .link i{font-size:12px}}.home .contain .content,main .main-container{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:repeat(1,1fr)}.home .contain .content{align-content:center;background-color:#fff;background-image:url(/static/media/shop.12bfe43e60ba656080e8.jfif);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;box-shadow:var(--box);height:80%;justify-content:center;left:50%;padding:20px;position:absolute;top:55%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}.home .contain .content:after{background-color:rgba(0,0,0,.6);content:"";height:100%;position:absolute;width:100%;z-index:-1}.home .contain .content h1{align-items:center;color:var(--main-color);display:flex;font-size:50px;justify-content:center;text-align:center}.home .contain .content .btns{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.home .contain .content .btns button{background-color:var(--main-color);border:none;border:3px solid var(--main-color);border-radius:30px;color:var(--w-color);cursor:pointer;font-size:22px;outline:none;padding:10px 30px}.home .contain .content .btns button:hover{background-color:initial}@media (max-width:1200px){.home .contain .content{gap:25px;padding:20px}.home .contain .content h1{font-size:45px}.home .contain .content .btns{gap:25px}.home .contain .content .btns button{border-radius:25px;font-size:20px;padding:10px 25px}}@media (max-width:992px){.home .contain .content{gap:20px;padding:18px}.home .contain .content h1{font-size:40px}.home .contain .content .btns{gap:22px}.home .contain .content .btns button{border-radius:22px;font-size:18px;padding:8px 22px}}@media (max-width:768px){.home .contain .content{padding:16px;top:52%;width:85%}.home .contain .content h1{font-size:35px}.home .contain .content .btns{gap:20px}.home .contain .content .btns button{border-radius:20px;font-size:16px;padding:6px 20px}}.cashier{padding:50px}.cashier .contain{grid-gap:30px;align-items:flex-start;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);justify-content:center}@media (max-width:992px){.cashier{padding:0 30px}.cashier .contain{align-items:center;grid-template-columns:repeat(1,1fr)}}@media (max-width:768px){.cashier{padding:0 10px}}.menu .contain{grid-gap:30px;gap:30px;grid-template-columns:repeat(1,1fr)}.menu .contain,.menu .contain .lists{align-items:center;display:grid;justify-content:stretch}.menu .contain .lists{grid-gap:20px;border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.24);gap:20px;grid-template-columns:repeat(1,1fr)}.menu .contain .items{height:700px;overflow-y:scroll;position:relative;scroll-behavior:smooth;scrollbar-color:#00c16e #fff;scrollbar-width:thin!important}.menu .contain .items::-webkit-scrollbar{width:.5em}.menu .contain .items::-webkit-scrollbar-thumb{background-color:#009f4d;outline:1px solid #fff}.menu .contain .items ul{align-items:flex-start;flex-wrap:wrap;grid-template-columns:repeat(4,1fr);padding:20px;position:relative}.menu .contain .items .item,.menu .contain .items ul{grid-gap:20px;display:grid;gap:20px;justify-content:center}.menu .contain .items .item{align-items:center;padding:5px;transition:all .3s ease-in-out}.menu .contain .items .item:hover{cursor:pointer}.menu .contain .items .item.active .info{color:#009f4d!important}.menu .contain .items .item picture{align-items:center;display:flex;justify-content:center;position:relative}.menu .contain .items .item picture:after{align-items:center;background-color:#fff;border:1px solid transparent;border-radius:50%;color:#fff;content:"✔";display:flex;font-size:15px;font-weight:900;height:25px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;width:25px}.menu .contain .items .item.active picture:after{border-color:#009f4d;color:#009f4d!important;opacity:1}.menu .contain .items .item picture img{border-radius:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);transition:all .3s ease-in-out;width:100%}.menu .contain .items .item.active picture img{border:4px solid #009f4d;color:#009f4d}.menu .contain .items .item:hover picture img{box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);-webkit-transform:scale(1.1);transform:scale(1.1)}.menu .contain .items .item .info{grid-gap:10px;align-items:center;display:grid;gap:10px;justify-content:center;text-align:center}.menu .contain .items .item .info .name{font-size:18px;font-weight:600;transition:all .3s ease-in-out}.menu .contain .items .item:hover .info .name{color:#009f4d}.menu .contain .items .item .info .price{color:#009f4d;font-size:20px;font-weight:600}.menu .contain .items .no-order{align-items:center;display:flex;justify-content:center;width:100%}.menu .contain .items .no-order img{width:100%}.menu .contain .categories{align-items:center;display:flex;justify-content:stretch}.menu .contain .categories ul.cats{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.menu .contain .categories ul li{grid-gap:10px;align-items:center;border:5px solid #fff;border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,.24);display:grid;gap:10px;justify-content:center;padding:10px;transition:all .3s ease-in-out}.menu .contain .categories ul li.active,.menu .contain .categories ul li:hover{background-color:#ebfff4;border-color:#009f4d;color:#009f4d;cursor:pointer}.menu .contain .categories ul li:hover .name,.menu .contain .categories ul li:hover i{color:#009f4d}.menu .contain .categories ul li i{align-items:center;display:flex;font-size:30px;justify-content:center}.menu .contain .categories ul li .name{font-size:20px;text-transform:capitalize}@media (max-width:1200px){.menu .contain{gap:28px}.menu .contain .lists{border-radius:8px;gap:18px}.menu .contain .items{height:550px}.menu .contain .items ul{gap:18px;grid-template-columns:repeat(5,1fr);padding:18px}.menu .contain .items .item{gap:18px;padding:4px}.menu .contain .items ul h2.no-items{font-size:28px}.menu .contain .items .item picture:after{font-size:14px;height:22px;right:8px;top:8px;width:22px}.menu .contain .items .item picture img{border-radius:8px}.menu .contain .items .item.active picture img{border:3px solid #009f4d}.menu .contain .items .item .info{gap:8px}.menu .contain .items .item .info .name,.menu .contain .items .item .info .price{font-size:16px}.menu .contain .categories{padding-bottom:40px}.menu .contain .categories ul.cats{gap:25px}.menu .contain .categories ul li{border-radius:4px;gap:8px;padding:8px}.menu .contain .categories ul li i{font-size:28px}.menu .contain .categories ul li .name{font-size:18px}}@media (max-width:992px){.menu{order:2}.menu .contain{gap:25px}.menu .contain .lists{border-radius:6px;gap:16px}.menu .contain .head{gap:6px;padding:16px}.menu .contain .head .add{font-size:16px;gap:3px}.menu .contain .head .search{gap:6px}.menu .contain .head .search i{font-size:20px;height:30px;width:30px}.menu .contain .head .search input{border-radius:20px;font-size:15px;padding:10px 18px}.menu .contain .head .search input.active{width:300px}.menu .contain .items{height:500px}.menu .contain .items ul{gap:16px;grid-template-columns:repeat(6,1fr);padding:16px}.menu .contain .items .item{gap:16px;padding:3px}.menu .contain .items ul h2.no-items{font-size:25px}.menu .contain .items .item picture:after{font-size:12px;height:20px;right:6px;top:6px;width:20px}.menu .contain .items .item picture img{border-radius:6px}.menu .contain .items .item.active picture img{border:2px solid #009f4d}.menu .contain .items .item .info{gap:6px}.menu .contain .items .item .info .name,.menu .contain .items .item .info .price{font-size:15px}.menu .contain .categories{padding-bottom:35px}.menu .contain .categories ul.cats{gap:20px}.menu .contain .categories ul li{border-radius:3px;gap:6px;padding:6px}.menu .contain .categories ul li i{font-size:25px}.menu .contain .categories ul li .name{font-size:16px}}@media (max-width:768px){.menu .contain{gap:20px}.menu .contain .lists{border-radius:5px;gap:12px}.menu .contain .head{gap:5px;padding:12px}.menu .contain .head .add{font-size:12px;gap:2px}.menu .contain .head .search{gap:5px}.menu .contain .head .search i{font-size:18px;height:25px;width:25px}.menu .contain .head .search input{border-radius:18px;font-size:10px;padding:10px 18px}.menu .contain .head .search input.active{width:100%}.menu .contain .items{height:400px}.menu .contain .items ul{gap:12px;grid-template-columns:repeat(4,1fr);padding:12px}.menu .contain .items .item{gap:12px;padding:2px}.menu .contain .items ul h2.no-items{font-size:20px}.menu .contain .items .item picture:after{font-size:12px;height:18px;right:5px;top:5px;width:18px}.menu .contain .items .item picture img{border-radius:5px}.menu .contain .items .item .info{gap:5px}.menu .contain .items .item .info .name,.menu .contain .items .item .info .price{font-size:12px}.menu .contain .categories{padding-bottom:0}.menu .contain .categories ul.cats{gap:18px}.menu .contain .categories ul li{border-radius:2px;gap:5px;padding:5px}.menu .contain .categories ul li i{font-size:20px}.menu .contain .categories ul li .name{font-size:15px}}.check .contain{grid-gap:20px;align-items:center;border-radius:10px;box-shadow:var(--box);display:grid;gap:20px;grid-template-columns:repeat(1,1fr);justify-content:stretch}.check .contain .head{align-items:center;background-color:#f9f9f9;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:20px}.check .contain .no-order{grid-gap:30px;display:grid;gap:30px;text-align:center}.check .contain .no-order,.check .contain .no-order i{align-items:center;justify-content:center;padding:20px}.check .contain .no-order i{background-color:var(--main-color);border-radius:50%;color:var(--w-color);display:flex;font-size:70px;height:200px;left:50%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:200px}.check .contain .no-order h3{font-size:30px;font-weight:400}.check .contain .no-order .btn{align-items:center;display:flex;justify-content:center;left:50%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.check .contain .no-order .btn button{background-color:var(--main-color);border:none;border-radius:30px;color:var(--w-color);cursor:pointer;font-size:20px;outline:none;padding:12px 50px;transition:var(--trans)}.check .contain .no-order .btn button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.check .contain .order{grid-gap:50px;gap:50px;grid-template-columns:repeat(1,1fr);padding:20px}.check .contain .order,.check .contain .order .border{align-items:center;display:grid;justify-content:center}.check .contain .order .border{border:2px solid #eee;grid-template-columns:repeat(1,1fr)}.check .contain .order .border .lists{align-items:flex-start;display:grid;grid-template-columns:repeat(1,1fr);justify-content:center}.check .contain .order .border .lists ul.top li:nth-child(2),.check .contain .order h4.noItem{display:flex;justify-content:center}.check .contain .order h4.noItem{align-items:center;color:#999;font-size:22px;padding:30px}.check .contain .order ul{grid-gap:20px;align-items:center;align-self:stretch;display:grid;font-size:20px;gap:20px;grid-template-columns:30% 25% 15% 15%;justify-content:stretch;padding:15px}.check .contain .order .border ul{border-bottom:2px solid #eee}.check .contain .order .orders{align-items:center;display:grid;grid-template-columns:repeat(1,1fr);justify-content:center}.check .contain .order .orders ul:nth-child(2n){background-color:#f9f9f9}.check .contain .order .orders ul:nth-child(odd){background-color:#f5f5f5}.check .contain .order .orders ul .name{font-size:18px}.check .contain .order .orders ul .QTY{align-items:center;display:flex;font-size:18px;gap:5px;justify-content:center}.check .contain .order .orders ul .QTY span:first-child,.check .contain .order .orders ul .QTY span:last-child{align-items:center;color:var(--main-color);cursor:pointer;display:flex;font-size:30px;justify-content:center;padding:5px}.check .contain .order .orders ul .QTY span:first-child svg,.check .contain .order .orders ul .QTY span:last-child svg{background-color:var(--w-color);border-radius:50%}.check .contain .order .orders ul li:last-child,.check .contain .order .orders ul li:nth-child(3){font-size:18px}.check .contain .order .orders ul li:last-child:first-letter,.check .contain .order .orders ul li:nth-child(3):first-letter{color:var(--main-color)}.check .contain .btns{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.check .contain .btns button{background-color:initial;border:2px solid #00c16e;border-radius:30px;color:var(--main-color);cursor:pointer;font-size:16px;outline:none;padding:12px 30px;text-transform:capitalize;transition:var(--trans)}.check .contain .btns button:hover{background-color:var(--main-color);color:var(--w-color)}.check .contain .btns .hold-btn,.check .contain .btns .options-btn{align-items:center;display:flex;justify-content:center}.check .contain .btns .options-btn{gap:20px}.check .contain .btns button.cancel{border-color:red;color:red}.check .contain .btns button.cancel:hover{background-color:red;color:var(--w-color)}.check .contain .btns .options-btn button:last-child{background-color:var(--main-color);color:var(--w-color)}.check .contain .order .info-price{grid-gap:30px;align-items:center;display:grid;gap:30px;justify-content:flex-start;padding:20px;text-transform:capitalize}.check .contain .order .info-price>div{align-items:center;display:flex;font-size:22px;gap:100px;justify-content:space-between}.check .contain .order .info-price>div>div{align-items:center;color:var(--main-color);display:flex;gap:5px;justify-content:flex-start}.check .contain .order .info-price>div>div>span{color:var(--b-color)}.check .contain .order .info-price .tax span{align-items:center;display:flex;gap:5px;justify-content:flex-start}.check .contain .order .info-price .tax span span{color:var(--main-color)}.check .contain .info{align-items:center;border-top:1px solid #eee;display:flex;font-size:22px;justify-content:space-between;padding:20px;text-transform:capitalize}.check .contain .info .total-price:first-letter{color:var(--main-color)}.hide{display:none!important}@media (max-width:1200px){.check .contain{border-radius:10px;gap:20px}.check .contain .head{border-radius:10px 10px 0 0;padding:20px}.check .contain .no-order{gap:28px;padding:20px}.check .contain .no-order i{font-size:60px;height:180px;padding:20px;width:180px}.check .contain .no-order h3{font-size:28px}.check .contain .no-order .btn button{border-radius:28px;font-size:20px;padding:12px 40px}.check .contain .order{gap:40px;padding:20px}.check .contain .order h4.noItem{font-size:20px;padding:28px}.check .contain .order ul{font-size:20px;gap:20px;padding:15px}.check .contain .order .orders ul .name{font-size:18px}.check .contain .order .orders ul .QTY{font-size:18px;gap:5px}.check .contain .order .orders ul .QTY span:first-child,.check .contain .order .orders ul .QTY span:last-child{font-size:28px;padding:5px}.check .contain .order .orders ul li:last-child,.check .contain .order .orders ul li:nth-child(3){font-size:18px}.check .contain .btns{gap:30px}.check .contain .btns button{border-radius:28px;font-size:16px;padding:12px 28px}.check .contain .btns .options-btn{gap:20px}.check .contain .order .info-price{gap:30px;padding:20px}.check .contain .order .info-price>div{font-size:20px;gap:80px}.check .contain .order .info-price .tax span{gap:5px}.check .contain .info{font-size:20px;padding:20px}}@media (max-width:992px){.check .contain{border-radius:8px;gap:18px}.check .contain .head{border-radius:8px 8px 0 0;padding:18px}.check .contain .no-order{gap:25px;padding:18px}.check .contain .no-order i{font-size:50px;height:160px;padding:18px;width:160px}.check .contain .no-order h3{font-size:25px}.check .contain .no-order .btn button{border-radius:25px;font-size:18px;padding:12px 30px}.check .contain .order{gap:30px;padding:18px}.check .contain .order h4.noItem{font-size:18px;padding:25px}.check .contain .order ul{font-size:18px;gap:18px;padding:12px}.check .contain .order .orders ul .name{font-size:16px}.check .contain .order .orders ul .QTY{font-size:16px;gap:4px}.check .contain .order .orders ul .QTY span:first-child,.check .contain .order .orders ul .QTY span:last-child{font-size:25px;padding:4px}.check .contain .order .orders ul li:last-child,.check .contain .order .orders ul li:nth-child(3){font-size:16px}.check .contain .btns{gap:25px}.check .contain .btns button{border-radius:25px;font-size:15px;padding:12px 25px}.check .contain .btns .options-btn{gap:18px}.check .contain .order .info-price{gap:25px;padding:18px}.check .contain .order .info-price>div{font-size:18px;gap:65px}.check .contain .order .info-price .tax span{gap:4px}.check .contain .info{font-size:18px;padding:18px}}@media (max-width:768px){.check .contain{border-radius:6px;gap:15px}.check .contain .head{border-radius:6px 6px 0 0;font-size:12px;padding:10px}.check .contain .no-order{gap:20px;padding:15px}.check .contain .no-order i{font-size:40px;height:140px;padding:15px;width:140px}.check .contain .no-order h3{font-size:20px}.check .contain .no-order .btn button{border-radius:20px;font-size:15px;padding:10px 25px}.check .contain .order{gap:25px;padding:5px}.check .contain .order h4.noItem{font-size:15px;padding:20px}.check .contain .order ul{font-size:15px;gap:12px;grid-template-columns:28% 20% 18% 18%;padding:10px}.check .contain .order .orders ul .name{font-size:12px}.check .contain .order .orders ul .QTY{font-size:12px;gap:3px}.check .contain .order .orders ul .QTY span:first-child,.check .contain .order .orders ul .QTY span:last-child{font-size:18px;padding:3px}.check .contain .order .orders ul li:last-child,.check .contain .order .orders ul li:nth-child(3){font-size:12px}.check .contain .btns{gap:10px;justify-content:center;padding:5px}.check .contain .btns button{border-radius:20px;font-size:12px;padding:10px 20px}.check .contain .btns .options-btn{gap:15px}.check .contain .order .info-price{gap:20px;padding:15px}.check .contain .order .info-price>div{font-size:15px;gap:50px}.check .contain .order .info-price .tax span{gap:2px}.check .contain .info{font-size:15px;padding:15px}}.orders .contain{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(1,1fr);padding:40px 80px}.orders .contain,.orders .contain .head{align-items:center;justify-content:center}.orders .contain .head{color:#00c16e;display:flex;font-size:30px;position:relative}.orders .contain .head picture{left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.orders .contain .head picture img{width:120px}.orders .contain .orders-control{align-items:center;border:2px solid #00c16e;border-radius:6px;display:flex;justify-content:stretch;padding:20px}.orders .contain .orders-control form{align-items:center;border-radius:8px;display:flex;gap:30px;justify-content:center;width:100%}.orders .contain .orders-control form>div{grid-gap:10px;align-items:center;display:grid;gap:10px;justify-content:stretch}.orders .contain .orders-control form>div label{font-size:20px;text-align:center;text-transform:capitalize}.orders .contain .orders-control form>div input{background-color:#9df5ce;border:1px solid #f9f9f9;border-radius:6px;font-size:18px;outline:none;padding:12px 40px;width:100%}.orders .contain .orders-control form .btn{align-items:center;display:flex;gap:10px;justify-content:center}.orders .contain button{background-color:#fff;border:2px solid #00c16e;border-radius:30px;color:#00c16e;cursor:pointer;font-size:20px;outline:none;padding:10px 30px;transition:all .3s ease-in-out;width:100%}.orders .contain button:hover{background-color:#00c16e;color:#fff!important}.orders .contain .orders-lists>ul{grid-gap:30px;align-items:flex-start;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));justify-content:center;position:relative}.orders .contain .orders-lists>ul>li{align-items:center;background-color:#fff;border:2px solid #00c16e;border-radius:6px;box-shadow:0 3px 8px rgba(43,43,43,.24);display:grid;justify-content:stretch;position:relative;transition:all .3s ease-in-out}.orders .contain .orders-lists>ul>li:after{background-repeat:no-repeat;background-size:cover;bottom:100px;content:url(/static/media/free-svg-illustration-hosting.c69213cd6bd74d0453ec.svg);position:absolute;right:20px;width:40%;z-index:0}.orders .contain .orders-lists>ul>li:hover{border-color:transparent;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);cursor:pointer}.orders .contain .orders-lists>ul>li .info{align-items:center;background-color:#f7f7f7;display:flex;font-size:20px;gap:30px;justify-content:space-between;padding:20px;position:relative;text-transform:capitalize;z-index:10}.orders .contain .orders-lists>ul>li .info div span{color:#00c16e}.orders .contain .orders-lists>ul>li .order-num{align-items:center;display:flex;font-size:20px;gap:5px;justify-content:flex-start;padding:20px 20px 0;text-transform:capitalize}.orders .contain .orders-lists>ul>li .order-num span:last-child{color:#00c16e}.orders .contain .orders-lists>ul>li .items{align-items:flex-start;display:grid;justify-content:stretch;padding:20px}.orders .contain .orders-lists>ul>li .items ul{grid-gap:20px;align-items:center;border-bottom:1px solid #eee;display:grid;gap:20px;grid-template-columns:30% 20% 18% 18%;justify-content:space-between;padding:10px 0}.orders .contain .orders-lists>ul>li .items ul.head{border-bottom:2px solid #999;padding:5px 0}.orders .contain .orders-lists>ul>li .items ul.head li{color:#111;font-size:20px;text-transform:capitalize}.orders .contain .orders-lists>ul>li .items ul li{align-items:center;color:#00c16e;display:flex;font-size:18px;justify-content:flex-start}.orders .contain .orders-lists>ul>li .items ul:not(.head) li:nth-child(3):first-letter{color:#111}.orders .contain .orders-lists>ul>li .cash{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(1,1fr);justify-content:center;padding:20px}.orders .contain .orders-lists>ul>li .cash div{align-items:center;display:flex;font-size:22px;gap:20px;justify-content:flex-start}.orders .contain .orders-lists>ul>li .cash div span:last-child:first-letter{color:#111}.orders .contain .orders-lists>ul>li .cash div span:last-child{color:#00c16e}.orders .contain .orders-lists>ul h3{color:#999;font-size:30px;left:50%;padding:40px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.orders .contain .orders-lists>ul>li .options{align-items:center;display:flex;gap:30px;justify-content:space-between;padding:20px}.orders .contain .orders-lists>ul>li .options button{font-size:18px;padding:8px 30px}.orders .contain .orders-lists>ul>li .options button:first-child{border-color:red;color:red}.orders .contain .orders-lists>ul>li .options button:first-child:hover{background-color:red}@media (max-width:1200px){.orders .contain{gap:25px;padding:30px 60px}.orders .contain .head{font-size:28px}.orders .contain .head picture img{width:100px}.orders .contain .orders-control{border-radius:5px;padding:18px}.orders .contain .orders-control form{border-radius:6px;gap:18px;gap:25px;grid-template-columns:repeat(3,1fr)}.orders .contain .orders-control form>div{gap:8px}.orders .contain .orders-control form>div label{font-size:18px}.orders .contain .orders-control form>div input{border-radius:5px;font-size:17px;padding:10px 50px}.orders .contain .orders-control form .btn button{border-radius:26px;font-size:18px;padding:10px 28px}.orders .contain .orders-lists>ul{gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.orders .contain .orders-lists>ul>li{border-radius:5px}.orders .contain .orders-lists>ul>li:after{bottom:100px;right:15px;width:35%}.orders .contain .orders-lists>ul>li .info{font-size:18px;gap:25px;padding:18px}.orders .contain .orders-lists>ul>li .order-num{font-size:18px;gap:5px;padding:18px 18px 0}.orders .contain .orders-lists>ul>li .items{padding:18px}.orders .contain .orders-lists>ul>li .items ul{gap:18px;padding:8px 0}.orders .contain .orders-lists>ul>li .items ul.head{padding:4px 0}.orders .contain .orders-lists>ul>li .items ul.head li{font-size:18px}.orders .contain .orders-lists>ul>li .items ul li{font-size:17px}.orders .contain .orders-lists>ul>li .cash{gap:18px;padding:18px}.orders .contain .orders-lists>ul>li .cash div{font-size:20px;gap:18px}.orders .contain .orders-lists>ul h3{font-size:28px;padding:35px}}@media (max-width:992px){.orders .contain{gap:20px;padding:25px 40px}.orders .contain .head{font-size:25px}.orders .contain .head picture img{width:80px}.orders .contain .orders-control{border-radius:4px;padding:16px}.orders .contain .orders-control form{border-radius:5px;display:flex;flex-wrap:wrap;gap:16px;gap:30px}.orders .contain .orders-control form>div{gap:6px;width:100%}.orders .contain .orders-control form>div label{font-size:16px}.orders .contain .orders-control form>div input{border-radius:4px;font-size:16px;padding:8px 50px}.orders .contain .orders-control form .btn button{border-radius:20px;font-size:16px;padding:10px 25px}.orders .contain .orders-lists>ul{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.orders .contain .orders-lists>ul>li{border-radius:4px}.orders .contain .orders-lists>ul>li:after{bottom:100px;right:12px;width:30%}.orders .contain .orders-lists>ul>li .info{font-size:16px;gap:20px;padding:16px}.orders .contain .orders-lists>ul>li .order-num{font-size:16px;gap:4px;padding:16px 16px 0}.orders .contain .orders-lists>ul>li .items{padding:16px}.orders .contain .orders-lists>ul>li .items ul{gap:16px;padding:7px 0}.orders .contain .orders-lists>ul>li .items ul.head{padding:3px 0}.orders .contain .orders-lists>ul>li .items ul li,.orders .contain .orders-lists>ul>li .items ul.head li{font-size:16px}.orders .contain .orders-lists>ul>li .cash{gap:16px;padding:16px}.orders .contain .orders-lists>ul>li .cash div{font-size:18px;gap:16px}.orders .contain .orders-lists>ul h3{font-size:25px;padding:30px}}@media (max-width:768px){.orders .contain{gap:18px;padding:20px 30px}.orders .contain .head{font-size:20px}.orders .contain .head picture img{width:60px}.orders .contain .orders-control{border-radius:3px;justify-content:center;padding:12px}.orders .contain .orders-control form{border-radius:4px;gap:12px;gap:20px}.orders .contain .orders-control form>div{gap:4px}.orders .contain .orders-control form>div label{font-size:12px}.orders .contain .orders-control form>div input{border-radius:2px;font-size:12px;padding:8px 40px}.orders .contain .orders-control form .btn button{border-radius:16px;font-size:12px;padding:8px 20px}.orders .contain .orders-lists>ul{gap:18px;grid-template-columns:repeat(1,1fr);justify-content:center}.orders .contain .orders-lists>ul>li{border-radius:3px}.orders .contain .orders-lists>ul>li:after{bottom:100px;right:10px;width:25%}.orders .contain .orders-lists>ul>li .info{font-size:15px;gap:18px;padding:12px}.orders .contain .orders-lists>ul>li .order-num{font-size:15px;gap:3px;padding:12px 12px 0}.orders .contain .orders-lists>ul>li .items{padding:12px}.orders .contain .orders-lists>ul>li .items ul{gap:12px;padding:5px 0}.orders .contain .orders-lists>ul>li .items ul.head{padding:2px 0}.orders .contain .orders-lists>ul>li .items ul.head li{font-size:15px}.orders .contain .orders-lists>ul>li .items ul li{font-size:12px}.orders .contain .orders-lists>ul>li .cash{gap:12px;padding:12px}.orders .contain .orders-lists>ul>li .cash div{font-size:16px;gap:12px}.orders .contain .orders-lists>ul h3{font-size:20px;padding:20px}}.holds .contain{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(1,1fr);padding:40px 80px}.holds .contain,.holds .contain .head{align-items:center;justify-content:center}.holds .contain .head{color:#00c16e;display:flex;font-size:30px;position:relative}.holds .contain .head picture{left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.holds .contain .head picture img{width:100px}.holds .contain .holds-control{align-items:center;border:2px solid #00c16e;border-radius:6px;display:flex;justify-content:stretch;padding:20px}.holds .contain .holds-control form{align-items:center;border-radius:8px;display:flex;gap:30px;justify-content:center;width:100%}.holds .contain .holds-control form>div{grid-gap:10px;align-items:center;display:grid;gap:10px;justify-content:stretch}.holds .contain .holds-control form>div label{font-size:20px;text-align:center;text-transform:capitalize}.holds .contain .holds-control form>div input{background-color:#9df5ce;border:1px solid #f9f9f9;border-radius:6px;font-size:18px;outline:none;padding:12px 40px;width:100%}.holds .contain .holds-control form .btn{align-items:center;display:flex;gap:10px;justify-content:center}.holds .contain button{background-color:#fff;border:2px solid #00c16e;border-radius:30px;color:#00c16e;cursor:pointer;font-size:20px;outline:none;padding:10px 30px;transition:all .3s ease-in-out;width:100%}.holds .contain button:hover{background-color:#00c16e;color:#fff!important}.holds .contain .holds-lists>ul{grid-gap:30px;align-items:flex-start;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));justify-content:center;position:relative}.holds .contain .holds-lists>ul>li{align-items:center;background-color:#fff;border:2px solid #00c16e;border-radius:6px;box-shadow:0 3px 8px rgba(43,43,43,.24);display:grid;justify-content:stretch;position:relative;transition:all .3s ease-in-out}.holds .contain .holds-lists>ul>li:after{background-repeat:no-repeat;background-size:cover;bottom:100px;content:url(/static/media/free-svg-illustration-hosting.c69213cd6bd74d0453ec.svg);position:absolute;right:20px;width:40%;z-index:0}.holds .contain .holds-lists>ul>li:hover{border-color:transparent;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);cursor:pointer}.holds .contain .holds-lists>ul>li .info{align-items:center;background-color:#f7f7f7;border-radius:6px 6px 0;display:flex;font-size:20px;gap:30px;justify-content:space-between;padding:20px;position:relative;text-transform:capitalize;z-index:10}.holds .contain .holds-lists>ul>li .info div span{color:#00c16e}.holds .contain .holds-lists>ul>li .hold-num{align-items:center;display:flex;font-size:20px;gap:5px;justify-content:flex-start;padding:20px 20px 0;text-transform:capitalize}.holds .contain .holds-lists>ul>li .hold-num span:last-child{color:#00c16e}.holds .contain .holds-lists>ul>li .items{align-items:flex-start;display:grid;justify-content:stretch;padding:20px}.holds .contain .holds-lists>ul>li .items ul{grid-gap:20px;align-items:center;border-bottom:1px solid #eee;display:grid;gap:20px;grid-template-columns:30% 20% 18% 18%;justify-content:space-between;padding:10px 0}.holds .contain .holds-lists>ul>li .items ul.head{border-bottom:2px solid #999;padding:5px 0}.holds .contain .holds-lists>ul>li .items ul.head li{color:#111;font-size:20px;text-transform:capitalize}.holds .contain .holds-lists>ul>li .items ul li{align-items:center;color:#00c16e;display:flex;font-size:18px;justify-content:flex-start}.holds .contain .holds-lists>ul>li .items ul:not(.head) li:nth-child(3):first-letter{color:#111}.holds .contain .holds-lists>ul>li .cash{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(1,1fr);justify-content:center;padding:20px}.holds .contain .holds-lists>ul>li .cash div{align-items:center;display:flex;font-size:22px;gap:20px;justify-content:flex-start}.holds .contain .holds-lists>ul>li .cash div span:last-child:first-letter{color:#111}.holds .contain .holds-lists>ul>li .cash div span:last-child{color:#00c16e}.holds .contain .holds-lists>ul h3{color:#999;font-size:30px;left:50%;padding:40px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.holds .contain .holds-lists>ul>li .options{align-items:center;display:flex;gap:30px;justify-content:space-between;padding:20px}.holds .contain .holds-lists>ul>li .options button{font-size:18px;padding:8px 30px}.holds .contain .holds-lists>ul>li .options button:first-child{border-color:red;color:red}.holds .contain .holds-lists>ul>li .options button:first-child:hover{background-color:red}@media (max-width:1200px){.holds .contain{gap:25px;padding:30px 60px}.holds .contain .head{font-size:28px}.holds .contain .head picture img{width:100px}.holds .contain .holds-control{border-radius:5px;padding:18px}.holds .contain .holds-control form{border-radius:6px;gap:18px;gap:25px;grid-template-columns:repeat(3,1fr)}.holds .contain .holds-control form>div{gap:8px}.holds .contain .holds-control form>div label{font-size:18px}.holds .contain .holds-control form>div input{border-radius:5px;font-size:17px;padding:10px 50px}.holds .contain .holds-control form .btn button{border-radius:26px;font-size:18px;padding:10px 28px}.holds .contain .holds-lists>ul{gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.holds .contain .holds-lists>ul>li{border-radius:5px}.holds .contain .holds-lists>ul>li:after{bottom:100px;right:15px;width:35%}.holds .contain .holds-lists>ul>li .info{border-radius:5px 5px 0;font-size:18px;gap:28px;padding:18px}.holds .contain .holds-lists>ul>li .hold-num{font-size:18px;gap:5px;padding:18px 18px 0}.holds .contain .holds-lists>ul>li .items{padding:18px}.holds .contain .holds-lists>ul>li .items ul{gap:18px;padding:8px 0}.holds .contain .holds-lists>ul>li .items ul.head{padding:4px 0}.holds .contain .holds-lists>ul>li .items ul.head li{font-size:18px}.holds .contain .holds-lists>ul>li .items ul li{font-size:17px}.holds .contain .holds-lists>ul>li .cash{gap:18px;padding:18px}.holds .contain .holds-lists>ul>li .cash div{font-size:20px;gap:18px}.holds .contain .holds-lists>ul>li .options button{font-size:16px;padding:8px 18px}.holds .contain .holds-lists>ul h3{font-size:28px;padding:35px}}@media (max-width:992px){.holds .contain{gap:20px;padding:25px 40px}.holds .contain .head{font-size:25px}.holds .contain .head picture img{width:80px}.holds .contain .holds-control{border-radius:4px;padding:16px}.holds .contain .holds-control form{border-radius:5px;display:flex;flex-wrap:wrap;gap:16px;gap:30px}.holds .contain .holds-control form>div{gap:6px;width:100%}.holds .contain .holds-control form>div label{font-size:16px}.holds .contain .holds-control form>div input{border-radius:4px;font-size:16px;padding:8px 50px}.holds .contain .holds-control form .btn button{border-radius:20px;font-size:16px;padding:10px 25px}.holds .contain .holds-lists>ul{gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.holds .contain .holds-lists>ul>li{border-radius:4px}.holds .contain .holds-lists>ul>li:after{bottom:100px;right:12px;width:30%}.holds .contain .holds-lists>ul>li .info{font-size:16px;gap:20px;padding:16px}.holds .contain .holds-lists>ul>li .hold-num{font-size:16px;gap:4px;padding:16px 16px 0}.holds .contain .holds-lists>ul>li .items{padding:16px}.holds .contain .holds-lists>ul>li .items ul{gap:16px;padding:7px 0}.holds .contain .holds-lists>ul>li .items ul.head{padding:3px 0}.holds .contain .holds-lists>ul>li .items ul li,.holds .contain .holds-lists>ul>li .items ul.head li{font-size:16px}.holds .contain .holds-lists>ul>li .cash{gap:16px;padding:16px}.holds .contain .holds-lists>ul>li .cash div{font-size:18px;gap:16px}.holds .contain .holds-lists>ul h3{font-size:25px;padding:30px}.holds .contain .holds-lists>ul>li .options button{font-size:15px;padding:7px 16px}}@media (max-width:768px){.holds .contain{gap:18px;padding:20px 30px}.holds .contain .head{font-size:20px}.holds .contain .head picture img{width:60px}.holds .contain .holds-control{border-radius:3px;justify-content:center;padding:12px}.holds .contain .holds-control form{border-radius:4px;gap:12px;gap:20px}.holds .contain .holds-control form>div{gap:4px}.holds .contain .holds-control form>div label{font-size:12px}.holds .contain .holds-control form>div input{border-radius:2px;font-size:12px;padding:8px 40px}.holds .contain .holds-control form .btn button{border-radius:16px;font-size:12px;padding:8px 20px}.holds .contain .holds-lists>ul{gap:18px;grid-template-columns:repeat(1,1fr);justify-content:center}.holds .contain .holds-lists>ul>li{border-radius:3px}.holds .contain .holds-lists>ul>li:after{bottom:100px;right:10px;width:25%}.holds .contain .holds-lists>ul>li .info{font-size:15px;gap:18px;padding:12px}.holds .contain .holds-lists>ul>li .hold-num{font-size:15px;gap:3px;padding:12px 12px 0}.holds .contain .holds-lists>ul>li .items{padding:12px}.holds .contain .holds-lists>ul>li .items ul{gap:12px;padding:5px 0}.holds .contain .holds-lists>ul>li .items ul.head{padding:2px 0}.holds .contain .holds-lists>ul>li .items ul.head li{font-size:15px}.holds .contain .holds-lists>ul>li .items ul li{font-size:12px}.holds .contain .holds-lists>ul>li .cash{gap:12px;padding:12px}.holds .contain .holds-lists>ul>li .cash div{font-size:16px;gap:12px}.holds .contain .holds-lists>ul h3{font-size:20px;padding:20px}.holds .contain .holds-lists>ul>li .options button{font-size:12px;padding:6px 15px}}@media (max-width:640px){.holds .contain{gap:16px;padding:20px}.holds .contain .head{font-size:18px}.holds .contain .head picture img{width:50px}.holds .contain .holds-control{border-radius:2px;padding:10px}.holds .contain .holds-control form{border-radius:3px;gap:10px;gap:18px}.holds .contain .holds-control form>div{gap:3px}.holds .contain .holds-control form>div label{font-size:10px}.holds .contain .holds-control form>div input{border-radius:2px;font-size:10px;padding:8px 30px}.holds .contain .holds-control form .btn button{border-radius:16px;font-size:12px;padding:6px 16px}.holds .contain .holds-lists>ul{gap:16px}.holds .contain .holds-lists>ul>li{border-radius:3px}.holds .contain .holds-lists>ul>li .info{font-size:15px;gap:18px;padding:12px}.holds .contain .holds-lists>ul>li .hold-num{font-size:15px;padding:10px 10px 0}.holds .contain .holds-lists>ul>li .items ul{gap:10px}.holds .contain .holds-lists>ul>li .cash{gap:10px;padding:10px}.holds .contain .holds-lists>ul>li .cash div{font-size:15px;gap:12px}.holds .contain .holds-lists>ul h3{font-size:18px;padding:18px}}
/*# sourceMappingURL=main.515a0265.css.map*/