.elementor-29 .elementor-element.elementor-element-e8784b4{--display:flex;--min-height:830px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--overlay-opacity:0.58;}.elementor-29 .elementor-element.elementor-element-e8784b4::before, .elementor-29 .elementor-element.elementor-element-e8784b4 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-e8784b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-e8784b4 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-e8784b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-e8784b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#E2D8D800;--background-overlay:'';}.elementor-29 .elementor-element.elementor-element-e8784b4 .elementor-background-slideshow__slide__image{background-size:cover;}.elementor-29 .elementor-element.elementor-element-11d07bd{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--border-radius:30px 30px 30px 30px;}.elementor-29 .elementor-element.elementor-element-11d07bd:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-11d07bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C0392B66;}.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-29 .elementor-element.elementor-element-a26a725{text-align:center;}.elementor-29 .elementor-element.elementor-element-a26a725 .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-size:39px;font-weight:600;color:#FFFFFF;}.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-29 .elementor-element.elementor-element-44d2d30{text-align:center;font-family:"Vazirmatn", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-44d2d30 p{margin-bottom:8px;}.elementor-29 .elementor-element.elementor-element-44d2d30 a{color:#FFFEFE;}.elementor-29 .elementor-element.elementor-element-db9b633{--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:space-around;--align-items:center;--overflow:hidden;}.elementor-29 .elementor-element.elementor-element-db9b633:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-db9b633 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C0392B;}.elementor-29 .elementor-element.elementor-element-bcb736b .elementor-heading-title{font-family:"Prociono", Sans-serif;font-size:65px;font-weight:800;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-ec4ab62{--display:flex;--min-height:463px;--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;--overflow:auto;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-29 .elementor-element.elementor-element-ec4ab62:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-ec4ab62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C0392B;}.elementor-29 .elementor-element.elementor-element-50c2450{--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-29 .elementor-element.elementor-element-060288e{--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-29 .elementor-element.elementor-element-30f2efa{text-align:center;font-family:"Vazirmatn", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-30f2efa p{margin-bottom:24px;}.elementor-29 .elementor-element.elementor-element-221b273{--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-29 .elementor-element.elementor-element-221b273.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-2820f1e{--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;--overflow:auto;--margin-top:30px;--margin-bottom:30px;--margin-left:30px;--margin-right:30px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-29 .elementor-element.elementor-element-2820f1e:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-2820f1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-f37da41{--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-29 .elementor-element.elementor-element-b20572b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-29 .elementor-element.elementor-element-006d53b{--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;--justify-content:center;}.elementor-29 .elementor-element.elementor-element-cf69f9f{font-family:"Vazirmatn", Sans-serif;font-size:13px;font-weight:300;line-height:49px;color:#000000;}.elementor-29 .elementor-element.elementor-element-d28860c{--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;--overflow:hidden;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-29 .elementor-element.elementor-element-d28860c:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-d28860c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C0392B;}.elementor-29 .elementor-element.elementor-element-3981ad2{--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-29 .elementor-element.elementor-element-79f16d2{--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-29 .elementor-element.elementor-element-d4be9f2{--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-29 .elementor-element.elementor-element-e36cba9{--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-29 .elementor-element.elementor-element-5ebbda7{--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;--justify-content:space-around;--overflow:hidden;}.elementor-29 .elementor-element.elementor-element-5ebbda7:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-5ebbda7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CD6155;}.elementor-29 .elementor-element.elementor-element-c4f1d70{text-align:center;font-family:"Vazirmatn", Sans-serif;font-size:17px;font-weight:300;line-height:41px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-c4f1d70 p{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-b3cb5d0{--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;--overflow:hidden;}.elementor-29 .elementor-element.elementor-element-7bc5aa9{--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;--justify-content:center;}.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-29 .elementor-element.elementor-element-2afc7a5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(18px/2);}.elementor-29 .elementor-element.elementor-element-2afc7a5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(18px/2);}.elementor-29 .elementor-element.elementor-element-2afc7a5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(18px/2);margin-left:calc(18px/2);}.elementor-29 .elementor-element.elementor-element-2afc7a5 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-18px/2);margin-left:calc(-18px/2);}body.rtl .elementor-29 .elementor-element.elementor-element-2afc7a5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-18px/2);}body:not(.rtl) .elementor-29 .elementor-element.elementor-element-2afc7a5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-18px/2);}.elementor-29 .elementor-element.elementor-element-2afc7a5 .elementor-icon-list-icon i{color:#C0392B;transition:color 0.3s;}.elementor-29 .elementor-element.elementor-element-2afc7a5 .elementor-icon-list-icon svg{fill:#C0392B;transition:fill 0.3s;}.elementor-29 .elementor-element.elementor-element-2afc7a5{--e-icon-list-icon-size:36px;--icon-vertical-offset:0px;}.elementor-29 .elementor-element.elementor-element-2afc7a5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-29 .elementor-element.elementor-element-2afc7a5 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:300;line-height:52px;}.elementor-29 .elementor-element.elementor-element-2afc7a5 .elementor-icon-list-text{transition:color 0.3s;}.elementor-29 .elementor-element.elementor-element-cad7080{--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-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-29 .elementor-element.elementor-element-655714a img{width:100%;}.elementor-29 .elementor-element.elementor-element-7200e63{--display:flex;--min-height:546px;--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;--overflow:hidden;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-29 .elementor-element.elementor-element-7200e63:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-7200e63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C0392B;}.elementor-29 .elementor-element.elementor-element-072af0b{--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-29 .elementor-element.elementor-element-c5d4c16{--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-29 .elementor-element.elementor-element-74923b6{--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-29 .elementor-element.elementor-element-72d28f8{--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-29 .elementor-element.elementor-element-e8dbaf0{--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;--overflow:hidden;--overlay-opacity:0.5;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-29 .elementor-element.elementor-element-e8dbaf0:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-e8dbaf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://mahnazfoodpro.com/wp-content/uploads/2025/04/How-to-make-quick-pickled-vegetables-Process-5.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-29 .elementor-element.elementor-element-e8dbaf0::before, .elementor-29 .elementor-element.elementor-element-e8dbaf0 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-e8dbaf0 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-e8dbaf0 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-e8dbaf0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-e8dbaf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#C0392B;--background-overlay:'';}.elementor-29 .elementor-element.elementor-element-dee8b68{text-align:center;}.elementor-29 .elementor-element.elementor-element-dee8b68 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:58px;font-weight:600;color:#FDFDFD;}.elementor-29 .elementor-element.elementor-element-0b2d8db{--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;--overflow:hidden;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-29 .elementor-element.elementor-element-0b2d8db:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-0b2d8db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CD6155;}.elementor-29 .elementor-element.elementor-element-78e8a34{text-align:center;font-family:"Vazirmatn", Sans-serif;font-size:19px;font-weight:300;line-height:43px;color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-e8784b4{--min-height:582px;}.elementor-29 .elementor-element.elementor-element-11d07bd{--grid-auto-flow:row;}.elementor-29 .elementor-element.elementor-element-db9b633{--min-height:0px;}.elementor-29 .elementor-element.elementor-element-bcb736b .elementor-heading-title{font-size:34px;}.elementor-29 .elementor-element.elementor-element-ec4ab62{--min-height:0px;}.elementor-29 .elementor-element.elementor-element-50c2450{--min-height:0px;}.elementor-29 .elementor-element.elementor-element-060288e{--margin-top:0px;--margin-bottom:0px;--margin-left:-130px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-dee8b68 .elementor-heading-title{font-size:28px;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-11d07bd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-29 .elementor-element.elementor-element-2afc7a5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-29 .elementor-element.elementor-element-2afc7a5 .elementor-icon-list-item > a{font-size:12px;}.elementor-29 .elementor-element.elementor-element-dee8b68 .elementor-heading-title{font-size:20px;}}@media(min-width:768px){.elementor-29 .elementor-element.elementor-element-11d07bd{--width:48%;}.elementor-29 .elementor-element.elementor-element-db9b633{--content-width:1600px;}.elementor-29 .elementor-element.elementor-element-50c2450{--width:34%;}.elementor-29 .elementor-element.elementor-element-060288e{--width:33%;}.elementor-29 .elementor-element.elementor-element-221b273{--width:33%;}.elementor-29 .elementor-element.elementor-element-f37da41{--width:50%;}.elementor-29 .elementor-element.elementor-element-006d53b{--width:50%;}.elementor-29 .elementor-element.elementor-element-3981ad2{--width:25%;}.elementor-29 .elementor-element.elementor-element-79f16d2{--width:25%;}.elementor-29 .elementor-element.elementor-element-d4be9f2{--width:25%;}.elementor-29 .elementor-element.elementor-element-e36cba9{--width:25%;}.elementor-29 .elementor-element.elementor-element-b3cb5d0{--content-width:1584px;}.elementor-29 .elementor-element.elementor-element-7bc5aa9{--width:50%;}.elementor-29 .elementor-element.elementor-element-cad7080{--width:50%;}.elementor-29 .elementor-element.elementor-element-072af0b{--width:25%;}.elementor-29 .elementor-element.elementor-element-c5d4c16{--width:25%;}.elementor-29 .elementor-element.elementor-element-74923b6{--width:25%;}.elementor-29 .elementor-element.elementor-element-72d28f8{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-29 .elementor-element.elementor-element-e8784b4{--width:1600px;}.elementor-29 .elementor-element.elementor-element-060288e{--width:1600px;}}/* Start custom CSS for html, class: .elementor-element-8383c1e *//* 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-d987bf4 *//* 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-a2d1f18 *//* CSS: داخل Custom CSS ویجت المنتور یا نمایش → سفارشی‌سازی → CSS اضافی */

.hover-container-center {
  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-center {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
  z-index: 1;
}

.hover-overlay-center {
  position: absolute;
  top: 50%;
  left: 50%;
  /* ابتدا وسط و مقیاس 0 */
  transform: translate(-50%, -50%) scale(0);
  /* پوشش کامل تصویر */
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  border-radius: 5px;
  transition: transform 0.5s ease;
  z-index: 2;
}

.hover-container-center:hover .hover-overlay-center {
  /* بزرگ شدن به اندازه واقعی */
  transform: translate(-50%, -50%) scale(1);
}

.hover-container-center:hover .hover-image-center {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d41e3d *//* CSS: داخل Custom CSS ویجت المنتور یا نمایش → سفارشی‌سازی → CSS اضافی */

.hover-container-center {
  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-center {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
  z-index: 1;
}

.hover-overlay-center {
  position: absolute;
  top: 50%;
  left: 50%;
  /* ابتدا وسط و مقیاس 0 */
  transform: translate(-50%, -50%) scale(0);
  /* پوشش کامل تصویر */
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  border-radius: 5px;
  transition: transform 0.5s ease;
  z-index: 2;
}

.hover-container-center:hover .hover-overlay-center {
  /* بزرگ شدن به اندازه واقعی */
  transform: translate(-50%, -50%) scale(1);
}

.hover-container-center:hover .hover-image-center {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d54026 *//* CSS: داخل Custom CSS ویجت المنتور یا نمایش → سفارشی‌سازی → CSS اضافی */

.hover-container-center {
  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-center {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
  z-index: 1;
}

.hover-overlay-center {
  position: absolute;
  top: 50%;
  left: 50%;
  /* ابتدا وسط و مقیاس 0 */
  transform: translate(-50%, -50%) scale(0);
  /* پوشش کامل تصویر */
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  border-radius: 5px;
  transition: transform 0.5s ease;
  z-index: 2;
}

.hover-container-center:hover .hover-overlay-center {
  /* بزرگ شدن به اندازه واقعی */
  transform: translate(-50%, -50%) scale(1);
}

.hover-container-center:hover .hover-image-center {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-58f9ec5 *//* CSS: داخل Custom CSS ویجت المنتور یا نمایش → سفارشی‌سازی → CSS اضافی */

.hover-container-center {
  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-center {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
  z-index: 1;
}

.hover-overlay-center {
  position: absolute;
  top: 50%;
  left: 50%;
  /* ابتدا وسط و مقیاس 0 */
  transform: translate(-50%, -50%) scale(0);
  /* پوشش کامل تصویر */
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  border-radius: 5px;
  transition: transform 0.5s ease;
  z-index: 2;
}

.hover-container-center:hover .hover-overlay-center {
  /* بزرگ شدن به اندازه واقعی */
  transform: translate(-50%, -50%) scale(1);
}

.hover-container-center:hover .hover-image-center {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a2ac225 *//* CSS: Custom CSS المنتور یا CSS اضافی قالب */

.ultimate-hover-container {
  position: relative;
  width: 320px;
  height: 213px; /* حفظ نسبت تصویر 3:2 */
  margin: 40px auto;
  perspective: 1000px;
  cursor: pointer;
}

.ultimate-hover-container .hover-layer {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  transition: transform 0.6s ease, opacity 0.6s ease;
  pointer-events: none;
}

.layer-back {
  background: linear-gradient(135deg, rgba(0, 255, 255, 0.2), rgba(255, 0, 255, 0.2));
  filter: blur(20px);
  opacity: 0;
  transform: translateZ(-50px) scale(1.2);
}

.layer-front {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(4px);
  box-shadow: inset 0 0 20px rgba(255,255,255,0.3);
  opacity: 0;
  transform: translateZ(30px) scale(0.9);
}

.ultimate-hover-image {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transform-style: preserve-3d;
  transition: transform 0.6s ease, filter 0.6s ease;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}

.ultimate-hover-container:hover .layer-back {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

.ultimate-hover-container:hover .layer-front {
  opacity: 1;
  transform: translateZ(80px) scale(1.05);
}

.ultimate-hover-container:hover .ultimate-hover-image {
  transform: rotateX(8deg) rotateY(-8deg) scale(1.1);
  filter: brightness(1.15) contrast(1.1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9250ccc *//* CSS: Custom CSS المنتور یا CSS اضافی قالب */

.ultimate-hover-container {
  position: relative;
  width: 320px;
  height: 213px; /* حفظ نسبت تصویر 3:2 */
  margin: 40px auto;
  perspective: 1000px;
  cursor: pointer;
}

.ultimate-hover-container .hover-layer {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  transition: transform 0.6s ease, opacity 0.6s ease;
  pointer-events: none;
}

.layer-back {
  background: linear-gradient(135deg, rgba(0, 255, 255, 0.2), rgba(255, 0, 255, 0.2));
  filter: blur(20px);
  opacity: 0;
  transform: translateZ(-50px) scale(1.2);
}

.layer-front {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(4px);
  box-shadow: inset 0 0 20px rgba(255,255,255,0.3);
  opacity: 0;
  transform: translateZ(30px) scale(0.9);
}

.ultimate-hover-image {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transform-style: preserve-3d;
  transition: transform 0.6s ease, filter 0.6s ease;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}

.ultimate-hover-container:hover .layer-back {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

.ultimate-hover-container:hover .layer-front {
  opacity: 1;
  transform: translateZ(80px) scale(1.05);
}

.ultimate-hover-container:hover .ultimate-hover-image {
  transform: rotateX(8deg) rotateY(-8deg) scale(1.1);
  filter: brightness(1.15) contrast(1.1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b55786f *//* CSS: Custom CSS المنتور یا CSS اضافی قالب */

.ultimate-hover-container {
  position: relative;
  width: 320px;
  height: 213px; /* حفظ نسبت تصویر 3:2 */
  margin: 40px auto;
  perspective: 1000px;
  cursor: pointer;
}

.ultimate-hover-container .hover-layer {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  transition: transform 0.6s ease, opacity 0.6s ease;
  pointer-events: none;
}

.layer-back {
  background: linear-gradient(135deg, rgba(0, 255, 255, 0.2), rgba(255, 0, 255, 0.2));
  filter: blur(20px);
  opacity: 0;
  transform: translateZ(-50px) scale(1.2);
}

.layer-front {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(4px);
  box-shadow: inset 0 0 20px rgba(255,255,255,0.3);
  opacity: 0;
  transform: translateZ(30px) scale(0.9);
}

.ultimate-hover-image {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transform-style: preserve-3d;
  transition: transform 0.6s ease, filter 0.6s ease;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}

.ultimate-hover-container:hover .layer-back {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

.ultimate-hover-container:hover .layer-front {
  opacity: 1;
  transform: translateZ(80px) scale(1.05);
}

.ultimate-hover-container:hover .ultimate-hover-image {
  transform: rotateX(8deg) rotateY(-8deg) scale(1.1);
  filter: brightness(1.15) contrast(1.1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3c1fdc *//* CSS: Custom CSS المنتور یا CSS اضافی قالب */

.ultimate-hover-container {
  position: relative;
  width: 320px;
  height: 213px; /* حفظ نسبت تصویر 3:2 */
  margin: 40px auto;
  perspective: 1000px;
  cursor: pointer;
}

.ultimate-hover-container .hover-layer {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  transition: transform 0.6s ease, opacity 0.6s ease;
  pointer-events: none;
}

.layer-back {
  background: linear-gradient(135deg, rgba(0, 255, 255, 0.2), rgba(255, 0, 255, 0.2));
  filter: blur(20px);
  opacity: 0;
  transform: translateZ(-50px) scale(1.2);
}

.layer-front {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(4px);
  box-shadow: inset 0 0 20px rgba(255,255,255,0.3);
  opacity: 0;
  transform: translateZ(30px) scale(0.9);
}

.ultimate-hover-image {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transform-style: preserve-3d;
  transition: transform 0.6s ease, filter 0.6s ease;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}

.ultimate-hover-container:hover .layer-back {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

.ultimate-hover-container:hover .layer-front {
  opacity: 1;
  transform: translateZ(80px) scale(1.05);
}

.ultimate-hover-container:hover .ultimate-hover-image {
  transform: rotateX(8deg) rotateY(-8deg) scale(1.1);
  filter: brightness(1.15) contrast(1.1);
}/* End custom CSS */