/* Footer */
.footer {
    background-color: var(--primary-color);
    padding: 2rem;
    color: white;
    margin-top: 3rem; /* Added margin-top to push footer down */
}

.footer-content {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

.footer-info h2 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

.footer-info p {
    max-width: 300px;
    color: #ccc;
}

.contact-info {
    color: #ccc;
}

/* Responsive Adjustments for Footer */
@media (max-width: 768px) {
    .footer {
        padding: 1.5rem; /* Adjust footer padding */
    }

    .footer-content {
        flex-direction: row; /* Keep side-by-side layout */
        flex-wrap: wrap; /* Allow items to wrap if needed */
        justify-content: space-between; /* Distribute space between items */
        gap: 1rem; /* Reduced gap between sections */
    }

    .footer-info,
    .contact-info {
        width: calc(50% - 0.5rem); /* Allocate roughly half width with gap consideration */
        text-align: left; /* Default alignment */
        padding: 0;
    }

     .contact-info {
         text-align: right; /* Align contact info to the right */
     }

    .footer-info h2,
    .contact-info h3 {
         margin-bottom: 0.5rem; /* Adjust heading margin */
    }

    .footer-info p,
    .contact-info p {
         max-width: 100%; /* Allow text to take full width */
         font-size: 0.95rem; /* Slightly smaller font */
         line-height: 1.4; /* Adjust line height for readability */
         word-wrap: break-word; /* Ensure long words break */
         overflow-wrap: break-word; /* Ensure long words break */
    }

    /* Adjustments for the email line in contact info */
    .contact-info p.email-line {
        display: flex; /* Use flexbox to align icon and text */
        align-items: center; /* Vertically center icon and text */
        justify-content: flex-end; /* Align content to the right */
        margin-bottom: 0;
    }

    .contact-info p.email-line i {
        margin-left: 5px; /* Space after the email icon */
        margin-right: 0; /* Remove right margin */
        flex-shrink: 0; /* Prevent icon from shrinking */
    }

    .contact-info p.email-line a {
        color: #ccc;
        text-decoration: none;
        word-break: break-all; /* Allow long email addresses to break */
    }
}