.elementor-437 .elementor-element.elementor-element-cb6140d{--display:flex;}/* Start custom CSS for html, class: .elementor-element-e58ca58 *//* ==========================
   FOOD ARTICLE STYLE
========================== */


.food-hero{

height:85vh;

position:relative;

overflow:hidden;

border-radius:35px;

margin-bottom:80px;

}



.food-hero img{

width:100%;

height:100%;

object-fit:cover;

}



.food-hero::after{

content:"";

position:absolute;

inset:0;

background:linear-gradient(
90deg,
rgba(0,0,0,.65),
rgba(0,0,0,.15)
);

}



.food-hero-overlay{

position:absolute;

z-index:2;

left:8%;

top:50%;

transform:translateY(-50%);

max-width:650px;

color:white;

}



.food-hero-overlay h1{

font-family:Georgia,serif;

font-size:60px;

line-height:1.1;

margin-bottom:25px;

color:white;

}



.food-hero-overlay p{

font-family:Abel,sans-serif;

font-size:22px;

line-height:1.7;

color:white;

}







/* ==========================
   INTRO BOX
========================== */


.food-intro-box{

background:#8CDEE3;

padding:45px;

border-radius:35px;

margin:70px auto;

max-width:1000px;

text-align:center;

}



.food-intro-box p{

font-family:Georgia,serif;

font-size:28px;

line-height:1.6;

color:white;

margin:0;

}






/* ==========================
   STORY SECTIONS
========================== */


.food-story{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

margin:100px auto;

max-width:1200px;

}



.food-story.reverse{

grid-template-columns:1fr 1fr;

}



.food-story img{

width:100%;

border-radius:35px;

}



.food-story h2{

font-family:Georgia,serif;

font-size:45px;

color:#284B50;

margin-bottom:25px;

}



.food-story p{

font-family:Abel,sans-serif;

font-size:19px;

line-height:1.9;

color:#666;

}







/* ==========================
   FOOD CARDS
========================== */


.food-cards{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin:100px auto;

max-width:1100px;

}



.food-cards > div{

background:#fff9f2;

padding:40px 30px;

border-radius:30px;

text-align:center;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.3s;

}



.food-cards > div:hover{

transform:translateY(-8px);

}



.food-cards i{

font-size:40px;

color:#F9B6BA;

margin-bottom:20px;

}



.food-cards h3{

font-family:Georgia,serif;

font-size:25px;

color:#284B50;

}



.food-cards p{

font-family:Abel,sans-serif;

color:#666;

font-size:17px;

line-height:1.6;

}







/* ==========================
   FINAL SECTION
========================== */


.food-final{

max-width:1000px;

margin:100px auto;

text-align:center;

}



.food-final h2{

font-family:Georgia,serif;

font-size:45px;

color:#284B50;

margin-bottom:30px;

}



.food-final p{

font-family:Abel,sans-serif;

font-size:20px;

line-height:1.8;

color:#666;

}



.food-final img{

width:100%;

border-radius:35px;

margin-top:50px;

}







/* ==========================
   CTA
========================== */


.food-cta{

background:#1F9AA2;

padding:70px 40px;

border-radius:40px;

text-align:center;

margin:100px auto;

max-width:1100px;

}



.food-cta h2{

font-family:Georgia,serif;

font-size:42px;

color:white;

}



.food-cta p{

font-family:Abel,sans-serif;

font-size:20px;

color:white;

margin:25px 0;

}



.food-cta a{

display:inline-block;

background:#8CDEE3;

color:#284B50;

padding:18px 45px;

border-radius:50px;

text-decoration:none;

font-weight:600;

}



.food-cta a:hover{

background:#F9B6BA;

color:white;

}







/* ==========================
   MOBILE
========================== */


@media(max-width:768px){


.food-hero{

height:70vh;

}



.food-hero-overlay{

left:25px;

right:25px;

}



.food-hero-overlay h1{

font-size:36px;

}



.food-hero-overlay p{

font-size:17px;

}



.food-intro-box{

padding:30px 20px;

}



.food-intro-box p{

font-size:21px;

}



.food-story,
.food-story.reverse{

grid-template-columns:1fr;

gap:30px;

padding:0 20px;

}



.food-story h2{

font-size:32px;

}



.food-cards{

grid-template-columns:1fr;

padding:0 20px;

}



.food-final{

padding:0 20px;

}



.food-final h2{

font-size:32px;

}



.food-cta{

margin:60px 20px;

padding:40px 20px;

}



.food-cta h2{

font-size:30px;

}


}/* End custom CSS */