.elementor-8072 .elementor-element.elementor-element-12fcae4{--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-8072 .elementor-element.elementor-element-12fcae4:not(.elementor-motion-effects-element-type-background), .elementor-8072 .elementor-element.elementor-element-12fcae4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8072 .elementor-element.elementor-element-d10693a{--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-8072 .elementor-element.elementor-element-38f3dbc{--display:flex;}.elementor-8072 .elementor-element.elementor-element-38f3dbc:not(.elementor-motion-effects-element-type-background), .elementor-8072 .elementor-element.elementor-element-38f3dbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8072 .elementor-element.elementor-element-c2a82c9{--display:flex;}.elementor-8072 .elementor-element.elementor-element-c2a82c9:not(.elementor-motion-effects-element-type-background), .elementor-8072 .elementor-element.elementor-element-c2a82c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8072 .elementor-element.elementor-element-c6341eb .elementor-menu-toggle{margin:0 auto;}.elementor-8072 .elementor-element.elementor-element-c6341eb .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-8072 .elementor-element.elementor-element-c6341eb .elementor-nav-menu--main .elementor-item:hover,
					.elementor-8072 .elementor-element.elementor-element-c6341eb .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-8072 .elementor-element.elementor-element-c6341eb .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-8072 .elementor-element.elementor-element-c6341eb .elementor-nav-menu--main .elementor-item:focus{color:#DABE24;fill:#DABE24;}.elementor-8072 .elementor-element.elementor-element-c6341eb .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-8072 .elementor-element.elementor-element-c6341eb .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#DABE24;}.elementor-8072 .elementor-element.elementor-element-c6341eb .e--pointer-framed .elementor-item:before,
					.elementor-8072 .elementor-element.elementor-element-c6341eb .e--pointer-framed .elementor-item:after{border-color:#DABE24;}.elementor-8072 .elementor-element.elementor-element-afd980e{--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-8072 .elementor-element.elementor-element-38f3dbc{--width:50%;}.elementor-8072 .elementor-element.elementor-element-c2a82c9{--width:20%;--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;}}@media(min-width:768px){.elementor-8072 .elementor-element.elementor-element-12fcae4{--content-width:1300px;}.elementor-8072 .elementor-element.elementor-element-38f3dbc{--width:18%;}.elementor-8072 .elementor-element.elementor-element-c2a82c9{--width:70%;}}/* Start custom CSS for container, class: .elementor-element-12fcae4 *//* ===========================
   Direction Academy – Header
   Light Theme (Desktop + Mobile)
   =========================== */

/* ====== Desktop base ====== */

.elementor-element-d10693a {
  --da-bg: #ffffff;
  --da-bg-alt: #f9fafb;
  --da-border-subtle: rgba(15, 23, 42, 0.06);
  --da-text: #111827;
  --da-muted: #6b7280;
  --da-accent: #facc15;
  --da-accent-soft: rgba(250, 204, 21, 0.18);

  position: sticky;
  top: 0;
  z-index: 999;
  background: var(--da-bg);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--da-border-subtle);
  padding: 10px 4vw;
}
.elementor-8072 .elementor-element.elementor-element-12fcae4 button{
    padding: 0!important;
}
.elementor-element-d10693a.e-con {
  align-items: center;
  justify-content: space-between;
  column-gap: 32px;
}

.elementor-element-38f3dbc.e-con {
  flex: 0 0 auto;
  align-items: center;
}

.elementor-element-10ccdd2 img {
  max-height: 54px;
  width: auto;
  height: auto;
  display: block;
}

.elementor-element-c2a82c9.e-con {
  flex: 1 1 auto;
  justify-content: flex-end;
}

.elementor-element-c6341eb .elementor-nav-menu--main {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

.elementor-element-c6341eb .elementor-nav-menu--main .elementor-nav-menu {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* مسح أي underline قديم */
.elementor-element-c6341eb .elementor-nav-menu--main .elementor-item::after {
  content: none !important;
}

/* Top level links (desktop) */
.elementor-element-c6341eb
  .elementor-nav-menu--main
  > .elementor-nav-menu
  > .menu-item
  > .elementor-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  color: var(--da-text, #111827);
  text-transform: capitalize;
  letter-spacing: 0.02em;
  background-color: transparent;
  background-image: linear-gradient(90deg, #facc15, #fbbf24);
  background-repeat: no-repeat;
  background-size: 0% 2px;
  background-position: 50% calc(100% - 4px);
  transition:
    color 0.22s ease,
    background-color 0.22s ease,
    transform 0.22s ease,
    background-size 0.25s ease-out;
}

.elementor-element-c6341eb
  .elementor-nav-menu--main
  > .elementor-nav-menu
  > .menu-item
  > .elementor-item:hover,
.elementor-element-c6341eb
  .elementor-nav-menu--main
  > .elementor-nav-menu
  > .menu-item
  > .elementor-item.elementor-item-active {
  color: #000000;
  background-color: var(--da-accent-soft, rgba(250, 204, 21, 0.18));
  transform: translateY(-1px);
  background-size: 70% 2px;
}

/* Highlight Courses + Dashboard */
.elementor-element-c6341eb
  .elementor-nav-menu--main
  > .elementor-nav-menu
  > .menu-item-2694
  > .elementor-item,
.elementor-element-c6341eb
  .elementor-nav-menu--main
  > .elementor-nav-menu
  > .menu-item-6397
  > .elementor-item {
  box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.6);
}

/* WPML desktop */
.elementor-nav-menu--main .menu-item-wpml-ls-55-en > .elementor-item {
  font-size: 13px;
  padding-inline: 10px;
  gap: 4px;
}
.elementor-nav-menu--main .menu-item-wpml-ls-55-en img.wpml-ls-flag {
  width: 18px;
  height: auto;
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.15);
}

/* Desktop dropdown */
@media (min-width: 1025px) {
  .elementor-nav-menu--main .menu-item-has-children {
    position: relative;
  }

  .elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown {
    position: absolute;
    top: 105%;
    left: 0;
    min-width: 240px;
    padding: 10px 0;
    margin: 0;
    border-radius: 18px;
    background: var(--da-bg-alt);
    border: 1px solid var(--da-border-subtle);
    box-shadow:
      0 14px 35px rgba(15, 23, 42, 0.18),
      0 0 0 1px rgba(255, 255, 255, 0.35);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px) scale(0.96);
    transform-origin: top center;
    transition:
      opacity 0.2s ease-out,
      visibility 0.2s ease-out,
      transform 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
    z-index: 9999;
    overflow: hidden;
  }

  .elementor-nav-menu--main
    .menu-item-wpml-ls-55-en
    > .sub-menu.elementor-nav-menu--dropdown {
    right: 0;
    left: auto;
  }

  .elementor-nav-menu--main
    .menu-item-has-children:hover
    > .sub-menu.elementor-nav-menu--dropdown,
  .elementor-nav-menu--main
    .menu-item-has-children.da-open
    > .sub-menu.elementor-nav-menu--dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }

  .elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown li {
    opacity: 0;
    transform: translateY(8px);
    animation: daDropdownItem 0.28s ease-out forwards;
  }

  .elementor-nav-menu--main
    .sub-menu.elementor-nav-menu--dropdown
    li:nth-child(1) {
    animation-delay: 0.02s;
  }
  .elementor-nav-menu--main
    .sub-menu.elementor-nav-menu--dropdown
    li:nth-child(2) {
    animation-delay: 0.05s;
  }
  .elementor-nav-menu--main
    .sub-menu.elementor-nav-menu--dropdown
    li:nth-child(3) {
    animation-delay: 0.08s;
  }
  .elementor-nav-menu--main
    .sub-menu.elementor-nav-menu--dropdown
    li:nth-child(4) {
    animation-delay: 0.11s;
  }
  .elementor-nav-menu--main
    .sub-menu.elementor-nav-menu--dropdown
    li:nth-child(5) {
    animation-delay: 0.14s;
  }
  .elementor-nav-menu--main
    .sub-menu.elementor-nav-menu--dropdown
    li:nth-child(6) {
    animation-delay: 0.17s;
  }
  .elementor-nav-menu--main
    .sub-menu.elementor-nav-menu--dropdown
    li:nth-child(7) {
    animation-delay: 0.2s;
  }
  .elementor-nav-menu--main
    .sub-menu.elementor-nav-menu--dropdown
    li:nth-child(8) {
    animation-delay: 0.23s;
  }
  .elementor-nav-menu--main
    .sub-menu.elementor-nav-menu--dropdown
    li:nth-child(9) {
    animation-delay: 0.26s;
  }

  .elementor-nav-menu--main
    .sub-menu.elementor-nav-menu--dropdown
    a.elementor-sub-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 14px;
    font-size: 13px;
    color: var(--da-text);
    background-color: transparent;
    white-space: nowrap;
    transition:
      background-color 0.2s ease,
      color 0.2s ease,
      transform 0.2s ease;
  }

  .elementor-nav-menu--main
    .sub-menu.elementor-nav-menu--dropdown
    a.elementor-sub-item:hover {
    background-color: var(--da-accent-soft);
    color: #000000;
    transform: translateX(2px);
  }
}

@keyframes daDropdownItem {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Scroll state */
.elementor-element-d10693a.da-header-scrolled {
  padding-block: 6px;
  background-color: #ffffff;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
}

/* ===========================
   MOBILE OFF-CANVAS (≤1024px)
   =========================== */

@media (max-width: 1024px) {
  /* هيدر ثابت وأعلى كل شيء */
  .elementor-element-d10693a {
    z-index: 100000;
    padding: 8px 14px;
    overflow: visible !important;
  }

  .elementor-location-header,
  .elementor-location-header .elementor-element-d10693a,
  .elementor-location-header .elementor-element-d10693a.e-con {
    transform: none !important;
    will-change: auto !important;
  }

  .elementor-element-d10693a.e-con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    column-gap: 16px;
  }

  .elementor-element-38f3dbc.e-con {
    flex: 0 0 auto;
    min-width: 0;
  }

  .elementor-element-c2a82c9.e-con,
  .elementor-element-c6341eb {
    flex: 0 0 auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .elementor-element-10ccdd2 img {
    max-height: 48px;
  }

  /* زر البرجر (الدائرة في الهيدر) */
  .elementor-element-c6341eb .elementor-menu-toggle {
    border-radius: 999px;
    padding: 6px 12px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    transition:
      background-color 0.22s ease,
      border-color 0.22s ease,
      box-shadow 0.22s ease,
      transform 0.22s ease;
  }

  .elementor-element-c6341eb .elementor-menu-toggle svg {
    width: 18px;
    height: 18px;
  }
  .elementor-element-c6341eb .elementor-menu-toggle svg path {
    fill: #111827;
  }

  .elementor-element-c6341eb .elementor-menu-toggle:hover {
    background-color: var(--da-accent-soft, rgba(250, 204, 21, 0.18));
    border-color: rgba(250, 204, 21, 0.7);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);
    transform: translateY(-1px);
  }

  /* حاوية المينيو = سايد منيو يمين */
  .elementor-element-c6341eb
    .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    height: 100vh;
    width: min(80vw, 340px);
    margin: 0 !important;
    padding: 52px 16px 18px; /* مساحة لزر الإغلاق */
    background-color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: -10px 0 40px rgba(15, 23, 42, 0.25);
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    z-index: 100005;
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.da-mobile-menu-open
    .elementor-element-c6341eb
    .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
  }

  .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    background: transparent !important;
    border-radius: 0 !important;
  }

  /* Overlay */
  .da-mobile-menu-overlay {
    position: fixed;
    inset: 0;
    background: radial-gradient(
        circle at top,
        rgba(15, 23, 42, 0.15),
        rgba(15, 23, 42, 0.7)
      );
    opacity: 0;
    pointer-events: none;
    z-index: 99990;
    transition: opacity 0.24s ease;
  }

  body.da-mobile-menu-open .da-mobile-menu-overlay {
    opacity: 1;
    pointer-events: auto;
  }

  /* زر إغلاق السايد منيو (داخل البانِل) */
  .da-mobile-menu-close {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    border: none;
    background-color: #111827; /* دائرة سوداء */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.25);
    transition:
      background-color 0.2s ease,
      transform 0.2s ease,
      box-shadow 0.2s ease;
  }

  .da-mobile-menu-close:hover {
    background-color: #000000;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.3);
  }

  .da-mobile-menu-close-icon {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
  }

  .da-mobile-menu-close-icon::before,
  .da-mobile-menu-close-icon::after {
    content: "";
    position: absolute;
    inset: 50%;
    width: 100%;
    height: 2px;
    border-radius: 999px;
    background-color: #ffffff; /* X بيضاء */
    transform-origin: center;
  }

  .da-mobile-menu-close-icon::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .da-mobile-menu-close-icon::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  /* قائمة المستوى الأول */
  .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-nav-menu {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
  }

  .elementor-nav-menu--dropdown.elementor-nav-menu__container
    .menu-item
    > .elementor-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 500;
    color: var(--da-text, #111827);
    background-color: transparent;
    background-image: none !important;
    transition:
      background-color 0.18s ease,
      color 0.18s ease,
      transform 0.18s ease;
  }

  .elementor-nav-menu--dropdown.elementor-nav-menu__container
    .menu-item
    > .elementor-item:hover {
    background-color: var(--da-accent-soft, rgba(250, 204, 21, 0.18));
    color: #000000;
    transform: translateY(-1px);
  }

  .elementor-nav-menu--dropdown.elementor-nav-menu__container
    .menu-item
    > .elementor-item.elementor-item-active {
    background-color: var(--da-accent-soft, rgba(250, 204, 21, 0.18));
    box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.5);
  }

  /* شكل sub-menu في الموبايل (Elementor هو اللي بيفتحها) */
  .elementor-nav-menu--dropdown.elementor-nav-menu__container
    .menu-item-has-children
    > .sub-menu {
    padding-left: 10px;
    margin-top: 4px;
    border-left: 2px solid rgba(148, 163, 184, 0.25);
  }

  .elementor-nav-menu--dropdown.elementor-nav-menu__container
    .sub-menu
    > .menu-item
    > .elementor-sub-item {
    padding: 8px 4px 8px 0;
    font-size: 13px;
    font-weight: 400;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--da-muted, #6b7280);
    background-color: transparent;
    transition:
      background-color 0.18s ease,
      color 0.18s ease,
      transform 0.18s ease;
  }

  .elementor-nav-menu--dropdown.elementor-nav-menu__container
    .sub-menu
    > .menu-item
    > .elementor-sub-item:hover {
    background-color: var(--da-accent-soft, rgba(250, 204, 21, 0.18));
    color: #000000;
    transform: translateX(2px);
  }

  /* ====== تحويل سهم Elementor إلى + / – ====== */
  .elementor-nav-menu--dropdown.elementor-nav-menu__container
    .menu-item-has-children
    .sub-arrow {
    position: relative;
    margin-left: 6px;
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.15);
    background-color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .elementor-nav-menu--dropdown.elementor-nav-menu__container
    .menu-item-has-children
    .sub-arrow
    svg {
    display: none;
  }

  .elementor-nav-menu--dropdown.elementor-nav-menu__container
    .menu-item-has-children
    .sub-arrow::before,
  .elementor-nav-menu--dropdown.elementor-nav-menu__container
    .menu-item-has-children
    .sub-arrow::after {
    content: "";
    position: absolute;
    width: 60%;
    height: 2px;
    border-radius: 999px;
    background-color: #111827;
    transform-origin: center;
    transition: transform 0.22s ease;
  }

  /* – */
  .elementor-nav-menu--dropdown.elementor-nav-menu__container
    .menu-item-has-children
    .sub-arrow::before {
    transform: rotate(0deg);
  }

  /* |  → مع الأفقية = + */
  .elementor-nav-menu--dropdown.elementor-nav-menu__container
    .menu-item-has-children
    .sub-arrow::after {
    transform: rotate(90deg);
  }

  /* لما Elementor يفتح السب منيو (aria-expanded="true") نخليها – */
  .elementor-nav-menu--dropdown.elementor-nav-menu__container
    .menu-item-has-children
    > a[aria-expanded="true"]
    .sub-arrow::after {
    transform: rotate(0deg);
  }

  /* أنيميشن دخول عناصر المستوى الأول عند فتح المنيو */
  @keyframes daMobileItemIn {
    0% {
      opacity: 0;
      transform: translateX(10px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  body.da-mobile-menu-open
    .elementor-nav-menu--dropdown.elementor-nav-menu__container
    > .elementor-nav-menu
    > .menu-item {
    opacity: 0;
    animation: daMobileItemIn 0.26s ease-out forwards;
  }

  body.da-mobile-menu-open
    .elementor-nav-menu--dropdown.elementor-nav-menu__container
    > .elementor-nav-menu
    > .menu-item:nth-child(1) {
    animation-delay: 0.02s;
  }
  body.da-mobile-menu-open
    .elementor-nav-menu--dropdown.elementor-nav-menu__container
    > .elementor-nav-menu
    > .menu-item:nth-child(2) {
    animation-delay: 0.05s;
  }
  body.da-mobile-menu-open
    .elementor-nav-menu--dropdown.elementor-nav-menu__container
    > .elementor-nav-menu
    > .menu-item:nth-child(3) {
    animation-delay: 0.08s;
  }
  body.da-mobile-menu-open
    .elementor-nav-menu--dropdown.elementor-nav-menu__container
    > .elementor-nav-menu
    > .menu-item:nth-child(4) {
    animation-delay: 0.11s;
  }
  body.da-mobile-menu-open
    .elementor-nav-menu--dropdown.elementor-nav-menu__container
    > .elementor-nav-menu
    > .menu-item:nth-child(5) {
    animation-delay: 0.14s;
  }
  body.da-mobile-menu-open
    .elementor-nav-menu--dropdown.elementor-nav-menu__container
    > .elementor-nav-menu
    > .menu-item:nth-child(6) {
    animation-delay: 0.17s;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afd980e */.elementor-8072 .elementor-element.elementor-element-afd980e{
    display: none
}/* End custom CSS */
/* Start custom CSS */.sub-arrow{
    padding: 0!important;
} 
/* ===========================
   FIX: Mobile scroll / overflow
   =========================== */

/* منع أي scroll أفقي غريب ناتج عن الـ off-canvas */
html,
body {
  overflow-x: hidden;
}

/* التحكم في ارتفاع منيو الموبايل وعدم تركها 1000vmax */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    /* Elementor بيستخدم المتغير ده لحساب الـ height */
    --menu-height: 100vh !important;
    max-height: 100vh !important;
  }

  /* لما المنيو تفتح نقفل Scroll الصفحة اللي تحتها */
  body.da-mobile-menu-open {
    overflow: hidden;
    overscroll-behavior: contain;
    touch-action: none;
  }
}/* End custom CSS */