.elementor-178 .elementor-element.elementor-element-111b79ed{--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;--flex-wrap:wrap;border-style:none;--border-style:none;--border-radius:0px 20px 0px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:35px;--padding-right:35px;}.elementor-178 .elementor-element.elementor-element-111b79ed:not(.elementor-motion-effects-element-type-background), .elementor-178 .elementor-element.elementor-element-111b79ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_6 );}.elementor-178 .elementor-element.elementor-element-111b79ed.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-178 .elementor-element.elementor-element-3b1c9830{--display:flex;--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-178 .elementor-element.elementor-element-79e7249c img{width:75%;}.elementor-178 .elementor-element.elementor-element-7aab5f0e{--display:flex;}.elementor-178 .elementor-element.elementor-element-459f6e9a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-178 .elementor-element.elementor-element-70dc24f .elementor-icon-wrapper{text-align:center;}.elementor-178 .elementor-element.elementor-element-70dc24f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-178 .elementor-element.elementor-element-70dc24f.elementor-view-framed .elementor-icon, .elementor-178 .elementor-element.elementor-element-70dc24f.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-178 .elementor-element.elementor-element-70dc24f.elementor-view-framed .elementor-icon, .elementor-178 .elementor-element.elementor-element-70dc24f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-178 .elementor-element.elementor-element-54e0601{--display:flex;}.elementor-178 .elementor-element.elementor-element-4bc3091{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-4bc3091:not(.elementor-motion-effects-element-type-background), .elementor-178 .elementor-element.elementor-element-4bc3091 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-178 .elementor-element.elementor-element-0c1dc3e{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-0c1dc3e:not(.elementor-motion-effects-element-type-background), .elementor-178 .elementor-element.elementor-element-0c1dc3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-178 .elementor-element.elementor-element-4b87af1{--display:flex;}.elementor-178 .elementor-element.elementor-element-2616715{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-2616715:not(.elementor-motion-effects-element-type-background), .elementor-178 .elementor-element.elementor-element-2616715 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-178 .elementor-element.elementor-element-e7c1415{--display:flex;}.elementor-178 .elementor-element.elementor-element-cb819d0{--display:flex;}.elementor-178 .elementor-element.elementor-element-dab473a{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-dab473a:not(.elementor-motion-effects-element-type-background), .elementor-178 .elementor-element.elementor-element-dab473a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#04040400;}.elementor-178 .elementor-element.elementor-element-53db0a9{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-53db0a9:not(.elementor-motion-effects-element-type-background), .elementor-178 .elementor-element.elementor-element-53db0a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-178 .elementor-element.elementor-element-b612bc9{--display:flex;}.elementor-178 .elementor-element.elementor-element-b8e8ddd{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:5px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:5px;--n-menu-title-font-size:14px;--n-menu-title-color-normal:var( --e-global-color-text );--n-menu-title-transition:300ms;--n-menu-title-padding:5px 10px 5px 10px;--n-menu-icon-size:16px;--n-menu-icon-color:var( --e-global-color-text );--n-menu-icon-color-hover:var( --e-global-color-secondary );--n-menu-icon-color-active:var( --e-global-color-secondary );--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-178 .elementor-element.elementor-element-b8e8ddd > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){background-color:var( --e-global-color-primary );}.elementor-178 .elementor-element.elementor-element-b8e8ddd > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{background-color:var( --e-global-color-primary );}.elementor-178 .elementor-element.elementor-element-b8e8ddd > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-178 .elementor-element.elementor-element-b8e8ddd > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-178 .elementor-element.elementor-element-b8e8ddd > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"El_Messiri", cairo;font-weight:500;}.elementor-178 .elementor-element.elementor-element-b8e8ddd {--n-menu-title-color-hover:var( --e-global-color-text );--n-menu-title-color-active:var( --e-global-color-text );}.elementor-178 .elementor-element.elementor-element-b8e8ddd > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 10px 0px 10px;}.elementor-178 .elementor-element.elementor-element-6aa81eae{--display:flex;}.elementor-178 .elementor-element.elementor-element-4fe7e69e .elementor-button{background-color:#11111100;font-family:"El_Messiri", cairo;font-size:16px;padding:12px 0px 12px 0px;}.elementor-178{margin:35px 0px -35px 0px;padding:0px 40px 0px 40px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-178 .elementor-element.elementor-element-111b79ed{--width:100%;}.elementor-178 .elementor-element.elementor-element-3b1c9830{--width:13%;}.elementor-178 .elementor-element.elementor-element-7aab5f0e{--width:8%;}.elementor-178 .elementor-element.elementor-element-459f6e9a{--width:67%;}.elementor-178 .elementor-element.elementor-element-6aa81eae{--width:12%;}}@media(max-width:1024px) and (min-width:768px){.elementor-178 .elementor-element.elementor-element-3b1c9830{--width:40%;}.elementor-178 .elementor-element.elementor-element-7aab5f0e{--width:50%;}.elementor-178 .elementor-element.elementor-element-459f6e9a{--width:10%;}.elementor-178 .elementor-element.elementor-element-6aa81eae{--width:100%;}}@media(max-width:767px){.elementor-178 .elementor-element.elementor-element-111b79ed{--padding-top:5px;--padding-bottom:5px;--padding-left:20px;--padding-right:20px;}.elementor-178 .elementor-element.elementor-element-3b1c9830{--width:40%;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-178 .elementor-element.elementor-element-79e7249c{text-align:end;}.elementor-178 .elementor-element.elementor-element-79e7249c img{width:100%;}.elementor-178 .elementor-element.elementor-element-7aab5f0e{--width:40%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-459f6e9a{--width:20%;--justify-content:center;--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-178 .elementor-element.elementor-element-70dc24f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;padding:0px 0px 0px 0px;}.elementor-178 .elementor-element.elementor-element-70dc24f .elementor-icon-wrapper{text-align:start;}.elementor-178 .elementor-element.elementor-element-70dc24f .elementor-icon{font-size:45px;}.elementor-178 .elementor-element.elementor-element-70dc24f .elementor-icon svg{height:45px;}.elementor-178 .elementor-element.elementor-element-b8e8ddd{--n-menu-title-distance-from-content:0px;--n-menu-title-space-between:0px;--n-menu-icon-size:20px;}.elementor-178{margin:0px 0px 0px 0px;padding:0px 15px 0px 15px;}}/* Start custom CSS for html, class: .elementor-element-4758457 *//* الحاوية الرئيسية للقائمة */
.tp-nav-card {
  width: 100%;
  max-width: 420px;
  background: #0d0c1d;
  border: 1px solid rgba(127, 0, 255, 0.15);
  border-radius: 24px;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  direction: rtl;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* العنصر المفرد */
.tp-nav-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none !important;
  background: transparent;
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* الأيقونة المربعة على اليمين */
.tp-nav-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7f00ff; /* لون بنفسجي TPlanet */
  font-size: 20px;
  transition: all 0.3s ease;
  order: 0;
}

/* النصوص في المنتصف */
.tp-nav-content {
  flex: 1;
  text-align: right;
  order: 1;
}

.tp-nav-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
  font-family: inherit;
  transition: color 0.3s ease;
}

.tp-nav-sub {
  color: #8c8aa7;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
}

/* سهم الإشارة على اليسار */
.tp-nav-arrow {
  color: #a855f7;
  font-size: 16px;
  order: 2;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
}

/* ======================================================== */
/* تأثير الـ Hover عند مرور الماوس */
/* ======================================================== */
.tp-nav-item:hover {
  background: rgba(23, 21, 46, 0.9);
  border: 1px solid rgba(127, 0, 255, 0.3);
}

.tp-nav-item:hover .tp-nav-icon {
  background: linear-gradient(135deg, #7f00ff 0%, #a855f7 100%);
  border: none;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(127, 0, 255, 0.5);
  transform: scale(1.03);
}

.tp-nav-item:hover .tp-nav-title {
  color: #ffffff;
}

.tp-nav-item:hover .tp-nav-arrow {
  opacity: 1;
  transform: translateX(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4758457 *//* الحاوية الرئيسية للقائمة */
.tp-nav-card {
  width: 100%;
  max-width: 420px;
  background: #0d0c1d;
  border: 1px solid rgba(127, 0, 255, 0.15);
  border-radius: 24px;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  direction: rtl;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* العنصر المفرد */
.tp-nav-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none !important;
  background: transparent;
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* الأيقونة المربعة على اليمين */
.tp-nav-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7f00ff; /* لون بنفسجي TPlanet */
  font-size: 20px;
  transition: all 0.3s ease;
  order: 0;
}

/* النصوص في المنتصف */
.tp-nav-content {
  flex: 1;
  text-align: right;
  order: 1;
}

.tp-nav-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
  font-family: inherit;
  transition: color 0.3s ease;
}

.tp-nav-sub {
  color: #8c8aa7;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
}

/* سهم الإشارة على اليسار */
.tp-nav-arrow {
  color: #a855f7;
  font-size: 16px;
  order: 2;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
}

/* ======================================================== */
/* تأثير الـ Hover عند مرور الماوس */
/* ======================================================== */
.tp-nav-item:hover {
  background: rgba(23, 21, 46, 0.9);
  border: 1px solid rgba(127, 0, 255, 0.3);
}

.tp-nav-item:hover .tp-nav-icon {
  background: linear-gradient(135deg, #7f00ff 0%, #a855f7 100%);
  border: none;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(127, 0, 255, 0.5);
  transform: scale(1.03);
}

.tp-nav-item:hover .tp-nav-title {
  color: #ffffff;
}

.tp-nav-item:hover .tp-nav-arrow {
  opacity: 1;
  transform: translateX(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4758457 *//* الحاوية الرئيسية للقائمة */
.tp-nav-card {
  width: 100%;
  max-width: 420px;
  background: #0d0c1d;
  border: 1px solid rgba(127, 0, 255, 0.15);
  border-radius: 24px;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  direction: rtl;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* العنصر المفرد */
.tp-nav-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none !important;
  background: transparent;
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* الأيقونة المربعة على اليمين */
.tp-nav-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7f00ff; /* لون بنفسجي TPlanet */
  font-size: 20px;
  transition: all 0.3s ease;
  order: 0;
}

/* النصوص في المنتصف */
.tp-nav-content {
  flex: 1;
  text-align: right;
  order: 1;
}

.tp-nav-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
  font-family: inherit;
  transition: color 0.3s ease;
}

.tp-nav-sub {
  color: #8c8aa7;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
}

/* سهم الإشارة على اليسار */
.tp-nav-arrow {
  color: #a855f7;
  font-size: 16px;
  order: 2;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
}

/* ======================================================== */
/* تأثير الـ Hover عند مرور الماوس */
/* ======================================================== */
.tp-nav-item:hover {
  background: rgba(23, 21, 46, 0.9);
  border: 1px solid rgba(127, 0, 255, 0.3);
}

.tp-nav-item:hover .tp-nav-icon {
  background: linear-gradient(135deg, #7f00ff 0%, #a855f7 100%);
  border: none;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(127, 0, 255, 0.5);
  transform: scale(1.03);
}

.tp-nav-item:hover .tp-nav-title {
  color: #ffffff;
}

.tp-nav-item:hover .tp-nav-arrow {
  opacity: 1;
  transform: translateX(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4758457 *//* الحاوية الرئيسية للقائمة */
.tp-nav-card {
  width: 100%;
  max-width: 420px;
  background: #0d0c1d;
  border: 1px solid rgba(127, 0, 255, 0.15);
  border-radius: 24px;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  direction: rtl;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* العنصر المفرد */
.tp-nav-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none !important;
  background: transparent;
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* الأيقونة المربعة على اليمين */
.tp-nav-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7f00ff; /* لون بنفسجي TPlanet */
  font-size: 20px;
  transition: all 0.3s ease;
  order: 0;
}

/* النصوص في المنتصف */
.tp-nav-content {
  flex: 1;
  text-align: right;
  order: 1;
}

.tp-nav-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
  font-family: inherit;
  transition: color 0.3s ease;
}

.tp-nav-sub {
  color: #8c8aa7;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
}

/* سهم الإشارة على اليسار */
.tp-nav-arrow {
  color: #a855f7;
  font-size: 16px;
  order: 2;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
}

/* ======================================================== */
/* تأثير الـ Hover عند مرور الماوس */
/* ======================================================== */
.tp-nav-item:hover {
  background: rgba(23, 21, 46, 0.9);
  border: 1px solid rgba(127, 0, 255, 0.3);
}

.tp-nav-item:hover .tp-nav-icon {
  background: linear-gradient(135deg, #7f00ff 0%, #a855f7 100%);
  border: none;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(127, 0, 255, 0.5);
  transform: scale(1.03);
}

.tp-nav-item:hover .tp-nav-title {
  color: #ffffff;
}

.tp-nav-item:hover .tp-nav-arrow {
  opacity: 1;
  transform: translateX(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4758457 *//* الحاوية الرئيسية للقائمة */
.tp-nav-card {
  width: 100%;
  max-width: 420px;
  background: #0d0c1d;
  border: 1px solid rgba(127, 0, 255, 0.15);
  border-radius: 24px;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  direction: rtl;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* العنصر المفرد */
.tp-nav-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none !important;
  background: transparent;
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* الأيقونة المربعة على اليمين */
.tp-nav-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7f00ff; /* لون بنفسجي TPlanet */
  font-size: 20px;
  transition: all 0.3s ease;
  order: 0;
}

/* النصوص في المنتصف */
.tp-nav-content {
  flex: 1;
  text-align: right;
  order: 1;
}

.tp-nav-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
  font-family: inherit;
  transition: color 0.3s ease;
}

.tp-nav-sub {
  color: #8c8aa7;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
}

/* سهم الإشارة على اليسار */
.tp-nav-arrow {
  color: #a855f7;
  font-size: 16px;
  order: 2;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
}

/* ======================================================== */
/* تأثير الـ Hover عند مرور الماوس */
/* ======================================================== */
.tp-nav-item:hover {
  background: rgba(23, 21, 46, 0.9);
  border: 1px solid rgba(127, 0, 255, 0.3);
}

.tp-nav-item:hover .tp-nav-icon {
  background: linear-gradient(135deg, #7f00ff 0%, #a855f7 100%);
  border: none;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(127, 0, 255, 0.5);
  transform: scale(1.03);
}

.tp-nav-item:hover .tp-nav-title {
  color: #ffffff;
}

.tp-nav-item:hover .tp-nav-arrow {
  opacity: 1;
  transform: translateX(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4758457 *//* الحاوية الرئيسية للقائمة */
.tp-nav-card {
  width: 100%;
  max-width: 420px;
  background: #0d0c1d;
  border: 1px solid rgba(127, 0, 255, 0.15);
  border-radius: 24px;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  direction: rtl;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* العنصر المفرد */
.tp-nav-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none !important;
  background: transparent;
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* الأيقونة المربعة على اليمين */
.tp-nav-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7f00ff; /* لون بنفسجي TPlanet */
  font-size: 20px;
  transition: all 0.3s ease;
  order: 0;
}

/* النصوص في المنتصف */
.tp-nav-content {
  flex: 1;
  text-align: right;
  order: 1;
}

.tp-nav-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
  font-family: inherit;
  transition: color 0.3s ease;
}

.tp-nav-sub {
  color: #8c8aa7;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
}

/* سهم الإشارة على اليسار */
.tp-nav-arrow {
  color: #a855f7;
  font-size: 16px;
  order: 2;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
}

/* ======================================================== */
/* تأثير الـ Hover عند مرور الماوس */
/* ======================================================== */
.tp-nav-item:hover {
  background: rgba(23, 21, 46, 0.9);
  border: 1px solid rgba(127, 0, 255, 0.3);
}

.tp-nav-item:hover .tp-nav-icon {
  background: linear-gradient(135deg, #7f00ff 0%, #a855f7 100%);
  border: none;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(127, 0, 255, 0.5);
  transform: scale(1.03);
}

.tp-nav-item:hover .tp-nav-title {
  color: #ffffff;
}

.tp-nav-item:hover .tp-nav-arrow {
  opacity: 1;
  transform: translateX(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4758457 *//* الحاوية الرئيسية للقائمة */
.tp-nav-card {
  width: 100%;
  max-width: 420px;
  background: #0d0c1d;
  border: 1px solid rgba(127, 0, 255, 0.15);
  border-radius: 24px;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  direction: rtl;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* العنصر المفرد */
.tp-nav-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none !important;
  background: transparent;
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* الأيقونة المربعة على اليمين */
.tp-nav-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7f00ff; /* لون بنفسجي TPlanet */
  font-size: 20px;
  transition: all 0.3s ease;
  order: 0;
}

/* النصوص في المنتصف */
.tp-nav-content {
  flex: 1;
  text-align: right;
  order: 1;
}

.tp-nav-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
  font-family: inherit;
  transition: color 0.3s ease;
}

.tp-nav-sub {
  color: #8c8aa7;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
}

/* سهم الإشارة على اليسار */
.tp-nav-arrow {
  color: #a855f7;
  font-size: 16px;
  order: 2;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
}

/* ======================================================== */
/* تأثير الـ Hover عند مرور الماوس */
/* ======================================================== */
.tp-nav-item:hover {
  background: rgba(23, 21, 46, 0.9);
  border: 1px solid rgba(127, 0, 255, 0.3);
}

.tp-nav-item:hover .tp-nav-icon {
  background: linear-gradient(135deg, #7f00ff 0%, #a855f7 100%);
  border: none;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(127, 0, 255, 0.5);
  transform: scale(1.03);
}

.tp-nav-item:hover .tp-nav-title {
  color: #ffffff;
}

.tp-nav-item:hover .tp-nav-arrow {
  opacity: 1;
  transform: translateX(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4758457 *//* الحاوية الرئيسية للقائمة */
.tp-nav-card {
  width: 100%;
  max-width: 420px;
  background: #0d0c1d;
  border: 1px solid rgba(127, 0, 255, 0.15);
  border-radius: 24px;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  direction: rtl;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* العنصر المفرد */
.tp-nav-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none !important;
  background: transparent;
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* الأيقونة المربعة على اليمين */
.tp-nav-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7f00ff; /* لون بنفسجي TPlanet */
  font-size: 20px;
  transition: all 0.3s ease;
  order: 0;
}

/* النصوص في المنتصف */
.tp-nav-content {
  flex: 1;
  text-align: right;
  order: 1;
}

.tp-nav-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
  font-family: inherit;
  transition: color 0.3s ease;
}

.tp-nav-sub {
  color: #8c8aa7;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
}

/* سهم الإشارة على اليسار */
.tp-nav-arrow {
  color: #a855f7;
  font-size: 16px;
  order: 2;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
}

/* ======================================================== */
/* تأثير الـ Hover عند مرور الماوس */
/* ======================================================== */
.tp-nav-item:hover {
  background: rgba(23, 21, 46, 0.9);
  border: 1px solid rgba(127, 0, 255, 0.3);
}

.tp-nav-item:hover .tp-nav-icon {
  background: linear-gradient(135deg, #7f00ff 0%, #a855f7 100%);
  border: none;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(127, 0, 255, 0.5);
  transform: scale(1.03);
}

.tp-nav-item:hover .tp-nav-title {
  color: #ffffff;
}

.tp-nav-item:hover .tp-nav-arrow {
  opacity: 1;
  transform: translateX(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4758457 *//* الحاوية الرئيسية للقائمة */
.tp-nav-card {
  width: 100%;
  max-width: 420px;
  background: #0d0c1d;
  border: 1px solid rgba(127, 0, 255, 0.15);
  border-radius: 24px;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  direction: rtl;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* العنصر المفرد */
.tp-nav-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none !important;
  background: transparent;
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* الأيقونة المربعة على اليمين */
.tp-nav-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7f00ff; /* لون بنفسجي TPlanet */
  font-size: 20px;
  transition: all 0.3s ease;
  order: 0;
}

/* النصوص في المنتصف */
.tp-nav-content {
  flex: 1;
  text-align: right;
  order: 1;
}

.tp-nav-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
  font-family: inherit;
  transition: color 0.3s ease;
}

.tp-nav-sub {
  color: #8c8aa7;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
}

/* سهم الإشارة على اليسار */
.tp-nav-arrow {
  color: #a855f7;
  font-size: 16px;
  order: 2;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
}

/* ======================================================== */
/* تأثير الـ Hover عند مرور الماوس */
/* ======================================================== */
.tp-nav-item:hover {
  background: rgba(23, 21, 46, 0.9);
  border: 1px solid rgba(127, 0, 255, 0.3);
}

.tp-nav-item:hover .tp-nav-icon {
  background: linear-gradient(135deg, #7f00ff 0%, #a855f7 100%);
  border: none;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(127, 0, 255, 0.5);
  transform: scale(1.03);
}

.tp-nav-item:hover .tp-nav-title {
  color: #ffffff;
}

.tp-nav-item:hover .tp-nav-arrow {
  opacity: 1;
  transform: translateX(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4758457 *//* الحاوية الرئيسية للقائمة */
.tp-nav-card {
  width: 100%;
  max-width: 420px;
  background: #0d0c1d;
  border: 1px solid rgba(127, 0, 255, 0.15);
  border-radius: 24px;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  direction: rtl;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* العنصر المفرد */
.tp-nav-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none !important;
  background: transparent;
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* الأيقونة المربعة على اليمين */
.tp-nav-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7f00ff; /* لون بنفسجي TPlanet */
  font-size: 20px;
  transition: all 0.3s ease;
  order: 0;
}

/* النصوص في المنتصف */
.tp-nav-content {
  flex: 1;
  text-align: right;
  order: 1;
}

.tp-nav-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
  font-family: inherit;
  transition: color 0.3s ease;
}

.tp-nav-sub {
  color: #8c8aa7;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
}

/* سهم الإشارة على اليسار */
.tp-nav-arrow {
  color: #a855f7;
  font-size: 16px;
  order: 2;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
}

/* ======================================================== */
/* تأثير الـ Hover عند مرور الماوس */
/* ======================================================== */
.tp-nav-item:hover {
  background: rgba(23, 21, 46, 0.9);
  border: 1px solid rgba(127, 0, 255, 0.3);
}

.tp-nav-item:hover .tp-nav-icon {
  background: linear-gradient(135deg, #7f00ff 0%, #a855f7 100%);
  border: none;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(127, 0, 255, 0.5);
  transform: scale(1.03);
}

.tp-nav-item:hover .tp-nav-title {
  color: #ffffff;
}

.tp-nav-item:hover .tp-nav-arrow {
  opacity: 1;
  transform: translateX(0);
}/* End custom CSS */