/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.why-recommend-card{
    border: 4px solid #addeff;
    border-radius: 4px;
    padding: 10px;
}
#mvp-content-main .why-recommend-card p:empty,
.why-recommend-card p:empty{
    display: none;
}
.why-recommend-card .wr-card-header-wrapper{
    text-align: center;
}
.why-recommend-card .wr-card-body .wr-card-wraper{
    margin-top:20px;
}
.why-recommend-card .wr-card-col .wr-card-icon img{
    margin: auto;
}
.why-recommend-card .wr-card-col .wr-card-icon{
    font-size: 20px;
}
.why-recommend-card .wr-card-col .wr-card-icon .dashicons{
    color: #2b88e1;
    width: 52px;
    height: 52px;
    font-size: 48px;
}
.why-recommend-card .wr-card-col .wr-card-count{
    color: #2b88e1;
    font-weight: bold;
    font-size: 20px;
}
.why-recommend-card .wr-card-col .wr-card-col-body{
    font-size: 12px;
}
.why-recommend-card .wr-card-wraper .wr-card-col{
    width: 24%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
@media only screen and (max-width: 600px) {
    .why-recommend-card .wr-card-wraper .wr-card-col{
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }
}