#donation {
  position: relative;
  background-image: url(../img/hero/hero2.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#donation::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.596);
  z-index: 1;
}

#donation .container {
  position: relative;
  z-index: 2;
}

#donation p {
  color: #e4e2e2;
}

#donation .random-Phrase {
  font-style: italic;
  color: #ffffff;
}

#donation .container h2 {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  color: whitesmoke;
  font-weight: bolder;
}

#donation .img-huellas {
  display: flex;
  height: 150px;
}
#img-donar {
  display: flex;
  height: 150px;
}
#donation .container .bg-light2 {
  background-color: #f2f1f0;
}

#donation .card-body img {
  max-width: 30%;
}

#donation .card-body:hover {
  background-color: #c3d4e6;
  border-radius: 20px 4px;
}
/*agregados elementos de decoracion en cards de donacion*/
#donation .card .nequi::after {
  content: "Nequi";
  position: absolute;
  bottom: 8px;
  right: 8px;
  background-color: #da8367;
  color: white;
  font-size: 0.7rem;
  padding: 2px 6px;
  border-radius: 4px;
}
#donation .card .paypal::after {
  content: "Paypal";
  position: absolute;
  bottom: 8px;
  right: 8px;
  background-color: #58b7af;
  color: white;
  font-size: 0.7rem;
  padding: 2px 6px;
  border-radius: 4px;
}
#donation .card {
  max-width: 400px;
  border-radius: 20px 4px;
}
/*sombra oscura en bordes de imagenes de garra y donar*/
#donation .img-huellas,
#img-donar {
  filter: drop-shadow(2px 4px 10px rgba(26, 24, 24, 0.719));
}
@media (max-width: 768px) {
  #donation .img-huellas {
    height: 85px;
  }
  #img-donar {
    display: flex;
    height: 85px;
  }
}