.elementor-5921 .elementor-element.elementor-element-e17ed11{--display:flex;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5921 .elementor-element.elementor-element-2bfff81 .elementor-repeater-item-4a7a265 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://zagency.ir/wp-content/uploads/2026/04/1-3.png);background-size:cover;}.elementor-5921 .elementor-element.elementor-element-2bfff81 .elementor-repeater-item-4dc0768 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://zagency.ir/wp-content/uploads/2026/04/2.png);background-size:cover;}.elementor-5921 .elementor-element.elementor-element-2bfff81 .elementor-repeater-item-0edbc2f .swiper-slide-bg{background-color:#833ca3;background-image:url(https://zagency.ir/wp-content/uploads/2026/04/3.png);background-size:cover;}.elementor-5921 .elementor-element.elementor-element-2bfff81 .elementor-repeater-item-54bd080 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://zagency.ir/wp-content/uploads/2026/04/4.png);background-size:cover;}.elementor-5921 .elementor-element.elementor-element-2bfff81 .elementor-repeater-item-db30359 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://zagency.ir/wp-content/uploads/2026/04/5.png);background-size:cover;}.elementor-5921 .elementor-element.elementor-element-2bfff81 .elementor-repeater-item-983a0e2 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://zagency.ir/wp-content/uploads/2026/04/6.png);background-size:cover;}.elementor-5921 .elementor-element.elementor-element-2bfff81 .elementor-repeater-item-746342f .swiper-slide-bg{background-color:#833ca3;background-image:url(https://zagency.ir/wp-content/uploads/2026/04/7.png);background-size:cover;}.elementor-5921 .elementor-element.elementor-element-2bfff81 .elementor-repeater-item-328fd6a .swiper-slide-bg{background-color:#833ca3;background-image:url(https://zagency.ir/wp-content/uploads/2026/04/8.jpg);background-size:cover;}.elementor-5921 .elementor-element.elementor-element-2bfff81 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-5921 .elementor-element.elementor-element-2bfff81{width:var( --container-widget-width, 101.2% );max-width:101.2%;--container-widget-width:101.2%;--container-widget-flex-grow:0;}.elementor-5921 .elementor-element.elementor-element-2bfff81.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5921 .elementor-element.elementor-element-2bfff81 .swiper-slide-contents{max-width:66%;}.elementor-5921 .elementor-element.elementor-element-2bfff81 .swiper-slide-inner{text-align:center;}.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-5921 .elementor-element.elementor-element-b02dcd1.elementor-element{--order:-99999 /* order start hack */;}.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-5921 .elementor-element.elementor-element-008d25c{--display:flex;}@media(max-width:767px){.elementor-5921 .elementor-element.elementor-element-2bfff81 > .elementor-widget-container{margin:37px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5921 .elementor-element.elementor-element-2bfff81 .swiper-slide{height:237px;}.elementor-5921 .elementor-element.elementor-element-2bfff81 .swiper-slide-inner{padding:0px -1px -1px -1px;}}/* Start custom CSS for slides, class: .elementor-element-2bfff81 *//* 🌿 کانتینر اصلی */
#story-slider.story-slider-wrap {
  background: #f4e9d9 url('https://i.imgur.com/7Pj3fNe.png');
  background-size: cover;
  padding: 25px;
  border: 3px solid #000;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.18);
  position: relative;
}

/* 🖼 تصاویر داخل اسلاید */
#story-slider .swiper-slide-bg {
  border: 3px solid #000 !important;
  border-radius: 5px;
  filter: contrast(1.05) brightness(0.93);
  box-shadow: 0 3px 8px rgba(0,0,0,0.28);
  background-size: cover !important;
  background-position: center !important;
}

/* 🔘 دکمه‌های قبل و بعد */
#story-slider .elementor-swiper-button-prev,
#story-slider .elementor-swiper-button-next {

  width: 55px;
  height: 55px;

  background: #f4e9d9;
  border: 3px solid #000;
  border-radius: 50%;

  color: #000;
  font-size: 22px;

  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: 0 3px 8px rgba(0,0,0,0.25);
  transition: 0.2s ease;
  z-index: 50;
}

/* Hover */
#story-slider .elementor-swiper-button-prev:hover,
#story-slider .elementor-swiper-button-next:hover {
  transform: translateY(-50%) scale(1.1);
  background: #e9d6c2;
}

/* موقعیت دقیق */
#story-slider .elementor-swiper-button-prev {
  left: -25px !important;
}

#story-slider .elementor-swiper-button-next {
  right: -25px !important;
}

/* اصلاح فلش */
#story-slider .elementor-swiper-button-prev i,
#story-slider .elementor-swiper-button-next i {
  margin: 0 !important;
  line-height: 1 !important;
  font-size: 22px !important;
}

/* ⚪ نقاط */
#story-slider .swiper-pagination-bullet {
  background: #b43b32;
  border: 2px solid #000;
  width: 12px;
  height: 12px;
  opacity: 1;
}

#story-slider .swiper-pagination-bullet-active {
  background: #000;
}

/* 📱 ریسپانسیو */
@media (max-width: 1024px) {

  #story-slider .elementor-swiper-button-prev,
  #story-slider .elementor-swiper-button-next {
    width: 45px;
    height: 45px;
    font-size: 18px;
  }

  #story-slider .elementor-swiper-button-prev {
    left: -18px !important;
  }

  #story-slider .elementor-swiper-button-next {
    right: -18px !important;
  }

}

@media (max-width: 768px) {

  #story-slider .elementor-swiper-button-prev,
  #story-slider .elementor-swiper-button-next {
    width: 38px;
    height: 38px;
    font-size: 15px;
  }

  #story-slider .elementor-swiper-button-prev {
    left: -12px !important;
  }

  #story-slider .elementor-swiper-button-next {
    right: -12px !important;
  }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b02dcd1 *//* کانتینر عنوان */
#story-title.story-title-wrap{
  background: #f4e9d9;
  padding: 35px 45px;
  margin-bottom: 40px;

  border: 4px solid #000;
  border-radius: 8px;

  position: relative;
  text-align: center;

  box-shadow: 
    0 0 0 4px #000 inset,
    0 6px 15px rgba(0,0,0,0.25);

  /* لبه‌های کمی نامنظم (Comic wobble) */
  transform: rotate(-0.7deg);
}

/* بافت کاغذ واقعی */
#story-title.story-title-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("https://www.transparenttextures.com/patterns/paper-fibers.png");
  opacity:0.3;
  pointer-events:none;
  z-index:1;
}

/* افکت جوهری پاشیده شده دور کادر */
#story-title.story-title-wrap::after{
  content:"";
  position:absolute;
  inset:-18px;
  background:url("https://i.imgur.com/jT5SLV5.png"); /* بافت پاشیدگی جوهر */
  background-size:cover;
  opacity:0.33;
  pointer-events:none;
  z-index:0;
  filter:grayscale(1) contrast(1.4);
}

/* عنوان */
#story-title.story-title-wrap h1,
#story-title.story-title-wrap h2{
  position:relative;
  z-index:2;

  font-size:55px;
  font-weight:900;
  margin:0;
  color:#000;
  line-height:1.1;

  /* دور خط جوهری ضخیم (Stroke) */
  text-shadow:
    -3px -3px 0 #fff,
    3px -3px 0 #fff,
    -3px 3px 0 #fff,
    3px 3px 0 #fff,
    0 0 0 3px #000;

  /* لرزش نامنظم کمیک – subtle wobble */
  transform:rotate(-1deg);
}

/* خط قرمز کمیک زیر عنوان */
#story-title.story-title-wrap h1::after,
#story-title.story-title-wrap h2::after{
  content:"";
  display:block;
  width:150px;
  height:8px;
  background:#b43b32;
  margin:14px auto 0;
  border-radius:4px;

  /* خط نامنظم */
  transform:rotate(-1.5deg);
  box-shadow:0 0 0 3px #000 inset;
}

/* ----------------------------------------------------
   📱 ریسپانسیو
---------------------------------------------------- */

@media (max-width:1024px){
  #story-title.story-title-wrap{
    padding:30px 30px;
    transform: rotate(-0.4deg);
  }

  #story-title.story-title-wrap h1,
  #story-title.story-title-wrap h2{
    font-size:42px;
  }

  #story-title.story-title-wrap h1::after,
  #story-title.story-title-wrap h2::after{
    width:120px;
    height:6px;
  }
}

@media (max-width:767px){
  #story-title.story-title-wrap{
    padding:22px 18px;
    margin-bottom:25px;
    transform: rotate(0deg);
  }

  #story-title.story-title-wrap h1,
  #story-title.story-title-wrap h2{
    font-size:30px;
    text-shadow:
      -2px -2px 0 #fff,
       2px -2px 0 #fff,
      -2px  2px 0 #fff,
       2px  2px 0 #fff,
      0 0 0 2px #000;
  }

  #story-title.story-title-wrap h1::after,
  #story-title.story-title-wrap h2::after{
    width:80px;
    height:4px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a3c7404 *//* ============================= */
/*  AUDIO PLAYER STYLE           */
/* ============================= */

#story-audio{
    position:relative;

    background:#f4ecd6;

    padding:18px 20px;

    border:3px solid #111;
    border-radius:10px;

    box-shadow:
        6px 6px 0 #000,
        0 10px 25px rgba(0,0,0,0.18);

    margin-top:25px;
}

/* بافت چاپی */

#story-audio::before{
    content:"";
    position:absolute;
    inset:0;

    background-image:
        radial-gradient(rgba(0,0,0,0.35) 1px, transparent 1px);

    background-size:8px 8px;

    opacity:.12;

    pointer-events:none;
}

/* عنوان اختیاری */

.story-audio-player .audio-title{

    font-size:14px;
    font-weight:700;

    color:#7a0f0f;

    margin-bottom:8px;
}

/* استایل خود پلیر */

#story-audio audio{
    width:100%;
    height:40px;

    border-radius:6px;

    background:#efe4cc;
}

/* هاور */

#story-audio:hover{

    transform:translateY(-3px);

    box-shadow:
        8px 8px 0 #000,
        0 15px 30px rgba(0,0,0,0.25);

    transition:.3s ease;
}

/* ============================= */
/*  موبایل                      */
/* ============================= */

@media (max-width:767px){

    #story-audio{

        padding:14px 16px;

        border-width:2px;

    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ab872ae *//* ============================= */
/*     نسخه کمیک Ink + Halftone */
/* ============================= */

#gaza-story {
    position: relative;
    background: #faf6e9;
    padding: 45px 50px;
    border-radius: 14px;

    /* خط دور کمیکی */
    border: 4px solid #000;

    /* سایه جوهری */
    box-shadow:
        8px 8px 0px #000,
        0 0 30px rgba(0,0,0,0.15);

    overflow: hidden;
}

/* هافتون واقعی */
#gaza-story::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(rgba(0,0,0,0.4) 1.2px, transparent 1.2px);
    background-size: 8px 8px;
    opacity: 0.18;
    pointer-events: none;
}

/* بافت کاغذ کامیکی */
#gaza-story::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("https://i.imgur.com/5YQF7QJ.png"); /* الگوی کاغذ کمیک */
    opacity: 0.25;
    mix-blend-mode: multiply;
    pointer-events: none;
}

/* عنوان کمیکی */
#gaza-story h2 {
    font-weight: 900;
    font-size: 32px;
    color: #cc1b1b;
    text-shadow: 2px 2px 0 #000;
    margin-bottom: 20px;
}

/* متن */
#gaza-story p {
    font-size: 17px;
    line-height: 2;
    color: #111;
    font-weight: 600;
}

/* تصاویر داخل کانتینر */
#gaza-story img {
    border: 4px solid #000;
    border-radius: 8px;
    box-shadow: 6px 6px 0 #000;
}

/* Hover کمیکی */
#gaza-story:hover {
    transform: translateY(-6px);
    transition: .3s ease;
    box-shadow: 12px 12px 0 #000;
}

/* ریسپانسیو */
@media (max-width: 767px) {
    #gaza-story {
        padding: 25px 22px;
        border-width: 3px;
    }
    #gaza-story h2 { font-size: 22px; }
    #gaza-story p { font-size: 15px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e17ed11 *//* ============================= */
/*  STORY SECTION BACKGROUND     */
/* ============================= */

#story-section{
    position:relative;

    background:linear-gradient(
        180deg,
        #f6efdf 0%,
        #efe4cc 100%
    );

    padding:80px 0;

    overflow:hidden;
}

/* بافت کاغذ قدیمی */

#story-section::before{
    content:"";
    position:absolute;
    inset:0;

    background-image:
        radial-gradient(rgba(0,0,0,0.06) 1px, transparent 1px);

    background-size:10px 10px;

    opacity:.25;

    pointer-events:none;
}

/* گرین چاپی */

#story-section::after{
    content:"";
    position:absolute;
    inset:0;

    background:
        repeating-linear-gradient(
            45deg,
            rgba(0,0,0,0.015),
            rgba(0,0,0,0.015) 2px,
            transparent 2px,
            transparent 4px
        );

    opacity:.35;

    pointer-events:none;
}

/* ============================= */
/*  کانتینر داخلی                */
/* ============================= */

.story-section-wrap{

    max-width:1200px;
    margin:auto;

    padding:0 30px;

    border-left:6px solid #111;
    border-right:6px solid #111;

    background:#f4ecd6;

    box-shadow:
        0 15px 40px rgba(0,0,0,0.18);

    border-radius:14px;
}

/* ============================= */
/*  موبایل                      */
/* ============================= */

@media (max-width:1024px){

    #story-section{
        padding:60px 0;
    }

}

@media (max-width:767px){

    .story-section-wrap{

        border-left:4px solid #111;
        border-right:4px solid #111;

        padding:0 20px;
    }

}/* End custom CSS */