#banner {
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-webkit-box-pack: center;
align-items: center;
background-attachment: fixed;
background-color: #181818;
background-image: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/consultoria-de-processos_home_banner.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 98vh;
justify-content: center;
}
#banner::after {
background-color: var(--azul-claro);
bottom: 3.95vw;
content: '';
height: 58px;
position: absolute;
width: 1px;
}
.banner_content {
-ms-flex-align: start;
-ms-flex-direction: row;
-webkit-box-align: start;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
margin: auto;
min-width: 1000px;
padding: 4.1145vw 3.229vw 0px;
width: 67.3%;
}
#banner .banner_esq::before {
background-image: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/consultoria-de-processos_quadro_azul.webp);
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
content: ' ';
height: 28.54vw;
left: -3.3vw;
position: absolute;
top: -3.4vw;
transform: scaleY(-1);
width: 18.55vw;
}
#banner .banner_titulo {
color: var(--branco);
font-size: 2.5vw;
font-weight: 600;
line-height: 3.2vw;
margin-bottom: 1.302vw;
width: 70%;
}
.br_mbl {
display: initial;
}
#banner .banner_subtitulo {
color: var(--azul-claro);
font-size: 0.9375vw;
letter-spacing: 0.5px;
margin-bottom: 1.302vw;
}
#banner .banner_texto {
color: var(--branco);
font-size: 0.9375vw;
letter-spacing: 0.5px;
line-height: 1.6666vw; width: 62%;
}
#banner .banner_texto_m{
margin-bottom: 1.40625vw;
}
#banner .banner_botao {
height: 2.7083vw;
width: 12.135vw;
}
#banner .banner_esq {
position: relative;
width: calc(100% - 20px);
}
#banner .banner_dir {
-ms-flex-align: center;
-ms-flex-direction: column;
-webkit-box-align: center;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
gap: 17px;
padding-top: 5.25vw;
width: 20px;
}
#banner .banner_dir .facebook {
margin-top: 4px;
}
#banner .banner_dir svg,
#banner .banner_dir g {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
fill: var(--branco);
transition: .2s ease all;
}
#banner .banner_dir svg:hover,
#banner .banner_dir g:hover {
fill: var(--azul-claro);
} .oque_zixbe {
background-color: var(--branco);
padding: 8.3vw 0px;
}
#o_que .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%;
}
.oque_zixbe .box_esq {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.box_esq img {
height: auto;
width: 33.28125vw;
}
.oque_zixbe .box_dir {
padding: 0 4.9%;
width: 50%;
}
.oque_zixbe .oque_subtitulo {
color: var(--azul-zixbe);
font-size: 0.9375vw;
margin-bottom: 1.5vw;
}
.oque_zixbe .oque_titulo {
color: var(--preto);
font-size: 1.9vw;
font-weight: 800;
letter-spacing: 0.2px;
line-height: 2.5vw;
margin-bottom: 1.4vw;
}
.oque_zixbe .oque_texto {
color: var(--preto);
font-size: 0.9375vw;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 1.666vw;
margin-bottom: 1.666vw;
}
.box_30 {
-ms-flex-align: center;
-ms-flex-direction: row;
-ms-flex-pack: center;
-webkit-box-align: center;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
align-items: center;
border: 5px solid var(--azul-zixbe);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
font-size: 2vw;
font-weight: 400;
justify-content: center;
padding: 4% 0;
width: 32.5%;
}
.box_30 p {
color: var(--azul-zixbe);
font-size: 3.7vw;
font-weight: 700;
letter-spacing: 2px;
}
.texto_experiencia {
color: var(--preto);
font-size: 1vw;
font-weight: 800;
letter-spacing: 0.5px;
line-height: 1.7vw;
text-transform: uppercase;
width: 59.5%;
}
.box_experiencia {
-ms-flex-align: center;
-ms-flex-pack: start;
-webkit-box-align: center;
-webkit-box-pack: start;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8%;
justify-content: flex-start;
margin-bottom: 3.3vw;
}
.oque_saiba {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
color: var(--azul-zixbe);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0.9375vw;
font-weight: 500;
gap: 1.3vw;
letter-spacing: 0.5px;
}
.oque_saiba::before {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
border: 1.8px solid var(--azul-zixbe);
color: var(--azul-zixbe);
content: "";
display: block;
height: 0px;
transition: .2s ease all;
width: 47px;
}
.oque_saiba:hover::before {
width: 70px;
} .oque_cliente {
background-color: #fff;
background-image: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/consultoria-de-processos_oque_banner.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 4.4vw 0;
position: relative;
}
.oque_cliente::before {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/consultoria-de-processos_oque_azulado.webp);
height: 14.02vw;
overflow: hidden;
position: absolute;
top: 0;
width: 50%;
}
.oque_cliente .box_esq {
padding: 0 4.9%;
width: 50%;
}
.oque_cliente .oque_subtitulo {
color: var(--branco);
font-size: 0.9375vw;
font-weight: 400;
margin-bottom: 1.5vw;
}
.oque_cliente .oque_titulo {
color: var(--branco);
font-size: 1.875vw;
font-weight: 800;
letter-spacing: 1px;
line-height: 2.5vw;
margin-bottom: 3.65vw;
}
.oque_cliente .oque_texto {
color: var(--preto);
font-size: 0.95vw;
font-weight: 400;
letter-spacing: 0.25px;
line-height: 1.666vw;
margin-bottom: 1.5vw;
}
.oque_cliente .oque_titulinho {
color: var(--azul-zixbe);
font-size: 1.25vw;
font-weight: 600;
letter-spacing: 0.5px;
margin-bottom: 1vw;
}
.oque_cliente .oque_saiba {
margin-top: 2.6vw;
} #servicos_produtos {
background-color: var(--branco);
padding: 4.5vw 0;
}
.sep_header {
margin: auto;
min-width: 1000px;
padding: 0px 3.56%;
position: relative;
width: 67.3%;
}
.sep_header .sep_subtitulo {
color: var(--azul-zixbe);
font-size: 0.9375vw;
font-weight: 500;
margin-bottom: 1.5vw;
}
.sep_header .sep_titulo {
color: var(--preto);
font-size: 2.1875vw;
font-weight: 800;
letter-spacing: 0.5px;
margin-bottom: 3.5vw;
}
.sep_titulos {
border-bottom: 2px solid #ebebeb;
margin-bottom: 2.5vw;
}
.sep_titulos .sep_titulos_content {
-ms-flex-pack: center;
-webkit-box-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
margin: auto;
min-width: 1000px;
padding: 0px 3.56%;
width: 67.3%;
}
.sep_titulo_descricao .sep_desc_content {
-ms-flex-pack: center;
-webkit-box-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
margin: auto;
margin-bottom: 2.5vw;
min-width: 1000px;
padding: 0px 3.56%;
width: 67.3%;
}
.sep_titulo_descricao .sep_desc_content .sep_desc {
color: var(--preto);
display: none;
font-size: 0.85vw;
font-weight: 500;
line-height: 1.3vw;
margin-bottom: 0.5vw;
text-align: center;
}
.sep_content .fundo_cinza {
background-color: #d6d4d6;
bottom: -10px;
height: 44%;
position: absolute;
right: -10px;
width: 33.5%;
}
.sep_titulos .sep_titulo_individual {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
border-bottom: 2px solid #ebebeb;
color: var(--preto);
cursor: pointer;
font-size: 1.15vw;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: -2px;
padding-bottom: 20px;
text-align: center;
transition: .2s ease all;
width: 33.33%;
}
.sep_titulos .titulo_ind_ativo {
border-bottom: 2px solid var(--azul-zixbe);
color: var(--azul-zixbe);
}
.sep_content {
display: none;
position: relative;
padding: 0 1.5%
}
.sep_box_content {
-ms-flex-direction: column;
-ms-flex-pack: end;
-o-transition: .2s ease all;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-box-pack: end;
-webkit-box-sizing: border-box;
-webkit-transition: .2s ease all;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
height: 458px;
justify-content: flex-end;
padding: 1.8vw 3vw;
position: relative;
transition: .2s ease all;
z-index: 1;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.swiper_produtos .swiper-slide {
height: 458px;
margin-bottom: 10px;
}
.swiper_produtos {
padding-right: 11px !important;
}
.swiper_produtos .swiper-wrapper {
margin-bottom: 3.4vw;
}
.cluster_content_1 .swiper_produtos .swiper-wrapper,
.cluster_content_2 .swiper_produtos .swiper-wrapper {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.swiper_produtos .swiper-pagination-bullet {
border-radius: 0px !important;
height: 2px;
margin: 0 !important;
width: 74px;
}
.pes_dois_slides {
width: 100% !important;
}
.pes_dois_slides.swiper_produtos .swiper-slide {
width: 32.5% !important;
}
.sep_box_content .sep_content_titulo {
color: var(--branco);
font-size: 1.55vw;
font-weight: 700;
width: 90%;
z-index: 1;
}
.sep_box_content .sep_content_texto {
color: var(--branco);
font-size: 0.83vw;
line-height: 1.35vw;
margin-top: 1vw;
width: 90%;
z-index: 1;
}
.sep_box_content .sep_content_texto:empty {
margin-top: 0vw;
}
.gradient_azul {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
background: rgb(22, 52, 84);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(22, 52, 84, 1)), to(rgba(0, 0, 0, 0.6334908963585435)));
background: -o-linear-gradient(bottom, rgba(22, 52, 84, 1) 0%, rgba(0, 0, 0, 0.6334908963585435) 100%);
background: linear-gradient(0deg, rgba(22, 52, 84, 1) 0%, rgba(0, 0, 0, 0.6334908963585435) 100%);
border-radius: 5px;
bottom: 0;
height: 458px;
left: 0;
opacity: 0.6;
position: absolute;
transition: .2s ease all;
width: 100%;
}
.sep_box_content:hover .gradient_azul {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
background: rgb(2, 3, 5);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(2, 3, 5, 1)), to(rgba(43, 108, 181, 1)));
background: -o-linear-gradient(bottom, rgba(2, 3, 5, 1) 0%, rgba(43, 108, 181, 1) 100%);
background: linear-gradient(0deg, rgba(2, 3, 5, 1) 0%, rgba(43, 108, 181, 1) 100%);
opacity: 0.9;
transition: .2s ease all;
}
.sep_box_content .link_sep {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
background-color: var(--azul-claro);
bottom: 1.6vw;
color: #fff;
display: inline-block;
height: 45px;
padding: 12px;
position: absolute;
right: 1.6vw;
transition: .2s ease all;
width: 45px;
z-index: 1;
}
.sep_box_content .link_z {
z-index: 1;
}
.sep_box_content:hover .link_sep {
background-color: var(--branco);
}
.sep_box_content:hover .link_sep svg {
fill: var(--azul-zixbe);
}
.cta_sep {
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-webkit-box-pack: center;
align-items: center;
background-color: var(--branco);
border: 1px solid var(--azul-zixbe);
color: var(--azul-zixbe);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0.83vw;
font-weight: 700;
height: 3.5vw;
justify-content: center;
margin: 2.2vw auto auto auto;
position: relative;
width: 28.64vw;
}
.cta_sep span:before,
.cta_sep span:after,
.cta_sep:before,
.cta_sep:after {
background: var(--azul-zixbe);
}
.cta_sep span:hover {
color: var(--branco);
}
.cta_sep span {
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-webkit-box-pack: center;
align-items: center;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0.85vw;
gap: 3px;
height: 100%;
justify-content: center;
position: relative;
width: 100%;
}
.cta_sep.btn_animacao span:before,
.cta_sep.btn_animacao span:after,
.cta_sep.btn_animacao:before,
.cta_sep.btn_animacao:after {
background: var(--branco);
}
.display {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.escondep {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
display: none;
max-height: 0px;
transition: .2s ease all;
}
.sep_box_content:hover .escondep {
display: block;
max-height: 1000px;
} #cases_sucesso {
background-color: var(--chumbo);
padding: 5vw 0;
position: relative;
}
.case_subtitulo {
color: var(--azul-claro);
font-size: 0.9375vw;
font-weight: 500;
margin-bottom: 1.3vw;
}
.case_titulo {
color: var(--branco);
font-size: 1.875vw;
font-weight: 700;
}
.case_link {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
color: var(--azul-claro);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0.9375vw;
gap: 1.0416vw;
letter-spacing: 0.5px;
}
.case_link strong {
font-weight: 700;
}
.case_link::before {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
border: 1px solid var(--azul-claro);
color: var(--azul-claro);
content: "";
display: block;
height: 0px;
transition: .2s ease all;
width: 45px;
}
.case_link:hover::before {
width: 70px;
}
.case_organiza_titulo {
-ms-flex-align: baseline;
-ms-flex-pack: justify;
-webkit-box-align: baseline;
-webkit-box-pack: justify;
align-items: baseline;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
}
.case_header {
margin: auto;
margin-bottom: 3vw;
min-width: 1000px;
padding: 0px 3.56%;
position: relative;
width: 67.3%;
}
.swiper_cases {
height: 750px;
width: 100%;
width: 241.7%;
}
.swiper_cases .swiper-slide {
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-webkit-box-pack: center;
align-items: center;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
justify-content: center;
text-align: center;
}
.case_content {
-ms-flex-direction: row;
-ms-flex-wrap: nowrap;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: 750px;
width: 100%;
}
.case_content .box_titulo {
background-color: #000;
height: 750px;
position: relative;
width: 8.5%;
}
.case_content .box_titulo .titulo {
-ms-flex-align: center;
-ms-transform: rotate(270deg);
-webkit-box-align: center;
-webkit-transform: rotate(270deg);
align-items: center;
bottom: 37.5%;
color: var(--branco);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.45vw;
gap: 25px;
left: -73%;
letter-spacing: 0.5px;
position: absolute;
transform: rotate(270deg);
width: 300px;
}
.case_content .box_titulo .titulo::before {
border: 1px solid var(--azul-claro);
color: var(--azul-claro);
content: "";
display: block;
height: 0px;
width: 45px;
}
.case_content .box_conteudo {
-ms-flex-align: end;
-ms-flex-direction: row;
-ms-flex-pack: end;
-webkit-box-align: end;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-pack: end;
align-items: flex-end;
background-color: var(--azul-zixbe);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
height: 750px;
justify-content: flex-end;
width: 91.5%;
}
.slide_cases {
overflow: hidden;
}
.slide_cases .swiper-wrapper {
margin-left: -29.3%;
}
.case_navegacao {
-ms-flex-direction: row-reverse;
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
bottom: 0vw;
display: none;
flex-direction: row-reverse;
height: 3.22vw;
position: absolute;
width: 100%;
z-index: 99;
}
.swiper-slide-next .case_navegacao {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.swiper-case-button-next,
.swiper-case-button-prev {
height: 100% !important;
left: auto !important;
margin-top: 0px !important;
position: relative !important;
right: auto !important;
top: auto !important;
width: 50% !important;
}
.swiper-case-button-prev {
background-color: var(--branco);
}
.swiper-case-button-prev:after {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/esquerda_azul.svg) !important;
}
.swiper-case-button-next {
background-color: var(--azul-zixbe);
}
.swiper-case-button-next:after {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/direita_branca.svg) !important;
}
.box_conteudo .box_direita {
-ms-flex-align: end;
-ms-flex-direction: column;
-ms-flex-pack: end;
-webkit-box-align: end;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-box-pack: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 66.2%;
}
.box_direita_mbl {
display: none;
}
.box_conteudo .case_descricao {
color: var(--branco);
font-size: 1.25vw;
font-weight: 700;
text-align: right;
}
.box_conteudo .link_case {
margin-bottom: 3vw;
padding-right: 7%;
width: 80%;
}
.box_conteudo .box_dados {
-ms-flex-align: stretch;
-ms-flex-direction: row;
-webkit-box-align: stretch;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
align-items: stretch;
background-color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
height: 190px;
width: 100%;
}
.coluna_02 p {
color: var(--branco);
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-align: left;
}
.coluna_01 p span {
color: var(--branco);
font-size: 3.38vw;
font-weight: 700;
}
.coluna_01 p {
color: var(--azul-zixbe);
font-size: 1.71vw;
font-weight: 400;
}
.coluna_01 .legenda {
color: var(--azul-zixbe);
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
width: 90%;
margin-left: 5%;
}
.coluna_dados {
-ms-flex-align: center;
-ms-flex-direction: row;
-ms-flex-pack: justify;
-webkit-box-align: center;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-pack: justify;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 5%
}
.coluna_01,
.coluna_02 {
width: 50%;
}
.box_dados hr {
border: none;
border-left: 1px solid #4d4d4d;
height: 48%;
position: relative;
top: 25%;
width: 1px;
} #resultados {
background-color: var(--azul-zixbe);
padding: 4.45vw 0px;
position: relative;
overflow: hidden;
}
#resultados::after {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/consultoria-de-processos_resultado_esquerda.png);
position: absolute;
bottom: 0;
left: 0;
}
#resultados::before {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/consultoria-de-processos_resultado_direita.png);
position: absolute;
bottom: 0;
right: 0;
}
#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%;
z-index: 1;
position: relative;
}
.organiza_resultado .titulo {
color: var(--branco);
font-size: 2.708vw;
}
.organiza_resultado .titulo .count,
.organiza_resultado .titulo .count_letra {
font-weight: 800;
}
.organiza_resultado .descricao {
color: var(--branco);
font-size: 0.833vw;
margin-top: -5px;
}
.organiza_resultado {
-ms-flex-align: center;
-ms-flex-direction: row;
-webkit-box-align: center;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
gap: 1.82vw;
}
.organiza_resultado img {
height: auto;
width: 2.083vw;
} #vantagens {
background-color: var(--cinza);
padding: 4.5vw 0;
}
#vantagens .content {
margin: auto;
min-width: 1000px;
padding: 0 3.3%;
width: 67.3%;
}
.vantagens_subtitulo {
color: var(--azul-zixbe);
font-size: 0.9375vw;
font-weight: 500;
letter-spacing: 0.5px;
margin-bottom: 1.5vw;
}
.vantagens_titulo {
color: var(--preto);
font-size: 1.875vw;
font-weight: 800;
letter-spacing: 0.7px;
line-height: 2.5vw;
}
.organiza_vantagem {
-ms-flex-align: stretch;
-ms-flex-direction: row;
-ms-flex-pack: justify;
-webkit-box-align: stretch;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-pack: justify;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 3vw;
}
.organiza_vantagem .vantagem_box {
background-color: var(--branco);
border: 1px solid #ebebeb;
padding: 2.34375vw 2.09vw;
width: 23.75%;
-o-transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
.organiza_vantagem .vantagem_box:hover {
border: 1px solid #ffffff;
-webkit-box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.1);
}
.organiza_vantagem .vantagem_titulo {
color: var(--preto);
font-size: 0.85vw;
font-weight: 700;
margin-bottom: 0.5vw;
}
.organiza_vantagem .vantagem_texto {
color: var(--preto);
font-size: 0.65vw;
font-weight: 500;
line-height: 0.8vw;
}
.vantagem_botao.btn_animacao span {
font-size: 12px;
}
.vantagem_box img {
margin-bottom: 1.4vw;
}
.vantagem_botao {
-o-transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
height: 30px;
margin-top: 1.8vw;
transition: .2s ease-in-out;
width: 128px;
}
.vantagem_botao.btn_animacao:hover {
background-color: var(--branco);
}
.vantagem_botao.btn_animacao span:hover {
color: var(--azul-zixbe);
}
.vantagem_botao.btn_animacao span:before,
.vantagem_botao.btn_animacao span:after,
.vantagem_botao.btn_animacao:before,
.vantagem_botao.btn_animacao:after {
background: var(--azul-zixbe);
} #ecossistema{
background-color: var(--branco);
padding: 4.5vw 0vw 0vw 0vw;
}
#ecossistema .content {
margin: auto;
min-width: 1000px;
padding: 0 3.3%;
width: 67.3%;
display: flex;
flex-direction: column;
justify-content: center;
}
#ecossistema .content .box-cima{
width: 100%;
display: flex;
justify-content: space-between;
}
#ecossistema .content .box-cima .texto{
width: 50%;
padding-right: 22px;
}
#ecossistema .content .box-cima .texto h2{
font-size: 1.875vw;
font-weight: 800;
}
#ecossistema .content .box-cima .texto b{
font-weight: 700;
font-size: 16px;
}
#ecossistema .content .box-cima .texto .subtitulo{
margin: 10px 0px;
}
#ecossistema .content .box-cima .texto .texto-info{
font-size: 16px;
line-height:1.666vw;
}
#ecossistema .content .box-cima .img{
width: 50%;
height: 290px;
position: relative;
}
#ecossistema .content .box-cima .img img{
width: 100%;
height: 100%;
position: relative;
z-index: 1;
object-fit: cover;
}
#ecossistema .content .box-cima .img::before{
content: '';
background-color: var(--azul-claro);
width: 95%;
height: 93%;
position: absolute;
right: -5px;
top: -5px;
display: flex;
}
#ecossistema .content .cards{
width: 100%;
display: flex;
justify-content: space-between;
column-gap: 2%;
flex-wrap: wrap;
margin-top: 20px;
z-index: 1;
}
#ecossistema .content .cards .card{
background-color: var(--branco);
width: 31%;
border: 2px solid #DFDFDF;
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
padding: 80px 1.6vw 2vw 1.6vw;
row-gap:20px;
transition: all 0.2s ease-in-out;
position: relative;
}
#ecossistema .content .cards .card:hover{
border-color: var(--azul-claro);
box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.6);
}
#ecossistema .content .cards .card .logo{
position: absolute;
top: 20px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 50px;
}
#ecossistema .content .cards .card .logo img {
width: 130px;
height: auto;
} 
#ecossistema .content .cards .card .logo .feelbix{
width: 100px;
}
#ecossistema .content .cards .card .logo .zixbe{
width: 55px;
}
#ecossistema .content .cards .card .eixo{
font-size: 20px;
font-weight: 700;
color: var(--azul-claro);
}
#ecossistema .content .cards .card .texto{
font-size: 14px;
line-height: 24px;
font-weight: 500;
margin-bottom: 60px;
}
#ecossistema .content .cards .card .saiba-mais{
border: 1px solid var(--azul-claro);
color: var(--azul-claro);
padding: 0.9vw 3vw;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 700;
position: absolute;
bottom: 30px;
background-color: var(--branco);
transition: all 0.2s ease-in-out;
}
#ecossistema .content .cards .card:hover .saiba-mais{
background-color: var(--azul-claro);
color: var(--branco);
}
#ecossistema .content .cards .card .saiba-mais:hover{
background-color: var(--azul-claro);
color: var(--branco);
} #carrossel_clientes {
background-color: var(--branco);
border-bottom: 2px solid #ebebeb;
padding: 4.3vw 0 3.5vw;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#carrossel_clientes .clientes_titulo {
color: var(--preto);
font-size: 1.875vw;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 8vw;
text-align: center;
}
#carrossel_clientes .swiper_clientes {
width: 100%;
}
.swiper_clientes .swiper-slide {
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-webkit-box-pack: center;
align-items: center;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
text-align: center;
}
#carrossel_clientes .slide_clientes {
padding: 0 1.3%;
}
.swiper_clientes .swiper-slide img {
-o-transition: .2s ease all;
-webkit-filter: grayscale(100%);
-webkit-transition: .2s ease all;
filter: grayscale(100%);
opacity: 0.4;
transition: .2s ease all;
max-height: 120px;
width: auto!important;
}
.swiper_clientes .swiper-wrapper {
align-items: center;
}
.swiper_clientes .swiper-slide img:hover {
-o-transition: .2s ease all;
-webkit-filter: grayscale(0%);
-webkit-transition: .2s ease all;
filter: grayscale(0%);
opacity: 1;
transition: .2s ease all;
}
#carrossel_clientes .setas_navegacao {
height: 38px;
position: absolute;
right: 15.3vw;
top: 4.8vw;
width: 78px;
}
.setas_navegacao .swiper-button-next:after,
.setas_navegacao .swiper-rtl .swiper-button-prev:after,
.setas_navegacao .swiper-button-prev:after,
.setas_navegacao .swiper-rtl .swiper-button-next:after {
color: var(--azul-claro);
font-size: 26px !important;
}
.setas_navegacao .swiper-button-next.swiper-button-disabled:after,
.setas_navegacao .swiper-rtl .swiper-button-next.swiper-button-disabled:after,
.setas_navegacao .swiper-button-prev.swiper-button-disabled:after,
.setas_navegacao .swiper-rtl .swiper-button-prev.swiper-button-disabled:after {
color: #c3c3c3 !important;
}
.setas_navegacao .swiper-button-next.swiper-button-disabled,
.setas_navegacao .swiper-button-prev.swiper-button-disabled {
opacity: 1 !important;
}
.setas_navegacao .swiper-button-next {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/direita_azul.svg) !important;
}
.setas_navegacao .swiper-button-prev.swiper-button-disabled {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/esquerda_cinza.svg) !important;
}
.setas_navegacao .swiper-button-prev {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/esquerda_azul.svg) !important;
}
.setas_navegacao .swiper-button-next.swiper-button-disabled {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/direita_cinza.svg) !important;
} #blog {
background-color: var(--branco);
padding: 4.5vw 0;
}
.blog_subtitulo {
color: var(--azul-claro);
font-size: 0.9375vw;
font-weight: 500;
letter-spacing: 0.5px;
margin-bottom: 1.2vw;
text-align: center;
}
.blog_titulo {
color: var(--preto);
font-size: 1.875vw;
font-weight: 800;
letter-spacing: 0.7px;
margin-bottom: 3.1vw;
text-align: center;
}
.blog_content {
margin: auto;
min-width: 1000px;
width: 67.3%;
}
.blog_link_geral {
-ms-flex-align: center;
-ms-flex-pack: center;
-o-transition: .2s ease all;
-webkit-box-align: center;
-webkit-box-pack: center;
-webkit-transition: .2s ease all;
align-items: center;
color: var(--preto);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0.9375vw;
font-weight: 500;
gap: 1.0416vw;
justify-content: center;
margin-top: 3vw;
transition: .2s ease all;
}
.blog_link_geral::before {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
border: 1px solid var(--azul-zixbe);
color: var(--azul-zixbe);
content: "";
display: block;
height: 0px;
transition: .2s ease all;
width: 45px;
}
.blog_link_geral:hover::before {
width: 70px;
}
.blog_content .loop_blog_home {
-ms-flex-align: stretch;
-ms-flex-pack: justify;
-webkit-box-align: stretch;
-webkit-box-pack: justify;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
width: 100%;
}
.blog_content .blog_home {
-ms-flex-direction: column;
-o-transition: .2s ease all;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-transition: .2s ease all;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
position: relative;
transition: .2s ease all;
width: 31.3%;
}
.blog_content .titulo_blog_home {
color: var(--azul-claro);
font-size: 0.9375vw;
font-weight: 700;
margin-bottom: 0.8vw;
}
.blog_content .texto_blog_home {
color: var(--preto);
font-size: 0.8vw;
margin-bottom: 1.2vw;
}
.blog_content .categoria_blog_home {
background-color: var(--azul-claro);
bottom: -7%;
color: var(--branco);
display: inline-block;
font-size: 12px;
left: 2vw;
max-width: 80%;
padding: 0.9vw 2.5vw;
position: absolute;
transition: .2s ease all;
}
.blog_content .categoria_blog_home:hover {
background-color: var(--chumbo);
}
.descricoes_blog_home {
-ms-flex-direction: column;
-ms-flex-pack: justify;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-box-pack: justify;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
height: calc(100% - 266px);
justify-content: space-between;
padding: 2.6vw 2vw 2vw;
position: relative;
}
.imagem_blog_home img {
-o-object-fit: cover;
height: 266px;
object-fit: cover;
}
.imagem_blog_home {
height: 266px;
position: relative;
}
.data_blog_home {
font-size: 12px;
}
.blog_content .link_blog {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
background-color: var(--chumbo);
border-radius: 30px;
bottom: 1.6vw;
color: #fff;
display: inline-block;
height: 37px;
padding: 10px;
position: absolute;
right: 1vw;
transition: .2s ease all;
width: 37px;
}
.blog_content .link_blog:hover,
.blog_content .blog_home:hover .link_blog {
background-color: var(--azul-claro);
}
.blog_content .blog_home:hover {
-o-transition: .2s ease all;
-webkit-box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.1);
-webkit-transition: .2s ease all;
box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.1);
transition: .2s ease all;
} #form_contato {
background-color: transparent;
height: auto;
}
#footer {
margin-top: -7.5vw;
}
.site-footer .content {
padding: 13vw 0px 4.9vw 0px;
}
.form_content {
-ms-flex-align: stretch;
-ms-flex-direction: row;
-webkit-box-align: stretch;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-shadow: rgba(149, 157, 165, 0.2) 15px 0px 15px -15px, rgba(149, 157, 165, 0.2) -15px 0px 15px -15px, rgba(149, 157, 165, 0.2) 0px 15px 15px -15px, rgba(149, 157, 165, 0.2) 0px -15px 15px -15px;
align-items: stretch;
background-color: var(--branco);
box-shadow: rgba(149, 157, 165, 0.2) 15px 0px 15px -15px, rgba(149, 157, 165, 0.2) -15px 0px 15px -15px, rgba(149, 157, 165, 0.2) 0px 15px 15px -15px, rgba(149, 157, 165, 0.2) 0px -15px 15px -15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
margin: auto;
min-width: 1000px;
padding: 4vw 4vw 2.4vw 5.7vw;
position: relative;
width: 67.3%;
}
.form_content .form_dir {
-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-right: 6vw;
width: 49.2%;
}
.form_content .form_esq {
width: 50.8%;
}
.form_content .form_subtitulo {
color: var(--preto);
font-size: 0.9375vw;
font-weight: 500;
letter-spacing: 0.4px;
margin-bottom: 0.9vw;
}
.form_content .form_titulo {
color: var(--azul-claro);
font-size: 2.70vw;
font-weight: 700;
letter-spacing: 1.5px;
line-height: 3.22vw;
margin-bottom: 1.8vw;
}
.form_content .form_texto1 {
color: var(--preto);
font-size: 0.9375vw;
font-weight: 600;
letter-spacing: 0.4px;
line-height: 1.40vw;
margin-bottom: 1.5vw;
}
.form_content .form_texto2 {
color: var(--preto);
font-size: 0.83vw;
letter-spacing: 0.4px;
line-height: 1.40vw;
margin-bottom: 1.5vw;
}
.form_content .form_texto2 strong {
font-weight: 700;
}
.form_content .form_texto2 .email_azul {
color: var(--azul-claro);
font-weight: 600;
}
.form_content .control {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
background-color: transparent !important;
border: none !important;
border-bottom: 2px solid #d1d1d1 !important;
font-family: Montserrat;
font-size: 14px !important;
margin: 0 0 20px;
padding: 10px 0px;
transition: .2s ease all;
width: 100%;
cursor: text;
}
.form_content .form_ativo,
.form_content .control:focus,
.form_content .control:hover {
border-bottom: 2px solid var(--azul-claro) !important;
}
.form_content .control::-webkit-input-placeholder {
-webkit-transition: .2s ease all;
color: #8a8a8a;
transition: .2s ease all;
}
.form_content .control::-moz-placeholder {
-moz-transition: .2s ease all;
color: #8a8a8a;
transition: .2s ease all;
}
.form_content .control:-ms-input-placeholder {
-ms-transition: .2s ease all;
color: #8a8a8a;
transition: .2s ease all;
}
.form_content .control::-ms-input-placeholder {
-ms-transition: .2s ease all;
color: #8a8a8a;
transition: .2s ease all;
}
.form_content .control::placeholder {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
color: #8a8a8a;
transition: .2s ease all;
}
.form_content .control.form_ativo::-webkit-input-placeholder,
.form_content .control:hover::-webkit-input-placeholder {
color: var(--preto) !important;
font-weight: 500;
}
.form_content .control.form_ativo::-moz-placeholder,
.form_content .control:hover::-moz-placeholder {
color: var(--preto) !important;
font-weight: 500;
}
.form_content .control.form_ativo:-ms-input-placeholder,
.form_content .control:hover:-ms-input-placeholder {
color: var(--preto) !important;
font-weight: 500;
}
.form_content .control.form_ativo::-ms-input-placeholder,
.form_content .control:hover::-ms-input-placeholder {
color: var(--preto) !important;
font-weight: 500;
}
.form_content .control.form_ativo::placeholder,
.form_content .control:hover::placeholder {
color: var(--preto) !important;
font-weight: 500;
}
.form_content .error.control::-webkit-input-placeholder {
color: #FF0025 !important;
}
.form_content .error.control::-moz-placeholder {
color: #FF0025 !important;
}
.form_content .error.control:-ms-input-placeholder {
color: #FF0025 !important;
}
.form_content .error.control::-ms-input-placeholder {
color: #FF0025 !important;
}
.form_content .error.control::placeholder {
color: #FF0025 !important;
}
#contato-status {
color: #FF0025;
float: left;
font-size: 13px;
line-height: 15px;
margin: 0 0 10px;
position: relative;
width: 100%;
}
.form_content .enviar_btn {
-o-transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
background-color: var(--azul-claro);
border: none !important;
color: var(--branco);
cursor: pointer;
font-size: 0.85vw;
font-weight: 600;
height: 2.7vw;
letter-spacing: 2px;
padding: 0px;
text-transform: uppercase;
transition: .2s ease-in-out;
width: 100% !important;
}
.form_content .enviar_btn span {
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-webkit-box-pack: center;
align-items: center;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
justify-content: center;
position: relative;
width: 100%;
}
.enviar_btn.btn_animacao:hover {
background-color: var(--branco);
}
.enviar_btn.btn_animacao span:hover {
color: var(--azul-claro);
}
.enviar_btn.btn_animacao span:before,
.enviar_btn.btn_animacao span:after,
.enviar_btn.btn_animacao:before,
.enviar_btn.btn_animacao:after {
background: var(--azul-claro);
}
.form_content .aviso {
color: #8a8a8a;
font-family: 'Poppins', sans-serif;
font-size: 11.5px;
margin-top: 10px;
}
.form_content .texto_termos {
color: var(--preto);
font-family: 'Poppins', sans-serif;
font-size: 11.5px;
text-align: left;
}
.form_content input {
accent-color: var(--azul-zixbe);
cursor: pointer;
line-height: 0;
margin: 0 5px 0 0;
width: 9px;
}
.form_content .check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
width: 100%;
} .animated {
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-duration: 1s;
animation-fill-mode: both
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
} .quebra_linha {
display: block;
}