/* Titulo desfocado com titulo principal na frente e ponto de luz centralizado*/
.title_content { /* Estilos dos titulos*/
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

.title { /* Titulo grande de fundo */
    font-size: 10rem; 
    color: var(--text-color-big-title-effect); 
    z-index: 1; 
    font-family: Rajdhani, sans-serif; 
    font-weight: 700; 
    filter: blur(2px);
}

.main_title { /* Titulo principal */
    font-size: 3.75rem; 
    position: absolute; 
    color: var(--text-color-main-title-effect);
}

.circle_title { /* Efeito blur de circulo com luz */
    position: absolute;
    width: 13rem;
    height: 13rem;
    background-color: rgba(4, 217, 57, 0.411);
    /* background-color: #1f2f8ab0; */
    border-radius: 50%;
    filter: blur(5rem);
    z-index: 0;
}

.container_detalhe_title { /* Container dos detalhes abaixo do titulo com margem */
    display: flex;
    align-items: center; 
    justify-content: center; 
    margin-bottom: 10rem;
}

.detalhe_left_title { /* Detalhe esquerdo */
    background-color: var(--detail-color); 
    width: calc(.25rem * 24); 
    height: 1px;
}

.detalhe_center_title { /* Detalhe central */
    background-color: var(--detail-color); 
    width: calc(.25rem * 1.5); 
    height: calc(.25rem * 1.5); 
    border-radius: 50%; 
    margin: 0 calc(0.50rem * 2)
}

.detalhe_right_title { /* Detalhe direito */
    background-color: var(--detail-color); 
    width: calc(.25rem * 24); 
    height: 1px;
}

.h3 { /* Classe de tamanho de fonte e margem do h3 */
    font-size: 3rem; 
    margin: 0 0 1rem 0;
}

.paragraph { /* Classe de tamanho de fonte e margem do p */
    font-size: 1.7rem; 
    margin-bottom: 1rem;
    
}

.h4 { /* Classe de tamanho de fonte e margem do h4 */
    font-size: 2.3rem; 
    margin-bottom: 1rem;
}

.container_geral {
    width: 100%;
    display: flex;
    padding: 1rem;
    flex-wrap: wrap;
    box-sizing: border-box;
    
}

.container_esquerda {
    flex: 1 1 300px;
    min-width: 250px;
    
    height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container_direita {
    flex: 1 1 300px;
    min-width: 250px; /* padrão é auto */
    background-color: #902594b0;
    padding: 2rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}