<section class="journeys-faq">
	<div class="container-fluid">
		<div class="row justify-center">
			<div class="col-xl-10 col-xxl-6">
				<div class="journeys-faq__wrapper">
					<h1 class="journeys-faq__title">{{ fields.main_title }}</h1>

					<div class="journeys-faq__questions">

						{% if fields.faq %}
							{% for faq in fields.faq %}
								<div class="journeys-faq__accordion {{ loop.index0 == 0 ? 'active' : '' }}">
									<div class="journeys-faq__accordion__header js-faq-header">
										<h6>{{ faq.question }}</h6>
										<div class="journeys-faq__accordion__nav">
											<span></span>
										</div>
									</div>

									<div class="journeys-faq__accordion__content js-faq-content">
										<p>{{ faq.answer }}</p>
									</div>
								</div>
							{% endfor %}
						{% endif %}


					</div>
				</div>
			</div>
		</div>
	</div>
</section>