@media (max-width: 992px) {
  .center-logo-m {
  display: flex;
  margin: auto;
  }
}

.footer-btn {
  background-color: #CC1515;
  color: white;
  border: none;
  padding: 10px 25px;
}

  .process-card:hover {
    border-color: #dc3545; /* Red border on hover */
  }

  .announcement-bar {
  background-image: url('<?php echo $relative; ?>img/annoucementbar-background.jpg');
  background-size: cover;
  background-position: center;
  position: relative;
}

.announcement-bar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(204, 21, 21, 0.75); /* 75% opacity red overlay */
  z-index: 0;
}

.announcement-bar * {
  position: relative;
  z-index: 1; /* Ensure the text and icons are above the overlay */
}

@media (max-width: 768px) {
  .announcement-bar {
    flex-direction: column; /* Stack content vertically on mobile */
  }
  .announcement-bar a {
    margin-left: 0; /* Remove left margin for the link */
    margin-top: 10px; /* Add some top margin for spacing */
  }
}