.email-input-component{display:flex;flex-direction:column;align-items:center}@media(min-width:576px){.email-input-component{max-width:660px;position:relative}}@media(min-width:992px){.email-input-component{margin-top:20px}}.email-input-component .form-control{box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.email-input-component .form-control:focus{box-shadow:0 0 0 .3rem rgba(33,150,243,.2);border-color:#39f}.email-input-component .form-control:focus::placeholder{opacity:.85}.email-input-component .form-control-lg{border-color:#7383ac}@media(max-width:575.98px){.email-input-component .form-control-lg{max-width:80%;font-size:18px}}@media(min-width:576px){.email-input-component .form-control-lg{border-radius:50px!important;padding:.5rem 1.5rem!important}}.email-input-component .form-control-lg::placeholder{color:#7383ac}@media(max-width:575.98px){.email-input-component .form-control-lg::placeholder{font-size:20px}}@media(min-width:576px){.email-input-component .form-control-lg::placeholder{font-size:23px}}.email-input-component .form-control-lg:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 100px #def!important}.email-input-component .invalid-feedback{font-weight:600}@media(max-width:575.98px){.email-input-component .invalid-feedback{text-align:center}}.email-input-component #try-for-free{height:100%;font-size:24px;display:flex;align-items:center;justify-content:center;width:275px;height:58px;opacity:1;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);text-shadow:0 1px 2px rgba(0,0,0,.25)}@media(max-width:575.98px){.email-input-component #try-for-free{position:relative;width:100%;margin-top:15px;max-width:80%;font-size:22px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}}@media(min-width:576px){.email-input-component #try-for-free{position:absolute;right:0;top:0;gap:15px;padding:0 25px;width:275px}}@media(max-width:575.98px){.email-input-component #try-for-free svg{position:absolute;left:20px}}.email-input-component #try-for-free .text{font-weight:700}@media(max-width:575.98px){.email-input-component #try-for-free .text{margin-left:20px}}.menu-display-component{padding:10px;background:linear-gradient(0deg,#dde5ed,#ebf3fb);border-radius:40px;filter:drop-shadow(0 1vw 2vw rgba(0,0,0,.25));box-shadow:inset 0 0 5px rgba(0,0,0,.25);position:relative;pointer-events:none;height:-moz-fit-content;height:fit-content}@media(max-width:991.98px){.menu-display-component{margin-top:20px}}@media(max-width:349.98px){.menu-display-component{zoom:.8}}@media(min-width:1200px)and (max-width:1399.98px){.menu-display-component{zoom:.93}}.menu-display-component-screen{padding:0 10px;border-radius:30px;width:276px;height:564px;overflow-y:hidden}@media(min-width:992px)and (max-width:1199.98px){.menu-display-component-screen{width:239px;height:489px}}.menu-display-component-screen h1{font-size:1.5em}.menu-display-component-screen .item-description,.menu-display-component-screen .item-name,.menu-display-component-screen .item-price{font-size:.9em!important}.menu-display-component-screen .item-name{font-weight:600!important}.menu-display-component-screen .item-image{max-width:90px!important;height:auto!important}.menu-display-component-screen .menu-category-component,.menu-display-component-screen .menu-item-component{margin:1rem 0!important}.menu-display-component-screen .menu-category-component:first-of-type{margin-top:10px!important}.menu-display-component-screen .menu-item-line-component{margin:1rem 0!important}#jumbotron-component{background:linear-gradient(180deg,transparent,#fff),linear-gradient(90deg,#9cf,#9f9);overflow:hidden;max-height:950px}@media(min-width:992px){#jumbotron-component{max-height:800px}}#jumbotron-component .container{padding:0}#jumbotron-component .container .wrapper{display:flex}@media(min-width:992px){#jumbotron-component .container .wrapper{justify-content:space-between}}@media(min-width:1200px){#jumbotron-component .container .wrapper{gap:10%}}@media(max-width:991.98px){#jumbotron-component .container .wrapper{flex-direction:column;align-items:center}}@media(min-width:992px)and (max-width:1199.98px){#jumbotron-component .container .wrapper{padding:30px 0}}@media(min-width:1200px)and (max-width:1399.98px){#jumbotron-component .container .wrapper{padding:50px 0}}@media(min-width:1400px){#jumbotron-component .container .wrapper{padding:70px 0}}#jumbotron-component .container .wrapper .column-1{display:flex;flex-direction:column;gap:20px}#jumbotron-component .container .wrapper .column-1 h1{color:#006;font-weight:700;line-height:1.1;display:flex;flex-direction:column;text-shadow:0 1px 2px hsla(0,0%,100%,.5)}@media(max-width:991.98px){#jumbotron-component .container .wrapper .column-1 h1{text-align:center}}@media(max-width:575.98px){#jumbotron-component .container .wrapper .column-1 h1{font-size:9.7vw}}@media(min-width:576px)and (max-width:767.98px){#jumbotron-component .container .wrapper .column-1 h1{font-size:55px}}@media(min-width:768px)and (max-width:991.98px){#jumbotron-component .container .wrapper .column-1 h1{font-size:60px}}@media(min-width:992px)and (max-width:1199.98px){#jumbotron-component .container .wrapper .column-1 h1{font-size:68px}}@media(min-width:1200px)and (max-width:1399.98px){#jumbotron-component .container .wrapper .column-1 h1{font-size:76px}}@media(min-width:1400px){#jumbotron-component .container .wrapper .column-1 h1{font-size:85px}}#jumbotron-component .container .wrapper .column-1 h1 .line-1,#jumbotron-component .container .wrapper .column-1 h1 .line-2{text-wrap:nowrap}#jumbotron-component .container .wrapper .column-1 h1 .line-2{margin-top:7px}@media(max-width:575.98px){#jumbotron-component .container .wrapper .column-1 h1 .line-2{font-size:6.5vw}}@media(min-width:576px)and (max-width:767.98px){#jumbotron-component .container .wrapper .column-1 h1 .line-2{font-size:33px}}@media(min-width:768px)and (max-width:991.98px){#jumbotron-component .container .wrapper .column-1 h1 .line-2{font-size:38px}}@media(min-width:992px)and (max-width:1199.98px){#jumbotron-component .container .wrapper .column-1 h1 .line-2{font-size:43px}}@media(min-width:1200px)and (max-width:1399.98px){#jumbotron-component .container .wrapper .column-1 h1 .line-2{font-size:48px}}@media(min-width:1400px){#jumbotron-component .container .wrapper .column-1 h1 .line-2{font-size:53px}}#jumbotron-component .container .wrapper .column-1 .column-a{display:flex;align-items:center}@media(max-width:349.98px){#jumbotron-component .container .wrapper .column-1 .column-a{flex-direction:column-reverse;align-items:center}}#jumbotron-component .container .wrapper .column-1 .column-a .steps{display:flex;flex-direction:column;font-weight:500;line-height:2;text-shadow:0 1px 2px hsla(0,0%,100%,.5)}@media(max-width:349.98px){#jumbotron-component .container .wrapper .column-1 .column-a .steps{width:100%;font-size:5vw}}@media(min-width:350px)and (max-width:575.98px){#jumbotron-component .container .wrapper .column-1 .column-a .steps{width:100%;font-size:3.84vw}}@media(min-width:576px)and (max-width:767.98px){#jumbotron-component .container .wrapper .column-1 .column-a .steps{width:100%;font-size:2.6vw}}@media(min-width:768px)and (max-width:991.98px){#jumbotron-component .container .wrapper .column-1 .column-a .steps{width:100%;font-size:2.2vw}}@media(min-width:992px)and (max-width:1199.98px){#jumbotron-component .container .wrapper .column-1 .column-a .steps{font-size:20px}}@media(min-width:1200px)and (max-width:1399.98px){#jumbotron-component .container .wrapper .column-1 .column-a .steps{font-size:22px}}@media(min-width:1400px){#jumbotron-component .container .wrapper .column-1 .column-a .steps{font-size:24px}}#jumbotron-component .container .wrapper .column-1 .column-a .steps .number{color:#09f;font-weight:600}#jumbotron-component .container .wrapper .column-1 .column-a .steps-secondary{font-weight:300}@media(max-width:575.98px){#jumbotron-component .container .wrapper .column-1 .column-a .steps-secondary{font-size:3.6vw}}#jumbotron-component .container .wrapper .column-1 .column-a img{height:auto;width:clamp(75px,20vw + 1px,143px);filter:drop-shadow(0 0 10px rgba(0,0,0,.25))}@media(min-width:1200px){#jumbotron-component .container .wrapper .column-1 .column-a img{margin-left:40px}}@media(max-width:349.98px){#jumbotron-component .container .wrapper .column-1 .column-a img{width:85px}}#jumbotron-component .container .wrapper .social-proof{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:500;color:#006;opacity:.85}@media(max-width:991.98px){#jumbotron-component .container .wrapper .social-proof{justify-content:center}}@media(max-width:575.98px){#jumbotron-component .container .wrapper .social-proof{font-size:3.5vw;gap:6px}}@media(min-width:576px)and (max-width:991.98px){#jumbotron-component .container .wrapper .social-proof{font-size:14px}}@media(min-width:992px){#jumbotron-component .container .wrapper .social-proof{font-size:15px}}#jumbotron-component .container .wrapper .social-proof .proof-icon{margin-right:3px}#jumbotron-component .container .wrapper .social-proof .proof-divider{color:#b1b1b1;font-weight:300}#jumbotron-component .container .wrapper .column-2{display:flex;justify-content:center;position:relative}@media(max-width:991.98px){#jumbotron-component .container .wrapper .column-2{width:100%}}#jumbotron-component .container .wrapper .column-2 #interface{position:absolute;top:5px;left:100px;box-shadow:0 1vw 2vw rgba(0,0,0,.1);border-radius:16px}.pencil-banner-component{position:relative;z-index:2}@media(max-width:575.98px){.pencil-banner-component{font-size:5vw}}@media(min-width:576px)and (max-width:767.98px){.pencil-banner-component{font-size:26px}}@media(min-width:768px)and (max-width:991.98px){.pencil-banner-component{font-size:27px}}@media(min-width:992px)and (max-width:1199.98px){.pencil-banner-component{font-size:28px}}@media(min-width:1200px)and (max-width:1399.98px){.pencil-banner-component{font-size:29px}}@media(min-width:1400px){.pencil-banner-component{font-size:30px}}#infographic-component{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;overflow-x:hidden;background-color:#4b4b4b}@media(max-width:767.98px){#infographic-component{background-image:url(https://menus.eco/assets/customer-viewing-menu-eco-digital-menu-on-smartphone.webp)}}@media(min-width:768px){#infographic-component{background-image:url(https://menus.eco/assets/customer-viewing-menu-eco-digital-qr-code-menu-on-phone.webp)}}@media(max-width:575.98px){#infographic-component{height:800px}}@media(min-width:576px)and (max-width:767.98px){#infographic-component{height:1000px}}@media(min-width:768px){#infographic-component{height:600px}}@media(min-width:461px)and (max-width:576.8px){#infographic-component{height:945px;background-position:bottom}}@media(min-width:640px)and (max-width:768.8px){#infographic-component{height:1175px;background-position:bottom}}#infographic-component .container{position:relative;height:100%;display:flex}@media(max-width:767.98px){#infographic-component .container{justify-content:center}}#infographic-component .container .items{color:#fff;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.75);display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}@media(max-width:349.98px){#infographic-component .container .items{gap:20px;font-size:20px;margin-top:45px}}@media(min-width:350px)and (max-width:575.98px){#infographic-component .container .items{gap:20px;font-size:22px;margin-top:40px;margin-left:-10px}}@media(min-width:576px)and (max-width:767.98px){#infographic-component .container .items{gap:20px;font-size:24px;margin-top:40px;margin-left:-10px}}@media(min-width:768px)and (max-width:991.98px){#infographic-component .container .items{gap:20px;font-size:24px;margin-top:40px;margin-left:-10px}}@media(min-width:992px)and (max-width:1199.98px){#infographic-component .container .items{gap:20px;font-size:22px;margin-top:40px;margin-left:80px}}@media(min-width:1200px){#infographic-component .container .items{gap:20px;font-size:26px;margin-top:40px;margin-left:80px}}#infographic-component .container .items div{display:flex;gap:10px;align-items:center}#infographic-component .container img{filter:drop-shadow(0 1vw 2vw rgba(0,0,0,.25))}@media(min-width:768px){#infographic-component .container img{height:-moz-fit-content;height:fit-content;position:absolute;bottom:0;transform:translateX(-20%);max-width:675px}}@media(min-width:1200px){#infographic-component .container img{left:50%;transform:translateX(-50%)}}#infographic-component .container button{position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%)}