.elementor-311 .elementor-element.elementor-element-0f24afb{--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;--overlay-opacity:0.53;--padding-top:15%;--padding-bottom:8%;--padding-left:0%;--padding-right:0%;}.elementor-311 .elementor-element.elementor-element-0f24afb:not(.elementor-motion-effects-element-type-background), .elementor-311 .elementor-element.elementor-element-0f24afb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sjjf.sa/wp-content/uploads/2026/04/ydhfff.webp");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-311 .elementor-element.elementor-element-0f24afb::before, .elementor-311 .elementor-element.elementor-element-0f24afb > .elementor-background-video-container::before, .elementor-311 .elementor-element.elementor-element-0f24afb > .e-con-inner > .elementor-background-video-container::before, .elementor-311 .elementor-element.elementor-element-0f24afb > .elementor-background-slideshow::before, .elementor-311 .elementor-element.elementor-element-0f24afb > .e-con-inner > .elementor-background-slideshow::before, .elementor-311 .elementor-element.elementor-element-0f24afb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-311 .elementor-element.elementor-element-b18ff4d{--display:flex;}.elementor-311 .elementor-element.elementor-element-fd3bc80{--display:flex;}.elementor-widget-heading .elementor-heading-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-311 .elementor-element.elementor-element-cc160a3{text-align:center;}.elementor-311 .elementor-element.elementor-element-cc160a3 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-weight:600;color:#1E7F61;}.elementor-widget-text-editor{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-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-311 .elementor-element.elementor-element-7a297e8{text-align:center;font-family:"Tajawal", Sans-serif;font-size:19px;font-weight:400;color:#1E7F61;}.elementor-311 .elementor-element.elementor-element-ee61369{--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;--padding-top:5%;--padding-bottom:7%;--padding-left:0%;--padding-right:0%;}.elementor-311 .elementor-element.elementor-element-5a0353e{--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;--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-311 .elementor-element.elementor-element-a2f18e7{--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-311 .elementor-element.elementor-element-a2f18e7:not(.elementor-motion-effects-element-type-background), .elementor-311 .elementor-element.elementor-element-a2f18e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-311 .elementor-element.elementor-element-0bd6ce0{--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(min-width:768px){.elementor-311 .elementor-element.elementor-element-5a0353e{--content-width:1157px;}}/* Start custom CSS for html, class: .elementor-element-50f6930 *//* خط تجوال */
.vm-wrapper,
.vm-wrapper *{
  font-family: 'Tajawal', sans-serif;
}

.vm-wrapper{
  display:flex;
  gap:25px;
  justify-content:center;
  direction:rtl;
}

/* الكرت */
.vm-box{
  flex:1;
  max-width:500px;
    min-height:200px;
  padding:26px;
  border-radius:18px;

  /* 👇 خلفية خفيفة جدا */
background:rgba(255,255,255,0.04);
backdrop-filter: blur(12px);

  transition:0.3s;
}

/* الهيدر (أيقونة + عنوان جنب بعض يمين) */
.vm-header{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:flex-start; /* 👈 مهم */
  margin-bottom:12px;
}

/* العنوان */
.vm-header h3{
  color:#fff;
  font-size:21px;
  font-weight:600;
}

/* النص */
.vm-box p{
  color:#d6d6d6;
  font-size:17px;
  line-height:1.9;
  text-align:right;
}

/* الأيقونة */
.vm-icon{
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.vm-icon svg{
  width:100%;
  height:100%;
}


.vm-icon.green{
  color:#00a87d;
}


.vm-icon.red{
  color:#c6171c;
}

/* Hover ناعم */
.vm-box:hover{
  transform:translateY(-3px);
  background:rgba(20,30,30,0.5);
}
/* 🔥 تأثير إضاءة داخلية */
.vm-box{
  position:relative;
  overflow:hidden;
}

/* 🔥 خط متحرك */
.vm-box::before{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;

  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.1),
    transparent
  );

  transition:0.6s;
}

/* 🔥 يتحرك عند hover */
.vm-box:hover::before{
  left:100%;
}

/* 🔥 Glow عام */
.vm-box:hover{
  transform:translateY(-6px) scale(1.01);
}

/* 🔥 Glow أخضر */
.vm-box.vision:hover{
  box-shadow:
    0 10px 40px rgba(0,128,99,0.25),
    0 0 20px rgba(0,128,99,0.4),
    inset 0 0 20px rgba(0,128,99,0.1);
}

/* 🔥 Glow أحمر */
.vm-box.mission:hover{
  box-shadow:
    0 10px 40px rgba(198,23,28,0.25),
    0 0 20px rgba(198,23,28,0.4),
    inset 0 0 20px rgba(198,23,28,0.1);
}

/* 🔥 Border يتوهج */
.vm-box.vision{
  border:1px solid rgba(0,128,99,0.35);
}

.vm-box.vision:hover{
  border-color:#00a87d;
}

/* 🔥 نفس الشي للأحمر */
.vm-box.mission{
  border:1px solid rgba(198,23,28,0.35);
}

.vm-box.mission:hover{
  border-color:#ff3b3b;
}

/* 🔥 تكبير الأيقونة */
.vm-icon{
  transition:0.3s;
}

.vm-box:hover .vm-icon{
  transform:scale(1.15) rotate(5deg);
}

/* 🔥 النص يتفاعل */
.vm-box:hover h3{
  letter-spacing:0.5px;
}

.vm-box:hover p{
  color:#ffffff;
}
/* الجوال */
@media(max-width:768px){
  .vm-wrapper{
    flex-direction:column;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee61369 */.elementor-311 .elementor-element.elementor-element-ee61369 {
    background: radial-gradient(circle at 20% 0%, rgba(0, 255, 150, 0.15), transparent 40%), radial-gradient(circle at 100% 100%, rgba(0, 255, 150, 0.08), transparent 40%), linear-gradient(135deg, #031a1c, #062d2f);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0bd6ce0 */.elementor-311 .elementor-element.elementor-element-0bd6ce0 {
    --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;
    background: radial-gradient(circle at 20% 0%, rgba(0, 255, 150, 0.12), transparent 40%), linear-gradient(135deg, #031a1c, #062d2f);
}/* End custom CSS */