.elementor-216 .elementor-element.elementor-element-969c296{--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;--overlay-opacity:0.5;}.elementor-216 .elementor-element.elementor-element-969c296:not(.elementor-motion-effects-element-type-background), .elementor-216 .elementor-element.elementor-element-969c296 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mahnazfoodpro.com/wp-content/uploads/2025/04/pickled-foods.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-216 .elementor-element.elementor-element-969c296::before, .elementor-216 .elementor-element.elementor-element-969c296 > .elementor-background-video-container::before, .elementor-216 .elementor-element.elementor-element-969c296 > .e-con-inner > .elementor-background-video-container::before, .elementor-216 .elementor-element.elementor-element-969c296 > .elementor-background-slideshow::before, .elementor-216 .elementor-element.elementor-element-969c296 > .e-con-inner > .elementor-background-slideshow::before, .elementor-216 .elementor-element.elementor-element-969c296 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#CD6155;--background-overlay:'';}.elementor-216 .elementor-element.elementor-element-09d9067{--spacer-size:280px;}.elementor-216 .elementor-element.elementor-element-bc6df73{--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-216 .elementor-element.elementor-element-bc6df73:not(.elementor-motion-effects-element-type-background), .elementor-216 .elementor-element.elementor-element-bc6df73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF9F9;}.elementor-216 .elementor-element.elementor-element-deba49c{--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-216 .elementor-element.elementor-element-deba49c:not(.elementor-motion-effects-element-type-background), .elementor-216 .elementor-element.elementor-element-deba49c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-216 .elementor-element.elementor-element-cc27472{--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-216 .elementor-element.elementor-element-bfa5095 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-216 .elementor-element.elementor-element-5cb66e5{--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-216 .elementor-element.elementor-element-981aaaf{font-family:"Vazirmatn", Sans-serif;font-weight:300;line-height:54px;color:#000000;}.elementor-216 .elementor-element.elementor-element-39115c4{--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-216 .elementor-element.elementor-element-7ceb3c2{--spacer-size:26px;}.elementor-216 .elementor-element.elementor-element-808eba8{--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-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-216 .elementor-element.elementor-element-61c6694{text-align:center;}.elementor-216 .elementor-element.elementor-element-61c6694 .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-size:69px;font-weight:600;color:#C0392B;}.elementor-216 .elementor-element.elementor-element-45b7706{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-216 .elementor-element.elementor-element-34c6d18{--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-216 .elementor-element.elementor-element-34c6d18:not(.elementor-motion-effects-element-type-background), .elementor-216 .elementor-element.elementor-element-34c6d18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C0392B;}.elementor-216 .elementor-element.elementor-element-e332bd1{--spacer-size:21px;}.elementor-216 .elementor-element.elementor-element-b698cce{--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;--border-radius:0px 0px 0px 0px;}.elementor-216 .elementor-element.elementor-element-b698cce:not(.elementor-motion-effects-element-type-background), .elementor-216 .elementor-element.elementor-element-b698cce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C0392B;}.elementor-216 .elementor-element.elementor-element-f36ce06{--display:flex;--min-height:0px;--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-216 .elementor-element.elementor-element-8609cb3{--e-image-carousel-slides-to-show:3;}.elementor-216 .elementor-element.elementor-element-8609cb3 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-216 .elementor-element.elementor-element-8609cb3 .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;}.elementor-216 .elementor-element.elementor-element-8609cb3 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:0px;--swiper-pagination-bullet-vertical-gap:0px;width:0px;height:0px;}.elementor-216 .elementor-element.elementor-element-1d05b52{--e-image-carousel-slides-to-show:3;}.elementor-216 .elementor-element.elementor-element-1d05b52 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-216 .elementor-element.elementor-element-1d05b52 .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;}.elementor-216 .elementor-element.elementor-element-1d05b52 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:0px;--swiper-pagination-bullet-vertical-gap:0px;width:0px;height:0px;}.elementor-216 .elementor-element.elementor-element-414dfc0{--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-216 .elementor-element.elementor-element-427aab3.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-216 .elementor-element.elementor-element-427aab3 > .elementor-widget-container{border-style:solid;border-width:11px 11px 11px 11px;border-color:#FF3E3B;border-radius:24px 24px 24px 24px;}.elementor-216 .elementor-element.elementor-element-427aab3 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-216 .elementor-element.elementor-element-28802a0{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-216 .elementor-element.elementor-element-bc6df73{--content-width:1600px;}.elementor-216 .elementor-element.elementor-element-cc27472{--width:50%;}.elementor-216 .elementor-element.elementor-element-5cb66e5{--width:50%;}.elementor-216 .elementor-element.elementor-element-f36ce06{--width:50%;}.elementor-216 .elementor-element.elementor-element-414dfc0{--width:50%;}}@media(max-width:1024px){.elementor-216 .elementor-element.elementor-element-981aaaf{font-size:11px;}.elementor-216 .elementor-element.elementor-element-45b7706{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-216 .elementor-element.elementor-element-981aaaf{font-size:10px;}.elementor-216 .elementor-element.elementor-element-45b7706{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-d216302 *//* CSS: داخل Custom CSS ویجت المنتور یا نمایش → سفارشی‌سازی → CSS اضافی */

.hover-container-lr {
  position: relative;
  width: 300px;
  overflow: hidden;
  margin: 20px auto;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.hover-image-lr {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
  z-index: 1;
}

.hover-overlay-lr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  transition: left 0.5s ease;
  z-index: 2;
}

.hover-container-lr:hover .hover-overlay-lr {
  left: 0;  /* حرکت متن از چپ به راست تا روی تصویر */
}

.hover-container-lr:hover .hover-image-lr {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a04f3fc *//* CSS: داخل Custom CSS ویجت المنتور یا نمایش → سفارشی‌سازی → CSS اضافی */

.hover-container-lr {
  position: relative;
  width: 300px;
  overflow: hidden;
  margin: 20px auto;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.hover-image-lr {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
  z-index: 1;
}

.hover-overlay-lr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  transition: left 0.5s ease;
  z-index: 2;
}

.hover-container-lr:hover .hover-overlay-lr {
  left: 0;  /* حرکت متن از چپ به راست تا روی تصویر */
}

.hover-container-lr:hover .hover-image-lr {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d759c11 *//* CSS: داخل Custom CSS ویجت المنتور یا نمایش → سفارشی‌سازی → CSS اضافی */

.hover-container-lr {
  position: relative;
  width: 300px;
  overflow: hidden;
  margin: 20px auto;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.hover-image-lr {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
  z-index: 1;
}

.hover-overlay-lr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  transition: left 0.5s ease;
  z-index: 2;
}

.hover-container-lr:hover .hover-overlay-lr {
  left: 0;  /* حرکت متن از چپ به راست تا روی تصویر */
}

.hover-container-lr:hover .hover-image-lr {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d39f4e0 *//* CSS: داخل Custom CSS ویجت المنتور یا نمایش → سفارشی‌سازی → CSS اضافی */

.hover-container-lr {
  position: relative;
  width: 300px;
  overflow: hidden;
  margin: 20px auto;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.hover-image-lr {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
  z-index: 1;
}

.hover-overlay-lr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  transition: left 0.5s ease;
  z-index: 2;
}

.hover-container-lr:hover .hover-overlay-lr {
  left: 0;  /* حرکت متن از چپ به راست تا روی تصویر */
}

.hover-container-lr:hover .hover-image-lr {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-abe79e6 *//* CSS: داخل Custom CSS ویجت المنتور یا نمایش → سفارشی‌سازی → CSS اضافی */

.hover-container-lr {
  position: relative;
  width: 300px;
  overflow: hidden;
  margin: 20px auto;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.hover-image-lr {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
  z-index: 1;
}

.hover-overlay-lr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  transition: left 0.5s ease;
  z-index: 2;
}

.hover-container-lr:hover .hover-overlay-lr {
  left: 0;  /* حرکت متن از چپ به راست تا روی تصویر */
}

.hover-container-lr:hover .hover-image-lr {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca0159a *//* CSS: داخل Custom CSS ویجت المنتور یا نمایش → سفارشی‌سازی → CSS اضافی */

.hover-container-lr {
  position: relative;
  width: 300px;
  overflow: hidden;
  margin: 20px auto;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.hover-image-lr {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
  z-index: 1;
}

.hover-overlay-lr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  transition: left 0.5s ease;
  z-index: 2;
}

.hover-container-lr:hover .hover-overlay-lr {
  left: 0;  /* حرکت متن از چپ به راست تا روی تصویر */
}

.hover-container-lr:hover .hover-image-lr {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9182642 *//* CSS: داخل Custom CSS ویجت المنتور یا نمایش → سفارشی‌سازی → CSS اضافی */

.hover-container-lr {
  position: relative;
  width: 300px;
  overflow: hidden;
  margin: 20px auto;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.hover-image-lr {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
  z-index: 1;
}

.hover-overlay-lr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  transition: left 0.5s ease;
  z-index: 2;
}

.hover-container-lr:hover .hover-overlay-lr {
  left: 0;  /* حرکت متن از چپ به راست تا روی تصویر */
}

.hover-container-lr:hover .hover-image-lr {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4592028 *//* CSS: داخل Custom CSS ویجت المنتور یا نمایش → سفارشی‌سازی → CSS اضافی */

.hover-container-lr {
  position: relative;
  width: 300px;
  overflow: hidden;
  margin: 20px auto;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.hover-image-lr {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
  z-index: 1;
}

.hover-overlay-lr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  transition: left 0.5s ease;
  z-index: 2;
}

.hover-container-lr:hover .hover-overlay-lr {
  left: 0;  /* حرکت متن از چپ به راست تا روی تصویر */
}

.hover-container-lr:hover .hover-image-lr {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bebcafc *//* CSS: داخل Custom CSS ویجت المنتور یا نمایش → سفارشی‌سازی → CSS اضافی */

.hover-container-lr {
  position: relative;
  width: 300px;
  overflow: hidden;
  margin: 20px auto;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.hover-image-lr {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
  z-index: 1;
}

.hover-overlay-lr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  transition: left 0.5s ease;
  z-index: 2;
}

.hover-container-lr:hover .hover-overlay-lr {
  left: 0;  /* حرکت متن از چپ به راست تا روی تصویر */
}

.hover-container-lr:hover .hover-image-lr {
  transform: scale(1.05);
}/* End custom CSS */