.parnters__list {
  overflow: hidden;
  position: relative;
  padding-top: 1px;
  padding-bottom: 1px;
}

.parnters__list::before,
.parnters__list::after {
  content: "";
  display: block;
  width: 25%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, var(--background)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(left, var(--background) 30%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, var(--background) 30%, rgba(0, 0, 0, 0) 100%);
}

.parnters__list::after {
  left: auto;
  right: 0;
  background: -webkit-gradient(linear, right top, left top, color-stop(30%, var(--background)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(right, var(--background) 30%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to left, var(--background) 30%, rgba(0, 0, 0, 0) 100%);
}

.parnters__row .js-marquee-wrapper,
.parnters__row .js-marquee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 24px;
}

.parnter {
  padding: 8px;
  border-radius: 1000px;
  border: 1px solid var(--border);
}

.parnter__logo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.parnter__name {
  padding: 8px 16px;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .partners {
    gap: 48px;
  }
}

@media (max-width: 680px) {
  .partners {
    gap: 32px;
  }
}