.elementor-1624 .elementor-element.elementor-element-f0839ac{--display:flex;--min-height:0px;--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-1624 .elementor-element.elementor-element-11fa8b3{--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;}.elementor-1624 .elementor-element.elementor-element-11fa8b3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1624 .elementor-element.elementor-element-1779bfe{--display:flex;--min-height:0px;--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;}.elementor-1624 .elementor-element.elementor-element-1a45818{--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-1624 .elementor-element.elementor-element-8de981f{--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;}.elementor-1624 .elementor-element.elementor-element-1a012f1{--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;}@media(max-width:767px){.elementor-1624 .elementor-element.elementor-element-1779bfe.e-con{--align-self:center;}}@media(min-width:768px){.elementor-1624 .elementor-element.elementor-element-11fa8b3{--width:48.134%;}.elementor-1624 .elementor-element.elementor-element-1779bfe{--width:50%;}.elementor-1624 .elementor-element.elementor-element-8de981f{--width:33.3333%;}.elementor-1624 .elementor-element.elementor-element-1a012f1{--width:66.6666%;}}/* Start custom CSS for container, class: .elementor-element-1779bfe *//* کانتینر قاب و ویدئو */
.mockup-wrapper {
  width: 370px;
  height: 780px;
  position: relative;
  margin: 0 auto;
}

/* ویدئو داخل صفحه موبایل */
.mockup-wrapper video {
  width: 72%;        /* کمی کوچکتر برای فیت شدن کامل */
  height: 72%;       /* کاهش ارتفاع برای اینکه وارد ناچ نشه */
  object-fit: cover;
  position: absolute;
  top: 3px;        /* این مقدار مهم! ویدئو رو پایین میاره */
  left: 14%;       /* کمی جابجایی برای مرکز شدن بهتر */
  border-radius: 38px; /* انحنا بیشتر تا گوشه‌ها مطابق موبایل شن */
  z-index: 1;
}

/* قاب موبایل روی ویدئو */
.mockup-wrapper .mockup-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 2;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0839ac */.phone-frame {
  width: 350px;
  height: 700px;
  background: url('آدرس تصویر قاب موبایل.png') no-repeat center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 65px 25px 90px 25px; /* محل دقیق صفحه را تنظیم کن */
}

.phone-frame video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}/* End custom CSS */