/* ==========================================
   DONATION — UNDER DEVELOPMENT
========================================== */

.donate-development{

    min-height:72vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:120px 0;

    background:var(--white);

    text-align:center;

}

.donate-development-content{

    max-width:800px;

    margin:0 auto;

}


/* Section Tag */

.donate-development .section-tag{

    display:inline-block;

    margin-bottom:25px;

    color:var(--primary-green);

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}


/* Icon */

.donate-icon{

    width:88px;

    height:88px;

    margin:0 auto 30px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(46,125,50,.09);

}

.donate-icon i{

    font-size:36px;

    color:var(--primary-green);

}


/* Heading */

.donate-development h1{

    font-family:var(--heading-font);

    font-size:56px;

    line-height:1.2;

    color:var(--dark);

    margin:0 0 22px;

}


/* Status */

.donate-status{

    font-size:20px;

    line-height:1.6;

    font-weight:600;

    color:var(--primary-green);

    margin-bottom:20px;

}


/* Description */

.donate-description{

    max-width:680px;

    margin:0 auto;

    font-size:17px;

    line-height:1.9;

    color:var(--text);

}


/* Divider */

.donate-divider{

    width:70px;

    height:2px;

    margin:35px auto;

    background:var(--primary-green);

    opacity:.7;

}


/* Note */

.donate-note{

    max-width:650px;

    margin:0 auto 30px;

    font-size:16px;

    line-height:1.8;

    color:var(--text);

}


/* Buttons */

.donate-actions{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    flex-wrap:wrap;

}

.donate-primary-btn,
.donate-secondary-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:14px 24px;

    border-radius:8px;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    transition:all .3s ease;

}


/* Primary */

.donate-primary-btn{

    background:var(--primary-green);

    color:#fff;

}

.donate-primary-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(0,0,0,.12);

}


/* Secondary */

.donate-secondary-btn{

    background:#f1f5f1;

    color:var(--primary-green);

    border:1px solid rgba(46,125,50,.12);

}

.donate-secondary-btn:hover{

    transform:translateY(-3px);

    background:#e9f2ea;

}


/* ==========================================
   RESPONSIVE
========================================== */

@media(max-width:768px){

    .donate-development{

        min-height:65vh;

        padding:80px 20px;

    }

    .donate-icon{

        width:72px;

        height:72px;

    }

    .donate-icon i{

        font-size:29px;

    }

    .donate-development h1{

        font-size:38px;

    }

    .donate-status{

        font-size:18px;

    }

    .donate-description{

        font-size:16px;

    }

    .donate-note{

        font-size:15px;

    }

    .donate-actions{

        flex-direction:column;

        width:100%;

    }

    .donate-primary-btn,
    .donate-secondary-btn{

        width:100%;

        max-width:300px;

    }

}


@media(max-width:480px){

    .donate-development h1{

        font-size:32px;

    }

}