@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Hind Siliguri',sans-serif;
}

body{
background:#f5f7fb;
}

.hero{
padding:100px 0;
background:
linear-gradient(rgba(5,35,25,.75),rgba(5,35,25,.75)),
url(./img/donation-bg.png);
background-size:cover;
background-position:center;
color:#fff;
}

.hero h1{
font-size:55px;
font-weight:700;
}

.hero p{
font-size:20px;
margin:25px 0;
}

.btn-donate{
background:#00b14f;
color:#fff;
padding:15px 40px;
border-radius:50px;
font-weight:600;
transition:.4s;
}

.btn-donate:hover{
background:#009944;
color:#fff;
transform:translateY(-5px);
}

.counter{
margin-top:-60px;
}

.counter-box{
background:#fff;
padding:30px;
border-radius:20px;
text-align:center;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.counter-box h2{
color:#00a651;
font-weight:700;
}

.amount-card{
background:#fff;
padding:35px;
border-radius:20px;
text-align:center;
cursor:pointer;
transition:.4s;
font-size:30px;
font-weight:700;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.amount-card:hover{
background:#00a651;
color:#fff;
transform:translateY(-8px);
}

.section-title{
font-size:40px;
font-weight:700;
margin-bottom:50px;
}

.form-box{
background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.form-control,
.form-select{
height:55px;
border-radius:12px;
}

textarea.form-control{
height:120px;
}

.payment{
background:#0d6e3f;
color:#fff;
padding:40px;
border-radius:20px;
height:100%;
}

.payment img{
width:220px;
background:#fff;
padding:10px;
border-radius:15px;
}

.feature{
background:#fff;
padding:35px;
border-radius:20px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.4s;
}

.feature:hover{
transform:translateY(-8px);
}

.feature i{
font-size:45px;
color:#00a651;
margin-bottom:20px;
}

/*Custome CSS*/
.bkash{
    color: #ffff;
    background: #fc0390;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 5px;
}

.nagad{
    color: #ffff;
    background:#fc7703;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 5px;
}

.agrani{
     color:green;
    background: white;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 5px;
}

.routing {
    color:rgb(224, 23, 67);
       font-weight: 600;
    padding: 3px 8px;
    border-radius: 5px;
}

.mt-2 {
    margin-top: 1rem !important;
}