.elementor-4556 .elementor-element.elementor-element-228e4de{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-4556 .elementor-element.elementor-element-228e4de{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4556 .elementor-element.elementor-element-228e4de{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-228e4de */.elementor-4556 .elementor-element.elementor-element-228e4de{
    counter-reset: number; 
}
 
.elementor-4556 .elementor-element.elementor-element-228e4de > div{
    cursor: pointer;
    /*position: relative;*/
    
    &:before{
    counter-increment:number;
     content:'0' counter(number) '.';
    font-family: var(--primary-font);
    color: var(--primary-blue-200);
    font-size: 1.5rem; 
font-weight: 500;
line-height: 130%;  
letter-spacing: -0.015rem;
position: absolute;
left: 1.8rem;
top:2.25rem;
}
}
.elementor-4556 .elementor-element.elementor-element-228e4de h3{
    position: absolute;
    left: 1.8rem;
    bottom:2.25rem;
    transition: 400ms ease-out;
    font-size: 1.75rem;
    width: calc(100% - 3.6rem);
    height: 4rem;
}
.elementor-4556 .elementor-element.elementor-element-228e4de p{
    opacity:0;
    transition: 400ms ease-out;
}
.elementor-4556 .elementor-element.elementor-element-228e4de > div:hover {
    background-color: var(--primary-blue-700);
    
    & h3{
    font-size: 1.5rem;
     left: 1.8rem;
    bottom:calc(100% - 8.5rem);
        
    }
    
    & p{
        opacity: 1;
    }
}


@media screen and (max-width: 768px){
    .elementor-4556 .elementor-element.elementor-element-228e4de  h3, .elementor-4556 .elementor-element.elementor-element-228e4de > div:hover  h3{
        position: unset;
        margin-bottom: 1rem;
        font-size: 1.5rem;
    }
    .elementor-4556 .elementor-element.elementor-element-228e4de p{
        opacity: 1;
    }
    
    .elementor-4556 .elementor-element.elementor-element-228e4de > div:before{
        position: unset;
    }
}/* End custom CSS */