@keyframes bannerScroller {
  to {
    transform: translateX(-100%);
  }
}
.home-banner {
  display: flex;
  width: 100%;
  height: 50px;
  background-color: white;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  color: black;
  font-weight: 100;
  font-size: 1.5em;
  font-family: Helvetica, "Roboto", Verdana, Arial, sans-serif, serif;
  font-style: normal;
  text-decoration: none;
  margin-top: 7px;
  overflow-x: hidden;
  box-shadow: 0 0 5px #f26643;
  clip-path: inset(-5px 0px);
}

.home-banner > .home-banner-scroller {
  animation: bannerScroller 20s linear infinite;
  padding-left: 100%;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
}

.home-banner:hover > .home-banner-scroller {
  animation-play-state: paused;
}

.home-banner > .home-banner-scroller > p {
  margin: 4px 10px;
  min-width: max-content;
}

.home-banner > .home-banner-scroller p,
.home-banner > .home-banner-scroller a {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  text-decoration: inherit;
}

.home-banner > .home-banner-scroller p img {
  height: 28px;
  width: auto;
}

.home-banner-scroller a:hover {
  color: #f26643;
}

.home-banner > .home-banner-scroller > .home-banner-scroller-spacer {
  color: #00419b;
  font-weight: 900;
}
