.elementor-477 .elementor-element.elementor-element-966d7dc:not(.elementor-motion-effects-element-type-background), .elementor-477 .elementor-element.elementor-element-966d7dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jollof-society.ahmedseo.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-477 .elementor-element.elementor-element-966d7dc > .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-477 .elementor-element.elementor-element-966d7dc > .elementor-container{min-height:350px;}.elementor-477 .elementor-element.elementor-element-966d7dc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-widget-theme-archive-title .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-477 .elementor-element.elementor-element-568a8da{text-align:center;}.elementor-477 .elementor-element.elementor-element-568a8da .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-477 .elementor-element.elementor-element-f11f7c7 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-477 .elementor-element.elementor-element-f11f7c7 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-477 .elementor-element.elementor-element-f11f7c7{--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-477 .elementor-element.elementor-element-f11f7c7 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-477 .elementor-element.elementor-element-f17fbe1:not(.elementor-motion-effects-element-type-background), .elementor-477 .elementor-element.elementor-element-f17fbe1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6B6B6B1A;}.elementor-477 .elementor-element.elementor-element-f17fbe1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:90px 10px 90px 10px;}.elementor-477 .elementor-element.elementor-element-f17fbe1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-477 .elementor-element.elementor-element-7a111fc{--grid-columns:3;}@media(max-width:1024px){.elementor-477 .elementor-element.elementor-element-f17fbe1{padding:70px 10px 70px 10px;}.elementor-477 .elementor-element.elementor-element-7a111fc{--grid-columns:2;}}@media(max-width:767px){.elementor-477 .elementor-element.elementor-element-966d7dc > .elementor-container{min-height:250px;}.elementor-477 .elementor-element.elementor-element-f17fbe1{padding:50px 10px 50px 10px;}.elementor-477 .elementor-element.elementor-element-7a111fc{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-7a111fc *//* =========================================================
   LOOP GRID (7a111fc)
   Equal-height cards + INNER buttons section stuck at bottom
   ========================================================= */

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

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

/* 2) The main card section must fill the loop-item height */
.elementor-element-7a111fc .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-7a111fc .e-loop-item > .elementor-section.elementor-element-a749df4 > .elementor-container{
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

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

.elementor-element-7a111fc .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-7a111fc .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-7a111fc .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-7a111fc .e-loop-item .elementor-element-80ced13 .elementor-column{
  flex: 0 0 50%;
  max-width: 50%;
}

/* buttons full width */
.elementor-element-7a111fc .e-loop-item .elementor-element-674ebf4 a.button,
.elementor-element-7a111fc .e-loop-item .elementor-element-aabc856 a.button,
.elementor-element-7a111fc .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-7a111fc .e-loop-item .elementor-element-80ced13 .elementor-element-bce8f6f:empty{
  display: none;
}
.elementor-element-7a111fc .e-loop-item .elementor-element-80ced13 .elementor-element-856c5f5{
  flex: 1;
  max-width: 100%;
}


/* =========================================================
   Extra styling (scoped to this loop grid)
   ========================================================= */

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

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



.elementor-477 .elementor-element.elementor-element-7a111fc .direct-buy-button-arc {
    
    display: none;
}/* End custom CSS */