:root{--green:hsl(142,56%,44%);--light-steel-blue:hsl(218, 33%, 77%);--royal-blue-light:hsl(225, 68%, 53%);--flickr-blue_30:hsla(225, 68%, 53%, 0.3);--carolina-blue:hsl(201, 92%, 47%);--oxford-blue-1:hsl(218, 70%, 18%);--oxford-blue-2:hsl(217, 100%, 12%);--oxford-blue-3:hsl(218, 71%, 11%);--gainsboro_50:hsla(0, 0%, 85%, 0.5);--lavender-web:hsl(225, 67%, 91%);--sonic-silver:hsl(0, 0%, 47%);--light-gray:hsl(0, 0%, 84%);--cultured:hsl(0, 0%, 97%);--black_10:hsla(0, 0%, 0%, 0.1);--black_8:hsla(0, 0%, 0%, 0.08);--white:hsl(0, 0%, 100%);--black:hsl(0, 0%, 0%);--jet:hsl(0, 0%, 20%);--gradient:linear-gradient( 90deg, var(--carolina-blue) 0%, var(--royal-blue-light) 100%);--ff-roboto:"Roboto",sans-serif;--ff-poppins:"Poppins",sans-serif;--fs-1:4rem;--fs-2:3.6rem;--fs-3:3.2rem;--fs-4:2.4rem;--fs-5:2.2rem;--fs-6:1.8rem;--fs-7:1.6rem;--fs-8:3.4rem;--fw-800:800;--fw-700:700;--fw-600:600;--fw-500:500;--section-padding:120px;--shadow-1:4px 4px 15px var(--black_10);--shadow-2:0 10px 15px var(--black_10);--shadow-3:0px 20px 60px var(--black_8);--shadow-4:0px 10px 30px var(--flickr-blue_30);--shadow-5:0px 2px 60px 0px var(--black_10);--radius-6:6px;--radius-4:4px;--transition:0.25s ease;--transition-3:1s ease;--cubic-out:cubic-bezier(0.33, 0.85, 0.4, 0.96)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a{text-decoration:none;color:inherit}a,button,img,input,ion-icon,span{display:block}img{height:auto}button,input{background:0 0;border:none;font:inherit}input{width:100%}button{cursor:pointer}ion-icon{pointer-events:none}address{font-style:normal}html{font-family:var(--ff-roboto);font-size:10px;scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--white);color:var(--sonic-silver);font-size:1.5rem;overflow-x:hidden}.section-title-pro{text-align:center;padding-block-end:60px}.container{padding-inline:25px}.section{padding-block:80px}.sectionabt{padding-block:20px}[data-section]>*{transform:translateY(50px);opacity:0;transition:var(--transition-3)}[data-section].active>*{opacity:1;transform:translateY(0)}.section-subtitle{color:var(--green);font-family:var(--ff-poppins);font-size:var(--fs-3);font-weight:var(--fw-700);text-transform:uppercase;margin-block-end:5px;text-align:center}.section-subtitle-dif{color:var(--green);font-family:var(--ff-poppins);font-size:var(--fs-3);font-weight:var(--fw-800);text-transform:uppercase;margin-block-end:5px;text-align:center}.h1,.h2,.h3{font-family:var(--ff-poppins);line-height:.8}.h1{color:var(--white);font-size:var(--fs-3);line-height:1.5}.h2,.h3{color:var(--oxford-blue-2)}.h2{font-size:var(--fs-1)}.h3{font-size:var(--fs-5)}.btn{background-image:linear-gradient(var(--deg,90deg),var(--carolina-blue) 0,var(--royal-blue-light) 100%);color:var(--white);font-size:var(--fs-7);text-transform:uppercase;padding:20px 30px;text-align:center;border-radius:var(--radius-4);box-shadow:var(--shadow-4)}.btn:is(:hover,:focus){--deg:-90deg}.w-100{width:100%;border-radius:20px;padding:10px}.text-center{text-align:center}.card-text,.section-text{line-height:1.7}.img-holder{aspect-ratio:var(--width)/var(--height);background-color:var(--light-gray)}.img-cover{width:100%;height:100%;object-fit:cover}.grid-list{display:grid;gap:30px}.header-bottom .btn{display:none}.header-bottom{position:absolute;top:0;left:0;width:100%;padding-block:15px;z-index:4;margin-top:0}.header-bottom.active{position:fixed;top:-81px;background-color:var(--green);box-shadow:var(--shadow-2);animation:slideIn .5s var(--cubic-out) forwards}@keyframes slideIn{0%{transform:translateY(0)}100%{transform:translateY(100%)}}.header-bottom>.container{display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{color:var(--white);font-family:var(--ff-poppins);font-size:2.5rem;font-weight:var(--fw-800)}.nav-toggle-btn{color:var(--white);font-size:30px;border:1px solid var(--white);padding:5px}.nav-toggle-btn .close-icon,.nav-toggle-btn.active .menu-icon{display:none}.nav-toggle-btn .menu-icon,.nav-toggle-btn.active .close-icon{display:block}.navbar{position:absolute;top:calc(100% + 5px);left:25px;right:25px;background-color:var(--white);padding-inline:0;box-shadow:var(--shadow-1);max-height:0;visibility:hidden;overflow:hidden;transition:.25s var(--cubic-out)}.navbar.active{visibility:visible;max-height:244px;transition-duration:.5s}.navbar-list>li:not(:last-child){border-block-end:1px solid var(--gainsboro_50)}.navbar-link{color:#000;text-transform:uppercase;font-weight:var(--fw-600);padding:15px}.hero{background-repeat:no-repeat;background-size:cover;background-position:center;padding-block-end:calc(var(--section-padding)/ 2)}.hero-content{margin-block-end:50px}.hero-title{margin-block:15px 30px;text-align:center}.hero-text{font-size:var(--fs-6);line-height:1.45;margin-block-end:40px}.hero-form{background-color:var(--white);max-width:95%;padding:15px;border-radius:var(--radius-4);box-shadow:var(--shadow-3)}.hero-form .email-field{background-color:var(--cultured);color:var(--black);min-height:70px;padding-inline:15px;border-radius:var(--radius-4);margin-block-end:15px}.hero-form .btn{width:100%}.about{padding-block-end:0}.about-content{margin-block-end:10px}.about-banner{margin-block-end:50px}.about .section-text-1{margin-block:25px 15px;font-size:var(--fs-7);font-weight:var(--fw-700);overflow:hidden}.about .btn{font-size:unset;max-width:max-content;margin-block-start:3px;padding-inline:15px}.food-menu{background-color:var(--isabelline);text-align:center}.food-menu .section-title{margin-block:10px 20px}.food-menu .section-text{max-width:44ch;margin-inline:auto;margin-block-end:30px}.food-menu-list{display:grid;gap:30px}.food-menu-card{background-color:var(--white);padding:40px;box-shadow:var(--shadow-2)}.food-menu-card:focus-within{outline:1px auto -webkit-focus-ring-color}.food-menu-card .card-banner{position:relative;padding-block-start:30px;max-width:max-content;aspect-ratio:1/1;margin-inline:auto}.food-menu-card .badge{top:0;left:0}.food-menu-btn{position:absolute;top:calc(50% + 15px);left:50%;transform:translate(-50%,0);min-width:max-content;--bg-color:var(--cinnabar);width:60%;--height:40px;--padding-inline:20px;opacity:0;transition:var(--transition-2)}.food-menu-btn:is(:hover,:focus){--bg-color:var(--deep-saffron)}.food-menu-card:is(:hover,:focus-within) .food-menu-btn{transform:translate(-50%,-50%);opacity:1}.food-menu-card .wrapper{display:flex;justify-content:center;align-items:center;gap:15px}.food-menu-card .category{font-family:var(--ff-rubik);font-weight:var(--fw-500)}.food-menu-card .rating-wrapper{font-size:1.4rem}.food-menu-card .card-title{margin-block-end:10px;text-align:center}.food-menu-card .price-wrapper{display:flex;justify-content:center;gap:5px;font-family:var(--ff-rubik);font-weight:var(--fw-600)}.food-menu-card .price-text{color:var(--cinnabar);text-transform:uppercase;padding-inline-end:5px}.food-menu-card .price{color:var(--deep-saffron)}.food-menu-card .del{color:var(--gray-x-11-gray)}.project .section-text{margin-block:5px 35px}.project-card{position:relative;border-radius:var(--radius-8);overflow:hidden}.project-card::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--black);opacity:.5;transition:var(--transition-2)}.project-card:is(:hover,:focus-within)::after{opacity:.8}.project-card .card-content{position:absolute;bottom:0;left:0;right:0;padding:20px;z-index:1;transition:var(--transition-2)}.project-card:is(:hover,:focus-within) .card-content{transform:translateY(-20px)}.project-card .card-subtitle{color:var(--lavender-gray);font-size:var(--fs-6);line-height:1}.project-card .card-title{color:var(--white);margin-block:12px 15px;line-height:1}.back-top-btn{position:fixed;bottom:10px;right:20px;background-color:var(--green);font-size:18px;color:var(--white);padding:14px;border-radius:50%;visibility:hidden;opacity:0;transition:var(--transition)}.back-top-btn.active{transform:translateY(-10px);visibility:visible;opacity:1}.footer-link{display:flex;align-items:center;gap:5px;padding-block:10px;transition:var(--transition);font-size:2rem}.footer-link ion-icon{color:var(--royal-blue-light);--ionicon-stroke-width:50px}.footer-link:is(:hover,:focus){color:var(--white)}.contact{background-color:var(--green)}.contact-details{display:flex;justify-content:center;flex-wrap:wrap}.item-icon-right{display:flex;justify-content:flex-end;flex-wrap:wrap}.item-icon-left{display:flex;flex-wrap:wrap;padding-inline:5px}.item-icon{color:#fff;display:flex}.item-icon ion-icon{font-size:30px;margin-block:auto;padding:10px}@media (min-width:575px){:root{--fs-1:4.2rem}.container{max-width:540px;width:100%;margin-inline:auto}.grid-list{grid-template-columns:1fr 1fr;column-gap:25px}}@media (min-width:768px){:root{--fs-2:4.8rem}body{font-size:1.6rem}.container{max-width:750px}.section-subtitle{--fs-6:2.2rem;text-align:center}.hero-title{text-align:left}.section-subtitle-dif{text-align:left}.hero{overflow:hidden}.hero .container{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:20px;padding-inline:40px}.hero-content{margin-block-end:0}.hero-form{position:relative}.hero-form .email-field{margin-block-end:0;padding-inline-end:190px}.hero-form .btn{width:auto;position:absolute;top:15px;right:15px;bottom:15px}.hero-banner{margin-inline-end:-60px}.food-menu-list{grid-template-columns:1fr 1fr}.food-menu-card .card-title{text-align:center}.back-top-btn{bottom:70px;right:50px}}@media (min-width:992px){:root{--fs-2:6rem;--fs-1:4.6rem;--fs-3:4.6rem}.container{max-width:980px}.grid-list{grid-template-columns:repeat(3,1fr)}.header-bottom{top:0}.header-bottom.active{top:-95px}.nav-toggle-btn{display:none}.navbar,.navbar.active{all:unset;margin-inline-start:auto}.navbar-list{display:flex;align-items:center}.navbar-list>li:not(:last-child){border-block-end:none}.navbar-link{color:var(--white);font-family:var(--ff-poppins);text-transform:capitalize;transition:var(--transition)}.navbar-link:is(:hover,:focus){color:var(--royal-blue-light)}.header-bottom .btn{display:block;padding:15px 20px}.about .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.about-banner{margin-block-end:0}.food-menu-list{grid-template-columns:repeat(2,1fr)}.food-menu-card{height:100%}}@media (min-width:1200px){:root{--fs-2:8rem;--fs-1:5.5rem;--fs-3:4.8rem}.container{max-width:1180px}.contact-list{gap:30px}.header-bottom .btn{padding:18px 30px}.header-bottom>.container{gap:40px}.navbar-list{gap:15px}.contact .container{width:700px}}