.site-header {
background-color: #181818;
position: relative;
} #sepi_intro {
padding: 4.8vw 0;
position: relative;
}
#sepi_intro .content {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
margin: auto;
min-width: 1000px;
position: relative;
width: 67.3%;
}
#sepi_intro .content_full {
margin: auto;
min-width: 1000px;
position: relative;
width: 67.3%;
padding: 2.5vw 3.229vw 0;
}
#sepi_intro .box_esq {
-ms-flex-direction: column;
-ms-flex-pack: center;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 2.9% 0 4.9%;
width: 50%;
}
#sepi_intro .box_dir {
padding: 0 4.9% 0 0;
width: 50%;
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
.sepi_titulo {
color: var(--chumbo);
font-size: 1.45vw;
font-weight: 800;
margin-bottom: 15px;
}
.sepi_texto {
color: var(--chumbo);
font-size: 0.83vw;
line-height: 1.45vw;
margin-bottom: 1.5vw;
letter-spacing: 0.3px;
text-align: justify;
}
.sepi_titulo_2 {
color: var(--chumbo);
font-size: 1.25vw;
font-weight: 700;
margin-bottom: 15px;
}
.sepi_titulo_3 {
color: var(--chumbo);
font-size: 1.15vw;
font-weight: 600;
margin-bottom: 15px;
}
.organiza_box .box svg {
fill: var(--azul-claro);
}
.organiza_box .box .box_texto {
color: var(--chumbo);
font-weight: 600;
font-size: 0.83vw;
line-height: 1.3vw;
text-align: center;
}
.organiza_box {
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-direction: row;
margin-bottom: 4.5vw;
gap: 1.875%;
}
.margin_sembox {
margin-bottom: 3vw;
}
.organiza_box .box {
border: 1px solid var(--azul-claro);
width: 18.5%;
padding: 22px 30px;
display: flex;
align-items: center;
flex-direction: column;
gap: 15px;
justify-content: space-between;
} .organiza_box .box.box_curso{
width: 33%;
}
.box_texto_curso{
color: var(--chumbo);
font-size: 14px;
line-height: 30px;
font-weight: 500;
letter-spacing: 0.3px;
text-align: center;
}
.organiza_box .box .box_texto.titulo_curso{
font-size: 0.9vw;
} #resultados {
background-image: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/consultoria-de-processos_resultado_banner.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 4.45vw 0px;
}
#resultados .content {
-ms-flex-direction: row;
-ms-flex-pack: center;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
gap: 6.66vw;
justify-content: center;
margin: auto;
min-width: 1000px;
width: 67.3%;
}
.organiza_resultado .titulo {
color: var(--branco);
font-size: 1.875vw;
font-weight: 800;
text-align: center;
margin-bottom: 10px;
}
.organiza_resultado .descricao {
color: var(--branco);
font-size: 0.93vw;
margin-top: -5px;
font-weight: 600;
text-align: center;
}
.organiza_resultado {
display: flex;
flex-direction: column;
align-items: center;
gap: 1vw;
}
.organiza_resultado img {
height: 40px;
width: auto;
} #relacionados {
padding: 4vw 0;
position: relative;
}
#relacionados .content {
margin: auto;
min-width: 1000px;
position: relative;
width: 67.3%;
padding: 0 3.229vw;
}
.relacionados_titulo {
text-align: center;
font-size: 1.25vw;
color: var(--chumbo);
font-weight: 800;
margin-bottom: 3vw;
}
.relacionados_titulo a {
color: var(--azul-claro);
position: relative;
}
.relacionados_titulo a:before {
content: "";
font-weight: 100;
position: absolute;
width: 95%;
height: 2px;
bottom: -5px;
left: 2.5%;
background-color: var(--azul-claro);
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: .2s ease all;
transition: .2s ease all;
}
.relacionados_titulo a:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.relacionados_subtitulo {
color: var(--azul-claro);
font-size: 1.05vw;
font-weight: 700;
margin-bottom: 30px;
text-align: center;
}
.relacionados_texto {
color: var(--chumbo);
font-size: 14px;
line-height: 30px;
font-weight: 500;
margin-bottom: 30px;
letter-spacing: 0.3px;
text-align: center;
transition: .2s ease all;
}
.organiza_relacionados .box_relacionado:hover .relacionados_texto {
color: var(--branco);
}
.relacionados_link {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
background-color: var(--branco);
border: 1px solid var(--azul-claro);
color: var(--azul-claro);
display: inline-block;
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
padding: 14px 49px;
text-decoration: none;
transition: .2s ease all;
}
.relacionados_link:hover,
.organiza_relacionados .box_relacionado:hover .relacionados_link {
background-color: var(--azul-claro);
color: var(--branco);
}
.organiza_relacionados .box_relacionado:hover {
background-color: var(--chumbo);
}
.organiza_relacionados {
display: flex;
flex-direction: row;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
gap: 5%;
}
.organiza_relacionados .box_relacionado {
width: 30%;
border: 1px solid #c0c0c0;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
transition: .2s ease all;
}
.organiza_relacionados .box_relacionado a {
padding: 1.8vw 1.5vw;
display: flex;
flex-direction: column;
align-items: center;
}
.organiza_relacionados .box_relacionado:nth-child(n+4) {
margin-top: 5%;
} #sepi_cta {
padding: 6vw 0;
position: relative;
background-color: var(--chumbo);
background-image: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/produto_servico/consultoria-de-processos_sepi_banner.jpeg);
background-blend-mode: overlay;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#sepi_cta .content {
align-items: center;
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
margin: auto;
min-width: 1000px;
position: relative;
width: 67.3%;
}
#sepi_cta .box_esq {
padding: 0 2.9% 0 4.9%;
width: 50%;
}
#sepi_cta .box_dir {
padding: 0 4.9% 0 0;
width: 50%;
}
.cta_subtitulo {
color: var(--branco);
font-size: 0.83vw;
font-weight: 500;
letter-spacing: 0.4px;
margin-bottom: 0.9vw;
}
.cta_titulo {
color: var(--azul-claro);
font-size: 2.9vw;
font-weight: 700;
letter-spacing: 1.5px;
line-height: 3.65vw;
}
.quebra_linha {
display: block;
}
.cta_chamado {
color: var(--branco);
font-size: 1.15vw;
font-weight: 600;
letter-spacing: 0.4px;
margin-bottom: 0.9vw;
text-align: center;
}
.cta_botao {
width: 100%;
background-color: var(--azul-claro);
}
.cta_botao:hover {
background-color: var(--azul-claro);
}
.cta_botao.btn_animacao span {
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
padding: 16px;
}