{% extends 'FinalTemplates/final_base.html' %}
{% load static %}{% load thumbnail %}
{% block head %}
<title>Online Marketplace to Buy & Sell Excess Inventory</title>
<meta name="keywords" content="surplus market, buy and sell excess inventory, buy and sell excess inventory in UAE, surplus marketplace">
<meta name="description" content="Join Surplusmarket to buy & sell excess inventory. Connect with a community dedicated to reducing waste & discovering great deals. Start making an impact today!">
<meta name="google-site-verification" content="cH2_FyX4YJy7JVuy5wD0m5mXHiXX8HPu5aHzYj11G-I" />
{% endblock head %}
{% block body %}
<section class="banner">
    <div class="ab-r">
        <img src="{% static 'final_assets/media/bgr.png' %}" alt />
    </div>
    <div class="ab-l">
        <img src="{% static 'final_assets/media/bgl.png' %}" alt />
    </div>
    <div class="container">
        <div class="row">
            <div class="col-6">
                <h1>
                    Buy And Sell
                    <br />
                    Everything
                    <br />
                    <span>Surplus</span>
                    Here
                </h1>
                <p>
                    Connect with verified global buyers and sellers of surplus
                    inventory to unlock savings, maximize revenue and reduce waste.
                </p>
                <a href class="green-btn">Join the Marketplace Now
                    <i class="fa-solid fa-angle-right"></i>
                    <i class="fa-solid fa-angle-right"> </i>
                </a>
                <p class="sub-p">
                    Get personalized support from your dedicated account manager.
                </p>
                <div class="s-box-area">
                    <div class="s-box">
                        <div class="s-img">
                            <img src="{% static 'final_assets/media/s4.png' %}" alt />
                        </div>
                        <div class="s-cont">
                            <h2>Up To 70%</h2>
                            <p>Savings on buying inventory</p>
                        </div>
                    </div>
                    <div class="s-box">
                        <div class="s-img">
                            <img src="{% static 'final_assets/media/s1.png' %}" alt />
                        </div>
                        <div class="s-cont">
                            <h2>2X Faster</h2>
                            <p>Sell surplus, get cash quickly</p>
                        </div>
                    </div>
                    <div class="s-box">
                        <div class="s-img">
                            <img src="{% static 'final_assets/media/s2.png' %}" alt />
                        </div>
                        <div class="s-cont">
                            <h2>50% Recovered</h2>
                            <p>Revenue from idle stock</p>
                        </div>
                    </div>
                    <div class="s-box">
                        <div class="s-img">
                            <img src="{% static 'final_assets/media/s3.png' %}" alt />
                        </div>
                        <div class="s-cont">
                            <h2>1,000+ Tons</h2>
                            <p>Waste diverted from landfills</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="banner-r">
                    <img src="{% static 'final_assets/media/banner-r.png' %}" alt />
                </div>
            </div>
        </div>
    </div>
</section>
<section class="about">
    <div class="container">
        <h3 class="sub-tit text-center">ABOUT US</h3>
        <h2 class="main-tit text-center">
            Unlock the Power of Surplus <br />
            Inventory
        </h2>
        <p class="text-center fw-400 px-5">
            Surplus Market is a global B2B surplus liquidation marketplace where
            you can access premium-quality stock at unbeatable prices or turn your
            excess inventory into quick cash, anytime or anywhere.
        </p>
        <div class="row mt-5">
            <div class="col-3">
                <div class="inv-card">
                    <div class="inv-ico">
                        <img src="{% static 'final_assets/media/inv4.svg' %}" alt />
                    </div>
                    <h3>Verified Sellers</h3>
                    <p>Buy and Sell confidently with vetted vendors</p>
                </div>
            </div>
            <div class="col-3">
                <div class="inv-card">
                    <div class="inv-ico">
                        <img src="{% static 'final_assets/media/inv1.svg' %}" alt />
                    </div>
                    <h3>Instant Support</h3>
                    <p>Dedicated account manager for personalized help</p>
                </div>
            </div>
            <div class="col-3">
                <div class="inv-card">
                    <div class="inv-ico">
                        <img src="{% static 'final_assets/media/inv3.svg' %}" alt />
                    </div>
                    <h3>Fast Transactions</h3>
                    <p>Quick, secure transactions every time</p>
                </div>
            </div>
            <div class="col-3">
                <div class="inv-card">
                    <div class="inv-ico">
                        <img src="{% static 'final_assets/media/inv2.svg' %}" alt />
                    </div>
                    <h3>Sustainability First</h3>
                    <p>Reduce waste by repurposing surplus responsibly</p>
                </div>
            </div>
        </div>
        <div class="abt-btn-area">
            <a href class="green-btn">Join the Marketplace Now</a>
        </div>
    </div>
</section>

<section class="shopbycat">
    <div class="container">
        <h2 class="main-tit text-center">Shop By Categories</h2>
        <div class="owl-carousel owl-theme">
            <div class="item">
                <div class="cat-box">
                    <div class="cat-ico">
                        <img src="{% static 'final_assets/media/cat1.png' %}" alt />
                    </div>
                    <h3>Furniture</h3>
                </div>
            </div>
            <div class="item">
                <a href>
                    <div class="cat-box">
                        <div class="cat-ico">
                            <img src="{% static 'final_assets/media/cat1.png' %}" alt />
                        </div>
                        <h3>Furniture</h3>
                    </div>
                </a>
            </div>
            <div class="item">
                <div class="cat-box">
                    <div class="cat-ico">
                        <img src="{% static 'final_assets/media/cat1.png' %}" alt />
                    </div>
                    <h3>Furniture</h3>
                </div>
            </div>
            <div class="item">
                <a href>
                    <div class="cat-box">
                        <div class="cat-ico">
                            <img src="{% static 'final_assets/media/cat1.png' %}" alt />
                        </div>
                        <h3>Furniture</h3>
                    </div>
                </a>
            </div>
            <div class="item">
                <div class="cat-box">
                    <div class="cat-ico">
                        <img src="{% static 'final_assets/media/cat1.png' %}" alt />
                    </div>
                    <h3>Furniture</h3>
                </div>
            </div>
            <div class="item">
                <a href>
                    <div class="cat-box">
                        <div class="cat-ico">
                            <img src="{% static 'final_assets/media/cat1.png' %}" alt />
                        </div>
                        <h3>Furniture</h3>
                    </div>
                </a>
            </div>
            <div class="item">
                <div class="cat-box">
                    <div class="cat-ico">
                        <img src="{% static 'final_assets/media/cat1.png' %}" alt />
                    </div>
                    <h3>Furniture</h3>
                </div>
            </div>
            <div class="item">
                <a href>
                    <div class="cat-box">
                        <div class="cat-ico">
                            <img src="{% static 'final_assets/media/cat1.png' %}" alt />
                        </div>
                        <h3>Furniture</h3>
                    </div>
                </a>
            </div>
            <div class="item">
                <div class="cat-box">
                    <div class="cat-ico">
                        <img src="{% static 'final_assets/media/cat1.png' %}" alt />
                    </div>
                    <h3>Furniture</h3>
                </div>
            </div>
            <div class="item">
                <a href>
                    <div class="cat-box">
                        <div class="cat-ico">
                            <img src="{% static 'final_assets/media/cat1.png' %}" alt />
                        </div>
                        <h3>Furniture</h3>
                    </div>
                </a>
            </div>
            <div class="item">
                <div class="cat-box">
                    <div class="cat-ico">
                        <img src="{% static 'final_assets/media/cat1.png' %}" alt />
                    </div>
                    <h3>Furniture</h3>
                </div>
            </div>
            <div class="item">
                <a href>
                    <div class="cat-box">
                        <div class="cat-ico">
                            <img src="{% static 'final_assets/media/cat1.png' %}" alt />
                        </div>
                        <h3>Furniture</h3>
                    </div>
                </a>
            </div>
            <div class="item">
                <div class="cat-box">
                    <div class="cat-ico">
                        <img src="{% static 'final_assets/media/cat1.png' %}" alt />
                    </div>
                    <h3>Furniture</h3>
                </div>
            </div>
            <div class="item">
                <a href>
                    <div class="cat-box">
                        <div class="cat-ico">
                            <img src="{% static 'final_assets/media/cat1.png' %}" alt />
                        </div>
                        <h3>Furniture</h3>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>

<section class="bestsellers">
    <div class="container">
        <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane"
                    type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">
                    Best Sellers
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane"
                    type="button" role="tab" aria-controls="profile-tab-pane" aria-selected="false">
                    New Arrivals
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact-tab-pane"
                    type="button" role="tab" aria-controls="contact-tab-pane" aria-selected="false">
                    Featured
                </button>
            </li>
        </ul>
        <div class="tab-content" id="myTabContent">
            <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab"
                tabindex="0">
                <div class="row">
                    <div class="col-3">
                        <a href>
                            <div class="product-box">
                                <div class="pro-img">
                                    <img src="{% static 'final_assets/media/pro1.jpg' %}" alt class="rounded-2" />
                                </div>
                                <h3>Woven Chair</h3>
                                <h4>QAR 250</h4>
                            </div>
                        </a>
                    </div>
                    <div class="col-3">
                        <a href>
                            <div class="product-box">
                                <div class="pro-img">
                                    <img src="{% static 'final_assets/media/pro1.jpg' %}" alt class="rounded-2" />
                                </div>
                                <h3>Woven Chair</h3>
                                <h4>QAR 250</h4>
                            </div>
                        </a>
                    </div>
                    <div class="col-3">
                        <a href>
                            <div class="product-box">
                                <div class="pro-img">
                                    <img src="{% static 'final_assets/media/pro1.jpg' %}" alt class="rounded-2" />
                                </div>
                                <h3>Woven Chair</h3>
                                <h4>QAR 250</h4>
                            </div>
                        </a>
                    </div>
                    <div class="col-3">
                        <a href>
                            <div class="product-box">
                                <div class="pro-img">
                                    <img src="{% static 'final_assets/media/pro1.jpg' %}" alt class="rounded-2" />
                                </div>
                                <h3>Woven Chair</h3>
                                <h4>QAR 250</h4>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab"
                tabindex="0">
                <div class="row">
                    <div class="col-3">
                        <a href>
                            <div class="product-box">
                                <div class="pro-img">
                                    <img src="{% static 'final_assets/media/pro1.jpg' %}" alt class="rounded-2" />
                                </div>
                                <h3>Woven Chair</h3>
                                <h4>QAR 250</h4>
                            </div>
                        </a>
                    </div>
                    <div class="col-3">
                        <a href>
                            <div class="product-box">
                                <div class="pro-img">
                                    <img src="{% static 'final_assets/media/pro1.jpg' %}" alt class="rounded-2" />
                                </div>
                                <h3>Woven Chair</h3>
                                <h4>QAR 250</h4>
                            </div>
                        </a>
                    </div>
                    <div class="col-3">
                        <a href>
                            <div class="product-box">
                                <div class="pro-img">
                                    <img src="{% static 'final_assets/media/pro1.jpg' %}" alt class="rounded-2" />
                                </div>
                                <h3>Woven Chair</h3>
                                <h4>QAR 250</h4>
                            </div>
                        </a>
                    </div>
                    <div class="col-3">
                        <a href>
                            <div class="product-box">
                                <div class="pro-img">
                                    <img src="{% static 'final_assets/media/pro1.jpg' %}" alt class="rounded-2" />
                                </div>
                                <h3>Woven Chair</h3>
                                <h4>QAR 250</h4>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="contact-tab-pane" role="tabpanel" aria-labelledby="contact-tab"
                tabindex="0">
                <div class="row">
                    <div class="col-3">
                        <a href>
                            <div class="product-box">
                                <div class="pro-img">
                                    <img src="{% static 'final_assets/media/pro1.jpg' %}" alt class="rounded-2" />
                                </div>
                                <h3>Woven Chair</h3>
                                <h4>QAR 250</h4>
                            </div>
                        </a>
                    </div>
                    <div class="col-3">
                        <a href>
                            <div class="product-box">
                                <div class="pro-img">
                                    <img src="{% static 'final_assets/media/pro1.jpg' %}" alt class="rounded-2" />
                                </div>
                                <h3>Woven Chair</h3>
                                <h4>QAR 250</h4>
                            </div>
                        </a>
                    </div>
                    <div class="col-3">
                        <a href>
                            <div class="product-box">
                                <div class="pro-img">
                                    <img src="{% static 'final_assets/media/pro1.jpg' %}" alt class="rounded-2" />
                                </div>
                                <h3>Woven Chair</h3>
                                <h4>QAR 250</h4>
                            </div>
                        </a>
                    </div>
                    <div class="col-3">
                        <a href>
                            <div class="product-box">
                                <div class="pro-img">
                                    <img src="{% static 'final_assets/media/pro1.jpg' %}" alt class="rounded-2" />
                                </div>
                                <h3>Woven Chair</h3>
                                <h4>QAR 250</h4>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="best-btn-area">
            <a href class="green-btn">Shop Now</a>
        </div>
    </div>
</section>
<section class="buy-smart">
    <div class="container">
        <div class="row">
            <div class="col-6">
                <h2 class="main-tit">Buy Smart and Sell Quick</h2>
                <h3>
                    <span><img src="{% static 'final_assets/media/ico.png' %}" alt /></span>
                    In 3 Easy Steps
                </h3>
            </div>
            <div class="col-6">
                <ul>
                    <li>Sustainability</li>
                    <li>Sustainability</li>
                    <li>Sustainability</li>
                </ul>
            </div>
        </div>
        <div class="video-banner position-relative">
            <img src="{% static 'final_assets/media/v-bg.png' %}" alt />
            <a href="https://www.youtube.com/watch?v=dZRqB0JLizw&t=40s" data-fancybox="gallery" class="v-icon">
                <img src="{% static 'final_assets/media/play.svg' %}" alt />
            </a>
        </div>
    </div>
</section>
<section class="home-buy position-relative">
    <div class="pattern">
        <img src="{% static 'final_assets/media/pattern.png' %}" alt />
    </div>
    <div class="container">
        <div class="row g-5">
            <div class="col-8">
                <h3 class="sub-tit">For Sellers</h3>
                <h2 class="main-tit">
                    Turn Surplus into <br />
                    Cash, Fast and Easy
                </h2>
                <p>
                    Don’t let surplus inventory hold you back. At Surplus Market,
                    connect with ready buyers eager to buy what you offer. Our quick,
                    three-step process with a dedicated account manager ensures you
                    get cash swiftly and securely.
                </p>
                <div class="buy-btn">
                    <a href class="g-btn">List Inventory Now</a>
                </div>
                <div class="s-box-area">
                    <div class="s-box">
                        <div class="s-img">
                            <img src="{% static 'final_assets/media/b2.png' %}" alt />
                        </div>
                        <div class="s-cont">
                            <h2>Global Reach</h2>
                            <p>Access buyers worldwide</p>
                        </div>
                    </div>
                    <div class="s-box">
                        <div class="s-img">
                            <img src="{% static 'final_assets/media/b4.png' %}" alt />
                        </div>
                        <div class="s-cont">
                            <h2>Reduce Costs</h2>
                            <p>Free up space and reduce storage fees</p>
                        </div>
                    </div>
                    <div class="s-box">
                        <div class="s-img">
                            <img src="{% static 'final_assets/media/b1.png' %}" alt />
                        </div>
                        <div class="s-cont">
                            <h2>Eco-Friendly Sales</h2>
                            <p>Give surplus stock a second life</p>
                        </div>
                    </div>
                    <div class="s-box">
                        <div class="s-img">
                            <img src="{% static 'final_assets/media/b2.png' %}" alt />
                        </div>
                        <div class="s-cont">
                            <h2>Fast Cash</h2>
                            <p>Recover upto 50% revenue from unsold stock</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-4">
                <div class="buy-img">
                    <img src="{% static 'final_assets/media/buy-r.png' %}" alt />
                </div>
            </div>
        </div>
    </div>
</section>
<section class="home-buy home-sell">
    <div class="container">
        <div class="row g-5">
            <div class="col-4">
                <div class="sell-img">
                    <img src="{% static 'final_assets/media/sell-l.png' %}" alt />
                </div>
            </div>
            <div class="col-8">
                <h3 class="sub-tit">For Buyers</h3>
                <h2 class="main-tit">
                    Shop Top-Quality Inventory <br />
                    at Unmatched Prices
                </h2>
                <p>
                    You deserve a hassle-free way to source the best inventory for
                    your business. At Surplus Market, access a wide range of products
                    at surplus prices from trusted, verified sellers. From raw
                    materials to unused machinery, find items always below market
                    price and ready to ship.
                </p>
                <div class="buy-btn">
                    <a href class="g-btn">Shop Now</a>
                </div>
                <div class="s-box-area">
                    <div class="s-box">
                        <div class="s-img">
                            <img src="{% static 'final_assets/media/b4.png' %}" alt />
                        </div>
                        <div class="s-cont">
                            <h2>Big Savings</h2>
                            <p>Buy premium stock at surplus prices</p>
                        </div>
                    </div>
                    <div class="s-box">
                        <div class="s-img">
                            <img src="{% static 'final_assets/media/sl2.png' %}" alt />
                        </div>
                        <div class="s-cont">
                            <h2>Trusted Vendor</h2>
                            <p>Every seller is verified</p>
                        </div>
                    </div>
                    <div class="s-box">
                        <div class="s-img">
                            <img src="{% static 'final_assets/media/sl1.png' %}" alt />
                        </div>
                        <div class="s-cont">
                            <h2>Fast Procurement</h2>
                            <p>Access inventory quickly and reliably</p>
                        </div>
                    </div>
                    <div class="s-box">
                        <div class="s-img">
                            <img src="{% static 'final_assets/media/b4.png' %}" alt />
                        </div>
                        <div class="s-cont">
                            <h2>Big Savings</h2>
                            <p>Buy premium stock at surplus prices</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="testi">
    <div class="container">
        <h2 class="main-tit">
            See how businesses <br />
            are growing with us
        </h2>
        <div class="row">
            <div class="col-4">
                <div class="testi-card">
                    <div class="test-head">
                        <div class="test-ico">
                            <img src="{% static 'final_assets/media/t1.png' %}" alt />
                        </div>
                        <div>
                            <h3>Ali Hussain</h3>
                            <h4>Operations Director</h4>
                            <h4>Crescent Construction, Dubai</h4>
                        </div>
                    </div>
                    <div class="test-body">
                        <p>
                            "We had a surplus of construction raw materials adding to our
                            overhead. Surplus Market connected us with buyers faster than
                            other channels. The account manager’s support at literally
                            every step made a huge difference."
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-4">
                <div class="testi-card">
                    <div class="test-head">
                        <div class="test-ico">
                            <img src="{% static 'final_assets/media/t1.png' %}" alt />
                        </div>
                        <div>
                            <h3>Ali Hussain</h3>
                            <h4>Operations Director</h4>
                            <h4>Crescent Construction, Dubai</h4>
                        </div>
                    </div>
                    <div class="test-body">
                        <p>
                            "We had a surplus of construction raw materials adding to our
                            overhead. Surplus Market connected us with buyers faster than
                            other channels. The account manager’s support at literally
                            every step made a huge difference."
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-4">
                <div class="testi-card">
                    <div class="test-head">
                        <div class="test-ico">
                            <img src="{% static 'final_assets/media/t1.png' %}" alt />
                        </div>
                        <div>
                            <h3>Ali Hussain</h3>
                            <h4>Operations Director</h4>
                            <h4>Crescent Construction, Dubai</h4>
                        </div>
                    </div>
                    <div class="test-body">
                        <p>
                            "We had a surplus of construction raw materials adding to our
                            overhead. Surplus Market connected us with buyers faster than
                            other channels. The account manager’s support at literally
                            every step made a huge difference."
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="sustain">
    <div class="container">
        <div class="row g-5 align-items-center">
            <div class="col-5">
                <div class="sustain-img">
                    <img src="{% static 'final_assets/media/sustain.png' %}" alt />
                </div>
            </div>
            <div class="col-7">
                <h3 class="sub-tit">Sustainability</h3>
                <h2 class="main-tit">Reduce Waste, Boost Value</h2>
                <p>Embrace a sustainable marketplace</p>
                <p>
                    At Surplus Market, every transaction repurposes surplus items,
                    helping you achieve business goals while minimizing waste. By
                    turning excess into opportunity, we’re making an impact on both
                    business and the planet.
                </p>

                <div class="sustain-btn-area">
                    <a href class="g-btn">Join Our Sustainable Movement</a>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="faq">
    <div class="container">
        <div class="row">
            <div class="col-6">
                <h3 class="sub-tit">faq</h3>
                <h2 class="main-tit">Frequently Asked Questions</h2>
                <div class="faq-btn-area">
                    <a href class="g-btn">See All Questions</a>
                </div>
            </div>
            <div class="col-6">
                <div class="accordion" id="accordionExample">
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                What are the fees for listing my inventory?
                            </button>
                        </h2>
                        <div id="collapseOne" class="accordion-collapse collapse show"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <p>
                                    Good news: listing is currently free! This is our way of
                                    welcoming sellers, so take advantage while you can. In the
                                    future, we’ll introduce a small fee to help keep the
                                    platform running smoothly.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                What types of inventory can I buy or sell on Surplus Market?
                            </button>
                        </h2>
                        <div id="collapseTwo" class="accordion-collapse collapse"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <p>
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                    Repellendus, nostrum quae! Iste debitis ad cupiditate
                                    aspernatur, a fugiat ducimus id dicta placeat illum
                                    temporibus numquam ea facere ut explicabo officiis.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                Can I both buy and sell on Surplus Market?
                            </button>
                        </h2>
                        <div id="collapseThree" class="accordion-collapse collapse"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <p>
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                    Repellendus, nostrum quae! Iste debitis ad cupiditate
                                    aspernatur, a fugiat ducimus id dicta placeat illum
                                    temporibus numquam ea facere ut explicabo officiis.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                How does payment work once my inventory is sold?
                            </button>
                        </h2>
                        <div id="collapseFour" class="accordion-collapse collapse"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <p>
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                    Repellendus, nostrum quae! Iste debitis ad cupiditate
                                    aspernatur, a fugiat ducimus id dicta placeat illum
                                    temporibus numquam ea facere ut explicabo officiis.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock body %}