html, body{
margin:0;
padding:0;
font-family: 'Poppins', sans-serif;
background:#F8F8F8;
scroll-snap-type: y mandatory;
}
ul{
margin:0;
padding:0;
}
ul li{
padding:0;
margin:0;
list-style: none;
font-family: 'Poppins', sans-serif;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
button, input, a, select{
outline: 0 !important;
border:0;
text-decoration: none;
font-family: 'Poppins', sans-serif;
}
a, span, p, h1, h2, h3, h4, h5, h6, small{
font-family: 'Poppins', sans-serif !important;
}
a{
text-decoration:none;
font-family: 'Poppins', sans-serif;
}
section {
scroll-snap-align: start;
min-height: 100vh;
display: flex;
align-items: center;
}
.container{
width:1220px;
max-width: 100%;
}
.js .anime {
opacity: 0;
transform: translate3D(0px, 80px, 0px);
}
.js .anime-init {
opacity: 1;
transform: translate3D(0px, 0px, 0px);
transition:1.5s all ease;
}
.inicio{
height:100vh;
width:100%;
display: flex;
align-items: center;
justify-content: center;
text-align:center;
background:#F87B0F;
position: relative;
}
.inicio img{
max-width:260px;
margin-bottom: 35px;
}
.scroll-down a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
text-decoration: none !important;
outline: none !important;
}
.scroll-down {
position: absolute;
max-width: 85px;
cursor: pointer;
bottom:25px;
left:50%;
transform:translatex(-50%);
opacity: 0.8;
}
.scroll-down .mouse {
width: 36px;
height: 56px;
border: 2px solid #fff;
border-radius: 18px;
position: relative;
margin-bottom: 10px;
margin-left: 21px;
}
.scroll-down span {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
text-align: center;
display: block;
line-height: 1.2;
color: #fff;
font-size: 14px;
}
.scroll-down .mouse::before {
content: "";
width: 2px;
height: 100px;
bottom: calc(100% + 15px);
background: #fff;
position: absolute;
left: calc(50% - 2px);
}
.scroll-down .mouse i {
position: absolute;
top: -3px;
left: 50%;
transform: translatex(-50%);
color: #fff;
font-size: 26px;
opacity: 1;
animation: mouse 1.7s infinite;
}
@keyframes mouse{
	from{
		opacity:1;
		top:-6px;
	}
	to{
	opacity:0.1;
	top:25px;
	}
}
.content-conheca{
height:100vh;
display: flex;
align-items: center;
justify-content: center;
width:100%;
}
.content-conheca .imagems-conheca{
width:50%;
height:100%;
}
.content-conheca .imagems-conheca img{
width:100%;
height:100%;
object-fit: cover;
object-position: center top;
}
.content-conheca .text-conheca{
width:50%;
display: flex;
align-items: center;
justify-content: center;
}
.content-conheca .text-conheca .text{
width:585px;
max-width:100%;
}
.content-conheca .text-conheca .text h1{
text-align: left;
font: normal normal normal 60px/70px Poppins;
letter-spacing: -3px;
color: #000000;
opacity: 0.38;
margin-bottom: 30px;
max-width: 400px;
}
.content-conheca .text-conheca .text p{
text-align: left;
font: normal normal normal 24px/40px Poppins;
font-family: Poppins;
letter-spacing: 0px;
color: #9A9A9A;
}
.content-conheca .text-conheca .text p span{
font-weight:600;
color:#9A9A9A;
}
.content-conheca .text-conheca .text p span.s2{
color:#F87B0F;
}
.ano-evolucao.ano-right{
display: flex;
justify-content: flex-end;
width: 100%;
color: #F87B0F;
}
.ano-evolucao.ano-left{
display: flex;
justify-content: flex-start;
width: 100%;
color: #868686;
}
.content-ano{
position: relative;
display: flex;
width: 55%;
align-items: center;
}
.content-ano h2{
font-weight: 700;
letter-spacing: -1px;
font-size: 32px;
margin: 0 70px 0 0;
position:relative;
}
.content-ano h3{
text-align: left;
font: normal normal normal 20px/28px Poppins;
letter-spacing: 0px;
}
.ano-evolucao.ano-left .content-ano{
justify-content: flex-end;
text-align: right;
}
.ano-evolucao.ano-left .content-ano h2{
margin-right: 52px;
margin-left: 70px;
}
.ano-evolucao.ano-left .content-ano h3{
text-align: right;
}
.ano-evolucao.a2017 .content-ano{
align-items: flex-start;
padding-bottom: 45px;
}
.ano-evolucao.a2017 .content-ano h2:after{
content: "";
width: 1px;
height: 60px;
position: absolute;
left: 50%;
transform: translatex(-50%);
top: calc(100% + 10px);
background: #F87B0F;
opacity: 0.5;
}
.ano-evolucao.a2017 .content-ano:before{
content: "";
width: 540px;
left: 32px;
height: 1px;
background: #F87B0F;
bottom: 30px;
position: absolute;
max-width: 100%;
opacity: 0.5;
}
.ano-evolucao.a2018 .content-ano{
padding-bottom: 40px;
}
.ano-evolucao.a2018 .content-ano h2{
margin-bottom:10px;
}
.ano-evolucao.a2018 .content-ano h2:after{
content: "";
width: 1px;
height: 60px;
position: absolute;
left: 50%;
transform: translatex(-50%);
top: calc(100% + 10px);
background: #F87B0F;
opacity: 0.5;
}
.ano-evolucao.a2018 .content-ano:before{
content: "";
width: 540px;
right: 85px;
height: 1px;
background: #F87B0F;
bottom: 30px;
position: absolute;
max-width: 100%;
opacity: 0.5;
}
.ano-evolucao.a2019 .content-ano{
align-items: flex-start;
padding-bottom: 40px;
padding-top:20px;
}
.ano-evolucao.a2019 .content-ano h2:after{
content: "";
width: 1px;
height: 80px;
position: absolute;
left: 50%;
transform: translatex(-50%);
top: calc(100% + 10px);
background: #F87B0F;
opacity: 0.5;
}
.ano-evolucao.a2019 .content-ano:before{
content: "";
width: 540px;
left: 35px;
height: 1px;
background: #F87B0F;
bottom: 30px;
position: absolute;
max-width: 100%;
opacity: 0.5;
}
.ano-evolucao.a2020 .content-ano{
padding-bottom: 40px;
padding-top:20px;
}
.ano-evolucao.a2020 .content-ano h2:after{
content: "";
width: 1px;
height: 70px;
position: absolute;
left: 50%;
transform: translatex(-50%);
top: calc(100% + 10px);
background: #F87B0F;
opacity: 0.5;
}
.ano-evolucao.a2020 .content-ano:before{
content: "";
width: 540px;
right: 85px;
height: 1px;
background: #F87B0F;
bottom: 25px;
position: absolute;
max-width: 100%;
opacity: 0.5;
}
.ano-evolucao.a2020 .content-ano h2{
margin-right:49px;
}
.ano-evolucao.a2021 .content-ano{
padding-bottom: 70px;
}
.ano-evolucao.a2021 .content-ano h2:after{
content: "";
width: 1px;
height: 105px;
position: absolute;
left: 50%;
transform: translatex(-50%);
top: calc(100% + 10px);
background: #F87B0F;
opacity: 0.5;
}
.ano-evolucao.a2021 .content-ano:before{
content: "";
width: 540px;
left: 35px;
height: 1px;
background: #F87B0F;
bottom: 55px;
position: absolute;
max-width: 100%;
opacity: 0.5;
}
.ano-evolucao.a2022 .content-ano{
padding-bottom: 40px;
}
.ano-evolucao.a2022 .content-ano h2:after{
content: "";
width: 1px;
height: 40px;
position: absolute;
left: 50%;
transform: translatex(-50%);
top: calc(100% + 10px);
background: #F87B0F;
opacity: 0.5;
}
.ano-evolucao.a2022 .content-ano:before{
content: "";
width: 540px;
right: 85px;
height: 1px;
background: #F87B0F;
bottom: 30px;
position: absolute;
max-width: 100%;
opacity: 0.5;
}
.ano-evolucao.a2022 .content-ano h2{
margin-right:51px;
}
.evolucao{
padding:70px 0;
background:#F8F8F8;
}
.solucoes{
padding:70px 0;
}
.solucoes h1{
text-align: center;
font: normal normal normal 50px/60px Poppins;
letter-spacing: -3px;
color: #F87B0F;
margin-bottom: 50px;
}
.list-solucoes .solucao{
background: #E8E8E8 0% 0% no-repeat padding-box;
border-radius: 26px;
padding:110px 25px 30px;
margin:0 10px;
}
.list-solucoes .solucao .icone{
width:100%;
height:59px;
margin-bottom:20px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.list-solucoes .solucao .icone img{
width:auto;
height:100%;
}
.list-solucoes .solucao h3{
text-align: left;
font: normal normal 600 22px/28px Poppins;
letter-spacing: 0px;
color: #F87B0F;
margin-bottom: 20px;
min-height:56px;
display: flex;
align-items: center;
}
.list-solucoes .solucao p{
text-align: left;
font: normal normal normal 16px/26px Poppins;
letter-spacing: 0px;
color: #000000;
opacity: 0.45;
margin-bottom:0;
min-height:130px;
}
.slick-prev{
position: absolute;
top:50%;
left:20px;
width:40px;
height:40px;
transform:translateY(-50%);
font-size: 0;
background: transparent;
padding:0;
z-index: 5;
}
.slick-next{
position: absolute;
top:50%;
right:20px;
width:40px;
height:40px;
transform:translateY(-50%);
font-size: 0;
background: transparent;
padding:0;
z-index: 5;
}
.slick-prev:before, .slick-next:before{
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
color:#868686;
}
.slick-prev:before{
content: "\f284";
}
.slick-next:before{
content: "\f285";
}
.list-solucoes{
padding:0 60px;
}
.slick-dots{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 30px 0 10px;
}
.slick-dots li button{
width:10px;
height:10px;
border-radius:50%;
font-size:0;
padding:0;
margin:0 3px;
background:#868686;
}
.slick-dots li.slick-active button{
background:#F87B0F;
width:22px;
border-radius: 10px;
}
.content-produtos{
height:100vh;
display: flex;
align-items: center;
flex-wrap:wrap;
width:100%;
}
.content-produtos .texto-produtos{
width:50%;
height:100%;
display: flex;
align-items: center;
justify-content: center;
background:#F87B0F;
color:#fff;
}
.content-produtos  .list-produtos{
width:50%;
height:100%;
display: flex;
align-items: center;
justify-content: center;
background:#F8F8F8;
}
.content-produtos .texto-produtos .text h1{
text-align: left;
font: normal normal normal 50px/60px Poppins;
letter-spacing: -3px;
color: #fff;
margin-bottom: 30px;
max-width: 400px;
}
.content-produtos .texto-produtos .text p{
text-align: left;
font: normal normal normal 24px/34px Poppins;
font-family: Poppins;
letter-spacing: 0px;
color: #fff;
max-width: 400px;
}
.list{
max-width: 550px;
}
.produto h2{
text-align: center;
font: normal normal 600 34px/36px Poppins;
letter-spacing: -1.64px;
color: #000000;
opacity: 0.38;
margin-bottom: 20px;
}
.produto p{
text-align: center;
font: normal normal 500 20px/28px Poppins;
letter-spacing: 0px;
color: #000000;
opacity: 0.45;
max-width: 370px;
margin: 0 auto -50px;
}
.produto img{
margin:0 auto -10px;
}
.bt-s-mais{
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 300px;
margin: auto;
border-radius: 10px;
background: linear-gradient(90deg, rgba(236,71,10,1) 0%, rgba(239,125,0,1) 100%);
font: normal normal 500 18px/26px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
position:relative;
z-index:2;
}
.bt-s-mais:hover{
background: linear-gradient(-90deg, rgba(236,71,10,1) 0%, rgba(239,125,0,1) 100%);
color:#fff;
}
.content-base .texto-base{
width:50%;
height:100%;
display: flex;
align-items: center;
justify-content: center;
background:#F87B0F;
color:#fff;
}
.content-base .lista-base{
width:50%;
height:100%;
display: flex;
align-items: center;
justify-content: center;
background:#F8F8F8;
}
.content-base{
height:100vh;
display: flex;
align-items: center;
flex-wrap:wrap;
width:100%;
}
.content-base .texto-base .text h1{
text-align: left;
font: normal normal normal 50px/55px Poppins;
letter-spacing: -3px;
color: #fff;
margin-bottom: 30px;
max-width: 450px;
}
.content-base .texto-base .text p{
text-align: left;
font: normal normal normal 24px/34px Poppins;
font-family: Poppins;
letter-spacing: 0px;
color: #fff;
max-width: 450px;
}
.content-base .lista-base .text h5{
text-align: left;
font: normal normal 600 24px/32px Poppins;
letter-spacing: -1.16px;
color: #000000;
opacity: 0.38;
margin-bottom: 5px;
}
.content-base .lista-base .text p{
text-align: left;
font: normal normal normal 20px/26px Poppins;
letter-spacing: 0px;
color: #000000;
opacity: 0.45;
margin-bottom: 0;
}
.content-base .lista-base .text-list{
max-width: 536px;
}
.content-base .lista-base .text:not(:last-child) p{
margin-bottom:40px;
}
.marketing{
padding:60px 0;
}
.marketing h1{
text-align: center;
font: normal normal normal 46px/52px Poppins;
letter-spacing: -2.32px;
color: #F87B0F;
margin-bottom: 30px;
}
.marketing h5{
text-align: center;
font: normal normal normal 22px/32px Poppins;
letter-spacing: 0px;
color: #000;
opacity: 0.4;
max-width: 850px;
margin: 0 auto 40px;
}
.marketing_digital{
display: flex;
align-items: center;
justify-content:space-between;
}
.marketing_digital .item-marketing{
width:24%;
background: #E8E8E8 0% 0% no-repeat padding-box;
border-radius: 26px;
padding:110px 25px 30px;
}
.marketing_digital .item-marketing .icone{
width:100%;
height:50px;
margin-bottom:20px;
}
.marketing_digital .item-marketing .icone img{
width:auto;
height:100%;
}
.marketing_digital .item-marketing h3{
text-align: left;
font: normal normal 600 21px/28px Poppins;
letter-spacing: 0px;
color: #F87B0F;
margin-bottom:10px;
}
.marketing_digital .item-marketing p{
text-align: left;
font: normal normal 400 15px/24px Poppins;
letter-spacing: 0px;
color: #969696;
margin-bottom:0;
min-height:120px;
}
.list-cases{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap:wrap;
margin-bottom:-50px;
}
.list-cases .case{
width:19%;
text-align:center;
margin-bottom:60px;
}
.list-cases .case .marca{
width: 100%;
height:90px;
margin-bottom:15px;
display: flex;
align-items: center;
justify-content: center;
}
.bt-s-mais {
font: normal normal 500 16px/26px Poppins;
max-width: 90%;
height: 46px;
}
.cases h1{
text-align: center;
font: normal normal normal 46px/56px Poppins;
letter-spacing: -2.48px;
color: #000000;
opacity: 0.38;
margin-bottom: 100px;
}
.numeros h1{
text-align: center;
font: normal normal normal 46px/52px Poppins;
letter-spacing: -2.32px;
color: #F87B0F;
margin-bottom: 30px;
}
.numeros h5{
text-align: center;
font: normal normal normal 22px/32px Poppins;
letter-spacing: 0px;
color: #000;
opacity: 0.4;
max-width: 700px;
margin: 0 auto 70px;
}
.cards-numeros{
display: flex;
flex-wrap: wrap;
align-items:center;
max-width: 1130px;
margin: auto;
}
.cards-numeros .card-numeros{
width:25%;
text-align: center;
padding:40px 15px;
background:#E8E8E8;
margin-top:25px;
}
.card-numeros.card-azul{
background:#F87B0F;
padding:75px 15px 50px;
margin-top:0;
border-radius: 10px;
}
.card-numeros strong{
display: block;
text-align: center;
font: normal normal bold 38px/38px Poppins;
letter-spacing: -1.56px;
color: #8C8C8C;
}
.card-numeros p{
text-align: center;
font: normal normal 500 16px/18px Poppins;
letter-spacing: -0.68px;
color: #8C8C8C;
margin-bottom:0;
}
.card-azul strong, .card-azul p{
color:#fff;
}
.card-inicial{
border-radius: 10px 0 0 10px;
}
.card-final{
border-radius: 0 10px 10px 0;
}
.card-numeros img{
max-width: 70px;
margin-bottom: 20px;
}
.contato{
padding:100px 0;
}
.content-setores{
width:100%;
height:100vh;
display: flex;
align-items: center;
flex-wrap:wrap;
}
.content-setores .text-setores{
width:45%;
background:#F87B0F;
height:100%;
display: flex;
align-items: center;
justify-content: center;
}
.content-setores .setores{
width:55%;
height:100vh;
overflow: hidden;
}
.content-setores .setores .setor{
width:100%;
height:14.3%;
position:relative;
}
.content-setores .setores .setor img{
width:100%;
height:100%;
object-fit: cover;
}
.content-setores .setores .setor h3{
position:absolute;
top:50%;
left:40px;
transform:translatey(-50%);
margin-bottom:0;
text-align: left;
font: normal normal 600 28px/34px Poppins;
letter-spacing: 0px;
color: #F8F8F8;
opacity: 0.78;
}
.content-setores .text-setores .text h1{
text-align: left;
font: normal normal normal 50px/55px Poppins;
letter-spacing: -2px;
color: #fff;
margin-bottom: 30px;
max-width: 450px;
}
.content-setores .text-setores .text p{
text-align: left;
font: normal normal normal 24px/34px Poppins;
font-family: Poppins;
letter-spacing: 0px;
color: #fff;
max-width: 400px;
}
.clientes h1 {
text-align: center;
font: normal normal normal 46px/56px Poppins;
letter-spacing: -2.48px;
color: #000000;
opacity: 0.38;
margin-bottom: 100px;
}
.beneficios{
background:#F87B0F;
}
.beneficios .text h1{
text-align: left;
font: normal normal normal 50px/55px Poppins;
letter-spacing: -2px;
color: #fff;
margin-bottom: 30px;
}
.beneficios .text p{
text-align: left;
font: normal normal normal 24px/34px Poppins;
font-family: Poppins;
letter-spacing: 0px;
color: #fff;
}
.beneficios .row{
align-items: center;
}
.beneficios ul li{
background: #E9E9E9 0% 0% no-repeat padding-box;
border: 2px solid #FFFFFF;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
height:62px;
width:90%;
margin:0 auto 20px;
text-align: center;
font: normal normal 500 20px/35px Poppins;
letter-spacing: 0px;
color: #F87B0F;
}
.beneficios ul li:last-child{
margin-bottom: 0;
}
.final{
height:100vh;
width:100%;
display: flex;
align-items: center;
justify-content: center;
text-align:center;
background:#F87B0F;
position: relative;
}
.final img{
max-width:260px;
margin-bottom: 35px;
}
.final h1{
text-align: center;
font: normal normal 700 50px/55px Poppins;
letter-spacing: -2px;
color: #fff;
margin-top:-70px;
}
.text-setores .text{
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
height: 100%;
}
.setores{
background:#000;
}

@media(max-width:1600px){
.inicio img {
max-width: 200px;
margin-bottom: 35px;
}
.scroll-down .mouse {
width: 28px;
height: 42px;
}
.scroll-down .mouse i{
font-size:22px;
}
.scroll-down span{
font-size:13px;
line-height: 1.1;
}
.content-conheca .text-conheca .text h1 {
text-align: left;
font: normal normal normal 50px/60px Poppins;
max-width: 360px;
}
.content-conheca .text-conheca .text p {
text-align: left;
font: normal normal normal 20px/30px Poppins;
}
.evolucao {
padding: 30px 0;
background: #F8F8F8;
}
.content-ano h2{
font-size:28px;
}
.content-ano h3 {
text-align: left;
font: normal normal normal 18px/22px Poppins;
}
.ano-evolucao.a2017 .content-ano {
align-items: flex-start;
padding-bottom: 30px;
}
.ano-evolucao.a2017 .content-ano h2::after {
height: 40px;
top: calc(100% + 5px);
}
.ano-evolucao.a2017 .content-ano::before{
left:29px;
}
.ano-evolucao.ano-left .content-ano h2 {
margin-right: 61px;
margin-left: 70px;
}
.ano-evolucao.a2018 .content-ano {
padding-bottom: 30px;
}
.ano-evolucao.a2018 .content-ano::before, 
.ano-evolucao.a2020 .content-ano::before{
right:91px;
}
.ano-evolucao.a2018 .content-ano h2::after {
height: 45px;
top: calc(100% + 0px);
}
.ano-evolucao.a2019 .content-ano {
align-items: flex-start;
padding-bottom: 30px;
padding-top: 5px;
}
.ano-evolucao.a2019 .content-ano::before{
left:30px;
}
.ano-evolucao.a2019 .content-ano h2::after {
height: 50px;
top: calc(100% + 0px);
}
.ano-evolucao.a2020 .content-ano {
padding-bottom: 30px;
padding-top: 0;
}
.ano-evolucao.a2020 .content-ano h2 {
margin-right: 59px;
}
.ano-evolucao.a2020 .content-ano h2::after {
height: 60px;
top: calc(100% + 0px);
}
.ano-evolucao.a2021 .content-ano {
padding-bottom: 30px;
}
.ano-evolucao.a2021 .content-ano h2::after {
height: 65px;
top: calc(100% + 2px);
}
.ano-evolucao.a2021 .content-ano::before {
left: 30px;
bottom: 30px;
}
.ano-evolucao.a2022 .content-ano h2 {
margin-right: 60px;
}
.ano-evolucao.a2022 .content-ano {
padding-bottom: 20px;
}
.ano-evolucao.a2022 .content-ano h2::after {
height: 30px;
top: calc(100% + 0px);
}
.ano-evolucao.a2022 .content-ano::before {
right: 90px;
bottom: 18px;
}
.solucoes h1, .marketing h1 {
text-align: center;
font: normal normal normal 36px/44px Poppins;
letter-spacing: -2px;
margin-bottom:35px;
}
.solucoes .container {
width: 1050px;
max-width: 100%;
}
.list-solucoes .solucao {
background: #E8E8E8 0% 0% no-repeat padding-box;
border-radius: 26px;
padding: 50px 25px 32px;
}
.list-solucoes .solucao .icone {
width: 100%;
height: 50px;
}
.list-solucoes .solucao h3 {
text-align: left;
font: normal normal 600 19px/22px Poppins;
min-height: 46px;
}
.list-solucoes .solucao p {
text-align: left;
font: normal normal normal 15px/22px Poppins;
margin-bottom: 0;
min-height: 132px;
}
.solucoes {
padding: 40px 0 50px;
}
.content-produtos .texto-produtos .text h1, .content-base .texto-base .text h1, .content-setores .text-setores .text h1 {
text-align: left;
font: normal normal normal 40px/46px Poppins;
letter-spacing: -2px;
}
.content-produtos .texto-produtos .text p, .content-base .texto-base .text p, .content-setores .text-setores .text p {
text-align: left;
font: normal normal normal 20px/26px Poppins;
}
.produto h2 {
text-align: center;
font: normal normal 600 26px/30px Poppins;
margin-bottom:10px;
}
.produto p {
text-align: center;
font: normal normal 500 17px/22px Poppins;
}
.produto img{
max-width:395px;
margin: 0 auto -10px;
}
.content-base .lista-base .text h5 {
text-align: left;
font: normal normal 600 20px/26px Poppins;
}
.content-base .lista-base .text p {
text-align: left;
font: normal normal normal 16px/22px Poppins;
}
.content-base .lista-base .text:not(:last-child) p {
margin-bottom: 30px;
}
.marketing h1{
margin-bottom: 20px;
}
.marketing h5 {
text-align: center;
font: normal normal normal 18px/26px Poppins;
}
.marketing_digital .item-marketing {
padding: 50px 25px 20px;
}
.marketing_digital .item-marketing .icone {
width: 100%;
height: 44px;
margin-bottom: 10px;
}
.marketing_digital .item-marketing h3 {
text-align: left;
font: normal normal 600 18px/22px Poppins;
}
.marketing_digital .item-marketing p {
text-align: left;
font: normal normal 400 14px/21px Poppins;
margin-bottom: 0;
min-height: 92px;
}
.marketing {
padding: 40px 0 50px;
}
.cases h1, .clientes h1{
text-align: center;
font: normal normal normal 36px/40px Poppins;
letter-spacing: -1.48px;
margin-bottom: 50px;
}
.list-cases{
max-width: 1050px;
margin:0 auto -20px;
}
.list-cases .case .marca {
width: 100%;
height: 80px;
margin-bottom: 15px;
padding: 5px 20px;
}
.bt-s-mais {
font: normal normal 500 14px/22px Poppins;
max-width: 85%;
height: 38px;
}
.numeros h1 {
text-align: center;
font: normal normal normal 36px/40px Poppins;
letter-spacing: -1.32px;
margin-bottom: 15px;
}
.numeros h5 {
text-align: center;
font: normal normal normal 18px/23px Poppins;
max-width: 600px;
margin: 0 auto 40px;
}
.cards-numeros{
max-width:1050px;
}
.card-numeros img {
max-width: 55px;
margin-bottom: 15px;
}
.card-numeros strong {
display: block;
text-align: center;
font: normal normal bold 30px/32px Poppins;
}
.card-numeros p {
text-align: center;
font: normal normal 500 15px/16px Poppins;
}
.content-setores .setores .setor h3{
font: normal normal 600 22px/28px Poppins;
}
.img-clientes{
max-width:1050px;
margin:auto;
}
.beneficios .row{
width:1050px;
margin:auto;
}
.beneficios .text h1 {
text-align: left;
font: normal normal normal 40px/45px Poppins;
}
.beneficios .text p {
text-align: left;
font: normal normal normal 20px/29px Poppins;
}
.beneficios ul li {
justify-content: center;
height: 52px;
width: 90%;
margin: 0 auto 15px;
text-align: center;
font: normal normal 500 16px/22px Poppins;
}
.final img {
max-width: 200px;
margin-bottom: 5px;
}
.final h1 {
text-align: center;
font: normal normal 700 40px/45px Poppins;
margin-bottom:30px;
}



}
@media(max-width:992px){
html, body{
scroll-snap-type: none;
}
.content-conheca{
flex-wrap:wrap;
}
.content-conheca .text-conheca {
width: 100%;
padding:40px 20px;
}
.content-conheca .imagems-conheca {
width: 100%;
height: auto;
}
.content-conheca .text-conheca .text h1 {
text-align: center;
font: normal normal normal 30px/35px Poppins;
max-width: 320px;
margin: 0 auto 20px;
}
.content-conheca .text-conheca .text p {
text-align: center;
font: normal normal normal 16px/30px Poppins;
max-width: 370px;
margin:0 auto 20px;
}
section{
height:auto;
min-height: auto;
}
.ano-evolucao{
display: flex;
justify-content: center;
width: 100%;
}
.ano-evolucao .content-ano {
align-items: center !important;
padding-bottom: 40px !important;
flex-wrap: wrap;
justify-content: center;
width:100%;
}
.content-ano h2{
margin:0 auto 10px;
width: 100%;
text-align: center;
}
.ano-evolucao.ano-left {
display: flex;
justify-content: center;
width: 100%;
color: #868686;
flex-wrap: wrap;
}
.ano-evolucao.ano-left .content-ano {
justify-content: center;
text-align: center;
flex-direction: column-reverse;
}
.ano-evolucao .content-ano h2::after{
display: none !important;
}
.content-ano h3 {
text-align: center;
font: normal normal normal 18px/22px 
}
.ano-evolucao.ano-left .content-ano h2 {
margin-right: auto;
margin-left: auto;
}
.ano-evolucao .content-ano h3 {
text-align: center !important;
width: 100%;
max-width: 370px;
margin: auto;
font: normal normal normal 16px/22px Poppins;
}
.content-conheca {
height: auto;
}
.ano-evolucao .content-ano::before {
left: 50% !important;
transform: translatex(-50%) !important;
width: 80% !important;
bottom: 20px !important;
}
.content-produtos {
height: auto;
}
.content-produtos .texto-produtos {
width: 100%;
height: auto;
padding: 40px 20px;
}
.solucoes h1, .marketing h1 {
text-align: center;
font: normal normal normal 28px/32px Poppins;
letter-spacing: -1px;
}
.list-solucoes {
padding: 0 30px;
}
.slick-prev{
left:0;
}
.slick-next{
right:0;
}
section {
scroll-snap-align: none;
}
.content-produtos .list-produtos {
width: 100%;
height: auto;
}
.content-base {
height: auto;
}
.content-base .texto-base {
width: 100%;
height: auto;
padding: 40px 20px;
}
.content-base .lista-base {
width: 100%;
height: auto;
padding: 40px 20px;
}
.content-produtos .texto-produtos .text h1, .content-base .texto-base .text h1, .content-setores .text-setores .text h1 {
text-align: center;
font: normal normal normal 28px/32px Poppins;
letter-spacing: -1px;
}
.content-produtos .texto-produtos .text p, .content-base .texto-base .text p, .content-setores .text-setores .text p {
text-align: center;
font: normal normal normal 16px/23px Poppins;
max-width: 360px;
margin: 0 auto;
}
.content-produtos .list-produtos {
width: 100%;
height: auto;
padding: 40px 0;
}
.produto h2 {
text-align: center;
font: normal normal 600 24px/28px Poppins;
}
.produto p {
text-align: center;
font: normal normal 500 16px/22px Poppins;
max-width: 360px;
margin: 0 auto 0;
}
.produto img {
max-width: 350px;
margin: -20px auto -10px;
}
.content-base .lista-base .text h5 {
text-align: center;
font: normal normal 600 18px/24px Poppins;
}
.content-base .lista-base .text p {
text-align: center;
font: normal normal normal 16px/22px Poppins;
}
.marketing h5 {
text-align: center;
font: normal normal normal 16px/22px Poppins;
max-width: 360px;
margin: 0 auto 20px;
}
.marketing_digital{
padding:0 30px;
}
.cases h1, .clientes h1 {
text-align: center;
font: normal normal normal 24px/30px Poppins;
letter-spacing: -1.48px;
margin-bottom: 30px;
}
.list-cases .case {
width: 50%;
text-align: center;
margin-bottom: 40px;
}
#cases{
padding:50px 0;
}
#numeros{
padding:20px 0 50px;
}
.numeros h1 {
text-align: center;
font: normal normal normal 24px/30px Poppins;
}
.numeros h5 {
text-align: center;
font: normal normal normal 16px/22px Poppins;
max-width: 360px;
margin: 0 auto 40px;
}
.cards-numeros{
border: 1px solid #F87B0F;
border-radius: 15px;
overflow: hidden;
}
.cards-numeros .card-numeros {
width: 50%;
margin:0;
padding: 40px 15px 30px;
min-height: 190px;
}
.card-numeros.card-azul {
background: #F87B0F;
padding: 40px 15px 30px;
border-radius: 0;
border-right: 1px solid #F87B0F;
}
.card-numeros strong {
display: block;
text-align: center;
font: normal normal bold 20px/24px Poppins;
}
.card-numeros p {
text-align: center;
font: normal normal 500 13px/14px Poppins;
min-height: 30px;
}
.card-numeros img {
max-width: 50px;
margin-bottom: 15px;
}
.card-numeros.card-inicial{
border-radius: 0;
border-right: 1px solid #F87B0F;
border-bottom: 1px solid #F87B0F;
}
.card-numeros.card-segundo{
border-radius: 0;
border-bottom: 1px solid #F87B0F;
}
.card-numeros.card-final{
border-radius: 0;
}
.content-setores {
width: 100%;
height: auto;
}
.content-setores .text-setores {
width: 100%;
height: auto;
padding: 40px 20px;
}
.content-setores .text-setores .text h1 {
margin: 0 auto 20px;
}
.content-setores .setores {
width: 100%;
height: auto;
overflow: hidden;
}
.content-setores .setores .setor {
width: 100%;
height: 85px;
position: relative;
}
.content-setores .setores .setor h3 {
font: normal normal 600 20px/20px Poppins;
left: 25px;
}
#clientes{
padding:50px 30px;
}
.beneficios .row {
width: 100%;
margin: auto;
}
.beneficios .text{
padding:50px 0;
}
.beneficios{
padding:0 0 50px;
}
.beneficios .text h1 {
text-align: center;
font: normal normal normal 28px/33px Poppins;
letter-spacing: -1px;
margin-bottom: 20px;
}
.beneficios .text p {
text-align: center;
font: normal normal normal 16px/24px Poppins;
margin: 0 auto 20px;
max-width: 360px;
}
.beneficios ul li {
justify-content: center;
height: 50px;
width: 100%;
margin: 0 auto 15px;
text-align: center;
font: normal normal 500 15px/22px Poppins;
}
.final {
height: auto;
padding: 100px 0 150px;
}


}