/*------SERVICE BOXES------*/
#services-container .elementor-container, #services-container2 .elementor-container {
    flex-wrap: wrap;
    max-width:900px;
    width:100%;
    margin:auto;
}

.service-wrapper.elementor-column {
    width:33.333%;
}

#services-container .service-wrapper:nth-child(-n+3), #services-container2 .service-wrapper:nth-child(-n+3) {
    margin-bottom:30px;
}

.service .elementor-widget-container {
    overflow:visible;
}

.service .elementor-cta, .service .elementor-cta:after {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.service .elementor-cta {
    box-shadow: 0 4px 20px -5px rgba(0,0,0,0.2);
    width: 100%;
    max-width: 250px;
    margin:auto;
}

#services-container2 .service .elementor-cta {
    background:#334453;
}

.service .elementor-cta:after {
    content: '';
    height:3px;
    width:100%;
    display:block;
    position:absolute;
    bottom:0;
    z-index:1;
    background:#4793d7;
    -ms-transform: translateX(-105%); /* IE 9 */
    -webkit-transform: translateX(-105%); /* Safari */
    transform: translateX(-105%);
}

.service .elementor-cta:hover, .service .elementor-cta:active, .service .elementor-cta:focus {
    box-shadow: 0px 30px 60px -15px rgba(0,0,0,.1);
    -ms-transform: translateY(-5px); /* IE 9 */
  -webkit-transform: translateY(-5px); /* Safari */
  transform: translateY(-5px);
}

.service .elementor-cta:hover:after, .service .elementor-cta:active:after, .service .elementor-cta:focus:after {
    -ms-transform: translateX(0); /* IE 9 */
    -webkit-transform: translateX(0); /* Safari */
    transform: translateX(0);
}

.service .elementor-cta__bg-wrapper {
    min-height:100px;
    height:100px;
    margin-top:30px;
}

.service .elementor-cta__bg {
    background-size:160px;
    background-repeat:no-repeat;
}

.service .elementor-cta__content {
    padding-left:20px;
    padding-right:20px;
}

.service h5 {
    font-size:18px;
}

/*-----------------------------------------
TABLETS 895px (iPad) and all widths below this
-----------------------------------------*/
@media only screen and (max-width: 895px) {
        
    /*------SERVICE BOXES------*/
    
    .service-wrapper.elementor-column {
        width:50%;
    }
    
    #services-container .elementor-container {
        max-width:550px;
    }
    
    #services-container .service-wrapper:nth-child(-n+4) {
        margin-bottom:30px;
    }
    
}

/*-----------------------------------------
MOBILES 641px (iPad) and all widths below this
-----------------------------------------*/

@media only screen and (max-width: 641px) {
    
    /*------SERVICE BOXES------*/
    
    .service-wrapper.elementor-column {
        width:100%;
    }
    
    #services-container .service-wrapper:nth-child(-n+5) {
        margin-bottom:30px;
    }
    
}