.site-header {
background-color: #181818;
position: relative;
}
.site-main {
padding: 86px 0 0;
}
.titulo_principal {
color: var(--chumbo);
font-size: 2.2vw;
font-weight: 800;
margin-bottom: 4.42vw;
letter-spacing: 0.5px;
}
.titulo_content {
margin: auto;
min-width: 1030px;
padding: 0 3.229vw;
width: 67.3%;
}
.serpro_titulo {
font-size: 1.45vw;
color: var(--azul-zixbe);
font-weight: 700;
margin-bottom: 15px;
display: inline-block;
letter-spacing: 0.5px;
}
.serpro_descricao {
color: var(--chumbo);
font-weight: 500;
font-size: 0.85vw;
margin-bottom: 40px;
line-height: 1.5625vw;
} .sep_content .fundo_cinza {
background-color: #d6d4d6;
bottom: -10px;
height: 44%;
position: absolute;
right: -10px;
width: 33.5%;
}
.sep_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin-bottom: 4vw;
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: 485px;
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_servicos .swiper-slide {
height: 485px;
margin-bottom: 10px;
}
.swiper_produtos_servicos .swiper-wrapper {
margin-bottom: 3.4vw;
}
.swiper_produtos_servicos .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_servicos .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: -o-linear-gradient(bottom, rgba(22, 52, 84, 1) 0%, rgba(0, 0, 0, 0.6334908963585435) 100%);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(22, 52, 84, 1)), to(rgba(0, 0, 0, 0.6334908963585435)));
background: linear-gradient(0deg, rgba(22, 52, 84, 1) 0%, rgba(0, 0, 0, 0.6334908963585435) 100%);
border-radius: 5px;
bottom: 0;
height: 485px;
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: -o-linear-gradient(bottom, rgba(2, 3, 5, 1) 0%, rgba(43, 108, 181, 1) 100%);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(2, 3, 5, 1)), to(rgba(43, 108, 181, 1)));
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);
}
.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;
}
.swiper_produtos_servicos {
padding-right: 11px !important;
}
.serpro_setas .swiper-button-next.swiper-button-disabled,
.serpro_setas .swiper-button-prev.swiper-button-disabled {
opacity: 1 !important;
}
.serpro_setas {
height: 38px;
position: absolute;
right: 0;
bottom: 0;
width: 100px;
}
.cluster_content_2 .swiper_produtos_servicos .swiper-wrapper,
.cluster_content_3 .swiper_produtos_servicos .swiper-wrapper {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.serpro_setas .swiper-button-next {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/direita_azul.svg) !important;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.serpro_setas .swiper-button-prev.swiper-button-disabled {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/esquerda_cinza.svg) !important;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.serpro_setas .swiper-button-prev {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/esquerda_azul.svg) !important;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.serpro_setas .swiper-button-next.swiper-button-disabled {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/direita_cinza.svg) !important;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}