.elementor-1370 .elementor-element.elementor-element-6ee03bdc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1370 .elementor-element.elementor-element-6ee03bdc:not(.elementor-motion-effects-element-type-background), .elementor-1370 .elementor-element.elementor-element-6ee03bdc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D0A0A00;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1370 .elementor-element.elementor-element-6a86d724{width:100%;max-width:100%;}.elementor-1370 .elementor-element.elementor-element-6a86d724.elementor-element{--align-self:flex-end;}.elementor-1370 .elementor-element.elementor-element-6a86d724 .elementor-icon-wrapper{text-align:right;}.elementor-1370 .elementor-element.elementor-element-6a86d724.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-1370 .elementor-element.elementor-element-6a86d724.elementor-view-framed .elementor-icon, .elementor-1370 .elementor-element.elementor-element-6a86d724.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-1370 .elementor-element.elementor-element-6a86d724.elementor-view-framed .elementor-icon, .elementor-1370 .elementor-element.elementor-element-6a86d724.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-1370 .elementor-element.elementor-element-6a86d724 .elementor-icon{font-size:55px;}.elementor-1370 .elementor-element.elementor-element-6a86d724 .elementor-icon svg{height:55px;}.elementor-1370 .elementor-element.elementor-element-6a86d724 .elementor-icon i, .elementor-1370 .elementor-element.elementor-element-6a86d724 .elementor-icon svg{transform:rotate(6deg);}#elementor-popup-modal-1370 .dialog-widget-content{background-color:#02010100;border-style:none;border-radius:0px 0px 0px 0px;margin:0vw 02.5vw 01vw 0vw;}#elementor-popup-modal-1370 .dialog-message{width:210px;height:auto;}#elementor-popup-modal-1370{justify-content:flex-end;align-items:flex-end;}@media(max-width:767px){#elementor-popup-modal-1370 .dialog-widget-content{margin:0vw 3vw 04vw 0vw;}}@media(min-width:768px){.elementor-1370 .elementor-element.elementor-element-6ee03bdc{--width:100%;}}/* Start custom CSS for icon, class: .elementor-element-6a86d724 */.whatsapp::before {
    content: "Posso ajudar?";
    font-size: 0.9em;
    background: #ffffff;
    padding: 1em;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5%;
    transition: 0.5s;
    animation: mensagem 4s ease forwards 3s;
    opacity: 0;
}

.whatsapp::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 8px solid transparent;
    border-width: 7px 0 7px 8px;
    border-left-color: #ffffff ;
    right: 38%;
    animation: seta 4s ease forwards 3s;
    opacity: 0;
    transition: 0.4s;

}

.whatsapp:hover::before{
    opacity: 1 !important;
    left: -5% !important;
  
}

.whatsapp:hover::after{
    opacity: 1 !important;
    right: 38% !important;
  
    
}   

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

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