Location Sections

<!--location-->
<section class="mb-xl-9 my-5">
    <div class="container">
        <div class="row g-4">
            <div class="col-lg-12 col-md-12 col-12">
                <h2 class="mb-lg-7">Our offices around the world</h2>
            </div>
            <div class="col-lg-3 col-md-6 col-12">
                <h3 class="mb-3">India</h3>
                <figure class="mb-3 card-lift">
                    <img src="../assets/images/location/location-1.jpg"
                        alt="location" class="img-fluid rounded-3" />
                </figure>
                <div class="d-flex">
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
                            height="16" fill="currentColor"
                            class="bi bi-geo-alt-fill text-primary"
                            viewBox="0 0 16 16">
                            <path
                                d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" />
                        </svg>
                    </div>
                    <div class="ms-2">
                        <span>WeWork, 412, Residency Rd, Shanthala Nagar,
                            Ashok Nagar, Bengaluru, Karnataka 560025</span>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-12">
                <h3 class="mb-3">Australia</h3>
                <figure class="mb-3 card-lift">
                    <img src="../assets/images/location/location-2.jpg"
                        alt="location" class="img-fluid rounded-3" />
                </figure>
                <div class="d-flex">
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
                            height="16" fill="currentColor"
                            class="bi bi-geo-alt-fill text-primary"
                            viewBox="0 0 16 16">
                            <path
                                d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" />
                        </svg>
                    </div>
                    <div class="ms-2">
                        <span>12/125 Collins St, Melbourne, Victoria, 3000
                            Australia</span>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-12">
                <h3 class="mb-3">Brazil</h3>
                <figure class="mb-3 card-lift">
                    <img src="../assets/images/location/location-3.jpg"
                        alt="location" class="img-fluid rounded-3" />
                </figure>
                <div class="d-flex">
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
                            height="16" fill="currentColor"
                            class="bi bi-geo-alt-fill text-primary"
                            viewBox="0 0 16 16">
                            <path
                                d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" />
                        </svg>
                    </div>
                    <div class="ms-2">
                        <span>Oscar Freire, 678 - Jardim Paulista São Paulo
                            - SP 01426-001, Brazil</span>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-12">
                <h3 class="mb-3">Canada</h3>
                <figure class="mb-3 card-lift">
                    <img src="../assets/images/location/location-4.jpg"
                        alt="location" class="img-fluid rounded-3" />
                </figure>
                <div class="d-flex">
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
                            height="16" fill="currentColor"
                            class="bi bi-geo-alt-fill text-primary"
                            viewBox="0 0 16 16">
                            <path
                                d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" />
                        </svg>
                    </div>
                    <div class="ms-2">
                        <span>458 Av. Viger O Montréal, QC H2Z 1M9
                            Canada</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--location-->