/* Footer */
        footer {
            background: #1a1a1a;
            color: #f5f5f5;
            padding: 5rem 3rem 2.5rem;
        }

        .footer-content {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 4rem;
            margin-bottom: 3.5rem;
        }

        .footer-section h3 {
            margin-bottom: 1.8rem;
            color: white;
            font-size: 1.08rem;
            font-weight: 600;
        }

        .footer-section p,
        .footer-section a {
            color: #a8a8a8;
            text-decoration: none;
            line-height: 2.4;
            font-size: 0.95rem;
            display: block;
            transition: color 0.3s;
        }

        .footer-section a:hover {
            color: #ffffff;
        }

        .footer-logo {
            font-size: 1.45rem;
            font-weight: 600;
            margin-bottom: 1.2rem;
            color: white;
        }

        .footer-bottom {
            text-align: center;
            padding-top: 2.5rem;
            border-top: 1px solid #333333;
            color: #888888;
            font-size: 0.9rem;
        }

        @media (max-width: 1024px) {
            .footer-content {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 768px) {
        .footer-content {
            grid-template-columns: 1fr;
        }
    }