/* FOOTER */
.marquee-footer{
  padding:24px 0;
}

/* TITLE */
.sponsor-title{
  text-align:center;
  color:#6f7893;
  text-transform:uppercase;
  letter-spacing:.25em;
  font-size:.72rem;
  margin-bottom:18px;
}

/* VIEWPORT (IMPORTANT FIX) */
.marquee{
  position:relative;
  overflow:hidden;
  width:100%;
  height:80px;
}

/* INNER MOVING TRACK (ABSOLUTE = NO LAYOUT BREAK) */
.track{
  display:flex;
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:max-content;
  will-change:transform;
}

/* ITEM */
.item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 40px;
  flex-shrink:0;
  opacity:.65;
  filter:grayscale(1);
  transition:.2s;
}

.item:hover{
  opacity:1;
  filter:grayscale(0);
}

/* IMAGE */
.item img{
  height:36px;
}

/* TEXT */
.name{
  color:#6ea8fe;
  font-weight:600;
  white-space:nowrap;
}

/* DIVIDER */
.divider{
  width:1px;
  height:28px;
  background:#ccc;
  display:inline-block;
  position:relative;
  top:50%;
  transform:translateY(-50%);
}

/* EDGE FADE */
.marquee::before,
.marquee::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:120px;
  z-index:2;
  pointer-events:none;
}

.marquee::before{
  left:0;
  background:linear-gradient(to right,#e9e7e7,transparent);

}

.marquee::after{
  right:0;
  background:linear-gradient(to left,#e9e7e7,transparent);

}