/*
Theme Name:  Renovatio Child
Theme URI:   https://themeforest.net/user/pixelwars/portfolio
Description: Make your modifications to [Renovatio Theme] in this child theme.
Author:      Pixelwars
Author URI:  https://themeforest.net/user/pixelwars
Version:     1.0.3
Template:    renovatio
Tags:        portfolio
Text Domain: renovatio-child
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

.service-block .elementor-widget-icon-box {
   padding: 0px 20px;
    margin: -35px auto 0px;
    position: relative;
    z-index: 999;
    max-width: 370px;
}
.service-block .elementor-widget-icon-box .elementor-widget-container {
    background: #fff;
	box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.1);
}
.service-block .elementor-widget-image {
    margin-bottom: 0 !important;
}
.service-block .elementor-widget-icon-box .elementor-icon-box-icon {
    background: rgb(237,237,237);
    width: 70px;
    text-align: center;
    justify-content: center;
	align-items: center;
}
.service-block .elementor-widget-icon-box .elementor-icon-box-wrapper {
    align-items: inherit !important;
}
.service-block .elementor-widget-icon-box .elementor-icon-box-content {
    padding: 20px;
}
.service-block .elementor-widget-icon-box .elementor-icon-box-content::after {
    content: "\f067";
    position: absolute;
    right: 50px;
    top: -25px;
    width: 50px;
    height: 50px;
    background: #073842;
    border-radius: 50%;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
	transition: all 300ms ease 100ms;
}
.service-block .elementor-widget-image .elementor-widget-container {
    overflow: hidden;
}
.service-block .elementor-column .elementor-widget-image .elementor-widget-container img {
    transition: all 700ms ease 300ms;
}
.service-block .elementor-column:hover .elementor-widget-image .elementor-widget-container img {
    transform: scale(1.2) rotate(2deg);
}
.service-block .elementor-widget-image .elementor-widget-container::before,
.service-block .elementor-widget-image .elementor-widget-container::after {
	position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
    transition: all 700ms ease 500ms;
    border-radius: 0px;
    z-index: 99;
}
.service-block .elementor-widget-image .elementor-widget-container:before {
    transform: scale(0, 1);
    transform-origin: bottom center;
    border-top: 4px solid #073842;
    border-bottom: 4px solid #073842;
}
.service-block .elementor-widget-image .elementor-widget-container::after {
    transform: scale(1, 0);
    transform-origin: left center;
    border-left: 4px solid #073842;
    border-right: 4px solid #073842;
}
.service-block .elementor-column:hover .elementor-widget-image .elementor-widget-container::before,
.service-block .elementor-column:hover .elementor-widget-image .elementor-widget-container::after {
    transform: scale(1, 1);
}
.service-block .elementor-widget-image::before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 700ms ease 100ms;
    width: 100%;
    height: 100%;
	opacity: 0;
	z-index: 9;
}
.service-block .elementor-column:hover .elementor-widget-image::before {
	opacity: 1;
}
.service-block .elementor-column:hover .elementor-icon-box-content::after {
    height: 75px;
    border-radius: 25px 25px 0px 0px;
    top: -50px;
}

@media only screen and (max-width: 767px) {
	.service-block .elementor-widget-icon-box .elementor-icon-box-icon {
		padding-top: 25px;
		padding-bottom: 10px;
	}
	.service-block .elementor-widget-icon-box .elementor-icon-box-content::after {
		right: 40px;
	}
}