.cards-container{flex-wrap:wrap;gap:20px;display:flex}.donation-card{flex:calc(50% - 20px);margin-bottom:20px}.card-area{border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);width:100%;box-shadow:var(--shadow-md);background-color:#fff;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.card-area:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.card-img-top{background-color:var(--bg-slate);object-fit:cover;object-position:center;width:100%;height:100%;min-height:200px;transition:transform .5s}.card-area:hover .card-img-top{transform:scale(1.03)}.card-body{padding:20px}.card-title{margin-bottom:15px;font-size:1.5rem}.card-footer{flex-direction:column;display:flex}.form-group{margin-bottom:15px}.form-label{font-weight:700}.input-group{background:var(--bg-slate);border-radius:var(--border-radius-md);border:1px solid #00000014;transition:border-color .2s,box-shadow .2s;overflow:hidden}.input-group:focus-within{border-color:var(--main-color);box-shadow:0 0 0 3px #44af7a26}.form-control{font-weight:500;box-shadow:none!important;background:0 0!important;border:none!important}.input-group-text{align-items:center;font-weight:600;display:flex;color:var(--text-secondary)!important;background-color:#0000!important;border:none!important;padding:0 15px!important}.btn-primary{background-color:var(--primary);cursor:pointer;border-radius:var(--border-radius-sm);border:none;padding:10px 20px;font-weight:600;transition:all .2s}.btn-primary:hover{background-color:darken(var(--primary),10%)}.amountBtn{padding:0 20px}@media screen and (max-width:768px){.donation-card{flex:calc(100% - 20px)}.amountBtn{padding:0 10px}.cards-container{gap:16px}.card-body{padding:16px}.card-title{margin-bottom:12px;font-size:1.3rem}.form-control{min-height:44px;font-size:16px!important}.input-group{border-radius:var(--border-radius-md)}.btn-primary{min-height:44px;padding:12px 20px;font-size:15px}.amountBtn{min-height:44px;padding:8px 14px}}
.popup-overlay{z-index:999;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;top:0;left:0}.popup-content.PoverLayImg{text-align:center;background-color:#fff;border-radius:15px;width:90%;max-width:600px;padding:30px;animation:.3s ease-in-out slideIn;position:relative;box-shadow:0 15px 30px #0000001a}.popup-image{border-radius:10px;width:100%;height:auto;margin-bottom:20px}.close-button{cursor:pointer;color:#333;background:0 0;border:none;font-size:28px;font-weight:700;transition:color .3s;position:absolute;top:0;right:5px}.close-button:hover{color:#ff6b6b}.popup-description{color:#555;font-size:16px;line-height:1.5}.popup-description h3{color:#333;margin-bottom:15px;font-size:22px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}