.footer {
  border-top: 3px solid #25336B;
  background-color: #34568b;
  padding: 20px 0;
}

.footer-text {
  display: flex;
  justify-content: space-around;
  align-items: flex-start; /* Ensures all items start from the same point */
  flex-wrap: wrap;
  text-align: center;
  gap: 20px; /* Add gap between items for consistent spacing */
}

.footer-item {
  margin-bottom: 15px; /* Consistent bottom margin */
}

.footer-item h4 {
  font-family: 'Avenir', 'Century Gothic', sans-serif;
  font-size: 25px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px; /* Space between header and content */
}

.footer-item p,
.footer-item ul.footer-menu {
  font-family: 'Avenir', 'Century Gothic', sans-serif;
  font-size: 16px;
  color: #fad8d8; /* Make sure the text color matches */
  text-align: center;
  margin-top: 8px;
}

.footer-item p.contact-info {
  line-height: 2; /* Increase line height for spacing */
  margin-top: 8px; /* Add margin to the top */
}

.footer-item img {
  max-width: 250px;
  margin: 0 auto; /* Center image */
}

.footer-menu {
  list-style-type: none; /* Removes bullet points */
  padding: 0; /* Removes default padding */
  text-align: center; /* Centers the list items */
  margin: 0;
}

.footer-menu li {
  display: block; /* Makes each list item a block element */
  margin-bottom: 10px; /* Space between list items */
}

.footer-menu li a:hover {
  color: #ffffff; /* Keeps the color the same on hover */
  font-weight: bold;
  font-size: 17px;
}

.social-icons img {
  width: 30px;
  height: auto;
  margin-bottom: 5px; /* Space between social icons */
}

.social-icons img:hover {
  color: #ffffff; /* Keeps the color the same on hover */
}

.banner-background {
  background-color: #34568B; /* Blue background for the area around the banner */
  padding: 5px; /* Small padding around the banner */
  margin: 0 auto; /* Center the banner horizontally */
}

.banner-container {
  display: flex;
  overflow: hidden; /* Hide the overflowing content */
  white-space: nowrap;
  align-items: center;
  background-color: white; /* White background for the banner itself */
  border-radius: 70px; /* Keep rounded corners for the banner */
  padding: 10px; /* Padding inside the banner */
}

.banner-track {
  display: flex;
  animation: scroll 30s linear infinite; /* Control the speed and repetition of the scroll */
  align-items: center;
}

.banner-track img {
  margin: 0 20px; /* Space between the images */
  transition: transform 0.3s ease; /* Smooth hover effect */
}

.banner-track img:hover {
  transform: scale(1.1); /* Slight zoom on hover */
}

@keyframes scroll {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-50%); /* Moves the banner left */
  }
}

.social-icons img {
  width: 30px; /* Adjust the default size if necessary */
  transition: transform 0.3s ease, filter 0.3s ease; /* Smooth transition */
}

.social-icons img:hover {
  transform: scale(1.2); /* Makes the icons slightly bigger on hover */
  filter: brightness(0) invert(1); /* Turns the icons white on hover */
}