.carousel-container {
  width: 100%;
  height: var(--slider-item-height);
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

.carousel-track {
  display: flex;
  align-items: center;
  gap: var(--slider-gap);
  animation: slide-left var(--slider-duration) linear infinite;
  will-change: transform;
}

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

.carousel-item {
  flex-shrink: 0;
  width: var(--slider-item-width);
  height: var(--slider-item-height);
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@keyframes slide-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-50% - var(--slider-gap) / 2));
  }
}

.d-block {
  display: block !important;
}

.d-hidden {
  display: none !important;
}

.g-recaptcha {
  margin-bottom: 1.5rem;
}
