@extends('front.layout.app')
@section('content')

<style>
.indi-banner {
    /* background-image: url(./images/artboard2.png); */
    background-image: url('{{ URL::asset("assets/front/images/artboard2.png") }}');
}

</style>

<main>
    <section class="indi-banner">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h1 class="indi-ban-head">FAQ</h1>
                </div>
                <div class="col-12">
                    <!--<p class="indi-ban-para">Lorem ipsum dolor sit amet consectetur adipisicing.</p>-->
                </div>
            </div>
        </div>
    </section>
    <section class="faq-sec recom mt-1" id="faq">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12">
                    <div class="content text-center">
                        <h2 data-aos="fade-right" data-aos-delay="700" data-aos-duration="2000"
                            class="aos-init aos-animate">All questions, answered</h2>
                        <!--<p data-aos="fade-right" data-aos-delay="700" data-aos-duration="2000"-->
                        <!--    class="aos-init aos-animate">Lorem ipsum dolor sit amet, consectetur adipiscing-->
                        <!--    elit, sed..</p>-->
                    </div>
                </div>
                <div class="col-12 padd-div aos-init aos-animate" data-aos="fade-left" data-aos-delay="700"
                    data-aos-duration="2000">
                    <div class="accordion accordion-flush" id="accordionFlushExample">
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="flush-headingOne">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#flush-collapseOne" aria-expanded="false"
                                    aria-controls="flush-collapseOne">
                                   How do I request the addition of a new economic indicator or metric?

                                </button>
                            </h2>
                            <div id="flush-collapseOne" class="accordion-collapse collapse"
                                aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample" style="">
                                <div class="accordion-body">Please send your request to <a href="mailto:info@economicdatacompiler.com">info@economicdatacompiler.com</a>
</div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="flush-headingTwo">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#flush-collapseTwo" aria-expanded="false"
                                    aria-controls="flush-collapseTwo">
                                   How do I request a refund or report an issue?

                                </button>
                            </h2>
                            <div id="flush-collapseTwo" class="accordion-collapse collapse"
                                aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
                                <div class="accordion-body">Please send a detailed description of the issue and/or reason for your requested refund to <a href="mailto:info@economicdatacompiler.com">info@economicdatacompiler.com</a></div>
                            </div>
                        </div>
                        <!--<div class="accordion-item">-->
                        <!--    <h2 class="accordion-header" id="flush-headingTwo1">-->
                        <!--        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"-->
                        <!--            data-bs-target="#flush-collapseTwo1" aria-expanded="false"-->
                        <!--            aria-controls="flush-collapseTwo1">-->
                        <!--            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed?-->
                        <!--        </button>-->
                        <!--    </h2>-->
                        <!--    <div id="flush-collapseTwo1" class="accordion-collapse collapse"-->
                        <!--        aria-labelledby="flush-headingTwo1" data-bs-parent="#accordionFlushExample">-->
                        <!--        <div class="accordion-body">Lorem Ipsum is simply dummy text of the printing and-->
                        <!--            typesetting industry. Lorem Ipsum has been the industry's standard dummy-->
                        <!--            text-->
                        <!--            ever since the 1500s, when an unknown printer took a galley of type and-->
                        <!--            scrambled it to make a type specimen book.</div>-->
                        <!--    </div>-->
                        <!--</div>-->
                        <!--<div class="accordion-item">-->
                        <!--    <h2 class="accordion-header" id="flush-headingTwo2">-->
                        <!--        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"-->
                        <!--            data-bs-target="#flush-collapseTwo2" aria-expanded="false"-->
                        <!--            aria-controls="flush-collapseTwo2">-->
                        <!--            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed?-->
                        <!--        </button>-->
                        <!--    </h2>-->
                        <!--    <div id="flush-collapseTwo2" class="accordion-collapse collapse"-->
                        <!--        aria-labelledby="flush-headingTwo2" data-bs-parent="#accordionFlushExample">-->
                        <!--        <div class="accordion-body">Lorem Ipsum is simply dummy text of the printing and-->
                        <!--            typesetting industry. Lorem Ipsum has been the industry's standard dummy-->
                        <!--            text-->
                        <!--            ever since the 1500s, when an unknown printer took a galley of type and-->
                        <!--            scrambled it to make a type specimen book.</div>-->
                        <!--    </div>-->
                        <!--</div>-->
                        <!--<div class="accordion-item">-->
                        <!--    <h2 class="accordion-header" id="flush-headingThree">-->
                        <!--        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"-->
                        <!--            data-bs-target="#flush-collapseThree" aria-expanded="false"-->
                        <!--            aria-controls="flush-collapseThree">-->
                        <!--            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed?-->
                        <!--        </button>-->
                        <!--    </h2>-->
                        <!--    <div id="flush-collapseThree" class="accordion-collapse collapse"-->
                        <!--        aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample" style="">-->
                        <!--        <div class="accordion-body">Lorem Ipsum is simply dummy text of the printing and-->
                        <!--            typesetting industry. Lorem Ipsum has been the industry's standard dummy-->
                        <!--            text-->
                        <!--            ever since the 1500s, when an unknown printer took a galley of type and-->
                        <!--            scrambled it to make a type specimen book.</div>-->
                        <!--    </div>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

@endsection