/* Marquee Container */
.marquee-container {
  width: 100%;
  height: 60px;
  background-color: #111;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  font-family: Arial, sans-serif;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

/* Marquee Inner Wrapper */
.marquee {
  width: 100%;
  overflow: hidden;
}

/* Marquee Content */
.marquee-content {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
  animation: scroll-left 120s linear infinite;
  font-size: 1em;
  color: #fff;
}

/* Headline styling */
.headline {
  margin-right: 4rem;
  flex: 0 0 auto;
}

/* Separator (Leaf) styling */
.separator {
  margin-right: 4rem;
  font-size: 1.4em;
  display: inline-flex;
  align-items: center;
  animation: pulse 4s ease-in-out infinite;
}

/* Pulse animation */
@keyframes pulse {
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    transform: scale(1.1);
    filter: brightness(1.3);
  }
  100% {
    transform: scale(1);
    filter: brightness(1);
  }
}

/* Scroll Animation */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Basic body reset */
body {
  margin: 0;
  padding: 0;
}







:root {
  --color-brand: #a57b0a !important;
  --color-overDue: #a57b0a !important;
  --color-linkHover: #a57b0a !important;
  --color-breadCrumbTextHover: #a57b0a !important;
  --color-buttonPrimaryBg: #a57b0a !important;
}