.elementor-946 .elementor-element.elementor-element-0b6b145{--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;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-946 .elementor-element.elementor-element-0b6b145:not(.elementor-motion-effects-element-type-background), .elementor-946 .elementor-element.elementor-element-0b6b145 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mobakher.com/wp-content/uploads/2026/01/02-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-946 .elementor-element.elementor-element-96fdead{--display:flex;}.elementor-946 .elementor-element.elementor-element-7dbaba2{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-946 .elementor-element.elementor-element-7dbaba2 img{width:75%;}.elementor-946 .elementor-element.elementor-element-5679e11{--display:flex;--justify-content:center;}.elementor-946 .elementor-element.elementor-element-05a51a5{padding:10px 10px 10px 10px;border-style:solid;border-width:0px 0px 0px 4px;border-color:var( --e-global-color-d4c4251 );border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-946 .elementor-element.elementor-element-05a51a5.elementor-element{--align-self:flex-start;}.elementor-946 .elementor-element.elementor-element-165ce58 .elementor-heading-title{text-transform:uppercase;}.elementor-946 .elementor-element.elementor-element-d2581e3{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;color:var( --e-global-color-5cd6dc5 );}.elementor-946 .elementor-element.elementor-element-5696b5e{--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:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-946 .elementor-element.elementor-element-0a53ae0{padding:0px 0px 20px 0px;text-align:center;}.elementor-946 .elementor-element.elementor-element-0a53ae0 .elementor-heading-title{text-transform:uppercase;}.elementor-946 .elementor-element.elementor-element-50cb253{--swiper-slides-to-display:4;--swiper-slides-gap:20px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-20px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-20px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-a29b677 );--dots-normal-color:var( --e-global-color-a5a6b1d );--dots-hover-color:var( --e-global-color-faba3e6 );--dots-horizontal-position:50%;--dots-horizontal-transform:-50%;--dots-horizontal-offset:0px;--dots-vertical-position:100%;--dots-vertical-transform:-100%;--dots-vertical-offset:0px;}.elementor-946 .elementor-element.elementor-element-50cb253 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-faba3e6 );border-style:none;border-radius:555px 555px 555px 555px;padding:5px 5px 5px 5px;}.elementor-946 .elementor-element.elementor-element-99868f1{--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;}body.elementor-page-946:not(.elementor-motion-effects-element-type-background), body.elementor-page-946 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mobakher.com/wp-content/uploads/2026/01/background-4.jpg");}@media(max-width:1024px){.elementor-946 .elementor-element.elementor-element-0b6b145{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-946 .elementor-element.elementor-element-7dbaba2{width:var( --container-widget-width, 80% );max-width:80%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-946 .elementor-element.elementor-element-7dbaba2.elementor-element{--align-self:center;}.elementor-946 .elementor-element.elementor-element-5679e11{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-946 .elementor-element.elementor-element-165ce58{text-align:center;}.elementor-946 .elementor-element.elementor-element-d2581e3{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-946 .elementor-element.elementor-element-50cb253{--swiper-slides-to-display:2;--arrow-prev-left-position:-10px;--arrow-next-right-position:-10px;--arrow-size:20px;}}@media(max-width:767px){.elementor-946 .elementor-element.elementor-element-0b6b145{--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:5em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-946 .elementor-element.elementor-element-7dbaba2{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-946 .elementor-element.elementor-element-7dbaba2 img{width:100%;}.elementor-946 .elementor-element.elementor-element-05a51a5.elementor-element{--align-self:center;}.elementor-946 .elementor-element.elementor-element-05a51a5{text-align:center;}.elementor-946 .elementor-element.elementor-element-165ce58{text-align:center;}.elementor-946 .elementor-element.elementor-element-d2581e3{text-align:center;}.elementor-946 .elementor-element.elementor-element-50cb253{--swiper-slides-to-display:1;--arrow-prev-left-position:0px;--arrow-next-right-position:0px;--arrow-size:10px;}.elementor-946 .elementor-element.elementor-element-50cb253 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {padding:10px 10px 10px 10px;}}/* Start custom CSS for html, class: .elementor-element-ae86087 */.olive-meal-section {
  width: 100%;
  padding: 70px 0 85px;

  overflow: hidden;
  font-family: inherit;
}

.olive-meal-wrapper {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

/* العنوان */
.olive-meal-heading {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
  max-width: 760px;
  margin: 0 auto;
}

.olive-meal-heading h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3.4vw, 42px);
  line-height: 1.15;
  font-weight: 500;
  color: #24411f;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  white-space: nowrap;
}

.olive-meal-line {
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(122, 139, 45, 0.75),
    transparent
  );
}

.olive-meal-ornament {
  margin: 8px 0 36px;
  text-align: center;
  color: #7a8b2d;
  font-size: 23px;
}

/* الشبكة */
.olive-meal-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
}

/* الكرت */
.olive-meal-card {
  position: relative;
  text-align: center;
  transition: 0.32s ease;
}

.olive-meal-card:hover {
  transform: translateY(-8px);
}

/* الصورة */
.olive-meal-image {
  height: 165px;
  border-radius: 18px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(36, 65, 31, 0.13);
}

.olive-meal-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: 0.45s ease;
}

.olive-meal-card:hover .olive-meal-image img {
  transform: scale(1.08);
}

/* المحتوى */
.olive-meal-content {
  position: relative;
  margin: -2px auto 0;
  padding: 38px 16px 0;
}

.olive-meal-icon {
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #7a8b2d;
  border: 6px solid #f8f4ea;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 22px rgba(36, 65, 31, 0.18);
  z-index: 3;
}

.olive-meal-icon svg {
  width: 27px;
  height: 27px;
  fill: #ffffff;
}

.olive-meal-content h3 {
  margin: 0 0 9px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
  color: #24411f;
}

.olive-meal-content p {
  max-width: 210px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.65;
  color: #4b4f42;
}

/* Tablet */
@media (max-width: 1024px) {
  .olive-meal-section {
    padding: 58px 0 72px;
  }

  .olive-meal-wrapper {
    width: min(820px, calc(100% - 40px));
  }

  .olive-meal-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 38px 26px;
  }

  .olive-meal-image {
    height: 215px;
  }

  .olive-meal-content p {
    max-width: 280px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .olive-meal-section {
    padding: 46px 0 60px;
  }

  .olive-meal-wrapper {
    width: calc(100% - 28px);
  }

  .olive-meal-heading {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .olive-meal-heading h2 {
    white-space: normal;
    font-size: 30px;
  }

  .olive-meal-line {
    width: 150px;
    margin: 0 auto;
  }

  .olive-meal-ornament {
    margin-bottom: 28px;
  }

  .olive-meal-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .olive-meal-card {
    max-width: 430px;
    width: 100%;
    margin: 0 auto;
  }

  .olive-meal-image {
    height: 220px;
    border-radius: 16px;
  }

  .olive-meal-content {
    padding-top: 36px;
  }

  .olive-meal-content h3 {
    font-size: 17px;
  }

  .olive-meal-content p {
    font-size: 13.5px;
  }
}

/* Small Mobile */
@media (max-width: 420px) {
  .olive-meal-heading h2 {
    font-size: 27px;
  }

  .olive-meal-image {
    height: 185px;
  }

  .olive-meal-icon {
    width: 52px;
    height: 52px;
  }

  .olive-meal-icon svg {
    width: 24px;
    height: 24px;
  }
}/* End custom CSS */