.elementor-16291417 .elementor-element.elementor-element-2ca51f2{--display:flex;--min-height:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16291417 .elementor-element.elementor-element-2ca51f2:not(.elementor-motion-effects-element-type-background), .elementor-16291417 .elementor-element.elementor-element-2ca51f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-16291417 .elementor-element.elementor-element-2ca51f2, .elementor-16291417 .elementor-element.elementor-element-2ca51f2::before{--border-transition:0.3s;}.elementor-16291417 .elementor-element.elementor-element-8f1da05 > .elementor-widget-container{padding:020px 0px 0px 0px;}.elementor-16291417 .elementor-element.elementor-element-df9d628 > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-16291417 .elementor-element.elementor-element-8f1da05 .elementor-heading-title{font-size:11px;}.elementor-16291417 .elementor-element.elementor-element-8f1da05 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-16291417 .elementor-element.elementor-element-df9d628 > .elementor-widget-container{margin:-30px 0px 0px 0px;}}@media(min-width:768px){.elementor-16291417 .elementor-element.elementor-element-2ca51f2{--content-width:1600px;}}/* Start custom CSS for heading, class: .elementor-element-8f1da05 *//* المان بالا همیشه در لایه بالاتر بماند */
.vv-guard{
  position: relative;
  z-index: 10 !important;
}

/* المان پایین بالا کشیده می‌شود، اما زیر المان بالا می‌ماند */
.vv-pull-up{
  position: relative;
  z-index: 1 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-df9d628 *//* صندوق واکنش‌گرا برای iframe در المنتور */
.iframe-wrap-student {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  /* نسبت پیش‌فرض اگر چیزی تعیین نشود */
  aspect-ratio: 16 / 8;
}

/* خود iframe تمام کادر را پر کند */
.iframe-wrap-student > iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* نسبت‌های آماده (در صورت نیاز یکی را روی والد اضافه کنید) */
.iframe-wrap-student.ratio-21x9 { aspect-ratio: 21 / 9; }
.iframe-wrap-student.ratio-16x9 { aspect-ratio: 16 / 9; }
.iframe-wrap-student.ratio-4x3  { aspect-ratio: 4 / 3; }
.iframe-wrap-student.ratio-1x1  { aspect-ratio: 1 / 1; }

/* حداقل ارتفاع برای صفحات بسیار باریک (موبایل) */
@media (max-width: 480px) {
  .iframe-wrap-student { min-height: 570px; }
}

/* حالت «ارتفاع خودکار با پیام» (اختیاری: اگر اسکریپت autoheight را فعال کردید) */
.iframe-wrap-student.autoheight {
  aspect-ratio: auto;       /* نسبت را بردار؛ ارتفاع با JS ست می‌شود */
  min-height: 200px;        /* fallback اولیه تا دریافت پیام */
}
.iframe-wrap-student.autoheight > iframe {
  position: static;         /* اجازهٔ افزایش ارتفاع */
  height: 100%;             /* با JS روی والد مقداردهی می‌شود */
}/* End custom CSS */