<div class="overflow-hidden space overflow-hidden" id="about-sec">
    <div class="about-bg-shape1-1 shape-mockup moving" data-bottom="0" data-left="0"><img src="img/shape/shape1-1.png"
            alt="img"></div>
    <div class="about-bg-shape1-2 shape-mockup shake d-xxl-block d-none" data-top="0" data-left="5%"><img
            src="img/shape/shape1-2.png" alt="img"></div>
    <div class="about-bg-shape1-3 shape-mockup spin d-xxl-block d-none" data-top="25%" data-left="6%"><img
            src="img/shape/shape1-3.png" alt="img"></div>
    <div class="about-bg-shape1-4 shape-mockup shake d-xl-block d-none" data-top="35%" data-right="5%"><img
            src="img/shape/shape1-4.png" alt="img"></div>
    <div class="about-bg-shape1-5 shape-mockup shake d-xl-block d-none" data-top="50%" data-right="7%"><img
            src="img/shape/shape1-5.png" alt="img"></div>
    <div class="about-bg-shape1-6 shape-mockup heartbeat d-xxl-block d-none" data-bottom="25%" data-right="6%"><img
            src="img/shape/shape1-6.png" alt="img"></div>
    <div class="container">
        <div class="about-wrap1">
            <div class="row gy-40 gx-60 align-items-center flex-row-reverse">
                <div class="col-xxl-7 align-self-center">
                    <div class="img-box1" data-cue="slideInUp" data-delay="300">
                        <div class="img1" data-mask-src="img/normal/about-thumb-mask1-1.png"><img
                                src="img/normal/about-thumb1-1.jpg" alt="About"></div>
                        <div class="year-counter-wrap">
                            <h4 class="box-title text-white"><span>2026</span></h4>
                            <p class="box-text text-white">PETEXPO</p>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-5">
                    <div class="title-area mb-40"><span class="sub-title subtitle-line text-anim"
                            data-cue="slideInUp"><img class="me-2" src="img/icon/subtitle-icon.svg"
                                alt="icon">About</span>
                        <h2 class="sec-title text-anim2" data-cue="slideInLeft" data-delay="300">Join the Ultimate
                            Celebration of Pets, Passion, and Fun!</h2>
                        <p class="fs-18 mt-4" data-cue="slideInUp">Welcome to <strong>PetExpo 2026</strong>where tails
                            wag, paws prance, and smiles are
                            endless! Experience a world bursting with furry friends, cutting-edge pet products,
                            thrilling competitions, and heartwarming adoption drives. Whether you’re a devoted pet
                            parent, a curious family, or an industry professional, this is the event where passion
                            meets excitement.</p>
                    </div>
                    
                    <div class="btn-wrap mt-50" data-cue="slideInUp"><a class="th-btn" href="about.html">Learn
                            More</a>
                        <div class="info-card">
                            <div class="box-icon style2"><img src="img/icon/phone-black.svg" alt="phon-icon"></div>
                            <div class="box-content">
                                <h4 class="box-title">Call us:</h4>
                                <p class="box-text"><a class="text-title" href="tel:001203456789">+00-(120) 3456
                                        789</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div><?php /**PATH C:\Projects\petexpo\petexpo\resources\views/partials/about.blade.php ENDPATH**/ ?>