/* Custom CSS for the Footer */
    /* It is recommended to move this to your main stylesheet (e.g., style.css) */
    .site-footer {
        background-color: #0d171c; /* Dark blue-charcoal from image */
        color: #aeb4b8; /* A soft, off-white for better readability */
        padding-top: 4rem;
        font-family: sans-serif;
    }

    .site-footer .footer-logo {
        color: #ffffff;
        font-size: 1.75rem;
        font-weight: 700;
        letter-spacing: 1.5px;
        margin-bottom: 1rem;
    }
    
    .site-footer .footer-description {
        font-size: 0.9rem;
        max-width: 260px;
    }

    .site-footer h5 {
        color: #ffffff;
        font-weight: 600;
        margin-bottom: 1.5rem;
    }

    .site-footer .footer-links {
        list-style: none;
        padding-left: 0;
        margin-bottom: 50px;
    }

    .site-footer .footer-links li {
        margin-bottom: 0.75rem;
    }

    .site-footer .footer-links a {
        color: #aeb4b8;
        text-decoration: none;
        transition: color 0.2s ease-in-out;
    }

    .site-footer .footer-links a:hover {
        color: #ffffff;
        text-decoration: underline;
    }
    
    .site-footer .social-icons a {
        color: #aeb4b8;
        font-size: 1.25rem;
        margin-right: 1rem;
        transition: color 0.2s ease-in-out;
    }

    .site-footer .social-icons a:hover {
        color: #ffffff;
    }
    
    .site-footer .contact-info {
        margin-top: 1.5rem;
    }

    .site-footer .contact-info p {
        margin-bottom: 0.25rem;
        font-size: 0.95rem;
    }

    .site-footer .footer-divider {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        margin-top: 3rem;
        margin-bottom: 2rem;
    }

    .site-footer .footer-copyright {
        color: #868e96;
        font-size: 0.85rem;
        padding-bottom: 2rem;
    }