@import url("/assets/css/base/tokens.css");

/* ===============================
   DEMO Banner (Marquee)
   =============================== */
#demo-banner {
  background: linear-gradient(90deg, #1e90ff, #1565c0);
  padding: 10px 0;
  overflow: hidden;
  height: 38px;
  white-space: nowrap;
  position: relative;
}
#demo-banner .marquee {
  display: inline-flex;
  min-width: 200%;
  animation: demo-scroll-left 25s linear infinite;
}
#demo-banner .marquee span {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 0 40px;
  line-height: 1;
}
@keyframes demo-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}