.elementor-8 .elementor-element.elementor-element-298dceb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7b56419 */.topbar{
display:flex;
justify-content:space-between;
background:#f4a300;
color:white;
padding:8px 40px;
font-size:14px;
}

.top-left span{
margin-right:20px;
}

.top-left i{
margin-right:5px;
}

.top-right a{
margin-left:15px;
color:white;
}

.main-header{
background:white;
padding:18px 40px;
box-shadow:0 2px 12px rgba(0,0,0,0.05);
}

.nav-container{
max-width:1300px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
}

.logo{
font-size:32px;
font-weight:700;
color:#27c46b;
}

.menu{
display:flex;
gap:35px;
}

.menu a{
text-decoration:none;
color:#222;
font-weight:500;
}

.menu a:hover{
color:#f4a300;
}

.header-right{
display:flex;
align-items:center;
gap:30px;
}

.call{
display:flex;
align-items:center;
gap:10px;
}

.call i{
font-size:24px;
color:#27c46b;
}

.call span{
display:block;
font-size:12px;
color:#777;
}

.call strong{
color:#f4a300;
}

.icons i{
margin-left:15px;
font-size:18px;
cursor:pointer;
}

.hero{
background:#f8f6f2;
padding:80px 40px;
overflow:hidden;
}

.hero-container{
max-width:1300px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
}

.hero-text h4{
font-size:42px;
font-weight:800;
}

.hero-text h1{
font-size:80px;
color:#f4a300;
font-weight:800;
}

.sub{
color:#21a865;
font-size:22px;
margin-top:10px;
}

.note{
font-size:14px;
color:#777;
margin-top:6px;
}

.hero-buttons{
display:flex;
align-items:center;
gap:25px;
margin-top:30px;
}

.order-btn{
background:#f4a300;
color:white;
padding:14px 28px;
border-radius:6px;
text-decoration:none;
font-weight:600;
}

.price .new{
color:#21a865;
font-size:22px;
font-weight:700;
}

.price .old{
color:#999;
text-decoration:line-through;
margin-left:10px;
}

.hero-images{
position:relative;
width:520px;
height:420px;
}

.hero-images img{
position:absolute;
transition:transform .2s linear;
}

.burger{
width:420px;
bottom:0;
right:0;
}

.leaf{
width:80px;
top:40px;
left:30px;
}

.onion{
width:70px;
top:80px;
right:40px;
}

@media(max-width:900px){

.hero-container{
flex-direction:column;
text-align:center;
}

.menu{
display:none;
}

.hero-images{
margin-top:40px;
}

.hero-text h1{
font-size:52px;
}

}/* End custom CSS */