.tojim-donation-wrapper {

    max-width: 950px;

    margin: 40px auto;

    padding: 35px;

    border: 1px solid #ddd;

    border-radius: 10px;

    background: #fff;
}

.tojim-donation-wrapper h2 {

    text-align: center;

    color: #0b4f9c;

    margin-bottom: 10px;
}

.tojim-subtitle {

    text-align: center;

    margin-bottom: 35px;

    color: #666;
}

.tojim-payment-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;
}

.tojim-card {

    background: #f7f7f7;

    border: 2px solid #e5e5e5;

    border-radius: 8px;

    padding: 30px;

    text-align: center;

    cursor: pointer;

    transition: 0.3s;

    font-size: 28px;
}

.tojim-card h3 {

    margin-top: 15px;

    font-size: 18px;

    color: #0b4f9c;
}

.tojim-card:hover {

    border-color: #0b4f9c;

    transform: translateY(-4px);
}

.bank-transfer {

    grid-column: span 2;
}

@media(max-width:768px){

    .tojim-payment-grid{

        grid-template-columns:1fr;
    }

    .bank-transfer{

        grid-column:span 1;
    }

}

.tojim-card{

    transition:all .3s ease;

}

.tojim-card.active{

    background:#0b4f9c;

    border-color:#0b4f9c;

    color:#ffffff;

}

.tojim-card.active h3{

    color:#ffffff;

}

.tojim-icon{

    font-size:32px;

    margin-bottom:15px;

}


.tojim-form{

    display:none;

    margin-top:35px;

    padding:30px;

    border:1px solid #ddd;

    border-radius:8px;

    background:#fafafa;

}

.tojim-form.active{

    display:block;

}