.elementor-3577 .elementor-element.elementor-element-6c258f3{--display:flex;--min-height:400px;--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;--overlay-opacity:0.5;}.elementor-3577 .elementor-element.elementor-element-6c258f3:not(.elementor-motion-effects-element-type-background), .elementor-3577 .elementor-element.elementor-element-6c258f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://foodies-network.com/wp-content/uploads/2024/11/recipe-recommendation.jpg");}.elementor-3577 .elementor-element.elementor-element-6c258f3::before, .elementor-3577 .elementor-element.elementor-element-6c258f3 > .elementor-background-video-container::before, .elementor-3577 .elementor-element.elementor-element-6c258f3 > .e-con-inner > .elementor-background-video-container::before, .elementor-3577 .elementor-element.elementor-element-6c258f3 > .elementor-background-slideshow::before, .elementor-3577 .elementor-element.elementor-element-6c258f3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3577 .elementor-element.elementor-element-6c258f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3577 .elementor-element.elementor-element-ab9bb5d > .elementor-widget-container{margin:0px 0px 10px 0px;padding:150px 0px 0px 0px;}.elementor-3577 .elementor-element.elementor-element-ab9bb5d.elementor-element{--align-self:center;}.elementor-3577 .elementor-element.elementor-element-ab9bb5d{text-align:center;}.elementor-3577 .elementor-element.elementor-element-ab9bb5d .elementor-heading-title{font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.35em;color:#FFFFFF;}.elementor-3577 .elementor-element.elementor-element-e69f184 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-3577 .elementor-element.elementor-element-e69f184 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-3577 .elementor-element.elementor-element-e69f184{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-3577 .elementor-element.elementor-element-e69f184 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3577 .elementor-element.elementor-element-e69f184 .elementor-icon-list-item > a{font-size:18px;}.elementor-3577 .elementor-element.elementor-element-e69f184 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-3577 .elementor-element.elementor-element-61c5613{--display:flex;--margin-top:50px;--margin-bottom:14px;--margin-left:0px;--margin-right:0px;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-field-group > label, .elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-field-subgroup label{color:#000000;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-field-group > label{font-family:"Playfair Display", Sans-serif;font-size:24px;font-weight:600;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-field-type-html{padding-bottom:0px;font-size:14px;font-weight:500;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-field-group .elementor-field, .elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-field-subgroup label{font-size:14px;font-style:italic;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-button[type="submit"]{color:#ffffff;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3577 .elementor-element.elementor-element-c4bf71f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3577 .elementor-element.elementor-element-c4bf71f{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-3577 .elementor-element.elementor-element-7ec4286{--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;--margin-top:50px;--margin-bottom:50px;--margin-left:050px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:080px;}.elementor-3577 .elementor-element.elementor-element-326bd0c{width:auto;max-width:auto;}.elementor-3577 .elementor-element.elementor-element-326bd0c > .elementor-widget-container{margin:0px 50px 0px 0px;padding:0px 50px 0px 0px;}.elementor-3577 .elementor-element.elementor-element-0b6af2e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3577 .elementor-element.elementor-element-c88ae35{width:auto;max-width:auto;}.elementor-3577 .elementor-element.elementor-element-c88ae35 > .elementor-widget-container{margin:0px 50px 0px 0px;padding:0px 50px 0px 0px;}.elementor-3577 .elementor-element.elementor-element-a43cad5{--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;--margin-top:50px;--margin-bottom:50px;--margin-left:050px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:080px;}.elementor-3577 .elementor-element.elementor-element-a71d235{width:auto;max-width:auto;}.elementor-3577 .elementor-element.elementor-element-a71d235 > .elementor-widget-container{margin:0px 50px 0px 0px;padding:0px 50px 0px 0px;}.elementor-3577 .elementor-element.elementor-element-90df990{--display:flex;}.elementor-3577 .elementor-element.elementor-element-8825ee6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3577 .elementor-element.elementor-element-136c6c5{--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;}.elementor-3577 .elementor-element.elementor-element-6e9381e{--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;}.elementor-3577 .elementor-element.elementor-element-5c3e7ac{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3577 .elementor-element.elementor-element-1aba99b{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-3577 .elementor-element.elementor-element-1aba99b:not(.elementor-motion-effects-element-type-background), .elementor-3577 .elementor-element.elementor-element-1aba99b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C;}.elementor-3577 .elementor-element.elementor-element-51a3482{width:var( --container-widget-width, 101.1% );max-width:101.1%;--container-widget-width:101.1%;--container-widget-flex-grow:0;text-align:left;}.elementor-3577 .elementor-element.elementor-element-51a3482.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3577 .elementor-element.elementor-element-51a3482 .elementor-heading-title{font-family:"Arapey", Sans-serif;font-size:40px;font-weight:500;color:var( --e-global-color-ad0472d );}.elementor-3577 .elementor-element.elementor-element-fab0f76 .e-search-input{background-color:var( --e-global-color-ad0472d );font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;border-style:none;border-radius:50px 50px 50px 50px;}.elementor-3577 .elementor-element.elementor-element-fab0f76{width:100%;max-width:100%;--e-search-placeholder-color:#696969;--e-search-input-color:#696969;--e-search-icon-label-color:var( --e-global-color-primary );--e-search-input-gap:15px;--e-search-icon-clear-size:20px;--e-search-icon-clear-color:var( --e-global-color-primary );}.elementor-3577 .elementor-element.elementor-element-5735c1f{width:var( --container-widget-width, 101.1% );max-width:101.1%;--container-widget-width:101.1%;--container-widget-flex-grow:0;text-align:left;}.elementor-3577 .elementor-element.elementor-element-5735c1f > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-3577 .elementor-element.elementor-element-5735c1f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3577 .elementor-element.elementor-element-5735c1f .elementor-heading-title{font-family:"Arapey", Sans-serif;font-size:25px;font-weight:500;color:var( --e-global-color-ad0472d );}.elementor-3577 .elementor-element.elementor-element-2888230{--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:flex-start;--align-items:center;--gap:15px 10px;--row-gap:15px;--column-gap:10px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:-20px;--margin-right:0px;}.elementor-3577 .elementor-element.elementor-element-2888230.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3577 .elementor-element.elementor-element-2d20f8a .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:015px 020px 15px 20px;}.elementor-3577 .elementor-element.elementor-element-559cfca .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:015px 020px 15px 20px;}.elementor-3577 .elementor-element.elementor-element-796b340 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:015px 020px 15px 20px;}.elementor-3577 .elementor-element.elementor-element-0f7ee04 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:015px 020px 15px 20px;}.elementor-3577 .elementor-element.elementor-element-0052d2e .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:015px 020px 15px 20px;}.elementor-3577 .elementor-element.elementor-element-601d8d6 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:015px 020px 15px 20px;}.elementor-3577 .elementor-element.elementor-element-ebffe8d .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:015px 020px 15px 20px;}.elementor-3577 .elementor-element.elementor-element-9e24845{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-3577 .elementor-element.elementor-element-8fa69cb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:27px 27px 27px 27px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3577 .elementor-element.elementor-element-8fa69cb:not(.elementor-motion-effects-element-type-background), .elementor-3577 .elementor-element.elementor-element-8fa69cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://foodies-network.com/wp-content/uploads/2025/07/Group-3125455.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-3577 .elementor-element.elementor-element-1f7b501{width:var( --container-widget-width, 65.927% );max-width:65.927%;--container-widget-width:65.927%;--container-widget-flex-grow:0;text-align:left;}.elementor-3577 .elementor-element.elementor-element-1f7b501 > .elementor-widget-container{padding:450px 180px 0px 30px;}.elementor-3577 .elementor-element.elementor-element-1f7b501.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3577 .elementor-element.elementor-element-1f7b501 .elementor-heading-title{font-family:"Arapey", Sans-serif;font-size:55px;font-weight:500;color:var( --e-global-color-ad0472d );}.elementor-3577 .elementor-element.elementor-element-27a17f6{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-ad0472d );--border-color:var( --e-global-color-ad0472d );--border-radius:30px 30px 30px 30px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3577 .elementor-element.elementor-element-27a17f6:not(.elementor-motion-effects-element-type-background), .elementor-3577 .elementor-element.elementor-element-27a17f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000099;}.elementor-3577 .elementor-element.elementor-element-63c4a2b .elementor-heading-title{font-family:"Arapey", Sans-serif;font-size:30px;font-weight:500;color:var( --e-global-color-ad0472d );}.elementor-3577 .elementor-element.elementor-element-cc43bd1 .elementor-heading-title{font-family:"Arapey", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-ad0472d );}.elementor-3577 .elementor-element.elementor-element-2cedf90{--divider-border-style:solid;--divider-color:#CF9B6C;--divider-border-width:1px;}.elementor-3577 .elementor-element.elementor-element-2cedf90 .elementor-divider-separator{width:100%;}.elementor-3577 .elementor-element.elementor-element-2cedf90 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3577 .elementor-element.elementor-element-dbc3ea7 .elementor-heading-title{font-family:"Arapey", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-ad0472d );}.elementor-3577 .elementor-element.elementor-element-b7d6ce8{--divider-border-style:solid;--divider-color:#CF9B6C;--divider-border-width:1px;}.elementor-3577 .elementor-element.elementor-element-b7d6ce8 .elementor-divider-separator{width:100%;}.elementor-3577 .elementor-element.elementor-element-b7d6ce8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3577 .elementor-element.elementor-element-d0c8477 .elementor-heading-title{font-family:"Arapey", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-ad0472d );}.elementor-3577 .elementor-element.elementor-element-a966519{--divider-border-style:solid;--divider-color:#CF9B6C;--divider-border-width:1px;}.elementor-3577 .elementor-element.elementor-element-a966519 .elementor-divider-separator{width:100%;}.elementor-3577 .elementor-element.elementor-element-a966519 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3577 .elementor-element.elementor-element-5782985 .elementor-heading-title{font-family:"Arapey", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-ad0472d );}.elementor-3577 .elementor-element.elementor-element-3867ced{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-ad0472d );}.elementor-3577 .elementor-element.elementor-element-f5da455 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-3577 .elementor-element.elementor-element-f5da455 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3577 .elementor-element.elementor-element-f5da455 .elementor-button .elementor-button-content-wrapper{gap:15px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3577 .elementor-element.elementor-element-0b6af2e{--content-width:1045px;}.elementor-3577 .elementor-element.elementor-element-136c6c5{--width:50%;}.elementor-3577 .elementor-element.elementor-element-6e9381e{--width:50%;}.elementor-3577 .elementor-element.elementor-element-5c3e7ac{--content-width:1150px;}.elementor-3577 .elementor-element.elementor-element-2888230{--width:100%;}.elementor-3577 .elementor-element.elementor-element-8fa69cb{--content-width:1600px;}.elementor-3577 .elementor-element.elementor-element-27a17f6{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3577 .elementor-element.elementor-element-2888230{--width:100%;}.elementor-3577 .elementor-element.elementor-element-27a17f6{--width:100%;}}@media(max-width:1024px){.elementor-3577 .elementor-element.elementor-element-ab9bb5d .elementor-heading-title{font-size:21px;}.elementor-3577 .elementor-element.elementor-element-2888230{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--align-content:center;}.elementor-3577 .elementor-element.elementor-element-8fa69cb{--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;}.elementor-3577 .elementor-element.elementor-element-1f7b501{width:var( --container-widget-width, 680px );max-width:680px;--container-widget-width:680px;--container-widget-flex-grow:0;}.elementor-3577 .elementor-element.elementor-element-1f7b501 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-3577 .elementor-element.elementor-element-1aba99b{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3577 .elementor-element.elementor-element-5735c1f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3577 .elementor-element.elementor-element-2888230{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3577 .elementor-element.elementor-element-1f7b501 .elementor-heading-title{font-size:35px;}}/* Start custom CSS for html, class: .elementor-element-326bd0c *//* Flex container for full-width layout and responsive design */
    .recipe-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); /* Flexible columns */
        gap: 16px;
        margin-top: 16px;
        max-width: 100%; /* Ensure it takes up the container's width */
    }

    .recipe-card {
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 12px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        text-align: center;
        background-color: #fff;
    }

    .recipe-image {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    .recipe-title {
        font-family: playfair display;
        margin-top: 8px;
        font-weight: 500;
        font-size: 16px;
        color: #000;
    }

    /* Extra small screens adjustment */
    @media (max-width: 400px) {
        .recipe-grid {
            grid-template-columns: 1fr; /* Display single column on very small screens */
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c88ae35 *//* Flex container for full-width layout and responsive design */
    .recipe-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); /* Flexible columns */
        gap: 16px;
        margin-top: 16px;
        max-width: 100%; /* Ensure it takes up the container's width */
    }

    .recipe-card {
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 12px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        text-align: center;
        background-color: #fff;
    }

    .recipe-image {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    .recipe-title {
        font-family: playfair display;
        margin-top: 8px;
        font-weight: 500;
        font-size: 16px;
        color: #000;
    }

    /* Extra small screens adjustment */
    @media (max-width: 400px) {
        .recipe-grid {
            grid-template-columns: 1fr; /* Display single column on very small screens */
        }
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b6af2e */.recipe-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 5 per row */
  gap: 20px;
  margin-top: 20px;
}

.recipe-card {
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  transition: 0.3s;
  text-align: center;
  padding: 10px;
}

.recipe-card:hover {
  transform: scale(1.03);
  box-shadow: 0px 4px 12px rgba(0,0,0,0.15);
}

.recipe-card img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 6px;
}

.recipe-details {
  margin-top: 30px;
  width: 70% !important;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #f9f9f9;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a71d235 *//* Flex container for full-width layout and responsive design */
    .recipe-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); /* Flexible columns */
        gap: 16px;
        margin-top: 16px;
        max-width: 100%; /* Ensure it takes up the container's width */
    }

    .recipe-card {
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 12px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        text-align: center;
        background-color: #fff;
    }

    .recipe-image {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    .recipe-title {
        font-family: playfair display;
        margin-top: 8px;
        font-weight: 500;
        font-size: 16px;
        color: #000;
    }

    /* Extra small screens adjustment */
    @media (max-width: 400px) {
        .recipe-grid {
            grid-template-columns: 1fr; /* Display single column on very small screens */
        }
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90df990 *//* Recipe Detail Card Container */
.recipe-detail-card {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  max-width: 800px;
  margin: 20px auto;
}

/* Recipe Image Section */
.recipe-image-section {
  text-align: center;
}

.recipe-detail-image {
  width: 100%;
  max-width: 400px;
  border-radius: 10px !important;
  margin: 0 auto;
  border-style: solid !important;
  border-color: #D32E31 !important;
}

/* Recipe Info Section */
.recipe-info {
  margin-top: 20px;
}

.recipe-info h3 {
  font-size: 24px;
  font-family: playfair display;
  color: #000;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}

.recipe-info p {
  font-size: 1em;
  color: #555;
  line-height: 1.6;
  margin: 10px 0;
}

.recipe-info h4 {
  font-size: 18px;
  font-family: playfair display;
  font-weight: 500;
  color: #D32E31;
  margin-top: 20px;
  border-bottom: 2px solid #eee;
  padding-bottom: 5px;
}

 h4 {
  font-size: 18px;
  font-family: playfair display;
  font-weight: 500;
  color: #000;
  margin-top: 20px;
  border-bottom: 2px solid #eee;
  padding-bottom: 5px;
}


.recipe-info ul {
  list-style-type: disc;
  padding-left: 20px;
}

/* Recipe Video Section */
/* Recipe Video Section */
.recipe-video-section {
  margin-top: 20px;
  width: 100%;
}

 h4 {
  font-size: 1.5em;
  color: #333;
  border-bottom: 2px solid #eee;
  padding-bottom: 5px;
  margin-bottom: 15px;
  text-align: left;
  width: 100%;
}

/* Style each video container to appear on a separate row */
.video-container {
  display: flex;
  flex-direction: column; /* Stack video and text vertically */
  align-items: center;
  width: 100%;
  margin-top: 15px;
}

/* Full width video iframe */
.video-container iframe {
  width: 100%;
  max-width: 600px; /* Optional: set a max width for the video */
  height: 300px;
  border-radius: 8px;
}

.video-container p {
  font-size: 1em;
  color: #555;
  margin-top: 5px;
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c3e7ac *//* Mobile Grid Layout for Elementor Button Container */
@media (max-width: 768px) {
  /* Target the button container */
  .elementor-element-4a01cf5.e-con {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    flex-direction: unset !important;
  }
  
  /* Style individual button elements */
  .elementor-element-4a01cf5 .elementor-widget-button {
    width: 100% !important;
    margin: 0 !important;
  }
  
  /* Style the button wrappers */
  .elementor-element-4a01cf5 .elementor-button-wrapper {
    width: 100% !important;
  }
  
  /* Style the actual buttons */
  .elementor-element-4a01cf5 .elementor-button {
    width: 100% !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    min-height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  
  /* Adjust button text */
  .elementor-element-4a01cf5 .elementor-button-text {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}

/* For very small screens (phones in portrait), use 2 columns */
@media (max-width: 480px) {
  .elementor-element-4a01cf5.e-con {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
  
  .elementor-element-4a01cf5 .elementor-button {
    padding: 10px 15px !important;
    font-size: 13px !important;
    min-height: 40px !important;
  }
  
  .elementor-element-4a01cf5 .elementor-button-text {
    font-size: 13px !important;
  }
}

/* Optional: Maintain desktop layout for tablets */
@media (min-width: 769px) and (max-width: 1024px) {
  .elementor-element-4a01cf5.e-con {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
  }
}/* End custom CSS */