html {
  scroll-behavior: smooth;
}


.w-full { display:block; width: 100%; margin-bottom:10px; }
/* .nld-chatbot { opacity: 0; display:nome!important; } */

.white-t { color:white!important;}

.time, 
.sessao_tempo {  padding: 90px 20px; }

/* títulos */
.sessao_tempo .subtitulo { font-size: 16px; letter-spacing: 2px;  font-weight: 500; color: #212121; margin-bottom: 20px; }
.sessao_tempo .linha     {   width: 100%; }
.sessao_tempo .titulo    { font-size: 40px; font-weight: 700; color: #212121; margin-bottom: 40px; }
.sessao_tempo figure     { height: 50px; margin-bottom: 10px;  display:flex; align-items: center; justify-content: Center; }

/* anos */
.anos-wrapper {  margin-bottom: 30px;  }
.anos { text-align: center; }

.time img, 
.ano img {   margin: 0 auto;  display: block; }

.mb-2 { margin-bottom: 20px!important ; display:block; margin-left: auto;margin-right: auto;}
/* texto */
.texto   {  margin: 0 auto 40px auto; }
.texto p { font-size: 18px; color: #212121; margin-bottom: 20px; text-align: center; }
.time .texto p { color: #fff; }

.icones .item {  margin-top: 20px; }
.icones img   { width: 50px; }
.icones p     { font-size: 18px; color: #896716; position: relative; padding-bottom: 10px; }
 
.row_menor_1 { max-width: 900px; }

.time { background-color: #000; }

.equipe { display:flex; flex-wrap:wrap;     align-items: center;  justify-content: center; }
.equipe  img { margin-bottom: 40px; display:block ;}
.wrap { display:flex; flex-wrap:wrap; }


.obra-item { text-align: center;margin-bottom: 20px; }
.obra-item img {width: 100%;display: block; margin-bottom: 0px; }
.obra-titulo { font-size: 16px; height: 0px; transform: translate(0 , -60px ); color: #FDB813; font-weight:bold  }



.sessao_cta { background: #1f1f1f; border-radius: 25px; padding: 50px; color: #fff; margin: 40px auto; max-width: 1200px; }

/* texto */
.sessao_cta .subtitulo { color: #f4b400; font-size: 16px; letter-spacing: 2px; margin-bottom: 20px; }
.sessao_cta .titulo { font-size: 40px; font-weight: 700; margin-bottom: 20px; }
.sessao_cta .descricao { color: #ccc; font-size: 18px; margin-bottom: 25px; }
.botao-cta { display: inline-flex; align-items: center; justify-content: space-between; background: #f4b400; color: #000; padding: 15px 25px; border-radius: 40px; font-weight: 600; text-decoration: none; min-width: 320px; transition: 0.3s; }
.botao-cta:hover {
  background: #d89e00;
}
.botao-cta .seta {
  margin-left: 15px;
  font-size: 18px;
}
/* rodapé */
.rodape { margin-top: 15px;  }

/* imagem */
.imagem img {width: 100%;display: block;}



.sessao_depoimentos { position: relative; text-align: center; padding: 60px 20px;   }
.aspas img { margin-bottom: 20px; }
.depoimentos-slider .texto { max-width: 800px; margin: 0 auto 20px; font-size: 18px; color: #444; line-height: 1.6; }
.autor { font-weight: 700; color: #333; }

.tns-prev,
.tns-next { position: absolute; top: 50%; transform: translateY(-50%); background: transparent; border: none; cursor: pointer; }
.tns-prev { left: 20px; }
.tns-next { right: 20px; }

.tns-prev img,
.tns-next img { width: 25px; }

.tns-nav { margin-top: 20px; }
.tns-nav button { width: 10px; height: 10px; border-radius: 50%; background: #ccc; border: none; margin: 0 5px; }

.tns-nav .tns-nav-active {  background: #0a7c7c; }


.nome_engenheiro { font-size: 18px; color:white; text-align: center; margin-bottom: 0px; margin-top: -25px; font-weight: bold;;}
.idade_engenheiro { font-size: 14px; color:white; text-align: center; margin-bottom: 35px;}

.tns-outer {
    display: flex;
    flex-direction: column-reverse;
}
/* responsivo */
@media screen and (max-width: 640px) {
  .sessao_cta { padding: 30px 20px; text-align: center;}
  .botao-cta {  min-width: auto;  width: 100%;}
}

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

  .sessao_tempo .titulo { font-size: 24px; }

  .equipe { display:flex; flex-wrap:wrap;     align-items: center;  justify-content: center; }

  .sessao_cta .titulo { font-size:  22px; }

  .sessao_cta .descricao { font-size: 15px; }

  .tns-prev img{ transform: translate( -30px , 0 )} 
  
  .tns-next img { transform: translate( 30px , 0 ) }

  .sessao_cta { margin-left: 10px; margin-right: 10px; }

  .sessao_cta { padding: 30px 10px}

  .sessao_cta .titulo { margin-bottom: -10px;}

  .equipe > div { width: 49%; }

  .texto p { font-size: 16px; }

  .nome_engenheiro { font-size: 14px;  ;}
    .idade_engenheiro { font-size: 13px;  }


}

@media screen and (min-width: 64em) {
    header .pai, header .is-anchored .pai {
        margin-top: 20px;
    }
}