.elementor-532 .elementor-element.elementor-element-1ce16255{--display:flex;}.elementor-532 .elementor-element.elementor-element-1ce16255:not(.elementor-motion-effects-element-type-background), .elementor-532 .elementor-element.elementor-element-1ce16255 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-532 .elementor-element.elementor-element-1ce16255.e-con:hover{--e-con-transform-translateY:-7px;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sora;font-weight:var( --e-global-typography-text-font-weight );}.elementor-532 .elementor-element.elementor-element-6db0ef2c{width:100%;max-width:100%;--lottie-container-width:100%;--lottie-container-max-width:100%;}.elementor-532 .elementor-element.elementor-element-6db0ef2c > .elementor-widget-container{padding:0rem 0rem 0rem 12rem;}#elementor-popup-modal-532 .dialog-widget-content{background-color:#FFFFFF00;margin:0% 2% 1% 0%;}#elementor-popup-modal-532 .dialog-message{width:300px;height:auto;padding:0% 0% 0% 0%;}#elementor-popup-modal-532{justify-content:flex-end;align-items:flex-end;}/* Start custom CSS for lottie, class: .elementor-element-6db0ef2c */whatsapp::before{
    content: "Posso ajudar?";
    font-family: Poppins !important;
    font-size: 1.3em;
    color: #1a1a1a;
    padding: 0.7em;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 17.5%;
    transition: 0.5s;
    animation: mensagem 10s ease forwards 3s;
    opacity: 0%;
    background: #f2f2f2;
    
}

whatsapp::after{
    font-family: Poppins !important;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    border: 8px solid transparent;
    border-width: 6px 0 6px 8px;
    border-left-color: #f2f2f2;
    right: 33%;
    animation: seta 10s ease forwards 3s;
    opacity: 0%;    
}

@keyframes mensagem{
    0%{
        opacity: 0;
        left: 27.5%;
    }
    10%, 90%{
        opacity: 1;
        left: 17.5%;
    }
    100%{
        opacity: 0%;
        left: 27.5%;
    }
}

@keyframes seta{
    0%{
        opacity: 0;
        right: 23%;
    }
    10%, 90%{
        opacity: 1;
        right: 33%;
    }
    100%{
        opacity: 0%;
        right: 23%;
    }
}/* End custom CSS */