.cards-container{display:flex;flex-wrap:wrap;gap:20px}.donation-card{flex:1 1 calc(50% - 20px);margin-bottom:20px}.card-area{width:100%;border:1px solid #ddd;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1)}.card-img-top{width:100%;height:100%;object-fit:cover;object-position:center}.card-body{padding:20px}.card-title{font-size:1.5rem;margin-bottom:15px}.card-footer{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.form-label{font-weight:700}.input-group-text{color:#fff}.btn-primary,.input-group-text{background-color:var(--primary)}.btn-primary{border:none;padding:10px 20px;cursor:pointer}.btn-primary:hover{background-color:darken(var(--primary),10%)}.amountBtn{padding:0 20px}@media screen and (max-width:768px){.donation-card{flex:1 1 calc(100% - 20px)}.amountBtn{padding:0 10px}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .3s ease-in-out}.popup-content.PoverLayImg{background-color:#fff;padding:30px;border-radius:15px;position:relative;max-width:600px;width:90%;box-shadow:0 15px 30px rgba(0,0,0,.1);animation:slideIn .3s ease-in-out;text-align:center}.popup-image{width:100%;height:auto;border-radius:10px;margin-bottom:20px}.close-button{position:absolute;top:0;right:5px;background:none;border:none;font-size:28px;font-weight:700;cursor:pointer;color:#333;transition:color .3s}.close-button:hover{color:#ff6b6b}.popup-description{font-family:Arial,sans-serif;color:#555;font-size:16px;line-height:1.5}.popup-description h3{font-size:22px;margin-bottom:15px;color:#333}@keyframes slideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-container{position:fixed;top:90%;right:20px;padding:16px 20px;border-radius:8px;font-size:16px;color:#fff;animation:fadeIn .3s ease-in-out,fadeOut .3s ease-in-out 2.7s;opacity:.9;z-index:1000}.alert-container.success{background-color:var(--main-color);color:#fff!important}.alert-container.error{background-color:#ff5f5f;color:#fff!important}.alert-container.info{background-color:#0af;color:#fff!important}.alert-message{margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:.9;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.app-container button{margin-right:10px;padding:10px 15px;border:none;border-radius:4px;background-color:var(--main-color);color:#fff;cursor:pointer;font-size:16px;transition:background-color .3s}.app-container button:hover{background-color:var(--main-hover-color)}.nav-item{display:flex;flex-direction:row;flex-wrap:wrap}.nav-item .col-4{margin:15px 0}.hide-scrollbar{overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.arrow-left,.arrow-right{transition:background .3s,transform .3s}.arrow-left:hover,.arrow-right:hover{background:hsla(0,0%,78%,.5);transform:scale(1.1)}@media screen and (max-width:1524px){.nav-item .col-4{width:33%;margin:15px 0}}@media screen and (max-width:1124px){.nav-item .col-4{width:50%;margin:15px 0}}@media (max-width:768px){.nav-item{flex-direction:column}.nav-item .col-4{width:100%;margin:15px 0}}