<div class="space overflow-hidden bg-white">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-xl-7 col-xxl-6">
                <div class="title-area"><span class="sub-title text-anim subtitle-line" data-cue="slideInUp"><img
                            class="me-2" src="img/icon/subtitle-icon.svg" alt="icon">Contact Us</span>
                    <h2 class="sec-title text-anim" data-cue="slideInUp">Secure Your Spot at the Ultimate Pet Event</h2>
                    <p class="fs-18 text-anim2 pe-xl-4" data-cue="slideInUp">Join thousands of pet lovers, families, and
                        industry professionals at PetExpo 2026. Whether you’re attending as a visitor or showcasing your
                        brand as an exhibitor, register today to be part of the excitement.</p>
                </div>
            </div>
        </div>
        <div class="row gy-40 align-items-center flex-row-reverse">
            <div class="col-xl-7">
                <form action="https://html.themehour.net/babet/demo/mail.php" method="POST"
                    class="appointment-form ajax-contact">
                    <div class="appointment-icon-wrap">
                        <div class="appointment-icon-item" data-cue="slideInUp">
                            <div class="thumb"><img src="img/icon/appointment-icon-1-1.svg" alt="icon"></div>
                            <div class="box-title">Visitor Registration</div>
                        </div>
                        <div class="appointment-icon-item" data-cue="slideInUp">
                            <div class="thumb"><img src="img/icon/appointment-icon-1-2.svg" alt="icon"></div>
                            <div class="box-title">Exhibitor Registration</div>
                        </div>
                        <div class="appointment-icon-item" data-cue="slideInUp">
                            <div class="thumb"><img src="img/icon/appointment-icon-1-3.svg" alt="icon"></div>
                            <div class="box-title">Early-Bird Specials</div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group style-border col-md-6"><input type="text" class="form-control"
                                name="name" id="name" placeholder="Enter your name*"></div>
                        <div class="form-group style-border col-md-6"><input type="email" class="form-control"
                                name="email" id="email" placeholder="Enter your phone number*"></div>
                        <div class="form-group style-border col-md-6"><input type="text" class="form-control"
                                name="pet_name" id="pet_name" placeholder="Pet’s name and age*"></div>
                        <div class="form-group col-md-6 style-border3"><select name="subject" id="subject"
                                class="form-select">
                                <option value="" disabled="disabled" selected="selected" hidden>Select registration
                                    type*
                                </option>
                                <option value="Personal Training">General Visitor</option>
                                <option value="Gym & Fitness Training">Exhibitor / Brand</option>
                                <option value="Basic Yoga">Media / Press</option>
                            </select> <i class="fal fa-chevron-down"></i></div>
                        <div class="form-group style-border col-md-12"><input type="date" class="form-control"
                                value="2025-11-16" name="date" id="date"></div>
                        <div class="form-btn col-12"><button class="th-btn">Submit Now</button></div>
                    </div>
                    <p class="form-messages mb-0 mt-3"></p>
                </form>
            </div>
            <div class="col-xl-5">
                <div class="appointment-thumb-1-1 pe-xl-5 me-xl-3" data-cue="slideInUp"><img
                        src="img/appointment/appointment-1-1.png" alt="img"></div>
            </div>
        </div>
    </div>
</div>