/* General Footer Styling (Desktop Footer) */
.footer-desktop {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Space elements appropriately */
    align-items: center; /* Align items vertically */
    padding: 1rem 2rem; /* Adequate padding */
    text-align: center;
    border-top: 1px solid #ddd; /* Separator line */
}

.footer-desktop .col-md-4 {
    margin-bottom: 0; /* Remove unnecessary bottom margin */
    flex: 1; /* Distribute space evenly */
    text-align: left; /* Align text to the left for consistency */
}

.footer-desktop .col-md-4.d-flex {
    justify-content: flex-end; /* Center links in the middle section */
}

.footer-desktop a {
    margin: 0 1.5rem; /* Space between links */
    text-decoration: none; /* Ensure links have no underlines */
}

.footer-desktop p {
    margin: 0; /* Remove default margins for consistency */
}

/* Mobile Footer Styling */
.footer-mobile {
    display: none; /* Hide mobile footer by default */
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Align items centrally */
    text-align: center;
    padding: 1rem; /* Adequate padding */
    border-top: 1px solid #ddd; /* Separator line */
}

.footer-mobile p {
    margin-bottom: 1rem; /* Add spacing below text */
    font-size: 14px; /* Adjust font size for smaller screens */
}

.footer-mobile a {
    margin: 0.5rem 0; /* Add spacing between links */
    text-decoration: none; /* Ensure links have no underlines */
}

/* Responsive Design for Small Screens */
@media (max-width: 576px) {
    .footer-desktop {
        display: none; /* Hide desktop footer on small screens */
    }

    .footer-mobile {
        display: flex; /* Show mobile footer */
    }
}

/* Responsive Design */

/* Show mobile footer and hide desktop footer for widths below 1000px */
@media (max-width: 999px) {
    .footer-desktop {
        display: none; /* Hide desktop footer */
    }

    .footer-mobile {
        display: flex; /* Show mobile footer */
    }
}

/* Show desktop footer for widths above 1000px */
@media (min-width: 1000px) {
    .footer-desktop {
        display: flex; /* Show desktop footer */
    }

    .footer-mobile {
        display: none; /* Hide mobile footer */
    }
}