.ai-loop-wrapper {
  overflow: hidden;
}

.ai-row {
  display: flex;
  gap: 20px;
  width: max-content;
  margin: 20px 0;
}

.ai-card {
  background:#fff;
  padding:25px;
  border-radius:18px;
  text-align:center;
  box-shadow:0 10px 25px rgba(0,0,0,.05);
  min-width:220px;
}

.ai-left {
  animation: slideLeft 100s linear infinite;
}

.ai-right {
  animation: slideRight 100s linear infinite;
}

.pause-hover:hover .ai-left,
.pause-hover:hover .ai-right {
  animation-play-state: paused;
}

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

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