/* Footer section styling start */
footer {
    background-color: #f8f9fa; /* Light grey background */
    padding: 25px 0;
    margin-top: 40px;
    border-top: 1px solid #dee2e6; /* Subtle top border */
    font-size: 0.9em;
    color: #6c757d; /* Grey text color */
    line-height: 1.5;
}

.footer-content {
    max-width: 1140px; /* Standard container width */
    margin: 0 auto; /* Center the content */
    padding: 0 15px; /* Padding on the sides */
    display: flex;
    justify-content: space-between; /* Space out copyright and links */
    align-items: center; /* Vertically align items */
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    text-align: center; /* Center text by default for mobile */
}

.footer-copyright {
    margin-bottom: 10px; /* Space below copyright on mobile */
    flex-grow: 1; /* Allow copyright to take space */
}

    .footer-copyright small {
        display: block; /* Make the small text block level */
        margin-top: 5px;
        font-size: 0.85em;
        color: #868e96; /* Slightly lighter grey */
    }

.footer-links {
    margin-bottom: 10px; /* Space below links on mobile */
    flex-grow: 1; /* Allow links to take space */
}

    .footer-links a {
        color: #007bff; /* Bootstrap's default link blue */
        text-decoration: none;
        margin: 0 8px; /* Spacing between links */
        transition: color 0.2s ease-in-out;
    }

        .footer-links a:hover,
        .footer-links a:focus {
            color: #0056b3; /* Darker blue on hover/focus */
            text-decoration: underline;
        }

/* Adjust layout for larger screens */
@@media (min-width: 768px) {
    .footer-content {
        text-align: left; /* Align text left on larger screens */
    }

    .footer-copyright {
        margin-bottom: 0; /* Remove bottom margin */
        text-align: left;
    }

    .footer-links {
        margin-bottom: 0; /* Remove bottom margin */
        text-align: right;
    }
}

/* Footer section styling end */