/* Footer Section */
footer {
    background-color: #1a1a2e;
    padding: 2rem;
    color: white;
    text-align: left; /* Align content to the left */
}

/* Footer Container */
.footer-container {
    display: flex;
    justify-content: space-between; /* Spread sections horizontally */
    flex-wrap: wrap; /* Allow wrapping for mobile */
    gap: 2rem; /* Add space between sections */
}

/* Footer Section */
.footer-section {
    flex: 1; /* Equal width sections */
    min-width: 250px; /* Ensure sections don't shrink too much on smaller screens */
}

/* Footer Headings */
.footer-heading {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

/* Footer Contact Info */
.footer-contact-info {
    list-style: none;
    padding: 0;
}

.footer-contact-info li {
    margin: 1rem 0;
    display: flex;
    align-items: center; /* Align icon and text horizontally */
}

.footer-contact-info a {
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem; /* Space between the icon and text */
}

.footer-contact-info a:hover {
    color: #ff6600; /* Hover color effect for text */
}

.contact-icon {
    width: 20px; /* Adjust the size of the icons */
    height: 20px;
    object-fit: contain; /* Ensure icons maintain their aspect ratio */
}


/* Footer Links */
.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
}

.footer-links a:hover {
    color: #ff6600;
}

/* Social Links Styling */
.social-links {
    display: flex; /* Flexbox for horizontal alignment */
    justify-content: left; /* Center the icons horizontally */
    gap: 1rem; /* Add spacing between icons */
}

.social-icon {
    display: inline-block;
    text-decoration: none; /* Remove underline */
}

.social-icon-img {
    width: 40px; /* Adjust icon size */
    height: 40px;
    transition: transform 0.3s ease, filter 0.3s ease; /* Smooth animation for hover */
    filter: invert(1);
}

.social-icon-img:hover {
    transform: scale(1.1); /* Slight zoom on hover */
    filter: invert(47%) sepia(100%) saturate(865%) hue-rotate(10deg) brightness(98%) contrast(94%); /* Change to #FF6600 */
}


/* Mobile Responsiveness */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column; /* Stack sections vertically on smaller screens */
        align-items: flex-start; /* Align content to the left */
    }

    .footer-section {
        margin-bottom: 2rem; /* Add spacing between stacked sections */
    }
}

/* Copyright Section Styling */
.copyright-section {
    background-color: #000000; /* Dark blue background */
    color: #ffffff; /* White text color */
    text-align: center; /* Center-align the text */
    padding: 20px 0; /* Add vertical padding */
    width: 100%; /* Full width */
    font-size: 0.9rem; /* Font size for text */
    box-sizing: border-box; /* Include padding in width/height calculation */
    margin: 0; /* No margins to ensure it spans the entire width */
}

.copyright-section p {
    margin: 0; /* Remove default paragraph margins */
    color: #cccccc; /* Light gray text for better contrast */
}