<%- include('./includes/header', {title: 'Home - Pioneer Reality' }) %>

<main>

    <style>
    .accordion-item {
        border-bottom: 1px solid #ccc;
    }

    .accordion-item-header {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        padding: 30px 0px;
    }

    .accordion-item-header.active img {
        transform: rotate(360deg);
    }

    .accordion-item-header h2 {
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
    }

    .accordion-item-header img {
        height: 15px;
        width: 15px;
        object-fit: contain;
        transform: rotate(180deg);
        transition: transform 0.2s ease;
    }

    .accordion-item-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }

    .accordion-item-body-content {
        padding: 5px 80px 30px 0px;
        display: flex;
        flex-direction: column;
        gap: 35px;
    }

    .accordion-item-body-content p {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
    }
    </style>

    <section class="about-us-banner">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-md-6">
                    <h2 class="h2-theme">Pioneer Mission</h2>
                    <div class="about-fiter">

                        <ul>
                            <li><a href="/sites/pioneer-reality/our-mission">our mission</a></li>
                            <li><a href="/sites/pioneer-reality/services">our services</a>
                            </li>
                            <li><a href="/sites/pioneer-reality/team">our team</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="mission">
        <div class="container">
            <div class="row align-items-center g-5">
                <h2 class="theme-left-mission">our mission</h2>
                <div class="col-12 col-md-6">
                    <div class="mission-part-1">
                        <img src="/sites/pioneer-reality/images/ipad.jpg" class="img-fluid" alt="img">
                    </div>

                </div>
                <!-- <div class="col-12 col-md-1"></div> -->
                <div class="col-12 col-md-6">
                    <div class="mission-part-2">
                        <h2>Our Mission
                        </h2>
                        <p>Help people, families and companies to make proper choices regarding their properties: to provide leadership and advisory, enhance possibilities of the company services, and introduce progressive ideas.
                            Our goal is to make real estate easier by providing our clients with the tools to value property in Australia, understand Australian house prices and realise their dream of investing in property in Australia.</p>
                        <!-- <button class="button-theme">view more</button> -->
                    </div>
                </div>
            </div>
            <div class="row align-items-center g-5 mt-5">


                <!-- <div class="col-12 col-md-1"></div> -->
                <div class="col-12 col-md-6">
                    <div class="mission-part-2">
                        <h2>Why Choose Us
                        </h2>
                        <p>We do our best to provide professional advice regarding the residential property market at Southbank and the agents to suit your requirements best, finding affordable houses for sale in Victoria, or businesses for sale in Melbourne. Some of the sites we have previously advertised include homes for rent and for sale in Melbourne, we have used custom effective marketing techniques that have given impressive results.

                        </p>
                        <!-- <button class="button-theme">view more</button> -->
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="mission-part-1">
                        <img src="/sites/pioneer-reality/images/noted.png" class="img-fluid" alt="img">
                    </div>

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




















    <%- include('./includes/footer') %>
</main>