<style>
.give-card {
padding: 40px 24px;
display: flex;
align-items: center;
flex-direction: column;
background-color: #fff;
transition: all .3s ease;
}
.give-card:hover {
background-color: #d87a28;
color: #fff;
}
.give-card:hover .accent-ignite::after {
background-color: #fff;
}
.give-card-icon {
margin-bottom: 24px;
width: fit-content;
max-width: 160px;
max-height: 120px;
object-fit: contain;
}
.give-card-body {
flex: 1;
}
.give-card .stretched-link-before {
position: relative;
}
.give-card .stretched-link-before::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}
</style>
<div class="bg-muted">
<div class="py-3"></div>
<div class="py-3"></div>
<div class="py-md-3"></div>
<div class="py-md-3"></div>
<div class="container container-lg">
<h2 class="accent accent-ignite accent-md-center accent-light mb-5 w-100 text-md-center" data-aos="fade-down">Ways To Give</h2>
<div class="row d-flex flex-wrap">
</div>
</div>
<div class="py-3"></div>
<div class="py-3"></div>
<div class="py-3"></div>
<div class="py-3"></div>
</div>