/* Icon box 22
-------------------------------------------------- */

.icon-box22 {
    position: relative;
    text-align: center;
    padding: 59px 15px 25px;
    background: #fff;
    border: 1px solid #eff1f3;
    box-shadow: 0 2px 0 0px rgba(0, 0, 0, 0.016);
    -webkit-transition: .16s all ease;
    transition: .16s all ease;
}

.icon-box22 i {
    font-size: 64px;
    color: #cacaca;
    transition: all .23s ease;
}

.icon-box22 h4 {
    text-transform: uppercase;
    font-size: 25px;
    color: #474a4c;
    line-height: 1;
    margin: 25px 0;
    transition: all .23s ease;
}

.icon-box22 p {
    padding-left: 7%;
    padding-right: 7%;
    font-size: 16px;
    font-weight: 300;
}

.icon-box22:hover h4,
.icon-box22:hover i,
.icon-box22.w-featured i {
    color: #437df9;
}

.icon-box22.w-featured {
    position: relative;
    margin-top: -30px;
    padding: 80px 15px 65px;
}

.icon-box22.w-featured h4 {
    color: #437df9;
}

.icon-box22.w-border-right {
    border-right: none;
}

.icon-box22.w-border-left {
    border-left: none;
}

@media(max-width: 767px) {
    .icon-box22.w-featured {
        margin-top: 0;
    }
}