.elementor-11 .elementor-element.elementor-element-c56eb96{--display:flex;--min-height:75px;--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;--align-items:center;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:-90px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-c56eb96:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-c56eb96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fe8d87d );}.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 );}.elementor-11 .elementor-element.elementor-element-95e2879{width:initial;max-width:initial;text-align:start;}.elementor-11 .elementor-element.elementor-element-95e2879 img{width:100%;max-width:100%;height:75px;object-fit:cover;object-position:center center;}.elementor-11 .elementor-element.elementor-element-d96b400{width:initial;max-width:initial;text-align:start;}.elementor-11 .elementor-element.elementor-element-d96b400 img{width:100%;max-width:100%;height:75px;object-fit:cover;object-position:center center;}.elementor-11 .elementor-element.elementor-element-ac50295{--display:flex;--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:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-df920dd .elementor-menu-toggle{margin:0 auto;}.elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--main .elementor-item:hover, .elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--main .elementor-item.highlighted, .elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-df920dd .e--pointer-framed .elementor-item:before, .elementor-11 .elementor-element.elementor-element-df920dd .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-df920dd .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-11 .elementor-element.elementor-element-df920dd .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-df920dd .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-11 .elementor-element.elementor-element-df920dd .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-11 .elementor-element.elementor-element-df920dd .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-11 .elementor-element.elementor-element-df920dd .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-11 .elementor-element.elementor-element-df920dd .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-11 .elementor-element.elementor-element-df920dd .e--pointer-underline .elementor-item:after, .elementor-11 .elementor-element.elementor-element-df920dd .e--pointer-overline .elementor-item:before, .elementor-11 .elementor-element.elementor-element-df920dd .e--pointer-double-line .elementor-item:before, .elementor-11 .elementor-element.elementor-element-df920dd .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--dropdown a:hover, .elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--dropdown a:focus, .elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--dropdown a.highlighted, .elementor-11 .elementor-element.elementor-element-df920dd .elementor-menu-toggle:hover, .elementor-11 .elementor-element.elementor-element-df920dd .elementor-menu-toggle:focus{color:var( --e-global-color-68f54bd );}.elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--dropdown a:hover, .elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--dropdown a:focus, .elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-68f54bd );background-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--dropdown{border-radius:10px 10px 10px 10px;}.elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:10px;border-top-right-radius:10px;}.elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-11 .elementor-element.elementor-element-df920dd .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-widget-ucaddon_gradient_hover_effect_button .ue_gradient_he_btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-30e1e74 .ue_gradient_hover_button{text-align:center;}.elementor-11 .elementor-element.elementor-element-30e1e74 .ue_gradient_hover_button,.elementor-11 .elementor-element.elementor-element-30e1e74 .ue_gradient_hover_button *{transition:all 700ms ease-out;}.elementor-11 .elementor-element.elementor-element-30e1e74 .ue_gradient_he_btn{padding:10px 30px 10px 30px;border-radius:10px 10px 10px 10px;border-style:solid;border-width:2px;border-color:var( --e-global-color-68f54bd );flex-direction:row-reverse;gap:8px;}.elementor-11 .elementor-element.elementor-element-30e1e74 .ue_gradient_he_btn,.elementor-11 .elementor-element.elementor-element-30e1e74 .ue_gradient_he_btn *{color:var( --e-global-color-68f54bd );}.elementor-11 .elementor-element.elementor-element-30e1e74 .ue_gradient_he_btn:hover,.elementor-11 .elementor-element.elementor-element-30e1e74 .ue_gradient_he_btn:hover *{color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-30e1e74 .ue_gradient_he_btn:hover{border-style:solid;border-width:2px;border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-30e1e74 .ue_btn_icon i,.elementor-11 .elementor-element.elementor-element-30e1e74 .ue_btn_icon svg{font-size:15px;}.elementor-11 .elementor-element.elementor-element-30e1e74 .ue_btn_icon{border-radius:0px;}.elementor-11 .elementor-element.elementor-element-b9a3411{--display:flex;--min-height:75px;--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;--align-items:center;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:-90px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-b9a3411:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-b9a3411 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fe8d87d );}.elementor-11 .elementor-element.elementor-element-dd5a3e6{width:initial;max-width:initial;text-align:start;}.elementor-11 .elementor-element.elementor-element-dd5a3e6 img{width:100%;max-width:100%;height:75px;object-fit:cover;object-position:center center;}.elementor-11 .elementor-element.elementor-element-38e0442{width:initial;max-width:initial;text-align:start;}.elementor-11 .elementor-element.elementor-element-38e0442 img{width:100%;max-width:100%;height:75px;object-fit:cover;object-position:center center;}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-68f54bd );}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--main .elementor-item:hover, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-3fb09b7 .e--pointer-framed .elementor-item:before, .elementor-11 .elementor-element.elementor-element-3fb09b7 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-3fb09b7 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-11 .elementor-element.elementor-element-3fb09b7 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-3fb09b7 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-11 .elementor-element.elementor-element-3fb09b7 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-11 .elementor-element.elementor-element-3fb09b7 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-11 .elementor-element.elementor-element-3fb09b7 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-11 .elementor-element.elementor-element-3fb09b7 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-11 .elementor-element.elementor-element-3fb09b7 .e--pointer-underline .elementor-item:after, .elementor-11 .elementor-element.elementor-element-3fb09b7 .e--pointer-overline .elementor-item:before, .elementor-11 .elementor-element.elementor-element-3fb09b7 .e--pointer-double-line .elementor-item:before, .elementor-11 .elementor-element.elementor-element-3fb09b7 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--dropdown a:hover, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--dropdown a:focus, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--dropdown a.highlighted, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-menu-toggle:hover, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-menu-toggle:focus{color:var( --e-global-color-68f54bd );}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--dropdown a:hover, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--dropdown a:focus, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-68f54bd );background-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--dropdown{border-radius:10px 10px 10px 10px;}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:10px;border-top-right-radius:10px;}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-11 .elementor-element.elementor-element-3fb09b7 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-3fb09b7 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-b9a3411{--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;--justify-content:space-between;}.elementor-11 .elementor-element.elementor-element-38e0442{padding:0% 0% 0% 0%;--container-widget-width:67px;--container-widget-flex-grow:0;width:var( --container-widget-width, 67px );max-width:67px;}.elementor-11 .elementor-element.elementor-element-38e0442 img{max-width:100%;}.elementor-11 .elementor-element.elementor-element-3fb09b7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 5px 0px 0px;--nav-menu-icon-size:28px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-c56eb96{--justify-content:space-between;--margin-top:0px;--margin-bottom:-180px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-b9a3411{--justify-content:space-between;--margin-top:0px;--margin-bottom:-180px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-3fb09b7{padding:0px 10px 0px 0px;}.elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-11 .elementor-element.elementor-element-3fb09b7 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}}/* Start custom CSS for nav-menu, class: .elementor-element-df920dd *//* تأثير الهوفر على قائمة الهيدر في Elementor */ .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a.elementor-item { transition: opacity .2s ease, filter .2s ease; } /* عند دخول الماوس على القائمة: خفّف باقي العناصر */ .elementor-nav-menu--layout-horizontal .elementor-nav-menu:hover > li > a.elementor-item { opacity: .45; } /* العنصر المهوّف عليه (أو المُركّز بلوحة المفاتيح) يرجع طبيعي */ .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:hover > a.elementor-item, .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:focus-within > a.elementor-item { opacity: 1; filter: none; } /* اختياري: خَلّي العنصر النشِط يبقى واضح حتى بدون هوفر */ .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.current-menu-item > a.elementor-item, .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.current_page_item > a.elementor-item { opacity: 1; } /* تغيير طول البوينتر عند التمرير على العنصر */ .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a.elementor-item:hover::after { transform: scaleX(0.5); /* تصغير البوينتر من اليمين لليسار */ transform-origin: center center; /* تحديد نقطة الأصل من اليسار */ } .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a.elementor-item.elementor-item-active::after { transform: scaleX(0.5); /* تصغير البوينتر عند الضغط عليه */ transform-origin: center center; /* تحديد نقطة الأصل من اليسار */ } /* عطّل التأثير على الموبايل/الدروبداون */ @media (max-width: 1024px) { .elementor-nav-menu .elementor-item { opacity: 1 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c56eb96 *//* لما يصير Sticky: لون الخلفية + أنيميشن نزول */ .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects { background-color: #FFFFFF !important; animation: headerSlideDown 0.5s ease forwards; z-index: 999; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); } .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects .elementor-item { color: #000000 !important; } /* Sticky Header Menu Item Hover Color */ .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects .elementor-nav-menu > li > a.elementor-item:hover, .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects .elementor-nav-menu > li > a.elementor-item.elementor-item-active, .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects .elementor-nav-menu > li.current-menu-item > a.elementor-item, .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects .elementor-nav-menu > li.current_page_item > a.elementor-item { color: #0CA4CA !important; } /* عندما يصبح الهيدر ستيكي، تغيير لون البوينتر إلى الأسود */ .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects .elementor-nav-menu > li > a.elementor-item::after { background-color: #0CA4CA !important; /* تغيير لون الـ underline إلى الأسود */ } /* في حالة الـ hover عندما يكون الهيدر ستيكي */ .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects .elementor-nav-menu > li > a.elementor-item:hover::after { background-color: #0CA4CA !important; /* الحفاظ على اللون الأسود عند hover */ } .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects .elementor-item .sub-arrow > svg { fill: #000032 !important; } .elementor-11 .elementor-element.elementor-element-c56eb96 .elementor-sticky--effects .elementor-divider-separator { --divider-color: #000000 !important; } @keyframes headerSlideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } /* Show only default logo before sticky */ .elementor-11 .elementor-element.elementor-element-c56eb96 .logo-sticky { display: none; } /* When header is sticky, swap which one is visible */ .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects .logo-default { display: none; } .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects .logo-sticky { display: inline-block; } /* Sticky Header Button - Normal */ .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn { background: #0CA4CA !important; background-color: #0CA4CA !important; background-image: none !important; border-color: #0CA4CA !important; color: #ffffff !important; } /* Sticky Header Button - Hover بدون ما يمرق بالأسود */ .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn:hover { background-image: linear-gradient(270deg, #0CA4CA, #087FA0, #0CA4CA, #13B8E0) !important; background-color: #0CA4CA !important; background-size: 300% 300% !important; background-position: 99% 50% !important; border-color: #0CA4CA !important; color: #ffffff !important; } /* منع أي لون أسود من الظهور أثناء الانتقال */ .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn, .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn:hover, .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn:focus, .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn:active { color: #ffffff !important; border-color: #0CA4CA !important; } /* النص والأيقونة */ .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn *, .elementor-11 .elementor-element.elementor-element-c56eb96.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn svg { color: #ffffff !important; fill: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-3fb09b7 *//* تأثير الهوفر على قائمة الهيدر في Elementor */ .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a.elementor-item { transition: opacity .2s ease, filter .2s ease; } /* عند دخول الماوس على القائمة: خفّف باقي العناصر */ .elementor-nav-menu--layout-horizontal .elementor-nav-menu:hover > li > a.elementor-item { opacity: .45; } /* العنصر المهوّف عليه (أو المُركّز بلوحة المفاتيح) يرجع طبيعي */ .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:hover > a.elementor-item, .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:focus-within > a.elementor-item { opacity: 1; filter: none; } /* اختياري: خَلّي العنصر النشِط يبقى واضح حتى بدون هوفر */ .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.current-menu-item > a.elementor-item, .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.current_page_item > a.elementor-item { opacity: 1; } /* تغيير طول البوينتر عند التمرير على العنصر */ .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a.elementor-item:hover::after { transform: scaleX(0.5); /* تصغير البوينتر من اليمين لليسار */ transform-origin: center center; /* تحديد نقطة الأصل من اليسار */ } .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a.elementor-item.elementor-item-active::after { transform: scaleX(0.5); /* تصغير البوينتر عند الضغط عليه */ transform-origin: center center; /* تحديد نقطة الأصل من اليسار */ } /* عطّل التأثير على الموبايل/الدروبداون */ @media (max-width: 1024px) { .elementor-nav-menu .elementor-item { opacity: 1 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9a3411 *//* لما يصير Sticky: لون الخلفية + أنيميشن نزول */ .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects { background-color: #FFFFFF !important; animation: headerSlideDown 0.5s ease forwards; z-index: 999; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); } .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects .elementor-item { color: #000000 !important; } /* Sticky Header Menu Item Hover Color */ .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects .elementor-nav-menu > li > a.elementor-item:hover, .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects .elementor-nav-menu > li > a.elementor-item.elementor-item-active, .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects .elementor-nav-menu > li.current-menu-item > a.elementor-item, .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects .elementor-nav-menu > li.current_page_item > a.elementor-item { color: #FFFFFF !important; } /* عندما يصبح الهيدر ستيكي، تغيير لون البوينتر إلى الأسود */ .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects .elementor-nav-menu > li > a.elementor-item::after { background-color: #0CA4CA !important; /* تغيير لون الـ underline إلى الأسود */ } /* في حالة الـ hover عندما يكون الهيدر ستيكي */ .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects .elementor-nav-menu > li > a.elementor-item:hover::after { background-color: #0CA4CA !important; /* الحفاظ على اللون الأسود عند hover */ } .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects .elementor-item .sub-arrow > svg { fill: #000032 !important; } .elementor-11 .elementor-element.elementor-element-b9a3411 .elementor-sticky--effects .elementor-divider-separator { --divider-color: #000000 !important; } @keyframes headerSlideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } /* Show only default logo before sticky */ .elementor-11 .elementor-element.elementor-element-b9a3411 .logo-sticky { display: none; } /* When header is sticky, swap which one is visible */ .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects .logo-default { display: none; } .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects .logo-sticky { display: inline-block; } /* Sticky Header Button - Normal */ .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn { background: #0CA4CA !important; background-color: #0CA4CA !important; background-image: none !important; border-color: #0CA4CA !important; color: #ffffff !important; } /* Sticky Header Button - Hover بدون ما يمرق بالأسود */ .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn:hover { background-image: linear-gradient(270deg, #0CA4CA, #087FA0, #0CA4CA, #13B8E0) !important; background-color: #0CA4CA !important; background-size: 300% 300% !important; background-position: 99% 50% !important; border-color: #0CA4CA !important; color: #ffffff !important; } /* منع أي لون أسود من الظهور أثناء الانتقال */ .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn, .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn:hover, .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn:focus, .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn:active { color: #ffffff !important; border-color: #0CA4CA !important; } /* النص والأيقونة */ .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn *, .elementor-11 .elementor-element.elementor-element-b9a3411.elementor-sticky--effects #uc_gradient_hover_effect_button_elementor_30e1e74 .ue_gradient_he_btn svg { color: #ffffff !important; fill: #ffffff !important; }/* End custom CSS */