.elementor-kit-7{--e-global-color-primary:#2D3028;--e-global-color-secondary:#B4955A;--e-global-color-text:#232520;--e-global-color-accent:#432818;--e-global-color-469d28a:#1C1D1A;--e-global-color-1304ab6:#F5F3EE;--e-global-color-f2abfa9:#8A8B86;--e-global-color-07412b8:#D9D7CF;--e-global-typography-primary-font-family:"Cairo";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Cairo";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Cairo";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.8;--e-global-typography-accent-font-family:"Cairo";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:700;--e-global-typography-09e408d-font-family:"Cairo";--e-global-typography-09e408d-font-size:13px;--e-global-typography-09e408d-font-weight:400;--e-global-typography-09e408d-line-height:1.8;background-color:var( --e-global-color-1304ab6 );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:34px;--e-global-typography-primary-line-height:1.7em;--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-size:12px;--e-global-typography-accent-font-size:12px;--e-global-typography-09e408d-font-size:10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS *//* Chrome / Edge / Safari */
::-webkit-scrollbar{ width:12px; height:12px; }
::-webkit-scrollbar-track{ background:var(--ddd-bg); }
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--ddd-secondary),var(--ddd-primary));
  border-radius:20px;
  border:3px solid var(--ddd-bg);
}
::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,var(--ddd-primary),var(--ddd-secondary));
}
/* Firefox */
html{ scrollbar-width:thin; scrollbar-color:var(--ddd-secondary) var(--ddd-bg); }
html{ scroll-behavior:smooth; }
 
/* ---------- 2) لون تظليل النصوص ---------- */
::selection{ background:var(--ddd-secondary); color:var(--ddd-black); }
::-moz-selection{ background:var(--ddd-secondary); color:var(--ddd-black); }
 
/* ---------- 3) خلفية متحركة (Hero والأقسام الداكنة) ---------- */
.ddd-animated-bg{ position:relative; }
.ddd-animated-bg::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(circle at 20% 30%, rgba(183,163,128,.18), transparent 42%),
    radial-gradient(circle at 80% 70%, rgba(69,74,63,.55), transparent 45%),
    radial-gradient(circle at 60% 20%, rgba(183,163,128,.10), transparent 40%);
  background-size:180% 180%;
  animation:ddd-gradient 16s ease infinite;
}
.ddd-animated-bg > .e-con-inner,
.ddd-animated-bg > .elementor-container{ position:relative; z-index:1; }
@keyframes ddd-gradient{
  0%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
  100%{ background-position:0% 50%; }
}
 
/* ---------- 4) عناصر عائمة زخرفية ---------- */
.ddd-float{ animation:ddd-floating 6s ease-in-out infinite; }
.ddd-float-slow{ animation:ddd-floating 10s ease-in-out infinite; }
@keyframes ddd-floating{
  0%,100%{ transform:translateY(0) rotate(0deg); }
  50%{ transform:translateY(-22px) rotate(6deg); }
}
 
/* ---------- 5) رفع البطاقات عند المرور (Hover Lift) ---------- */
.ddd-lift{ transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease; }
.ddd-lift:hover{
  transform:translateY(-10px);
  box-shadow:0 22px 45px -18px rgba(28,29,26,.35);
}
 
/* ---------- 6) زر نابض ---------- */
.ddd-pulse{ animation:ddd-pulse 2.4s infinite; }
@keyframes ddd-pulse{
  0%{ box-shadow:0 0 0 0 rgba(183,163,128,.6); }
  70%{ box-shadow:0 0 0 16px rgba(183,163,128,0); }
  100%{ box-shadow:0 0 0 0 rgba(183,163,128,0); }
}
 
/* ---------- 7) شريط الخدمات المتحرك (Loop / Marquee) ---------- */
.ddd-marquee{ overflow:hidden; width:100%; }
.ddd-marquee-track{
  display:flex; align-items:center; gap:26px; width:max-content;
  animation:ddd-marquee 38s linear infinite;
}
.ddd-marquee:hover .ddd-marquee-track{ animation-play-state:paused; }
.ddd-marquee-track span{
  color:var(--ddd-black); font-family:"Cairo",sans-serif;
  font-weight:700; font-size:16px; white-space:nowrap;
}
.ddd-marquee-track i{ color:var(--ddd-primary); font-size:10px; font-style:normal; }
@keyframes ddd-marquee{
  from{ transform:translateX(0); }
  to{ transform:translateX(50%); }   /* RTL: يتحرك لليمين */
}
 
/* ---------- 8) خط سفلي متحرك لروابط القائمة ---------- */
.elementor-nav-menu .elementor-item::after{
  content:""; display:block; height:2px; width:0;
  background:var(--ddd-secondary); transition:width .3s ease; margin-top:4px;
}
.elementor-nav-menu .elementor-item:hover::after{ width:100%; }
 
/* ---------- 9) لمسات تجاوب إضافية ---------- */
@media (max-width:1024px){
  .ddd-marquee-track span{ font-size:14px; }
}
@media (max-width:767px){
  .ddd-animated-bg::before{ background-size:220% 220%; }
  .ddd-float, .ddd-float-slow{ animation-duration:8s; }
}
 
/* احترام تفضيل تقليل الحركة */
@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}/* End custom CSS */