.elementor-2244 .elementor-element.elementor-element-274190d{--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;}.elementor-2244 .elementor-element.elementor-element-274190d:not(.elementor-motion-effects-element-type-background), .elementor-2244 .elementor-element.elementor-element-274190d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-2244 .elementor-element.elementor-element-274190d{--content-width:800px;}}/* Start custom CSS for container, class: .elementor-element-274190d */.elementor-2244 .elementor-element.elementor-element-274190d {
    position: relative; /* Garante que o elemento pai esteja posicionado para permitir o posicionamento absoluto do pseudo-elemento ::after */
}

.elementor-2244 .elementor-element.elementor-element-274190d::after {
    content: "";
    height: 5px;
    width: 50px;
    position: absolute;
    top: 0;
    left: 2em;
    background: #8660F9;
    z-index: 3;
    box-shadow: 0px 9px 27.1px 0px #8660F9;
    opacity: 0; /* Começa com opacidade 0 para esconder o elemento inicialmente */
    transform: scale(0); /* Começa com escala 0 para tornar o elemento invisível inicialmente */
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; /* Define o efeito de transição */
}

.elementor-2244 .elementor-element.elementor-element-274190d:hover::after {
    opacity: 1; /* Mostra o elemento ao passar o mouse */
    transform: scale(1); /* Escala o elemento para seu tamanho total ao passar o mouse */
}/* End custom CSS */