.jms-donation-section{
        position:relative;
        overflow:hidden;
        padding:70px 0;
        background:
            radial-gradient(circle at 8% 15%, rgba(255,193,7,.18) 0 90px, transparent 91px),
            radial-gradient(circle at 94% 82%, rgba(25,135,84,.14) 0 140px, transparent 141px),
            linear-gradient(135deg,#fffdf6 0%,#f6fff9 48%,#fff8e8 100%);
        font-family:"Segoe UI",Arial,sans-serif;
    }

    .jms-donation-section:before{
        content:"";
        position:absolute;
        width:300px;
        height:300px;
        border:35px solid rgba(25,135,84,.06);
        border-radius:50%;
        left:-160px;
        bottom:-150px;
    }

    .jms-donation-section:after{
        content:"";
        position:absolute;
        width:220px;
        height:220px;
        border:2px dashed rgba(222,159,0,.25);
        border-radius:50%;
        right:-80px;
        top:-100px;
    }

    .jms-donation-wrap{
        position:relative;
        z-index:2;
    }

    .jms-donation-intro{
        height:100%;
        padding:38px;
        border-radius:18px;
        background:linear-gradient(145deg,#157347,#0b5131);
        color:#fff;
        position:relative;
        overflow:hidden;
        box-shadow:0 18px 50px rgba(25,135,84,.2);
    }

    .jms-donation-intro:before{
        content:"";
        position:absolute;
        width:230px;
        height:230px;
        border-radius:50%;
        background:rgba(255,255,255,.07);
        right:-100px;
        top:-90px;
    }

    .jms-donation-intro:after{
        content:"";
        position:absolute;
        width:160px;
        height:160px;
        border-radius:50%;
        border:25px solid rgba(255,193,7,.15);
        left:-90px;
        bottom:-90px;
    }

    .jms-donation-badge{
        display:inline-flex;
        align-items:center;
        gap:8px;
        padding:8px 15px;
        border-radius:50px;
        background:rgba(255,255,255,.14);
        border:1px solid rgba(255,255,255,.2);
        font-size:13px;
        font-weight:700;
        letter-spacing:.4px;
        margin-bottom:20px;
    }

    .jms-donation-intro h2{
        position:relative;
        font-size:clamp(30px,4vw,49px);
        line-height:1.08;
        font-weight:800;
        margin-bottom:18px;
    }

    .jms-donation-intro h2 span{
        color:#ffd45a;
    }

    .jms-donation-intro p{
        position:relative;
        color:rgba(255,255,255,.84);
        font-size:16px;
        line-height:1.8;
        margin-bottom:25px;
        max-width:550px;
    }

    .jms-donation-quote{
        position:relative;
        background:rgba(255,255,255,.1);
        border-left:4px solid #ffc107;
        padding:16px 18px;
        border-radius:8px;
        font-size:14px;
        line-height:1.7;
    }

    .jms-bank-card{
        height:100%;
        background:#fff;
        border-radius:18px;
        padding:32px;
        border:1px solid #e9eee9;
        box-shadow:0 18px 55px rgba(24,54,38,.10);
    }

    .jms-bank-header{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:15px;
        margin-bottom:25px;
        padding-bottom:20px;
        border-bottom:1px dashed #d6ded8;
    }

    .jms-bank-icon{
        width:58px;
        height:58px;
        flex:0 0 58px;
        border-radius:15px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:#eef9f2;
        color:#198754;
        font-size:25px;
    }

    .jms-bank-heading h3{
        margin:0 0 4px;
        font-size:23px;
        font-weight:800;
        color:#173329;
    }

    .jms-bank-heading span{
        font-size:13px;
        color:#74817a;
    }

    .jms-secure{
        padding:7px 11px;
        background:#fff7dd;
        color:#9b7100;
        border-radius:50px;
        font-size:11px;
        font-weight:700;
        white-space:nowrap;
    }

    .jms-bank-row{
        display:flex;
        gap:15px;
        padding:14px 0;
        border-bottom:1px solid #f0f2f0;
    }

    .jms-bank-row:last-of-type{
        border-bottom:0;
    }

    .jms-detail-icon{
        width:41px;
        height:41px;
        flex:0 0 41px;
        border-radius:10px;
        background:#f5f8f5;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#198754;
    }

    .jms-detail-content{
        min-width:0;
        flex:1;
    }

    .jms-detail-content small{
        display:block;
        color:#8b958f;
        font-size:11px;
        font-weight:700;
        text-transform:uppercase;
        letter-spacing:.6px;
        margin-bottom:3px;
    }

    .jms-detail-content strong{
        display:block;
        color:#20352d;
        font-size:15px;
        font-weight:700;
        overflow-wrap:anywhere;
    }

    .jms-copy{
        border:0;
        background:#f0f8f3;
        color:#198754;
        border-radius:8px;
        width:37px;
        height:37px;
        flex:0 0 37px;
        transition:.25s;
    }

    .jms-copy:hover{
        background:#198754;
        color:#fff;
    }

    .jms-bank-note{
        margin-top:22px;
        padding:14px;
        border-radius:10px;
        background:#fff9e9;
        border:1px solid #ffe8a7;
        color:#785d13;
        font-size:13px;
        line-height:1.6;
    }

    .jms-bank-note i{
        color:#e7a900;
    }

    .jms-thankyou{
        display:flex;
        align-items:center;
        gap:12px;
        margin-top:20px;
        padding-top:18px;
        border-top:1px solid #edf0ed;
        color:#57655e;
        font-size:13px;
    }

    .jms-thankyou-icon{
        width:38px;
        height:38px;
        border-radius:50%;
        background:#edf8f1;
        color:#198754;
        display:flex;
        align-items:center;
        justify-content:center;
        flex:0 0 38px;
    }

    .jms-copy-toast{
        position:fixed;
        right:20px;
        bottom:20px;
        background:#163b2c;
        color:#fff;
        padding:11px 18px;
        border-radius:8px;
        font-size:13px;
        z-index:9999;
        opacity:0;
        transform:translateY(15px);
        pointer-events:none;
        transition:.3s;
        box-shadow:0 10px 30px rgba(0,0,0,.2);
    }

    .jms-copy-toast.show{
        opacity:1;
        transform:translateY(0);
    }

    @media(max-width:767.98px){
        .jms-donation-section{
            padding:45px 0;
        }

        .jms-donation-intro,
        .jms-bank-card{
            padding:25px 20px;
        }

        .jms-bank-header{
            align-items:flex-start;
        }

        .jms-secure{
            display:none;
        }

        .jms-donation-intro h2{
            font-size:32px;
        }
    }