.marquee {
  width:100vw;

  margin-left:calc(50% - 50vw);

  margin-top:16px;

  overflow:hidden;

  background:#000;

  color:#ffffff !important;

  padding:10px 0;

  border-top:3px solid #111;
  border-bottom:3px solid #111;

  white-space:nowrap;

  position:relative;
}

.marquee-content {

  display:flex;

  width:max-content;

  animation:scrollTaxi 10s linear infinite;
}

.marquee-content span {

  padding-right:50px;

  color:#ffffff !important;

  font-weight:900;

  font-size:22px;

  flex-shrink:0;
}

@keyframes scrollTaxi {

  from {
    transform:translateX(0);
  }

  to {
    transform:translateX(-50%);
  }

}