.elementor-4468 .elementor-element.elementor-element-afba2c9{--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-4468 .elementor-element.elementor-element-fd068e6{width:100%;max-width:100%;text-align:center;}.elementor-4468 .elementor-element.elementor-element-fd068e6.elementor-element{--align-self:center;}.elementor-4468 .elementor-element.elementor-element-fd068e6 .elementor-heading-title{font-family:"modam", Sans-serif;font-weight:600;}.elementor-4468 .elementor-element.elementor-element-98530e4{width:100%;max-width:100%;text-align:center;}.elementor-4468 .elementor-element.elementor-element-98530e4.elementor-element{--align-self:center;}.elementor-4468 .elementor-element.elementor-element-98530e4 .elementor-heading-title{font-family:"modam", Sans-serif;font-weight:600;}.elementor-4468 .elementor-element.elementor-element-00d7157{--display:flex;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4468 .elementor-element.elementor-element-4ebd0f6{width:100%;max-width:100%;}.elementor-4468 .elementor-element.elementor-element-4ebd0f6.elementor-element{--align-self:center;}.elementor-4468 .elementor-element.elementor-element-4ebd0f6 .elementor-heading-title{font-family:"modam", Sans-serif;font-weight:600;}.elementor-4468 .elementor-element.elementor-element-0d78f72{width:100%;max-width:100%;}.elementor-4468 .elementor-element.elementor-element-0d78f72.elementor-element{--align-self:center;}.elementor-4468 .elementor-element.elementor-element-0d78f72 .elementor-heading-title{font-family:"modam", Sans-serif;font-weight:600;}.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-4468 .elementor-element.elementor-element-a277c52{width:100%;max-width:100%;text-align:start;font-family:"Anjoman", Sans-serif;font-weight:400;}.elementor-4468 .elementor-element.elementor-element-a277c52.elementor-element{--align-self:center;}.elementor-4468 .elementor-element.elementor-element-2b89fe7{--display:flex;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4468 .elementor-element.elementor-element-2e93838{width:100%;max-width:100%;}.elementor-4468 .elementor-element.elementor-element-2e93838.elementor-element{--align-self:center;}.elementor-4468 .elementor-element.elementor-element-2e93838 .elementor-heading-title{font-family:"modam", Sans-serif;font-weight:600;}.elementor-4468 .elementor-element.elementor-element-1bd02ab{width:100%;max-width:100%;}.elementor-4468 .elementor-element.elementor-element-1bd02ab.elementor-element{--align-self:center;}.elementor-4468 .elementor-element.elementor-element-1bd02ab .elementor-heading-title{font-family:"modam", Sans-serif;font-weight:600;}.elementor-4468 .elementor-element.elementor-element-c37b04e{width:100%;max-width:100%;text-align:start;font-family:"Anjoman", Sans-serif;font-weight:400;}.elementor-4468 .elementor-element.elementor-element-c37b04e.elementor-element{--align-self:center;}.elementor-4468 .elementor-element.elementor-element-cd4312b{--display:flex;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4468 .elementor-element.elementor-element-9d1c5fe{width:100%;max-width:100%;}.elementor-4468 .elementor-element.elementor-element-9d1c5fe.elementor-element{--align-self:center;}.elementor-4468 .elementor-element.elementor-element-9d1c5fe .elementor-heading-title{font-family:"modam", Sans-serif;font-weight:600;}.elementor-4468 .elementor-element.elementor-element-333ae7f{width:100%;max-width:100%;}.elementor-4468 .elementor-element.elementor-element-333ae7f.elementor-element{--align-self:center;}.elementor-4468 .elementor-element.elementor-element-333ae7f .elementor-heading-title{font-family:"modam", Sans-serif;font-weight:600;}.elementor-4468 .elementor-element.elementor-element-69a4daf{width:100%;max-width:100%;text-align:start;font-family:"Anjoman", Sans-serif;font-weight:400;}.elementor-4468 .elementor-element.elementor-element-69a4daf.elementor-element{--align-self:center;}/* Start custom CSS *//* ==========================================================================
   استایل‌های هماهنگ و مدرن برای صفحه گالری نمایشگاه‌ها (۳ بخش مجزا)
   ========================================================================== */

/* --------------------------------------------------------------------------
   ۱. استایل تایتل‌های اصلی، خط زیرین و بج (بالای عکس‌ها)
   -------------------------------------------------------------------------- */

/* استایل بج یا تایتل کوچک بالا */
.ngij-title-tag .elementor-heading-title {
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  color: #2C6B64 !important;
  background: rgba(85, 189, 179, 0.15) !important;
  border: 1px solid rgba(85, 189, 179, 0.3) !important;
  padding: 5px 16px !important;
  border-radius: 50px !important;
  display: inline-block !important;
  margin-bottom: 8px !important;
  backdrop-filter: blur(8px) !important;
}

/* کانتینر تایتل اصلی برای ایجاد خط زیرین */
.ngij-main-heading {
  position: relative !important;
  display: inline-block !important;
  margin-bottom: 20px !important;
}

.ngij-main-heading .elementor-heading-title {
  font-size: 1.7rem !important;
  font-weight: 900 !important;
  color: #384048 !important;
  line-height: 1.35 !important;
  position: relative !important;
  padding-bottom: 10px !important;
  margin: 0 !important;
}

/* خط زیرین تایتل با طول و استایل استاندارد */
.ngij-main-heading .elementor-heading-title::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 34px !important;
  height: 3px !important;
  background-color: #2C6B64 !important;
  border-radius: 4px !important;
}


/* --------------------------------------------------------------------------
   ۲. استایل باکس توضیحات پایین صفحه
   -------------------------------------------------------------------------- */
.ngij-box-desc {
  background: rgba(85, 189, 179, 0.08) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(85, 189, 179, 0.25) !important;
  border-radius: 16px !important;
  padding: 16px 24px !important;
  margin-top: -5px !important;
  box-shadow: 0 8px 25px rgba(44, 107, 100, 0.04) !important;
}

.ngij-box-desc p {
  font-size: 0.96rem !important;
  line-height: 1.85 !important;
  color: #384048 !important;
  margin: 0 !important;
  font-weight: 500 !important;
  text-align: center !important;
}


/* --------------------------------------------------------------------------
   ۳. فیکس کامل فلش‌های گالری (وسط‌چین دقیق، دایره تمیز یشمی و آیکون سفید)
   -------------------------------------------------------------------------- */

.ngij-gallery-box .wd-images-gallery {
  position: relative !important;
  padding-bottom: 50px !important; /* ایجاد فضای مشخص برای دکمه‌ها در پایین گالری */
}

/* قرارگیری دقیق فلش‌ها در وسط عرض گالری و لبه پایینی */
.ngij-gallery-box .wd-nav-arrows,
.ngij-gallery-box .wd-slider-arrows {
  position: absolute !important;
  bottom: -5px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  z-index: 20 !important;
  top: auto !important;
  right: auto !important;
}

/* بدنه دایره‌ای دکمه‌ها */
.ngij-gallery-box .wd-nav-arrows .wd-btn-arrow,
.ngij-gallery-box .wd-slider-arrows .wd-btn-arrow {
  background: #2C6B64 !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 50% !important;
  width: 42px !important;
  height: 42px !important;
  box-shadow: 0 6px 20px rgba(44, 107, 100, 0.25) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

/* سفید کردن کامل علامت‌های >< و خنثی‌سازی استایل‌های مزاحم وودمارت */
.ngij-gallery-box .wd-nav-arrows .wd-btn-arrow i,
.ngij-gallery-box .wd-nav-arrows .wd-btn-arrow::before,
.ngij-gallery-box .wd-nav-arrows .wd-btn-arrow::after,
.ngij-gallery-box .wd-slider-arrows .wd-btn-arrow i,
.ngij-gallery-box .wd-slider-arrows .wd-btn-arrow::before,
.ngij-gallery-box .wd-slider-arrows .wd-btn-arrow::after {
  color: #FFFFFF !important;
  background-color: transparent !important;
  height: auto !important;
}

/* هاور دکمه‌ها */
.ngij-gallery-box .wd-nav-arrows .wd-btn-arrow:hover,
.ngij-gallery-box .wd-slider-arrows .wd-btn-arrow:hover {
  background: #55BDB3 !important;
  border-color: #FFFFFF !important;
  transform: scale(1.1) !important;
  box-shadow: 0 0 20px rgba(85, 189, 179, 0.7) !important;
}

/* گردی تصاویر گالری */
.ngij-gallery-box .wd-gallery-item img {
  border-radius: 20px !important;
  transition: all 0.4s ease !important;
  box-shadow: 0 10px 30px rgba(44, 107, 100, 0.08) !important;
}


/* --------------------------------------------------------------------------
   ۴. واکنش‌گرایی موبایل
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .ngij-main-heading .elementor-heading-title {
    font-size: 1.35rem !important;
  }
  
  .ngij-gallery-box .wd-nav-arrows .wd-btn-arrow,
  .ngij-gallery-box .wd-slider-arrows .wd-btn-arrow {
    width: 36px !important;
    height: 36px !important;
  }
  
  .ngij-box-desc {
    padding: 12px 16px !important;
    margin-top: 20px !important;
  }
}

/* ==========================================================================
   مربعی کردن و پوشش کامل تصاویر گالری با حفظ تناسب (بدون فشردگی)
   ========================================================================== */

/* ۱. تعیین نسبت مربع برای کادر اصلی تصویر گالری */
.ngij-gallery-box .wd-gallery-item a {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important; /* تبدیل کادر به مربع کامل */
  overflow: hidden !important;
  border-radius: 20px !important;
}

/* ۲. تنظیم تصویر برای پوشش کامل کادر مربع بدون فشردگی */
.ngij-gallery-box .wd-gallery-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; /* پوشش کامل کادر بدون دفرمه شدن عکس */
  object-position: center center !important;
  border-radius: 20px !important;
  transition: all 0.4s ease !important;
  box-shadow: 0 10px 30px rgba(44, 107, 100, 0.08) !important;
}

/* افکت هاور روی تصاویر گالری */
.ngij-gallery-box .wd-gallery-item:hover img {
  transform: scale(1.04) !important;
  box-shadow: 0 20px 40px rgba(85, 189, 179, 0.25) !important;
}/* End custom CSS */