.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-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-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-770 .elementor-element.elementor-element-3ca76ff{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:1px;}.elementor-770 .elementor-element.elementor-element-3ca76ff .elementor-divider-separator{width:100%;}.elementor-770 .elementor-element.elementor-element-3ca76ff .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-bc-flex-widget .elementor-770 .elementor-element.elementor-element-826877d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-770 .elementor-element.elementor-element-826877d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-770 .elementor-element.elementor-element-826877d.elementor-column > .elementor-widget-wrap{justify-content:center;}.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 );}/* Start custom CSS for heading, class: .elementor-element-7705836 */.story-post-title {
  font-size: 2rem !important;  /* استفاده از !important */
  color: #222 !important;
}
/* استایل برای کلاس story-post-title */
.story-post-title {
  font-size: 2rem;  /* اندازه بزرگ برای عنوان */
  color: #222;  /* رنگ تیره برای خوانایی بهتر */
  font-weight: bold;  /* ضخیم بودن فونت برای تاکید بیشتر */
  line-height: 1.4;  /* فاصله بین خطوط برای خوانایی بهتر */
  margin-bottom: 16px;  /* فاصله پایین از عنوان */
  text-align: center;  /* وسط‌چین کردن عنوان */
  text-transform: uppercase;  /* تبدیل به حروف بزرگ برای تاکید بیشتر */
  letter-spacing: 1px;  /* فاصله بین حروف برای ظاهری مرتب‌تر */
  padding: 10px;  /* فضای داخلی برای عنوان */
  background-color: #f1f1f1;  /* پس‌زمینه ملایم برای برجسته کردن عنوان */
  border-radius: 8px;  /* گوشه‌های گرد برای زیبایی بیشتر */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);  /* سایه ملایم برای عنوان */
  transition: transform 0.3s ease, box-shadow 0.3s ease;  /* ترنزیشن برای افکت‌ها */
}

/* افکت هاور روی عنوان */
.story-post-title:hover {
  transform: translateY(-5px);  /* حرکت کمی به سمت بالا هنگام هاور */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);  /* سایه قوی‌تر هنگام هاور */
  background-color: #ffffff;  /* تغییر رنگ پس‌زمینه هنگام هاور */
  color: #007BFF;  /* تغییر رنگ عنوان به آبی هنگام هاور */
}

/* ریسپانسیو برای نمایش بهتر در دستگاه‌های مختلف */
@media (max-width: 768px) {
  .story-post-title {
    font-size: 1.5rem;  /* اندازه فونت کمی کوچکتر برای موبایل‌ها */
    padding: 8px;  /* فضای داخلی کمتر برای موبایل‌ها */
    text-align: left;  /* چپ‌چین کردن عنوان در موبایل */
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98743e5 *//* استایل برای کلاس story-short-text */
.story-short-text {
  font-size: 1rem;  /* اندازه متن مناسب برای خوانایی */
  color: #333;  /* رنگ تیره برای متن */
  line-height: 1.6;  /* فاصله بین خطوط برای خوانایی بهتر */
  margin-bottom: 20px;  /* فاصله پایین از متن */
  text-align: justify;  /* توزیع متن به صورت برابر از چپ و راست */
  padding: 10px;  /* فضای داخلی برای راحتی خواندن */
  background-color: #f9f9f9;  /* پس‌زمینه ملایم برای برجسته کردن متن */
  border-radius: 8px;  /* گوشه‌های گرد برای زیبایی بیشتر */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);  /* سایه نرم برای برجسته‌تر کردن متن */
  transition: transform 0.3s ease, box-shadow 0.3s ease;  /* افکت‌های ترنزیشن */
}

/* افکت هاور روی متن */
.story-short-text:hover {
  transform: translateY(-3px);  /* حرکت کمی به سمت بالا هنگام هاور */
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);  /* سایه قوی‌تر هنگام هاور */
  background-color: #ffffff;  /* تغییر رنگ پس‌زمینه هنگام هاور */
}

/* ریسپانسیو برای نمایش بهتر در دستگاه‌های مختلف */
@media (max-width: 768px) {
  .story-short-text {
    font-size: 0.9rem;  /* اندازه متن کمی کوچک‌تر برای دستگاه‌های موبایل */
    padding: 8px;  /* فضای داخلی کمتر برای نمایش بهتر در موبایل */
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-826877d *//* استایل برای کلاس image-story */
.image-story {
  width: 100%;  /* تصویر به اندازه 100% عرض والد خود تنظیم می‌شود */
  height: auto;  /* حفظ نسبت ابعادی تصویر */
  display: block;  /* برای حذف فضای اضافی زیر تصویر */
  border-radius: 8px;  /* گوشه‌های گرد برای تصویر */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);  /* سایه ملایم برای تصویر */
  transition: transform 0.3s ease, box-shadow 0.3s ease;  /* افکت ترنزیشن */
  margin-bottom: 20px;  /* فاصله پایین از تصویر */
}

/* افکت هاور روی تصویر */
.image-story:hover {
  transform: scale(1.05);  /* بزرگ‌تر شدن تصویر هنگام هاور */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);  /* سایه قوی‌تر هنگام هاور */
}

/* ریسپانسیو برای نمایش بهتر در دستگاه‌های مختلف */
@media (max-width: 768px) {
  .image-story {
    width: 100%;  /* تصویر در دستگاه‌های موبایل به اندازه کامل عرض قرار می‌گیرد */
  }
}/* End custom CSS */