/* Footer Section */
.footer {
    background-color: #3a6ea5; /* Footer background color */
    color: #fff; /* Text color */
    padding: 40px 20px; /* Padding for spacing */
    font-size: 0.9rem; /* Slightly smaller font size */
}

.footer-container {
    display: flex; /* Use Flexbox for layout */
    justify-content: space-between; /* Space between sections */
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    max-width: 1200px; /* Limit the width of the footer */
    margin: 0 auto; /* Center the footer content */
}

/* Footer Titles */
.footer-links h3, .footer-contact h3, .footer-references h3 {
    font-size: 1.2rem; /* Adjust title font size */
    margin-bottom: 10px; /* Add spacing below the title */
    font-weight: bold; /* Make the titles bold */
    color: rgba(255, 255, 255, 0.8); /* Lighter version of the footer background color */
}

/* Footer Links */
.footer-links ul {
    list-style: none; /* Remove default bullets */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
}

.footer-links ul li {
    margin-bottom: 5px; /* Add spacing between list items */
    position: relative; /* Enable positioning for the arrow */
}

.footer-links ul li a {
    color: #fff; /* Link color */
    text-decoration: none; /* Remove underline */
    display: block; /* Make the link a block element */
    padding-right: 20px; /* Add padding to the right for the arrow */
}

.footer-links ul li a::after {
    content: '\2192'; /* Unicode for right arrow (→) */
    position: absolute; /* Position the arrow */
    right: 0; /* Align the arrow to the right */
    top: 50%; /* Vertically center the arrow */
    transform: translateY(-50%); /* Adjust for perfect centering */
    font-size: 1rem; /* Adjust arrow size */
    color: #fff; /* Ensure the arrow is white */
}

.footer-links ul li a:hover {
    color: #e0e0e0; /* Slightly lighter color on hover */
}

.footer-links ul li a:hover::after {
    color: #e0e0e0; /* Change arrow color on hover */
}

/* Footer Contact */
.footer-contact {
    padding-left: 20px; /* Add padding to the left for the contact column */
}

.footer-contact p {
    margin: 5px 0; /* Add spacing between contact details */
    color: #fff; /* Ensure text is white */
}

.footer-contact a {
    color: #fff; /* Link color */
    text-decoration: none; /* Remove underline */
}

.footer-contact a:hover {
    color: #e0e0e0; /* Slightly lighter color on hover */
}

/* Footer References Section */
.footer-references a {
    color: #fff; /* Ensure the link is white */
    text-decoration: none; /* Remove underline */
    display: inline-flex; /* Align icon and text horizontally */
    align-items: center;
    font-size: 1rem; /* Adjust font size */
}

.footer-references a i {
    margin-right: 10px; /* Add spacing between the icon and the text */
    font-size: 1rem; /* Adjust icon size */
    color: #fff; /* Ensure the icon is white */
}

.footer-references a:hover {
    color: #e0e0e0; /* Slightly lighter color on hover */
}

/* Footer Bottom Section */
.footer-bottom {
    text-align: center; /* Center-align the copyright text */
    margin-top: 20px; /* Add spacing above the bottom section */
    font-size: 0.8rem; /* Slightly smaller font size */
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* Subtle border at the top */
    padding-top: 10px; /* Add padding above the text */
    color: #fff; /* Ensure copyright text is white */
}

.footer-bottom a {
    color: #fff; /* Ensure links in the footer bottom are white */
    text-decoration: none;
}

.footer-bottom a:hover {
    color: #e0e0e0; /* Slightly lighter color on hover */
}