.elementor-10222 .elementor-element.elementor-element-b8d9cfc{--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;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10222 .elementor-element.elementor-element-b8d9cfc:not(.elementor-motion-effects-element-type-background), .elementor-10222 .elementor-element.elementor-element-b8d9cfc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242424;}.elementor-10222 .elementor-element.elementor-element-48304e6{--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-widget-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 );line-height:var( --e-global-typography-text-line-height );}.elementor-10222 .elementor-element.elementor-element-ab13b5e > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-10222 .elementor-element.elementor-element-ab13b5e img{width:75%;}.elementor-10222 .elementor-element.elementor-element-28edcb8{--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;--justify-content:center;}.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-10222 .elementor-element.elementor-element-f6d6280{color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{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 );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-10222 .elementor-element.elementor-element-2e03075 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-10222 .elementor-element.elementor-element-2e03075 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-10222 .elementor-element.elementor-element-2e03075 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-10222 .elementor-element.elementor-element-2e03075 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-10222 .elementor-element.elementor-element-2e03075 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-10222 .elementor-element.elementor-element-2e03075 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF;}.elementor-10222 .elementor-element.elementor-element-2e03075 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF;}.elementor-10222 .elementor-element.elementor-element-2e03075 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-10222 .elementor-element.elementor-element-2e03075 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-10222 .elementor-element.elementor-element-2e03075{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-10222 .elementor-element.elementor-element-2e03075 .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-10222 .elementor-element.elementor-element-2e03075 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-10222 .elementor-element.elementor-element-2e03075 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-primary );}.elementor-10222 .elementor-element.elementor-element-cd15655{--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;}.elementor-10222 .elementor-element.elementor-element-4fae953{--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-10222 .elementor-element.elementor-element-4fae953:not(.elementor-motion-effects-element-type-background), .elementor-10222 .elementor-element.elementor-element-4fae953 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242424;}.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-10222 .elementor-element.elementor-element-375de81 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:22px;font-weight:700;line-height:1.2em;}.elementor-10222 .elementor-element.elementor-element-3c29742{--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:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10222 .elementor-element.elementor-element-3c29742:not(.elementor-motion-effects-element-type-background), .elementor-10222 .elementor-element.elementor-element-3c29742 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242424;}.elementor-10222 .elementor-element.elementor-element-88acc01{--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-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 );line-height:var( --e-global-typography-primary-line-height );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 );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-10222 .elementor-element.elementor-element-cd3592c .elementor-image-box-title{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;}.elementor-10222 .elementor-element.elementor-element-ff5be5b{--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-10222 .elementor-element.elementor-element-f03a2d7 .elementor-image-box-title{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;}.elementor-10222 .elementor-element.elementor-element-08b324c{--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-10222 .elementor-element.elementor-element-6e54faf .elementor-image-box-title{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;}.elementor-10222 .elementor-element.elementor-element-5271ea7{--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-10222 .elementor-element.elementor-element-eb54a85 .elementor-image-box-title{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;}.elementor-10222 .elementor-element.elementor-element-cc9d4e3{--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;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10222 .elementor-element.elementor-element-cc9d4e3:not(.elementor-motion-effects-element-type-background), .elementor-10222 .elementor-element.elementor-element-cc9d4e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242424;}.elementor-10222 .elementor-element.elementor-element-88d12af .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:22px;font-weight:700;line-height:1.2em;}.elementor-10222 .elementor-element.elementor-element-afb97cc{--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:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10222 .elementor-element.elementor-element-afb97cc:not(.elementor-motion-effects-element-type-background), .elementor-10222 .elementor-element.elementor-element-afb97cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242424;}.elementor-10222 .elementor-element.elementor-element-675cbd4{--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-10222 .elementor-element.elementor-element-e29a384 .elementor-image-box-title{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;}.elementor-10222 .elementor-element.elementor-element-9e620a2{--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-10222 .elementor-element.elementor-element-94b3f6c .elementor-image-box-title{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;}.elementor-10222 .elementor-element.elementor-element-1e99405{--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-10222 .elementor-element.elementor-element-85168a0 .elementor-image-box-title{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;}.elementor-10222 .elementor-element.elementor-element-f0b01ad{--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-10222 .elementor-element.elementor-element-ae533f7 .elementor-image-box-title{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;}.elementor-10222 .elementor-element.elementor-element-b21a763{--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:50px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-10222 .elementor-element.elementor-element-b21a763:not(.elementor-motion-effects-element-type-background), .elementor-10222 .elementor-element.elementor-element-b21a763 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242424;}.elementor-10222 .elementor-element.elementor-element-b6cab8c{--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;--justify-content:center;}.elementor-10222 .elementor-element.elementor-element-44a1dd4 > .elementor-widget-container{padding:0px 0px 0px 30px;}.elementor-10222 .elementor-element.elementor-element-44a1dd4{text-align:start;color:#FFFFFF;}.elementor-10222 .elementor-element.elementor-element-8a6c55c{--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;--justify-content:center;}.elementor-10222 .elementor-element.elementor-element-aa0a735 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-10222 .elementor-element.elementor-element-aa0a735 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-10222 .elementor-element.elementor-element-aa0a735 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-10222 .elementor-element.elementor-element-aa0a735 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-10222 .elementor-element.elementor-element-aa0a735 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-10222 .elementor-element.elementor-element-aa0a735 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF;}.elementor-10222 .elementor-element.elementor-element-aa0a735 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF;}.elementor-10222 .elementor-element.elementor-element-aa0a735 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-10222 .elementor-element.elementor-element-aa0a735 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-10222 .elementor-element.elementor-element-aa0a735{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-10222 .elementor-element.elementor-element-aa0a735 .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-10222 .elementor-element.elementor-element-aa0a735 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-10222 .elementor-element.elementor-element-aa0a735 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-primary );}.elementor-10222 .elementor-element.elementor-element-31ffd2e{--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-10222 .elementor-element.elementor-element-31ffd2e:not(.elementor-motion-effects-element-type-background), .elementor-10222 .elementor-element.elementor-element-31ffd2e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242424;}.elementor-10222 .elementor-element.elementor-element-4568b7d{--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;--justify-content:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 0px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;border-color:#B8B8B8;--border-color:#B8B8B8;--border-radius:0px 10px 10px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:6px;--padding-right:50px;}.elementor-10222 .elementor-element.elementor-element-4568b7d:not(.elementor-motion-effects-element-type-background), .elementor-10222 .elementor-element.elementor-element-4568b7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-10222 .elementor-element.elementor-element-e5ef640{color:#FFFFFF;}.elementor-10222 .elementor-element.elementor-element-d76269a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 0px 1px 1px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:1px;border-color:#B8B8B8;--border-color:#B8B8B8;--border-radius:10px 0px 0px 10px;}.elementor-10222 .elementor-element.elementor-element-d76269a:not(.elementor-motion-effects-element-type-background), .elementor-10222 .elementor-element.elementor-element-d76269a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:480px){.elementor-10222 .elementor-element.elementor-element-48304e6{--width:33.3333%;}.elementor-10222 .elementor-element.elementor-element-28edcb8{--width:66.6666%;}.elementor-10222 .elementor-element.elementor-element-88acc01{--width:25%;}.elementor-10222 .elementor-element.elementor-element-ff5be5b{--width:25%;}.elementor-10222 .elementor-element.elementor-element-08b324c{--width:25%;}.elementor-10222 .elementor-element.elementor-element-5271ea7{--width:25%;}.elementor-10222 .elementor-element.elementor-element-675cbd4{--width:25%;}.elementor-10222 .elementor-element.elementor-element-9e620a2{--width:25%;}.elementor-10222 .elementor-element.elementor-element-1e99405{--width:25%;}.elementor-10222 .elementor-element.elementor-element-f0b01ad{--width:25%;}.elementor-10222 .elementor-element.elementor-element-b6cab8c{--width:40%;}.elementor-10222 .elementor-element.elementor-element-8a6c55c{--width:60%;}.elementor-10222 .elementor-element.elementor-element-4568b7d{--width:66.6666%;}.elementor-10222 .elementor-element.elementor-element-d76269a{--width:33.3333%;}}@media(max-width:1540px){.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image-box .elementor-image-box-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image-box .elementor-image-box-description{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image-box .elementor-image-box-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image-box .elementor-image-box-description{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:479px){.elementor-10222 .elementor-element.elementor-element-b8d9cfc{--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-10222 .elementor-element.elementor-element-ab13b5e{width:100%;max-width:100%;}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{line-height:var( --e-global-typography-text-line-height );}.elementor-10222 .elementor-element.elementor-element-cd15655{--flex-wrap:nowrap;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image-box .elementor-image-box-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image-box .elementor-image-box-description{line-height:var( --e-global-typography-text-line-height );}.elementor-10222 .elementor-element.elementor-element-b21a763{--content-width:95%;}.elementor-10222 .elementor-element.elementor-element-44a1dd4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-10222 .elementor-element.elementor-element-aa0a735{--icon-vertical-align:flex-start;--icon-vertical-offset:5px;}.elementor-10222 .elementor-element.elementor-element-4568b7d{border-width:1px 1px 0px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;--border-radius:0px 0px 0px 0px;--padding-top:15px;--padding-bottom:0px;--padding-left:5px;--padding-right:15px;}.elementor-10222 .elementor-element.elementor-element-e5ef640{text-align:center;}.elementor-10222 .elementor-element.elementor-element-d76269a{border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:0px 0px 0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-375de81 *//* استيراد الخط */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@900&display=swap');

/* تنسيق الحاوية الرئيسية */
.elementor-10222 .elementor-element.elementor-element-375de81 {
    --primary: #FFCC00;
    text-align: center;
    padding: 10px 0 10px 0;
    position: relative;
    direction: rtl;
    overflow: visible !important; /* لضمان ظهور الزوايا والخطوط */
}

/* العنوان الرئيسي - استخدام تحديد دقيق */
.elementor-10222 .elementor-element.elementor-element-375de81 h2.elementor-heading-title {
    font-family: 'Tajawal', sans-serif !important;
    color: #ffffff !important;
     
    font-weight: 900 !important;
    margin: 0 !important;
    display: inline-block;
    position: relative;
    padding: 10px 45px !important;
    z-index: 2;
}

/* الخطوط الجانبية - محصورة بـ .elementor-10222 .elementor-element.elementor-element-375de81 */
.elementor-10222 .elementor-element.elementor-element-375de81::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--primary), transparent);
    opacity: 0.3;
    z-index: 1;
    pointer-events: none;
}

/* الأركان الهندسية - ربطها بالعنوان مباشرة */
.elementor-10222 .elementor-element.elementor-element-375de81 h2.elementor-heading-title::before, 
.elementor-10222 .elementor-element.elementor-element-375de81 h2.elementor-heading-title::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border: 2px solid var(--primary);
    transition: all 0.5s ease;
}

.elementor-10222 .elementor-element.elementor-element-375de81 h2.elementor-heading-title::before {
    top: 0;
    right: 0;
    border-bottom: none !important;
    border-left: none !important;
}

.elementor-10222 .elementor-element.elementor-element-375de81 h2.elementor-heading-title::after {
    bottom: 0;
    left: 0;
    border-top: none !important;
    border-right: none !important;
}

/* تصحيح النقطة التقنية لتعمل على هذا الويدجت فقط */
.elementor-10222 .elementor-element.elementor-element-375de81 .elementor-widget-container::after {
    content: '◈';
    color: var(--primary);
    font-size: 1.2rem;
    display: block;
    margin-top: 15px;
    opacity: 0.8;
    animation: glow-pulse 2s infinite ease-in-out;
}

/* الأنيميشن والتفاعل */
.elementor-10222 .elementor-element.elementor-element-375de81:hover h2.elementor-heading-title::before,
.elementor-10222 .elementor-element.elementor-element-375de81:hover h2.elementor-heading-title::after {
    width: 100%;
    height: 100%;
    opacity: 0.2;
}

@keyframes glow-pulse {
    0%, 100% { opacity: 0.4; transform: scale(0.9); text-shadow: 0 0 0px var(--primary); }
    50% { opacity: 1; transform: scale(1.1); text-shadow: 0 0 10px var(--primary); }
}

/* استجابة الجوال */
@media (max-width: 768px) {
    .elementor-10222 .elementor-element.elementor-element-375de81 h2.elementor-heading-title { font-size: 1.8rem !important; padding: 10px 25px !important; }
    .elementor-10222 .elementor-element.elementor-element-375de81::before { width: 95%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88acc01 *//* استيراد الخط */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;900&display=swap');

.elementor-10222 .elementor-element.elementor-element-88acc01 {
    --primary: #FFCC00;
    --number: "01";
    position: relative;
    padding: 10px 10px;
    background: rgba(0, 0, 0, 0.2);
    font-family: 'Tajawal', sans-serif !important; 
    border: 1px solid rgba(255, 204, 0, 0.1); 
    transition: all 0.4s ease;
    direction: rtl;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: visible;
    min-height: 150px;
    z-index: 1; /* ضمان بقاء الحاوية في طبقة تسمح بالتفاعل */
}

/* الرقم الذهبي */
.elementor-10222 .elementor-element.elementor-element-88acc01::before {
    content: var(--number);
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 0.85rem;
    font-weight: 900;
    color: var(--primary);
    z-index: 5;
    opacity: 0.8;
    pointer-events: none; /* لضمان عدم إعاقة الماوس عند السحب */
}

/* النقاط الأربعة - تم تعديل التحديد ليعمل على الحاوية مباشرة */
.elementor-10222 .elementor-element.elementor-element-88acc01::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid var(--primary);
    pointer-events: none;
    z-index: 2;
    animation: border-flow 4s infinite linear;
}

/* إضافة طبقة النقاط بشكل منفصل لضمان عدم تداخلها مع محتوى الحاوية */
.elementor-10222 .elementor-element.elementor-element-88acc01 > .elementor-container::before,
.elementor-10222 .elementor-element.elementor-element-88acc01 > .e-con-inner::before,
.elementor-10222 .elementor-element.elementor-element-88acc01::after {
    /* هذا الجزء للحفاظ على الأنيميشن */
}

/* حل مشكلة النقاط الأربعة للحاوية */
.elementor-10222 .elementor-element.elementor-element-88acc01:before {
    /* تم دمج النقاط هنا لتكون تابعة لجسم الحاوية */
}

/* التنسيقات الداخلية للويدجت التي ستوضع داخل الحاوية */
.elementor-10222 .elementor-element.elementor-element-88acc01 h3, 
.elementor-10222 .elementor-element.elementor-element-88acc01 .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 900 !important;
    margin: 10px 0 !important;
    transition: 0.3s ease;
}

.elementor-10222 .elementor-element.elementor-element-88acc01 p {
    color: #bbbbbb !important;
    text-align: center;
    margin: 0 !important;
}

.elementor-10222 .elementor-element.elementor-element-88acc01:hover {
    background-color: rgba(255, 204, 0, 0.08);
    transform: translateY(-5px);
}

.elementor-10222 .elementor-element.elementor-element-88acc01:hover h3 {
    color: var(--primary) !important;
}

/* الأنيميشنات */
@keyframes border-flow {
    0%, 100% { clip-path: inset(0 0 98% 0); }
    25% { clip-path: inset(0 98% 0 0); }
    50% { clip-path: inset(98% 0 0 0); }
    75% { clip-path: inset(0 0 0 98%); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff5be5b *//* استيراد الخط */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;900&display=swap');

.elementor-10222 .elementor-element.elementor-element-ff5be5b {
    --primary: #FFCC00;
    --number: "02";
    position: relative;
    padding: 10px 10px;
    background: rgba(0, 0, 0, 0.2);
    font-family: 'Tajawal', sans-serif !important; 
    border: 1px solid rgba(255, 204, 0, 0.1); 
    transition: all 0.4s ease;
    direction: rtl;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: visible;
    min-height: 150px;
    z-index: 1; /* ضمان بقاء الحاوية في طبقة تسمح بالتفاعل */
}

/* الرقم الذهبي */
.elementor-10222 .elementor-element.elementor-element-ff5be5b::before {
    content: var(--number);
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 0.85rem;
    font-weight: 900;
    color: var(--primary);
    z-index: 5;
    opacity: 0.8;
    pointer-events: none; /* لضمان عدم إعاقة الماوس عند السحب */
}

/* النقاط الأربعة - تم تعديل التحديد ليعمل على الحاوية مباشرة */
.elementor-10222 .elementor-element.elementor-element-ff5be5b::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid var(--primary);
    pointer-events: none;
    z-index: 2;
    animation: border-flow 4s infinite linear;
}

/* إضافة طبقة النقاط بشكل منفصل لضمان عدم تداخلها مع محتوى الحاوية */
.elementor-10222 .elementor-element.elementor-element-ff5be5b > .elementor-container::before,
.elementor-10222 .elementor-element.elementor-element-ff5be5b > .e-con-inner::before,
.elementor-10222 .elementor-element.elementor-element-ff5be5b::after {
    /* هذا الجزء للحفاظ على الأنيميشن */
}

/* حل مشكلة النقاط الأربعة للحاوية */
.elementor-10222 .elementor-element.elementor-element-ff5be5b:before {
    /* تم دمج النقاط هنا لتكون تابعة لجسم الحاوية */
}

/* التنسيقات الداخلية للويدجت التي ستوضع داخل الحاوية */
.elementor-10222 .elementor-element.elementor-element-ff5be5b h3, 
.elementor-10222 .elementor-element.elementor-element-ff5be5b .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 900 !important;
    margin: 10px 0 !important;
    transition: 0.3s ease;
}

.elementor-10222 .elementor-element.elementor-element-ff5be5b p {
    color: #bbbbbb !important;
    text-align: center;
    margin: 0 !important;
}

.elementor-10222 .elementor-element.elementor-element-ff5be5b:hover {
    background-color: rgba(255, 204, 0, 0.08);
    transform: translateY(-5px);
}

.elementor-10222 .elementor-element.elementor-element-ff5be5b:hover h3 {
    color: var(--primary) !important;
}

/* الأنيميشنات */
@keyframes border-flow {
    0%, 100% { clip-path: inset(0 0 98% 0); }
    25% { clip-path: inset(0 98% 0 0); }
    50% { clip-path: inset(98% 0 0 0); }
    75% { clip-path: inset(0 0 0 98%); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08b324c *//* استيراد الخط */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;900&display=swap');

.elementor-10222 .elementor-element.elementor-element-08b324c {
    --primary: #FFCC00;
    --number: "03";
    position: relative;
    padding: 10px 10px;
    background: rgba(0, 0, 0, 0.2);
    font-family: 'Tajawal', sans-serif !important; 
    border: 1px solid rgba(255, 204, 0, 0.1); 
    transition: all 0.4s ease;
    direction: rtl;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: visible;
    min-height: 150px;
    z-index: 1; /* ضمان بقاء الحاوية في طبقة تسمح بالتفاعل */
}

/* الرقم الذهبي */
.elementor-10222 .elementor-element.elementor-element-08b324c::before {
    content: var(--number);
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 0.85rem;
    font-weight: 900;
    color: var(--primary);
    z-index: 5;
    opacity: 0.8;
    pointer-events: none; /* لضمان عدم إعاقة الماوس عند السحب */
}

/* النقاط الأربعة - تم تعديل التحديد ليعمل على الحاوية مباشرة */
.elementor-10222 .elementor-element.elementor-element-08b324c::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid var(--primary);
    pointer-events: none;
    z-index: 2;
    animation: border-flow 4s infinite linear;
}

/* إضافة طبقة النقاط بشكل منفصل لضمان عدم تداخلها مع محتوى الحاوية */
.elementor-10222 .elementor-element.elementor-element-08b324c > .elementor-container::before,
.elementor-10222 .elementor-element.elementor-element-08b324c > .e-con-inner::before,
.elementor-10222 .elementor-element.elementor-element-08b324c::after {
    /* هذا الجزء للحفاظ على الأنيميشن */
}

/* حل مشكلة النقاط الأربعة للحاوية */
.elementor-10222 .elementor-element.elementor-element-08b324c:before {
    /* تم دمج النقاط هنا لتكون تابعة لجسم الحاوية */
}

/* التنسيقات الداخلية للويدجت التي ستوضع داخل الحاوية */
.elementor-10222 .elementor-element.elementor-element-08b324c h3, 
.elementor-10222 .elementor-element.elementor-element-08b324c .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 900 !important;
    margin: 10px 0 !important;
    transition: 0.3s ease;
}

.elementor-10222 .elementor-element.elementor-element-08b324c p {
    color: #bbbbbb !important;
    text-align: center;
    margin: 0 !important;
}

.elementor-10222 .elementor-element.elementor-element-08b324c:hover {
    background-color: rgba(255, 204, 0, 0.08);
    transform: translateY(-5px);
}

.elementor-10222 .elementor-element.elementor-element-08b324c:hover h3 {
    color: var(--primary) !important;
}

/* الأنيميشنات */
@keyframes border-flow {
    0%, 100% { clip-path: inset(0 0 98% 0); }
    25% { clip-path: inset(0 98% 0 0); }
    50% { clip-path: inset(98% 0 0 0); }
    75% { clip-path: inset(0 0 0 98%); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5271ea7 *//* استيراد الخط */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;900&display=swap');

.elementor-10222 .elementor-element.elementor-element-5271ea7 {
    --primary: #FFCC00;
    --number: "04";
    position: relative;
    padding: 10px 10px;
    background: rgba(0, 0, 0, 0.2);
    font-family: 'Tajawal', sans-serif !important; 
    border: 1px solid rgba(255, 204, 0, 0.1); 
    transition: all 0.4s ease;
    direction: rtl;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: visible;
    min-height: 150px;
    z-index: 1; /* ضمان بقاء الحاوية في طبقة تسمح بالتفاعل */
}

/* الرقم الذهبي */
.elementor-10222 .elementor-element.elementor-element-5271ea7::before {
    content: var(--number);
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 0.85rem;
    font-weight: 900;
    color: var(--primary);
    z-index: 5;
    opacity: 0.8;
    pointer-events: none; /* لضمان عدم إعاقة الماوس عند السحب */
}

/* النقاط الأربعة - تم تعديل التحديد ليعمل على الحاوية مباشرة */
.elementor-10222 .elementor-element.elementor-element-5271ea7::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid var(--primary);
    pointer-events: none;
    z-index: 2;
    animation: border-flow 4s infinite linear;
}

/* إضافة طبقة النقاط بشكل منفصل لضمان عدم تداخلها مع محتوى الحاوية */
.elementor-10222 .elementor-element.elementor-element-5271ea7 > .elementor-container::before,
.elementor-10222 .elementor-element.elementor-element-5271ea7 > .e-con-inner::before,
.elementor-10222 .elementor-element.elementor-element-5271ea7::after {
    /* هذا الجزء للحفاظ على الأنيميشن */
}

/* حل مشكلة النقاط الأربعة للحاوية */
.elementor-10222 .elementor-element.elementor-element-5271ea7:before {
    /* تم دمج النقاط هنا لتكون تابعة لجسم الحاوية */
}

/* التنسيقات الداخلية للويدجت التي ستوضع داخل الحاوية */
.elementor-10222 .elementor-element.elementor-element-5271ea7 h3, 
.elementor-10222 .elementor-element.elementor-element-5271ea7 .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 900 !important;
    margin: 10px 0 !important;
    transition: 0.3s ease;
}

.elementor-10222 .elementor-element.elementor-element-5271ea7 p {
    color: #bbbbbb !important;
    text-align: center;
    margin: 0 !important;
}

.elementor-10222 .elementor-element.elementor-element-5271ea7:hover {
    background-color: rgba(255, 204, 0, 0.08);
    transform: translateY(-5px);
}

.elementor-10222 .elementor-element.elementor-element-5271ea7:hover h3 {
    color: var(--primary) !important;
}

/* الأنيميشنات */
@keyframes border-flow {
    0%, 100% { clip-path: inset(0 0 98% 0); }
    25% { clip-path: inset(0 98% 0 0); }
    50% { clip-path: inset(98% 0 0 0); }
    75% { clip-path: inset(0 0 0 98%); }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88d12af *//* استيراد الخط */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@900&display=swap');

/* تنسيق الحاوية الرئيسية */
.elementor-10222 .elementor-element.elementor-element-88d12af {
    --primary: #FFCC00;
    text-align: center;
    padding: 10px 0 10px 0;
    position: relative;
    direction: rtl;
    overflow: visible !important; /* لضمان ظهور الزوايا والخطوط */
}

/* العنوان الرئيسي - استخدام تحديد دقيق */
.elementor-10222 .elementor-element.elementor-element-88d12af h2.elementor-heading-title {
    font-family: 'Tajawal', sans-serif !important;
    color: #ffffff !important;
     
    font-weight: 900 !important;
    margin: 0 !important;
    display: inline-block;
    position: relative;
    padding: 10px 45px !important;
    z-index: 2;
}

/* الخطوط الجانبية - محصورة بـ .elementor-10222 .elementor-element.elementor-element-88d12af */
.elementor-10222 .elementor-element.elementor-element-88d12af::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--primary), transparent);
    opacity: 0.3;
    z-index: 1;
    pointer-events: none;
}

/* الأركان الهندسية - ربطها بالعنوان مباشرة */
.elementor-10222 .elementor-element.elementor-element-88d12af h2.elementor-heading-title::before, 
.elementor-10222 .elementor-element.elementor-element-88d12af h2.elementor-heading-title::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border: 2px solid var(--primary);
    transition: all 0.5s ease;
}

.elementor-10222 .elementor-element.elementor-element-88d12af h2.elementor-heading-title::before {
    top: 0;
    right: 0;
    border-bottom: none !important;
    border-left: none !important;
}

.elementor-10222 .elementor-element.elementor-element-88d12af h2.elementor-heading-title::after {
    bottom: 0;
    left: 0;
    border-top: none !important;
    border-right: none !important;
}

/* تصحيح النقطة التقنية لتعمل على هذا الويدجت فقط */
.elementor-10222 .elementor-element.elementor-element-88d12af .elementor-widget-container::after {
    content: '◈';
    color: var(--primary);
    font-size: 1.2rem;
    display: block;
    margin-top: 15px;
    opacity: 0.8;
    animation: glow-pulse 2s infinite ease-in-out;
}

/* الأنيميشن والتفاعل */
.elementor-10222 .elementor-element.elementor-element-88d12af:hover h2.elementor-heading-title::before,
.elementor-10222 .elementor-element.elementor-element-88d12af:hover h2.elementor-heading-title::after {
    width: 100%;
    height: 100%;
    opacity: 0.2;
}

@keyframes glow-pulse {
    0%, 100% { opacity: 0.4; transform: scale(0.9); text-shadow: 0 0 0px var(--primary); }
    50% { opacity: 1; transform: scale(1.1); text-shadow: 0 0 10px var(--primary); }
}

/* استجابة الجوال */
@media (max-width: 768px) {
    .elementor-10222 .elementor-element.elementor-element-88d12af h2.elementor-heading-title { font-size: 1.8rem !important; padding: 10px 25px !important; }
    .elementor-10222 .elementor-element.elementor-element-88d12af::before { width: 95%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-675cbd4 *//* استيراد الخط */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;900&display=swap');

.elementor-10222 .elementor-element.elementor-element-675cbd4 {
    --primary: #FFCC00;
    --number: "01";
    position: relative;
    padding: 10px 10px;
    background: rgba(0, 0, 0, 0.2);
    font-family: 'Tajawal', sans-serif !important; 
    border: 1px solid rgba(255, 204, 0, 0.1); 
    transition: all 0.4s ease;
    direction: rtl;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: visible;
    min-height: 150px;
    z-index: 1; /* ضمان بقاء الحاوية في طبقة تسمح بالتفاعل */
}

/* الرقم الذهبي */
.elementor-10222 .elementor-element.elementor-element-675cbd4::before {
    content: var(--number);
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 0.85rem;
    font-weight: 900;
    color: var(--primary);
    z-index: 5;
    opacity: 0.8;
    pointer-events: none; /* لضمان عدم إعاقة الماوس عند السحب */
}

/* النقاط الأربعة - تم تعديل التحديد ليعمل على الحاوية مباشرة */
.elementor-10222 .elementor-element.elementor-element-675cbd4::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid var(--primary);
    pointer-events: none;
    z-index: 2;
    animation: border-flow 7s infinite linear;
}

/* إضافة طبقة النقاط بشكل منفصل لضمان عدم تداخلها مع محتوى الحاوية */
.elementor-10222 .elementor-element.elementor-element-675cbd4 > .elementor-container::before,
.elementor-10222 .elementor-element.elementor-element-675cbd4 > .e-con-inner::before,
.elementor-10222 .elementor-element.elementor-element-675cbd4::after {
    /* هذا الجزء للحفاظ على الأنيميشن */
}

/* حل مشكلة النقاط الأربعة للحاوية */
.elementor-10222 .elementor-element.elementor-element-675cbd4:before {
    /* تم دمج النقاط هنا لتكون تابعة لجسم الحاوية */
}

/* التنسيقات الداخلية للويدجت التي ستوضع داخل الحاوية */
.elementor-10222 .elementor-element.elementor-element-675cbd4 h3, 
.elementor-10222 .elementor-element.elementor-element-675cbd4 .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 900 !important;
    margin: 10px 0 !important;
    transition: 0.3s ease;
}

.elementor-10222 .elementor-element.elementor-element-675cbd4 p {
    color: #bbbbbb !important;
    text-align: center;
    margin: 0 !important;
}

.elementor-10222 .elementor-element.elementor-element-675cbd4:hover {
    background-color: rgba(255, 204, 0, 0.08);
    transform: translateY(-5px);
}

.elementor-10222 .elementor-element.elementor-element-675cbd4:hover h3 {
    color: var(--primary) !important;
}

/* الأنيميشنات */
@keyframes border-flow {
    0%, 100% { clip-path: inset(0 0 98% 0); }
    25% { clip-path: inset(0 98% 0 0); }
    50% { clip-path: inset(98% 0 0 0); }
    75% { clip-path: inset(0 0 0 98%); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e620a2 *//* استيراد الخط */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;900&display=swap');

.elementor-10222 .elementor-element.elementor-element-9e620a2 {
    --primary: #FFCC00;
    --number: "02";
    position: relative;
    padding: 10px 10px;
    background: rgba(0, 0, 0, 0.2);
    font-family: 'Tajawal', sans-serif !important; 
    border: 1px solid rgba(255, 204, 0, 0.1); 
    transition: all 0.4s ease;
    direction: rtl;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: visible;
    min-height: 150px;
    z-index: 1; /* ضمان بقاء الحاوية في طبقة تسمح بالتفاعل */
}

/* الرقم الذهبي */
.elementor-10222 .elementor-element.elementor-element-9e620a2::before {
    content: var(--number);
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 0.85rem;
    font-weight: 900;
    color: var(--primary);
    z-index: 5;
    opacity: 0.8;
    pointer-events: none; /* لضمان عدم إعاقة الماوس عند السحب */
}

/* النقاط الأربعة - تم تعديل التحديد ليعمل على الحاوية مباشرة */
.elementor-10222 .elementor-element.elementor-element-9e620a2::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid var(--primary);
    pointer-events: none;
    z-index: 2;
    animation: border-flow 7s infinite linear;
}

/* إضافة طبقة النقاط بشكل منفصل لضمان عدم تداخلها مع محتوى الحاوية */
.elementor-10222 .elementor-element.elementor-element-9e620a2 > .elementor-container::before,
.elementor-10222 .elementor-element.elementor-element-9e620a2 > .e-con-inner::before,
.elementor-10222 .elementor-element.elementor-element-9e620a2::after {
    /* هذا الجزء للحفاظ على الأنيميشن */
}

/* حل مشكلة النقاط الأربعة للحاوية */
.elementor-10222 .elementor-element.elementor-element-9e620a2:before {
    /* تم دمج النقاط هنا لتكون تابعة لجسم الحاوية */
}

/* التنسيقات الداخلية للويدجت التي ستوضع داخل الحاوية */
.elementor-10222 .elementor-element.elementor-element-9e620a2 h3, 
.elementor-10222 .elementor-element.elementor-element-9e620a2 .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 900 !important;
    margin: 10px 0 !important;
    transition: 0.3s ease;
}

.elementor-10222 .elementor-element.elementor-element-9e620a2 p {
    color: #bbbbbb !important;
    text-align: center;
    margin: 0 !important;
}

.elementor-10222 .elementor-element.elementor-element-9e620a2:hover {
    background-color: rgba(255, 204, 0, 0.08);
    transform: translateY(-5px);
}

.elementor-10222 .elementor-element.elementor-element-9e620a2:hover h3 {
    color: var(--primary) !important;
}

/* الأنيميشنات */
@keyframes border-flow {
    0%, 100% { clip-path: inset(0 0 98% 0); }
    25% { clip-path: inset(0 98% 0 0); }
    50% { clip-path: inset(98% 0 0 0); }
    75% { clip-path: inset(0 0 0 98%); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e99405 *//* استيراد الخط */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;900&display=swap');

.elementor-10222 .elementor-element.elementor-element-1e99405 {
    --primary: #FFCC00;
    --number: "03";
    position: relative;
    padding: 10px 10px;
    background: rgba(0, 0, 0, 0.2);
    font-family: 'Tajawal', sans-serif !important; 
    border: 1px solid rgba(255, 204, 0, 0.1); 
    transition: all 0.4s ease;
    direction: rtl;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: visible;
    min-height: 150px;
    z-index: 1; /* ضمان بقاء الحاوية في طبقة تسمح بالتفاعل */
}

/* الرقم الذهبي */
.elementor-10222 .elementor-element.elementor-element-1e99405::before {
    content: var(--number);
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 0.85rem;
    font-weight: 900;
    color: var(--primary);
    z-index: 5;
    opacity: 0.8;
    pointer-events: none; /* لضمان عدم إعاقة الماوس عند السحب */
}

/* النقاط الأربعة - تم تعديل التحديد ليعمل على الحاوية مباشرة */
.elementor-10222 .elementor-element.elementor-element-1e99405::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid var(--primary);
    pointer-events: none;
    z-index: 2;
    animation: border-flow 7s infinite linear;
}

/* إضافة طبقة النقاط بشكل منفصل لضمان عدم تداخلها مع محتوى الحاوية */
.elementor-10222 .elementor-element.elementor-element-1e99405 > .elementor-container::before,
.elementor-10222 .elementor-element.elementor-element-1e99405 > .e-con-inner::before,
.elementor-10222 .elementor-element.elementor-element-1e99405::after {
    /* هذا الجزء للحفاظ على الأنيميشن */
}

/* حل مشكلة النقاط الأربعة للحاوية */
.elementor-10222 .elementor-element.elementor-element-1e99405:before {
    /* تم دمج النقاط هنا لتكون تابعة لجسم الحاوية */
}

/* التنسيقات الداخلية للويدجت التي ستوضع داخل الحاوية */
.elementor-10222 .elementor-element.elementor-element-1e99405 h3, 
.elementor-10222 .elementor-element.elementor-element-1e99405 .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 900 !important;
    margin: 10px 0 !important;
    transition: 0.3s ease;
}

.elementor-10222 .elementor-element.elementor-element-1e99405 p {
    color: #bbbbbb !important;
    text-align: center;
    margin: 0 !important;
}

.elementor-10222 .elementor-element.elementor-element-1e99405:hover {
    background-color: rgba(255, 204, 0, 0.08);
    transform: translateY(-5px);
}

.elementor-10222 .elementor-element.elementor-element-1e99405:hover h3 {
    color: var(--primary) !important;
}

/* الأنيميشنات */
@keyframes border-flow {
    0%, 100% { clip-path: inset(0 0 98% 0); }
    25% { clip-path: inset(0 98% 0 0); }
    50% { clip-path: inset(98% 0 0 0); }
    75% { clip-path: inset(0 0 0 98%); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0b01ad *//* استيراد الخط */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;900&display=swap');

.elementor-10222 .elementor-element.elementor-element-f0b01ad {
    --primary: #FFCC00;
    --number: "04";
    position: relative;
    padding: 10px 10px;
    background: rgba(0, 0, 0, 0.2);
    font-family: 'Tajawal', sans-serif !important; 
    border: 1px solid rgba(255, 204, 0, 0.1); 
    transition: all 0.4s ease;
    direction: rtl;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: visible;
    min-height: 150px;
    z-index: 1; /* ضمان بقاء الحاوية في طبقة تسمح بالتفاعل */
}

/* الرقم الذهبي */
.elementor-10222 .elementor-element.elementor-element-f0b01ad::before {
    content: var(--number);
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 0.85rem;
    font-weight: 900;
    color: var(--primary);
    z-index: 5;
    opacity: 0.8;
    pointer-events: none; /* لضمان عدم إعاقة الماوس عند السحب */
}

/* النقاط الأربعة - تم تعديل التحديد ليعمل على الحاوية مباشرة */
.elementor-10222 .elementor-element.elementor-element-f0b01ad::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid var(--primary);
    pointer-events: none;
    z-index: 2;
    animation: border-flow 7s infinite linear;
}

/* إضافة طبقة النقاط بشكل منفصل لضمان عدم تداخلها مع محتوى الحاوية */
.elementor-10222 .elementor-element.elementor-element-f0b01ad > .elementor-container::before,
.elementor-10222 .elementor-element.elementor-element-f0b01ad > .e-con-inner::before,
.elementor-10222 .elementor-element.elementor-element-f0b01ad::after {
    /* هذا الجزء للحفاظ على الأنيميشن */
}

/* حل مشكلة النقاط الأربعة للحاوية */
.elementor-10222 .elementor-element.elementor-element-f0b01ad:before {
    /* تم دمج النقاط هنا لتكون تابعة لجسم الحاوية */
}

/* التنسيقات الداخلية للويدجت التي ستوضع داخل الحاوية */
.elementor-10222 .elementor-element.elementor-element-f0b01ad h3, 
.elementor-10222 .elementor-element.elementor-element-f0b01ad .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 900 !important;
    margin: 10px 0 !important;
    transition: 0.3s ease;
}

.elementor-10222 .elementor-element.elementor-element-f0b01ad p {
    color: #bbbbbb !important;
    text-align: center;
    margin: 0 !important;
}

.elementor-10222 .elementor-element.elementor-element-f0b01ad:hover {
    background-color: rgba(255, 204, 0, 0.08);
    transform: translateY(-5px);
}

.elementor-10222 .elementor-element.elementor-element-f0b01ad:hover h3 {
    color: var(--primary) !important;
}

/* الأنيميشنات */
@keyframes border-flow {
    0%, 100% { clip-path: inset(0 0 98% 0); }
    25% { clip-path: inset(0 98% 0 0); }
    50% { clip-path: inset(98% 0 0 0); }
    75% { clip-path: inset(0 0 0 98%); }
}/* End custom CSS */