/* introducao */

.secoes.introducao{
  padding-top: 0;
  margin-bottom: 180px;
  overflow: hidden;
}
.secoes.introducao .banner{
  min-height: 114px;
  position: relative;
}
.secoes.introducao .banner .content-titulo{
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
  background: #C7D5D8;
  /* padding-bottom: 10px; */
}
.secoes.introducao .banner .content-titulo:before{
  content:'';
  background: #C7D5D8;
  width: 1000px;
  position: absolute;
  bottom: 0;
  top: 0;
  height: 100%;
  right: 100%;
}
.secoes.introducao .banner .content-titulo:after{
  content: '';
  background: #C7D5D8;
  width: 1000px;
  position: absolute;
  bottom: 0;
  top: 0;
  height: 100%;
  left: 100%;
}
.secoes.introducao .banner .content-titulo .titulo{
  padding: 0 15px;
  left: 15px;
  position: relative;
  font-size: 26px;
  font-weight: bold;
  line-height: 36px;
  font-family: 'Open Sans',sans-serif;
  color: #15253C;
  margin: 0;
}

.secoes.introducao .conteudo-faq {
  padding: 35px;
  border-radius: 0;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  /* top: -15px; */
  /* padding-top: 60px; */
  z-index: 0;
}
.secoes.introducao .conteudo-faq .background{
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  display: block;
  background-color: #fff;
  left: 0;
  top: 0px;
  z-index: 0;
}
.secoes.introducao .item-faq{
  padding: 0 30px;
  position: relative;
  margin: 8px 0;
}
.secoes.introducao .titulo-item-faq{
  margin: 0;
  padding: 8px 39px 8px 30px;
  border-radius: 4px;
  box-shadow: 0px 0px 6px 0px rgba(48, 68, 180, .5);
  position: relative;
  cursor: pointer;
  transition: .3s all ease;
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  background: #fff;
  color: #020F1D;
}
.secoes.introducao .titulo-item-faq:hover{
  box-shadow: 0px 0px 3px 0px rgba(48, 68, 180, .5);  
}
.secoes.introducao .resposta-item-faq{font-size: 16px;line-height: 26px;color: #ffffff;background: #15253C;border-radius: 0px 0px 4px 4px;font-weight: 200;margin-left: 30px;padding: 30px;}
.secoes.introducao .resposta-item-faq *{}
.secoes.introducao .titulo-item-faq .icon-faq:after{
content: '';
position: absolute;
width: 20px;
height: 100%;
right: 10px;
background-image: url('../img/seta-azul-direita.svg');
background-repeat: no-repeat;
background-position: center;
transition: .3s all ease;
}
.secoes.introducao .item-faq.show .titulo-item-faq .icon-faq:before{background: #15253C;border-top-right-radius: 0;border-bottom-right-radius: 0;transform: rotateZ(90deg);}
.secoes.introducao .item-faq.show .titulo-item-faq .icon-faq{

}
.secoes.introducao .item-faq.show .titulo-item-faq .icon-faq:after{
 background-image: url('../img/seta-branca-direita.png');
transform: rotateZ(90deg)
}
.secoes.introducao .titulo-item-faq .icon-faq{
position: absolute;
width: 40px;
height: 100%;
right: 0;
background: #e3e6f5;
overflow: hidden;
}
.secoes.introducao .titulo-item-faq .icon-faq:before{
content: '';
position: absolute;
width: 100px;
height: 100px;
right: 0px;
transition: .3s all ease;
border-radius: 4px;
} 

.conteudo-faq .txt-duvidas{  
  font-size: 17px;  
  font-weight: 500;  
  line-height: 18px;  
  display: block;  
  color: #666;  
  padding: 0 30px;  
  margin: 30px 0;
}


@keyframes animclique {
0%{opacity: 0}
50%{opacity: 0.3}
100%{opacity: 0}

}

@media(max-width: 992px){
  .secoes.introducao .banner .content-titulo .titulo{
    width: 100%;
  }
  .secoes.introducao .banner{
      height: 145px;
  }
  .secoes.introducao .banner .content-titulo{
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-top: 50px;
      height: auto;
  }
}
@media(max-width: 768px){
  .secoes.introducao .item-faq{
      padding: 0;
  }
  .secoes.introducao .titulo-item-faq{
      font-size: 16px;
      line-height: 18px;
      padding: 10px 50px 10px 20px;
  }
  .secoes.introducao .resposta-item-faq{    
    padding: 20px;    
    margin-left: 20px;
  }
}
/* end introducao */