/* Footer Styling */
.site-footer {
    background-color: #000;/* #58595b;  Footer background color */
    color: #ffffff; /* All text color */
    padding: 2em 0 2em 0; /* Add some padding */
    margin: 4em 0 0 0;

}

.site-footer .site-info a,
.site-footer .site-info {
    color: #ffffff; /* Ensure links and text are white */
    text-decoration: none; /* Remove underline from links */
}

.site-footer .site-info a:hover {
    color: #cccccc; /* Lighter hover color for links */
}

.site-footer .social-links a {
    color: #ffffff; /* Social media icons color */
    font-size: 1.5rem; /* Icon size */
    margin: 0 10px; /* Spacing between icons */
    text-decoration: none;
}

.site-footer .social-links a:hover {
    color: #cccccc; /* Hover color for social icons */
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .site-footer .site-info,
    .site-footer .social-links {
        text-align: center; /* Center content on smaller screens */
        margin-bottom: 15px; /* Add spacing between sections */
    }
    .site-footer .row {
        flex-direction: column; /* Stack columns vertically on mobile */
    }
    .site-footer .col-md-4 {
        margin-bottom: 10px; /* Add spacing between stacked sections */
    }
}