/* ================= TRUSTED BY ================= */

.logo-item{
  min-width:140px;
  text-align:center;
  flex-shrink:0;
}

.logo-item img{
  height:40px;
  width:auto;
  object-fit:contain;
  margin:0 auto 10px;
  transition:transform .3s ease;
}

.logo-item p{
  font-size:14px;
  color:#555;
  font-weight:500;
}

.logo-item:hover img{
  transform:scale(1.05);
}

/* Smooth Infinite Scroll */

.marquee-track{
  width:max-content;
  animation:marquee 22s linear infinite;
}

@keyframes marquee{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}

/* Pause on Hover */

.marquee-track:hover{
  animation-play-state:paused;
}

/* Mobile Optimization */

@media(max-width:768px){

  .marquee-track{
    animation-duration:35s;
  }

  .logo-item{
    min-width:110px;
  }

  .logo-item img{
    height:30px;
  }

}

/* ================= ORBIT SECTION ================= */

.orbit-container{
  position:relative;
  width:300px;
  height:300px;
  animation:rotateOrbit 20s linear infinite;
}

@keyframes rotateOrbit{
  from{
    transform:rotate(0deg);
  }
  to{
    transform:rotate(360deg);
  }
}

.orbit-item{
  position:absolute;
  top:50%;
  left:50%;
  transform:
    rotate(calc(45deg * var(--i)))
    translate(130px)
    rotate(calc(-45deg * var(--i)));
}

.orbit-item img{
  width:50px;
  height:50px;
  object-fit:contain;
  background:white;
  padding:8px;
  border-radius:14px;
  box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

.orbit-item img:hover{
  transform:scale(1.15);
  transition:0.3s;
}