.elementor-7715 .elementor-element.elementor-element-db70e86{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-7715 .elementor-element.elementor-element-db70e86:not(.elementor-motion-effects-element-type-background), .elementor-7715 .elementor-element.elementor-element-db70e86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EE;}.elementor-7715 .elementor-element.elementor-element-db70e86::before, .elementor-7715 .elementor-element.elementor-element-db70e86 > .elementor-background-video-container::before, .elementor-7715 .elementor-element.elementor-element-db70e86 > .e-con-inner > .elementor-background-video-container::before, .elementor-7715 .elementor-element.elementor-element-db70e86 > .elementor-background-slideshow::before, .elementor-7715 .elementor-element.elementor-element-db70e86 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7715 .elementor-element.elementor-element-db70e86 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-7715 .elementor-element.elementor-element-f9bacef{width:100%;max-width:100%;}.header-width-fixer, .elementor-page-7715 .header-width-fixer{background-image:url("https://agnesfoods.com/wp-content/uploads/2024/11/about-bc.jpg");}.header-width-fixer::before, .elementor-page-7715 .header-width-fixer::before{opacity:0.5;}@media(max-width:1200px){.elementor-7715 .elementor-element.elementor-element-db70e86{--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}}@media(max-width:1024px){.elementor-7715 .elementor-element.elementor-element-db70e86{--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-7715 .elementor-element.elementor-element-db70e86{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for container, class: .elementor-element-db70e86 */:root{
    --primary:#7A4A24;
    --secondary:#C58C3B;
    --bg:#FFF9F2;
    --card:#ffffff;
    --text:#333333;
}

*{
    box-sizing:border-box;
}

.agnes-menu{
    max-width:1200px;
    margin:auto;
    padding:70px 20px;
    font-family:Arial, Helvetica, sans-serif;
   
}

.agnes-heading{
    text-align:center;
    margin-bottom:50px;
}

.agnes-heading h5{
    color:var(--secondary);
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:10px;
    font-size:16px;
}

.agnes-heading h2{
    color:var(--primary);
    font-size:48px;
    margin:0;
    font-weight:700;
}

.menu-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:25px;
}

.menu-card{
    background:var(--card);
    padding:28px;
    border-radius:16px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    transition:.35s;
    border-top:5px solid var(--secondary);
}

.menu-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.menu-number{
    color:var(--secondary);
    font-size:13px;
    font-weight:bold;
    letter-spacing:2px;
}

.menu-title15{
    color:var(--primary);
    font-size:24px;
    margin:10px 0 15px;
    font-weight:700;
}

.menu-desc{
    color:var(--text);
    line-height:1.7;
    font-size:15px;
}

@media(max-width:768px){

.agnes-heading h2{
    font-size:34px;
}

.menu-card{
    padding:22px;
}

}/* End custom CSS */