.funding-section {
    background: #F5F8F9;
    padding: 80px 0;
    font-family: 'Metropolis', sans-serif;
}

.funding-header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.funding-title { 
    text-align: center; 
    font-size: 32px; 
    font-weight: 500; 
    margin: 0 0 8px; 
    /* opacity: 0; */
    /* transform: translateY(20px); */
}

/* .funding-title.animate {
    animation: fadeUp 0.6s ease-out forwards;
} */

.funding-subtitle { 
    text-align: center; 
    color: #000; 
    margin: 0 0 28px;
    font-size: 18px;
    font-weight: 400;
    /* opacity: 0; */
    /* transform: translateY(20px); */
}

/* .funding-subtitle.animate {
    animation: fadeUp 0.6s ease-out 0.1s forwards;
} */

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* wrap provides horizontal scroll on small screens */
.funding-grid-wrap { overflow-x: auto; width: 100%; }

@media (max-width: 767.98px) {
    .funding-mobile-wrap {
        padding: 0;
    }
}

.funding-headers {
    display: grid;
    grid-template-columns: 140px 400px 400px;
    gap: 18px 22px;
    max-width: 1100px;
    margin: 0 auto 12px;
    color: #111827;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}

.funding-grid { display: flex; flex-direction: column; gap: 18px; max-width: 1100px; margin: 0 auto; min-width: 1000px; }

.funding-row { 
    display: grid; 
    grid-template-columns: 140px 400px 400px; 
    gap: 18px 22px; 
    align-items: start;
    opacity: 0;
    transform: translateY(20px);
}

.funding-row.animate {
    animation: fadeUp 0.5s ease-out forwards;
}

.funding-row:nth-child(2).animate {
    animation-delay: 0.1s;
}

.funding-row:nth-child(3).animate {
    animation-delay: 0.2s;
}

.funding-head { font-weight: 600; color: #111827; text-align: center; }
.funding-head:first-child { visibility: hidden; }

.funding-title-col { color: #0468BE; font-size: 32px; font-weight: 500; align-self: center; text-align: center; }

.funding-card {
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
    padding: 24px;
    color: #000000;
    font-size: 18px;
    line-height: 1.4;
    width: 407px;
    height: 160px;
    display: flex;
    align-items: center; /* vertical center */
    justify-content: center; /* center wrapper */
}

.funding-card .card-content {
    text-align: center;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
}

.funding-desktop {
    overflow: hidden;
}

/* Mobile transposed grid (hidden on desktop) */
.funding-mobile-wrap { 
    display: none; 
    padding: 0 24px 0 0; 
}
.funding-mobile-grid {
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: 120px repeat(4, 400px);
    gap: 10px;
    min-width: 1350px;
    align-items: start;
}
.mobile-title { text-align: center; font-size: 20px; font-weight: 600; line-height: 24px; color: #0468BE; }
.mobile-rowhead { font-size: 16px; text-align: right; font-weight: 600; color: #111827; height: 160px; display: flex; align-items: center; justify-content: center; }




@media (max-width: 1019.98px) {
    /* Hide desktop table, show mobile transposed table */
    .funding-desktop { display: none !important; }
    .funding-mobile-wrap { display: block !important; overflow-x: auto; }
}

@media (max-width: 767.98px) {
    .funding-section {
        padding: 40px 0 40px 24px;
    }

    .funding-header-container {
        padding: 0 24px 0 0;
    }

    .funding-title { 
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 24px;
    }

    .funding-subtitle {
        margin-bottom: 24px;
    }

    .funding-card {
        padding: 12px;
        width: 326px;
        height: auto;
    }

    .funding-mobile-grid {
        grid-template-columns: 120px repeat(4, 326px);
        gap: 24px;
        align-items: stretch;
        min-width: 1520px;
    }

    .funding-mobile-grid .mobile-rowhead:nth-child(11) ~ .funding-card {
        height: 128px;
    }
}