:root{--green:#add149}*{margin:0;padding:0;box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif;outline:0;border:none;text-decoration:none;text-transform:capitalize;transition:.2s linear}html{font-size:62.5%;scroll-behavior:smooth;scroll-padding-top:6rem;overflow-x:hidden}section{padding:2rem 9%}.heading{text-align:center;font-size:4rem;color:#000;padding:1rem;margin:2rem 0}.heading span{color:var(--green)}.btn{display:inline-block;margin-top:1rem;border-radius:5rem;background:#000;color:#fff;padding:.9rem 3.5rem;cursor:pointer;font-size:1.7rem}.btn:hover{background:var(--green)}header{position:fixed;top:0;left:0;right:0;background:#fff;padding:2rem 9%;display:flex;align-items:center;justify-content:space-between;z-index:1000;box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}header .logo{font-size:3rem;color:#000;font-weight:bolder}header .logo span{color:var(--green)}header .navbar a{font-size:2rem;padding:0 1.5rem;color:#000}header .navbar a:hover{color:var(--green)}header .icons a{font-size:2.5rem;color:#000;margin-left:1.5rem}header .icons a:hover{color:var(--green)}header #toggler{display:none}header .fa-bars{font-size:3rem;color:#000;border-radius:.5rem;padding:.5rem 1.5rem;cursor:pointer;border:1px solid rgba(0,0,0,.3);display:none}.home{display:flex;align-items:center;min-height:100vh;background:url(/images/3f4997270292a3d367931cdfecaeade9ed5e4f7e/f1.png) no-repeat;background-size:30%;background-position:800px 150px}.home .content{max-width:40rem}.home .content h3{font-size:3rem;color:#000}.home .content a{text-decoration:none;padding:18px 50px;border-radius:30px;background:#000;display:inline-block;color:#fff;font-weight:700;font-size:medium;margin-top:10px;box-shadow:5px 8px 10px rgb(0,0,0,.1)}.home .content a:hover{background:var(--green)}.about .row{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;padding:2rem 0;padding-bottom:3rem}.about .row .video-container{flex:1 1 40rem;position:relative}.about .row .video-container video{width:100%;border:1.5rem solid #fff;border-radius:.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);height:100%;object-fit:cover}.about .row .content{flex:1 1 40rem}.about .row .content h3{font-size:3rem;color:#000}.about .row .content p{font-size:1.5rem;color:#000;padding:.5rem 0;padding-top:1rem;line-height:1.5}.icons-container{background:#eee;display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:5rem;padding-bottom:5rem}.icons-container .icons{background:#fff;border:.1rem solid rgba(0,0,0,.1);padding:2rem;display:flex;align-items:center;flex:1 1 25rem}.icons-container .icons img{height:5rem;margin-right:2rem}.icons-container .icons h3{color:#000;padding-bottom:.5rem;font-size:1.5rem}.icons-container .icons span{color:#000;font-size:1.3rem}.dishes .box-container{display:flex;flex-wrap:wrap;gap:1.5rem}.dishes .box-container .box{flex:1 1 30rem;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.1);border-radius:.5rem;border:.1rem solid rgba(0,0,0,.1);position:relative}.dishes .box-container .box .image{position:relative;text-align:center;padding-top:2rem;overflow:hidden}.dishes .box-container .box .image img{height:25rem}.dishes .box-container .box:hover .image img{transform:scale(1.1)}.dishes .box-container .box .image .icons{position:absolute;bottom:-7rem;left:0;right:0;display:flex}.dishes .box-container .box:hover .image .icons{bottom:0}.dishes .box-container .box .image .icons a{height:5rem;line-height:5rem;font-size:2rem;width:50%;background:#000;color:#fff}.dishes .box-container .box .image .icons .cart-btn{border-left:.1rem solid #fff7;border-right:.1rem solid #fff7;width:100%}.dishes .box-container .box .image .icons a:hover{background:var(--green)}.dishes .box-container .box .content{padding:2rem;text-align:center}.dishes .box-container .box .content h3{font-size:2.5rem;color:#000}.dishes .box-container .box .content .price{font-size:2.5rem;color:var(--green);font-weight:bolder;padding-top:1rem}.review .box-container{display:flex;flex-wrap:wrap;gap:1.5rem}.review .box-container .box{flex:1 1 30rem;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.1);border-radius:.5rem;padding:3rem 2rem;position:relative;border:.1rem solid rgba(0,0,0,.1)}.review .box-container .box p{color:#000;font-size:1.5rem;line-height:1.5;padding-top:2rem}.review .box-container .box .user{display:flex;align-items:center;padding-top:2rem}.review .box-container .box .user img{height:6rem;width:6rem;border-radius:50%;object-fit:cover;margin-right:1rem}.review .box-container .box .user h3{font-size:2rem;color:#000}.review .box-container .box .user span{font-size:1.5rem;color:#000}.contact .row{display:flex;flex-wrap:wrap-reverse;gap:1.5rem;align-items:center}.contact .row form{flex:1 1 40rem;padding:2rem 2.5rem;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.1);border:.1rem solid rgba(0,0,0,.1);background:#fff;border-radius:.5rem}.contact .row .image{flex:1 1 40rem}.contact .row .image img{width:100%}.contact .row form .box{padding:1rem;font-size:1.7rem;color:#000;text-transform:none;border:.1rem solid rgba(0,0,0,.1);border-radius:.5rem;margin:.7rem 0;width:100%}.contact .row form .box:focus{border-color:var(--green)}.contact .row form textarea{height:15rem;resize:none}.footer .box-container{display:flex;flex-wrap:wrap;gap:1.5rem}.footer .box-container .box{flex:1 1 25rem}.footer .box-container .box h3{color:#000;font-size:2.5rem;padding:1rem 0}.footer .box-container .box a{display:block;color:#000;font-size:1.5rem;padding:1rem 0}.footer .box-container .box a:hover{color:var(--green);text-decoration:underline}.footer .box-container .box img{margin-top:1rem}.footer .credit{text-align:center;padding:1.5rem;margin-top:1.5rem;padding-top:2.5rem;font-size:2rem;color:#000;border-top:.1rem solid rgba(0,0,0,.1);padding-bottom:9rem}.footer .credit span{color:var(--green)}.name{text-align:center;color:#999898;font-size:small;padding-bottom:15px}@media (max-width:991px){html{font-size:55%}header{padding:2rem}section{padding:2rem}.home{background-position:center;background-size:200%}.home .content h3{color:#fff8f8}}@media (max-width:768px){header .fa-bars{display:block}header .navbar{position:absolute;top:100%;left:0;right:0;background:#eee;border-top:.1rem solid rgba(0,0,0,.1);clip-path:polygon(0 0,100% 0,100% 0,0 0)}header #toggler:checked~.navbar{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}header .navbar a{margin:1.5rem;padding:1.5rem;background:#fff;border:.1rem solid rgba(0,0,0,.1);display:block}.home .content h3{font-size:4rem}.icons-container .icons h3{font-size:2rem}.icons-container .icons span{font-size:1.7rem}}@media (max-width:450px){html{font-size:50%}.heading{font-size:3rem}}