@extends('layouts.app')
@section('title', 'Seller Policy')
@section('content')

    <section class="relative about-banner">
        <div
            class="bannerInner bg-gradient-to-t from-[#AABF86] from-[-60%] to-80% to-[#F4FFE1] md:px-20 md:pt-[8rem] md:pb-[8rem] w-[90%] mx-auto rounded-3xl">
            <div class="container">
                <div class="md:flex md:items-center md:justify-center">
                    <h1 class="text-3xl md:text-6xl text-black font-extrabold relative max-[991px]:text-center">Frequently
                        Asked Questions</h1>
                </div>
            </div>
        </div>
    </section>
    <section class="py-10">
        <div class="container">
            <h2 class="text-6xl text-black font-bold relative text-center max-[1336px]:text-4xl max-[991px]:text-3xl max-[991px]:mb-5 max-[600px]:mt-5">FAQ's
                    <img src="{{asset('front/images/shape7.webp')}}" class="my-5 mx-auto max-[991px]:hidden">
                </h2>
            <div class="w-3/4 mx-auto">

                @foreach ($faqs as $key => $value)
                    <details class="qna__item">
                        <summary class="qna__question">{{ $value->question }}</summary>
                        <div class="qna__answer">
                            <div class="qna__text">
                                {!! $value->answer !!}
                            </div>
                        </div>
                    </details>
                @endforeach
            </div>
        </div>
    </section>
@endsection