/* ========================================
   Funding Section
   ======================================== */

.funding-section {
    width: 100%;

    padding: 120px var(--space-10);

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--grey-950);

    overflow: hidden;
}


/* ========================================
   Container
   ======================================== */

.funding-section__container {
    width: min(100%, 1024px);
    min-height: 310px;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    gap: var(--space-16);

    background: var(--color-ivory);

    border-radius: 9999px;
box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.12);
    overflow: hidden;
}


/* ========================================
   Funding Badge
   ======================================== */

.funding-section__badge {
    flex: 0 0 310px;

    width: 310px;
    height: 310px;

    padding: var(--space-8);

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--pink-500);

    border-radius: 9999px;

    overflow: hidden;
}

.funding-section__title {
    color: var(--color-white);

    font-family: var(--font-family-primary);
    font-size: var(--text-h2);
    font-weight: var(--font-bold);
    line-height: var(--leading-h2);
}


/* ========================================
   Content
   ======================================== */

.funding-section__content {
    flex: 1;
    min-width: 0;

    padding: var(--space-5);

    display: flex;
    align-items: center;
    justify-content: center;
}

.funding-section__text {
    margin: 0;

    color: var(--grey-950);

    font-family: var(--font-family-primary);
    font-size: var(--text-body-lg);
    font-weight: var(--font-regular);
    line-height: var(--leading-body-lg);
}

.funding-section__text strong {
    color: var(--pink-500);

    font-size: var(--text-h5);
    font-weight: var(--font-semibold);
    line-height: var(--leading-h5);
}


/* ========================================
   Tablet
   ======================================== */

@media (max-width: 1100px) {

    .funding-section {
        padding: 96px var(--space-6);
    }

    .funding-section__container {
        width: min(100%, 900px);

        min-height: 280px;

        gap: var(--space-10);
    }

    .funding-section__badge {
        flex-basis: 280px;

        width: 280px;
        height: 280px;
    }
}


/* ========================================
   Mobile
   ======================================== */

@media (max-width: 640px) {

    .funding-section {
        padding: var(--space-16) var(--space-4);
    }

    .funding-section__container {
        min-height: 0;

        flex-direction: column;

        gap: 0;

        border-radius: 32px;
    }

    .funding-section__badge {
        flex: 0 0 auto;

        width: 100%;
        height: auto;

        min-height: 180px;

        padding: var(--space-6);

        border-radius: 32px 32px 0 0;
    }

    .funding-section__title {
        font-size: var(--text-h2);
        line-height: var(--leading-h2);
    }

    .funding-section__content {
        width: 100%;

        padding: var(--space-6);
    }

    .funding-section__text {
        font-size: var(--text-body);
        line-height: var(--leading-body);
    }

    .funding-section__text strong {
        font-size: var(--text-body-lg);
        line-height: var(--leading-h5);
    }
}