.elementor-746 .elementor-element.elementor-element-1b09778b{--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;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--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-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-746 .elementor-element.elementor-element-5cd63277 .elementor-image-box-wrapper{text-align:center;}.elementor-746 .elementor-element.elementor-element-5cd63277.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-746 .elementor-element.elementor-element-5cd63277.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-746 .elementor-element.elementor-element-5cd63277.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-746 .elementor-element.elementor-element-5cd63277 .elementor-image-box-title{margin-bottom:0px;font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-text );}.elementor-746 .elementor-element.elementor-element-5cd63277 .elementor-image-box-wrapper .elementor-image-box-img{width:70px;}.elementor-746 .elementor-element.elementor-element-5cd63277 .elementor-image-box-img img{height:70px;object-fit:cover;object-position:center center;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );border-radius:50%;transition-duration:0.3s;}.elementor-746 .elementor-element.elementor-element-76369877{--display:flex;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EDEDED80;--border-color:#EDEDED80;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-746 .elementor-element.elementor-element-76369877:not(.elementor-motion-effects-element-type-background), .elementor-746 .elementor-element.elementor-element-76369877 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00F0FF0D;}.elementor-746 .elementor-element.elementor-element-76369877::before, .elementor-746 .elementor-element.elementor-element-76369877 > .elementor-background-video-container::before, .elementor-746 .elementor-element.elementor-element-76369877 > .e-con-inner > .elementor-background-video-container::before, .elementor-746 .elementor-element.elementor-element-76369877 > .elementor-background-slideshow::before, .elementor-746 .elementor-element.elementor-element-76369877 > .e-con-inner > .elementor-background-slideshow::before, .elementor-746 .elementor-element.elementor-element-76369877 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-746 .elementor-element.elementor-element-79afec7a{border-radius:25px 25px 25px 25px;box-shadow:0px 0px 1px 1px rgba(255, 255, 255, 0.33);}.elementor-746 .elementor-element.elementor-element-79afec7a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-746 .elementor-element.elementor-element-79afec7a .elementor-custom-embed-play i{color:var( --e-global-color-text );font-size:50px;}.elementor-746 .elementor-element.elementor-element-79afec7a .elementor-custom-embed-play svg{fill:var( --e-global-color-text );width:50px;height:50px;}@media(max-width:767px){.elementor-746 .elementor-element.elementor-element-5cd63277 .elementor-image-box-img{margin-bottom:0px;}}/* Start custom CSS for container, class: .elementor-element-1b09778b *//* Container context */
.box-prob {
  position: relative;
  cursor: pointer;
}

/* Target Elementor play button wrapper or custom .icon-sp */
.box-prob .elementor-custom-embed-play,
.box-prob .icon-sp {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  
  /* STATIC PURPLE BACKGROUND */
  background-color: #C03DFF !important;
  z-index: 2;
}

/* Outer Spinning Border Ring Only */
.box-prob .elementor-custom-embed-play::before,
.box-prob .icon-sp::before {
  content: "";
  position: absolute;
  inset: -2px; /* Outer border thickness */
  border-radius: 50%;
  padding: 5px; /* Border line width */
  
  /* Gradient combining #C03DFF & #00F0FF */
  background: conic-gradient(
    from 0deg,
    transparent 0%,
    #C03DFF 35%,
    #00F0FF 70%,
    transparent 100%
  );

  /* Clip out the center so the gradient ONLY appears on the outer border ring */
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;

  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: -1;
}

/* Hover: Fade in & continuous spin of outer border ONLY */
.box-prob:hover .elementor-custom-embed-play::before,
.box-prob:hover .icon-sp::before {
  opacity: 1;
  animation: spinRing 0.6s linear infinite;
}

/* Ensure play arrow / icon stays visible and white on top */
.box-prob .elementor-custom-embed-play i,
.box-prob .elementor-custom-embed-play svg,
.box-prob .icon-sp i,
.box-prob .icon-sp svg {
  position: relative;
  z-index: 3;
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Continuous rotation keyframes */
@keyframes spinRing {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}/* End custom CSS */