.navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255) ;
    font-weight: 400;
}
#carouselExampleCaptions img {
    display:flex;
    float: left;
    width:  100%;
    height: 590px;
    object-fit: cover;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    color: black;
    filter: invert(1) grayscale(100);
    background-color:rgba(0, 0, 0, 0.719);
    border-radius:50%;
  
}
.alink{
    text-decoration:none;
    color:blue;
}

#donationbox{
    background-color: rgb(5, 54, 20) !important;
}
#adon{
    text-decoration: none;
    color:white;

}

#donb:hover{
    background-color: rgb(17, 138, 53);
    
}
#donb{
    padding:7px 15px 7px 15px;
    margin:10px;
    border:2px solid rgb(246, 247, 246);
    border-radius: 5px;
    text-align: center;
}
  
.decorate{
    color:black;
    text-decoration: none;

}
.bi-eye-fill{
    color:rgb(13, 159, 196) ;
   

}


.bi-people-fill{
    color:brown;
}


 @media only screen and (max-width:850px){



    .contactandmap{
        text-align:center;
    }
   
} 

.pb-2{
    padding-bottom:10px;
    text-align:center;
}

#imagea{
    object-fit: fill !important;
}

#donb{
    animation-name: donanimation;
    animation-delay:1s;
    animation-duration:2s;
    
    

}
@keyframes donanimation {
    0% {border-radius: 0px;  border:2px solid rgba(255, 255, 255, 0); }
    25% {border-radius: 1px;   border:2px dotted rgb(246, 247, 246); }
    50% {border-radius: 2px;   border:2px dotted rgb(246, 247, 246); }
    75% {border-radius: 3px;   border:2px dotted rgb(246, 247, 246); }
    100% {border-radius: 4px;   border:2px solid rgba(255, 255, 255, 0); }


}
.col-12{
    color:rgb(0, 0, 0) ;
 
}
#Donateclick{
    background-color: #DC3545 !important;
}