<div class="heading-holder">
	<div class="name"> FAQs </div>
</div>

<div class="faq-container">
	<li *ngFor="let allFaq of allFaqs; let index = index" 
		[ngClass]="{'active' : selectedQuestions === index}"
		(click)="selectedQuestions = index"
		>
		<div class="upfold" >
			<h3>{{allFaq.title}}</h3>
			<ion-icon name="arrow-down" mode="ios" ></ion-icon>
		</div>
		<div class='subquestions' *ngFor="let question of allFaq.question;">
			<h3>{{question.sub_question}}</h3>
			<p>{{question.sub_answer}}</p>
		</div>
	</li>
</div>