:root {
  --cor-primaria: #2EBE41;
  --cor-secundaria: #AAD0EE;
  --cor-background: #EBEEF2;
  --cor-texto: #20232B;
  --cor-branco: #ffffff;
  --cor-preto: #000000;
  --cor-input: #849698;
  --box-detalhe: #ADC2CE;
  --fonte-principal: "Inter", sans-serif;

}

.none {
  display: none !important;
}

@font-face {
  font-family: 'Cerebri sans';
  src: url('CerebriSansPro.otf') format('opentype'), url('CerebriSansPro.ttf') format('truetype');

}

.sombra-secao {
  position: absolute;
  width: 100%;
  height: 32px;
  bottom: -32px;
  right: 0;
  left: 0;
  margin: auto;
}

/* topo 1024 */

@media (max-width: 1024px) {
  /* .menu-area {
    background: transparent;
    border: none;
  } */

  /* .topo .barra {
    background-color: var(--cor-primaria);

  }

  .topo .barra .hamburger {
    z-index: 2;
  }

  .topo {
    position: relative;
  }

  .menu-topo .center {
    width: 100% !important;
    padding: 0;
    bottom: unset;
  } */
  /* 
  .menu-topo .menu-area {

    position: absolute;
    top: 55px;
    width: 100%;
  } */

  /* .menu-topo nav {
    display: none;
    width: 100%;
    top: 32px;
    right: 0%;
    z-index: 2;
    background: var(--cor-primaria);
    box-sizing: border-box;
    position: absolute;
  } */

  /* .menu-area::before {
    content: none;
  } */

  /* .menu-links {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0px;
  } */

  /* .menu-topo nav ul {
    flex-direction: column;
    margin-bottom: 40px;
    width: 100%;
    height: auto;
    align-items: start;
    align-items: center;
    margin: auto;
  } */
  /* 
  .menu-topo nav ul a {
    color: #ffffff;
    height: 60px;
    text-decoration: none;
  } */

  /* .menu-topo .botao-download a {
    color: var(--cor-texto);
  } */

  /* .menu-topo nav ul li {
    position: relative;
  } */

  /* .menu-topo nav ul li.active a {
    font-weight: 600;
    color: var(--cor-terciaria);
  } */

  /* .menu-topo nav ul li {
    padding: 20px;
    margin-right: 0 !important;
  } */

  /* .barra-mobile {
    display: flex;
    justify-content: space-between;
    padding: 20px 40px;
    align-items: center;
    background-color: var(--cor-primaria);
  } */

  /* 
  .menu-mobile-ativador img {
    max-width: 80%;
  } */

  .mostrar-menu {
    display: block !important;
    /* left: 0% !important; */

  }

  .topo img.sombra {
    display: none;
  }

  .topo nav ul li a::after,
  .topo nav ul li a::before {
    display: none;
  }

  .topo nav ul li a:hover:after,
  .topo nav ul li a:hover::before {
    animation: none;
  }

  /*Hamburger menu*/

  .hamburger .line {
    width: 40px;
    height: 4px;
    background-color: var(--cor-primaria);
    display: block;
    margin: 8px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .hamburger:hover {
    cursor: pointer;
  }


  #hamburger-1.is-active .line:nth-child(2) {
    opacity: 0;
  }

  #hamburger-1.is-active .line:nth-child(1) {
    -webkit-transform: translateY(13px) rotate(45deg);
    -ms-transform: translateY(13px) rotate(45deg);
    -o-transform: translateY(13px) rotate(45deg);
    transform: translateY(11px) rotate(45deg);
  }

  #hamburger-1.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-13px) rotate(-45deg);
    -ms-transform: translateY(-13px) rotate(-45deg);
    -o-transform: translateY(-13px) rotate(-45deg);
    transform: translateY(-14px) rotate(-45deg);
  }

  .menu-topo nav ul li.active:first-child,
  .menu-topo nav ul li:hover:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .menu-topo nav ul li.active:last-child,
  .menu-topo nav ul li:hover:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  /* .menu-topo nav ul li a {
    color: #ffffff;
    font-size: 1.563em;
  } */

  /* img.logo-menu {
    display: none;
  } */

  /* .menu-topo .menu-area li.dropdown {
    background-position-x: right !important;
    width: auto !important;
    justify-content: center;
    background-position-y: 35px !important;
    padding: 20px;
  } */


  /* .menu-topo .menu-area li.dropdown.re:active .conteudo-drop {
    width: 100px;
  } */

  /* .menu-topo .menu-mobile {
    position: absolute;
    top: 85px;
    width: 100%;
  } */

  /* .menu-mobile .seta {
    position: relative;
    top: -4px;
  } */

  /* .menu-mobile .cont {
    display: none;
    justify-content: center;
    align-self: center;
    flex-direction: column;
    background: #44b06480;
    width: 700px;
    padding-top: 30px;
  } */
}

/* @media(max-width:430px) {
  .menu-mobile-ativador img {
    width: 115px;
  }
} */



/* politica privacidade */
#politica_privacidade {
  background-color: var(--cor-branco);
}

.cima {
  background-color: var(--cor-primaria);
}

#politica_privacidade .cima .titulo-politica h1 {
  font-size: 2.5em;
  color: var(--cor-branco);
  font-weight: 500;
  font-family: var(--fonte-principal);
}

.titulo-politica{
  padding-top:30px;
  padding-bottom:30px;
}

#politica_privacidade .texto {
  color: var(--cor-texto);
  font-size: 15px;
  font-weight: 400;
  font-family: var(--fonte-principal);
  text-align: justify;
}

#politica_privacidade .texto h1 {
  color: var(--cor-primaria);

}

@media (max-width:1024px) {
  #politica_privacidade {
    margin-top: -98px;
  }
}

@media (max-width:440px) {
  #politica_privacidade .cima .titulo-politica h1 {
    font-size: 2em;
    text-align: center;
  }
}




/*=========== SERVIÇOS ===========*/

#servicos {
  background-color: var(--cor-branco);
  font-family: var(--fonte-principal);
}

.conteudo {
  background-color: var(--cor-primaria);
}

/* .area-par{
  background-color:#0967B1;
}

.area-impar{
  background-color:red;
} */

#servicos .area-um-servicos h1 {
  color: var(--cor-branco);
  font-weight: 500;
  font-size: 2.5em;
  /* width:68%; */
  margin-bottom: 20px;
}



#servicos .area-um-servicos .texto p {
  margin-top: 5px;
  font-weight: 300;
  font-size: 1em;
  color: var(--cor-branco);
  letter-spacing: 0.0375em;
}


#servicos .area-dois-servicos {
  padding-top: 64px;
  padding-bottom: 64px;
}

.area-dois-servicos h1 {
  font-size: 2.5em;

  /* font-size:2.25em; */
  color: var(--cor-primaria);
  margin-bottom: 20px;
  font-weight: 600;
  font-family: var(--fonte-principal);
}

.conteudo-impar, .conteudo-par {
  width: 100%;
  display: flex;
  padding: 15px;
}

.conteudo-par-tecnologias {
  padding-bottom: 40px;
}


.saiba-mais-servicos {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 50px;
  background-color: transparent;
  border: 2px solid var(--cor-primaria);
  border-radius: 4px;
  cursor: pointer;
  transition: 0.4s;
  font-weight: 400;
}

.saiba-mais-servicos:hover {
  background-color: rgba(6, 84, 145, 1);
  transform: scale(1.01);
}

.area-btn a {
  color: #333333;
  font-family: var(--fonte-principal);
  font-size: 1.125em;
}

.area-btn:hover a {
  color: var(--cor-branco);
}


.area-btn-par a {
  color: #333333;
  font-family: var(--fonte-principal);
  font-size: 1.125em;
}

.area-btn-par:hover a {
  color: var(--cor-branco);
}

.area-texto-impar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  max-height: 395px;
  /* padding: 0px 0px 40px 0px; */
}

.coluna-saiba-mais {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 90%;
  height: 325px;
}

.area-btn {
  margin-top: auto;
  display: flex;
  justify-content: end;
  margin-right: 15px;
  margin-bottom: 50px;

}

.previa-impar {
  width: 100%;
}

.area-imagem-impar {
  width: 50%;
  position: relative;
  padding-left: 20px;
  /* display:flex;
  justify-content: flex-start; */
}

.area-texto-impar p {
  color: var(--cor-texto);
  font-size: 1em;
  font-family: var(--fonte-principal);
  font-weight: 500;
  /* width: 85%; */
}

.area-imagem-impar img {
  position: relative;
  z-index: 3;
}

.area-imagem-impar .imagem-impar {
  border-bottom: 12px solid #ffff;
  border-right: 14px solid #ffff;
}

.area-imagem-impar .borda-impar {
  background-color: var(--cor-primaria);
  width: 568px;
  height: 300px;
  position: absolute;
  z-index: 0;
  top: 25.9%;
  right: 5.3%;
  /* top: 25.9%;
  right: 3.7%; */
  object-fit: cover;
}


/* ESTILO ÁREA PAR */

.area-texto-par {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  max-height: 395px;
  /* padding: 0px 0px 40px 0px; */
}

.area-texto-par p {
  color: var(--cor-texto);
  font-size: 1em;
  font-family: var(--fonte-principal);
  font-weight: 500;
}

.area-imagem-par {
  width: 50%;
  position: relative;
  padding-left: 20px;
}

.area-par {
  margin-top: 100px;
  margin-bottom: 100px;
}

.previa-par {
  width: 100%;
}

.area-imagem-par .imagem-par {
  border-bottom: 12px solid #ffff;
  border-left: 12px solid #ffff;
}

.area-imagem-par img {
  position: relative;
  z-index: 3;
}

.area-imagem-par .borda-par {
  background-color: var(--cor-primaria);
  width: 568px;
  height: 300px;
  position: absolute;
  z-index: 0;
  top: 25.9%;
  right: 13%;
  /* right: 12%; */
  object-fit: cover;
}

.sombra-par {
  position: absolute;
  max-width: 100%;
  left: 46%;
  bottom: -10%;
  transform: translateX(-50%);
  height: 34px;
}

.area-btn-par {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
  margin-right: 50px;
  margin-bottom: 20px;
}

.imagem-responsivo-impar {
  display: none;
}

.imagem-responsivo-par {
  display: none;

}

@media (min-width:1360px) and (max-width:1439px) {
  .area-imagem-impar .borda-impar {
    right: 2.3%;
  }

  .area-imagem-par .borda-par {
    right: 10.9%;

  }
}

@media (min-width:1440px) and (max-width:2560px) {
  .area-imagem-impar .borda-impar {
    /* top: 25.9%; */
    top: 26.5%;
    /* right:-1.3%; */
    right: 4.2%;
  }

  .area-imagem-par .borda-par {
    top: 25.9%;
    right: 11.9%;
  }

  .sombra-par {
    left: 48%;
  }
}

@media(max-width:1024px) {


  .conteudo-impar {
    flex-direction: column;
    align-items: center;
  }

  .area-texto-impar {
    width: 100%;
  }

  .area-btn-par, .area-btn {
    justify-content: center;
    margin-right: 0px;
  }

  .area-btn-par {
    margin-bottom: 50px;
  }

  .area-imagem-impar, .area-imagem-par {
    width: auto;
    padding-left: 0px;
  }

  .area-imagem-impar .borda-impar {
    left: 7.3%;
  }

  .area-imagem-par .borda-par {
    right: 6.8%;
  }

  .sombra {
    left: 54%;
  }

  .coluna-saiba-mais {
    gap: 30px;
    height: auto;
  }

  .area-texto-par {
    width: 100%;
  }

  .conteudo-par {
    flex-direction: column-reverse;
    align-items: center;

  }

}

@media (max-width:768px) {

  .conteudo {
    margin-top: -95px;
  }

  .imagem-responsivo-par, .imagem-responsivo-impar {
    display: flex;
    justify-content: center;
  }

  .area-texto-impar, .area-texto-par {
    max-height: none;
  }

  .area-imagem-par, .area-imagem-impar {
    display: none;
  }

  .area-btn {
    margin-bottom: 30px;
  }

  .coluna-saiba-mais {
    width: 100%;
    height: auto;
  }

  .area-btn-par {
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .borda-impar, .borda-par {
    display: none;
  }

  .area-imagem-impar .imagem-impar {
    border-bottom: 0px solid #ffff;
    border-right: 0px solid #ffff;
  }

  .area-imagem-par .imagem-par {
    border-bottom: 0px solid #ffff;
    border-left: 0px solid #ffff;
  }

  .sombra, .sombra-par {
    position: absolute;
    max-width: 100%;
    left: 50%;
    bottom: -8%;
    transform: translateX(-50%);
    height: 33px;
  }

}

@media (max-width:440px) {

  #servicos .area-um-servicos h1 {
    font-size: 2em;
  }


  .imagem-responsivo-par img, .imagem-responsivo-impar img {
    width: 390px;
  }

  .sombra, .sombra-par {
    display: none;
  }

  .conteudo-impar, .conteudo-par {
    padding: 0px;
  }

  .conteudo-par, .conteudo-impar {
    gap: 30px;
  }

  .coluna-saiba-mais {
    width: 100%;
  }


  img.imagem-impar {
    width: 390px;
  }

  img.imagem-par {
    width: 390px;
  }

  .area-dois-servicos h1 {
    font-size: 2em;
  }

  .area-texto-impar p {
    width: 100%;
  }

  .area-texto-par p {
    width: 100%;
  }

  .area-btn, .area-btn-par {
    display: flex;
    justify-content: center;
    margin-right: 0px;
    margin-bottom: 0px;
  }
}

@media(max-width:375px) {
  .imagem-responsivo-par img, .imagem-responsivo-impar img {
    width: 350px;
  }

}

@media(max-width:320px) {

  .imagem-responsivo-par img, .imagem-responsivo-impar img {
    width: 290px;
  }

}


/*=========== PÁGINA INTERNA SERVIÇOS ===========*/

#servicos-interno {
  background-color: var(--cor-branco);
  font-family: var(--fonte-principal);
}

#servicos-interno .titulo h1 {
  font-size: 2.5em;
  color: var(--cor-branco);
  font-weight: 600;
  margin-bottom: 20px;
}

#servicos-interno .texto {
  width: 96%;
}

#servicos-interno .texto p {
  margin-top: 5px;
  font-weight: 300;
  font-size: 1em;
  color: var(--cor-branco);
}

#servicos-interno .conteudo {
  background-color: var(--cor-primaria);
}

.area-dois-servicos-interno {
  padding-top: 64px;
  padding-bottom: 64px;
}

.area-dois-servicos-interno {
  display: inline-table;
  width: 100%;
}

.sombra-contato {
  position: absolute;
  max-width: 100%;
  bottom: 8.2%;
  left: 3%;
  height: 34px;
}

.sombra-parallax {
  position: absolute;
  max-width: 100%;
  bottom: 4.8%;
  left: 50%;
  height: 34px;
}

.texto-interno h3 {
  color: var(--cor-primaria);
  font-size: 2.188em;
  font-weight: 600;
  font-family: var(--fonte-principal);
  padding-bottom: 20px;
  padding-top: 20px;

}

.texto-interno p {
  font-family: var(--fonte-principal);
  color: var(--cor-texto);
  font-size: 1em;
}

.area-dois-servicos-interno .area-dois-imagem {
  display: table;
  float: right;
  margin: 0 -20px 36px 15px;
  width: 50%;
  position: relative;
  z-index: 3;
}



.area-dois-imagem img.imagem-interna-servicos {
  width: 550px;
  height: 354px;
  border-bottom: 12px solid #ffff;
  border-right: 10px solid #ffff;
}


.area-dois-imagem img {
  position: relative;
  z-index: 3;
}



.texto-interno img {
  max-width: 1000px;
}

.area-dois-imagem .borda-servicos {
  background-color: var(--cor-primaria);
  width: 550px;
  height: 280px;
  position: absolute;
  z-index: 1;
  top: 25.8%;
  right: 10.8%;
  object-fit: cover;
}


.sombra-servicos {
  position: absolute;
  max-width: 100%;
  left: 46%;
  bottom: -10%;
  transform: translateX(-50%);
  height: 32px;
}

.area-contato {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  /* height: 100vh; */
  height: 67vh;
  position: relative;
  padding-bottom: 64px;
}

a#contratar_servico{
  width: 200px;
  height: 66px;
  background-color: var(--cor-primaria);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--cor-branco);
  font-weight: 700;
  font-family: var(--fonte-principal);
  border-radius: 12px;
  font-size: 1em;
  box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 10px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -1px;
  transition: all 0.5s ease-in-out;
}
a#contratar_servico:hover {
  transform: scale(1.05);
}

@media(max-width:1024px){
  a#contratar_servico {
    margin: auto;
}

}

/*=========== SERVIÇOS/TABLIST_SERVIÇOS ===========*/
#tablist_servicos {}

#tablist_servicos .tablist {
  display: flex;
  flex-direction: row;
  gap: 122px;
  border-bottom: 1px solid #A0A6B1;
  margin-top: 50px;
}

#tablist_servicos .tablist a {
  font-family: var(--fonte-principal);
  font-size: 1.625em;
  font-weight: 600;
  color: #737883;
  padding: 10px 0;
}

#tablist_servicos .tablist a.ativo {
  color: var(--cor-primaria) !important;
  position: relative;
  bottom: -1px;
  right: 0;
  /* width: 100%; */
}

#tablist_servicos .tablist a.ativo::after {
  content: '';
  border-bottom: 1px solid var(--cor-primaria);
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}

/*=========== SETORES/CLIENTES ===========*/

.setores {
  background: var(--cor-branco);
}

.conteudo-setores {
  background: var(--cor-primaria);
  /* background: rgba(242, 242, 242, 1);  */
}

.setores .area-um-setores h1 {
  color: var(--cor-branco);
  /* color: var(--cor-primaria); */
  font-weight: 500;
  font-size: 2.5em;
  margin-bottom: 20px;
  font-family: var(--fonte-principal);
}

.setores .area-um-setores p {
  margin-top: 5px;
  font-weight: 300;
  font-size: 1em;
  color: var(--cor-branco);
  /* color: var(--cor-texto); */
  /* width: 64%; */
  letter-spacing: 0.0375em;
  font-family: var(--fonte-principal);
}

.conteudo-card-padrao {
  position: relative;
}

.img-wrapper h3 {
  position: absolute;
  bottom: 10px;
  left: 16px;
  color: white;
  font-weight: 700;
  font-size: 2.5em;
  z-index: 2;
  margin: 0;
  font-family: var(--fonte-principal);
}


.container-cards {
  width: 100%;
}

.cards-padrao {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.img-wrapper {
  position: relative;
  transition: 0.4s;
}

.img-wrapper:hover {
  transform: scale(1.03);
}


.img-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.card-destaque {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 8px;
  width: 100%;
}

.img-destaque {
  position: relative;
  transition: 0.4s;
}

.img-destaque:hover {
  transform: scale(1.03);
}

.img-destaque::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.img-destaque h3 {
  position: absolute;
  bottom: 16px;
  left: 16px;
  color: white;
  font-size: 24px;
  z-index: 2;
  text-align: center;
  font-family: var(--fonte-principal);
  font-size: 2.5em;
}

.card-destaque img {
  width: 1158px;
  height: 190px;
}

.img-wrapper img {
  width: 375px;
  height: 190px;
}


/* MODAL */


.setores .area-dois-setores {
  padding-top: 40px;
  padding-bottom: 88px;
  position: relative;
  z-index: 3;
}

.setores .area-dois-setores::before {
  content: url(../img/detalhe-foto.png);
  position: absolute;
  z-index: -1;
  right: 0px;
}

.clientes-modal {
  font-family: var(--fonte-principal);
}

.titulo-modal {
  background-color: var(--cor-primaria);
  font-family: var(--fonte-principal);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
}

#clientes i.close {
  position: absolute;
  top: 1px;
  right: 4px;
  z-index: 9999;
  cursor: pointer;
}

.area-conteudo-modal {
  width: 100%;
}

.conteudo-modal {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-around;
  padding: 20px;
}

.modal-itens {
  display: flex;
  flex-direction: column;
  width: 40%;
  padding-bottom: 10px;
  justify-content: center;
  align-items: center;
}




.titulo-modal h2 {
  font-size: 1em;
  font-weight: 500;
  color: var(--cor-branco);
  padding: 10px 10px 10px 20px;
}

.clientes-modal h3 {
  color: var(--cor-primaria);
  font-size: 1.75em;
  text-align: center;
  padding: 10px 0px 10px 0px;
}

.clientes-modal p {
  color: var(--cor-texto);
  font-size: 0.75em;
  text-align: center;
  padding-top: 6px;
}

@media(max-width:1024px) {

  .conteudo-setores {
    margin-top: -118px;
  }

  .setores .area-um-setores p {
    width: 90%;
  }

  .card-destaque img {
    width: 764px;
    object-fit: cover;
  }
}

@media(max-width:768px) {
  .img-wrapper img {
    width: 340px;
  }

  .card-destaque img {
    width: 698px;
  }

  .setores .area-dois-setores::before {
    content: none;

  }
}

@media (max-width:440px) {

  .container-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .card-destaque {
    margin-top: 16px;
  }

  .img-wrapper img {
    width: 373px;
  }

  .card-destaque img {
    width: 373px;
  }

  .conteudo-modal {
    gap: 30px;
  }
}

@media (max-width:375px) {
  .img-wrapper img {
    width: 340px;
  }

  .card-destaque img {
    width: 340px;
    height: 172px;
  }
}

@media (max-width:320px) {
  .img-wrapper img {
    width: 285px;
  }

  .card-destaque img {
    width: 285px;
    height: 145px;
  }
}


/*=========== CONTEÚDOS ===========*/
#conteudo {
  font-family: var(--fonte-principal);
  padding: 50px 0;
}

#conteudo .conteudo-conteudo {
  background-color: var(--cor-primaria);
}

#conteudo .conteudo-conteudo .topo h1 {
  color: var(--cor-branco);
  font-weight: 500;
  font-size: 2.5em;
  margin-bottom: 20px;
}

#conteudo .conteudo-conteudo .topo p {
  font-weight: 300;
  font-size: 1em;
  color: var(--cor-branco);
  letter-spacing: 0.0375em;
}

#conteudo p {
  color: #737883;
  font-weight: 400;
  font-size: 1.375em;
}

#conteudo p strong {
  color: var(--cor-texto);
  font-weight: 700;
  font-size: 1.75em;
}


/* como funciona */

#conteudo .lista-etapas {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}

#conteudo .lista-etapas .card {
  display: flex;
  flex-direction: row;
  background-color: var(--cor-background);
  /* height: 300px; */
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  /* padding: 10px 30px; */
  margin: 10px 0;
}

#conteudo .lista-etapas .card .card-icone {
  width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#conteudo .lista-etapas .card .card-icone .circulo-icone {
  background-color: var(--cor-primaria);
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
}

#conteudo .lista-etapas .card .card-etapa {
  width: 20%;
  display: flex;
  flex-direction: column;
}

#conteudo .lista-etapas .card .card-etapa span {
  color: var(--cor-primaria);
  font-size: 1.625em;
  font-weight: 600;
}

#conteudo .lista-etapas .card .card-etapa h3 {
  color: var(--cor-texto);
  font-size: 2.375em;
  font-weight: 700;
}

#conteudo .lista-etapas .card .card-texto {
  width: 70%;
  padding: 40px;
}

#conteudo .lista-etapas .card .card-texto p {
  font-weight: 400;
  font-size: 1.375em;
}

#conteudo .lista-etapas .card .card-texto p a {
  color: var(--cor-primaria);
  /* font-weight: 700; */
  text-decoration: underline;
}

#conteudo .texto2 {
  margin: 50px 0;
  position: relative;
  z-index: -1;
}

#conteudo .area-img{
  position: relative;
  z-index: -1;
}

#conteudo .lista-modulos {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

#conteudo .lista-modulos .card-modulos {
  width: 420px;
  max-width: 420px;
  min-height: 256px;
  height: 256px;
  background-color: var(--cor-background);
  border-radius: 15px;
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
  transition:0.4s;
}

/* #conteudo .lista-modulos .card-modulos{
  box-shadow: rgba(0, 0, 0, 0.2) 5px 15px 15px 0px;
} */

#conteudo .lista-modulos .card-modulos.hover {
  height: 100% !important;
}

#conteudo .lista-modulos .card-modulos .circulo-icone {
  width: 41px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--cor-primaria);
  border-radius: 20px;
}

#conteudo .lista-modulos .card-modulos .card-icone {
  height: 80px;
  display: flex;
  align-items: center;
}

#conteudo .lista-modulos .card-modulos img {
  width: 25px;
  height: 25px;
}

#conteudo .lista-modulos .card-modulos .card-nome {
  height: 70px;
}

#conteudo .lista-modulos .card-modulos h3 {
  color: var(--cor-texto);
  font-size: 1.75em;
  font-weight: 700;
}

#conteudo .lista-modulos .card-modulos .infos-hover {
  opacity: 1;
  visibility: visible;
  position: absolute;
  /* background-color:red; */
  background-color: var(--cor-background);
  width: 100%;
  height: auto;
  left: 0;
  box-sizing: border-box;
  padding: 0 20px;
  z-index: 1;
  top: 180px;
  border-radius: 15px;
  padding-bottom: 80px;
}

#conteudo .lista-modulos .card-modulos .infos-hover.none {
  opacity: 0 !important;
  visibility: hidden !important;
}

#conteudo .lista-modulos .card-modulos .infos-hover .detalheSombra {
  box-shadow: rgba(0, 0, 0, 0.2) 5px 15px 15px 0px;
  position: absolute;
  width: 100%;
  /* height: 90%; */
  height: 100%;
  bottom: 0;
  left: 0;
  border-radius: 15px;
  z-index: -1;
}


#conteudo .lista-modulos .card-modulos strong {
  font-weight: 700;
  font-size: 1.25em;
  color: var(--cor-texto);
}

#conteudo .lista-modulos .card-modulos a {
  color: var(--cor-primaria);
  font-size: 1.375em;
  font-weight: 600;
  position: absolute;
  bottom: 40px;
  left: 20px;
}

#conteudo .lista-modulos .card-modulos a.hover {
  color: #A0A6B1;
  left: auto;
  right: 20px;
}

#conteudo .lista-modulos .card-modulos p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 27px;
  padding-top: 10px;
}

#conteudo .lista-modulos .card-modulos h4 {
  font-size: 1.75em;
  font-weight: 700;
  color: var(--cor-texto);
  padding: 10px 0;
}

#conteudo .lista-modulos .card-modulos h5 {
  font-size: 1.25em;
  font-weight: 400;
  color: var(--cor-texto);
}

#conteudo .video-container iframe {
  width: 100%;
  margin-top: 50px;
  border-radius: 15px;
  /* height: 720px; */
  height: 80vh;
}

@media screen and (max-width: 1024px) {
  #conteudo .lista-etapas .card {
    flex-direction: column;
  }

  #conteudo .lista-etapas .card .card-etapa,
  #conteudo .lista-etapas .card .card-texto {
    width: auto;
    padding: 20px;
  }

  #conteudo .lista-etapas .card .card-icone {
    padding-top: 40px;
    width: auto;
  }

  #conteudo .lista-etapas .card .card-etapa span {
    text-align: center;
  }

  #tablist_servicos .tablist {
    gap: 20px;
    flex-direction: column;
    border: none;
    margin: 0;
    margin-bottom: 50px;
    /* margin: 50px 0; */
  }

  #tablist_servicos .tablist a {
    border-bottom: 1px solid #A0A6B1;
  }

  #tablist_servicos .tablist a.ativo::after {
    bottom: -1px;
  }
}

@media screen and (max-width: 768px) {
  #conteudo .lista-modulos .card-modulos {
    width: 100%;
    max-width: none;
  }
}

/* @media screen and (max-width: 425px) { */

/* } */

@media screen and (max-width: 375px) {
  #conteudo .lista-modulos .card-modulos a {
    bottom: 20px;
  }

  #conteudo .lista-modulos .card-modulos .card-nome {
    height: auto;
  }

  #conteudo .lista-etapas .card .card-etapa h3,
  #conteudo .lista-modulos .card-modulos h3 {
    font-size: 1.5em;
  }

}

/*=========== artigos ===========*/
#conteudo .artigos .topo h3 {
  color: var(--cor-primaria);
  font-size: 2.5em;
  margin-bottom: 10px;
  text-align: center;
}

#conteudo .artigos .lista-artigos {
  display: flex;
  justify-content: space-evenly;
}

#conteudo .artigos .lista-artigos .card {
  width: 390px;
}

#conteudo .artigos .lista-artigos .card .area-img {
  width: 100%;
  height: 260px;
  border-bottom: 3px solid var(--cor-primaria);
  overflow: hidden;
}

#conteudo .artigos .lista-artigos .card .area-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}

#conteudo .artigos .lista-artigos .card:hover .area-img img {
  transform: scale(1.1);
}

#conteudo .artigos .lista-artigos .card .cont {
  padding: 5px 10px 0 10px;
  box-sizing: border-box;
  background-color: #F6F7FB;
  min-height: 270px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#conteudo .artigos .lista-artigos .card .cont .titulo {
  height: 55px;
  width: 100%;
  display: flex;
  align-items: center;
}

#conteudo .artigos .lista-artigos .card .cont .titulo h2 {
  font-size: 1em;
  color: var(--cor-primaria);
}

#conteudo .artigos .lista-artigos .card .cont .previa p {
  color: var(--cor-texto);
  font-size: 0.9375em;
  line-height: 180%;
}

@media screen and (max-width: 1024px) {
  #conteudo {
    margin-top: -25px;
  }

  #conteudo .artigos .lista-artigos {
    /* flex-direction: column; */
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    row-gap: 50px;
  }
}

@media screen and (max-width: 425px) {
  #conteudo .artigos .lista-artigos .card {
    width: 95%;
  }
}

/*=========== videos ===========*/
#conteudo .videos {
  background-color: var(--cor-primaria);
  position: relative;
}

#conteudo .videos .topo h3 {
  color: var(--cor-branco);
  font-size: 2.5em;
  margin-bottom: 10px;
  text-align: center;
}

#conteudo .videos .topo .texto {
  width: 750px;
  margin: auto;
}

#conteudo .videos .topo p {
  font-weight: 300;
  font-size: 1em;
  color: var(--cor-branco);
  letter-spacing: 0.0375em;
  text-align: center;
}

#conteudo .videos .lista-videos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#conteudo .videos .lista-videos .card {
  width: 400px;
  height: 390px;
}

#conteudo .videos .lista-videos .card iframe {
  width: 100%;
  height: 265px;
  border-bottom: 3px solid var(--cor-branco);
}

#conteudo .videos .lista-videos .card .cont {
  padding: 10px 0;
  transition: all 0.5s ease-in-out;
}

#conteudo .videos .lista-videos .card .cont:hover {
  transform: scale(1.01);
}

#conteudo .videos .lista-videos .card .cont .titulo {
  width: 100%;
  margin-bottom: 10px;
}

#conteudo .videos .lista-videos .card .cont h2 {
  font-size: 1.125em;
  color: var(--cor-branco);
  font-weight: normal;
}

#conteudo .videos .lista-videos .card .cont p {
  color: var(--cor-branco);
  font-size: 0.9375em;
  font-weight: 300;
  line-height: 180%;
}

@media screen and (max-width: 1440px) {
  #conteudo .videos .topo .texto {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  #conteudo .videos .lista-videos {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}

@media screen and (max-width: 425px) {
  #conteudo .videos .lista-videos .card {
    width: 95%;
    margin-bottom: 100px;
  }
}

/*=========== podcast ===========*/
#conteudo .podcast {
  background-color: #F6F7FB;
}

#conteudo .podcast .cont {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#conteudo .podcast .cont .area-um,
#conteudo .podcast .cont .area-dois {
  width: 50%;
  position: relative;
}

#conteudo .podcast .cont .area-dois::before {
  content: url(../img/detalhe-foto.png);
  position: absolute;
  bottom: 0;
  right: -350px;
}

#conteudo .podcast .cont .area-um h3 {
  font-size: 2.5em;
  color: var(--cor-primaria);
}

#conteudo .podcast .cont .area-um .texto {
  width: 90%;
}

#conteudo .podcast .cont .area-um p {
  color: var(--cor-texto);
  font-size: 1em;
  line-height: 160%;
  padding-bottom: 20px;
}

#conteudo .podcast .cont .area-dois .card-ultimo {
  width: 545px;
  height: 320px;
  background-color: var(--cor-primaria);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 0 30px;
  position: relative;
  margin: 50px auto;
  transition: all 0.5s ease-in-out;
}

#conteudo .podcast .cont .area-dois .card-ultimo:hover {
  transform: scale(1.05);
}

#conteudo .podcast .cont .area-dois .card-ultimo .episodio {
  color: var(--cor-branco);
}

#conteudo .podcast .cont .area-dois .card-ultimo .episodio strong {
  font-size: 0.9375em;
  font-weight: 200;
}

#conteudo .podcast .cont .area-dois .card-ultimo .episodio p {
  font-size: 0.9375em;
  font-weight: 200;
}

#conteudo .podcast .cont .area-dois .card-ultimo .play {
  display: flex;
  align-items: center;
  width: 165px;
  justify-content: space-between;
}

#conteudo .podcast .cont .area-dois .card-ultimo .play i {
  width: 50px;
  height: 50px;
  background-color: var(--cor-branco);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--cor-primaria);
  font-size: 1.125em;
  padding-left: 3px;
  box-sizing: border-box;
}

#conteudo .podcast .cont .area-dois .card-ultimo .play span {
  font-weight: normal;
  color: var(--cor-branco);
}

#conteudo .podcast .cont .area-dois .card-ultimo::after {
  content: url(../img/detalhe-spotify.png);
  position: absolute;
  bottom: 0;
  right: 0;
}

#conteudo .podcast .area-tres {
  display: flex;
  justify-content: space-between;
}

#conteudo .podcast .area-tres .card-episodio {
  width: 420px;
  height: 290px;
  max-height: 350px;
  display: flex;
  transition: all 0.5s ease-in-out;
}

#conteudo .podcast .area-tres .card-episodio:hover {
  transform: scale(1.05);
}

#conteudo .podcast .area-tres .card-episodio .icone {
  width: 18%;
}

#conteudo .podcast .area-tres .card-episodio .icone i {
  width: 50px;
  height: 50px;
  background-color: var(--cor-branco);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--cor-primaria);
  font-size: 1.125em;
  padding-left: 3px;
  box-sizing: border-box;
  box-shadow: rgba(50, 50, 93, 0.25) 6px 2px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

#conteudo .podcast .area-tres .card-episodio .content {
  width: 72%;
}

#conteudo .podcast .area-tres .card-episodio span {
  font-size: 0.9375em;
  color: var(--cor-primaria);
  font-weight: 600;
}

#conteudo .podcast .area-tres .card-episodio h2 {
  font-size: 1em;
  line-height: 180%;
  color: var(--cor-texto);
}

#conteudo .podcast .area-tres .card-episodio p {
  font-size: 1em;
  line-height: 160%;
  color: var(--cor-texto);
}

@media screen and (max-width:1440px) {
  #conteudo .podcast .cont .area-dois::before {
    right: 0;
  }
}

@media screen and (max-width:1024px) {
  #conteudo .podcast .cont {
    flex-direction: column;
  }

  #conteudo .podcast .cont .area-um .texto {
    width: 100%;
  }

  #conteudo .podcast .cont .area-um, #conteudo .podcast .cont .area-dois {
    width: 100%;
  }

  #conteudo .podcast .area-tres {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media screen and (max-width:440px) {
  #conteudo .podcast .cont .area-dois .card-ultimo {
    width: 95%;
    box-sizing: border-box;
    padding: 0 10px;
  }

  #conteudo .podcast .area-tres .card-episodio {
    width: 100%;
    height: auto;
    justify-content: center;
    margin-bottom: 40px;
  }
}


/* PÁGINA SOBRE */

.secao-logo {
  background-color: var(--cor-primaria);
}

.secao-logo img {
  display: flex;
  margin: auto;
}

.apresentacao {
  background-color: var(--cor-branco);
  padding-top: 100px;
}

.apresentacao h1 {
  font-family: var(--fonte-principal);
  font-size: 3em;
  padding-bottom: 70px;
  color: rgba(32, 35, 43, 1);
  font-weight: 700;
}

.apresentacao p {
  font-family: var(--fonte-principal);
  font-size: 1.375em;
  font-weight: 400;
  color: rgba(115, 120, 131, 1);

}

.manifesto {
  background-color: var(--cor-branco);
  padding-top: 100px;
  padding-bottom: 100px;
}

.manifesto h2 {
  font-family: var(--fonte-principal);
  font-size: 3em;
  padding-bottom: 70px;
  color: rgba(32, 35, 43, 1);
  font-weight: 700;
}

.manifesto p {
  font-family: var(--fonte-principal);
  font-size: 1.375em;
  font-weight: 400;
  color: rgba(115, 120, 131, 1);

}

.area-time {
  background: rgba(235, 238, 242, 1);
}

.area-time h3 {
  font-family: var(--fonte-principal);
  font-size: 3em;
  padding-bottom: 70px;
  color: rgba(32, 35, 43, 1);
  font-weight: 700;
  padding-bottom: 70px;
}

.area-card-time {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.card-time {
  width: 311px;
  height: 550px;
  transition: 0.4s;
}

.card-time:hover {
  transform: scale(1.03);
}

.card-time .foto-time img {
  border-radius: 13px;
  background-color: rgba(210, 214, 221, 1);
}

.card-time h6 {
  font-family: var(--fonte-principal);
  padding-top: 32px;
  font-size: 1.75em;
  font-weight: 700;
  color: rgba(32, 35, 43, 1);
}

.card-time p {
  font-family: var(--fonte-principal);
  font-size: 1.375em;
  color: rgba(115, 120, 131, 1);
  font-weight: 500;
}

/* 
.card-time img{
  width:312px;
  height: 432px;
} */

@media(max-width:1360px) {
  .area-card-time {
    gap: 10px;
  }
}

@media (max-width:1024px) {

  .area-card-time {
    gap: 18px;
  }
}

@media (max-width:768px) {
  .area-card-time {
    display: flex;
    justify-content: center;
  }
}

@media (max-width:440px) {
  .area-time h3 {
    font-size: 2.25em;
    text-align: center;
  }

  .manifesto h2 {
    font-size: 2.25em;
  }

  .apresentacao h1 {
    font-size: 2.25em;
  }


}

@media (max-width:320px) {
  .card-time {
    width: 288px;
  }

  .card-time .foto-time img {
    width: 288px;
  }

  .manifesto h2 {
    font-size: 2.25em;
  }

  .apresentacao h1 {
    font-size: 2.25em;
  }

  .area-time h3 {
    font-size: 2.25em;
  }
}


/* PÁGINA TECNOLOGIAS */

.tecnologias .area-um-tecnologias h1 {
  color: var(--cor-branco);
  font-weight: 500;
  font-size: 2.5em;
  /* width:68%; */
  margin-bottom: 20px;
  font-family: var(--fonte-principal);
}


.tecnologias .area-um-tecnologias .texto p {
  margin-top: 5px;
  font-weight: 300;
  font-size: 1em;
  color: var(--cor-branco);
  font-family: var(--fonte-principal);
  letter-spacing: 0.0375em;
}

.area-dois-tecnologias h1 {
  font-size: 2.5em;
  color: var(--cor-primaria);
  margin-bottom: 20px;
  font-weight: 600;
  font-family: var(--fonte-principal);
}

.conteudo-impar-tecnologias {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding-top: 60px;
}

.conteudo-par-tecnologias {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-bottom: -40px;
}

.area-btn-tecnologias {
  display: flex;
  justify-content: center;
}

.area-btn-tecnologias a {
  color: #333333;
  font-family: var(--fonte-principal);
  font-size: 1.125em;
}

.area-btn-tecnologias:hover a {
  color: var(--cor-branco);
}


.saiba-mais-tecnologias {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 50px;
  background-color: transparent;
  border: 2px solid var(--cor-primaria);
  border-radius: 4px;
  cursor: pointer;
  transition: 0.4s;
  font-weight: 400;
}

.saiba-mais-tecnologias:hover {
  background-color: rgba(6, 84, 145, 1);
  transform: scale(1.01);
}

.area-imagem-tecnologias, .area-imagem-impar-tecnologias {
  display: flex;
  align-items: center;
}



/* ESTILOS ÁREA IMPAR */

.area-texto-impar-tecnologias {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;

  /* padding: 0px 0px 40px 0px; */
}


.conteudo-impar-tecnologias {
  padding: 40px 0px 40px 12px;
}

.coluna-saiba-mais-tecnologias {
  display: flex;
  flex-direction: column;
  gap: 20px;
  /* flex-grow: 1;
  width: 90%;
  height: 325px; */
}

.area-btn-impar-tecnologias {
  margin-top: auto;
  display: flex;
  justify-content: center;
}


.previa-impar-tecnologias {
  width: 100%;
}

.area-imagem-impar-tecnologias {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.area-texto-impar-tecnologias p {
  color: var(--cor-texto);
  font-size: 1em;
  font-family: var(--fonte-principal);
  font-weight: 500;
  /* margin-bottom:20px; */
  width: 92%;
}

.area-imagem-impar-tecnologias img {
  position: relative;
  z-index: 3;
}



/* ESTILO ÁREA PAR */

.area-texto-par-tecnologias {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  /* padding: 0px 0px 40px 0px; */
}


.area-texto-par-tecnologias p {
  color: var(--cor-texto);
  font-size: 1em;
  font-family: var(--fonte-principal);
  font-weight: 500;
  /* margin-bottom:20px; */
  width: 92%;
}


.area-imagem-par-tecnologias {
  width: 50%;
  position: relative;
  padding-left: 20px;
  /* display:flex;
  justify-content: center; */
}

.area-par-tecnologias {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #F7F7F7;
}

.previa-par-tecnologias {
  width: 100%;
}


.area-imagem-par img {
  position: relative;
  z-index: 3;
}

/* .fancybox{
  position: absolute;
  z-index:1;
} */


.area-btn-par-tecnologias {
  margin-top: auto;
  display: flex;
  justify-content: center;

}

.imagem-responsivo-impar-tecnologias {
  display: none;
}

.imagem-responsivo-par-tecnologias {
  display: none;

}


@media(max-width:1024px) {
  .imagem-responsivo-impar-tecnologias {
    display: block;
    text-align: center;

  }

  .imagem-impar-tecnologias {
    display: none;
  }

  .imagem-responsivo-par-tecnologias {
    display: block;
    text-align: center;
  }

  .imagem-tecnologias {
    display: none;
  }

  .conteudo-impar-tecnologias, .conteudo-par-tecnologias {
    display: flex;
    flex-direction: column;
  }

  .conteudo-impar-tecnologias .area-texto-impar-tecnologias, .conteudo-par-tecnologias .area-texto-par-tecnologias {
    width: 100%;
    /* margin-top:20px;
    margin-bottom:20px; */

  }

  .area-texto-impar-tecnologias p, .area-texto-par-tecnologias p {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
  }

  .area-texto-impar-tecnologias h1, .area-texto-par-tecnologias h1 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .coluna-saiba-mais-tecnologias {
    gap: 0px;
  }

  .conteudo-impar-tecnologias {
    padding: 40px 0px;
  }

}

@media (max-width:440px) {
  .imagem-responsivo-impar-tecnologias img, .imagem-responsivo-par-tecnologias img {
    width: 300px;
  }

  .area-par-tecnologias {
    padding: 30px 0px;
  }

  .conteudo-impar-tecnologias {
    padding: 30px 0px;
  }

  .area-texto-par-tecnologias p, .area-texto-impar-tecnologias p {
    width: 100%;
  }


}

@media (max-width:375px) {
  .imagem-responsivo-impar-tecnologias img, .imagem-responsivo-par-tecnologias img {
    width: 270px;
  }
}



/* PÁGINA CLIENTES */

.conteudo-um-pgclientes {
  background-color: var(--cor-branco);

}

.conteudo-um-pgclientes {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.area-um-grupos {
  width: 45%
}

.area-dois-grupos {
  width: 50%;
  /* display: flex;
  align-items: center; */
}

.textos-grupos {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.grupo-logos img {
  margin: 0px 25px 0px 0px;
}

.textos-grupos {
  font-family: var(--fonte-principal);
}

.textos-grupos h1 {
  margin-bottom: 30px;
  color: rgba(42, 48, 56, 1);
  font-size: 3em;
  font-weight: 700;
}

.textos-grupos p {
  font-size: 1.375em;
  color: rgba(115, 120, 131, 1);
  font-weight: 400;
  width: 95%;
  line-height: 33px;
}

.lista-setores {
  display: flex;
  flex-direction: column;
  /* flex-wrap: wrap; */
  /* column-gap:30px; */
  /* row-gap: 20px; */
  /* padding:0px; */
  gap: 20px;
  padding: 0px 0px 0px 15px;
}

.lista-setores a h3:hover{
  color:#2EBE41;
}

.lista-setores h3 {
  font-family: var(--fonte-principal);
  color: rgba(42, 48, 56, 1);
  font-weight: 700;
  font-size: 2.25em;
  transition: 0.4s;
}


.area-impar-clientes {
  background: rgba(235, 238, 242, 1);

}

.area-par-clientes {
  background-color: var(--cor-branco);
}


.titulo-setor h4 {
  font-family: var(--fonte-principal);
  font-size: 3em;
  font-weight: 700;
  color: rgba(32, 35, 43, 1);
  margin-bottom: 70px;
}


.container-logo-clientes {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
}

.area-par .container-logo-clientes {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;

}

.container-logo-clientes img {
  transition: 0.4s;
}

.container-logo-clientes img:hover {
  transform: scale(1.03);
}


@media (max-width:1024px) {

  .titulo-setor h4 {
    text-align: center;
  }

  .conteudo-um-pgclientes {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .lista-setores {
    padding: 0px;
    display: flex;
    align-items: center;
  }

  .clientes-pagina .conteudo-um-pgclientes {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container-logo-clientes {
    display: flex;
    align-items: center;
    justify-content: center;
  }

}


@media (max-width:768px) {
  .conteudo-um-pgclientes {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .area-um-grupos {
    width: 100%;
  }

  .area-dois-grupos {
    width: 100%;
  }

  .lista-setores {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0px;
    justify-content: center;
  }

}

@media (max-width:440px) {
  .textos-grupos h1 {
    font-size: 2.5em;
  }

  .lista-setores h3 {
    font-size: 1.75em;
  }

  .titulo-setor h4 {
    font-size: 2.5em;
  }

}

@media (max-width:375px) {
  .textos-grupos h1 {
    font-size: 1.875em;
  }

  .grupo-logos img {
    margin: 0px 13px 0px 0px;
  }
}

@media (max-width:320px) {
  .grupo-logos img {
    width: 80px;
  }

  .titulo-setor h4 {
    font-size: 2.25em;
  }
}

/* PÁGINA DIAGNÓSTICO GRATUITO */

.principal {
  background: radial-gradient(50% 50% at 50% 50%, rgba(235, 238, 242, 0.6) 0%, rgba(235, 238, 242, 0.8) 38.36%, rgba(235, 238, 242, 0.95) 72.94%), url(../img/bg-verde.png) no-repeat center center;
  background-size: cover;
}



.principal h1 {
  font-family: var(--fonte-principal);
  font-weight: 700;
  font-size: 4.375em;
  color: rgba(42, 48, 56, 1);
  width: 68%;
  padding-top: 263px;
  padding-bottom: 263px;
}

.secao-diagnostico {
  background-color: var(--cor-branco);
}

.conteudo-diagnostico {
  width: 100%;
  display: flex;
  gap: 30px;
}

.texto-diagnostico {
  width: 52%;
}

.texto-diagnostico h2 {
  color: rgba(42, 48, 56, 1);
  font-size: 3em;
  font-weight: 700;
  font-family: var(--fonte-principal);
  padding-bottom: 30px;

}

.texto-diagnostico p {
  color: rgba(115, 120, 131, 1);
  font-family: var(--fonte-principal);
  font-size: 1.375em;
  font-weight: 400;
  padding-bottom: 30px;
  padding-right: 22px;
  line-height: 33px;
  width: 98%;
}

.imagem-diagnostico {
  width: 52%;
}

.btn-diagnostico {
  display: flex;
  align-items: center;
}

.btn-diagnostico a {
  /* padding: 20px 30px 20px 30px; */
  width: 215px;
  height: 66px;
  background-color: var(--cor-primaria);
  font-family: var(--fonte-principal);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 10px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -1px;
  transition: all 0.5s ease-in-out;
  color: rgba(255, 255, 255, 1);
  font-size: 1em;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-diagnostico a:hover {
  transform: scale(1.05);
}


.secao-alfabetizacao {
  background: rgba(235, 238, 242, 1);
}

.conteudo-alfabetizacao {
  width: 100%;
  display: flex;
  gap: 30px;
}

.imagem-alfabetizacao {
  width: 52%;
}

.imagem-alfabetizacao {
  width: 657px;
  height: 598px;
  background-color: var(--cor-branco);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.texto-alfabetizacao {
  width: 52%;
}

.texto-alfabetizacao h2 {
  color: rgba(42, 48, 56, 1);
  font-size: 3em;
  font-weight: 700;
  font-family: var(--fonte-principal);
  padding-bottom: 30px;

}

.texto-alfabetizacao p {
  color: rgba(115, 120, 131, 1);
  font-family: var(--fonte-principal);
  font-size: 1.375em;
  font-weight: 400;
  padding-bottom: 30px;
}

.texto-alfabetizacao strong {
  color: rgba(32, 35, 43, 1);
}


.secao-faq {
  background: rgba(210, 214, 221, 1);

}

.secao-faq h3 {
  font-family: var(--fonte-principal);
  font-weight: 700;
  font-size: 3em;
  color: rgba(32, 35, 43, 1);
  padding-bottom: 50px;
}


.area-perguntas {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.img-responsivo {
  display: none;
}


.card-pergunta {
  background: rgba(255, 255, 255, 1);
  border-radius: 10px;
  padding: 50px 60px 50px 60px;
}

.cabecalho {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  /* padding-left: 20px; */
  cursor: pointer;
}


.corpo {
  display: none;
}

.corpo {
  padding-top: 50px;
  font-family: var(--fonte-principal);
  color: rgba(115, 120, 131, 1);
  font-weight: 400;
  font-size: 1.375em;
}

.card-pergunta h5 {
  font-family: var(--fonte-principal);
  font-size: 2.25em;
  font-weight: 600;
  color: rgba(32, 35, 43, 1);
}

.cabecalho .sinal {
  background-color: var(--cor-primaria);
  width: 47px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
  flex-shrink: 0;
}

.pergunta {
  width: 85%;
}

.cabecalho .sinal:hover {
  transform: scale(1.05);
}


.area-perguntas .cabecalho .sinal i {
  content: url(../img/arrowdown.png) !important;
}

.area-perguntas .cabecalho .sinal i.menos {
  content: url(../img/fechar.png) !important;
}

.area-perguntas .cabecalho .sinal.bg-preto {
  background-color: rgba(32, 35, 43, 1);

}

.aparecer-responsivo {
  display: none;
}


@media (max-width:1024px) {

  .principal h1 {
    width: 100%;
  }

  .img-responsivo {
    display: flex;
    padding-bottom: 30px;
    margin: auto;
    justify-content: center;

  }

  .imagem-diagnostico {
    display: none;
  }

  .texto-diagnostico {
    width: 100%;
  }

  .texto-diagnostico p {
    padding-right: 0px;
  }

  .texto-diagnostico h2 {
    text-align: center;
  }

  .btn-diagnostico {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .aparecer-responsivo {
    width: 657px;
    height: 598px;
    background-color: var(--cor-branco);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 30px;
  }

  .imagem-alfabetizacao {
    display: none;
  }

  .conteudo-alfabetizacao .texto-alfabetizacao {
    width: 100%;
  }

}


@media (max-width:440px) {
  .aparecer-responsivo {
    width: 390px;
    height: 420px;
  }


  .aparecer-responsivo img {
    width: 350px;
  }

  .img-responsivo img {
    width: 390px;
  }

  .principal h1 {
    font-size: 3em;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .card-pergunta {
    padding: 40px 50px 40px 50px;
  }

  .pergunta {
    width: 80%;
  }

  .cabecalho .sinal {
    width: 40px;
    height: 40px;
  }

  .card-pergunta h5 {
    font-size: 1.5em;
  }

  .secao-faq h3 {
    font-size: 2.25em;
    text-align: center;
  }

  .texto-diagnostico h2 {
    font-size: 2.25em;
    text-align: left;
  }

  .texto-alfabetizacao h2 {
    font-size: 2.25em;
  }

  .corpo {
    font-size: 1.25em;
  }

}

@media (max-width:375px) {
  .principal h1 {
    font-size: 2.5em;
  }

  .texto-diagnostico h2 {
    font-size: 1.875em;
  }

  .img-responsivo img {
    width: 343px;
  }

  .texto-alfabetizacao h2 {
    font-size: 1.875em;
  }

  .aparecer-responsivo {
    width: 343px;
    height: 345px;
  }

  .aparecer-responsivo img {
    width: 324px;
  }

  .secao-faq h3 {
    font-size: 1.875em;
  }

}


@media (max-width:320px) {
  .img-responsivo img {
    width: 260px;
    padding-bottom: 30px;
  }

  .aparecer-responsivo {
    width: 286px;
    height: 320px;
  }

  .aparecer-responsivo img {
    width: 263px;
  }

  .card-pergunta {
    padding: 30px 20px 30px 20px;
  }

  .card-pergunta h5 {
    font-size: 1.375em;
  }

  .pergunta {
    width: 80%;
  }

  .cabecalho .sinal {
    width: 40px;
    height: 40px;
  }

  .corpo {
    font-size: 1.125em;
  }

}