/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 07 2025 | 15:10:14 */
/* 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 */ 

.intr-sec .eael-feature-list-title {margin-top:10px !important;}
.bg-head-text h2{ 
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
	-webkit-text-stroke: 1px rgb(0 0 0 / 10%); }
.bg-head-text.white h2 {-webkit-text-stroke: 1px rgb(255 255 255 / 20%);}
.intr-sec figure.elementor-image-box-img { 
background:#85cde6;    border-radius: 50px;
    padding: 12px;
}
.intr-sec .elementor-image-box-wrapper:hover figure.elementor-image-box-img {background:#414247;}
.serv-sec .elementor-image-box-content {width: 100%;
    position: absolute;
    bottom: 22px; height:95%;padding:10px; opacity:1; background:rgba(0,0,0,0.4);   transition: all .5s;    display: flex; border-radius:15px;
    align-items: center;
    flex-direction: column;
    justify-content: center;}
 
.serv-sec .elementor-image-box-wrapper {position:relative; overflow:hidden;}
.serv-sec .elementor-image-box-wrapper:hover .elementor-image-box-content { opacity:1; height:95%;} 
.serv-sec .elementor-widget-image-box:hover .elementor-image-box-wrapper {
    animation-name: elementor-animation-push;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
}
@media screen and (max-width: 768px) {
	
}