/* NEW FOOTER STYLES (Standard CSS) */
        .site-footer {
            background-color: #1a202c; /* Equivalent to bg-gray-900 */
            color: #d1d5db; /* Equivalent to text-gray-300 */
            padding: 3rem 1rem; /* Equivalent to py-12 px-4 */
            border-top-left-radius: 0.5rem; /* Equivalent to rounded-t-lg */
            border-top-right-radius: 0.5rem; /* Equivalent to rounded-t-lg */
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* Equivalent to shadow-lg */
            font-family: 'Inter', sans-serif;
            line-height: 1.6;
            margin-top: 2rem; /* Add some space above the footer */
            overflow: hidden; /* Ensure no overflow/scroll on desktop too */
                            padding: 1rem 1rem; /* Reduced overall footer padding */
            gap: 0.5rem; /* Reduced gap between columns on mobile */

        }

        .footer-content-wrapper {
            max-width: 80rem; /* Equivalent to max-w-7xl */
            margin-left: auto;
            margin-right: auto;
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr)); /* Equivalent to grid-cols-1 */
            gap: 0.5rem; /* Reduced gap between columns on mobile */
        }

        @media (min-width: 900px) { /* md breakpoint */
            .footer-content-wrapper {
                grid-template-columns: repeat(2, minmax(0, 1fr)); /* Equivalent to md:grid-cols-2 */
            }
        }

        @media (min-width: 1024px) { /* lg breakpoint */
            .footer-content-wrapper {
                grid-template-columns: repeat(4, minmax(0, 1fr)); /* Equivalent to lg:grid-cols-4 */
            }
        }

        .footer-column {
            display: flex;
            flex-direction: column; /* Equivalent to flex flex-col */
            align-items: center; /* Equivalent to items-center */
            text-align: center; /* Equivalent to text-center */
            /* Added for consistent flex behavior when resizing */
            flex-shrink: 0;
        }

        @media (min-width: 900px) {
            .footer-column {
                align-items: flex-start; /* Equivalent to md:items-start */
                text-align: left; /* Equivalent to md:text-left */
            }
        }

        .footer-column .footer-logo-link {
            display: inline-block; /* Equivalent to inline-block */
            margin-bottom: 0.5rem; /* Reduced from 1rem */
        }

        .footer-column .footer-logo {
            height: 4.5rem; /* Equivalent to h-10 */
            border-radius: 0.375rem; /* Equivalent to rounded-md */
        }

        .footer-column p {
            color: #a0aec0; /* Equivalent to text-gray-400 */
            font-size: 0.875rem; /* Equivalent to text-sm */
            margin-bottom: 0.5rem; /* Reduced from 1rem */
            line-height: 1.4; /* Slightly tighter line height */
        }

        .footer-cta-button {
            display: inline-block;
            background-color: #d1b06b; /* Accent color */
            color: #ffffff; /* Text color */
            font-weight: 500; /* Equivalent to font-medium */
            padding: 0.4rem 1.2rem; /* Reduced from 0.5rem 1.5rem */
            border-radius: 9999px; /* Equivalent to rounded-full */
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* Equivalent to shadow-md */
            transition: background-color 0.3s ease-in-out; /* Equivalent to transition duration-300 ease-in-out */
            font-size: 0.8rem; /* Reduced from 0.875rem */
            text-decoration: none; /* Remove underline */
            margin-bottom: 0.5rem; /* Added to create space from next element */
        }

        .footer-cta-button:hover {
            background-color: #b38b4d; /* Equivalent to hover:bg-accent-600 */
        }

        .footer-heading {
            font-size: 1.0rem; /* Reduced from 1.125rem */
            font-weight: 600; /* Equivalent to font-semibold */
            color: #ffffff; /* Equivalent to text-white */
            margin-bottom: 0.5rem; /* Reduced from 1rem */
            position: relative; /* Equivalent to relative */
            padding-bottom: 0.3rem; /* Reduced from 0.5rem */
        }

        .footer-heading::after {
            content: '';
            position: absolute; /* Equivalent to after:absolute */
            left: 50%; /* Center by default */
            transform: translateX(-50%); /* Center by default */
            bottom: 0; /* Equivalent to after:bottom-0 */
            width: 2rem; /* Reduced from 2.5rem */
            height: 0.1rem; /* Reduced from 0.125rem */
            background-color: #d1b06b; /* Accent color */
            border-radius: 9999px; /* Equivalent to after:rounded-full */
        }

        @media (min-width: 900px) {
            .footer-heading::after {
                left: 0; /* Equivalent to md:after:left-0 */
                transform: translateX(0); /* Reset transform for md */
            }
        }

        .footer-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 0.2rem; /* Reduced from 0.5rem */
        }

        .footer-list li a,
        .footer-contact-info p a {
            color: #a0aec0; /* Equivalent to text-gray-400 */
            transition: color 0.2s ease; /* Equivalent to transition duration-200 */
            font-size: 0.8rem; /* Reduced from 0.875rem */
            text-decoration: none;
            padding: 0.1rem 0; /* Reduced padding */
        }

        .footer-list li a:hover,
        .footer-contact-info p a:hover {
            color: #c09e5a; /* Equivalent to hover:text-accent-400 */
        }

        .footer-address {
            font-style: normal; /* Equivalent to not-italic */
            display: flex;
            flex-direction: column;
            gap: 0.2rem; /* Reduced from 0.5rem */
            font-size: 0.8rem; /* Reduced from 0.875rem */
        }

        .footer-address p {
            display: flex;
            align-items: center; /* Equivalent to flex items-center */
            justify-content: center; /* Equivalent to justify-center */
            margin-bottom: 0; /* Remove default paragraph margin */
        }

        @media (min-width: 900px) {
            .footer-address p {
                justify-content: flex-start; /* Equivalent to md:justify-start */
            }
        }

        .footer-address i {
            color: #d1b06b; /* Accent color */
            margin-right: 0.4rem; /* Reduced from 0.5rem */
        }

        .footer-social-links {
            display: flex;
            justify-content: center; /* Equivalent to justify-center */
            margin-top: 0.8rem; /* Reduced from 1.5rem */
            gap: 0.8rem; /* Reduced from 1rem */
        }

        @media (min-width: 900px) {
            .footer-social-links {
                justify-content: flex-start; /* Equivalent to md:justify-start */
            }
        }

        .footer-social-links a {
            color: #a0aec0; /* Equivalent to text-gray-400 */
            font-size: 1.1rem; /* Reduced from 1.25rem */
            transition: color 0.2s ease; /* Equivalent to transition duration-200 */
            text-decoration: none;
        }

        .footer-social-links a:hover {
            color: #c09e5a; /* Equivalent to hover:text-accent-400 */
        }

        .footer-bottom {
            border-top: 1px solid #2d3748; /* Equivalent to border-t border-gray-800 */
            margin-top: 1.5rem; /* Reduced from 3rem */
            padding-top: 1rem; /* Reduced from 2rem */
            text-align: center; /* Equivalent to text-center */
            color: #cbd5e0; /* Equivalent to text-gray-500 */
            font-size: 0.8rem; /* Reduced from 0.875rem */
            flex-shrink: 0; /* Prevents this section from shrinking */
        }

        /* Custom Styles for Footer Dropdowns */
        .footer-dropdown-toggle {
            display: flex;
            justify-content: center; /* Center for mobile */
            align-items: center;
            cursor: pointer;
            width: 100%;
            padding: 0.3rem 0; /* Reduced from 0.5rem */
            margin-bottom: 0.3rem; /* Reduced from 0.5rem */
        }

        .footer-dropdown-toggle .footer-heading {
            margin-bottom: 0; /* Remove default margin from heading inside toggle */
            padding-bottom: 0; /* Remove default padding from heading inside toggle */
        }

        .footer-dropdown-toggle .footer-heading::after {
            display: none; /* Hide the underline on the toggle heading */
        }

        .footer-dropdown-toggle i.fas {
            margin-left: 0.4rem; /* Reduced from 0.5rem */
            transition: transform 0.3s ease-in-out;
            color: #ffffff; /* Icon color */
            font-size: 0.9rem; /* Slightly smaller icon */
        }

        .footer-dropdown-toggle.active i.fas {
            transform: rotate(180deg);
        }

        .footer-dropdown-content {
            display: none; /* Hidden by default */
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
            width: 100%; /* Ensure content takes full width */
            flex-shrink: 0; /* Ensures content doesn't get squished unnecessarily */
        }

        .footer-dropdown-content.active {
            display: block; /* Show when active */
            max-height: var(--max-dropdown-height, 100px); /* Use CSS variable for max-height */
        }

        .footer-dropdown-content .footer-list {
            align-items: center; /* Center list items for mobile */
        }

        @media (min-width: 900px) { /* Medium and larger screens */
            .footer-dropdown-toggle {
                cursor: default; /* Not clickable on larger screens */
                justify-content: flex-start; /* Align left for larger screens */
                margin-bottom: 0.5rem; /* Restore normal margin, adjusted */
            }

            .footer-dropdown-toggle .footer-heading::after {
                display: block; /* Show underline on larger screens */
            }

            .footer-dropdown-toggle i.fas {
                display: none; /* Hide icon on larger screens */
            }

            .footer-dropdown-content {
                display: flex; /* Always display as flex for larger screens */
                max-height: none !important; /* Remove max-height restriction, important to override JS */
            }

            .footer-dropdown-content .footer-list {
                align-items: flex-start; /* Align list items left for larger screens */
            }
        }

        /* Footer container height on responsive screens */
        @media (max-width: 1023px) { /* For medium and smallest screens (md and sm) */
            .site-footer {
                min-height: 60vh; /* Ensure it sticks to 60vh */
                display: flex;
                flex-direction: column;
                /* justify-content: space-between; */ /* This can sometimes cause too much spacing */
                padding: 1rem 1rem; /* Reduced overall footer padding */
            }

            .footer-content-wrapper {
                flex-grow: 1; /* Allows the grid to take remaining space */
                overflow-y: hidden; /* Prevent content wrapper from causing scroll if elements inside grow */
                gap: 0.5rem; /* Reduced gap between columns on mobile */
            }

            .footer-column {
                margin-bottom: 0.5rem; /* Add a small margin between columns */
            }

            .footer-column:last-child {
                margin-bottom: 0; /* No margin on the last column */
            }

            /* Further compress spacing within columns on small screens */
            .footer-column .footer-logo-link { margin-bottom: 0.3rem; }
            .footer-column p { margin-bottom: 0.3rem; line-height: 1.3; font-size: 0.8rem;}
            .footer-cta-button { padding: 0.3rem 0.8rem; font-size: 0.75rem; margin-bottom: 0.3rem;}
            .footer-heading { font-size: 0.9rem; margin-bottom: 0.3rem; padding-bottom: 0.1rem;}
            .footer-heading::after { width: 1.5rem; height: 0.08rem; }
            .footer-list { gap: 0.1rem; }
            .footer-list li a { font-size: 0.75rem; padding: 0.05rem 0;}
            .footer-address { gap: 0.1rem; font-size: 0.75rem;}
            .footer-address i { margin-right: 0.3rem; }
            .footer-social-links { margin-top: 0.5rem; gap: 0.5rem; }
            .footer-social-links a { font-size: 1rem; }
            .footer-bottom { margin-top: 0.8rem; padding-top: 0.5rem; font-size: 0.75rem;}
        }