.elementor-813 .elementor-element.elementor-element-655d5d23{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;--z-index:5;}.elementor-813 .elementor-element.elementor-element-655d5d23:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-655d5d23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-813 .elementor-element.elementor-element-655d5d23.e-con{--align-self:center;}.elementor-813 .elementor-element.elementor-element-8878e55{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-813 .elementor-element.elementor-element-8878e55.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .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-813 .elementor-element.elementor-element-6add3a4{text-align:center;}.elementor-813 .elementor-element.elementor-element-6add3a4 img{width:85%;height:60px;object-fit:contain;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-65e1a84{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-813 .elementor-element.elementor-element-3fb1989 .elementor-menu-toggle{margin:0 auto;}.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu .elementor-item{font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:14px;font-weight:600;}.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--main .elementor-item:hover,
.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7151709 );}.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-47b0e77 );}.elementor-813 .elementor-element.elementor-element-3fb1989 .e--pointer-framed .elementor-item:before,
.elementor-813 .elementor-element.elementor-element-3fb1989 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-47b0e77 );}.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7151709 );}.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-47b0e77 );}.elementor-813 .elementor-element.elementor-element-3fb1989 .e--pointer-framed .elementor-item.elementor-item-active:before,
.elementor-813 .elementor-element.elementor-element-3fb1989 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-47b0e77 );}.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:18px 0px 18px 18px;}.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--dropdown a:hover,
.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--dropdown a:focus,
.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--dropdown a.highlighted,
.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-menu-toggle:hover,
.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-menu-toggle:focus{color:var( --e-global-color-7151709 );}.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--dropdown a:hover,
.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--dropdown a:focus,
.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-559402c );}.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-7151709 );}.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:18px;border-top-right-radius:0px;}.elementor-813 .elementor-element.elementor-element-3fb1989 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:18px;border-bottom-left-radius:18px;}.elementor-813 .elementor-element.elementor-element-83a3bbd{--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;--align-items:center;}.elementor-widget-polylang-language-switcher .cpel-switcher__lang a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-text );}.elementor-widget-polylang-language-switcher .cpel-switcher__icon{color:var( --e-global-color-text );}.elementor-widget-polylang-language-switcher .cpel-switcher__lang a:hover, .elementor-widget-polylang-language-switcher .cpel-switcher__lang a:focus{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-accent );}.elementor-widget-polylang-language-switcher .cpel-switcher__lang.cpel-switcher__lang--active a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-813 .elementor-element.elementor-element-c25136f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-813 .elementor-element.elementor-element-c25136f .cpel-switcher__lang a{color:var( --e-global-color-7151709 );padding-top:4px;padding-bottom:4px;}.elementor-813 .elementor-element.elementor-element-c25136f .cpel-switcher__icon{color:var( --e-global-color-7151709 );padding-left:15px;}.elementor-813 .elementor-element.elementor-element-c25136f.cpel-switcher--layout-dropdown .cpel-switcher__lang a{background-color:#52926F;}.elementor-813 .elementor-element.elementor-element-c25136f .cpel-switcher__lang a:hover, .elementor-813 .elementor-element.elementor-element-c25136f .cpel-switcher__lang a:focus{color:var( --e-global-color-7151709 );}.elementor-813 .elementor-element.elementor-element-c25136f.cpel-switcher--layout-dropdown .cpel-switcher__lang a:hover, .elementor-813 .elementor-element.elementor-element-c25136f.cpel-switcher--layout-dropdown .cpel-switcher__lang a:focus{background-color:var( --e-global-color-1ce33ed );}.elementor-813 .elementor-element.elementor-element-c25136f .cpel-switcher__name{padding-left:12px;}.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-813 .elementor-element.elementor-element-655d5d23{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-813 .elementor-element.elementor-element-6add3a4 img{height:27px;}}@media(max-width:767px){.elementor-813 .elementor-element.elementor-element-655d5d23{--min-height:60px;--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;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:6%;}.elementor-813 .elementor-element.elementor-element-8878e55{--width:20%;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-813 .elementor-element.elementor-element-6add3a4 img{width:100px;height:70px;}.elementor-813 .elementor-element.elementor-element-65e1a84{--width:24%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-813 .elementor-element.elementor-element-65e1a84.e-con{--align-self:center;}.elementor-813 .elementor-element.elementor-element-3fb1989.elementor-element{--align-self:center;}.elementor-813 .elementor-element.elementor-element-83a3bbd{--width:32%;}}@media(min-width:768px){.elementor-813 .elementor-element.elementor-element-8878e55{--width:12%;}.elementor-813 .elementor-element.elementor-element-83a3bbd{--width:13%;}}@media(max-width:1024px) and (min-width:768px){.elementor-813 .elementor-element.elementor-element-8878e55{--width:15%;}}/* Start custom CSS for container, class: .elementor-element-655d5d23 *//* =========================================================
Dracula Menu Toggle (inside menu item)
Flat + Different look + Font Awesome icons
- Hides plugin icons
- Adds FA moon/sun via ::before
- Works with Dracula classes: mode-light / mode-dark
========================================================= */
/* 1) Clean the wrapper in the menu */
li.menu-item-type-dracula-dark-mode-switch{
display: flex !important;
align-items: center !important;
padding: 0 !important;
margin: 0 !important;
}
/* remove any "txt-border" extras */
li.menu-item-type-dracula-dark-mode-switch.dracula-style-txt-border,
li.menu-item-type-dracula-dark-mode-switch .dracula-toggle-wrap.dracula-style-txt-border{
border: 0 !important;
background: transparent !important;
padding: 0 !important;
}
/* 2) Base button: flat pill */
li.menu-item-type-dracula-dark-mode-switch .dracula-toggle{
width: 44px !important;
height: 34px !important;
border-radius: 999px !important;
background: #ffffff !important;
border: 1px solid rgba(0,0,0,.14) !important;
box-shadow: none !important;
outline: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
position: relative !important;
transition: background-color .15s ease, border-color .15s ease, transform .12s ease !important;
-webkit-tap-highlight-color: transparent !important;
}
/* subtle hover */
li.menu-item-type-dracula-dark-mode-switch .dracula-toggle:hover{
background: rgba(39,80,57,.06) !important;
border-color: rgba(39,80,57,.22) !important;
}
li.menu-item-type-dracula-dark-mode-switch .dracula-toggle:active{
transform: scale(.98) !important;
}
li.menu-item-type-dracula-dark-mode-switch .dracula-toggle:focus-visible{
box-shadow: 0 0 0 3px rgba(39,80,57,.18) !important;
}
/* 3) Hide Dracula built-in icons */
li.menu-item-type-dracula-dark-mode-switch .toggle-icon-wrap{
display: none !important;
}
/* 4) Font Awesome icon (moon by default) */
li.menu-item-type-dracula-dark-mode-switch .dracula-toggle::before{
content: "\f186"; /* fa-moon */
font-family: "Font Awesome 6 Free" !important;
font-weight: 900 !important; /* solid */
font-size: 16px !important;
line-height: 1 !important;
color: #275039 !important;
display: inline-block !important;
transform: translateY(0) !important;
}
/* 5) When dark mode -> show sun + invert button */
li.menu-item-type-dracula-dark-mode-switch .dracula-toggle.mode-dark{
background: #0f1115 !important;
border-color: rgba(255,255,255,.16) !important;
}
li.menu-item-type-dracula-dark-mode-switch .dracula-toggle.mode-dark::before{
content: "\f185"; /* fa-sun */
color: #D1B054 !important;
}
/* Optional: if your menu is dark background in light mode */
html.site-dark li.menu-item-type-dracula-dark-mode-switch .dracula-toggle{
background: #0f1115 !important;
border-color: rgba(255,255,255,.16) !important;
}
html.site-dark li.menu-item-type-dracula-dark-mode-switch .dracula-toggle::before{
color: #D1B054 !important;
}/* End custom CSS */