.cell.service-item {
    margin-bottom: 30px;
    text-align: center;
    line-height: 2 !important;

    & h4 {
        font-weight: 500;
    }


}



.service-icon {
    position:relative;
    margin-bottom: 60px;

    & i {
        font-size:50px;
        width:auto;
        height:auto;
    }

    &::before {
        content:"";
        position:absolute;
        width:150px;
        height:150px;
        background-color: #ccc;
        left:0;
        right:0;
        top:0;
        bottom:0;
        margin: auto;
        z-index: -1;
        border-radius: 100%;
        transform:scale(0);
        transform-origin: center;
        opacity: 0;
        transition: all 0.3s;
    }

    &:hover::before {
        transform:scale(1);
        opacity: 1;
    }
}

/*= Responsive Styles
-------------------------------------------------------------- */
@media only screen and (max-width: 1440px) { /* Template Width */
	
}
@media only screen and (max-width: 1023px) { /* Medium Breakpoint */

}
@media only screen and (max-width: 639px) { /* Small Breakpoint */
    .grid-margin-x.small-up-1 > .cell {
        width: 100% !important;
    }
}