/* Shared styles for Ward website */

/* Diagonal slash for button */
.slash-shape {
  clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
}

/* Logo scrolling animation */
.logo-scroll {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.logo-scroll-content {
  display: flex;
  align-items: center;
  gap: 4rem;
  animation: scroll 30s linear infinite;
  width: fit-content;
}

.trust-logo {
  height: 40px;
  width: auto;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.6;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.trust-logo:hover {
  filter: grayscale(0%);
  opacity: 1;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-25%);
  }
}

.logo-scroll-content:hover {
  animation-play-state: paused;
}