.elementor-808 .elementor-element.elementor-element-a624549{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-808 .elementor-element.elementor-element-aa7c4a9{text-align:center;}.elementor-808 .elementor-element.elementor-element-aa7c4a9 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;}.elementor-808 .elementor-element.elementor-element-126d9ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overflow:hidden;--margin-top:040px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-808 .elementor-element.elementor-element-d607eed{--grid-columns:1;}.elementor-808 .elementor-element.elementor-element-d607eed.elementor-element{--flex-grow:1;--flex-shrink:0;}@media(max-width:1024px){.elementor-808 .elementor-element.elementor-element-d607eed{--grid-columns:2;}}@media(max-width:767px){.elementor-808 .elementor-element.elementor-element-126d9ff{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-808 .elementor-element.elementor-element-d607eed{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-d607eed *//*.elementor-808 .elementor-element.elementor-element-d607eed {
    & .item {
        flex: 1;
        transition: all .5s;
        overflow: hidden;
        
        @media(min-width:768px){
            
            & h2, & .btn {
                transform: translateY(30px);
            }
            & .btn {
                opacity: 0;
            }
            & .texto {
                height: 100px;
                opacity: 0;
                transform: translateY(20px);
            }
            
        }
        &:hover {
            flex: 3;
            & h2 {
                animation: fadeToVisible 0.3s ease forwards;
            }
            .texto{
                animation: fadeToVisible 0.3s ease forwards;
                animation-delay: 0.3s;
            }
            .btn {
                animation: fadeToVisible 0.3s ease forwards;
                animation-delay: 0.4s;
            }
        }
       
        @media(max-width:767px){
            min-height:300px
        }
    }
}

@keyframes fadeToVisible {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
*//* End custom CSS */