.elementor-10379 .elementor-element.elementor-element-23cca54{--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-10379 .elementor-element.elementor-element-e8bf4f6{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-10379 .elementor-element.elementor-element-63947dd .elementor-icon-wrapper{text-align:center;}.elementor-10379 .elementor-element.elementor-element-63947dd .elementor-icon{font-size:65px;}.elementor-10379 .elementor-element.elementor-element-63947dd .elementor-icon svg{height:65px;}.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 );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-10379 .elementor-element.elementor-element-3d29722{text-align:center;}.elementor-10379 .elementor-element.elementor-element-3d29722 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:20px;font-weight:700;line-height:1.2em;}.elementor-10379 .elementor-element.elementor-element-3d29722 .elementor-heading-title a:hover, .elementor-10379 .elementor-element.elementor-element-3d29722 .elementor-heading-title a:focus{color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-10379 .elementor-element.elementor-element-fa10288{text-align:center;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-10379 .elementor-element.elementor-element-779467a .elementor-button{background-color:var( --e-global-color-primary );border-radius:5px 5px 5px 5px;}@media(max-width:1540px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:479px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for container, class: .elementor-element-e8bf4f6 *//* استيراد الخط */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;900&display=swap');

/* 1. الحاوية الرئيسية (مع تصفير الهوامش وحماية حجم العناصر) */
.elementor-10379 .elementor-element.elementor-element-e8bf4f6 {
    --primary-color: #FFCC00;
    position: relative;
    display: flex !important;
    flex-direction: column !important; /* يرتب العناصر عمودياً */
    justify-content: center !important;
    align-items: center !important;
    padding: 30px !important; /* الهوامش الداخلية صفر تماماً */
    font-family: 'Tajawal', sans-serif !important; 
    border: 1px solid rgba(255, 204, 0, 0.1); /* حد خفيف ثابت للعنصر */
    background: transparent;
    overflow: visible;
    box-sizing: border-box !important;
}

/* 2. حماية العناصر الفعلية فقط (ويدجت أليمنتور) دون تدمير حاوية السحب والإفلات */
.elementor-10379 .elementor-element.elementor-element-e8bf4f6 > .elementor-widget {
    width: 100% !important;
    box-sizing: border-box !important;
    transition: 0.3s ease !important;
}

/* 3. النقاط الأربعة - تظهر وتختفي بنبض مستمر */
.elementor-10379 .elementor-element.elementor-element-e8bf4f6::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #000;
    border: 1px solid var(--primary-color);
    top: -3px;
    left: -3px;
    z-index: 2;
    /* توزيع النقاط عبر الظلال */
    box-shadow: 
        calc(100% + 1px) 0 0 -1px #000, 
        calc(100% + 1px) 0 0 0 var(--primary-color),
        0 calc(100% + 1px) 0 -1px #000, 
        0 calc(100% + 1px) 0 0 var(--primary-color),
        calc(100% + 1px) calc(100% + 1px) 0 -1px #000, 
        calc(100% + 1px) calc(100% + 1px) 0 0 var(--primary-color);
    
    animation: nodes-pulse 2s infinite ease-in-out;
}

/* 4. الحدود المتحركة - ترسم نفسها بشكل دائري مستمر */
.elementor-10379 .elementor-element.elementor-element-e8bf4f6::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1.5px solid var(--primary-color);
    pointer-events: none;
    animation: border-draw 3s infinite linear;
    box-sizing: border-box !important;
}

/* 5. أنيميشن رسم الحدود */
@keyframes border-draw {
    0% { clip-path: inset(0 100% 100% 0); }
    25% { clip-path: inset(0 0 100% 0); }
    50% { clip-path: inset(0 0 0 0); }
    75% { clip-path: inset(100% 0 0 0); }
    100% { clip-path: inset(100% 100% 100% 100%); }
}

/* 6. أنيميشن نبض النقاط */
@keyframes nodes-pulse {
    0%, 100% { opacity: 0.3; transform: scale(0.8); }
    50% { opacity: 1; transform: scale(1.1); }
}

/* 7. تأثير عند التحويم */
.elementor-10379 .elementor-element.elementor-element-e8bf4f6:hover {
    background-color: rgba(255, 204, 0, 0.05) !important;
}/* End custom CSS */