/* FOOTER*/
 @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');

        a {
            text-decoration: none;
            color: inherit;
        }

        ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        /* Helper class for dummy content */
        .content-placeholder {
            height: 100vh;
            padding: 2.5rem;
        }

        .content-placeholder h1 {
            font-size: 1.875rem; /* text-3xl */
            font-weight: 700; /* font-bold */
        }

        .content-placeholder p {
            color: #757575; /* text-gray-600 */
            margin-top: 1rem;
        }

        /* Footer Styles */
        .site-footer {
            background-color: #fff; /* bg-gray-800 */
            color: #000; /* text-white */
            padding: 3rem 1rem; /* py-12 px-4 */
        }

        .footer-container {
            max-width: 80rem; /* max-w-7xl */
            margin-left: auto;
            margin-right: auto;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr)); /* grid-cols-1 */
            gap: 2rem; /* gap-8 */
        }

        .footer-section h3 {
            font-size: 1.125rem; /* text-lg */
            font-weight: 600; /* font-semibold */
            margin-bottom: 1rem; /* mb-4 */
        }
        
        .footer-section p,
        .footer-section a {
            color: #676767; /* text-gray-400 */
            font-size: 0.875rem; /* text-sm */
        }

        .footer-section ul li {
            margin-bottom: 0.5rem; /* space-y-2 */
        }

        .footer-section a:hover {
            color: #ffffff; /* hover:text-white */
            transition: color 0.3s ease;
        }

        .social-links {
            display: flex;
        }

        .social-links a {
            margin-right: 1rem; /* space-x-4 */
        }
        
        .social-links a i {
            font-size: 1.25rem; /* fa-lg */
        }

        .footer-divider {
            margin-top: 2rem; /* my-8 */
            margin-bottom: 2rem; /* my-8 */
            border-color: #fff; /* border-gray-700 */
        }

        .footer-copyright {
            text-align: left;
            font-size: 0.875rem; /* text-sm */
            color: #6b7280; /* text-gray-500 */
        }

        /* Responsive adjustments */
        @media (min-width: 768px) { /* md breakpoint */
            .footer-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr)); /* md:grid-cols-4 */
            }
            .site-footer {
                padding-left: 1.5rem; /* sm:px-6 */
                padding-right: 1.5rem; /* sm:px-6 */
            }
        }
        
        @media (min-width: 1024px) { /* lg breakpoint */
             .site-footer {
                padding-left: 2rem; /* lg:px-8 */
                padding-right: 2rem; /* lg:px-8 */
            }
        }