.ticker-container {
  background: var(--dashboard-bg);
  padding: 40px 0;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
   position: relative;
  margin-top: -160px; 
  z-index: 20;
}

.ticker-wrapper {
  display: flex;
  white-space: nowrap;
  padding: 10px 0;
}

.ticker-item {
  font-size: 3.5rem; 
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3); 
  text-transform: uppercase;
  padding: 0 40px;
  font-family: var(--main-font);
  transition: 0.3s;
}

.ticker-item:hover {
  -webkit-text-stroke: 1px var(--primary-orange);
  color: var(--primary-orange);
  cursor: default;
}

.scroll-left {
  animation: scrollLeft 25s linear infinite;
}

.scroll-right {
  animation: scrollRight 30s linear infinite;
}

@keyframes scrollLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes scrollRight {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

body[dir="rtl"] .ticker-item {
  font-family: 'Cairo', sans-serif;
  font-size: 3rem;
}

body[dir="ltr"] .lang-ar-only { display: none !important; }
body[dir="rtl"] .lang-en-only { display: none !important; }

.robot-container {
  position: absolute;
  top: 50% !important; 
  width: 1050px; 
  z-index: 90;   
  pointer-events: none;
  opacity: 0;
  transform: translateY(-50%); 
}

.robot-arm {
  width: 100%;
  height: auto;
  filter: drop-shadow(-40px 20px 60px rgba(0,0,0,0.8));
}

@keyframes robotInLTR {
  0% { 
    right: -1200px; 
    opacity: 0; 
    transform: translateY(-50%) rotate(10deg); 
  }
  50% { 
    right: 2%; 
    opacity: 1; 
    transform: translateY(-50%) rotate(0deg); 
  }
  100% { 
    right: 5%; 
    opacity: 1; 
    transform: translateY(-50%) rotate(-2deg); 
  }
}

body[dir="ltr"] .hero-slide.active .robot-container {
  opacity: 1;
  animation: robotInLTR 2.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

@keyframes robotInRTL {
  0% { 
    left: -1200px; 
    opacity: 0; 
    transform: translateY(-50%) rotate(-10deg); 
  }
  50% { 
    left: 2%; 
    opacity: 1; 
    transform: translateY(-50%) rotate(0deg); 
  }
  100% { 
    left: 5%; 
    opacity: 1; 
    transform: translateY(-50%) rotate(2deg); 
  }
}

body[dir="rtl"] .hero-slide.active .robot-container {
  opacity: 1;
  animation: robotInRTL 2.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

.animated-char {
  display: inline-block;
  color: var(--primary-orange);
  opacity: 0;
  transform: scale(0);
}

.hero-slide.active .animated-char {
  animation: charShow 0.4s forwards;
  animation-delay: 1.2s;
}

@keyframes charShow {
  to { opacity: 1; transform: scale(1); }
}

body[dir="rtl"] .robot-container {
  top: 60% !important; 
}

@keyframes robotInRTL {
  0% { 
    left: -900px; 
    opacity: 0; 
    transform: translateY(-50%) rotate(-10deg); 
  }
  50% { 
    left: 2%; 
    opacity: 1; 
    transform: translateY(-50%) rotate(0deg); 
  }
  100% { 
    left: 5%; 
    opacity: 1; 
    transform: translateY(-50%) rotate(2deg); 
  }
}


/* =========================================
========================================= */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #ffffff; 
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    
    transform: translateY(0); 
    transition: transform 0.7s cubic-bezier(0.86, 0, 0.07, 1); 
}

.preloader.slide-up {
    transform: translateY(-100%);
    pointer-events: none; 
}

.loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.bouncing-logo {
    width: 120px;
    height: auto;
    animation: bounceLogo 0.5s infinite alternate cubic-bezier(0.5, 0.05, 1, 0.5);
}

.logo-shadow {
    width: 70px;
    height: 10px;
    background: rgba(0, 35, 102, 0.2);
    border-radius: 50%;
    animation: scaleShadow 0.5s infinite alternate cubic-bezier(0.5, 0.05, 1, 0.5);
}

@keyframes bounceLogo {
    0% { transform: translateY(0); }
    100% { transform: translateY(-35px); }
}

@keyframes scaleShadow {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(0.4); opacity: 0.2; }
}

.loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.4s ease; 
}

.loader-content.fly-up-out {
    transform: translateY(-150px); 
    opacity: 0;
    transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease;
}

.loader-content.hidden-in-place {
    opacity: 0;
    transform: translateY(0); 
    transition: none; 
}



#vision-goals-network {
    position: relative;
    overflow: hidden;
    background-color: #f9f9f9;
    padding: 80px 0;
}

#particles-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; 
    pointer-events: all; 
}

.content-wrapper {
    position: relative;
    z-index: 2; 
}