.elementor-6959 .elementor-element.elementor-element-2ecb2da{--display:flex;--min-height:735px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:60px;--margin-bottom:160px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-6959 .elementor-element.elementor-element-2ecb2da.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6959 .elementor-element.elementor-element-0790a02{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-70e72ab{animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-6959 .elementor-element.elementor-element-70e72ab .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-6959 .elementor-element.elementor-element-70e72ab .aux-modern-heading-primary{font-family:"dgshamael-black", Sans-serif;font-size:41px;font-weight:400;text-transform:capitalize;color:var( --e-global-color-fffbde6 );margin:0px 0px -10px 0px;}.elementor-6959 .elementor-element.elementor-element-70e72ab .aux-modern-heading-secondary .aux-head-highlight{font-family:"dgshamael-regular", Sans-serif;font-size:22px;font-weight:bold;text-transform:capitalize;letter-spacing:-1.2px;color:var( --e-global-color-primary );text-shadow:0px 0px 10px rgba(0,0,0,0.3);}@media(min-width:768px){.elementor-6959 .elementor-element.elementor-element-2ecb2da{--content-width:606px;}}@media(max-width:1024px){.elementor-6959 .elementor-element.elementor-element-70e72ab .aux-modern-heading-primary{font-size:30px;}.elementor-6959 .elementor-element.elementor-element-70e72ab .aux-modern-heading-secondary .aux-head-highlight{font-size:25px;}}@media(max-width:767px){.elementor-6959 .elementor-element.elementor-element-70e72ab .aux-modern-heading-primary{font-size:22px;}.elementor-6959 .elementor-element.elementor-element-70e72ab .aux-modern-heading-secondary .aux-head-highlight{font-size:10px;}}/* Start custom CSS for html, class: .elementor-element-395288d */<div class="video-wrapper">
  <!-- الفيديو -->
  <iframe src="https://player.vimeo.com/video/1112074851?loop=0&autoplay=0&title=0&byline=0&portrait=0"
    frameborder="0"
    allow="autoplay; fullscreen; picture-in-picture"
    allowfullscreen>
  </iframe>

  <!-- زرار Play دهبي -->
  <div class="custom-play-btn">
    <i class="fas fa-play"></i>
  </div>
</div>

<style>
/* خلفية الفيديو */
.video-wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background: #000;
  aspect-ratio: 16/9;
  overflow: hidden;
}

/* iframe */
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* زرار Play دهبي مفرغ */
.custom-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid #FFD700; /* إطار دهبي */
  border-radius: 50%;
  padding: 22px;
  background: transparent;
  cursor: pointer;
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.6);
  z-index: 2;
}

/* أيقونة السهم */
.custom-play-btn i {
  font-size: 28px;
  color: #FFD700;
  transition: transform 0.3s ease-in-out, color 0.3s;
}

/* عند المرور الماوس */
.custom-play-btn:hover i {
  transform: scale(1.3);
  color: #fff;
}

/* موجات دهبية متحركة */
.custom-play-btn::before,
.custom-play-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;/* End custom CSS */