@import url(https://fonts.googleapis.com/css?family=Poppins);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul{list-style:none}a{text-decoration:none}img{max-width:100%}header{align-items:center;background:#fff;box-shadow:0 3px 20px rgba(0,0,0,.1);display:flex;height:60px;justify-content:space-between;left:0;padding:5px 15px;position:fixed;top:0;width:100%;z-index:101}.header-logo{min-width:40px;width:50px}.header-input-box{align-items:center;background:#fff;border-radius:25px;box-shadow:0 3px 20px rgba(0,0,0,.15);display:flex;overflow-x:hidden;padding:8px 15px;width:120px}.header-input-box .search-icon{color:#787a84;font-size:20px}.header-input-box input{background:transparent;border:none;color:#787a84;font-size:14px;font-weight:500;height:100%;outline:none;padding-left:8px;width:100%}.shopping-cart{display:flex;height:30px;justify-content:center;position:relative;width:30px}.shopping-cart .cart{color:#373848;font-size:30px}.shopping-cart .cart-content{align-items:center;background:#f8901c;border-radius:100%;display:flex;height:20px;justify-content:center;min-height:20px;min-width:20px;position:absolute;right:0;top:-8px;width:20px}.shopping-cart .cart-content p{color:#faf9fb;font-weight:500}.profile-container,.profile-container .img-box{align-items:center;display:flex}.profile-container .img-box{background-color:#444;border-radius:100vw;height:40px;justify-content:center;min-width:40px;overflow:hidden;width:40px}.profile-container .img-box .profile-picture{height:100%;object-fit:cover;width:100%}.profile-container .user-name{align-items:center;display:none;font-size:16px;font-weight:500;margin-left:8px}.toggle-menu{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.toggle-menu .toggle-icon{color:#373848;font-size:30px}.banner-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:8px}.banner-content h3{color:#2a2b3c;font-size:18px;font-weight:500}.banner-content p{color:#989594;font-size:14px;margin:5px 0;width:200px}.banner-content p span{color:#f8901c;font-weight:600}.banner-content a{background:#f8901c;border-radius:100vw;color:#faf9fb;cursor:pointer;font-size:14px;font-weight:500;padding:5px 15px}.banner-content a:hover{box-shadow:0 5px 20px rgba(0,0,0,.15);transition:.5s}.card-group{height:100%;overflow:hidden;position:relative;width:100%}.card-chip,.card-from,.card-logo,.card-name,.card-number,.card-ring,.card-to{position:absolute}.card-logo{height:auto;right:30px;top:30px;width:60px}.card-chip{height:auto;left:30px;top:50x;width:40px}.card-from,.card-name,.card-number,.card-to{color:#fff;font-weight:400;letter-spacing:2px}.card-number{bottom:60px;left:30px}.card-name{left:30px}.card-from,.card-name{bottom:30px;font-size:12px}.card-from{right:90px}.card-to{bottom:30px;font-size:12px;right:30px}.card-ring{height:400px;right:-250px;top:-250px;width:400px}.card-ring,.card-ring:after{background:transparent;border:50px solid rgba(0,0,0,.1);border-radius:100vw;box-sizing:border-box}.card-ring:after{content:"";height:500px;position:absolute;right:-150px;top:185px;width:500px}.dish-container{padding:10px 0;width:100%}.menu-card{width:100%}.menu-row-container{align-items:center;display:flex;margin:10px 0;overflow-x:scroll;overflow-y:hidden;padding:10px}.menu-row-container::-webkit-scrollbar{display:none}.row-menu-card{align-items:center;background-color:#faf9fb;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1);cursor:pointer;display:flex;flex-direction:column;height:100px;justify-content:space-between;margin-right:12px;min-width:80px;padding:5px;transition:.5s;width:80px}.row-menu-card.active,.row-menu-card:hover{background:#f8901c}.row-menu-card .img-box{align-items:center;background:#f8901c;border-radius:100vw;display:flex;height:50px;justify-content:center;min-height:50px;min-width:50px;overflow:hidden;padding:2px;transition:.5s;width:50px}.row-menu-card.active .img-box,.row-menu-card:hover .img-box{background:#faf9fb}.row-menu-card .img-box img{height:100%;object-fit:contain;width:100%}.row-menu-card.active .img-box img,.row-menu-card:hover .img-box img{height:80%;transition:.5s;width:80%}.row-menu-card h3{color:#f8901c;font-size:14px;font-weight:500;transition:.5s}.row-menu-card.active h3,.row-menu-card:hover h3{color:#faf9fb}.row-menu-card .load-menu{align-items:center;background:#f8901c;border-radius:5px;display:flex;height:20px;justify-content:center;transition:.5s;width:20px}.row-menu-card.active .load-menu,.row-menu-card:hover .load-menu{background:#faf9fb}.row-menu-card .load-menu .MuiSvgIcon-root{color:#faf9fb;font-size:18px}.row-menu-card.active .MuiSvgIcon-root,.row-menu-card:hover .MuiSvgIcon-root{color:#f8901c}.sub-menu-container,.view-all{align-items:center;display:flex;justify-content:space-between}.sub-menu-container h3{color:#2a2b3c;font-size:16px;font-weight:600}.sub-menu-container .view-all p{color:#f8913c;font-size:12px;font-weight:400}.sub-menu-container .view-all i{align-items:center;background:#f8913c;border-radius:5px;display:flex;height:20px;justify-content:center;margin-left:10px;min-width:20px;width:20px}.sub-menu-container .view-all i .MuiSvgIcon-root{color:#faf9fb;font-size:16px}.dish-item-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.item-card{flex-direction:column;height:180px;justify-content:flex-end;margin:10px 0;position:relative;width:160px}.item-card,.item-card .img-box{align-items:center;display:flex}.item-card .img-box{border-radius:100vw;height:100px;justify-content:center;padding:5px;position:absolute;top:-10px;width:100px}.item-card .img-box img{height:100%;object-fit:contain;width:100%}.item-img{position:absolute;top:0;width:60%x}.item-content{background:#fff;border-radius:15px;box-shadow:0 0 20px rgba(0,0,0,.15);padding:50px 10px 10px;width:100%}.item-content .item-name{font-size:16px}.item-content .bottom{align-items:center;display:flex;justify-content:space-between}.item-content .bottom .ratings .MuiSvgIcon-root{font-size:16px}.orange{color:#f8901c!important}.grey{color:#373848!important}.item-content .bottom .price{font-size:16px}.item-content .bottom .price span{color:#f8901c;font-size:14px}.item-content .add-to-cart{align-items:center;background:#f8901c;border-radius:100vw;box-shadow:0 0 20px rgba(0,0,0,.15);cursor:pointer;display:flex;height:25px;justify-content:center;width:25px}.item-content .add-to-cart .MuiSvgIcon-root{color:#faf9fb;font-size:18px}.is-favourite{position:absolute;right:10px;top:80px;transition:.5s}.is-favourite .MuiSvgIcon-root{color:#ff000088;font-size:18px}.is-favourite.active .MuiSvgIcon-root{color:red;-webkit-filter:drop-shadow(0 0 8px red);filter:drop-shadow(0 0 8px #ff0000)}.cart-item{margin:8px 0}.cart-item,.cart-item .img-box{align-items:center;display:flex}.cart-item .img-box{background:#00ffc855;border-radius:10px;height:60px;justify-content:center;min-height:60px;min-width:60px;padding:5px;width:60px}.cart-item .img-box img{height:100%;object-fit:contain;width:100%}.cart-item .item-section{margin-left:10px}.cart-item .item-section .item-name{color:#2a2b3c;font-size:16px}.cart-item .item-section .item-quantity{align-items:center;color:#2a2b3c;display:flex;font-size:16px;justify-content:space-between;width:120px}.cart-item .item-section .item-quantity span{color:#f8901c}.cart-item .item-section .item-quantity .quantity{align-items:center;cursor:pointer;display:flex;justify-content:space-between;width:60px}.cart-item .item-section .item-quantity .quantity .item-add,.cart-item .item-section .item-quantity .quantity .item-remove{color:#2a2b3c;font-size:24px}.cart-item .item-price{color:#2a2b3c;font-size:16px;font-weight:600;margin-left:auto}.cart-item .item-price .dollar-sign{color:#f8901c;font-size:12px}.cart-item .item-price .item-price-value{color:#373848;font-size:16px}main{margin-bottom:70px;margin-top:60px}.main-container,main{background:#faf9fb;height:auto;width:100%}.main-container{padding:10px}.banner{align-items:center;background:url(https://firebasestorage.googleapis.com/v0/b/food-delivery-69e51.appspot.com/o/banner.png?alt=media&token=d713b76e-37c2-4f74-bbdc-5d417e5be20e) no-repeat 50%;background-size:cover;border-radius:10px;display:flex;height:130px;padding:0 10px;position:relative;width:100%}.banner .banner-image{bottom:-10px;position:absolute;right:-60px;width:240px}.right-menu{align-items:center;background:#fff;box-shadow:0 3px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;height:calc(100% - 60px);padding:20px 10px;position:fixed;right:0;top:55px;-webkit-transform:translateX(200%);transform:translateX(200%);transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);width:350px;z-index:105}.right-menu.active{-webkit-transform:translateX(0);transform:translateX(0)}.debit-card-container{height:auto;padding:10px;width:100%}.debit-card{border-radius:15px;height:170px;min-height:170px;min-width:300px;position:relative;width:100%}.debit-card:before{background:#f8910c;border-radius:15px;-webkit-filter:blur(2px);filter:blur(2px);-webkit-transform:rotate(5deg);transform:rotate(5deg);z-index:-2}.debit-card:after,.debit-card:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.debit-card:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(35deg,hsla(0,0%,100%,.3) hsla(0,0%,100%,.1));border:1px solid hsla(0,0%,100%,0);border-radius:15px;z-index:-1}.cart-checkout-container{min-width:320px;width:100%}.cart-container{margin-top:10px;max-height:280px;min-height:250px;overflow-x:hidden;overflow-y:scroll;width:100%}.cart-container::-webkit-scrollbar{display:none}.total-section{align-items:center;display:flex;justify-content:space-between;margin:15px 0;padding:5px 8px;width:100%}.total-section h3,.total-section p{color:#2a2b3c;font-size:18px;font-weight:600}.total-section p span{color:#f8910c;font-size:14px}.check-out{background:#f8910c;border:none;border-radius:100vw;color:#faf9fb;font-size:18px;font-weight:600;letter-spacing:2px;outline:none;padding:10px;width:100%}.bottom-menu{align-items:center;background:#d5d5d5;border-radius:25px 25px 0 0;bottom:0;display:flex;height:60px;justify-content:center;left:0;position:fixed;width:100%;z-index:101}.bottom-menu ul{display:flex}.bottom-menu ul li{height:60px;list-style:none;position:relative;width:60px;z-index:1}.bottom-menu ul li a{align-items:center;display:flex;flex-direction:column;font-weight:500;justify-content:center;position:relative;text-align:center;width:100%}.bottom-menu ul li a .bottom-list-icon{display:block;line-height:70px;position:relative;text-align:center;transition:.5s}.bottom-menu ul li.active a .bottom-list-icon{-webkit-transform:translateY(-26px);transform:translateY(-26px)}.bottom-menu ul li a .bottom-list-icon .MuiSvgIcon-root{color:#373848;font-size:30x px}.bottom-menu ul li.active a .bottom-list-icon .MuiSvgIcon-root{color:#faf9fb;transition:.5s}.indicator{background:#f8901c;border:6px solid #faf9fb;border-radius:100vw;height:60px;left:2%;position:absolute;top:-50%;transition:.5s;width:60px}.indicator:before{border-top-right-radius:18px;left:-20px}.indicator:after,.indicator:before{background:transparent;box-shadow:0 -10px 0 0 #faf9fb;content:"";height:18px;position:absolute;top:50%;width:18px}.indicator:after{border-top-left-radius:18px;right:-20px}.bottom-menu ul li:first-child.active~.indicator{-webkit-transform:translateX(0);transform:translateX(0);transition:.2s}.bottom-menu ul li:nth-child(2).active~.indicator{-webkit-transform:translateX(60px);transform:translateX(60px);transition:.2s}.bottom-menu ul li:nth-child(3).active~.indicator{-webkit-transform:translateX(120px);transform:translateX(120px);transition:.2s}.bottom-menu ul li:nth-child(4).active~.indicator{-webkit-transform:translateX(180px);transform:translateX(180px);transition:.2s}.bottom-menu ul li:nth-child(5).active~.indicator{-webkit-transform:translateX(240px);transform:translateX(240px);transition:.2s}.bottom-menu ul li:nth-child(6).active~.indicator{-webkit-transform:translateX(300px);transform:translateX(300px);transition:.2s}.App{background:#faf9fb;height:100vh;overflow-x:hidden;width:100vw}.App::-webkit-scrollbar{display:none}@media screen and (min-width:650px){.menu-row-container{justify-content:space-between!important}.header-input-box{width:60%!important}}@media screen and (min-width:900px){.toggle-menu{display:none}.profile-container .user-name{display:block}.bottom-menu{left:40%;width:26%}.main-container{padding:10px 30px;width:calc(100% - 350px)}.banner{height:160px}.banner-image{bottom:-13px;width:278px}.banner-content h3{font-size:24px}.banner-content p{font-size:15px;margin:12px 0;width:unset}.banner-content a{font-size:16px}main{display:flex}.right-menu{padding:20px 15px;position:fixed;top:unset;-webkit-transform:translateX(0);transform:translateX(0);z-index:1}.item-card{height:200px;width:180px}}
/*# sourceMappingURL=main.4c3fc5d2.css.map*/