/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 11 2025 | 06:37:30 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.span-bg-box {
    content: '';
    position: absolute;
    top: 10px;
    RIGHT: 0;
    width: 502PX;
    height: 548PX;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background-color: var( --e-global-color-primary );
    transform: rotate(-6deg);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.leftright-moving-box{
	animation: moveLeftRight 1s linear infinite alternate;
}
.hcolor{
	color:var( --e-global-color-primary );
}
.why-fea-box li.eael-feature-list-item {
    padding: 30px !important;
    background: #000;
    margin-bottom: 20px;
    border-radius: 10px;
}
.info-process .eael-infobox .infobox-icon-wrap {
   
    background: var(--e-global-color-accent);
}
.info-process:hover .eael-infobox .infobox-icon-wrap {
    
    background: transparent;
}
.service-sidebar{
	z-index:1 !important;
}
.service-menu li.menu-item a.elementor-item{
	 background: var(--e-global-color-secondary);
	border-radius:20px;
}
.service-menu li.menu-item a.elementor-item:hover, .service-menu li.menu-item a.elementor-item.elementor-item-active{
	 background: var(--e-global-color-primary) !important;
}
.service-call a{
	color:#fff;
}