/* donate -------------------------------------*/

#donate h2 {
    font-size: clamp(1.1rem, 10vw, 4rem);
}

/* donate btn */
#give-link,
#partner-link,
#partner-link-eng,
#prayer-link,
#give-link-french,
#prayer-link-french {
    width: fit-content !important;
    padding-left: 50px;
    padding-right: 50px;
}

#give-link {
    padding-left: 70px;
    padding-right: 70px;
}

#give-link-french,
#prayer-link-french {
    /* padding-left: 95px;
    padding-right: 95px; */
}

#partner-link {
    padding-left: 10px;
    padding-right: 10px;
}


#donate {
    scroll-behavior: smooth;
    background: url('../images/marble.avif') no-repeat fixed center;
    background-size: cover;
    color: #fff;
    padding: 1rem;
    display: grid;
    /* grid-template-rows: 1fr 1fr; */
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

#donate p {
    padding-bottom: 1rem;
    font-size: .8rem;
    line-height: 13px;
}

.sow-a-seed-container,
.partner-container,
.prayer-container {
    background: linear-gradient(90deg, #7293A5 0%, #224D72);
    border-radius: 10px;
    padding: 1rem;
}

.donate-containers {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media screen and (min-width:300px) {
    #donate h2 {
        font-size: clamp(2.1rem, 10vw, 4rem);
    }

    #donate p {
        font-size: .8rem;
        line-height: 13px;
    }

    /* #donate a {
        width: 75% !important;
    } */
}

@media screen and (min-width:600px) {

    #donate h2 {
        font-size: clamp(2.1rem, 9.5vw, 4rem);
    }

}

@media screen and (min-width:1024px) {
    /* #donate a {
        width: 35% !important;
    } */
}

@media screen and (min-width:1450px) {

    .donate-containers {
        display: flex;
        flex-direction: row;
        gap: 20px
    }

    #donate {
        /* display: flex; */
        padding: 2rem;
    }

    #donate h2 {
        font-size: clamp(2.1rem, 9.5vw, 3rem) !important;
        line-height: 72px !important;
    }

    /* #donate a {
        width: 75% !important;
    } */

    .u-shape-top svg {
        height: 381px;
    }

    .sow-a-seed-container,
    .partner-container {
        width: 50% !important;
        height: 390px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
}

@media screen and (min-width:2030px) {
    #donate {
        padding: 12rem;
    }

}