ul {
  left: 0%;
  right: 0%;
  margin: auto;
}

.primary {
  animation: autoscroll-primary 10s linear infinite;
}

.secondary {
  display: block;
  animation: autoscroll-secondary 10s linear infinite;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  ul {
    right: initial;
    margin: initial;
  }
  @keyframes autoscroll-primary {
    from {
      left: 0%;
    }
    to {
      left: -130%;
    }
  }
  @keyframes autoscroll-secondary {
    from {
      left: 130%;
    }
    to {
      left: 0%;
    }
  }
}
@media (max-width: 769px) {
  ul {
    right: initial;
    margin: initial;
  }
  @keyframes autoscroll-primary {
    from {
      left: 0%;
    }
    to {
      left: -270%;
    }
  }
  @keyframes autoscroll-secondary {
    from {
      left: 270%;
    }
    to {
      left: 0%;
    }
  }
}
.brand-slice {
  width: 100%;
  height: 290px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  position: relative;
}
.brand-slice ul {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  gap: 72px;
}
.brand-slice ul .secondary {
  display: none;
}
.brand-slice ul li img {
  width: 17.56rem;
  height: 12.13rem;
  object-fit: contain;
}

/*# sourceMappingURL=brandSlice.css.map */