.elementor-3388 .elementor-element.elementor-element-2dfe4b21{--display:flex;--min-height:0vh;--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;--justify-content:center;--align-items:center;--gap:35px 20px;--row-gap:35px;--column-gap:20px;--flex-wrap:wrap;--overlay-opacity:0.75;--padding-top:230px;--padding-bottom:300px;--padding-left:15px;--padding-right:15px;}.elementor-3388 .elementor-element.elementor-element-2dfe4b21:not(.elementor-motion-effects-element-type-background), .elementor-3388 .elementor-element.elementor-element-2dfe4b21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://motioncontrol.com.sa/wp-content/uploads/2025/10/22DW.png");background-repeat:no-repeat;background-size:cover;}.elementor-3388 .elementor-element.elementor-element-2dfe4b21::before, .elementor-3388 .elementor-element.elementor-element-2dfe4b21 > .elementor-background-video-container::before, .elementor-3388 .elementor-element.elementor-element-2dfe4b21 > .e-con-inner > .elementor-background-video-container::before, .elementor-3388 .elementor-element.elementor-element-2dfe4b21 > .elementor-background-slideshow::before, .elementor-3388 .elementor-element.elementor-element-2dfe4b21 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3388 .elementor-element.elementor-element-2dfe4b21 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 0%, #E3AC0E 200%);}.elementor-3388 .elementor-element.elementor-element-37d1a5d5{width:100%;max-width:100%;}.elementor-3388 .elementor-element.elementor-element-37d1a5d5 .ekit-heading__description{max-width:800px;}.elementor-3388 .elementor-element.elementor-element-37d1a5d5 .elementskit-section-title-wraper .elementskit-section-title{color:#ffffff;text-shadow:0px 0px 10px rgba(0,0,0,0.3);font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:64px;font-weight:500;line-height:85px;}.elementor-3388 .elementor-element.elementor-element-37d1a5d5 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-3388 .elementor-element.elementor-element-37d1a5d5 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-3388 .elementor-element.elementor-element-37d1a5d5 .elementskit-section-title-wraper .elementskit-section-subtitle{color:#ffb923;font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:16px;font-weight:300;}.elementor-3388 .elementor-element.elementor-element-37d1a5d5 .elementskit-section-title-wraper p{color:#d3d3d3;font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:16px;font-weight:300;}.elementor-3388 .elementor-element.elementor-element-37bab845:not(.elementor-motion-effects-element-type-background), .elementor-3388 .elementor-element.elementor-element-37bab845 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://motioncontrol.com.sa/wp-content/uploads/2025/10/road-pattern.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3388 .elementor-element.elementor-element-37bab845{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-3388 .elementor-element.elementor-element-37bab845 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3388 .elementor-element.elementor-element-532d5bf0{--divider-border-style:multiple;--divider-color:#E8AD4E;--divider-pattern-height:18px;}.elementor-3388 .elementor-element.elementor-element-532d5bf0 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-532d5bf0 .elementor-divider-separator{width:190px;margin:0 auto;margin-center:0;}.elementor-3388 .elementor-element.elementor-element-532d5bf0 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-3388 .elementor-element.elementor-element-8fa9f40 > .elementor-container{max-width:900px;}.elementor-3388 .elementor-element.elementor-element-8fa9f40{padding:20px 0px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-86224ff:hover > .elementor-element-populated{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;box-shadow:-20px 20px 25px 5px rgba(0, 0, 0, 0.15);}.elementor-3388 .elementor-element.elementor-element-86224ff > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DDDDDD;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 5px 0px 0px;--e-column-margin-right:5px;--e-column-margin-left:0px;padding:25px 25px 25px 25px;}.elementor-3388 .elementor-element.elementor-element-86224ff > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3388 .elementor-element.elementor-element-4ee0628 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-3388 .elementor-element.elementor-element-4ee0628 .elementor-icon-box-title{margin-block-end:0px;color:#000000;}.elementor-3388 .elementor-element.elementor-element-4ee0628.elementor-view-stacked .elementor-icon{background-color:#E8AC4E;}.elementor-3388 .elementor-element.elementor-element-4ee0628.elementor-view-framed .elementor-icon, .elementor-3388 .elementor-element.elementor-element-4ee0628.elementor-view-default .elementor-icon{fill:#E8AC4E;color:#E8AC4E;border-color:#E8AC4E;}.elementor-3388 .elementor-element.elementor-element-4ee0628 .elementor-icon{font-size:25px;}.elementor-3388 .elementor-element.elementor-element-4ee0628 .elementor-icon-box-title, .elementor-3388 .elementor-element.elementor-element-4ee0628 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-3388 .elementor-element.elementor-element-4ee0628 .elementor-icon-box-description{font-size:15px;font-weight:500;color:#8C8C8C;}.elementor-3388 .elementor-element.elementor-element-5167f13:hover > .elementor-element-populated{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;box-shadow:-20px 20px 25px 5px rgba(0, 0, 0, 0.15);}.elementor-3388 .elementor-element.elementor-element-5167f13 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DDDDDD;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 6px 0px 5px;--e-column-margin-right:6px;--e-column-margin-left:5px;padding:25px 25px 25px 25px;}.elementor-3388 .elementor-element.elementor-element-5167f13 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3388 .elementor-element.elementor-element-ac639d6 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-3388 .elementor-element.elementor-element-ac639d6 .elementor-icon-box-title{margin-block-end:0px;color:#000000;}.elementor-3388 .elementor-element.elementor-element-ac639d6.elementor-view-stacked .elementor-icon{background-color:#E8AC4E;}.elementor-3388 .elementor-element.elementor-element-ac639d6.elementor-view-framed .elementor-icon, .elementor-3388 .elementor-element.elementor-element-ac639d6.elementor-view-default .elementor-icon{fill:#E8AC4E;color:#E8AC4E;border-color:#E8AC4E;}.elementor-3388 .elementor-element.elementor-element-ac639d6 .elementor-icon{font-size:25px;}.elementor-3388 .elementor-element.elementor-element-ac639d6 .elementor-icon-box-title, .elementor-3388 .elementor-element.elementor-element-ac639d6 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-3388 .elementor-element.elementor-element-ac639d6 .elementor-icon-box-description{font-size:15px;font-weight:500;color:#8C8C8C;}.elementor-3388 .elementor-element.elementor-element-7d2aa70:hover > .elementor-element-populated{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;box-shadow:-20px 20px 25px 5px rgba(0, 0, 0, 0.15);}.elementor-3388 .elementor-element.elementor-element-7d2aa70 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DDDDDD;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 5px;--e-column-margin-right:0px;--e-column-margin-left:5px;padding:25px 25px 25px 25px;}.elementor-3388 .elementor-element.elementor-element-7d2aa70 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3388 .elementor-element.elementor-element-39a445d .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-3388 .elementor-element.elementor-element-39a445d .elementor-icon-box-title{margin-block-end:0px;color:#000000;}.elementor-3388 .elementor-element.elementor-element-39a445d.elementor-view-stacked .elementor-icon{background-color:#E8AC4E;}.elementor-3388 .elementor-element.elementor-element-39a445d.elementor-view-framed .elementor-icon, .elementor-3388 .elementor-element.elementor-element-39a445d.elementor-view-default .elementor-icon{fill:#E8AC4E;color:#E8AC4E;border-color:#E8AC4E;}.elementor-3388 .elementor-element.elementor-element-39a445d .elementor-icon{font-size:25px;}.elementor-3388 .elementor-element.elementor-element-39a445d .elementor-icon-box-title, .elementor-3388 .elementor-element.elementor-element-39a445d .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-3388 .elementor-element.elementor-element-39a445d .elementor-icon-box-description{font-size:15px;font-weight:500;color:#8C8C8C;}.elementor-3388 .elementor-element.elementor-element-49aece0d > .elementor-container{max-width:900px;}.elementor-3388 .elementor-element.elementor-element-49aece0d{padding:30px 0px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-1e6b090f > .elementor-element-populated{padding:0px 10px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-168aacd iframe{height:684px;}.elementor-3388 .elementor-element.elementor-element-6454a462 > .elementor-element-populated{padding:0px 0px 0px 10px;}.elementor-3388 .elementor-element.elementor-element-427dcdc1 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-3388 .elementor-element.elementor-element-427dcdc1 .premium-cf7-container .wpcf7-form label, .elementor-3388 .elementor-element.elementor-element-427dcdc1 .premium-cf7-container .wpcf7-form .wpcf7-quiz-label{display:inline-block;}.elementor-3388 .elementor-element.elementor-element-427dcdc1 .premium-cf-head{align-items:center;}.elementor-3388 .elementor-element.elementor-element-427dcdc1 .premium-cf7-container input.wpcf7-submit{background-color:#E8AD4E;}.elementor-3388 .elementor-element.elementor-element-427dcdc1 .premium-cf7-container input.wpcf7-submit:hover{color:#FFFFFF;background-color:#000000;}.elementor-3388 .elementor-element.elementor-element-2338b7e{--display:flex;--min-height:328px;--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-3388 .elementor-element.elementor-element-2338b7e > .elementor-shape-bottom svg, .elementor-3388 .elementor-element.elementor-element-2338b7e > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:0px;}.elementor-3388 .elementor-element.elementor-element-5210502.elementor-element{--align-self:center;}.elementor-3388 .elementor-element.elementor-element-5210502 iframe{height:380px;}.elementor-3388 .elementor-element.elementor-element-5529f13{--display:flex;}.elementor-3388 .elementor-element.elementor-element-5473a64{--divider-border-style:multiple;--divider-color:#FFB923;--divider-pattern-height:20px;}.elementor-3388 .elementor-element.elementor-element-5473a64 .elementor-divider-separator{width:100%;}.elementor-3388 .elementor-element.elementor-element-5473a64 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}body.elementor-page-3388:not(.elementor-motion-effects-element-type-background), body.elementor-page-3388 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://motioncontrol.com.sa/wp-content/uploads/2021/06/shape-3.png");background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3388 .elementor-element.elementor-element-2dfe4b21{--padding-top:100px;--padding-bottom:228px;--padding-left:15px;--padding-right:15px;}.elementor-3388 .elementor-element.elementor-element-37d1a5d5 .elementskit-section-title-wraper .elementskit-section-title{font-size:40px;}.elementor-3388 .elementor-element.elementor-element-86224ff > .elementor-element-populated{padding:20px 13px 20px 13px;}.elementor-3388 .elementor-element.elementor-element-4ee0628 .elementor-icon-box-title, .elementor-3388 .elementor-element.elementor-element-4ee0628 .elementor-icon-box-title a{font-size:18px;}.elementor-3388 .elementor-element.elementor-element-4ee0628 .elementor-icon-box-description{font-size:14px;}.elementor-3388 .elementor-element.elementor-element-5167f13 > .elementor-element-populated{padding:20px 13px 20px 13px;}.elementor-3388 .elementor-element.elementor-element-ac639d6 .elementor-icon-box-title, .elementor-3388 .elementor-element.elementor-element-ac639d6 .elementor-icon-box-title a{font-size:18px;}.elementor-3388 .elementor-element.elementor-element-ac639d6 .elementor-icon-box-description{font-size:14px;}.elementor-3388 .elementor-element.elementor-element-7d2aa70 > .elementor-element-populated{padding:20px 13px 20px 13px;}.elementor-3388 .elementor-element.elementor-element-39a445d .elementor-icon-box-title, .elementor-3388 .elementor-element.elementor-element-39a445d .elementor-icon-box-title a{font-size:18px;}.elementor-3388 .elementor-element.elementor-element-39a445d .elementor-icon-box-description{font-size:14px;}}@media(max-width:767px){.elementor-3388 .elementor-element.elementor-element-2dfe4b21{--gap:20px 14px;--row-gap:20px;--column-gap:14px;}.elementor-3388 .elementor-element.elementor-element-2dfe4b21:not(.elementor-motion-effects-element-type-background), .elementor-3388 .elementor-element.elementor-element-2dfe4b21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-3388 .elementor-element.elementor-element-37d1a5d5 > .elementor-widget-container{margin:0px 0px -130px 0px;padding:40px 0px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-37d1a5d5 .elementskit-section-title-wraper .elementskit-section-title{margin:15px 0px 10px 0px;font-size:30px;line-height:40px;}.elementor-3388 .elementor-element.elementor-element-37d1a5d5 .elementskit-section-title-wraper .elementskit-section-subtitle{margin:0px 0px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-37d1a5d5 .elementskit-section-title-wraper p{font-size:11px;}.elementor-3388 .elementor-element.elementor-element-8fa9f40 > .elementor-container{max-width:855px;}.elementor-3388 .elementor-element.elementor-element-8fa9f40{padding:30px 0px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-86224ff > .elementor-element-populated{margin:0px 0px 15px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:35px 25px 35px 25px;}.elementor-3388 .elementor-element.elementor-element-4ee0628 .elementor-icon-box-title, .elementor-3388 .elementor-element.elementor-element-4ee0628 .elementor-icon-box-title a{font-size:22px;}.elementor-3388 .elementor-element.elementor-element-4ee0628 .elementor-icon-box-description{font-size:16px;}.elementor-3388 .elementor-element.elementor-element-5167f13 > .elementor-element-populated{margin:0px 0px 15px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:35px 25px 35px 25px;}.elementor-3388 .elementor-element.elementor-element-ac639d6 .elementor-icon-box-title, .elementor-3388 .elementor-element.elementor-element-ac639d6 .elementor-icon-box-title a{font-size:22px;}.elementor-3388 .elementor-element.elementor-element-ac639d6 .elementor-icon-box-description{font-size:16px;}.elementor-3388 .elementor-element.elementor-element-7d2aa70 > .elementor-element-populated{margin:0px 0px 15px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:35px 25px 35px 25px;}.elementor-3388 .elementor-element.elementor-element-39a445d .elementor-icon-box-title, .elementor-3388 .elementor-element.elementor-element-39a445d .elementor-icon-box-title a{font-size:22px;}.elementor-3388 .elementor-element.elementor-element-39a445d .elementor-icon-box-description{font-size:16px;}.elementor-3388 .elementor-element.elementor-element-49aece0d{padding:0px 0px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-1e6b090f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-6454a462 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-427dcdc1 > .elementor-widget-container{margin:0px 0px -20px 0px;padding:50px 0px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-2338b7e{--margin-top:-45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-3388 .elementor-element.elementor-element-2dfe4b21{--content-width:1200px;}.elementor-3388 .elementor-element.elementor-element-2338b7e{--content-width:1600px;}}@media(min-width:1025px){.elementor-3388 .elementor-element.elementor-element-2dfe4b21:not(.elementor-motion-effects-element-type-background), .elementor-3388 .elementor-element.elementor-element-2dfe4b21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}body.elementor-page-3388:not(.elementor-motion-effects-element-type-background), body.elementor-page-3388 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS *//* البطاقة الأساسية بخلفية جرانيت */
.step-card{
  position:relative;
  background:url('YOUR-GRANITE-IMAGE.jpg') center/cover no-repeat;
  padding:28px 22px;
border:1px solid #E9BC28;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  overflow:visible;
  /* ✨ هنا نخلي التحريك يشمل clip-path */
  transition:transform .25s ease, box-shadow .25s ease, clip-path .4s ease;
  --notch: 0px; /* افتراضياً مستطيل بدون سن */
  clip-path: polygon(
    0 0,100% 0,
    100% calc(100% - var(--notch)),
    50% 100%,
    0 calc(100% - var(--notch))
  );
}

/* طبقة التلوين (التنت) */
.step-card::before{
  content:"";
  position:absolute; inset:0;
  background:transparent;
  transition:background .25s ease, clip-path .4s ease;
  z-index:0;
  clip-path:inherit;
}

/* المحتوى */
.step-card .elementor-image-box-wrapper{
  position:relative; z-index:1;
}

/* اللوقو */
.step-card img{
  transition:filter .25s ease, transform .25s ease;
}

/* النصوص */
.step-card .elementor-image-box-title,
.step-card .elementor-image-box-description,
.step-card .elementor-image-box-content h3,
.step-card .elementor-image-box-content p{
  color:#1c1f2a;
  transition:color .25s ease;
}

/* الهوفر / اللمس */
.step-card:hover,
.step-card.is-touch{
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  transform:translateY(-3px);
  --notch: 50px; /* ✨ هنا يظهر المثلث كأنه ينفتح */
}

.step-card:hover::before,
.step-card.is-touch::before{
  background:rgba(233,188,40,.88); /* #E9BC28 */
}

.step-card:hover img,
.step-card.is-touch img{
  filter:brightness(0) invert(1);
}

.step-card:hover .elementor-image-box-title,
.step-card:hover .elementor-image-box-description,
.step-card:hover .elementor-image-box-content h3,
.step-card:hover .elementor-image-box-content p,
.step-card.is-touch .elementor-image-box-title,
.step-card.is-touch .elementor-image-box-description,
.step-card.is-touch .elementor-image-box-content h3,
.step-card.is-touch .elementor-image-box-content p{
  color:#fff !important;
}

.step-card{
  will-change: clip-path, transform;        /* يسهّل على المتصفح */
  backface-visibility: hidden;              /* يمنع الرجفة */
  transition: transform .25s ease, box-shadow .25s ease, clip-path .4s ease;
}
@media (prefers-reduced-motion: reduce){
  .step-card{ transition: none; }
  .step-card::before{ transition: none; }
}

/* لو البطاقة داخلها لينك رئيسي */
.step-card:focus-within{
  outline: 2px solid rgba(233,188,40,.65);
  outline-offset: 2px;
  transform: translateY(-3px);
  --notch: 50px; /* نفس فتح المثلث بالهوفر */
}/* End custom CSS */