/* text shadow */
.text-shadow-sm {
    text-shadow: 1px 2px 2px rgba(0,0,0,0.3);
}

.text-shadow {
    text-shadow: 2px 3px 3px rgba(0,0,0,0.3);
}


/* Home page scroll technologes section */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
#tech-carousel.animate-scroll {
  display: inline-flex;
  animation: scroll 30s linear infinite;
}
@media (max-width: 1024px) {
  #tech-carousel.animate-scroll {
    animation: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

  @keyframes marquee {
    0%   { transform: translateX(0%); }
    100% { transform: translateX(-50%); } /* move left by half (since we duplicated) */
  }
  .animate-marquee {
    animation: marquee 30s linear infinite;
  }
  .animate-marquee:hover {
    animation-play-state: paused;
  }


  .icon-white {
    filter: invert(1) brightness(50);
  }
  .icon-white path {
    stroke: white;
    fill: white;
  }

  @keyframes fadeCycle {
  0%, 45%, 100% { opacity: 1; }
  50%, 95% { opacity: 0; }
}
.animate-fade-cycle {
  animation: fadeCycle 10s infinite;
}

#home-hero-rotating,
#about-hero-rotating {
  background-color: #0a1f3d; /* dark navy/blue tone */
}

/* Hide desktop nav under 1050px */
@media (max-width: 1050px) {
  .desktop-nav {
    display: none !important;
  }
  .mobile-burger {
    display: block !important;
  }
}

/* Show desktop nav above 1050px */
@media (min-width: 1051px) {
  .desktop-nav {
    display: flex !important;
  }
  .mobile-burger {
    display: none !important;
  }
}