.faq{
  background:#F7F3EA
}

.faq-articles{
  padding-inline: 0rem;
  display:flex;
  justify-content:center;
  gap:2rem
}

.faq-articles article{
  background:white;
  border-radius: .5rem;
  width: 100%;
  padding:10px 20px
}

.faq-articles article:hover{
  box-shadow: -1px 1px 10px 0px #e7e7e9 ;
}

.faq-articles article .ques{
  margin-bottom: 10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}

.faq-articles article .ques .icon{
  padding:5px 20px;
  border-radius: .25rem;
  cursor:pointer;
  color:#80808D
}

.faq-articles article .ques .icon:hover{
  background:#f4f4f9;
  /* color:white */
}

.faq-articles article .ans{
  color:#80808D;
  padding:10px 0 0;
  border-top: 1px solid #cbcbce;
  display: none;
}



.faq-articles article .ans.showAns{
  display: block;
}

@media (min-width: 900px ){
  .faq-articles{
  padding-inline: 5rem;
}
}