/* 
    Black Color: #101010;
    Red Color: #f31816;
    Green Color: #b4ca68;
    Gray Color: #f5f5f5;
*/

.donation-form-wrapper .form-wrapper {
    background-color: rgba(180, 202, 104, 0.20);
    padding: 25px;
    border-radius: 5px;
}
.step-wrapper .media {
    height: 100%;
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
}
.step-wrapper .media .step-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}
.donation-programs{
    background-color: #f5f5f5;
}
.cms-header{
    margin-top: -100px;
    padding: 0;
}
.featured-media-items .media{
    padding: 10px;
    background-color: #f0f4e1;
    border-radius: 8px;
    border-bottom: 5px solid #b4ca68;
}
.featured-media-items .media .featured-img, .media-make-donation .media .donation-img{
    max-width: 30%;
    border-radius: 8px;
    overflow: hidden;
}
.featured-media-items .media .featured-img img, .media-make-donation .media .donation-img{
    border-radius: 8px;
}
.media-make-donation{
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 8px;
}
@media screen and (max-width: 767.98px) {
    .donation-form-wrapper .form-wrapper {
        padding: 15px;
    }
    .cms-header{
        margin: 0;
        padding-top: 35px;
    }
    .featured-media-items .media, .media-make-donation .media{
        display: block;
    }
    .featured-media-items .media .featured-img, .media-make-donation .media .donation-img{
        max-width: 100%;
        margin-bottom: 15px;
    }
}