h4{
    color: #ee3d50;
    font-weight: 600;
    margin: 0;
    padding: 16px 15px;
    font-size: 1.3rem;
}
.icon-container {
    text-align: center;
}
.icon-container [class^="ti-"], .icon-container [class*=" ti-"] {
    color: #888ea8; font-size: 27px; background-color: #fff; margin: 0 auto; margin-bottom: 24px; padding: 18px; border-radius: 10px; 
    -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; width: 65px; box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
}
.icon-name {
    color: #888ea8;
    font-size: 14px;
    transition: .3s;
}
.icon-container [class*="ti-"]:hover {
    color: #3862f5;
}
.icon-container [class*="ti-"]:hover + span[class="icon-name"] {
    color: #3862f5;
}