.footer-container {
    display: grid;
    grid-template-columns: 3fr repeat(4, 2fr);
    gap: 40px; /* Space between columns */
    padding: 30px 100px; /* Padding around the footer */
    background-color: #000000; /* Dark background for the footer */
    color: #ffffff; /* White text color for better contrast */
}
.footer-container p {
    font-size: 16px;
    padding-bottom: 6px;
    color: #ffffff;
}
.footer-container .footer-logo img {
    width: 100%; /* Ensure logo is responsive */
    height: auto; /* Maintain aspect ratio */
    max-width: 150px; /* Limit the maximum width of the logo */
}
.footer-container .footer-menu .bottom-nav {
    display: flex;
    flex-direction: column;
    padding: 0px 0;
}
.footer-container .footer-menu .bottom-nav a {
    color: #ffffff; /* White text color for links */
    text-decoration: none; /* Remove underline from links */
    font-size: 16px; /* Font size for links */
    padding-bottom: 6px; /* Padding around links */
    transition: color 0.3s ease; /* Smooth transition for hover effect */
}
.footer-container .footer-menu .bottom-nav li.current-menu-item > a {
    color: #ffffffe0; /* White text color for active link */
    font-weight: 400; /* Bold text for active link */
}
.footer-container .footer-contact .footer-social {
    display: flex;
    gap: 8px; /* Space between social icons */
    margin-top: 20px; /* Space above social icons */
    align-items: center; /* Center social icons vertically */
}
.footer-container .footer-contact .footer-social img {
    width: 33%; /* Ensure social icons are responsive */
    height: auto; /* Maintain aspect ratio */
    max-width: 38px; /* Limit the maximum width of social icons */
}
.footer-container .footer-credits {
    align-content: flex-end; /* Align credits to the end of the footer */
}
.footer-container .footer-credits p {
    text-align: end; /* Align text to the end */
    font-weight: 300; /* Make text light */
}