.service
{
    width: 100%;
    padding: 10px 0px;
}
.service .service-item
{
    width: 100%;
    position: relative;
}
.service .sv-item-img img
{
    width: 100%;
}
.service .sv-item-info
{
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 20px;
    background: rgba(59,70,148,0.6);
    height: 100%;
    color: #fff;
}
.service .sv-item-info a
{
    text-decoration: none;
    color: #fff;
}
.service .sv-item-info h3
{
    position: relative;
    margin: 10px 0px;
    
}
.service .sv-item-info h3:after
{
    content: "";
    position: absolute;
    height: 2px;
    width: 40%;
    background: #fcaa02;
    bottom: -7px;
    left: 0px;
    
}
.service .sv-item-info h3:hover a
{
    color: #fcaa02;
}
.service .sv-item-info h3:hover:after
{
    width: 100%;
    transition: 2s;
    background:#fff ;
}
.service .sv-item-description
{
    position: absolute;
    width: 100%;
    padding:0px 20px;
    bottom: 40px;
    left: 00px;
}
.service .sv-item-description .content-description
{
    padding: 30px 0px;
    display: block; /* or inline-block */
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 8em;
    line-height: 1.5em;
}
.service .sv-item-description .sv-item-more a
{
   text-transform: uppercase; 
}
.service .sv-item-description .sv-item-more span
{
    color:#fcaa02;
}
.service .service-item:hover .sv-item-info
{
    top: 100%;
    transition:1s;
}