/* 
  &:before {
    content: '\e900';
    @include icons-pseudo;
  }
*/
/* 
    @include hover-supported() {
        background-color: white;
    }
*/
/* Examples: 
    @include user-select(none);
    @include user-select(all);
*/
.trusted-brands {
  padding-bottom: 5rem;
}
@media (min-width: 768px) {
  .trusted-brands {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 1280px) {
  .trusted-brands {
    padding-bottom: 3rem;
  }
}
@media (min-width: 1600px) {
  .trusted-brands {
    padding-bottom: 6rem;
  }
}
.trusted-brands-header {
  padding: 1.5rem 3rem;
  font-size: 1.3rem;
  line-height: 1.7rem;
  border-radius: 0 0 0.8rem 0.8rem;
  margin: 0 4.9rem 6rem;
}
@media (min-width: 768px) {
  .trusted-brands-header {
    padding: 1.85rem 4.2rem;
    font-size: 1.1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1600px) {
  .trusted-brands-header {
    margin: 0 0 4rem;
  }
}

:root {
  --marquee-width: 100vw;
  --marquee-height: 8.5rem;
  /* --marquee-elements: 12; */
  /* defined with JavaScript */
  --marquee-elements-displayed: 8;
  --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
  --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
}

.marquee {
  position: relative;
  margin: 0 60px;
}
@media (min-width: 768px) {
  .marquee {
    width: var(--marquee-width);
    height: var(--marquee-height);
    overflow: hidden;
    margin: 0;
  }
}

.marquee-content {
  list-style-type: none;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4rem;
}
@media (min-width: 768px) {
  .marquee-content {
    height: 100%;
    display: flex;
    grid-gap: 3rem;
    /*animation: scrolling var(--marquee-animation-duration) linear infinite;*/
	animation: scrolling var(--marquee-animation-duration) linear reverse infinite;
	/* animation: scrolling var(--marquee-animation-duration) reverse infinite; */
	     /* Start off the right edge 
            transform: translateX(100%);*/
            /* Animate to the left 
            animation: scroll-left 20s linear infinite;*/

  }
}
@media (min-width: 768px) {
  .marquee-content:hover {
    animation-play-state: paused;
  }
}
@media (min-width: 768px) {
  .marquee-content li {
    width: var(--marquee-element-width);
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    white-space: nowrap;
    margin: 0 1rem;
  }
}
@media (min-width: 1600px) {
  .marquee-content li {
    margin: 0 3rem;
  }
}
@media (min-width: 768px) {
  .marquee-content li img {
    max-width: 10rem !important;
    width: auto;
  }
}
@media (min-width: 1280px) {
  .marquee-content li img {
    max-width: 12rem !important;
  }
}
@media (min-width: 1600px) {
  .marquee-content li img {
    max-width: 20rem !important;
  }
}

@keyframes scrolling {
  0% {
    transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));
  }
  100% {
    transform: translateX(0);
  }
}
@media (min-width: 1280px) {
  .marquee-content li img {
      height: auto;
  }
}