.elementor-2012 .elementor-element.elementor-element-d633e22{--display:flex;--min-height:98vh;--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-2012 .elementor-element.elementor-element-d633e22:not(.elementor-motion-effects-element-type-background), .elementor-2012 .elementor-element.elementor-element-d633e22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2012 .elementor-element.elementor-element-83f11d1{--display:flex;--min-height:45px;--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-2012 .elementor-element.elementor-element-8a14518{--display:flex;--min-height:fit-content;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2012 .elementor-element.elementor-element-83f11d1{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-16eebdc */.marquee{
    position: absolute;
    width: 100%;
    height: 30vh;
    overflow: hidden;
    top:-16vw;
    left:0;
}

.marquee-inner{
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template: 1fr / 1fr;
}


/* Adicione estilos básicos para os SVGs se necessário. 
    A largura e o estilo de estouro já estão inline.
*/
.marquee-bg-svg {

    color: red; 
    grid-area: 1/1;
    z-index: 0;
}

.marquee-text-svg {
   z-index: 1;
   grid-area: 1 / 1;
}
.marquee-text-svg text{
   fill:#ffffff;
   letter-spacing: -0.3rem;
   font-size: 5rem;
   font-weight: 600;
   font-family: oswald,Sans-Serif;
   
}
.marquee-inner svg{
    backface-visibility: hidden;
}
.marquee-overlay {
  grid-area: 1/1; 
  z-index: 1;
  width: 100%;
  height: 100%; 
  pointer-events: none;
    position: relative;
    bottom: 0px;
}/* End custom CSS */