.elementor-2406 .elementor-element.elementor-element-6c87a19c{--display:flex;--min-height:962px;--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;--justify-content:center;--align-items:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2406 .elementor-element.elementor-element-b3029fc{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 100px 0px 100px;text-align:center;font-family:"Poppins", Sans-serif;font-size:40px;font-weight:500;line-height:50px;}.elementor-2406 .elementor-element.elementor-element-b3029fc p{margin-block-end:0px;}.elementor-2406 .elementor-element.elementor-element-6b13a326{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 9px) 0px;padding:0px 90px 0px 90px;text-align:center;font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;}.elementor-2406 .elementor-element.elementor-element-3b4e8dbf{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-2406 .elementor-element.elementor-element-27e72497{--display:flex;--justify-content:center;}.elementor-2406 .elementor-element.elementor-element-3e65d31f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-2406 .elementor-element.elementor-element-1b8210ce{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:64px;--margin-right:-9px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2406 .elementor-element.elementor-element-4fde8a93 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:600;line-height:39px;}.elementor-2406 .elementor-element.elementor-element-1e6a913b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-2406 .elementor-element.elementor-element-1e6a913b p{margin-block-end:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;background-image:linear-gradient(165deg, var( --e-global-color-primary ) 5%, var( --e-global-color-secondary ) 100%);border-radius:7px 7px 7px 7px;}.elementor-2406 .elementor-element.elementor-element-a75223c{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2406 .elementor-element.elementor-element-322a2141{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -71px;}.elementor-2406 .elementor-element.elementor-element-37d561aa{--display:flex;}.elementor-2406 .elementor-element.elementor-element-136aa171{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2406 .elementor-element.elementor-element-2ef02500{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:64px;--margin-right:-9px;}.elementor-2406 .elementor-element.elementor-element-240c7ea{padding:0px 60px 0px 0px;}.elementor-2406 .elementor-element.elementor-element-240c7ea .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:600;line-height:39px;}.elementor-2406 .elementor-element.elementor-element-12514996{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-2406 .elementor-element.elementor-element-12514996 p{margin-block-end:0px;}.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;background-image:linear-gradient(165deg, var( --e-global-color-primary ) 5%, var( --e-global-color-secondary ) 100%);border-radius:7px 7px 7px 7px;}.elementor-2406 .elementor-element.elementor-element-4c880a3c{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2406 .elementor-element.elementor-element-1bab91a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -71px;}.elementor-2406 .elementor-element.elementor-element-25e36bfe{--display:flex;}.elementor-2406 .elementor-element.elementor-element-3cee138c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-2406 .elementor-element.elementor-element-50c09fa{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:64px;--margin-right:-9px;}.elementor-2406 .elementor-element.elementor-element-7a08e504 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:28px;font-weight:600;line-height:39px;}.elementor-2406 .elementor-element.elementor-element-27c103bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-2406 .elementor-element.elementor-element-27c103bb p{margin-block-end:0px;}.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;background-image:linear-gradient(165deg, var( --e-global-color-primary ) 5%, var( --e-global-color-secondary ) 100%);border-radius:7px 7px 7px 7px;}.elementor-2406 .elementor-element.elementor-element-6abddbd{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2406 .elementor-element.elementor-element-1a0c5572{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -71px;}.elementor-2406 .elementor-element.elementor-element-729e93d7{--display:flex;}.elementor-2406 .elementor-element.elementor-element-3256a46f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-2406 .elementor-element.elementor-element-1b742a07{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:64px;--margin-right:-9px;}.elementor-2406 .elementor-element.elementor-element-3d242ca7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:28px;font-weight:600;line-height:39px;}.elementor-2406 .elementor-element.elementor-element-a1606b0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-2406 .elementor-element.elementor-element-a1606b0 p{margin-block-end:0px;}.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;background-image:linear-gradient(165deg, var( --e-global-color-primary ) 5%, var( --e-global-color-secondary ) 100%);border-radius:7px 7px 7px 7px;}.elementor-2406 .elementor-element.elementor-element-21ec49a2{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2406 .elementor-element.elementor-element-79ad3a72{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -71px;}.elementor-2406 .elementor-element.elementor-element-3d2c43fb{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:19px;--n-tabs-gap:59px;--n-tabs-title-transition:0.5s;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-font-size:17px;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-primary );--n-tabs-title-direction:column;--n-tabs-icon-order:initial;--n-tabs-title-justify-content-toggle:center;--n-tabs-title-align-items-toggle:initial;--n-tabs-icon-size:30px;--n-tabs-icon-gap:14px;--n-tabs-icon-color-active:var( --e-global-color-primary );}.elementor-2406 .elementor-element.elementor-element-3d2c43fb > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-accent );}.elementor-2406 .elementor-element.elementor-element-3d2c43fb.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-color:var( --e-global-color-0bb92fe );box-shadow:0px 0px 10px 0px #DDBFFF;}.elementor-2406 .elementor-element.elementor-element-3d2c43fb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2406 .elementor-element.elementor-element-3d2c43fb.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px #DDBFFF;}.elementor-2406 .elementor-element.elementor-element-3d2c43fb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#D4D4D4;}.elementor-2406 .elementor-element.elementor-element-3d2c43fb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Poppins", Sans-serif;font-weight:500;line-height:19px;}.elementor-2406 .elementor-element.elementor-element-3d2c43fb [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-primary );}@media(max-width:1600px){.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-2406 .elementor-element.elementor-element-3e65d31f{--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-2406 .elementor-element.elementor-element-136aa171{--grid-auto-flow:row;}.elementor-2406 .elementor-element.elementor-element-3cee138c{--grid-auto-flow:row;}.elementor-2406 .elementor-element.elementor-element-3256a46f{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-2406 .elementor-element.elementor-element-3e65d31f{--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-2406 .elementor-element.elementor-element-136aa171{--grid-auto-flow:row;}.elementor-2406 .elementor-element.elementor-element-3cee138c{--grid-auto-flow:row;}.elementor-2406 .elementor-element.elementor-element-3256a46f{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2406 .elementor-element.elementor-element-b3029fc{margin:40px 1px calc(var(--kit-widget-spacing, 0px) + 15px) 1px;padding:0px 35px 0px 35px;font-size:23px;line-height:1.2em;}.elementor-2406 .elementor-element.elementor-element-6b13a326{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;text-align:center;font-size:17px;}.elementor-2406 .elementor-element.elementor-element-6b13a326 p{margin-block-end:0px;}.elementor-2406 .elementor-element.elementor-element-3b4e8dbf{--width:100%;}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-2406 .elementor-element.elementor-element-3e65d31f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2406 .elementor-element.elementor-element-1b8210ce{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2406 .elementor-element.elementor-element-4fde8a93{text-align:center;}.elementor-2406 .elementor-element.elementor-element-4fde8a93 .elementor-heading-title{font-size:17px;line-height:1.2em;}.elementor-2406 .elementor-element.elementor-element-1e6a913b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:12px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-2406 .elementor-element.elementor-element-322a2141{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) -10px;}.elementor-2406 .elementor-element.elementor-element-322a2141.elementor-element{--order:-99999 /* order start hack */;}.elementor-2406 .elementor-element.elementor-element-136aa171{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2406 .elementor-element.elementor-element-2ef02500{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2406 .elementor-element.elementor-element-240c7ea{text-align:center;}.elementor-2406 .elementor-element.elementor-element-240c7ea .elementor-heading-title{font-size:17px;line-height:1.3em;}.elementor-2406 .elementor-element.elementor-element-12514996{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:12px;}.elementor-2406 .elementor-element.elementor-element-1bab91a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) -10px;}.elementor-2406 .elementor-element.elementor-element-1bab91a5.elementor-element{--order:-99999 /* order start hack */;}.elementor-2406 .elementor-element.elementor-element-3cee138c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2406 .elementor-element.elementor-element-50c09fa{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2406 .elementor-element.elementor-element-7a08e504{text-align:center;}.elementor-2406 .elementor-element.elementor-element-7a08e504 .elementor-heading-title{font-size:17px;line-height:1.1em;}.elementor-2406 .elementor-element.elementor-element-27c103bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:12px;}.elementor-2406 .elementor-element.elementor-element-1a0c5572{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) -10px;}.elementor-2406 .elementor-element.elementor-element-1a0c5572.elementor-element{--order:-99999 /* order start hack */;}.elementor-2406 .elementor-element.elementor-element-3256a46f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2406 .elementor-element.elementor-element-1b742a07{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2406 .elementor-element.elementor-element-3d242ca7{text-align:center;}.elementor-2406 .elementor-element.elementor-element-3d242ca7 .elementor-heading-title{font-size:17px;line-height:1.2em;}.elementor-2406 .elementor-element.elementor-element-a1606b0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:12px;}.elementor-2406 .elementor-element.elementor-element-79ad3a72{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) -10px;}.elementor-2406 .elementor-element.elementor-element-79ad3a72.elementor-element{--order:-99999 /* order start hack */;}.elementor-2406 .elementor-element.elementor-element-3d2c43fb{--n-tabs-direction:column-reverse;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-align-items:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:6px;--n-tabs-gap:2px;--n-tabs-title-border-radius:5px 5px 5px 5px;--n-tabs-title-padding-top:12px;--n-tabs-title-padding-right:4px;--n-tabs-title-padding-bottom:12px;--n-tabs-title-padding-left:4px;}}/* Start custom CSS for button, class: .elementor-element-a75223c *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c880a3c *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6abddbd *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-21ec49a2 *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a75223c *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c880a3c *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6abddbd *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-21ec49a2 *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a75223c *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c880a3c *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6abddbd *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-21ec49a2 *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a75223c *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c880a3c *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6abddbd *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-21ec49a2 *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a75223c *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-a75223c .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c880a3c *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-4c880a3c .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6abddbd *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-6abddbd .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-21ec49a2 *//* 1. Garante que o botão esteja pronto para o efeito */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button {
    /* Define o fundo e a cor do texto do seu botão no Elementor. 
       Se já estiver configurado, pode remover essas linhas. */
    background-color: #0d6efd; /* Exemplo de Cor de Fundo */
    color: #ffffff; /* Exemplo de Cor do Texto */
    
    /* ESSENCIAL: Permite que o ::before seja posicionado corretamente */
    position: relative; 
    overflow: hidden; /* Garante que o brilho só apareça dentro do botão */
    z-index: 1; /* Coloca o texto acima do brilho */
    
    /* Transição suave para o box-shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* 2. Cria o elemento de "brilho" (linear-gradient rotacionado) */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Torna o gradiente maior que o botão */
    height: 100%;
    
    /* Cria um "feixe de luz" diagonal (Branco + Transparente) */
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.3) 50%, /* Onde o brilho é mais forte */
        rgba(255, 255, 255, 0.0) 100%
    );
    
    /* Inicia o "brilho" fora da vista (à esquerda) */
    transform: translateX(-100%) skewX(-30deg);
    transition: transform 0.8s ease; /* Velocidade da animação do brilho */
    z-index: 2; /* Acima do botão, mas abaixo do texto */
}

/* 3. Efeito no Hover: Move o brilho e adiciona um glow suave */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button:hover {
    /* Efeito de "Glow" ao redor do botão no hover */
    box-shadow: 0 0 50px #cfa6ff; 
    
    /* Adiciona um pequeno efeito de escala para maior engajamento */
    transform: scale(1.05); 
}

/* 4. Animação de Movimento do Brilho no Hover */
.elementor-2406 .elementor-element.elementor-element-21ec49a2 .elementor-button:hover::before {
    /* Move o brilho de 0% (esquerda) para 100% (direita), 
       simulando o movimento de uma luz passando */
    transform: translateX(100%) skewX(-30deg);
}/* End custom CSS */
/* Start custom CSS *//* === PAINÉIS (Conteúdo que aparece/desaparece) === */
.tab-panel {
  display: none;
  opacity: 0;
  transform: scale(0.98);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.tab-panel.active {
  display: block !important;
  opacity: 1;
  transform: scale(1);
}

/* === BOTÕES / TABS (Container Geral) === */
.tab-btn {
  cursor: pointer;
  transition: all 0.4s ease; /* Transição suave */
  
  /* ESTADO INATIVO (O QUE VOCÊ PEDIU) */
  /* Isso deixa tudo dentro do botão preto e branco e meio transparente por padrão */
  filter: grayscale(100%); 
  opacity: 0.5; 
  
  padding: 20px; 
  border: 2px solid #e0e0e0; /* Borda cinza padrão suave para os inativos */
  border-radius: 15px; /* Arredondamento (opcional, ajusta conforme seu design) */
  background: #fff;
}

/* === HOVER (Ao passar o mouse) === */
.tab-btn:hover {
  /* Recupera a cor e opacidade ao passar o mouse */
  filter: grayscale(0%);
  opacity: 1;
  transform: translateY(-5px); /* Leve subida para dar destaque */
  box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

/* Garante que o título ganhe cor ao passar o mouse */
.tab-btn:hover h3, 
.tab-btn:hover h4, 
.tab-btn:hover .elementor-heading-title {
  color: #8723F9 !important; /* Força a cor roxa no texto */
}

/* === ATIVO (O Botão Selecionado) === */
.tab-btn.active {
  /* Recupera a cor total */
  filter: grayscale(0%);
  opacity: 1;
  
  /* Configuração da Borda Roxa com Gradiente */
  border: 2px solid transparent;
  background-image: 
    linear-gradient(#fff, #fff), 
    linear-gradient(to right, #8723f9, #d301c7); 
  background-origin: border-box;
  background-clip: padding-box, border-box;

  /* Sombra e Destaque */
  box-shadow: 0 10px 30px rgba(135, 35, 249, 0.2);
  transform: scale(1.05); /* Levemente maior que os outros */
}

/* Garante que o título do ativo fique roxo */
.tab-btn.active h3, 
.tab-btn.active h4, 
.tab-btn.active .elementor-heading-title {
  color: #8723F9 !important;
}/* End custom CSS */