.help-center div div div
{
    cursor: pointer;
}

.help-center div div
{
    padding: 20px;
}

.help-center
{
    max-width: 90%;
}

.help-center img
{
    width: 100%;

    border: 0;
    border-radius: 10px;

    transition: all 0.5s;
}

.help-center div div div:hover img
{
    transform: scale(1.1);
}

.help-center div div div
{
    display: block;
    position: relative;

    margin: 0;
    padding: 0;

    overflow: hidden;

    border-radius: 10px;
}

.help-center div div div:hover div
{
    border-radius: 10px ;

    height: 100%;

    opacity: 0.95;

    background-color: #0b8d5f;
}

.help-center div div div div
{
    display: block;
    position: absolute;

    right: 0;
    left: 0;
    bottom: 0;
    height: 50px;

    background-color: #17b57d;

    opacity: 0.85;

    border-radius: 0 0 10px 10px  ;

    transition: all 0.5s;
}

.help-center div div div:hover p
{
    bottom: 35%;

    font-size: 25px;
}

.help-center div div div p
{
    text-align: center;

    color: white;

    display: block;
    position: absolute;

    right: 0;
    left: 0;
    bottom: -7px;

    font-size: 20px;
    font-family: shabnam;

    font-weight: bolder;

    transition: all 0.5s;
}