/* Section */
.tech-marquee-section {
  background: #dae2ff;
  padding: 40px 0;
  overflow: hidden;
  border-top: 2px solid #e6f0ff;
  border-bottom: 2px solid #e6f0ff;
}

/* Marquee wrapper */
.marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

/* Track that scrolls infinitely */
.marquee-track {
  display: inline-flex;
  gap: 60px;
  font-size: 3rem;
  animation: marquee-scroll 40s linear infinite;
}

/* Default icon style */
.marquee-track i {
  color: #aaa;
  transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover → brand colors */
.marquee-track i:hover { transform: scale(1.2); }
.fa-java:hover { color: #f89820; }
.fa-python:hover { color: #3776ab; }
.fa-html5:hover { color: #e34f26; }
.fa-css3-alt:hover { color: #1572b6; }
.fa-js-square:hover { color: #f7df1e; }
.fa-node:hover { color: #83cd29; }
.fa-react:hover { color: #61dafb; }
.fa-php:hover { color: #777bb4; }
.fa-angular:hover { color: #dd0031; }

/* Animation */
@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-33.3%); } /* move only 1 set width */
}