/* Updated Understanding NDIS Page Styles with Increased Spacing */
.ndis-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px; /* Increased gap between elements */
    padding: 20px;
}

.ndis-cta-section {
    margin-bottom: 24px; /* Increased margin below CTA section */
}

.ndis-logo-container {
    margin-top: 24px; /* Increased margin above NDIS logo */
    margin-bottom: 24px; /* Increased margin below NDIS logo */
}

.ndis-benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px; /* Increased gap between grid items */
    margin-top: 24px; /* Increased top margin for the grid */
}

.ndis-benefit-card {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    transition: transform 0.3s ease;
}

.ndis-benefit-card:hover {
    transform: scale(1.05);
}

/* Semi-transparent dark overlay for NDIS funding section */
[data-id="2dn3c0z38"] {
    position: relative;
}

[data-id="2dn3c0z38"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 1;
    pointer-events: none;
}

/* Ensure content remains above overlay */
[data-id="2dn3c0z38"] ~ * {
    position: relative;
    z-index: 2;
}

/* Semi-transparent dark overlay for NDIS eligibility section */
[data-id="x9wlgdn6r"] {
    position: relative;
}

[data-id="x9wlgdn6r"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 1;
    pointer-events: none;
}

/* Ensure content remains above overlay */
[data-id="x9wlgdn6r"] ~ * {
    position: relative;
    z-index: 2;
}

/* Mobile-specific styles for hero section - Fix overlapping issue */
@media (max-width: 768px) {
    /* Fix hero section layout for mobile */
    .about-page .hero-section {
        height: auto !important;
        min-height: 500px;
    }

    .about-page .hero-section > div {
        flex-direction: column !important;
    }

    .about-page .hero-section > div > div {
        width: 100% !important;
    }

    /* Left content section */
    .about-page .hero-section > div > div:first-child {
        padding: 2rem 1.5rem !important;
        min-height: auto;
    }

    /* Right image section */
    .about-page .hero-section > div > div:last-child {
        min-height: 300px;
        height: 300px;
    }

    /* Adjust heading sizes for mobile */
    .about-page .hero-section h1 {
        font-size: 2rem !important;
    }

    .about-page .hero-section p {
        font-size: 1rem !important;
    }

    /* Adjust button container */
    .about-page .hero-section .flex.flex-col {
        flex-direction: column !important;
    }

    .ndis-benefits-grid {
        grid-template-columns: 1fr; /* Stack cards vertically on mobile */
        gap: 20px;
    }

    /* Fix NDIS Process image display for mobile */
    /* Target the central NDIS logo container in mobile view */
    .block.md\:hidden > .relative.w-60.h-60 {
        margin-bottom: 24px;
    }

    /* Ensure the NDIS Process image displays correctly */
    .block.md\:hidden > .relative.w-60.h-60 img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
    }

    /* Alternative targeting - use The NDIS Process image properly */
    .block.md\:hidden .absolute.inset-4.rounded-full img {
        content: url('https://cdn.ezsite.ai/AutoDev/27156/fa188ad7-bba1-4816-a5c6-e82c0bb4bbca.webp') !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: scale(1.2) !important;
        filter: contrast(1.1) saturate(1.1) !important;
    }
    
    /* Target the specific mobile circular layout image with data-id rtso1ztzk */
    [data-id="rtso1ztzk"] {
        object-fit: cover !important;
        object-position: center !important;
        transform: scale(1.2) !important;
        filter: contrast(1.1) saturate(1.1) !important;
    }

    /* FIX: Types of NDIS Funding Section (data-id='1ht4ywetl') - Mobile View */
    /* Match background styling with Our Mission section from About page */
    [data-id="1ht4ywetl"] {
        min-height: auto !important;
        height: auto !important;
        padding: 3rem 1rem !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Ensure proper content display on mobile */
    [data-id="1ht4ywetl"] .max-w-\[900px\] {
        max-width: 100% !important;
        padding: 0 1rem !important;
    }

    /* Fix subtitle spacing */
    [data-id="1ht4ywetl"] h2 {
        margin-bottom: 1.5rem !important;
        font-size: 0.875rem !important;
    }

    /* Fix main title size and spacing */
    [data-id="1ht4ywetl"] h3 {
        font-size: 2rem !important;
        line-height: 1.2 !important;
        margin-bottom: 2rem !important;
    }

    /* Fix funding types grid on mobile */
    [data-id="1ht4ywetl"] .grid.gap-8 {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        margin-bottom: 0 !important;
    }

    /* Ensure cards display properly */
    [data-id="1ht4ywetl"] .bg-white\/10 {
        padding: 1.5rem !important;
        min-height: auto !important;
    }

    /* Fix icon size */
    [data-id="1ht4ywetl"] .w-12.h-12 {
        width: 3rem !important;
        height: 3rem !important;
    }

    /* Fix card title size */
    [data-id="1ht4ywetl"] .text-xl.font-bold {
        font-size: 1.125rem !important;
    }

    /* Fix card text size */
    [data-id="1ht4ywetl"] .text-gray-200.text-sm {
        font-size: 0.875rem !important;
        line-height: 1.5 !important;
    }

    /* Ensure parent section has proper height */
    [data-id="c6h5tv93i"] {
        height: auto !important;
        min-height: auto !important;
        padding: 4rem 0 !important;
    }

    /* Fix content wrapper inside section */
    [data-id="2t0cf6rlp"] {
        padding: 2rem 1rem !important;
    }

    /* Hide the floating statistics badge on mobile */
    [data-id="w5n3g5kq8"] {
        display: none !important;
    }

    /* FIX: Types of NDIS Funding Section - Mobile View (data-id="p1rlo9923") */
    /* Ensure proper spacing, visibility and layout for all elements within this section */
    [data-id="p1rlo9923"] {
        padding: 2rem 1rem !important;
        min-height: auto !important;
        height: auto !important;
    }

    /* Center content container */
    [data-id="p1rlo9923"] .max-w-\[900px\] {
        max-width: 100% !important;
        padding: 0 0.5rem !important;
    }

    /* Subtitle (Funding Categories) - Fix spacing and size */
    [data-id="p1rlo9923"] h2[data-id="axxnojejr"] {
        font-size: 0.75rem !important;
        letter-spacing: 0.2em !important;
        margin-bottom: 1rem !important;
        line-height: 1.4 !important;
    }

    /* Main Title (Types of NDIS Funding) - Fix size and spacing */
    [data-id="p1rlo9923"] h3[data-id="ekcss33up"] {
        font-size: 1.875rem !important;
        line-height: 1.2 !important;
        margin-bottom: 2rem !important;
        padding: 0 0.5rem !important;
    }

    /* Funding Types Grid - Fix layout for mobile */
    [data-id="p1rlo9923"] .grid[data-id="4uq3lv41p"] {
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
        margin-bottom: 0 !important;
    }

    /* Individual funding cards - Fix padding and spacing */
    [data-id="p1rlo9923"] .bg-white\/10 {
        padding: 1.25rem !important;
        border-radius: 0.75rem !important;
    }

    /* Card icons - Fix size */
    [data-id="p1rlo9923"] .w-12.h-12 {
        width: 2.5rem !important;
        height: 2.5rem !important;
        margin-bottom: 0.75rem !important;
    }

    /* Card icon size adjustment */
    [data-id="p1rlo9923"] .w-12.h-12 i {
        font-size: 1.125rem !important;
    }

    /* Card titles (Core Support, Capital Support, Capacity Building) - Fix size */
    [data-id="p1rlo9923"] h4.text-xl {
        font-size: 1.125rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0.75rem !important;
    }

    /* Card descriptions - Fix text size and spacing */
    [data-id="p1rlo9923"] .text-gray-200.text-sm {
        font-size: 0.875rem !important;
        line-height: 1.6 !important;
    }

    /* Ensure proper visibility of all text */
    [data-id="p1rlo9923"] * {
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Fix parent section height */
    section[data-id="ln7x09jgk"] {
        height: auto !important;
        min-height: auto !important;
        padding: 3rem 0 !important;
    }
}