/*
.custom-card {  
  position: relative;  
  
  overflow: hidden;  
  margin: 5px;   
  width: calc(25% - 10px);  
  height: 300px;  
  transition: transform 0.3s;  
  border: 1px solid transparent; 
}  

.custom-card:hover {  
  transform: scale(1.05);  
}  

.custom-card img {  
  width: 100%;  
  height: 200px;  
  object-fit: cover;  
}  

.card-body {  
  background-color: #343a40;  
  color: white;  
  padding: 15px;  
}  

.card-title {  
  font-size: 1.25rem;  
  margin-bottom: 10px;  
}  

.card-text {  
  margin-bottom: 15px;  
}  

.donate-btn {  
  border: none;  
  border-radius: 30px;  
  padding: 10px 20px;   
  color: white;  
  background-color: #007bff;  
  text-decoration: none;  
  transition: background-color 0.3s;  
}  

.donate-btn:hover {  
  background-color: #0056b3;  
}  

.row {  
  display: flex;  
  flex-wrap: wrap;  
  justify-content: flex-start;   
}  

.col {  
  flex: 0 1 calc(25% - 10px);  
  box-sizing: border-box;  
}  

.card {  
  border-radius: 100px;  
  margin: 10px;  
  transition: transform 0.3s;  
}  

.card:hover {  
  transform: scale(1.05);  
}  

.card-img-top {  
  height: 200px;  
  object-fit: cover;  
}  
  */

.card-body {  
    background-color: #FAF5FF80 ;  
    color: #331b41;  
    padding: 15px;  
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}  

.card-title {  
    font-size: 1.25rem;  
    margin-bottom: 10px;  
}  

.card-text {  
    margin-bottom: 15px;  
}  

.card {  
    border-radius: 25px; 
    margin: 10px;  
    transition: transform 0.3s;   
}  

.card:hover {  
    transform: scale(1.05);  
}  

.card-img-top {  
    height: 200px;  
    object-fit: cover;  
    border-radius: 25px 25px 0 0; 
}


.card-btn {
  /* background-color: rgb(171, 57, 175); */
  background-color: #331b41;
  display: flex;          
  align-items: center;    
  justify-content: center; 
  padding: 10px 20px;      
  border: none;          
  border-radius: 25px;     
}

.donate-icon{
  padding: 10px 20px;      
}