.elementor-10167 .elementor-element.elementor-element-cf6d436{--display:flex;--min-height:15vh;--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-start;--border-radius:5px 5px 0px 70px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-10167 .elementor-element.elementor-element-cf6d436:not(.elementor-motion-effects-element-type-background), .elementor-10167 .elementor-element.elementor-element-cf6d436 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#06A576;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10167 .elementor-element.elementor-element-4f11c0c .elementor-heading-title{font-family:"PP Telegraf", Sans-serif;font-size:25px;font-weight:200;color:#FFFFFF;}.elementor-10167 .elementor-element.elementor-element-4f11c0c > .elementor-widget-container{margin:0px 21px 0px 25px;padding:0px 16px 0px 0px;}.elementor-10167 .elementor-element.elementor-element-e598b47 .elementor-heading-title{font-family:"PP Telegraf", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-10167 .elementor-element.elementor-element-e598b47 > .elementor-widget-container{margin:0px 0px 0px 25px;}@media(min-width:768px){.elementor-10167 .elementor-element.elementor-element-cf6d436{--width:26%;}}/* Start custom CSS for heading, class: .elementor-element-4f11c0c */.elementor-10167 .elementor-element.elementor-element-4f11c0c .elementor-heading-title:hover {
    text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e598b47 */.elementor-10167 .elementor-element.elementor-element-e598b47 .elementor-heading-title:hover {
    text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf6d436 *//* 1. Define o que acontece no HOVER do texto */
.elementor-10167 .elementor-element.elementor-element-cf6d436 .elementor-heading-title:hover {
    text-decoration: underline; /* Seu sublinhado */
}

/* * 2. Cria o espaço do ícone no lado DIREITO.
 * Por padrão, ele é invisível (opacity: 0).
*/
.elementor-10167 .elementor-element.elementor-element-cf6d436 .elementor-heading-title::after {
    content: ''; /* Conteúdo vazio obrigatório */
    display: inline-block; /* Permite definir tamanho */
    
    /* ======== AJUSTE O TAMANHO DO ÍCONE AQUI ======== */
    width: 20px;  
    height: 20px;
    /* ============================================== */
    
    /* Alinha o ícone com o texto */
    vertical-align: middle;
    margin-left: 8px; /* Espaço entre o texto e o ícone */

    /* ======== COLE A URL DO SEU SVG AQUI ======== */
    background-image: url('https://empresajunior.com/wp-content/uploads/2025/10/Vector-1-3.svg');
    /* ========================================== */

    background-size: contain; /* Garante que o SVG caiba no tamanho */
    background-position: center;
    background-repeat: no-repeat;
    
    /* Animação: começa invisível */
    opacity: 0;
    transition: opacity 0.2s ease-out;
}

/* * 3. Faz o ícone aparecer no HOVER (passar o mouse)
*/
.elementor-10167 .elementor-element.elementor-element-cf6d436 .elementor-heading-title:hover::after {
    opacity: 1; /* Torna o ícone visível */
}/* End custom CSS */