.elementor-29561 .elementor-element.elementor-element-c0bdf21{--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-29561 .elementor-element.elementor-element-07dc271{--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;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-29561 .elementor-element.elementor-element-07dc271.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29561 .elementor-element.elementor-element-962e353{--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;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-29561 .elementor-element.elementor-element-962e353.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29561 .elementor-element.elementor-element-d777eee{--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-29561 .elementor-element.elementor-element-1c1bde1{--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;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-29561 .elementor-element.elementor-element-1c1bde1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29561 .elementor-element.elementor-element-e67bb48{--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;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-29561 .elementor-element.elementor-element-e67bb48.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29561 .elementor-element.elementor-element-c541c5d{--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-29561 .elementor-element.elementor-element-887e694{--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;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-29561 .elementor-element.elementor-element-887e694.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29561 .elementor-element.elementor-element-1810bae{--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;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-29561 .elementor-element.elementor-element-1810bae.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:768px){.elementor-29561 .elementor-element.elementor-element-07dc271{--min-height:400px;}.elementor-29561 .elementor-element.elementor-element-962e353{--min-height:400px;}.elementor-29561 .elementor-element.elementor-element-1c1bde1{--min-height:400px;}.elementor-29561 .elementor-element.elementor-element-e67bb48{--min-height:400px;}.elementor-29561 .elementor-element.elementor-element-887e694{--min-height:400px;}.elementor-29561 .elementor-element.elementor-element-1810bae{--min-height:400px;}}@media(min-width:769px){.elementor-29561 .elementor-element.elementor-element-07dc271{--width:49.954%;}.elementor-29561 .elementor-element.elementor-element-962e353{--width:49.954%;}.elementor-29561 .elementor-element.elementor-element-1c1bde1{--width:49.954%;}.elementor-29561 .elementor-element.elementor-element-e67bb48{--width:49.954%;}.elementor-29561 .elementor-element.elementor-element-887e694{--width:49.954%;}.elementor-29561 .elementor-element.elementor-element-1810bae{--width:49.954%;}}/* Start custom CSS for html, class: .elementor-element-b91052e *//* کانتینر کلی */
.e-iframe-card{
  direction: rtl;              /* برای فارسی */
  max-width: 100%;
}

/* ارتفاع آی‌فریم: روش ۱ – نسبت تصویر (پیشنهادی و رسپانسیو) */
.e-iframe-wrap{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;        /* بلندتر می‌خوای؟ مثلاً 4 / 3 یا 3 / 4 (قدی) */
  background: #111;            /* پس‌زمینه حین لود */
  overflow: hidden;
  border-radius: 16px;
}

/* اگر به‌جای نسبت، ارتفاع ثابت می‌خوای (مثلاً 700px)، یکی از این دو خط رو باز کن: */
/* .e-iframe-wrap{ height: 700px; aspect-ratio: auto; } */
/* .e-iframe-wrap{ min-height: 70vh; aspect-ratio: auto; }  */

/* خود آی‌فریم */
.e-iframe-wrap iframe{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: 0;
}

/* کپشن زیر آی‌فریم (نام + دکمه) */
.e-iframe-caption{
  text-align: center;          /* وسط‌چین */
  margin-top: 12px;
}

.e-iframe-title{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
}

/* دکمه مشاهده سایت */
.e-iframe-btn{
  display: inline-block;
  padding: 8px 14px;
  border-radius: 10px;
  text-decoration: none;
  background: #111;
  color: #fff;
  transition: transform .15s ease, opacity .15s ease;
}
.e-iframe-btn:hover{ transform: translateY(-1px); opacity: .9;

    color: #E96221;
}

/* نسبت متفاوت برای موبایل (قدی‌تر) */
@media (max-width: 767px){
  .e-iframe-wrap{
    aspect-ratio: 4 / 3;       /* یا حتی 3 / 4 اگر می‌خوای خیلی بلند باشه */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e4a7b5 *//* کانتینر کلی */
.e-iframe-card{
  direction: rtl;              /* برای فارسی */
  max-width: 100%;
}

/* ارتفاع آی‌فریم: روش ۱ – نسبت تصویر (پیشنهادی و رسپانسیو) */
.e-iframe-wrap{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;        /* بلندتر می‌خوای؟ مثلاً 4 / 3 یا 3 / 4 (قدی) */
  background: #111;            /* پس‌زمینه حین لود */
  overflow: hidden;
  border-radius: 16px;
}

/* اگر به‌جای نسبت، ارتفاع ثابت می‌خوای (مثلاً 700px)، یکی از این دو خط رو باز کن: */
/* .e-iframe-wrap{ height: 700px; aspect-ratio: auto; } */
/* .e-iframe-wrap{ min-height: 70vh; aspect-ratio: auto; }  */

/* خود آی‌فریم */
.e-iframe-wrap iframe{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: 0;
}

/* کپشن زیر آی‌فریم (نام + دکمه) */
.e-iframe-caption{
  text-align: center;          /* وسط‌چین */
  margin-top: 12px;
}

.e-iframe-title{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
}

/* دکمه مشاهده سایت */
.e-iframe-btn{
  display: inline-block;
  padding: 8px 14px;
  border-radius: 10px;
  text-decoration: none;
  background: #111;
  color: #fff;
  transition: transform .15s ease, opacity .15s ease;
}
.e-iframe-btn:hover{ transform: translateY(-1px); opacity: .9;

    color: #E96221;
}

/* نسبت متفاوت برای موبایل (قدی‌تر) */
@media (max-width: 767px){
  .e-iframe-wrap{
    aspect-ratio: 4 / 3;       /* یا حتی 3 / 4 اگر می‌خوای خیلی بلند باشه */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6750210 *//* کانتینر کلی */
.e-iframe-card{
  direction: rtl;              /* برای فارسی */
  max-width: 100%;
}

/* ارتفاع آی‌فریم: روش ۱ – نسبت تصویر (پیشنهادی و رسپانسیو) */
.e-iframe-wrap{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;        /* بلندتر می‌خوای؟ مثلاً 4 / 3 یا 3 / 4 (قدی) */
  background: #111;            /* پس‌زمینه حین لود */
  overflow: hidden;
  border-radius: 16px;
}

/* اگر به‌جای نسبت، ارتفاع ثابت می‌خوای (مثلاً 700px)، یکی از این دو خط رو باز کن: */
/* .e-iframe-wrap{ height: 700px; aspect-ratio: auto; } */
/* .e-iframe-wrap{ min-height: 70vh; aspect-ratio: auto; }  */

/* خود آی‌فریم */
.e-iframe-wrap iframe{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: 0;
}

/* کپشن زیر آی‌فریم (نام + دکمه) */
.e-iframe-caption{
  text-align: center;          /* وسط‌چین */
  margin-top: 12px;
}

.e-iframe-title{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
}

/* دکمه مشاهده سایت */
.e-iframe-btn{
  display: inline-block;
  padding: 8px 14px;
  border-radius: 10px;
  text-decoration: none;
  background: #111;
  color: #fff;
  transition: transform .15s ease, opacity .15s ease;
}
.e-iframe-btn:hover{ transform: translateY(-1px); opacity: .9;

    color: #E96221;
}

/* نسبت متفاوت برای موبایل (قدی‌تر) */
@media (max-width: 767px){
  .e-iframe-wrap{
    aspect-ratio: 4 / 3;       /* یا حتی 3 / 4 اگر می‌خوای خیلی بلند باشه */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4de82b *//* کانتینر کلی */
.e-iframe-card{
  direction: rtl;              /* برای فارسی */
  max-width: 100%;
}

/* ارتفاع آی‌فریم: روش ۱ – نسبت تصویر (پیشنهادی و رسپانسیو) */
.e-iframe-wrap{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;        /* بلندتر می‌خوای؟ مثلاً 4 / 3 یا 3 / 4 (قدی) */
  background: #111;            /* پس‌زمینه حین لود */
  overflow: hidden;
  border-radius: 16px;
}

/* اگر به‌جای نسبت، ارتفاع ثابت می‌خوای (مثلاً 700px)، یکی از این دو خط رو باز کن: */
/* .e-iframe-wrap{ height: 700px; aspect-ratio: auto; } */
/* .e-iframe-wrap{ min-height: 70vh; aspect-ratio: auto; }  */

/* خود آی‌فریم */
.e-iframe-wrap iframe{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: 0;
}

/* کپشن زیر آی‌فریم (نام + دکمه) */
.e-iframe-caption{
  text-align: center;          /* وسط‌چین */
  margin-top: 12px;
}

.e-iframe-title{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
}

/* دکمه مشاهده سایت */
.e-iframe-btn{
  display: inline-block;
  padding: 8px 14px;
  border-radius: 10px;
  text-decoration: none;
  background: #111;
  color: #fff;
  transition: transform .15s ease, opacity .15s ease;
}
.e-iframe-btn:hover{ transform: translateY(-1px); opacity: .9;

    color: #E96221;
}

/* نسبت متفاوت برای موبایل (قدی‌تر) */
@media (max-width: 767px){
  .e-iframe-wrap{
    aspect-ratio: 4 / 3;       /* یا حتی 3 / 4 اگر می‌خوای خیلی بلند باشه */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4fd6d5 *//* کانتینر کلی */
.e-iframe-card{
  direction: rtl;              /* برای فارسی */
  max-width: 100%;
}

/* ارتفاع آی‌فریم: روش ۱ – نسبت تصویر (پیشنهادی و رسپانسیو) */
.e-iframe-wrap{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;        /* بلندتر می‌خوای؟ مثلاً 4 / 3 یا 3 / 4 (قدی) */
  background: #111;            /* پس‌زمینه حین لود */
  overflow: hidden;
  border-radius: 16px;
}

/* اگر به‌جای نسبت، ارتفاع ثابت می‌خوای (مثلاً 700px)، یکی از این دو خط رو باز کن: */
/* .e-iframe-wrap{ height: 700px; aspect-ratio: auto; } */
/* .e-iframe-wrap{ min-height: 70vh; aspect-ratio: auto; }  */

/* خود آی‌فریم */
.e-iframe-wrap iframe{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: 0;
}

/* کپشن زیر آی‌فریم (نام + دکمه) */
.e-iframe-caption{
  text-align: center;          /* وسط‌چین */
  margin-top: 12px;
}

.e-iframe-title{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
}

/* دکمه مشاهده سایت */
.e-iframe-btn{
  display: inline-block;
  padding: 8px 14px;
  border-radius: 10px;
  text-decoration: none;
  background: #111;
  color: #fff;
  transition: transform .15s ease, opacity .15s ease;
}
.e-iframe-btn:hover{ transform: translateY(-1px); opacity: .9;

    color: #E96221;
}

/* نسبت متفاوت برای موبایل (قدی‌تر) */
@media (max-width: 767px){
  .e-iframe-wrap{
    aspect-ratio: 4 / 3;       /* یا حتی 3 / 4 اگر می‌خوای خیلی بلند باشه */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0193e3f *//* کانتینر کلی */
.e-iframe-card{
  direction: rtl;              /* برای فارسی */
  max-width: 100%;
}

/* ارتفاع آی‌فریم: روش ۱ – نسبت تصویر (پیشنهادی و رسپانسیو) */
.e-iframe-wrap{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;        /* بلندتر می‌خوای؟ مثلاً 4 / 3 یا 3 / 4 (قدی) */
  background: #111;            /* پس‌زمینه حین لود */
  overflow: hidden;
  border-radius: 16px;
}

/* اگر به‌جای نسبت، ارتفاع ثابت می‌خوای (مثلاً 700px)، یکی از این دو خط رو باز کن: */
/* .e-iframe-wrap{ height: 700px; aspect-ratio: auto; } */
/* .e-iframe-wrap{ min-height: 70vh; aspect-ratio: auto; }  */

/* خود آی‌فریم */
.e-iframe-wrap iframe{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: 0;
}

/* کپشن زیر آی‌فریم (نام + دکمه) */
.e-iframe-caption{
  text-align: center;          /* وسط‌چین */
  margin-top: 12px;
}

.e-iframe-title{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
}

/* دکمه مشاهده سایت */
.e-iframe-btn{
  display: inline-block;
  padding: 8px 14px;
  border-radius: 10px;
  text-decoration: none;
  background: #111;
  color: #fff;
  transition: transform .15s ease, opacity .15s ease;
}
.e-iframe-btn:hover{ transform: translateY(-1px); opacity: .9;

    color: #E96221;
}

/* نسبت متفاوت برای موبایل (قدی‌تر) */
@media (max-width: 767px){
  .e-iframe-wrap{
    aspect-ratio: 4 / 3;       /* یا حتی 3 / 4 اگر می‌خوای خیلی بلند باشه */
  }
}/* End custom CSS */