/*-------TEMPLATE: BENEFITS BOXES---------*/

.benefits.box1 {
}

.benefits.box2 {
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}

.dark-section .benefits.box2 {
    border-left:1px solid #555;
    border-right:1px solid #555;
}

.benefits.box3 {
}

.benefits .elementor-widget-wrap {
    max-width:290px;
    margin:auto;
}

.benefits.box1 .elementor-widget-wrap {
    margin-left:auto !important;
}

.benefits.box2 .elementor-widget-wrap {
    margin:auto !important;
}

.benefits.box3 .elementor-widget-wrap {
    margin-right:auto !important;
}

.benefits .benefit-icon, .benefits .benefit-desc {
    display:inline-block;
}

.benefits .benefit-icon {
    width:40%;
    margin-bottom:0;
    margin-top:-10px;
}

.benefits.box2 .benefit-icon {
    width:45%;
}

.benefits .benefit-desc {
}

.benefits.box2 .benefit-desc {
}

.top-benefits {
    max-width:180px !important;
    margin:auto auto 0px auto;
}

.top-benefits.save-time {
    max-width:160px !important;
    margin:10px auto 0px auto;
}

.benefits .benefit-desc h4 {
    margin-bottom:0;
    font-weight:500 !important;
    font-size:0.85em;
    line-height:0.6em !important;
}

.fas {
    font-family:'FontAwesome';
    font-weight:100;
}

.fa-award {
    font-size:1.8em;
}

.fa-check:before {
    content:"\f17b";
}

.fa-award:before {
    content:"\f178";
    vertical-align:sub;
}

/*-----------------------------------------
MOBILES 767 (iPad) and all widths below this
-----------------------------------------*/
@media only screen and (max-width: 767px) {
    
    /*------ BENEFITS BOXES ------*/
    
    .benefits.box1 .elementor-widget-wrap, .benefits.box2 .elementor-widget-wrap, .benefits.box3 .elementor-widget-wrap {
        /* margin-left:calc(((100vw - 360px) / 2) + 30px) !important; */
    }

    .benefits.box2 {
        border-left:none;
        border-right:none;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }

    .dark-section .benefits.box2 {
        border-left:none;
        border-right:none;
        border-top:1px solid #555;
        border-bottom:1px solid #555;
    }

    .dark-section .benefits .elementor-widget-wrap {
        max-width: auto !important;
    }
    
    .benefits .benefit-icon {
        width:40%;
    }
    
    .benefits .benefit-desc {
        width:auto;
    }
    
    .benefits.box2 .benefit-icon {
        width:40%;
    }
    
    .benefits.box2 .benefit-desc {
        width:auto;
    }

    .benefits .benefit-desc h4 {
        font-weight:600 !important;
        font-size:1em;
    }

}