/* Main footer container styles */
footer {
    background-color: #0079c2; /* Dark background color for the footer */
    color: white; /* White text color for contrast */
    padding: 20px; /* Padding around the entire footer */
    text-align: left; /* Left align text by default */
}

/* Container for all footer content */
.footer-content {
    max-width: 1200px; /* Maximum width to keep content centered */
    margin: 0 auto; /* Center the footer content */
    display: flex; /* Use flexbox for layout */
    flex-direction: column; /* Stack children vertically */
}

/* Top section of the footer containing the main columns */
.footer-top {
    display: flex; /* Use flexbox to align columns horizontally */
    justify-content: space-between; /* Space out columns evenly */
    flex-wrap: wrap; /* Wrap columns on smaller screens */
    padding: 10px 0; /* Reduce padding between columns */
}

/* Individual column styles */
.footer-left, .footer-right {
    flex: 1; /* Make columns flexible */
    margin: 10px; /* Add margin around columns */
    min-width: 300px; /* Minimum width for each column */
}

/* Ensure left alignment for the left column */
.footer-left {
    text-align: left;
}

/* Container for Quick Links and Report MUI sections */
.footer-links-mui {
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space out sections */
}

/* Heading styles for each column */
.footer-left h3, .footer-right h3 {
    margin-top: 0; /* Remove default top margin */
}

/* Paragraph and list item margin adjustments */
.footer-left p, .footer-right ul, .footer-right a {
    margin: 5px 0; /* Reduce margin between items */
}

/* Remove list styling for quick links */
.footer-right ul {
    list-style-type: none; /* No bullets */
    padding: 0; /* Remove default padding */
}

/* Margin for individual list items */
.footer-right ul li {
    margin: 5px 0; /* Space between list items */
}

/* Quick links styling */
.footer-right ul li a {
    color: white; /* White text color */
    text-decoration: none; /* Remove underline */
}

/* Bottom section of the footer for social icons */
.footer-bottom {
    text-align: center; /* Center align content */
    width: 100%; /* Full width */
    margin-top: 20px; /* Add top margin */
}

/* Container for social media icons */
.footer-social {
    display: flex; /* Use flexbox for layout */
    justify-content: center; /* Center the icons */
    gap: 10px; /* Space between icons */
}

/* Social media icon link styles */
.footer-social a {
    color: white; /* White color for icons */
    text-decoration: none; /* Remove underline */
    font-size: 24px; /* Size of the icons */
    font-style: normal; /* Ensure icons are not italicized */
}

/* Hover effect for social media icons */
.footer-social a:hover {
    color: #afbd21; /* Change color on hover */
}

/* Ensure correct font family for icons */
.fa, .fab {
    font-family: 'FontAwesome' !important; /* Use FontAwesome */
    font-style: normal; /* Ensure icons are not italicized */
}

/* Adjustments for center-aligned content */
.footer-center p {
    margin: 3px 0; /* Reduce margin between text elements */
}

/* Link styles within center-aligned content */
.footer-center a {
    margin: 3px 0; /* Reduce margin for links */
    color: #afbd21; /* Ensure the link color stands out */
}

/* Hover effect for links within center-aligned content */
.footer-center a:hover {
    text-decoration: underline; /* Add underline on hover */
}