body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none;color:#222}li{list-style:none}.container{padding:1rem 12rem}.btn{color:#222;background-color:#f4ce14;padding:.6rem 1.25rem;border:2px solid #F4CE14;outline:none;box-shadow:0 .125rem .25rem -.125rem #0006;border-radius:.5rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .4s ease-in-out}.btn:hover{background-color:transparent;color:#fff}@media (max-width: 63.9375em){.btn{font-size:1rem}}nav{padding:.5rem 0;box-shadow:0 .125rem .25rem -.125rem #0006}nav .container{display:flex;align-items:center;justify-content:space-between}@media (max-width: 63.9375em){nav .container{padding:1rem 3rem}}@media (max-width: 39.9375em){nav .container{padding:.5rem 1rem}}nav .container .desktop-nav-menu{display:flex;align-items:center;gap:2rem}@media (max-width: 63.9375em){nav .container .desktop-nav-menu{display:none}}nav .container .desktop-nav-menu li{color:#495e57;cursor:pointer;transition:all .4s ease-in-out}nav .container .desktop-nav-menu li:hover{color:#f4ce14}@media (min-width: 64em){nav .container .mobile-nav-menu{display:none}}nav .container .mobile-nav-menu .bars-icon{position:relative;font-size:1.5rem}nav .container .mobile-nav-menu ul{position:absolute;top:-100%;right:1rem;height:fit-content;width:90%;background-color:#a9c8be;box-shadow:0 .125rem .25rem -.125rem #0006;padding:1rem 2rem;display:flex;align-items:center;flex-direction:column;gap:1.5rem;transition:all .4s ease-in-out;z-index:999;border-radius:1rem}@media (max-width: 39.9375em){nav .container .mobile-nav-menu ul{width:90%;gap:1rem}}nav .container .mobile-nav-menu ul.showNavbar{top:4rem}nav .container .mobile-nav-menu ul .times-icon{align-self:flex-end;margin-bottom:.5rem;font-size:1.5rem}nav .container .mobile-nav-menu ul li{font-size:1.25rem;color:#222;border-bottom:2px solid #495E57;transition:all .4s ease-in-out;cursor:pointer}@media (max-width: 39.9375em){nav .container .mobile-nav-menu ul li{font-size:1rem}}nav .container .mobile-nav-menu ul li:hover{color:#fff;border-bottom:2px solid #EDEFEE}.hero{background-image:url(../../assets/restaurant-1.jpg);background-size:cover;min-height:50vh;padding:4rem 12rem;display:flex;align-items:center;justify-content:space-between;position:relative}@media (max-width: 63.9375em){.hero{padding:4rem 1.5rem}}.hero .hero-text h1{color:#f4ce14;font-size:3rem}@media (max-width: 63.9375em){.hero .hero-text h1{font-size:2rem}}.hero .hero-text h4{color:#fff;margin:1.5rem 0;font-size:1.5rem}@media (max-width: 63.9375em){.hero .hero-text h4{font-size:1.25rem}}.hero .hero-text p{color:#fff;margin:1.5rem 0}@media (max-width: 63.9375em){.hero .hero-text p{margin:1rem 0 1.5rem;font-size:.875rem}}.hero .hero-img{width:350px;height:350px;position:absolute;right:12rem;top:6rem}@media (max-width: 63.9375em){.hero .hero-img{display:none}}.hero .hero-img img{width:100%;height:100%;border-radius:1rem}.dishes{padding:8rem 0}@media (max-width: 63.9375em){.dishes{margin:-4rem 2rem}}.dishes .dishes-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 11rem 0}@media (max-width: 63.9375em){.dishes .dishes-header{padding:0}}.dishes .dishes-header h1{font-size:2rem}@media (max-width: 63.9375em){.dishes .dishes-header h1{font-size:1.5rem}}@media (max-width: 39.9375em){.dishes .dishes-header h1{font-size:1rem}}.dishes .dishes-header .btn:hover{color:#222}@media (max-width: 63.9375em){.dishes .dishes-header .btn{font-size:.875rem}}.dishes .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.75rem;margin:4rem auto 0}@media (max-width: 63.9375em){.dishes .container{display:flex;align-items:center;flex-direction:column;margin:2rem auto}}.dishes .container .dish{width:350px;background-color:#a9c8be;box-shadow:0 .125rem .25rem -.125rem #0006;border-radius:.5rem;transition:all .4s ease-in-out;cursor:pointer}@media (max-width: 63.9375em){.dishes .container .dish{width:300px}}.dishes .container .dish:hover{transform:scale(1.09)}.dishes .container .dish img{width:350px;border-top-right-radius:.5rem;border-top-left-radius:.5rem}@media (max-width: 63.9375em){.dishes .container .dish img{width:300px}}.dishes .container .dish .content{padding:1rem}.dishes .container .dish .content .dish-header{display:flex;align-items:center;justify-content:space-between}.dishes .container .dish .content p{margin:1.5rem 0}.testimonials{padding:6rem 12rem 8rem;margin-top:-3rem;background-color:#edefee}@media (max-width: 63.9375em){.testimonials{padding:4rem 2rem}}.testimonials h1{text-align:center;color:#222;margin-bottom:3rem;font-size:3rem}@media (max-width: 63.9375em){.testimonials h1{font-size:2rem}}.testimonials .reviews-holder{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}@media (max-width: 39.9375em){.testimonials .reviews-holder{margin:0 auto}}.testimonials .reviews-holder .review{background-color:#a9c8be;padding:1.5rem 2rem;box-shadow:0 .125rem .25rem -.125rem #0006;border-radius:.5rem;transition:all .4s ease-in-out;cursor:pointer}.testimonials .reviews-holder .review .content{display:flex;align-items:center}.testimonials .reviews-holder .review .content img{width:60px;border-radius:50%}.testimonials .reviews-holder .review .content .text{margin-left:1rem}.testimonials .reviews-holder .review .content .text span{margin-top:.5rem;color:#f4ce14}.testimonials .reviews-holder .review p{margin-top:.5rem;line-height:1.6}.testimonials .reviews-holder .review:hover{transform:scale(1.1)}.about{padding:4rem;margin:6rem 12rem 15rem}@media (max-width: 63.9375em){.about{padding:2rem 1rem;margin:2rem 0}}.about .about-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:6rem}.about .about-content .text h1{font-size:2.5rem}@media (max-width: 39.9375em){.about .about-content .text h1{font-size:1.5rem}}.about .about-content .text span{font-size:1.5rem}@media (max-width: 39.9375em){.about .about-content .text span{font-size:.875rem}}.about .about-content .text p{margin-top:3rem;line-height:1.8}@media (max-width: 39.9375em){.about .about-content .text p{margin-top:1.5rem}}.about .about-content .text p .history-link{transition:all .4s ease-in-out;color:purple}.about .about-content .images{width:300px;position:relative}@media (max-width: 63.9375em){.about .about-content .images{display:none}}.about .about-content .images img{width:100%;border-radius:.5rem}.about .about-content .images img:first-of-type{position:absolute;top:8rem;left:0}.about .about-content .images img:last-of-type{position:absolute;top:0;left:12rem}footer{padding:4rem 4rem 1rem;background-color:#a9c8be;box-shadow:0 .125rem .25rem -.125rem #0006;margin-top:4rem}footer .footer-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6rem}@media (max-width: 39.9375em){footer .footer-content{gap:2rem}}footer .footer-content .link .header{margin-bottom:1.25rem}footer .footer-content .footer-desc img{width:12.5rem;margin-bottom:1rem}footer .footer-content .footer-desc p{line-height:1.6}footer .footer-content .important-links ul li{margin-top:1rem;cursor:pointer;transition:all .4s ease-in-out}footer .footer-content .important-links ul li:hover{color:purple}footer .footer-content .contact .details .detail{margin-top:1rem}footer .footer-content .socials .social-links{display:flex;flex-direction:column}footer .footer-content .socials .social-links span{margin-top:1rem;cursor:pointer;transition:all .4s ease-in-out}footer .footer-content .socials .social-links span:hover{color:purple}footer>p{text-align:center;margin-top:2rem}@media (max-width: 39.9375em){footer>p{font-size:.875rem}}footer>p>a{color:purple}.login{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:6rem auto;box-shadow:0 .125rem .25rem -.125rem #0006;width:fit-content;padding:3rem 4rem;border-radius:.5rem}@media (max-width: 39.9375em){.login{padding:1.5rem 2rem}}.login h2{margin-bottom:1.5rem}.login form>div{display:flex;flex-direction:column;gap:.5rem}.login form>div label{font-size:1rem;font-weight:600}.login form>div input{outline:none;padding:.5rem 3rem;border-radius:.25rem}@media (max-width: 39.9375em){.login form>div input{padding:.5rem 2rem}}.login form>div.password{margin:1rem 0}.login form>div.submit{margin-top:1.25rem}.login form>div.submit>input{width:fit-content;margin:.5rem auto;background-color:#00f;border:none;outline:none;color:#fff;cursor:pointer}.login .create-account{display:flex;align-items:center;gap:.25rem;margin-top:.5rem}.login .create-account>.link{color:#00f}@media (max-width: 39.9375em){.login .create-account{font-size:.875rem}}.register{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:6rem auto;box-shadow:0 .125rem .25rem -.125rem #0006;width:fit-content;padding:3rem 4rem;border-radius:.5rem}@media (max-width: 39.9375em){.register{padding:1.5rem 2rem}}.register h2{margin-bottom:1.5rem}.register form>div{display:flex;flex-direction:column;gap:.5rem}.register form>div label{font-size:1rem;font-weight:600}.register form>div input{outline:none;padding:.5rem 3rem;border-radius:.25rem}@media (max-width: 39.9375em){.register form>div input{padding:.5rem 2rem}}.register form>div.email{margin-top:1rem}.register form>div.password{margin:1rem 0}.register form>div.submit{margin-top:1.25rem}.register form>div.submit>input{width:fit-content;margin:.5rem auto;background-color:#00f;border:none;outline:none;color:#fff;cursor:pointer}.register .login-account{display:flex;align-items:center;gap:.25rem;margin-top:.5rem}.register .login-account>.link{color:#00f}@media (max-width: 39.9375em){.register .login-account{font-size:.875rem}}.reservation{padding:2rem;margin:4rem 12rem;border:2px solid #495E57;width:75%}@media (max-width: 63.9375em){.reservation{margin:2rem}}.reservation form .reserve-content{margin-bottom:1rem}.reservation form .reserve-content>input,.reservation form .reserve-content select{padding:.5rem 1.5rem;background-color:#a9c8be;border:none;outline:none;color:#222}.reservation .other{margin:1rem 0}.reservation .other input{padding:.5rem 1.5rem;background-color:#a9c8be;border:none;outline:none}.reservation .btn{color:#fff;background-color:#495e57;border:none;margin-top:1rem;font-size:1rem;font-weight:400}.history{margin-top:-4rem}@media (max-width: 63.9375em){.history{margin-top:0}}.history .our-story{margin-top:-2rem;padding:0 2rem 2rem;text-align:center}@media (max-width: 87.4375em){.history .our-story{margin-top:35rem}}@media (max-width: 63.9375em){.history .our-story{margin-top:2rem}}.history .our-story h2{margin-bottom:2rem;color:purple;position:relative;text-transform:uppercase}@media (max-width: 87.4375em){.history .our-story h2{margin-bottom:1rem}}.history .our-story h2:before{content:"";position:absolute;top:2rem;left:41rem;width:6rem;height:2px;border-radius:50%;background-color:purple}@media (max-width: 87.4375em){.history .our-story h2:before{display:none}}.history .our-story h2:after{content:"";position:absolute;top:2.5rem;left:41rem;width:9rem;height:2px;border-radius:50%;background-color:purple}@media (max-width: 87.4375em){.history .our-story h2:after{display:none}}.history .our-story p{line-height:1.6;color:#222}@media (max-width: 39.9375em){.history .our-story p{text-align:left}}.history .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem;padding:0 1rem}.history .gallery .image-col img{filter:grayscale(60%);transition:all .4s ease-in-out;border-radius:.25rem}.history .gallery .image-col img:hover{filter:grayscale(0%);transform:skew(-1deg) scale(1.05)}.history .gallery .image-col.col_2{margin-left:-1rem}.history .gallery .image-col.col_3{margin-right:.6rem}.history .gallery .image-col.col_4{margin-left:.75rem}