@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:content-box;font-family:Outfit;scroll-behavior:smooth}a{text-decoration:none;color:inherit}body{height:100vh}.app{width:80%;margin:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{padding:20px 0;display:flex;align-items:center;justify-content:space-between}.logo{width:150px}.header-list{display:flex;gap:30px;list-style-type:none}.header-list li{cursor:pointer}.header-right{display:flex;align-items:center;justify-content:space-between;width:250px}.signin{background-color:transparent;padding:10px 30px;color:#495576;border:1px solid grey;border-radius:20px;font-size:15px;cursor:pointer;transition:.3s}.search,.cart{height:25px;cursor:pointer}.signin:hover{background-color:#fff4f2}.header .active{padding-bottom:2px;border-bottom:2px solid #49557e}.cart-main{position:relative}.cart-main .dot{position:absolute;min-height:10px;min-width:10px;background-color:tomato;border-radius:5px;top:-8px;right:-8px}@media (max-width:700px){.logo{width:100px}.header-list{display:flex;gap:20px;list-style-type:none}.signin{background-color:transparent;padding:5px 15px;color:#495576;border:1px solid grey;border-radius:15px;font-size:10px;cursor:pointer;transition:.3s}.search,.cart{height:15px;cursor:pointer}.cart-main .dot{position:absolute;min-height:6px;min-width:6px;background-color:tomato;border-radius:5px;top:-3px;right:-3px}.header-list li{cursor:pointer;font-size:10px}.header-right{display:flex;align-items:center;justify-content:space-between;width:110px}}@media (max-width:600px){.logo{width:100px}.header-list{display:flex;gap:10px;list-style-type:none}.signin{background-color:transparent;padding:5px 15px;color:#495576;border:1px solid grey;border-radius:15px;font-size:10px;cursor:pointer;transition:.3s}.search,.cart{height:15px;cursor:pointer}.cart-main .dot{position:absolute;min-height:6px;min-width:6px;background-color:tomato;border-radius:5px;top:-3px;right:-3px}.header-list li{cursor:pointer;font-size:10px}.header-right{display:flex;align-items:center;justify-content:space-between;width:110px}}@media (max-width:500px){.header-list{display:none}}@media (max-width:400px){.header-list{display:none}}.hero{height:33.6vw;margin:30px,auto;background-image:url(/header_img.png);background-size:contain;position:relative}.hero-container{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:50%;bottom:8%;left:5vw;animation:fadeIn 3s}.hero-container h2{color:#fff;font-size:max(4.4vw,24px);font-weight:500}.hero-container p{color:#fff;font-size:1vw}.hero-container button{height:3vw;width:100px;border:none;border-radius:1.5vw;font-size:.8vw;cursor:pointer;transition:.3s}.hero-container button:hover{background-color:#fff4f2}@media (max-width:600px){.hero-container p{display:none}.hero-container button{height:3vw;width:50px;border:none;border-radius:1.5vw;font-size:.8vw;cursor:pointer;transition:.3s}.hero{height:34vw;margin:30px,auto;background-image:url(/header_img.png);background-size:contain;position:relative}}@media (max-width:500px){.hero-container button{height:3vw;width:40px;border:none;border-radius:1.5vw;font-size:1.1vw;cursor:pointer;transition:.3s}.hero-container{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:60%;bottom:8%;left:5vw;animation:fadeIn 3s}.hero{height:34vw;margin:30px,auto;background-image:url(/header_img.png);background-size:contain;position:relative}}@media (max-width:430px){.hero-container button{height:3vw;width:35px;border:none;border-radius:1.5vw;font-size:1.1vw;cursor:pointer;transition:.3s}.hero-container{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:70%;bottom:8%;left:5vw;animation:fadeIn 3s}.hero{height:34vw;margin:30px,auto;background-image:url(/header_img.png);background-size:contain;position:relative}}.explore-menu{display:flex;flex-direction:column;gap:20px;margin-top:20px}h1{font-weight:500;font-size:25px;color:#262626}.explore-menu-text{color:gray;max-width:40vw}.menu-list-image{display:flex;justify-content:space-between;font-size:15px;gap:35px;text-align:center;margin:20px 0;overflow-x:scroll}.menu-list-image::-webkit-scrollbar{display:none}.menu-list-image img{width:7.5vw;max-width:80vw;cursor:pointer;transition:.5s;border-radius:50%}.menu-list-image p{margin-top:10px;color:gray;cursor:pointer}.explore-menu hr{margin:10px 0;height:2px}.menu-list-image .active{border:4px solid tomato;padding:2px}@media (max-width:500px){.explore-menu-text{color:gray;max-width:100vw}.menu-list-image img{width:15.5vw;max-width:80vw;cursor:pointer;transition:.5s;border-radius:50%}.menu-list-image .active{border:2px solid tomato;padding:2px}}@media (max-width:600px){.explore-menu-text{color:gray;max-width:100vw}.menu-list-image img{width:12.5vw;max-width:80vw;cursor:pointer;transition:.5s;border-radius:50%}.menu-list-image .active{border:2px solid tomato;padding:2px}}.food-display{margin-top:30px}.food-display h2{font-size:max(2vw,24px);font-weight:600;margin-bottom:30px}.food-display-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px;row-gap:50px}.food-item{width:100%;margin:auto;border-radius:15px;box-shadow:0 0 10px #00000015;transition:.3s;animation:fadeIn 1s}.food-item-info{padding:25px}.food-item-name-rating{display:flex;align-items:center;justify-content:space-between}.food-item-image-main{width:100%;border-radius:15px 15px 0 0}.food-item-name-rating p{font-weight:500;font-size:18px}.food-item-name-rating img{height:13px}.description p{font-size:13px;color:gray;margin-top:10px}.price p{color:tomato;font-weight:700;font-size:20px;margin-top:10px}.food-item-counter{display:flex;gap:10px;align-items:center}.food-item-image{position:relative}.add-icon{position:absolute;right:15px;bottom:15px;height:40px}.food-item-counter{position:absolute;right:15px;bottom:15px;padding:5px;border-radius:25px;background-color:#fff}.food-item-counter img{width:30px}.app-download{height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.app-download p{font-size:40px;font-weight:500}.app-download img{margin-top:10px;width:150px;margin-left:20px;cursor:pointer}.app-download img:hover{transform:scale(1.05)}@media (max-width:500px){.app-download p{font-size:23px;font-weight:400}.app-download img{margin-top:10px;width:110px;margin-left:20px;cursor:pointer}}@media (max-width:400px){.app-download p{font-size:20px;font-weight:400}.app-download img{margin-top:10px;width:110px;margin-left:20px;cursor:pointer}}.Cart{margin-top:100px}.cart-item-title{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .5fr;color:gray;align-items:center;font-size:max(1vw)}.cart-item-items{margin:10px 0;color:#000}.cart-item-items img{width:60px}.cart-item-items hr{height:1px;border:none;color:#e2e2e2}.cart-item-items .cross{cursor:pointer}.cart-button{margin-top:100px;gap:max(12vw,20px);display:flex;align-items:center;justify-content:space-between;margin-bottom:100px}.cart-total{display:flex;flex-direction:column;flex:1;gap:20px}.cart-total-details{display:flex;justify-content:space-between;color:#555}.cart-total hr{margin:10px 0}.cart-total button{width:200px;padding:10px 15px;background-color:tomato;color:#fff;border:none;border-radius:4px;cursor:pointer}.promo-code{flex:1;margin-bottom:50px}.promo-code p{color:#555}.input{display:flex;justify-content:space-between;background-color:#eaeaea;border-radius:4px;margin-top:10px}.input input{background-color:transparent;border:none;outline:none;padding:7px 5px 7px 15px;border-radius:4px}.input button{width:max(10vw,150px);padding:12px 5px;background-color:#000;color:#fff;border:none;border-radius:4px}@media (max-width:500px){.cart-button{flex-direction:column-reverse}.promo-code{justify-content:start}.cart-item p{font-size:9px}.cart-item img{width:40px}}.placeorder{display:flex;justify-content:space-between;margin-top:100px;margin-bottom:100px;align-items:start}.left{width:100%;max-width:max(30%,500px)}.left h2{margin-bottom:30px}.left input{width:95.7%;margin-bottom:10px;padding:10px;border-radius:5px;border:1px solid #c5c5c5;outline-color:tomato}.left .multi-name{display:flex;gap:10px}.right{width:30vw}.right button{margin-top:20px}@media (max-width:500px){.placeorder{flex-direction:column}.cart-total{margin-top:50px;width:300px}}.footer{color:#fff;background-color:#323232;font-size:15px;padding:70px 200px 20px 150px}.main-footer{display:flex;justify-content:space-between}.main-footer .footer-description{width:35vw}.main-footer ul{list-style-type:none}.food-page{line-height:25px;margin-right:150px}.food-touch{line-height:25px}.footer-description img{height:25px}.food-page h2,.food-touch h2{margin-bottom:20px;font-weight:500}.footer-description img{margin-bottom:20px}.food-social img{height:35px;margin-top:20px;margin-left:10px}.copyright{display:flex;justify-content:center;margin-top:20px;margin-left:50px}.hr{width:105%}@media (max-width:500px){.footer{color:#fff;background-color:#323232;font-size:15px;padding:50px}.main-footer{display:flex;flex-direction:column;gap:35px;width:200px}.main-footer .footer-description{width:90vw}.copyright{display:flex;justify-content:center;margin-top:20px;margin-left:50px}}.login-popup{position:absolute;display:grid;height:100%;width:100%;z-index:1;background-color:#00000090}.login-container{place-self:center;background-color:#fff;color:#80808080;width:max(23vw,340px);display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:14px;animation:fadeIn .7s}.login-text{color:#000;display:flex;justify-content:space-between}.login-text img{height:20px;cursor:pointer}.login-input input{height:30px;padding-left:10px;margin-bottom:20px;width:93%;outline:none;border:1px solid #c9c9c9;border-radius:4px}.login-container button{height:35px;background-color:tomato;border:none;border-radius:4px;color:#fff;width:97%;font-weight:600;margin-top:-15px}.login-buttom{display:flex;align-items:start;margin-top:-13px;gap:8px}.login-buttom input{margin-top:5px}.alreadyhaveacct{display:flex;gap:10px}.alreadyhaveacct span{cursor:pointer;font-weight:600;color:tomato}@media (max-width:500px){.login-container{place-self:center;background-color:#fff;color:#80808080;width:max(17vw,280px);display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:14px;animation:fadeIn .7s}.login-popup{position:absolute;display:grid;height:100%;width:97%;z-index:1;background-color:#00000090}}@media (max-width:400px){.login-container{place-self:center;background-color:#fff;color:#80808080;width:max(17vw,280px);display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:14px;animation:fadeIn .7s}.login-popup{position:absolute;display:grid;height:100%;width:100%;z-index:1;background-color:#00000090}}