.elementor-441 .elementor-element.elementor-element-0adc191:not(.elementor-motion-effects-element-type-background), .elementor-441 .elementor-element.elementor-element-0adc191 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jollofsociety.com/wp-content/uploads/2026/02/ChatGPT-Image-Feb-26-2026-09_37_43-PM-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-441 .elementor-element.elementor-element-0adc191 > .elementor-background-overlay{background-color:var( --e-global-color-text );opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-441 .elementor-element.elementor-element-0adc191 > .elementor-container{min-height:350px;}.elementor-441 .elementor-element.elementor-element-0adc191{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-441 .elementor-element.elementor-element-110c769{text-align:center;}.elementor-441 .elementor-element.elementor-element-110c769 .elementor-heading-title{color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-441 .elementor-element.elementor-element-d420d33 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-441 .elementor-element.elementor-element-d420d33 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-441 .elementor-element.elementor-element-d420d33{--e-icon-list-icon-size:16px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:0px;}.elementor-441 .elementor-element.elementor-element-d420d33 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-441 .elementor-element.elementor-element-d915515:not(.elementor-motion-effects-element-type-background), .elementor-441 .elementor-element.elementor-element-d915515 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6B6B6B1A;}.elementor-441 .elementor-element.elementor-element-d915515{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:90px 10px 90px 10px;}.elementor-441 .elementor-element.elementor-element-d915515 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-441 .elementor-element.elementor-element-d264453{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-normal-text-color:var( --e-global-color-text );--e-filter-hover-text-color:var( --e-global-color-primary );--e-filter-active-text-color:var( --e-global-color-primary );}.elementor-441 .elementor-element.elementor-element-d264453 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-width:0px 0px 1px 0px;border-color:#1C1C1C00;}.elementor-441 .elementor-element.elementor-element-d264453 .e-filter-item:hover:not( [aria-pressed=true] ){border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-primary );}.elementor-441 .elementor-element.elementor-element-d264453 .e-filter-item[aria-pressed="true"]{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-primary );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-441 .elementor-element.elementor-element-04de2fa{--grid-columns:3;--auto-scroll-offset:0px;}.elementor-441 .elementor-element.elementor-element-04de2fa .elementor-pagination{text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;margin-top:30px;}.elementor-441 .elementor-element.elementor-element-04de2fa .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-text );}.elementor-441 .elementor-element.elementor-element-04de2fa .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-primary );}.elementor-441 .elementor-element.elementor-element-04de2fa .elementor-pagination .page-numbers.current{color:var( --e-global-color-primary );}body:not(.rtl) .elementor-441 .elementor-element.elementor-element-04de2fa .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-441 .elementor-element.elementor-element-04de2fa .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-441 .elementor-element.elementor-element-04de2fa .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-441 .elementor-element.elementor-element-04de2fa .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-441 .elementor-element.elementor-element-d915515{padding:70px 10px 70px 10px;}.elementor-441 .elementor-element.elementor-element-04de2fa{--grid-columns:2;}}@media(max-width:767px){.elementor-441 .elementor-element.elementor-element-0adc191 > .elementor-container{min-height:250px;}.elementor-441 .elementor-element.elementor-element-d915515{padding:50px 10px 50px 10px;}.elementor-441 .elementor-element.elementor-element-d264453{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;}.elementor-441 .elementor-element.elementor-element-04de2fa{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-04de2fa *//* =========================================================
   LOOP GRID (04de2fa)
   Equal-height cards + INNER buttons section stuck at bottom
   ========================================================= */

/* 0) Make grid items stretch to equal height */
.elementor-element-04de2fa .elementor-loop-container.elementor-grid{
  align-items: stretch;
}

/* 1) Each loop item must behave like a full-height flex column */
.elementor-element-04de2fa .e-loop-item{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 2) The main card section must fill the loop-item height */
.elementor-element-04de2fa .e-loop-item > .elementor-section.elementor-element-a749df4{
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

/* 3) Ensure the card’s container/column/wrap can stretch vertically */
.elementor-element-04de2fa .e-loop-item > .elementor-section.elementor-element-a749df4 > .elementor-container{
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

.elementor-element-04de2fa .e-loop-item .elementor-element-395ed1c{
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

.elementor-element-04de2fa .e-loop-item .elementor-element-395ed1c > .elementor-widget-wrap{
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 100%;
  justify-content: flex-start !important; /* override template space-between */
}

/* 4) Stick the INNER buttons section to the bottom of the card */
.elementor-element-04de2fa .e-loop-item .elementor-element-80ced13{
  margin-top: auto !important;  /* pins it to bottom */
  padding-top: 10px;            /* optional spacing above buttons */
}


/* =========================================================
   INNER SECTION (80ced13): keep buttons side-by-side
   ========================================================= */

/* inner section container row */
.elementor-element-04de2fa .e-loop-item .elementor-element-80ced13 > .elementor-container{
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 10px; /* space between buttons */
}

/* two columns 50/50 */
.elementor-element-04de2fa .e-loop-item .elementor-element-80ced13 .elementor-column{
  flex: 0 0 50%;
  max-width: 50%;
}

/* buttons full width */
.elementor-element-04de2fa .e-loop-item .elementor-element-674ebf4 a.button,
.elementor-element-04de2fa .e-loop-item .elementor-element-aabc856 a.button,
.elementor-element-04de2fa .e-loop-item .elementor-element-674ebf4 button{
  width: 100%;
  display: block;
  text-align: center;
}

/* OPTIONAL: if right column is empty (Read more products), let left button take full width */
.elementor-element-04de2fa .e-loop-item .elementor-element-80ced13 .elementor-element-bce8f6f:empty{
  display: none;
}
.elementor-element-04de2fa .e-loop-item .elementor-element-80ced13 .elementor-element-856c5f5{
  flex: 1;
  max-width: 100%;
}


/* =========================================================
   Your extra styling (scoped to this loop grid)
   ========================================================= */

.elementor-element-04de2fa .product_meta{
  border-top: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.22) !important;
}

.elementor-element-04de2fa .product-gird-first > .elementor-container{
  margin-inline: 0 !important;
}



.elementor-441 .elementor-element.elementor-element-04de2fa .direct-buy-button-arc {
    
    display: none;
}/* End custom CSS */