.catsection {
   margin-bottom:25px;
   width: 100%;
}

.catbox {
    background: #F5F5F5;
    padding: 24px;
    transition: all 1s linear;
    height: 100%;
    display:flex;
    flex-direction: column;
}

.catbox .catimages {
    flex:1;
    display: flex;
    justify-content: space-between;
    color: #333;
}

.catbox .catimages img {
    filter: brightness(.9);
    width: 70px;
    height: 80px;
}

.catbox .cattitle p {
    font-family: "Rubik-Medium";
    margin: 20px 0 0 0;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #333;
}

a .catbox:hover {
    background: linear-gradient(309deg, #2DCCD3 0%, #147BD1 103.82%);
}

a .catbox:hover .cattitle p{
    color: #FFFFFF;
}

a .catbox:hover .catimages {
    color: #FFFFFF;
}

a .catbox:hover .catimages img {
    visibility: visible;
    filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(65deg) brightness(107%) contrast(180%);
}