/* ===================================
   DONATION PAGE
=================================== */

.donation-section{

    min-height:100vh;

    display:flex;

    align-items:center;

    padding:140px 0;

    background:
    linear-gradient(
    135deg,
    #eef7f0,
    #ffffff);
}

.donation-wrapper{

    display:grid;

    grid-template-columns:
    1.2fr .8fr;

    gap:80px;

    align-items:center;
}

.donation-tag{

    display:inline-block;

    padding:12px 24px;

    border-radius:50px;

    background:#eef7f0;

    color:#0B7A3E;

    font-weight:700;

    margin-bottom:25px;
}

.donation-content h1{

    font-size:
    clamp(3rem,6vw,5.5rem);

    line-height:1.05;

    color:#14532D;

    margin-bottom:25px;
}

.donation-content p{

    color:#64748b;

    line-height:2;

    font-size:18px;

    margin-bottom:30px;
}

.impact-list{

    display:grid;

    gap:15px;
}

.impact-list div{

    font-weight:600;

    color:#14532D;
}

/* QR CARD */

.donation-card{

    background:#fff;

    padding:40px;

    border-radius:30px;

    text-align:center;

    box-shadow:
    0 25px 60px rgba(0,0,0,.08);
}

.donation-card img{

    width:280px;

    max-width:100%;

    margin-bottom:20px;
}

.donation-card h3{

    color:#14532D;

    margin-bottom:10px;
}

.donation-card p{

    color:#64748b;
}

.donation-card span{

    display:inline-block;

    margin-top:10px;

    padding:10px 20px;

    border-radius:10px;

    background:#eef7f0;

    color:#0B7A3E;

    font-weight:700;
}

/* MOBILE */

@media(max-width:991px){

    .donation-wrapper{

        grid-template-columns:1fr;

        text-align:center;
    }

    .impact-list{

        justify-content:center;
    }
}