/* Start custom CSS for html, class: .elementor-element-e6adf22 *//*.elementor-5632 .elementor-element.elementor-element-e6adf22 img {*/
/*  display: block;*/
/*  width: 100%;*/
/*  object-fit: cover;*/
/*  object-position: center;*/

  /* --- تغییر اصلی اینجاست (مخصوص موبایل) --- */
  /* 11vw یعنی ارتفاع همیشه 11 درصدِ عرضِ صفحه باشد */
  /* مثلا در گوشی کوچک (360px) میشه حدود 40px */
  /* در گوشی بزرگ (430px) میشه حدود 47px */
/*  height: 11vw; */
/*}*/

/* 2. تنظیم برای تبلت */
/*@media (min-width: 768px) {*/
/*  .elementor-5632 .elementor-element.elementor-element-e6adf22 img {*/
    /* در تبلت چون عرض زیاد است، درصد را کمتر می‌کنیم تا ارتفاع خیلی زیاد نشود */
/*    height: 8vw; */
/*  }*/
/*}*/

/* 3. تنظیم برای دسکتاپ */
/*@media (min-width: 1024px) {*/
/*  .elementor-5632 .elementor-element.elementor-element-e6adf22 img {*/
    /* در دسکتاپ بهتر است ثابت باشد، وگرنه در مانیتورهای بزرگ عکس خیلی غول‌پیکر می‌شود */
/*    height: 70px; */
/*  }*/
/*}*/


.elementor-5632 .elementor-element.elementor-element-e6adf22 video {
  display: block;
  width: 100%;
  /* این ویژگی باعث می‌شود ویدیو مثل عکس برش بخورد و دفرمه نشود */
  object-fit: cover;
  object-position: center;

  /* --- تنظیم ارتفاع مخصوص موبایل --- */
  height: 11vw; 
}

/* 2. تنظیم برای تبلت */
@media (min-width: 768px) {
  .elementor-5632 .elementor-element.elementor-element-e6adf22 video {
    height: 8vw; 
  }
}

/* 3. تنظیم برای دسکتاپ */
@media (min-width: 1024px) {
  .elementor-5632 .elementor-element.elementor-element-e6adf22 video {
    /* ارتفاع ثابت برای مانیتورهای بزرگ */
    height: 70px; 
  }
}/* End custom CSS */