@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit}body{min-height:100vh}a{text-decoration:none;color:inherit}.App{width:100%;margin:auto}::selection{background-color:#ffe8e3;color:#000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.App{width:85%}}.navbar{padding:20px;display:flex;justify-content:space-between;align-items:center;position:relative;margin-left:30px;margin-right:30px}.logo{width:150px}.navbar-menu{display:flex;list-style:none;gap:20px;color:#49557e;font-size:18px;cursor:pointer}.navbar-right{display:flex;align-items:center;gap:40px}.navbar button{background:transparent;font-size:16px;color:#49557e;border:1px solid tomato;padding:10px 30px;border-radius:50px;cursor:pointer;transition:.3s}.navbar button:hover{background-color:#fff4f2}.navbar .active{padding-bottom:2px;border-bottom:2px solid #49557e}.navbar-search-icon{position:relative}.navbar-search-icon .dot{position:absolute;min-width:10px;min-height:10px;background-color:tomato;border-radius:5px;top:-8px;right:-8px}.search-icon{color:#49557e}.input-text{background-color:#fff4f2;border:2px solid #49557e;border-radius:20px;padding:5px}.menu-btn{display:none;cursor:pointer;transition:transform .4s}.menu-btn.rotate{transform:rotate(360deg)}@media (max-width: 768px){.navbar{position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:1000;padding:15px 20px;box-shadow:0 4px 6px #0000001a;margin-left:0;margin-right:0}.menu-btn{display:block;cursor:pointer}.navbar-menu{flex-direction:column;position:absolute;top:60px;right:-100%;background-color:#fff;width:200px;padding:30px;height:100vh;z-index:999;background-color:tomato;transition:right .3s ease-in-out;box-shadow:0 4px 6px #0000001a}.navbar-menu.show{right:0}.navbar-right{display:none}.navbar-menu li{color:#fff}.navbar .active{padding-bottom:2px;border-bottom:2px solid #f2f2f5}}.header{width:90%;height:34vw;margin:30px auto;background:url(/assets/header_img-DfvEA7zQ.png) no-repeat;background-size:cover;position:relative;border-radius:15px}.header-contents{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:50%;bottom:10%;left:6vw;animation:fadeIn 3s}.header-contents h2{font-weight:500;color:#fff;font-size:max(4.3vw,22px)}.header-contents p{color:#fff;font-size:1vw}.header-contents button{border:none;font-weight:500;padding:1vw 2.3vw;background-color:#fff;font-size:max(1vw,13px);border-radius:50px}.view-menu-btn{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.view-menu-btn:hover{transform:scale(1.05);box-shadow:0 0 4px 8px #31313133}@media (max-width: 768px){.header{height:55vh;background:url(/assets/header_img-DfvEA7zQ.png) no-repeat;background-size:cover;position:relative;border-radius:15px;width:100%;margin:80px auto 30px}.header-contents{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:70%;bottom:10%;left:6vw;animation:fadeIn 3s}.header-contents h2{font-weight:500;color:#fff;font-size:max(5vw,30px)}.header-contents p{color:#fff;font-size:3vw}.header-contents button{border:none;font-weight:500;padding:3vw 7vw;margin-top:10px;background-color:#fff;font-size:max(1vw,13px);border-radius:50px}}@media (max-width: 768px){.explore-menu{display:flex;flex-direction:column;gap:20px;width:100%}.explore-menu h1{color:#262626;font-weight:500}.explore-menu-text{max-width:60%;color:gray}}.food-display{width:90%;margin:30px auto 20px}.food-display h2{font-size:max(2vw,24px);font-weight:600}.display-text{display:flex;justify-content:space-between;align-items:center}.search-icon{color:#888;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;transform-origin:center;display:inline-block;padding:5px;border-radius:50%}.search-icon:hover{color:tomato;transform:scale(1.15);background-color:#ff63471a}.search-icon:active{transform:scale(.9);transition:transform .15s ease;color:#e5533d}.search-icon.active{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);color:tomato}50%{transform:scale(1.1);color:#ff4500}to{transform:scale(1);color:tomato}}.search-input{border:2px solid grey;border-radius:20px;padding:8px;background-color:#fff4f2}.food-item{width:100%;margin:auto;border-radius:15px;box-shadow:0 0 10px #00000015;transition:.3e;animation:fadeIn 1s}.food-item-image{width:100%;border-radius:15px 15px 0 0}.add-to-cart-btn{padding:0 30px;height:30px;background-color:#fff;border:1px solid #ff623f;border-radius:20px;cursor:pointer}.explore-menu{display:flex;flex-direction:column;gap:20px;width:90%;margin-left:auto;margin-right:auto}.explore-menu h1{color:#262626;font-weight:500}.explore-menu-text{max-width:60%;color:gray}.explore-menu-list{display:flex;justify-content:space-between;align-items:center;gap:30px;text-align:center;margin:20px 0;overflow-x:scroll}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list-item img{width:7.5vw;min-width:80px;cursor:pointer;border-radius:50%;transition:.2e}.explore-menu-list-item p{margin-top:10px;color:#747474;font-size:max(1.4vw,16px);cursor:pointer}.explore-menu hr{margin:10px 0;height:2px;background-color:#e2e2e2;border:none}.explore-menu-list-item.active img{border:2px solid tomato;border-radius:50%;padding:5px}.styled-select{padding:10px 25px;border:1px solid #ff6347;border-radius:25px;background-color:#fff4f2;color:#333;font-size:16px;cursor:pointer;outline:none;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:0 2px 5px #0000001a;text-align:center}.styled-select:hover{border-color:#e5533d;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.styled-select:focus{border-color:#ff4500}.styled-select option{background:#fff;text-align:center;color:#333}.styled-select option:hover{background-color:tomato;color:#fff}.styled-select:focus-within{animation:slideDown .3s ease-out}.styled-select:focus{animation:slideDown .3s ease-out}.top-dishes-menu{display:flex;justify-content:space-between}.search-details{display:flex;gap:20px;align-items:center}@media (max-width: 768px){.food-display{width:100%;margin-left:auto;margin-right:auto}.search-input{width:80px}.food-item-img{height:200px!important}.explore-menu{display:flex;flex-direction:column;gap:20px;width:100%}.explore-menu h1{color:#262626;font-weight:500}.explore-menu-text{max-width:60%;color:gray}.search-details{display:flex;gap:2px;align-items:center}.styled-select{padding:10px;border:1px solid #ff6347;border-radius:25px;background-color:#fff4f2;color:#333;font-size:16px;cursor:pointer;outline:none;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:0 2px 5px #0000001a;text-align:center}}.active{border-bottom:2px solid black}.food-display-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:30px;gap:30px;row-gap:50px}.main-food-container{width:90%;margin-left:auto;margin-right:auto}.food-item{width:100%;height:380px;margin:auto;border-radius:15px;box-shadow:0 0 10px #00000015;transition:.3s;animation:fadeIn 1s}.food-item-img-container{position:relative;height:200px}.food-item-image{width:100%;height:200px;border-radius:15px 15px 0 0;object-fit:cover}.incr-decr-btn{position:absolute;bottom:10px;right:10px;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#fffc;padding:5px 10px;border-radius:20px}.incr-btn,.decr-btn{width:25px;height:25px;border:1px solid #ff6347;border-radius:50%;background:transparent;display:flex;justify-content:center;align-items:center;cursor:pointer}.incr-btn:hover,.decr-btn:hover{background-color:tomato;color:#fff}.food-item-info{padding:20px}.food-item-name-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.food-item-name-rating img{width:70px}.food-item-desc{color:#676767;font-size:12px}.food-item-price{color:tomato;font-size:22px;font-weight:500;margin:10px 0}.add-to-cart-btn{padding:0 25px;height:30px;background-color:#fff;border:1px solid #ff623f;border-radius:20px;cursor:pointer}.add-to-cart-btn:hover{background-color:tomato}.total-container{padding:30px;border:2px solid #fff;border-radius:20px;box-shadow:0 0 2px 4px #0000001a;margin-top:30px}.checkout-button{margin-top:15px;width:160px;height:40px;border-radius:20px;border:1px solid tomato;background-color:#fff;font-size:16px;transition:transform .3s ease}.checkout-button:hover{background-color:tomato;transform:scale(1.05)}.coupan-code-input{padding:5px;margin-right:10px;border:2px solid tomato;border-radius:8px;background-color:#fff4f2;outline:none;transition:border .3s ease}.coupan-code-input:focus{border:2px solid blue}@media (max-width: 768px){.main-food-container{width:100%;margin-left:auto;margin-right:auto}.food-display-list{margin-top:80px}.coupan-code-input{width:80px}}.main-container{width:90%;margin-left:auto;margin-right:auto}.thumnail{background-color:#fdf7f0;padding:40px;margin-bottom:50px}.Select{width:100%;height:35px;margin-top:5%;padding:5px}.Select-option{font-size:15px}.form-input{width:100%;height:30px;margin-top:4%;padding:5px}.form-button{width:100px;height:35px;font-size:15px;background-color:#fff;border:1px solid #e36e1e}.form-button:hover{background-color:#fff4f2}.map{margin-bottom:20px}@media (max-width: 768px){.main-container{width:100%;margin-top:80px;margin-left:auto;margin-right:auto}.map{width:100%;margin-bottom:100px}}.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fffc;z-index:9999}.loader{width:48px;height:48px;border-width:3px;border-style:dashed solid solid dotted;border-color:#ff3d00 #ff3d00 transparent #ff3d00;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;left:20px;top:31px;border:10px solid transparent;border-right-color:#ff3d00;transform:rotate(-40deg)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu{width:90%;margin-left:auto;margin-right:auto}.outside-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));place-items:center;gap:20px;padding:10px}.inside-map{background-color:#fff;width:100%;height:350px;text-align:center;padding:10px;border:1px solid #fff;border-radius:20px;box-shadow:0 4px 8px #0003}.buy-btn1{margin-top:10px;width:140px;text-align:center;height:30px;padding:10;border-radius:20px;background-color:tomato}.beverage-outside-map{width:100%;border:1px solid #fff;margin-bottom:50px;border-radius:20px;padding:10px;display:flex;align-items:center;justify-content:space-around;box-shadow:0 0 8px 4px #0000004d}.buy{width:160px;height:40px;padding:10px;text-align:center;border:2px solid black;border-radius:20px;background-color:tomato}.buy-btn2{position:relative;bottom:-30px}.beverage-img{width:100px;height:100px}.menu-text{max-width:60%;color:gray}@media (max-width: 768px){.outside-map{display:grid;place-items:center;align-items:center}.beverage-img{text-align:center}.menu{margin-top:80px;width:100%;margin-left:auto;margin-right:auto}.beverage-outside-map{display:flex;flex-direction:column}.buy-btn2{position:relative;bottom:0;margin-bottom:30px}.menu-text{max-width:90%;color:gray}}.main-footer{display:flex;justify-content:space-around;padding:20px;margin-top:30px;width:100%;box-sizing:border-box}.main{width:100%;background-color:#ff4c24}.footer-container{width:100%}.sign-up-btn{border:2px solid #fff;background-color:#ff4c24;color:#000;padding:5px;width:80px}.sign-up-btn:hover{background-color:#fff}input{padding:5px}.footer-icon{display:grid;place-items:center;width:40px;height:40px;border:2px solid #fff;border-radius:40px}.footer-icon:hover{background-color:#fff6e8}.span-text{margin-bottom:30px;font-weight:600;font-size:18px;text-align:center}.footer2{text-align:center}.login-button{display:none;border:2px solid #fff;background-color:#ff4c24;color:#000;padding:5px;width:80px;justify-content:center}@media (max-width: 768px){.main{background-color:#ff4c24;width:100vw;margin-left:-30px;margin-right:auto}.main-footer{flex-direction:column;align-items:center;width:100%}.footer1,.footer2{margin-bottom:20px}.span-text{margin-top:-10px}.footer2+div{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-icon{margin-top:-40px}.follow-us{margin-top:20px}.login-button{display:block;width:100px}.login-button:hover{background-color:#fff6e8}}.main-thumnail{width:90%;margin-left:50px;padding:40px}.thumnail1{display:flex;gap:20px}.cart-btn{width:100%;height:9vh;border:2px solid tomato;border-radius:20px;margin-top:30px;font-size:20px;background-color:tomato;color:#fff}.item-img{width:100%;height:415px}.item-type{display:flex;align-items:center;gap:30px;margin-top:20px}.type-1{display:flex;align-items:center;gap:10px;background-color:#e7e9eb;width:200px;padding:8px;border-radius:20px;cursor:pointer}.type-1:hover{background-color:#d3d3d3;cursor:pointer}.div-1{width:45px;height:45px;background-color:#d3d3d3;border-radius:45px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}.active-btn{background-color:tomato;width:45px;height:45px;border-radius:45px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}.bg-change{background-color:red}@media (max-width: 768px){.main-thumnail{width:100%;padding:0;margin-left:auto}.thumnail1{display:flex;flex-direction:column;margin-top:80px}.cart-btn{width:100%;height:7vh;border:2px solid tomato;border-radius:20px;margin-top:30px;font-size:20px;background-color:tomato;color:#fff}.type-1{display:flex;align-items:center;font-size:13px;gap:10px;background-color:#e7e9eb;width:200px;padding:8px;border-radius:20px;cursor:pointer}}.main-container{display:flex;flex-direction:column;width:90%;margin-left:auto;margin-right:auto}.error-img{position:relative;width:100%;height:85vh}.go-btn{position:absolute;bottom:0;z-index:999;margin:30px;padding:10px 30px;border:2px solid #ff6347;border-radius:20px;background:transparent}.go-btn:hover{background-color:tomato}@media (max-width: 768px){.main-container{margin-bottom:-80px;width:90%;margin-left:auto;margin-right:auto}.error-img{position:relative;width:100%;height:80vh;margin-bottom:150px}.go-btn{position:absolute;bottom:0;z-index:999;margin:30px 30px 80px;padding:10px 30px;border:2px solid #ff6347;border-radius:20px;background:transparent}}.main-thumnails{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(https://previews.123rf.com/images/romastudio/romastudio1603/romastudio160300203/54088672-healthy-food-background-studio-photo-of-different-fruits-and-vegetables-on-white-wooden-table-high.jpg) no-repeat center center;background-size:cover;width:100%;height:100vh;border-radius:20px;padding:30px;margin-bottom:20px;margin-top:10px}.outside-component{margin-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;background-color:#fff;box-shadow:0 0 4px 8px #0003;border-radius:20px;width:40%}.input{width:98%;border:1px solid #808080;border-radius:20px;margin-bottom:20px;padding:10px;outline:none}.input:focus{border-color:tomato}.forget-component{display:flex;justify-content:space-around;gap:45px;font-size:15px;margin-top:-5px}.login-btn{width:98%;padding:10px;border:1px solid #fff;margin-top:30px;border-radius:20px;font-size:18px;background-color:tomato;color:#fff}.all-icon{display:flex;justify-content:space-evenly;gap:20px;align-items:center;color:#000}.remember-checkbox{cursor:pointer;accent-color:gray}.remember-checkbox:checked{accent-color:tomato}.forget-text{cursor:pointer}.forget-text:hover{color:#00f}.icon-bg{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50px;text-align:center;background-color:#fff;box-shadow:0 4px 8px #0000001a}.icon-bg:hover{background-color:#f2c6be}@media (max-width: 768px){.main-thumnails{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(https://previews.123rf.com/images/romastudio/romastudio1603/romastudio160300203/54088672-healthy-food-background-studio-photo-of-different-fruits-and-vegetables-on-white-wooden-table-high.jpg) no-repeat center center;background-size:cover;width:100%;height:81vh;border-radius:20px;padding:30px;margin-top:80px}.outside-component{margin-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;background-color:#fff;box-shadow:0 0 4px 8px #0003;border-radius:20px;width:100%}.input{width:100%;border:1px solid #808080;border-radius:20px;margin-bottom:20px;padding:10px;outline:none}.input:focus{border-color:tomato}.forget-component{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:-5px}}.checkout-container{display:flex;justify-content:center;align-items:center;height:90vh}.checkout-card{background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 8px 20px #00000026;text-align:center;max-width:450px;width:100%}.checkout-success-icon{width:80px;margin-bottom:20px}.back-home-button{margin-top:20px;padding:10px 25px;font-size:16px;background-color:tomato;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:background-color .3s ease}.back-home-button:hover{background-color:#ff5b3e}@media (max-width: 768px){.checkout-container{display:flex;justify-content:center;align-items:center;height:90vh}}.review-container{display:flex;justify-content:center;align-items:center;min-height:90vh}.review-card{background:#fff;padding:30px 25px;border-radius:18px;box-shadow:0 8px 25px #0000001f;max-width:500px;width:100%;text-align:left}.review-card h2{margin-bottom:20px;text-align:center}.section{margin-bottom:20px}.section label{font-weight:600;display:block;margin-bottom:8px}textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;resize:none}.payment-options label{display:block;margin-bottom:10px;cursor:pointer}.button-group{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.edit-btn,.continue-btn{padding:10px 20px;border:none;border-radius:10px;cursor:pointer;font-weight:500}.edit-btn{background-color:#e0e0e0}.continue-btn{background-color:tomato;color:#fff}