@import url("variables.css");
@import url("global.css");
@import url("navbar.css");
@import url("hero.css");
@import url("about.css");
@import url("expertise.css");
@import url("why-us.css");
@import url("portfolio.css");
@import url("legacy.css");
@import url("cta.css");
@import url("home-testimonials.css");
@import url("footer.css");
@import url("animations.css");
@import url("responsive.css");

.announcement-bar {
  background: #1f2937;
  color: #c7a66a;
  height: 38px;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  border-bottom: 1px solid rgba(199, 166, 106, 0.2);
}

.announcement-track {
  display: inline-block;
  white-space: nowrap;
  animation: ticker 30s linear infinite;
}
@keyframes ticker {
  from {
    transform: translateX(100vw);
  }

  to {
    transform: translateX(-100%);
  }
}
@media (max-width: 768px) {
  .announcement-bar {
    height: 32px;
    font-size: 0.8rem;
  }

  .announcement-track {
    animation: ticker 35s linear infinite;
  }
}