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

.animate-scroll {
  animation: scroll 20s linear infinite;
}

.container-important {
  position: relative;
  overflow: hidden !important;
}

.wrapper-important {
  width: max-content !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow: hidden !important;
}

.c-cta-cards__wrapper.animate-scroll {
  min-width: 200% !important;
}

.card-important {
  min-width: 10%;
  padding: 0px !important;
  margin-right: 1.5rem !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.card-content-important {
  margin: 0px !important;
  margin-left 1rem !important;
  margin-right 1rem !important;
}

.image-important {
}

.container-important::before,
.container-important::after {
  content: "";
  position: absolute;
  top: 0;
  width: 80px; /* adjust based on how much fade you want */
  height: 100%;
  z-index: 2;
  pointer-events: none; /* allows clicking through */
}

.container-important::before {
  left: 0;
  background: linear-gradient(to right, #e9ecf7, rgba(255, 255, 255, 0));
}

.container-important::after {
  right: 0;
  background: linear-gradient(to left, #e9ecf7, rgba(255, 255, 255, 0));
}