﻿#footer {
 border-top: 12px solid #84a07c;
 padding:3%;
 font-size: 16px;
 position: relative;
 width: 94%;
 margin: 0;
 background-color: white;
}
#footer a:link, #footer a:visited {
 color: #000022;
 text-decoration: none;
}
#footer a:hover {
 color: #575d90;
 text-decoration:underline;
}
.footer_space {
 display: inline-block;
 width: 30px;
}

.footer-contact-us {
 position: relative;
 top: 5px;
 transition: transform 0.3s; /* Optional: hover effect */
}
.footer-contact-us:hover {
 transform: scale(1.05) translateX(4px);
}


/* Container for the image links */
.footer-links {
 display: flex; /* Align items side by side */
 flex-wrap: wrap; /* Allow wrapping when space is limited */
 gap: 5px; /* Space between items */
 justify-content: left; /* Center items horizontally */
}

/* Styling for each link */
 .footer-links a {
  /*flex: 1 1 100px; */ /* Flexible width, minimum 200px */
  max-width: 150px; /* Optional: limit max width */
  text-decoration: none; /* Remove underline from links */
  margin-right:20px;
 }

/* Styling for images */
.footer-links img {
 height: 40px; /* Make images responsive */
 width: auto; /* Maintain aspect ratio */
 display: block; /* Remove inline spacing */
 border-radius: 8px; /* Optional: rounded corners */
 transition: transform 0.3s; /* Optional: hover effect */
}

/* Optional: Hover effect */
.footer-links a:hover img {
 transform: scale(1.05); /* Slightly enlarge on hover */
}

/* Media query for mobile devices */
@media (max-width: 768px) {
 .footer-links a {
  flex: 1 1 100%; /* Each link takes full width */
  max-width: 100%; /* Allow full width on mobile */
 }
}