.elementor-5778 .elementor-element.elementor-element-964d88f{--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;overflow:visible;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5778 .elementor-element.elementor-element-be4e6da{width:100%;max-width:100%;}.elementor-5778 .elementor-element.elementor-element-be4e6da > .elementor-widget-container{background-image:url("https://masaruni.ae/wp-content/uploads/2025/07/Project-Management-banner-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5778 .elementor-element.elementor-element-be4e6da img{height:250px;}.elementor-widget-theme-page-title .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-5778 .elementor-element.elementor-element-cb5e65d > .elementor-widget-container{margin:30px 30px 30px 30px;}.elementor-5778 .elementor-element.elementor-element-cb5e65d .elementor-heading-title{color:#000000;}.elementor-5778 .elementor-element.elementor-element-1f7cf75{--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;overflow:visible;}.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-5778 .elementor-element.elementor-element-f5990aa{font-family:"Cairo", Sans-serif;font-weight:400;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-5778 .elementor-element.elementor-element-470ecca .elementor-heading-title{color:#000000;}.elementor-5778 .elementor-element.elementor-element-b358b99{--display:flex;overflow:visible;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-d6205dc *//* --- Masar OrgChart: Connector Refinements --- */

/* ثبّت عرض الصندوق لتتلاقى الخطوط في منتصفه تمامًا */
.mu-node{
  width:260px; max-width:260px; min-width:260px;
  margin:0; /* لا هامش خارجي يخرّب محاذاة الوصلات */
}

/* هندسة المسافات بين المستويات */
.mu-tree ul{ padding-top:36px; }                 /* مسافة فوق مجموعة الأبناء */
.mu-tree li{  padding:36px 16px; }               /* مسافة حول كل ابن */

/* خط رأسي من الأب إلى مجموعة الأبناء */
.mu-tree ul ul::before{
  top:-36px; height:36px;
  border-left:0;
  width:2px; background:linear-gradient(180deg,var(--mu-gold),var(--mu-blue));
  content:""; position:absolute; left:50%; transform:translateX(-50%); border-radius:2px;
}

/* خط أفقي يربط الأبناء ببعضهم */
.mu-tree li::before,
.mu-tree li::after{
  top:0; height:0; border-top:0; width:50%;
  content:""; position:absolute; border-radius:2px;
  background:linear-gradient(90deg,var(--mu-gold),var(--mu-blue));
}
.mu-tree li::before{ right:50%; height:2px; }
.mu-tree li::after { left: 50%; height:2px; }

/* إزالة أطراف غير لازمة لأول/آخر ابن */
.mu-tree li:first-child::before{ display:none; }
.mu-tree li:last-child::after{  display:none;  }

/* نقطة وصل صغيرة “تغطي” الحافة وتدي نعومة */
.mu-tree ul ul::after{
  content:""; position:absolute; left:50%; transform:translate(-50%,-50%);
  top:0; width:10px; height:10px; border-radius:50%;
  background:var(--mu-blue); box-shadow:0 0 0 3px #fff;  /* هالة بيضاء صغيرة حولها */
}

/* نقاط على جانبي الخط الأفقي أيضًا (تحت كل ابن) */
.mu-tree li > .mu-node::before{
  content:""; position:absolute; left:50%; transform:translate(-50%,-50%);
  top:-18px; width:8px; height:8px; border-radius:50%; background:var(--mu-gold);
  box-shadow:0 0 0 3px #fff;
}

/* سُمك ونعومة أفضل */
.mu-tree li::before, .mu-tree li::after{ border-radius:2px; }/* End custom CSS */