/*
====================================================
Titulo FAQ
====================================================
*/

.faq{
  margin-top: 40px;
  padding-top: 100px;
  padding-bottom: 30px;
    background-image: linear-gradient(
    180deg, 
    transparent 0%, 
    transparent 50%, 
    rgba(217, 217, 217, 0.25) 70%, 
    rgba(175, 175, 175, 0.3) 100%
  );
}

.faq .faq-title h2{
  font-size: 36px;
  font-family: "Inter", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #2E5094;
  margin-bottom: 0; 
}

.faq .faq-title  p{
  color: #838a91;
  margin-top: 16px;
  font-size: 19px;
}

.faq-title{
  max-width: 1005px;
}

#perguntas{
  margin-top: 40px;
  font-size: 32px;
  color: #2D5197;
}

#resposta{
  font-size: 24px;
  margin-top: -5px;
  color: #2D5197;
}


/*
====================================================
Acordeao FAQ
====================================================
*/

#faqfrequente{
  padding-top: 30px;
  padding-bottom: 80px;

}

#accordionFlushExample .accordion-button {
    font-weight: 600;
    font-size: 18px;
}

#accordionFlushExample{
  --bs-accordion-bg: none;
  --bs-accordion-btn-color: #2D5197;
  --bs-accordion-active-color: #FFBD00;
  --bs-accordion-btn-focus-box-shadow: none; 
  --bs-accordion-btn-padding-y: 1.8rem;
  
}

/* Estilo para o botão do acordeão QUANDO ABERTO */
#accordionFlushExample .accordion-button:not(.collapsed) {
    background-color: #2D5197;
    color: #FFBE00;
}

/* Estilo para a SETA do acordeão QUANDO ABERTO */
#accordionFlushExample .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFBE00'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.barra-degrade{
  height: 85px;
  background: linear-gradient(to right, #282828, #868686);
}


@media (max-width: 470px){

  .faq{
    padding-top: 60px;
    padding-bottom: 40px;
  }


  .faq .faq-title{
    padding-left: 25px;
    padding-right: 25px;
  }

  .faq .faq-title h2{
    font-size: 32px;
  }

  .faq .faq-title p{
    font-size: 16px;
  }

  #perguntas{
    font-size: 26px;
  }

  #resposta{
    font-size: 22px;
    margin-top: -5px;
  }




}