<div class="th-hero-wrapper hero-1" id="hero">
    <div class="swiper th-slider hero-slider1" id="heroSlider1"
        data-slider-options='{"effect":"fade","autoHeight": "true"}'>
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="th-hero-bg" data-bg-src="img/bg3.jpg" data-overlay="title" data-opacity="5"
                    data-mask-src="img/hero/hero-bg1-mask.png"></div>
                <div class="hero-inner">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="hero-style1">
                                    <h1 class="hero-title text-white"><span class="title1" data-ani="slideinup"
                                            data-ani-delay="0.3s">Welcome to Grand</span> <span class="title2"
                                            data-ani="slideinup" data-ani-delay="0.4s"><span
                                                class="text-theme">PetExpo</span> 2026</span>
                                    </h1>
                                    <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.6s">Explore
                                        the country’s largest gathering of pet lovers, industry leaders, and global pet
                                        brands - all under one roof.</p>
                                    <div class="btn-wrap" data-ani="slideinup" data-ani-delay="0.7s"><a
                                            href="contact.html" class="th-btn th-btn-lg">Register</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="th-hero-bg" data-bg-src="img/bg2.jpg" data-overlay="title" data-opacity="5"
                    data-mask-src="img/hero/hero-bg1-mask.png"></div>
                <div class="hero-inner">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="hero-style1">
                                    <h1 class="hero-title text-white"><span class="title1" data-ani="slideinup"
                                            data-ani-delay="0.3s">Ultimate Festival for</span> <span class="title2"
                                            data-ani="slideinup" data-ani-delay="0.4s"><span
                                                class="text-theme">Pet</span> Lovers</span>
                                    </h1>
                                    <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.6s">Witness
                                        grooming battles, talent competitions, breed showcases, and fun challenges for
                                        pets of all kinds.</p>
                                    <div class="btn-wrap" data-ani="slideinup" data-ani-delay="0.7s"><a
                                            href="contact.html" class="th-btn th-btn-lg">Register</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="icon-box"><button data-slider-prev="#heroSlider1" class="slider-arrow style-border default"><img
                data-mask-src="img/icon/arrow-left.svg" src="img/icon/arrow-left.svg" alt="icon"></button> <button
            data-slider-next="#heroSlider1" class="slider-arrow style-border default"><img
                data-mask-src="img/icon/arrow-right.svg" src="img/icon/arrow-right.svg" alt="icon"></button></div>
    <div class="circle-tag scroll-down">
        {{-- <span class="circle-title-anime">*** WE HAVE 10 YEARS EXPERIENCES</span> --}}
        <a href="#about-sec" class="icon-btn style2"><img data-mask-src="img/icon/arrow-down.svg"
                src="img/icon/arrow-down.svg" alt="icon"></a>
    </div>
    {{-- <div class="client-group-wrap">
        <div class="thumb"><img src="img/normal/client-group-thumb1.png" alt="img"></div>
        <div class="box-content">
            <div class="star-rating"></div>
            <div class="box-text">4.9 reviews based on 150k+ Feedbacks</div>
        </div>
    </div>
    <div class="hero-counter-wrap">
        <div class="counter-card">
            <h2 class="box-number"><span class="counter-number">262</span>+</h2>
            <p class="box-text">Panpered Pets</p>
        </div>
        <div class="counter-card">
            <h2 class="box-number"><span class="counter-number">250</span>+</h2>
            <p class="box-text">Team Members</p>
        </div>
        <div class="counter-card">
            <h2 class="box-number"><span class="counter-number">100</span>%</h2>
            <p class="box-text">Positive reviews</p>
        </div>
    </div> --}}
</div>