.brand-bar-module-container {
  background-color: #ffffff;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 40px;
}

.brand-bar-module-title {
  font-family: Roboto Slab, serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.25em;
  color: #02293d;
  margin-bottom: 40px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  text-align: center;
}

.brand-slider-container {
  width: 100vw;
}

.brand-slider-container[data-animated="true"] {
  overflow: hidden;
/**  -webkit-mask: linear-gradient(
	90deg,
	rgb(255, 255, 255, 0.5),
	white 10%,
	white 90%,
	rgb(255, 255, 255, 0.5)
  );
  mask: linear-gradient(90deg, rgb(255, 255, 255, 0.5), white 10%, white 90%, rgb(255, 255, 255, 0.5));**/
}

.brand-slider-container[data-animated="true"] .brand-slider-list {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s)
	var(--_animation-direction, forwards) linear infinite;
}

.brand-slider-container[data-direction="right"] {
  --_animation-direction: reverse;
}

.brand-slider-container[data-direction="left"] {
  --_animation-direction: forwards;
}

.brand-slider-container[data-speed="fast"] {
  --_animation-duration: 20s;
}

.brand-slider-container[data-speed="slow"] {
  --_animation-duration: 60s;
}

@keyframes scroll {
  to {
	transform: translate(calc(-50% - 0.5rem));
  }
}

.brand-slider-list {
  display: flex;
  flex-direction: row;
  gap: 3rem;
}

.brand-slider-list li {
  list-style: none;
  opacity: 60%;
}

.brand-slider-list li:hover {
  opacity: 100%;
}

.brand-slider-list img {
  height: 60px;
}