.elementor-1954 .elementor-element.elementor-element-c4ad8c6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1954 .elementor-element.elementor-element-c4ad8c6:not(.elementor-motion-effects-element-type-background), .elementor-1954 .elementor-element.elementor-element-c4ad8c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DB0000;}.elementor-1954 .elementor-element.elementor-element-c4ad8c6 > .elementor-container{max-width:1600px;}.elementor-1954 .elementor-element.elementor-element-c4ad8c6 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:0px;}.elementor-1954 .elementor-element.elementor-element-c4ad8c6 > .elementor-background-overlay{opacity:0.79;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1954 .elementor-element.elementor-element-c4ad8c6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1954 .elementor-element.elementor-element-25035ec.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1954 .elementor-element.elementor-element-f25cd5d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not([data-theme="dark"]) .elementor-1954 .elementor-element.elementor-element-f25cd5d{--title-color:#FFFFFF;}.elementor-1954 .elementor-element.elementor-element-5d9fcc2{top:0px;bottom:auto;z-index:10;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1954 .elementor-element.elementor-element-5d9fcc2 + .wpr-hidden-header{top:0px;}.elementor-1954 .elementor-element.elementor-element-5d9fcc2 + .wpr-hidden-header-flex{top:0px;}.wpr-hidden-header{z-index:10;}.wpr-hidden-header-flex{z-index:10;}.elementor-1954 .elementor-element.elementor-element-5d9fcc2 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:0px;}.elementor-1954 .elementor-element.elementor-element-0491451 > .elementor-widget-container{margin:0px 35px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1954 .elementor-element.elementor-element-0491451.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}.elementor-1954 .elementor-element.elementor-element-0491451 .the-logo img{max-width:87px;width:87px;}.sticky-on .elementor-1954 .elementor-element.elementor-element-0491451 .the-logo img{max-width:0px;width:0px;}.elementor-1954 .elementor-element.elementor-element-0491451 .the-logo{text-align:left;}.elementor-1954 .elementor-element.elementor-element-e496e81 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:2px;}.elementor-1954 .elementor-element.elementor-element-0557791 > .elementor-widget-container{border-style:solid;border-width:2px 0px 1px 0px;}.elementor-1954 .elementor-element.elementor-element-0557791 .main-menu > li > a{font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:15px;font-weight:bold;}.elementor-1954 .elementor-element.elementor-element-0557791{--nav-height:48px;--menu-item-spacing:15px;--nav-color:#FFFFFF;--nav-color-10:#FFFFFF1a;--divider-color:#FFFFFF;}.elementor-1954 .elementor-element.elementor-element-0557791 .main-menu-wrap{justify-content:center;}@media(min-width:768px){.elementor-1954 .elementor-element.elementor-element-695521b{width:14%;}.elementor-1954 .elementor-element.elementor-element-e496e81{width:86%;}}@media(max-width:1024px){.elementor-1954 .elementor-element.elementor-element-5d9fcc2{top:0px;bottom:auto;}.elementor-1954 .elementor-element.elementor-element-5d9fcc2 + .wpr-hidden-header{top:0px;}.elementor-1954 .elementor-element.elementor-element-5d9fcc2 + .wpr-hidden-header-flex{top:0px;}}@media(max-width:767px){.elementor-1954 .elementor-element.elementor-element-25035ec > .elementor-element-populated{margin:-65px 0px -7px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1954 .elementor-element.elementor-element-5d9fcc2{top:0px;bottom:auto;}.elementor-1954 .elementor-element.elementor-element-5d9fcc2 + .wpr-hidden-header{top:0px;}.elementor-1954 .elementor-element.elementor-element-5d9fcc2 + .wpr-hidden-header-flex{top:0px;}}/* Start custom CSS for foxiz-navigation, class: .elementor-element-0557791 *//* ================================
   GLOBAL VARIABLES
================================ */
:root {
  --primary: #0F172A;
  --secondary: #1E293B;
  --accent: #2563EB;
  --background: #F8FAFC;
  --text: #111827;
  --white: #ffffff;
}


/* ================================
   HEADER BASE
================================ */

.wpr-sticky-section-yes {
  background: var(--primary);
  backdrop-filter: blur(12px);
  transition: all 0.4s ease;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.wpr-sticky-section-yes.sticky-active {
  background: rgba(15, 23, 42, 0.95);
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}

/* Container spacing */
#site-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-menu {
  display: flex;
  gap: 28px;
  padding: 18px 0;
  list-style: none;
  margin: 0;
}



/* ================================
   ACTIVE MENU ITEM
================================ */

.current-menu-item a {
  color: var(--white);
  font-weight: 600;
}

.current-menu-item a::after {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 0;
  width: 100%;
  height: 2px;
  background: var(--accent);
  box-shadow: 0 0 10px var(--accent);
}

/* ================================
   MORPHING ACCENT LINE (Inspired)
================================ */
/* ================================
   GLOBAL VARIABLES
================================ */
:root {
  --primary: #0F172A;
  --secondary: #1E293B;
  --accent: #2563EB;
  --background: #F8FAFC;
  --text: #111827;
  --white: #ffffff;
}




/* ================================
   HEADER BASE
================================ */

.wpr-sticky-section-yes {
  background: var(--primary);
  backdrop-filter: blur(12px);
  transition: all 0.4s ease;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.wpr-sticky-section-yes.sticky-active {
  background: rgba(15, 23, 42, 0.95);
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}

/* Container spacing */
#site-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-menu {
  display: flex;
  gap: 28px;
  padding: 18px 0;
  list-style: none;
  margin: 0;
}



/* ================================
   ACTIVE MENU ITEM
================================ */

.current-menu-item a {
  color: var(--white);
  font-weight: 600;
}

.current-menu-item a::after {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 0;
  width: 100%;
  height: 2px;
  background: var(--accent);
  box-shadow: 0 0 10px var(--accent);
}




/* ================================
   MORPHING ACCENT LINE (Inspired)
================================ */

.wpr-sticky-section-yes::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--accent);
  animation: pulseLine 3s ease-in-out infinite;
  opacity: 0.6;
}

@keyframes pulseLine {
  0% {
    opacity: 0.4;
    box-shadow: 0 0 5px var(--accent);
  }
  50% {
    opacity: 1;
    box-shadow: 0 0 20px var(--accent);
  }
  100% {
    opacity: 0.4;
    box-shadow: 0 0 5px var(--accent);
  }
}



/* ================================
   DROPDOWN (if exists)
================================ */

.main-menu li ul {
  background: var(--secondary);
  border-radius: 8px;
  padding: 10px 0;
  box-shadow: 0 15px 35px rgba(0,0,0,0.3);
  border: 1px solid rgba(255,255,255,0.05);
}

.main-menu li ul li a {
  padding: 10px 20px;
  display: block;
  font-size: 14px;
}



/* ================================
   RESPONSIVE
================================ */

@media (max-width: 1024px) {
  .main-menu {
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .main-menu {
    flex-direction: column;
    background: var(--primary);
    padding: 20px;
  }
}



/* ================================
   DROPDOWN (if exists)
================================ */

.main-menu li ul {
  background: var(--secondary);
  border-radius: 8px;
  padding: 10px 0;
  box-shadow: 0 15px 35px rgba(0,0,0,0.3);
  border: 1px solid rgba(255,255,255,0.05);
}

.main-menu li ul li a {
  padding: 10px 20px;
  display: block;
  font-size: 14px;
}

/* ================================
   RESPONSIVE
================================ */

@media (max-width: 1024px) {
  .main-menu {
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .main-menu {
    flex-direction: column;
    background: var(--primary);
    padding: 20px;
  }
}/* End custom CSS */