Venue Information

<div class="venue-information accordion accordion-flush border-bottom border-2 border-primary py-3">

    <div class="accordion-item">
        <h2 class="accordion-header" id="flush-headingVenueInformation">
            <button class="accordion-button text-uppercase collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseVenueInformation" aria-expanded="false" aria-controls="flush-collapseVenueInformation">
                Venue information
            </button>
        </h2>
        <div id="flush-collapseVenueInformation" class="accordion-collapse collapse" aria-labelledby="flush-headingVenueInformation">
            <div class="venue-information--body accordion-body pb-0">
                <div class="d-flex flex-wrap gap-3 align-items-stretch">
                    <div class="venue-information--item flex-shrink-0">
                        <h3 class="fs-6 fw-normal mb-0">Beyond</h3>
                        <p class="mb-0">Pleasance Courtyard</p>
                        <p>Venue 33, Pleasance Courtyard, 60 Pleasance, EH8</p>
                    </div>
                    <div class="venue-information--item flex-shrink-0">
                        <h3 class="fs-6 fw-normal mb-0">Nearest accessible bathroom</h3>
                        <p>Beyond Foyer, at the bottom of the stairwell</p>
                    </div>
                    <div class="venue-information--item flex-shrink-0">
                        <h3 class="fs-6 fw-normal mb-0">Audience route</h3>
                        <ul>
                            <li>Located in the rear courtyard</li>
                            <li>Queue along cobbles</li>
                            <li>Number of steps to access venue: 11-20</li>
                        </ul>
                    </div>
                    <div class="venue-information--item flex-shrink-0">
                        <h3 class="fs-6 fw-normal mb-0">Lift</h3>
                        <p>Yes</p>
                    </div>
                    <div class="venue-information--item flex-shrink-0">
                        <h3 class="fs-6 fw-normal mb-0">Wheelchair accessible</h3>
                        <p>Yes</p>
                    </div>
                </div>
                <div class="mt-2">
                    <p>
                        For more information about our venues, visit [LINK] or contact [email protected].<br>
                        On arrival, please head to the venue access information point for assistance.
                    </p>
                </div>
            </div>
        </div>
    </div>

</div>