.ini-list {
    margin-bottom: 4em;
}

.initiatives-itemppp {
    height: 180px;
    background-size: cover;
   
    /*width: 351px;*/
    margin: 0 auto;
    border: 3px solid #007236;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0 2em;
}

.me-item {
    background: url('images/MEW1.jpg') no-repeat center;
}

.initiatives-item {
    height: 270px;
    background-size: cover;
    /*width: 351px;*/
    margin: 0 auto;
    border: 3px solid #007236;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0 2em;
}

.su-item::after {
    background: url('Images/budget.jpg') no-repeat center;
    width: 355px;
    cursor: pointer;
}

.rs-item::after {
    background: url('images/finance.jpg') no-repeat center;
    width: 355px;
    background-size: 100%;
    cursor: pointer;
}

.cb-item::after {
    background: url('images/budget2.jpg') no-repeat center;
    width: 355px;
    background-size: 100%;
    cursor: pointer;
}

.initiatives-item::after {
    content: "";
    position: absolute;
    opacity: 0.9;
    filter: brightness(20%);
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    height: 0%;
    z-index: -1 !important;
    -webkit-transition: 0.2s height;
    transition: all 0.8s ease-in-out;
    
}
.initiatives-itemppp::after {
    content: "";
    position: absolute;
    opacity: 0.9;
    filter: brightness(20%);
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    height: 0%;
    z-index: -1 !important;
    -webkit-transition: 0.2s height;
    transition: all 0.8s ease-in-out;
}

.initiatives-itemppp:hover::after {
    height: 100%;
}

.initiatives-item:hover::after {
    height: 100%;
    
}

.ini-icon {
    height: 42px;
    width: 44px;
    margin: 0 auto 1em;
}

.su-icon {
    background: url('images/Pic4.jpg') no-repeat;
    
}

.rs-icon {
    background: url('../images/PFM-REFORMS-STRATEGY.png') no-repeat;
}

.cb-icon {
    background: url('../images/CITIZEN-BUDGET.png') no-repeat;
}

.ini-title {
    font: 23px;
    margin-bottom: 1em;
    font-weight: bolder;
}

.initiatives-itemppp .ini-title h4 {
    color: #007236;
}

.initiatives-itemppp:hover .ini-title h4 {
    color: #007236;
}

.initiatives-itemppp:hover {
    border: 3px solid #82cea9;
}

    .initiatives-itemppp:hover .ini-body p {
        color: #007236;
    }

.initiatives-itemppp .ini-title h4 {
    color: #007236;
}

.initiatives-item:hover .ini-title h4 {
    color: #82cea9;
}

.initiatives-item:hover {
    border: 3px solid #82cea9;
}

.initiatives-item:hover .ini-body p {
    color: #fff;
}

.ini-body {
    font: 22px;
    color: #8e8e8e;
    margin-bottom: 1em;
}

.initiatives-item:hover .ini-body,
.initiatives-item:hover .ini-body ul li a {
    color: #fff;
}

.ini-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .ini-body ul li {
        padding: 0.4em;
    }

        .ini-body ul li a {
            color: #8e8e8e;
        }

        .ini-body:hover {
            color: #8e8e8e;
        }

.ini-link a {
    font: 15px myriadSB;
    color: #08b21f;
}