.rullende-banner {
  background: #FFF9DB;
}

#container{
    width: 100%;
    font-family: Montserrat;
    position: relative;
    overflow: hidden;
    white-space: nowrap:
}

.banner {
  gap: 40px;
}

#container .banner {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: fit-content;
    white-space: nowrap;
    animation: loop 60s linear infinite;
}

@keyframes loop {
    0% {transform: translateX(0%);}
    100% {transform: translateX(-50%);}
}

.item{
  display: flex;
  align-items: center;
  padding: 0.7rem 1rem;
  margin: 0rem 1rem;
  border-radius: 0.4rem;
  white-space: nowrap;
   color:#262626;
}