<!-- why-choose-section -->
<div class="why-sec-1 overflow-hidden space overflow-hidden">
    <div class="why-bg-shape1-1 shape-mockup jump d-xxl-block d-none" data-top="10%" data-left="10%"><img
            src="img/shape/why-bg-shape1-1.png" alt="img"></div>
    <div class="why-bg-shape1-2 shape-mockup heartbeat d-xxl-block d-none" data-top="8%" data-left="14%"><img
            src="img/shape/shape1-13.png" alt="img"></div>
    <div class="why-bg-shape1-3 shape-mockup shake d-xxl-block d-none" data-top="30%" data-left="8%"><img
            src="img/shape/shape1-11.png" alt="img"></div>
    <div class="why-bg-shape1-4 shape-mockup shake d-xxl-block d-none" data-top="7%" data-right="8%"><img
            src="img/shape/shape1-14.png" alt="img"></div>
    <div class="why-bg-shape1-5 shape-mockup shake d-xxl-block d-none" data-top="18%" data-right="12%"><img
            src="img/shape/shape1-12.png" alt="img"></div>
    <div class="why-bg-shape1-6 shape-mockup shake d-xxl-block d-none" data-top="32%" data-right="7%"><img
            src="img/shape/shape1-15.png" alt="img"></div>
    <div class="container">
        <div class="row gy-40 gx-80 justify-content-center">
            <div class="col-xxl-12">
                <div class="title-area text-center">
                    <span class="sub-title text-anim subtitle-line" data-cue="slideInUp"><img class="me-2"
                            src="img/icon/subtitle-icon.svg" alt="icon">Why Attend PetExpo 2026</span>
                    <h2 class="sec-title text-anim" data-cue="slideInUp">Discover, Learn, and Celebrate Pets!</h2>
                    <p class="fs-18 text-anim2" data-cue="slideInUp">
                        Experience the most exciting pet event of the year! From live shows and competitions <br>to
                        workshops, adoption drives, and global brand showcases there’s something for every pet lover.
                    </p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xxl-12">
                <div class="why-wrap1">
                    <div class="why-card-wrap">
                        <div class="why-card" data-cue="slideInUp">
                            <div class="box-number">01</div>
                            <div class="box-details">
                                <h4 class="box-title">Exciting Pet Competitions & Shows</h4>
                            </div>
                        </div>
                        <div class="why-card" data-cue="slideInUp">
                            <div class="box-number">02</div>
                            <div class="box-details">
                                <h4 class="box-title">Adoption & Rescue Drives</h4>
                            </div>
                        </div>
                        <div class="why-card" data-cue="slideInUp">
                            <div class="box-number">03</div>
                            <div class="box-details">
                                <h4 class="box-title">Expert Workshops & Seminars</h4>
                            </div>
                        </div>
                        <div class="why-card" data-cue="slideInUp">
                            <div class="box-number">04</div>
                            <div class="box-details">
                                <h4 class="box-title">Innovative Pet Products</h4>
                            </div>
                        </div>
                        <div class="why-card" data-cue="slideInUp">
                            <div class="box-number">05</div>
                            <div class="box-details">
                                <h4 class="box-title">Fun for the Whole Family</h4>
                            </div>
                        </div>
                    </div>
                    <div class="btn-wrap justify-content-center"><a class="th-btn" href="#registration">Register Now</a></div>
                    <div class="why-img-box1" data-cue="slideInUp"><img src="img/normal/why-thumb1-1.png" alt="PetExpo Event"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="video-area-1 overflow-hidden space-top">
        <div class="container-fluid p-0">
            <div class="row">
                <div class="col-lg-12">
                    <div class="video-wrap1">
                        <div class="video-thumb1-1" data-cue="slideInUp" data-overlay="title" data-opacity="4">
                            <img src="img/normal/video-thumb1-1.jpg" alt="PetExpo Video"> <a
                                href="https://www.youtube.com/watch?v=AgMsQwn3Bq4"
                                class="video-btn th-popup-video"><span class="play-btn style2"><i
                                        class="fa-sharp fa-solid fa-play"></i></span> <span class="video-text">Watch
                                    Video</span></a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
