nav{font-weight:400;font-size:15px;display:flex;justify-content:space-between;align-items:center;padding:20px 150px}.location,.location h4{word-break:break-all;text-align:center}.login{display:flex;justify-content:center;align-items:center;gap:20px}.search-login{display:flex;justify-content:center;align-items:center;gap:5px}.btn-login{color:#ffb30e;background-color:#fff;box-shadow:5px 5px 10px #ffb30e;width:100px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:10px}.name{font-weight:700;font-size:25px;display:flex;justify-content:center;align-items:center;gap:10px}.name .text .red{color:#f17228}.name .text .yellow{color:#ffb30e}.landing-page{background:linear-gradient(#fbcd2a,#ffad06);padding:0 150px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.landing-page h1{color:#fff}.landing-page p{color:#504f4f}.left{width:100%}.board{border-radius:20px;background-color:#fff;height:130px;width:100%;padding:20px}.top{display:flex;align-items:center}.delivery,.pickup{display:flex;justify-content:center;align-items:center;border-radius:10px;width:100px;height:40px}.delivery{color:#f17228;background-color:#fce3d5}.board .btn-search{background-color:#f65900;color:#fff;text-transform:capitalize;width:30%;height:50px;display:flex;justify-content:center;align-items:center;border-radius:10px}.form{display:flex;justify-content:center;align-items:center;gap:20px;width:100%}.input-container{position:relative;width:100%}.locator{position:absolute;top:10px;left:0}.input{width:100%;border-radius:10px;padding:10px 30px;border:none;background-color:#f5f5f5}.grayVage{display:flex;justify-content:center;align-items:center;padding:20px 150px}.grayWrapper{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;width:100%}.grayContainer{display:flex;justify-content:center;flex-direction:column;gap:20px}.grayContainer h3{text-align:left}.days{padding:10px;color:#f17228;background-color:#fce3d5;border-radius:10px;width:100%}.features-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:linear-gradient(#fff9ed,#fff)}.features-heading{padding-top:20px;color:#f17228}.features{display:flex;justify-content:center;align-items:center;padding:20px 150px;gap:10px}.feature{display:flex;flex-direction:column;justify-content:center;align-items:center}.feature h3{font-size:1.5rem;text-wrap:wrap}.feature h3,.feature p{text-align:center}.popular-container{padding:20px 150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.populars{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}.popular{display:flex;flex-direction:column;justify-content:left;align-items:left;gap:3px}.popular p{text-align:left}.popular .order{background-color:#f17228;border-radius:5px;padding:10px}.food-location{display:flex;color:#fbcd2a;justify-content:left;align-items:left}.restaurants-container{padding:20px 150px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.restaurants-heading{padding-top:20px}.restaurants{display:flex;justify-content:center;gap:20px;align-items:center;flex-wrap:wrap}.restaurant{display:flex;flex-direction:column;justify-content:left;align-items:left;gap:10px}.logo-part{display:flex}.text-part{padding-left:20px;display:flex;flex-direction:column;justify-content:center;align-items:left}.restaurant-name{text-align:center}.rating{display:flex;gap:2px;color:#ffad06}.open-tomorrow,.open-now{padding:10px;border-radius:10px;margin-bottom:20px}.open-tomorrow{color:#f17228;background-color:#fce3d5}.open-now{color:#79b93c;background-color:#e4f1d8}.featured-view{color:#fff;background-color:#fbcd2a;padding:10px;border-radius:10px}.featured-view-container{width:100%;display:flex;justify-content:center;align-items:center}.vage-container{display:flex;justify-content:center;align-items:center;height:100%;padding:20px}.vage{display:flex;justify-content:space-between;align-items:center;background-color:#d2d2d2;width:100%;height:100%;padding:50px}.img-container{width:100%}.vage .left{display:flex;justify-content:center;gap:20px;height:100%;flex-direction:column;align-items:center;width:100%}.vage .left>*{width:100%;font-size:2rem;font-weight:400;text-align:center}.vage .percentage{background-color:#fbcd2a;padding:20px}.vage-days{color:#f17228;background-color:#fce3d5}.vage-order{padding:20px 0;background-color:#f17228}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.Login{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80vh;background-color:#f5f5f5;width:600px;border-radius:20px}.Login h1{font-size:2rem}.login-form{display:flex;flex-direction:column;justify-content:center;gap:20px;align-items:center;width:500px}.email-container,.pass-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:10px}#email,#pass{padding:10px 30px;width:100%;border-radius:10px;outline:0}.create-button{padding:10px 30px;border-radius:10px;background-color:#fbcd2a}.google-btn{padding:10px 20px;background-color:#c7c6c6;border-radius:10px}.install{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 150px 0;background-image:url(/Install\ App/back.png);background-repeat:no-repeat;background-size:cover;width:100%}.ifeatures{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:#fff;padding:20px 30px;border-radius:20px}.ifeatures .div{border-right:2px solid #504f4f;padding:0 20px;display:flex;width:100%;justify-content:space-between;align-items:center}.ifeatures .div:last-child{border-right:none}.ifeatures .div h3{word-wrap:break-word;background:linear-gradient(#fb3c00,#ffb800);-webkit-background-clip:text;background-clip:text;color:transparent}.mobile{display:flex;justify-content:space-between;align-items:center}.image-box{width:100%}.mobile .text-box{display:flex;flex-direction:column;justify-content:center;align-items:center}.buttons{display:flex;justify-content:center;align-items:center;gap:10px;font-size:10px}.buttons button{padding:5px 10px;border-radius:10px}.buttons button div{display:flex;justify-content:center;align-items:center;gap:10px;font-size:15px}.about-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 150px;width:100%;gap:30px}.about{display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:30px;box-shadow:10px 10px 20px #616161;height:70vh;width:100%}.about:nth-child(2){flex-direction:row-reverse}.about:nth-child(2) .image{border-radius:30px 0 0 30px}.about .image{width:60%;height:100%;border-radius:0 30px 30px 0}.about .info{width:40%;padding:40px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:30px;height:100%}.about .info h2{font-size:2.5rem;line-height:1;margin-bottom:12px}.about .info h2 span{margin-left:5px}.about .info p{text-align:left;font-size:1.2rem}.orange{color:#ffb30e}.info .info-btn{text-transform:uppercase;padding:15px 30px;width:100%;border-radius:10px;background:linear-gradient(45deg,#ffb800,#ff8a00);box-shadow:10px 10px 30px #ffb800;color:#fff}.cta{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:url(/CTA/cta.jpeg);background-position:center;background-size:cover;background-repeat:no-repeat;padding:100px;margin-top:50px}.cta h1{color:#fff;text-align:center}.cta .cta-btn{text-transform:uppercase;padding:20px 40px;border-radius:10px;color:#fff;background-color:#fb3c00}.miniapp{display:flex;min-height:100vh;width:100vw;color:#f5f5f5}.miniapp a{color:#f5f5f5}.minilightapp{display:flex;min-height:100vh;width:100vw;color:#201f1f}.miniapp aside{width:20%;height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#504f4f}.minilightapp aside{width:20%;height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#fff}.miniapp aside nav ul,.minilightapp aside nav ul{display:flex;flex-direction:column;justify-content:center;list-style:none;gap:20px}.miniapp main,.minilightapp main{width:80%;overflow-y:scroll;height:100vh;background:#201f1f;padding:10px 20px}.minilightapp main{background-color:#e2e2e2}.login-top{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.hamburger-container{justify-content:space-between;align-items:center;width:100%;display:none}.miniapp .hamburger,.minilightapp .hamburger{width:50px;height:30px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:1}.miniapp .hamburger span,.minilightapp .hamburger span{display:block;width:100%;height:5px;background-color:#5f5f5f;transition:all .8s}minilightapp .hamburger span{background-color:#fff}.hamburger span.active:nth-child(1){transform:rotate(45deg) translateY(10px)}.hamburger span.active:nth-child(2){transform:rotate(-45deg) translateY(-10px)}.hamburger span.active:nth-child(3){opacity:0}.user-container{display:flex;justify-content:space-between;align-items:center;width:100%}.user-container .user{display:flex;justify-content:center;align-items:center;gap:10px}.profileimage-container{width:60px;height:60px;border-radius:50%;overflow:hidden}.profileimage{border-radius:50%;object-fit:cover;scale:1.5}.miniapp .wide-box,.minilightapp .wide-box{width:100%;padding:20px;background-color:#504f4f;border-radius:20px;margin-top:20px}.minilightapp .wide-box{background-color:#cbcbcb}.wide-box .h1{margin-bottom:10px}.wide-box-flex{display:flex;justify-content:space-between;align-items:center;gap:20px}.wide-box .wide-box-flex .img-box,.wide-box-left{width:100%}.miniapp .minihome-order,.minilightapp .minihome-order{padding:10px 20px;border-radius:10px;background-color:#7b7b7b;color:#fff}.minilightapp .minihome-order{background-color:#e8e8e8;color:#201f1f}.small-box-container{display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:10px}.miniapp .small-box,.minilightapp .small-box{background-color:#504f4f;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;border-radius:20px;flex-grow:1}.minilightapp .small-box{background-color:#cbcbcb}.small-box img,.small-box button{width:100%}.small-box .small-box-about-foods{border-radius:20px}.toggle #check{display:none}.toggle label{display:block;width:100px;height:40px;border-radius:2rem;background-color:#504f4f;transition:all .5s;cursor:pointer;position:relative}.toggle label:after{content:"";position:absolute;top:5px;left:5px;width:30px;height:30px;background-color:#616161;border-radius:100%;transition:all .5s}.toggle:has(input:checked) label{background-color:#919191}.toggle:has(input:checked) label:after{left:65px;background-color:#c7c6c6}@media (max-width: 1500px){.right img{width:460px}}@media (max-width: 1250px){.about .info h2{font-size:1.5rem}.about .info p{font-size:1rem}.miniapp .small-box,.minilightapp .small-box{padding:10px}}@media (max-width: 1200px){.landing-page{flex-direction:column}}@media (max-width: 1120px){nav,.features{flex-direction:column}.image-box img{width:300px}.about{height:50vh}.info .info-btn{padding:10px 20px;font-size:.7rem}.about .info h2,.about .info p{word-break:break-all}}@media (max-width: 1100px){.about-container{padding:30px}.about{height:70vh}.small-box-container{flex-wrap:wrap;gap:10px}.miniapp .small-box,.minilightapp .small-box{flex-grow:1}.miniapp .small-box img,.minilightapp .small-box img{width:100%;object-fit:cover;border-radius:20px}}@media (max-width: 1020px){.ifeatures{flex-direction:column}.ifeatures .div{border-right:none;border-bottom:2px solid #504f4f;padding:20px 0}.ifeatures .div:last-child{border-bottom:none;padding-bottom:0}.ifeatures .div img{width:50px}}@media (max-width: 920px){.vage-container,.vage{padding:10px}.vage .left{width:100%;gap:5px}.restaurant .food{width:250px;height:200px}.about{height:50vh}.cta{background-image:url(/CTA/mobile-cta.png)}}@media (max-width: 870px){.install{padding:30px}.mobile{flex-direction:column-reverse;justify-content:center}.mobile .image-box{display:flex;justify-content:center;align-items:center}}@media (max-width: 820px){.vage{flex-direction:column;gap:20px;align-items:center;padding:20px}.vage-container{padding:20px}.vage .left{width:80%}.img-container{display:flex;justify-content:center;align-items:center}}@media (max-width: 800px){.restaurant .logo-part .img{width:40px;height:40px}.about-container{padding:10px}.hamburger-container{display:flex}.miniapp aside,.minilightapp aside{position:absolute;z-index:1;left:-100%;width:100%;transition:all 1s}.miniapp .cover-screen,.minilightapp .cover-screen{left:0%}.miniapp main,.minilightapp main{width:100%}}@media (max-width: 660px){nav,.landing-page,.features,.grayVage,.popular-container,.install{padding:10px}.landing-page p,h1{text-align:center}.right img{width:335px}.about .info{padding:20px}.about .info h2{margin-bottom:5px}.about .info{gap:10px}.cta{padding:30px}.login-container{padding:20px}.Login{width:100%;padding:20px}.login-form{width:100%}.wide-box-flex{flex-direction:column;justify-content:center}.wide-box-flex .img-box{display:flex;justify-content:center;align-items:center}.wide-box-flex .img-box img{width:100%}.wide-box-left{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}}@media (max-width: 550px){.about{flex-direction:column;height:70vh}.about .info{width:100%}.about .image{border-radius:0 0 30px 30px;width:100%}.about:nth-child(2){flex-direction:column}.about:nth-child(2) .image{border-radius:0 0 30px 30px}.about .info h2{text-align:center}}@media (max-width: 450px){.form{gap:10px}.input-container{width:60%}.input::placeholder{font-size:10px}.board .btn-search{font-size:15px;width:40%}.login-container h1,.miniapp h1,.minilightapp h1{font-size:1.5rem}.miniapp p,.minilightapp p{font-size:1rem}}@media (max-width: 420px){.vage-container{padding:0}.vage{padding:10px}.img-container img,.vage .left{width:100%}}@media (max-width: 350px){.landing-page{height:100vh}.right img{width:335px}.cta .cta-btn{padding:10px 20px}.Login{height:100vh}.login-container{padding:0}}@media (max-width: 200px){.grayContainer .gray-image,.restaurant .food,.popular .popular-image{width:100px;height:70px}}@media (max-width: 150px){.vage{height:100vh}.vage .left>*{font-size:1rem}.img-container{height:700px}}@media (max-height: 500px){@media (max-width: 800px){.about-container{padding:100px}.about{height:150vh;flex-direction:column}.about .info{width:100%}.about .image{border-radius:0 0 30px 30px;width:100%;height:50%}.about:nth-child(2){flex-direction:column}.about:nth-child(2) .image{border-radius:0 0 30px 30px}.about .info h2{text-align:center}}}@media (max-height: 300px){@media (max-width: 800px){.about-container{padding:50px}.about{height:200vh;flex-direction:column}}}@font-face{font-family:Sans;src:url(../font/static/SourceSans3-ExtraBold.ttf)}@font-face{font-family:SansItalic;src:url(../font/static/SourceSans3-BlackItalic.ttf)}:root{font-family:Sans}*{margin:0;padding:0;box-sizing:border-box}a{color:#000;text-decoration:none}body{background-color:#fff}img{vertical-align:middle;font-family:SansItalic;font-weight:400;font-size:15px}button{cursor:pointer;border:none;outline:none}@media (max-width: 700px){h1{font-size:2rem}}