/* Footer Styles */

footer {
    position: relative;
    z-index: 3; /* Ensure footer is above other elements */
    background: #000; /* Background color */
    padding: 20px;
    text-align: center;
}

/* Styling footer links */
footer a {
    color: #9a9a9a;
    text-decoration: none;
    padding: 5px 10px;
    display: inline-block;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

footer a:hover {
    text-decoration: underline;
    color: #fff;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

/* Footer Container */
.footer-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 20px;
}

/* Footer Sections */
.footer-info,
.footer-services,
.footer-contact,
.footer-social {
    flex: 1;
    margin: 10px;
    min-width: 220px; /* Minimum width for footer columns */
    color: #5a5a5a;
}

/* Footer Section Headings */
.footer-info h2,
.footer-services h2,
.footer-contact h2,
.footer-social h2 {
    font-size: 1.5em;
    margin-bottom: 15px;
}

/* Footer Section Content */
.footer-info p,
.footer-services ul,
.footer-contact p {
    font-size: 0.9em;
    line-height: 1.6;
}

/* Services List */
.footer-services ul {
    list-style-type: none;
    padding: 0;
}

.footer-services ul li {
    margin-bottom: 10px;
}

/* Services Links */
.footer-services ul li a {
    color: #9a9a9a;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-services ul li a:hover {
    text-decoration: underline;
    color: #fff;
}

/* Contact Links */
.footer-contact a {
    color: #9a9a9a;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-contact a:hover {
    text-decoration: underline;
    color: #fff;
}

/* Social Media Icons */
.footer-social {
    text-align: center;
}

.footer-social .social-icon {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.footer-social .social-icon img {
    width: 22px;
    height: 22px;
    vertical-align: middle;
}

/* Footer Bottom Bar */
.footer-bottom {
    text-align: center;
    padding: 20px 0;
    background: #f4f4f4;
    font-size: 0.8em;
}

/* Responsive Design Adjustments for Footer */

/* For medium screens (tablets and smaller laptops) */
@media (max-width: 1024px) {
    .footer-container {
        flex-direction: column;
        align-items: center; /* Center footer content */
    }

    .footer-info,
    .footer-services,
    .footer-contact,
    .footer-social {
        min-width: 100%; /* Full width on smaller screens */
        text-align: center;
    }
}

/* For small screens (smartphones) */
@media (max-width: 768px) {
    footer {
        padding: 15px;
    }

    .footer-info h2,
    .footer-services h2,
    .footer-contact h2,
    .footer-social h2 {
        font-size: 1.3em; /* Slightly smaller headings */
    }

    .footer-info p,
    .footer-services ul,
    .footer-contact p {
        font-size: 0.8em; /* Smaller font for mobile */
    }
}

/* For very small screens (small phones) */
@media (max-width: 480px) {
    .footer-info h2,
    .footer-services h2,
    .footer-contact h2,
    .footer-social h2 {
        font-size: 1.1em; /* Further reduced heading size */
    }

    .footer-info p,
    .footer-services ul,
    .footer-contact p {
        font-size: 0.7em; /* Further reduced text size */
    }
}