.footer {
    background-color: #343a40; /* Dark gray background */
    color: #fff; /* White text */
  }
  .footer .social-icons a {
    font-size: 1.2rem;
    transition: color 0.3s ease;
  }
  .footer .social-icons a:hover {
    color: #007bff; /* Bootstrap primary color */
  }
  .footer h3,
  .footer h5 {
    color: #f8f9fa; /* Lighter shade of white */
  }
  .footer p,
  .footer ul {
    font-size: 0.9rem;
  }
  .footer ul li {
    margin-bottom: 5px;
  }
  .footer ul li a {
    transition: color 0.3s ease;
  }
  .footer ul li a:hover {
    color: #17a2b8; /* Bootstrap info color */
  }