.elementor-254 .elementor-element.elementor-element-75c67aa:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-75c67aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://www.calcraft.ca/wp-content/uploads/2020/04/image_aluminum-steel-fabrication-11.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-254 .elementor-element.elementor-element-75c67aa > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 4%, rgba(255, 255, 255, 0) 95%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-254 .elementor-element.elementor-element-75c67aa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 20px 250px 20px;}.elementor-254 .elementor-element.elementor-element-794892a8 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-254 .elementor-element.elementor-element-2397102c{margin-top:0px;margin-bottom:0px;}@media(max-width:1024px){.elementor-254 .elementor-element.elementor-element-75c67aa{padding:20px 50px 230px 50px;}}@media(max-width:767px){.elementor-254 .elementor-element.elementor-element-75c67aa{padding:40px 0px 20px 0px;}}/* Start custom CSS for section, class: .elementor-element-2397102c */@media screen and (min-width: 768px) {
.processInner::before{
content:'';
position:absolute;    
height:4px;
background:#EB2227;
top:57px;
left:100px;
right:100px;
z-index:0;
}
.gHover{
    position:absolute;
    display: none;
top:85px;
z-index:1;
left:50%;
transform: translateX(-50%);
width: 300px;
}
.gActive .gHover{
display:block;    
}
.gActive .gCircle{
     background-color: #EB2227;
    color: #fff;   
}
.processInner:hover .gActive .gHover{
    display:none;
}
.processInner:hover .gActive .gCircle{
background: #ffff;
color: #EB2227;
border: 4px solid #EB2227;
}
.processInner:hover .gActive:hover .gHover{
display:block;    
}
.processInner:hover .gActive:hover .gCircle{
background-color: #EB2227;
    color: #fff;  
}
}
.process{
text-align: center;
font-family: "Source Sans Pro", Sans-serif;
}
.gCircle{
    width: 90px;
height: 90px;
background: #ffff;
border-radius: 100%;
color: #EB2227;
font-weight: bold;
font-size: 35px;
display: inline-block;
text-align: center;
padding: 18px 10px;
border: 4px solid #EB2227;
margin-bottom: 20px;
}
.gHover{
padding: 20px;
}
.process:hover .gCircle{
    background-color: #EB2227;
    color: #fff;
}
.process:hover .gHover{
    display: block;
}

.gTitle{
font-weight: bold;
font-size: 20px;
line-height: 10px;
margin-bottom: 20px;
color: #4B4D52;
}
.gDesc{
    color: #4B4D52;
 font-weight: normal;
font-size: 18px;
line-height: 1.5;
background: #FFFFFF;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
padding: 25px;

}
@media screen and (max-width: 767px) {
.gHover{
    position:relative;
margin-top:10px;
margin-bottom:20px;
}
.gCircle{
    margin-bottom:0;
}
}/* End custom CSS */