<!doctype html>
<html class="no-js" lang="zxx" dir="ltr">
<!-- Mirrored from html.themehour.net/babet/demo/home-1-op.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 03 Dec 2025 09:27:38 GMT -->

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Babet - Pet Care & Shop HTML Template - Home One</title>
    <meta name="author" content="Babet">
    <meta name="description" content="Babet - Pet Care & Shop HTML Template">
    <meta name="keywords" content="Babet - Pet Care & Shop HTML Template">
    <meta name="robots" content="INDEX,FOLLOW">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <link rel="apple-touch-icon" sizes="57x57" href="img/favicons/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="img/favicons/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/favicons/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="img/favicons/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/favicons/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="img/favicons/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="img/favicons/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="img/favicons/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="img/favicons/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="img/favicons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="img/favicons/favicon-16x16.png">
    <link rel="manifest" href="img/favicons/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="img/favicons/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&amp;family=Onest:wght@100..900&amp;display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="css/app.min.css">
    <link rel="stylesheet" href="css/fontawesome.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body class="bg-smoke2">
    {{-- <div class="cursor-follower"></div>
    <div class="preloader"><button class="th-btn preloaderCls">Cancel Preloader</button>
        <div class="preloader-inner">
            <div class="bounce"><img src="img/logo-icon.svg" alt="img"></div><span class="loader">Babet <span
                    class="loading-text">Babet</span></span>
        </div>
    </div> --}}
    {{-- <div class="th-menu-wrapper allow-natural-scroll">
        <div class="th-menu-area text-center"><button class="th-menu-toggle"><i class="fal fa-times"></i></button>
            <div class="mobile-logo">
                <a href="index.html"><img src="img/logo3.svg" alt="Babet"></a>
            </div>
            <div class="th-mobile-menu">
                <ul>
                    <li class="menu-item-has-children"><a href="index.html">Home</a></li>
                    <li><a href="about.html">About Us</a></li>
                    <li class="menu-item-has-children"><a href="#">Services</a>
                        <ul class="sub-menu">
                            <li><a href="service.html">Services</a></li>
                            <li><a href="service-details.html">Service Details</a></li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children"><a href="#">Pages</a>
                        <ul class="sub-menu">
                            <li class="menu-item-has-children"><a href="#">Shop</a>
                                <ul class="sub-menu">
                                    <li><a href="shop.html">Shop</a></li>
                                    <li><a href="shop-details.html">Shop Details</a></li>
                                    <li><a href="cart.html">Cart Page</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="wishlist.html">Wishlist</a></li>
                                </ul>
                            </li>
                            <li><a href="team.html">Our Team</a></li>
                            <li><a href="team-details.html">Team Details</a></li>
                            <li><a href="gallery.html">Gallery</a></li>
                            <li><a href="testimonial.html">Testimonial</a></li>
                            <li><a href="faq.html">FAQ'S Page</a></li>
                            <li><a href="error.html">Error Page</a></li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children"><a href="#">Blog</a>
                        <ul class="sub-menu">
                            <li><a href="blog.html">Blog Standard</a></li>
                            <li><a href="blog-2.html">Blog with Sidebar</a></li>
                            <li><a href="blog-3.html">Blog without Sidebar</a></li>
                            <li><a href="blog-details.html">Blog Details</a></li>
                        </ul>
                    </li>
                    <li><a href="contact.html">Contact Us</a></li>
                </ul>
            </div>
        </div>
    </div> --}}
    {{-- header-section --}}
    <header class="th-header header-default onepage-nav">
        <div class="sticky-wrapper">
            <div class="menu-area">
                <div class="container">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-auto">
                            <div class="header-logo">
                                <a href="index.html"><img src="img/logo.svg" alt="Babet"></a>
                            </div>
                        </div>
                        <div class="col-auto">
                            <nav class="main-menu d-none d-lg-inline-block">
                                <ul>
                                    <li class="menu-item-has-children"><a href="#hero">Home</a>
                                        <ul class="mega-menu mega-menu-content allow-natural-scroll">
                                            <li>
                                                <div class="container">
                                                    <div class="row gy-4">
                                                        <div class="col-lg-3">
                                                            <div class="mega-menu-box">
                                                                <div class="mega-menu-img"><img
                                                                        src="img/pages/index.jpg" alt="Home One">
                                                                    <div class="btn-wrap"><a href="index.html"
                                                                            class="th-btn">Multipage</a> <a
                                                                            href="home-1-op.html"
                                                                            class="th-btn">Onepage</a></div>
                                                                </div>
                                                                <h3 class="mega-menu-title"><a href="index.html">Home I
                                                                        (Pet Grooming)</a></h3>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="mega-menu-box">
                                                                <div class="mega-menu-img"><img
                                                                        src="img/pages/home-2.jpg" alt="Home Two">
                                                                    <div class="btn-wrap"><a href="home-2.html"
                                                                            class="th-btn">Multipage</a> <a
                                                                            href="home-2-op.html"
                                                                            class="th-btn">Onepage</a></div>
                                                                </div>
                                                                <h3 class="mega-menu-title"><a href="home-2.html">Home
                                                                        II (Pet Care)</a></h3>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="mega-menu-box">
                                                                <div class="mega-menu-img"><img
                                                                        src="img/pages/home-3.jpg" alt="Home Three">
                                                                    <div class="btn-wrap"><a href="home-3.html"
                                                                            class="th-btn">Multipage</a> <a
                                                                            href="home-3-op.html"
                                                                            class="th-btn">Onepage</a></div>
                                                                </div>
                                                                <h3 class="mega-menu-title"><a href="home-3.html">Home
                                                                        III (Pet Shop)</a></h3>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="mega-menu-box">
                                                                <div class="mega-menu-img"><img
                                                                        src="img/pages/home-4.jpg" alt="Home Four">
                                                                    <div class="btn-wrap"><a href="home-4.html"
                                                                            class="th-btn">Multipage</a> <a
                                                                            href="home-4-op.html"
                                                                            class="th-btn">Onepage</a></div>
                                                                </div>
                                                                <h3 class="mega-menu-title"><a href="home-4.html">Home
                                                                        IV (Pet Boarding)</a></h3>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="mega-menu-box">
                                                                <div class="mega-menu-img"><img
                                                                        src="img/pages/home-5.jpg" alt="Home Five">
                                                                    <div class="btn-wrap"><a href="home-5.html"
                                                                            class="th-btn">Multipage</a> <a
                                                                            href="home-5-op.html"
                                                                            class="th-btn">Onepage</a></div>
                                                                </div>
                                                                <h3 class="mega-menu-title"><a href="home-5.html">Home V
                                                                        (Dog Trainer)</a></h3>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="mega-menu-box">
                                                                <div class="mega-menu-img"><img
                                                                        src="img/pages/home-6.jpg" alt="Home Six">
                                                                    <div class="btn-wrap"><a href="home-6.html"
                                                                            class="th-btn">Multipage</a> <a
                                                                            href="home-6-op.html"
                                                                            class="th-btn">Onepage</a></div>
                                                                </div>
                                                                <h3 class="mega-menu-title"><a href="home-6.html">Home
                                                                        VI (Pet Salon)</a></h3>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="mega-menu-box">
                                                                <div class="mega-menu-img"><img
                                                                        src="img/pages/home-7.jpg" alt="Home Seven">
                                                                    <div class="btn-wrap"><a href="home-7.html"
                                                                            class="th-btn">Multipage</a> <a
                                                                            href="home-7-op.html"
                                                                            class="th-btn">Onepage</a></div>
                                                                </div>
                                                                <h3 class="mega-menu-title"><a href="home-7.html">Home
                                                                        VII (Pet Hotel)</a></h3>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="mega-menu-box">
                                                                <div class="mega-menu-img"><img
                                                                        src="img/pages/home-8.jpg" alt="Home Seven">
                                                                    <div class="btn-wrap"><a href="home-8.html"
                                                                            class="th-btn">Multipage</a> <a
                                                                            href="home-8-op.html"
                                                                            class="th-btn">Onepage</a></div>
                                                                </div>
                                                                <h3 class="mega-menu-title"><a href="home-8.html">Home
                                                                        VIII (Pet Sitting)</a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="#about-sec">About Us</a></li>
                                    <li><a href="#service-sec">Our Service</a></li>
                                    <li><a href="#blog-sec">Blog</a></li>
                                    <li><a href="#contact-sec">Contact Us</a></li>
                                </ul>
                            </nav>
                            <div class="header-button d-flex d-lg-none"><button type="button"
                                    class="th-menu-toggle icon-btn"><i class="far fa-bars"></i></button></div>
                        </div>
                        <div class="col-auto d-xl-block d-none">
                            <div class="header-button"><a href="contact.html" class="th-btn style2">Get Started Now <i
                                        class="far fa-long-arrow-right ms-2"></i></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- banner-section -->
    <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/hero/hero_bg_1_1.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">The Best Pets</span> <span class="title2"
                                                data-ani="slideinup" data-ani-delay="0.4s"><span
                                                    class="text-theme">Grooming</span> Session</span>
                                        </h1>
                                        <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.6s">We
                                            blend professional grooming with compassionate care to deliver clean,
                                            stylish results your pet will love.</p>
                                        <div class="btn-wrap" data-ani="slideinup" data-ani-delay="0.7s"><a
                                                href="contact.html" class="th-btn th-btn-lg">Make an Appointment</a> <a
                                                href="service.html" class="th-btn th-btn-lg style-border">Browse all
                                                Services</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="th-hero-bg" data-bg-src="img/hero/hero_bg_1_2.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">The Best Pets</span> <span class="title2"
                                                data-ani="slideinup" data-ani-delay="0.4s"><span
                                                    class="text-theme">Grooming</span> Session</span>
                                        </h1>
                                        <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.6s">We
                                            blend professional grooming with compassionate care to deliver clean,
                                            stylish results your pet will love.</p>
                                        <div class="btn-wrap" data-ani="slideinup" data-ani-delay="0.7s"><a
                                                href="contact.html" class="th-btn th-btn-lg">Make an Appointment</a> <a
                                                href="service.html" class="th-btn th-btn-lg style-border">Browse all
                                                Services</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="th-hero-bg" data-bg-src="img/hero/hero_bg_1_3.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">The Best Pets</span> <span class="title2"
                                                data-ani="slideinup" data-ani-delay="0.4s"><span
                                                    class="text-theme">Grooming</span> Session</span>
                                        </h1>
                                        <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.6s">We
                                            blend professional grooming with compassionate care to deliver clean,
                                            stylish results your pet will love.</p>
                                        <div class="btn-wrap" data-ani="slideinup" data-ani-delay="0.7s"><a
                                                href="contact.html" class="th-btn th-btn-lg">Make an Appointment</a> <a
                                                href="service.html" class="th-btn th-btn-lg style-border">Browse all
                                                Services</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>

    <!-- about-section -->
    <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 class="counter-number">2500</span>+</h4>
                                <p class="box-text text-white">Happy Paws</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">Our
                                Story</span>
                            <h2 class="sec-title text-anim2" data-cue="slideInLeft" data-delay="300">We are a fully
                                committed to your pet’s well-being</h2>
                            <p class="fs-18 mt-4" data-cue="slideInUp">For over 12 years, we’ve been dedicated to making
                                pets look fabulous and feel loved. Because to us, your pet isn’t just a client – they’re
                                family.</p>
                        </div>
                        <div class="about1-list-wrap" data-cue="slideInUp">
                            <div class="checklist list-two-column style2">
                                <ul>
                                    <li>Skilled personnel</li>
                                    <li>Best Veterinarians</li>
                                    <li>Nutrition and Diet</li>
                                    <li>Quality Foods</li>
                                    <li>Grooming Tips</li>
                                    <li>Emergency Care</li>
                                </ul>
                            </div>
                        </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>

    <!-- service-section -->
    <section class="space bg-white overflow-hidden" id="service-sec">
        <div class="service-bg-shape1-1 shape-mockup shake d-xxl-block d-none" data-top="20%" data-right="5%"><img
                src="img/shape/shape1-7.png" alt="img"></div>
        <div class="service-bg-shape1-2 shape-mockup shake d-xxl-block d-none" data-top="20%" data-left="5%"><img
                src="img/shape/shape1-8.png" alt="img"></div>
        <div class="service-bg-shape1-3 shape-mockup heartbeat d-xxl-block d-none" data-top="50%" data-left="5%"><img
                src="img/shape/shape1-9.png" alt="img"></div>
        <div class="service-bg-shape1-4 shape-mockup shake d-xxl-block d-none" data-bottom="10%" data-left="5%"><img
                src="img/shape/shape1-10.png" alt="img"></div>
        <div class="container">
            <div class="row justify-content-between align-items-center">
                <div class="col-xxl-5 col-xl-7 col-md-8">
                    <div class="title-area"><span class="sub-title subtitle-line text-anim" data-cue="slideInUp"><img
                                class="me-2" src="img/icon/subtitle-icon.svg" alt="icon">Our Services</span>
                        <h2 class="sec-title text-anim2" data-cue="slideInUp">Our All Grooming Services Includes</h2>
                    </div>
                </div>
                <div class="col-auto">
                    <div class="sec-btn"><a class="th-btn style-border3" href="service.html">Browse All Services</a>
                    </div>
                </div>
            </div>
            <div class="slider-area service-slider1">
                <div class="swiper th-slider" id="serviceSlider1"
                    data-slider-options='{"autoHeight":true,"breakpoints":{"0":{"slidesPerView":1},"767":{"slidesPerView":"2"},"1200":{"slidesPerView":"3"},"1400":{"slidesPerView":"4"}}}'>
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" data-cue="slideInUp">
                            <div class="service-card">
                                <a class="icon-btn style3" href="service-details.html"><img
                                        data-mask-src="img/icon/arrow-right.svg" src="img/icon/arrow-right.svg"
                                        alt="img"></a>
                                <div class="box-img" data-mask-src="img/shape/service_card_mask1_1.jpg"><img
                                        src="img/service/service_card_1_1.jpg" alt="img"></div>
                                <div class="box-content">
                                    <h3 class="box-title"><a href="service-details.html">Bathing & Drying</a></h3>
                                    <p class="box-text">Experience the ultimate shedding solution with our Bath & Deshed
                                        service</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide" data-cue="slideInUp">
                            <div class="service-card">
                                <a class="icon-btn style3" href="service-details.html"><img
                                        data-mask-src="img/icon/arrow-right.svg" src="img/icon/arrow-right.svg"
                                        alt="img"></a>
                                <div class="box-img" data-mask-src="img/shape/service_card_mask1_1.jpg"><img
                                        src="img/service/service_card_1_2.jpg" alt="img"></div>
                                <div class="box-content">
                                    <h3 class="box-title"><a href="service-details.html">Dog Sitting</a></h3>
                                    <p class="box-text">Keep your pets paws in pristine condition with our expert Nail
                                        Trimming service.</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide" data-cue="slideInUp">
                            <div class="service-card">
                                <a class="icon-btn style3" href="service-details.html"><img
                                        data-mask-src="img/icon/arrow-right.svg" src="img/icon/arrow-right.svg"
                                        alt="img"></a>
                                <div class="box-img" data-mask-src="img/shape/service_card_mask1_1.jpg"><img
                                        src="img/service/service_card_1_3.jpg" alt="img"></div>
                                <div class="box-content">
                                    <h3 class="box-title"><a href="service-details.html">Hair Styling</a></h3>
                                    <p class="box-text">Experience the ultimate shedding solution with our Bath & Deshed
                                        service</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide" data-cue="slideInUp">
                            <div class="service-card">
                                <a class="icon-btn style3" href="service-details.html"><img
                                        data-mask-src="img/icon/arrow-right.svg" src="img/icon/arrow-right.svg"
                                        alt="img"></a>
                                <div class="box-img" data-mask-src="img/shape/service_card_mask1_1.jpg"><img
                                        src="img/service/service_card_1_4.jpg" alt="img"></div>
                                <div class="box-content">
                                    <h3 class="box-title"><a href="service-details.html">Teeth Cleaning</a></h3>
                                    <p class="box-text">Protect your furry friends from pesky parasites with our
                                        effective Flea Treatment service.</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide" data-cue="slideInUp">
                            <div class="service-card">
                                <a class="icon-btn style3" href="service-details.html"><img
                                        data-mask-src="img/icon/arrow-right.svg" src="img/icon/arrow-right.svg"
                                        alt="img"></a>
                                <div class="box-img" data-mask-src="img/shape/service_card_mask1_1.jpg"><img
                                        src="img/service/service_card_1_5.jpg" alt="img"></div>
                                <div class="box-content">
                                    <h3 class="box-title"><a href="service-details.html">Nail trimming</a></h3>
                                    <p class="box-text">Experience the ultimate shedding solution with our Bath & Deshed
                                        service</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide" data-cue="slideInUp">
                            <div class="service-card">
                                <a class="icon-btn style3" href="service-details.html"><img
                                        data-mask-src="img/icon/arrow-right.svg" src="img/icon/arrow-right.svg"
                                        alt="img"></a>
                                <div class="box-img" data-mask-src="img/shape/service_card_mask1_1.jpg"><img
                                        src="img/service/service_card_1_6.jpg" alt="img"></div>
                                <div class="box-content">
                                    <h3 class="box-title"><a href="service-details.html">Flea treatment</a></h3>
                                    <p class="box-text">Keep your pets paws in pristine condition with our expert Nail
                                        Trimming service.</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide" data-cue="slideInUp">
                            <div class="service-card">
                                <a class="icon-btn style3" href="service-details.html"><img
                                        data-mask-src="img/icon/arrow-right.svg" src="img/icon/arrow-right.svg"
                                        alt="img"></a>
                                <div class="box-img" data-mask-src="img/shape/service_card_mask1_1.jpg"><img
                                        src="img/service/service_card_1_7.jpg" alt="img"></div>
                                <div class="box-content">
                                    <h3 class="box-title"><a href="service-details.html">Dental Hygiene Services</a>
                                    </h3>
                                    <p class="box-text">Experience the ultimate shedding solution with our Bath & Deshed
                                        service</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide" data-cue="slideInUp">
                            <div class="service-card">
                                <a class="icon-btn style3" href="service-details.html"><img
                                        data-mask-src="img/icon/arrow-right.svg" src="img/icon/arrow-right.svg"
                                        alt="img"></a>
                                <div class="box-img" data-mask-src="img/shape/service_card_mask1_1.jpg"><img
                                        src="img/service/service_card_1_8.jpg" alt="img"></div>
                                <div class="box-content">
                                    <h3 class="box-title"><a href="service-details.html">Paw Care Services</a></h3>
                                    <p class="box-text">Safeguard your beloved pets from annoying fleas with our
                                        top-notch Flea Control Solutions.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="pagination-wrap"><button data-slider-prev="#serviceSlider1"
                            class="slider-arrow default style-border2 slider-prev"><img
                                data-mask-src="img/icon/arrow-left.svg" src="img/icon/arrow-left.svg"
                                alt="img"></button>
                        <div class="slider-pagination"></div><button data-slider-next="#serviceSlider1"
                            class="slider-arrow default style-border2 slider-next"><img
                                data-mask-src="img/icon/arrow-right.svg" src="img/icon/arrow-right.svg"
                                alt="img"></button>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 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">Our
                            Specialities</span>
                        <h2 class="sec-title text-anim" data-cue="slideInUp">Why Choose Us?</h2>
                        <p class="fs-18 text-anim2" data-cue="slideInUp">Easily find and book trusted Pet Caregivers
                            near you</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">Expert Grooming Excellence</h4>
                                </div>
                            </div>
                            <div class="why-card" data-cue="slideInUp">
                                <div class="box-number">02</div>
                                <div class="box-details">
                                    <h4 class="box-title">Hygienic And Safe Practice</h4>
                                </div>
                            </div>
                            <div class="why-card" data-cue="slideInUp">
                                <div class="box-number">03</div>
                                <div class="box-details">
                                    <h4 class="box-title">Tailored TLC For Every Pet</h4>
                                </div>
                            </div>
                            <div class="why-card" data-cue="slideInUp">
                                <div class="box-number">04</div>
                                <div class="box-details">
                                    <h4 class="box-title">Stress Free Grooming Zone</h4>
                                </div>
                            </div>
                            <div class="why-card" data-cue="slideInUp">
                                <div class="box-number">05</div>
                                <div class="box-details">
                                    <h4 class="box-title">Cuteness Is Our Specialiality</h4>
                                </div>
                            </div>
                        </div>
                        <div class="btn-wrap justify-content-center"><a class="th-btn" href="contact.html">Schedule a
                                Visit</a></div>
                        <div class="why-img-box1" data-cue="slideInUp"><img src="img/normal/why-thumb1-1.png" alt="img">
                        </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="img"> <a
                                    href="https://www.youtube.com/watch?v=ehNKdTRS5N8"
                                    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>

    <!-- slide-show -->
    <div class="overflow-hidden space-bottom">
        <div class="container-fluid p-0" data-cue="slideInUp">
            <div class="swiper th-slider marquee-slider1"
                data-slider-options='{"breakpoints":{"0":{"slidesPerView":"auto"}},"autoplay":{"delay":0,"disableOnInteraction":false},"noSwiping":"true","speed":10000,"spaceBetween":0}'>
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="marquee-card">
                            <div class="marquee-icon"><img src="img/icon/marquee-icon1-1.svg" alt="img"></div><a
                                target="_blank" href="#">Professionalism</a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="marquee-card">
                            <div class="marquee-icon"><img src="img/icon/marquee-icon1-1.svg" alt="img"></div><a
                                target="_blank" href="#">Expertise</a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="marquee-card">
                            <div class="marquee-icon"><img src="img/icon/marquee-icon1-1.svg" alt="img"></div><a
                                target="_blank" href="#">Pet Care</a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="marquee-card">
                            <div class="marquee-icon"><img src="img/icon/marquee-icon1-1.svg" alt="img"></div><a
                                target="_blank" href="#">Quality</a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="marquee-card">
                            <div class="marquee-icon"><img src="img/icon/marquee-icon1-1.svg" alt="img"></div><a
                                target="_blank" href="#">Consulting</a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="marquee-card">
                            <div class="marquee-icon"><img src="img/icon/marquee-icon1-1.svg" alt="img"></div><a
                                target="_blank" href="#">Professionalism</a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="marquee-card">
                            <div class="marquee-icon"><img src="img/icon/marquee-icon1-1.svg" alt="img"></div><a
                                target="_blank" href="#">Professionalism</a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="marquee-card">
                            <div class="marquee-icon"><img src="img/icon/marquee-icon1-1.svg" alt="img"></div><a
                                target="_blank" href="#">Expertise</a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="marquee-card">
                            <div class="marquee-icon"><img src="img/icon/marquee-icon1-1.svg" alt="img"></div><a
                                target="_blank" href="#">Pet Care</a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="marquee-card">
                            <div class="marquee-icon"><img src="img/icon/marquee-icon1-1.svg" alt="img"></div><a
                                target="_blank" href="#">Quality</a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="marquee-card">
                            <div class="marquee-icon"><img src="img/icon/marquee-icon1-1.svg" alt="img"></div><a
                                target="_blank" href="#">Consulting</a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="marquee-card">
                            <div class="marquee-icon"><img src="img/icon/marquee-icon1-1.svg" alt="img"></div><a
                                target="_blank" href="#">Professionalism</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- help-section -->
    {{-- <section class="position-relative bg-white overflow-hidden space" data-bg-src="img/bg/process-bg-1-1.png">
        <div class="why-bg-shape1-2 shape-mockup moving d-xxl-block d-none" data-bottom="1%" data-left="-1%"><img
                src="img/shape/shape1-25.png" alt="img"></div>
        <div class="why-bg-shape1-2 shape-mockup jump d-xxl-block d-none" data-bottom="0" data-right="1%"><img
                src="img/shape/shape1-26.png" alt="img"></div>
        <div class="container">
            <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">How We
                    Work</span>
                <h2 class="sec-title text-anim" data-cue="slideInUp">How We Help Your Pet</h2>
                <p class="fs-18 text-anim2" data-cue="slideInUp">Easily find and book trusted Pet Caregivers near you
                </p>
            </div>
            <div class="row gy-40">
                <div class="col-xl-6">
                    <div class="process-slide-image">
                        <div class="img background-img" data-bg-src="img/process/process_1_1.png"></div>
                        <div class="img foreground-img" data-bg-src="img/process/process_1_2.png"></div><input
                            type="range" min="1" max="100" value="50" class="slider" name="slider" id="slider">
                        <div class="slider-button"></div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="process-card" data-cue="slideInUp">
                        <div class="process-bg-mask" data-mask-src="img/shape/process_card_mask1_1.jpg"></div>
                        <div class="box-icon"><img src="img/icon/checkmark2.svg" alt="img"></div>
                        <div class="box-content">
                            <h4 class="box-title">Schedule a consultation</h4>
                            <p class="box-text">Choose us for grooming excellence! Our team of skilled groomers brings
                                expertise and a passion for perfection to every pet pampering session.</p>
                        </div>
                        <div class="box-number">01</div>
                    </div>
                    <div class="process-card" data-cue="slideInUp">
                        <div class="process-bg-mask" data-mask-src="img/shape/process_card_mask1_1.jpg"></div>
                        <div class="box-icon"><img src="img/icon/checkmark2.svg" alt="img"></div>
                        <div class="box-content">
                            <h4 class="box-title">Grooming Experts Comes To You</h4>
                            <p class="box-text">Connect with our friendly experts to discuss your pet's grooming needs.
                                We prioritize your pet's comfort and style!</p>
                        </div>
                        <div class="box-number">02</div>
                    </div>
                    <div class="process-card" data-cue="slideInUp">
                        <div class="process-bg-mask" data-mask-src="img/shape/process_card_mask1_1.jpg"></div>
                        <div class="box-icon"><img src="img/icon/checkmark2.svg" alt="img"></div>
                        <div class="box-content">
                            <h4 class="box-title">Grooming & Baths Your Pets</h4>
                            <p class="box-text">Experience the ultimate in pet grooming. Our state-of-the-art facility
                                ensures a safe and enjoyable environment for your furry friends.</p>
                        </div>
                        <div class="box-number">03</div>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}

    <!-- gallery-section -->
    <div class="overflow-hidden overflow-hidden space z-index-common">
        <div class="shape-mockup gallery-bg-shape1-1 d-xxl-block d-none jump" data-left="4%" data-top="20%"><img
                src="img/shape/shape1-16.png" alt="img"></div>
        <div class="shape-mockup gallery-bg-shape1-1 d-xxl-block d-none shake" data-right="4%" data-top="20%"><img
                src="img/shape/shape1-17.png" alt="img"></div>
        <div class="container-fluid p-0">
            <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">Recent
                    stories</span>
                <h2 class="sec-title text-anim" data-cue="slideInUp">Our success stories</h2>
                <p class="fs-18 text-anim2" data-cue="slideInUp">Easily find and book trusted Pet Caregivers near you
                </p>
            </div>
            <div class="gallery-1-wrap">
                <div class="gallery-card">
                    <div class="gallery-img"><img src="img/gallery/gallery_1_1.jpg" alt="img"> <a
                            href="img/gallery/gallery_1_1.jpg" class="icon-btn th-popup-image"><i
                                class="fa-regular fa-magnifying-glass"></i></a></div>
                </div>
                <div class="gallery-card-wrap">
                    <div class="gallery-card">
                        <div class="gallery-img"><img src="img/gallery/gallery_1_2.jpg" alt="img"> <a
                                href="img/gallery/gallery_1_2.jpg" class="icon-btn th-popup-image"><i
                                    class="fa-regular fa-magnifying-glass"></i></a></div>
                    </div>
                    <div class="gallery-card">
                        <div class="gallery-img"><img src="img/gallery/gallery_1_3.jpg" alt="img"> <a
                                href="img/gallery/gallery_1_3.jpg" class="icon-btn th-popup-image"><i
                                    class="fa-regular fa-magnifying-glass"></i></a></div>
                    </div>
                </div>
                <div class="gallery-card">
                    <div class="gallery-img"><img src="img/gallery/gallery_1_4.jpg" alt="img"> <a
                            href="img/gallery/gallery_1_4.jpg" class="icon-btn th-popup-image"><i
                                class="fa-regular fa-magnifying-glass"></i></a></div>
                </div>
                <div class="gallery-card-wrap">
                    <div class="gallery-card">
                        <div class="gallery-img"><img src="img/gallery/gallery_1_5.jpg" alt="img"> <a
                                href="img/gallery/gallery_1_5.jpg" class="icon-btn th-popup-image"><i
                                    class="fa-regular fa-magnifying-glass"></i></a></div>
                    </div>
                    <div class="gallery-card">
                        <div class="gallery-img"><img src="img/gallery/gallery_1_6.jpg" alt="img"> <a
                                href="img/gallery/gallery_1_6.jpg" class="icon-btn th-popup-image"><i
                                    class="fa-regular fa-magnifying-glass"></i></a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- team-section -->
    {{-- <section class="space overflow-hidden team-area-1" data-bg-src="img/bg/team-bg-1.png"
        data-bg-scr="img/bg/team-bg.html">
        <div class="container">
            <div class="row justify-content-between align-items-center">
                <div class="col-xxl-7 col-xl-7 col-md-8">
                    <div class="title-area"><span class="sub-title subtitle-line text-anim" data-cue="slideInUp"><img
                                class="me-2" src="img/icon/subtitle-icon.svg" alt="icon">Team Members</span>
                        <h2 class="sec-title text-anim2" data-cue="slideInUp">Loyal, Passionate, and Driven</h2>
                        <p class="fs-18 text-anim2" data-cue="slideInUp">Our team is made up of dedicated individuals
                            who share a common love for animals.</p>
                    </div>
                </div>
                <div class="col-auto">
                    <div class="sec-btn"><a class="th-btn style-border3" href="service.html">Explore All Groomers</a>
                    </div>
                </div>
            </div>
            <div class="row gy-40">
                <div class="col-xl-4">
                    <div class="team-nav-wrap">
                        <ul class="nav nav-tabs wow fadeinup" id="myTab" role="tablist">
                            <li class="nav-item" role="presentation" data-cue="slideInUp"><button
                                    class="nav-link active" id="team_1-tab" data-bs-toggle="tab"
                                    data-bs-target="#team_1" type="button" role="tab" aria-controls="team_1"
                                    aria-selected="true"><span class="team-thumb-sm"><img src="img/team/team-1-1.png"
                                            alt="img"> </span><span class="content-wrap"><span class="box-title">Alina
                                            Maisner</span> <span class="desi">Pet Sitter</span></span></button></li>
                            <li class="nav-item" role="presentation" data-cue="slideInUp"><button class="nav-link"
                                    id="team_2-tab" data-bs-toggle="tab" data-bs-target="#team_2" type="button"
                                    role="tab" aria-controls="team_2" aria-selected="false"><span
                                        class="team-thumb-sm"><img src="img/team/team-1-2.png" alt="img"> </span><span
                                        class="content-wrap"><span class="box-title">David Smith</span> <span
                                            class="desi">Pet Co-ordinator</span></span></button></li>
                            <li class="nav-item" role="presentation" data-cue="slideInUp"><button class="nav-link"
                                    id="team_3-tab" data-bs-toggle="tab" data-bs-target="#team_3" type="button"
                                    role="tab" aria-controls="team_3" aria-selected="false"><span
                                        class="team-thumb-sm"><img src="img/team/team-1-3.png" alt="img"> </span><span
                                        class="content-wrap"><span class="box-title">Emma Brown</span> <span
                                            class="desi">Veterinarian</span></span></button></li>
                            <li class="nav-item" role="presentation" data-cue="slideInUp"><button class="nav-link"
                                    id="team_4-tab" data-bs-toggle="tab" data-bs-target="#team_4" type="button"
                                    role="tab" aria-controls="team_4" aria-selected="false"><span
                                        class="team-thumb-sm"><img src="img/team/team-1-4.png" alt="img"> </span><span
                                        class="content-wrap"><span class="box-title">Mary Douglas</span> <span
                                            class="desi">Groomer</span></span></button></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-8">
                    <div class="team-content-wrap">
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="team_1" role="tabpanel"
                                aria-labelledby="team_1-tab" data-cue="slideInUp">
                                <div class="team-tab-content">
                                    <div class="team-1-bg-mask" data-mask-src="img/shape/team-1_mask.jpg"></div>
                                    <div class="team-thumb"><img src="img/team/team-big-1-1.png" alt="img"></div>
                                    <div class="team-content">
                                        <div class="top">
                                            <h3 class="box-title">Alina Maisner</h3>
                                            <p class="desi">Pet Sitter</p>
                                        </div>
                                        <div class="body-text mb-4">
                                            <p class="mb-2">Emma leads our team with a passion for animal welfare and
                                                years of experience.</p>
                                            <p class="mb-2">Although expert groomers themselves, lots of cats like being
                                                brushed and it’s a great way of bonding with your cat. As well as fewer
                                                hairballs and less shedding, grooming your cats will imitate how they
                                                groom
                                                each other naturally and increase affection for you as a result.</p>
                                        </div>
                                        <div class="button-wrap mb-4">
                                            <a href="team-details.html" class="th-btn th-btn-xl"><img
                                                    src="img/icon/phone.svg" alt="icon"> Contact Groomer</a>
                                        </div>
                                        <div class="th-social"><a href="https://www.facebook.com/"><i
                                                    class="fab fa-facebook-f"></i></a> <a
                                                href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a> <a
                                                href="https://www.youtube.com/"><i class="fab fa-youtube"></i></a> <a
                                                href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        </div>
                                    </div>
                                    <a class="icon-btn style3" href="team-details.html"><img
                                            data-mask-src="img/icon/arrow-right-1.svg" src="img/icon/arrow-right-1.svg"
                                            alt="img"></a>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="team_2" role="tabpanel" aria-labelledby="team_2-tab"
                                data-cue="slideInUp">
                                <div class="team-tab-content">
                                    <div class="team-1-bg-mask" data-mask-src="img/shape/team-1_mask.jpg"></div>
                                    <div class="team-thumb"><img src="img/team/team-big-1-2.png" alt="img"></div>
                                    <div class="team-content">
                                        <div class="top">
                                            <h3 class="box-title">David Smith</h3>
                                            <p class="desi">Pet Coordinator</p>
                                        </div>
                                        <div class="body-text mb-4">
                                            <p class="mb-2">Emma leads our team with a passion for animal welfare and
                                                years of experience.</p>
                                            <p class="mb-2">Although expert groomers themselves, lots of cats like being
                                                and it’s a great way of bonding with your cat. As well as fewer
                                                hairballs and less shedding, grooming your cats will imitate how they
                                                groom each other
                                                and increase affection for you as a result.</p>
                                        </div>
                                        <div class="button-wrap mb-4">
                                            <a href="team-details.html" class="th-btn th-btn-xl"><img
                                                    src="img/icon/phone.svg" alt="icon"> Contact Groomer</a>
                                        </div>
                                        <div class="th-social"><a href="https://www.facebook.com/"><i
                                                    class="fab fa-facebook-f"></i></a> <a
                                                href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a> <a
                                                href="https://www.youtube.com/"><i class="fab fa-youtube"></i></a> <a
                                                href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        </div>
                                    </div>
                                    <a class="icon-btn style3" href="team-details.html"><img
                                            data-mask-src="img/icon/arrow-right-1.svg" src="img/icon/arrow-right-1.svg"
                                            alt="img"></a>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="team_3" role="tabpanel" aria-labelledby="team_3-tab"
                                data-cue="slideInUp">
                                <div class="team-tab-content">
                                    <div class="team-1-bg-mask" data-mask-src="img/shape/team-1_mask.jpg"></div>
                                    <div class="team-thumb"><img src="img/team/team-big-1-3.png" alt="img"></div>
                                    <div class="team-content">
                                        <div class="top">
                                            <h3 class="box-title">Emma Brown</h3>
                                            <p class="desi">Veterinarian</p>
                                        </div>
                                        <div class="body-text mb-4">
                                            <p class="mb-2">Emma leads our team with a passion for animal welfare and
                                                years of experience.</p>
                                            <p class="mb-2">Although expert groomers themselves, lots of cats like being
                                                brushed and it’s a great way of bonding with your cat. As well as fewer
                                                hairballs and less shedding, grooming your cats will imitate how they
                                                groom
                                                each other naturally and increase affection for you as a result.</p>
                                        </div>
                                        <div class="button-wrap mb-4">
                                            <a href="team-details.html" class="th-btn th-btn-xl"><img
                                                    src="img/icon/phone.svg" alt="icon"> Contact Groomer</a>
                                        </div>
                                        <div class="th-social"><a href="https://www.facebook.com/"><i
                                                    class="fab fa-facebook-f"></i></a> <a
                                                href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a> <a
                                                href="https://www.youtube.com/"><i class="fab fa-youtube"></i></a> <a
                                                href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        </div>
                                    </div>
                                    <a class="icon-btn style3" href="team-details.html"><img
                                            data-mask-src="img/icon/arrow-right-1.svg" src="img/icon/arrow-right-1.svg"
                                            alt="img"></a>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="team_4" role="tabpanel" aria-labelledby="team_4-tab"
                                data-cue="slideInUp">
                                <div class="team-tab-content">
                                    <div class="team-1-bg-mask" data-mask-src="img/shape/team-1_mask.jpg"></div>
                                    <div class="team-thumb"><img src="img/team/team-big-1-4.png" alt="img"></div>
                                    <div class="team-content">
                                        <div class="top">
                                            <h3 class="box-title">Mary Douglas</h3>
                                            <p class="desi">Groomer</p>
                                        </div>
                                        <div class="body-text mb-4">
                                            <p class="mb-2">Emma leads our team with a passion for animal welfare and
                                                years of experience.</p>
                                            <p class="mb-2">Although expert groomers themselves, lots of cats like being
                                                brushed and it’s a great way of bonding with your cat. As well as fewer
                                                hairballs and less shedding, grooming your cats will imitate how they
                                                groom
                                                each other naturally and increase affection for you as a result.</p>
                                        </div>
                                        <div class="button-wrap mb-4">
                                            <a href="team-details.html" class="th-btn th-btn-xl"><img
                                                    src="img/icon/phone.svg" alt="icon"> Contact Groomer</a>
                                        </div>
                                        <div class="th-social"><a href="https://www.facebook.com/"><i
                                                    class="fab fa-facebook-f"></i></a> <a
                                                href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a> <a
                                                href="https://www.youtube.com/"><i class="fab fa-youtube"></i></a> <a
                                                href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        </div>
                                    </div>
                                    <a class="icon-btn style3" href="team-details.html"><img
                                            data-mask-src="img/icon/arrow-right-1.svg" src="img/icon/arrow-right-1.svg"
                                            alt="img"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="brand-wrap1 text-center overflow-hidden">
                <div class="container th-container">
                    <div class="swiper th-slider" data-cue="slideInUp" id="brandSlider1"
                        data-slider-options='{"breakpoints":{"0":{"slidesPerView":2},"576":{"slidesPerView":"2"},"768":{"slidesPerView":"3"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"4"},"1400":{"slidesPerView":"5"}}}'>
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="blog.html" class="brand-box"><img src="img/brand/brand1-1.svg"
                                        alt="Brand Logo"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="blog.html" class="brand-box"><img src="img/brand/brand1-2.svg"
                                        alt="Brand Logo"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="blog.html" class="brand-box"><img src="img/brand/brand1-3.svg"
                                        alt="Brand Logo"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="blog.html" class="brand-box"><img src="img/brand/brand1-4.svg"
                                        alt="Brand Logo"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="blog.html" class="brand-box"><img src="img/brand/brand1-5.svg"
                                        alt="Brand Logo"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="blog.html" class="brand-box"><img src="img/brand/brand1-1.svg"
                                        alt="Brand Logo"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="blog.html" class="brand-box"><img src="img/brand/brand1-2.svg"
                                        alt="Brand Logo"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="blog.html" class="brand-box"><img src="img/brand/brand1-3.svg"
                                        alt="Brand Logo"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="blog.html" class="brand-box"><img src="img/brand/brand1-4.svg"
                                        alt="Brand Logo"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="blog.html" class="brand-box"><img src="img/brand/brand1-5.svg"
                                        alt="Brand Logo"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}

    <!-- pricing-section -->
    {{-- <section class="overflow-hidden bg-white space">
        <div class="why-bg-shape1-3 shape-mockup shake d-xxl-block d-none" data-top="49%" data-left="7%"><img
                src="img/shape/shape1-7.png" alt="img"></div>
        <div class="why-bg-shape1-6 shape-mockup shake d-xxl-block d-none" data-top="26%" data-left="6%"><img
                src="img/shape/shape1-5.png" alt="img"></div>
        <div class="why-bg-shape1-4 shape-mockup shake d-xxl-block d-none" data-top="71%" data-left="4%"><img
                src="img/shape/shape1-23.png" alt="img"></div>
        <div class="why-bg-shape1-2 shape-mockup heartbeat d-xxl-block d-none" data-top="46%" data-right="5%"><img
                src="img/shape/shape1-6.png" alt="img"></div>
        <div class="why-bg-shape1-2 shape-mockup moving d-xxl-block d-none" data-bottom="0" data-left="-1%"><img
                src="img/shape/shape1-24.png" alt="img"></div>
        <div class="container">
            <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">pricing
                    Plan</span>
                <h2 class="sec-title text-anim" data-cue="slideInUp">Our Best Packages</h2>
                <p class="fs-18 text-anim2" data-cue="slideInUp">Read the heartwarming stories of those who gave a
                    second chance to animals in need.</p>
            </div>
            <div class="row gy-30 justify-content-center">
                <div class="col-xl-6">
                    <div class="pricing-card-grid" data-cue="slideInUp">
                        <div class="pricing-1-bg_mask" data-mask-src="img/shape/pricing-1-1_mask.jpg"></div>
                        <div class="thumb"><img src="img/pricing/pricing-1-1.jpg" alt="img"></div>
                        <div class="content">
                            <h3 class="box-title">Relaxe Bath & Full Grooming</h3>
                            <p class="price">From $35.99</p>
                            <p class="box-text">Grooming service for a small dog include bathing, ear cleaning and
                                grooming.</p>
                        </div><a class="th-btn" href="service.html">Enquire Now</a>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="pricing-card-grid style-2" data-cue="slideInUp">
                        <div class="pricing-1-bg_mask" data-mask-src="img/shape/pricing-1-2_mask.jpg"></div>
                        <div class="thumb"><img src="img/pricing/pricing-1-2.jpg" alt="img"></div>
                        <div class="content">
                            <h3 class="box-title">Body Massage & Hair Style</h3>
                            <p class="price">From $55.00</p>
                            <p class="box-text">Grooming service for a small dog include bathing, ear cleaning and
                                grooming.</p>
                        </div><a class="th-btn" href="service.html">Enquire Now</a>
                    </div>
                    <div class="pricing-card-grid style-2 mt-4" data-cue="slideInUp">
                        <div class="pricing-1-bg_mask" data-mask-src="img/shape/pricing-1-2_mask.jpg"></div>
                        <div class="thumb"><img src="img/pricing/pricing-1-3.jpg" alt="img"></div>
                        <div class="content">
                            <h3 class="box-title">Spa & Nail Cutting</h3>
                            <p class="price">From $65.99</p>
                            <p class="box-text">Spa & Menicure service for a small pet include bathing, ear cleaning and
                                grooming.</p>
                        </div><a class="th-btn" href="service.html">Enquire Now</a>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center mt-5">
                <div class="col-12 text-center" data-cue="slideInUp"><a class="th-btn style-border3"
                        href="service.html">Explore All <img src="img/icon/arrow-right-black.svg" alt="icon"></a></div>
            </div>
        </div>
    </section> --}}

    <!-- faq-section -->
    {{-- <div class="space overflow-hidden">
        <div class="container">
            <div class="row gy-40 gx-60">
                <div class="col-xxl-7 col-xl-7">
                    <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">quick answers</span>
                        <h2 class="sec-title text-anim2" data-cue="slideInLeft">Frequently Ask Questions</h2>
                    </div>
                    <div class="faq-wrap1 pe-xl-4">
                        <div class="accordion" id="faqAccordion">
                            <div class="accordion-card" data-cue="slideInUp">
                                <div class="accordion-header" id="collapse-item-1"><button class="accordion-button"
                                        type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1"
                                        aria-expanded="true" aria-controls="collapse-1"><span class="count">1.</span>
                                        How often should I take my pet to the vet?</button></div>
                                <div id="collapse-1" class="accordion-collapse collapse show"
                                    aria-labelledby="collapse-item-1" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">For most pets, a yearly checkup is recommended to monitor
                                            their overall health, update vaccinations, and catch early signs of illness.
                                            Senior pets or those with chronic conditions may require more frequent
                                            visits.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card" data-cue="slideInUp">
                                <div class="accordion-header" id="collapse-item-2"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-2" aria-expanded="false"
                                        aria-controls="collapse-2"><span class="count">2.</span> How can I book an
                                        appointment for emergency treatment?</button></div>
                                <div id="collapse-2" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-2" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">For most pets, a yearly checkup is recommended to monitor
                                            their overall health, update vaccinations, and catch early signs of illness.
                                            Senior pets or those with chronic conditions may require more frequent
                                            visits.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card" data-cue="slideInUp">
                                <div class="accordion-header" id="collapse-item-3"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-3" aria-expanded="false"
                                        aria-controls="collapse-3"><span class="count">3.</span> How often should I
                                        bathe my pet?</button></div>
                                <div id="collapse-3" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-3" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">For most pets, a yearly checkup is recommended to monitor
                                            their overall health, update vaccinations, and catch early signs of illness.
                                            Senior pets or those with chronic conditions may require more frequent
                                            visits.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card" data-cue="slideInUp">
                                <div class="accordion-header" id="collapse-item-4"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-4" aria-expanded="false"
                                        aria-controls="collapse-4"><span class="count">4.</span> What should I do if my
                                        pet eats something toxic?</button></div>
                                <div id="collapse-4" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-4" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">For most pets, a yearly checkup is recommended to monitor
                                            their overall health, update vaccinations, and catch early signs of illness.
                                            Senior pets or those with chronic conditions may require more frequent
                                            visits.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card" data-cue="slideInUp">
                                <div class="accordion-header" id="collapse-item-5"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-5" aria-expanded="false"
                                        aria-controls="collapse-5"><span class="count">5.</span> Is it normal for pets
                                        to be anxious or fearful?</button></div>
                                <div id="collapse-5" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-5" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">For most pets, a yearly checkup is recommended to monitor
                                            their overall health, update vaccinations, and catch early signs of illness.
                                            Senior pets or those with chronic conditions may require more frequent
                                            visits.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-5 col-xl-5 align-self-center" data-cue="slideInUp">
                    <div class="faq-img-box1 global-img" data-cue="slideInUp"><img src="img/faq/faq-img-1-1.jpg"
                            alt="faq_img"></div>
                </div>
            </div>
        </div>
    </div> --}}

    <!-- appointment-section -->
    <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">book an Appointment</span>
                        <h2 class="sec-title text-anim" data-cue="slideInUp">Make an Appointment</h2>
                        <p class="fs-18 text-anim2 pe-xl-4" data-cue="slideInUp">Need some advice or have any questions
                            about our services? Contact us in any convenient way.</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">House Sitting</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">Drop In Visits</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">Vaccinations</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 service*
                                    </option>
                                    <option value="Personal Training">Personal Training</option>
                                    <option value="Gym & Fitness Training">Gym & Fitness Training</option>
                                    <option value="Basic Yoga">Basic Yoga</option>
                                    <option value="Muscle Building">Muscle Building</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>

    <!-- blog-section -->
    <section class="bg-smoke2 space overflow-hidden" id="blog-sec">
        <div class="container">
            <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">Articles &
                    Tips</span>
                <h2 class="sec-title text-anim" data-cue="slideInUp">Latest Articles & Blog</h2>
            </div>
            <div class="row gy-40 justify-content-center">
                <div class="col-xl-4 col-lg-6" data-cue="slideInUp">
                    <div class="blog-card">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="img/blog/blog-s-1-1.jpg" alt="blog image"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta"><a href="blog.html"><i class="fas fa-user"></i>Jordan Park</a> <a
                                    href="blog.html"><i class="fas fa-calendar"></i>24 Jun, 2025</a></div>
                            <h3 class="box-title"><a href="blog-details.html">How to Keep Your Loved Ones Healthy
                                    Year-Round</a></h3>
                            <div class="btn-wrap"><a href="blog-details.html" class="link-btn th-btn-icon">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6" data-cue="slideInUp">
                    <div class="blog-card">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="img/blog/blog-s-1-2.jpg" alt="blog image"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta"><a href="blog.html"><i class="fas fa-user"></i>Jordan Park</a> <a
                                    href="blog.html"><i class="fas fa-calendar"></i>24 Jun, 2025</a></div>
                            <h3 class="box-title"><a href="blog-details.html">How to Look After Dogs Loved Ones Healthy
                                    Year-Round</a></h3>
                            <div class="btn-wrap"><a href="blog-details.html" class="link-btn th-btn-icon">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6" data-cue="slideInUp">
                    <div class="blog-card">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="img/blog/blog-s-1-3.jpg" alt="blog image"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta"><a href="blog.html"><i class="fas fa-user"></i>Jordan Park</a> <a
                                    href="blog.html"><i class="fas fa-calendar"></i>24 Jun, 2025</a></div>
                            <h3 class="box-title"><a href="blog-details.html">Signs Your Cat is Stressed Your Loved
                                    Ones</a></h3>
                            <div class="btn-wrap"><a href="blog-details.html" class="link-btn th-btn-icon">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- footer-section -->
    <footer class="footer-wrapper footer-default">
        <div class="shape-mockup footer-bg-shape1" data-bottom="0" data-left="0"><img
                src="img/normal/footer-default-cta-thumb-3.png" alt="img"></div>
        <div class="shape-mockup footer-bg-shape2 shake" data-bottom="8%" data-right="4%"><img
                src="img/shape/shape1.png" alt="img"></div>
        <div class="shape-mockup footer-bg-shape3 jump" data-bottom="35%" data-right="6%"><img
                src="img/shape/shape2.png" alt="img"></div>
        <div class="shape-mockup footer-bg-shape4 shake" data-top="35%" data-right="3%"><img src="img/shape/shape3.png"
                alt="img"></div>
        <div class="container">
            <div class="footer-cta-wrap" id="contact-sec">
                <div class="row gy-40 justify-content-xl-between justify-content-center align-items-center">
                    <div class="col-xl-4 col-lg-6 order-xl-1">
                        <div class="title-area mb-0">
                            <h2 class="sec-title text-anim2" data-cue="slideInLeft">Explore Our Comprehensive Petcare
                                Solutions</h2>
                        </div>
                    </div>
                    <div class="col-xl-5 order-xl-3">
                        <div class="btn-wrap style2 justify-content-xl-end justify-content-center"
                            data-cue="slideInRight"><a class="th-btn" href="contact.html">Make Appointment <span
                                    class="th-btn-icon"></span></a> <a class="th-btn style2" href="team.html">Our
                                Specialists <span class="th-btn-icon"></span></a></div>
                    </div>
                    <div class="col-xl-auto align-self-end order-xl-2">
                        <div class="footer-cta-thumb">
                            <div class="img1" data-cue="slideInUp"><img src="img/normal/footer-default-cta-thumb-1.png"
                                    alt="img"></div>
                            <div class="img2"><img src="img/normal/footer-default-cta-thumb-2.png" alt="img"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="widget-area">
            <div class="container">
                <div class="row justify-content-between">
                    <div class="col-sm-6 col-xl-auto" data-cue="slideInUp">
                        <div class="widget footer-widget">
                            <div class="th-widget-about">
                                <div class="about-logo">
                                    <a href="index.html"><img src="img/logo2.svg" alt="Babet"></a>
                                </div>
                                <p class="about-text">Babet is a convenience services to the adaptability, We care about
                                    every pet of our clients and provide all kinds of pet care services in New York.</p>
                                <div class="info-box">
                                    <div class="box-icon"><i class="fas fa-envelope"></i></div>
                                    <p class="box-text"><a href="mailto:infomail123@domain.com"
                                            class="box-link">infomail123@domain.com</a></p>
                                </div>
                                <div class="info-box">
                                    <div class="box-icon"><i class="fas fa-map-marker-alt"></i></div>
                                    <p class="box-text"><a href="https://maps.google.com/" class="box-link">West 2nd
                                            lane, Inner circular road, New York City</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-xl-auto" data-cue="slideInUp">
                        <div class="widget widget_nav_menu footer-widget">
                            <h3 class="widget_title">Quick Links</h3>
                            <div class="menu-all-pages-container">
                                <ul class="menu">
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="service.html">Services</a></li>
                                    <li><a href="blog.html">Our Groomers</a></li>
                                    <li><a href="contact.html">Book an Appointment</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-xl-auto" data-cue="slideInUp">
                        <div class="widget widget_nav_menu footer-widget">
                            <h3 class="widget_title">Resources</h3>
                            <div class="menu-all-pages-container">
                                <ul class="menu">
                                    <li><a href="about.html">Articles & Tips</a></li>
                                    <li><a href="about.html">Preventative Care</a></li>
                                    <li><a href="blog.html">Our Blog</a></li>
                                    <li><a href="about.html">Investors Relations</a></li>
                                    <li><a href="contact.html">Term & Conditions</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-xl-auto" data-cue="slideInUp">
                        <div class="widget widget_nav_menu footer-widget">
                            <h3 class="widget_title">Services</h3>
                            <div class="menu-all-pages-container">
                                <ul class="menu">
                                    <li><a href="service.html">Dog & Cat Grooming</a></li>
                                    <li><a href="service.html">Bath & Brush</a></li>
                                    <li><a href="service.html">Haircuts & Styling</a></li>
                                    <li><a href="service.html">Nail Trimming</a></li>
                                    <li><a href="service.html">Ear Cleaning</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-xl-auto" data-cue="slideInUp">
                        <div class="widget widget_nav_menu footer-widget">
                            <h3 class="widget_title">Support</h3>
                            <div class="menu-all-pages-container">
                                <ul class="menu">
                                    <li><a href="contact.html">Help Center</a></li>
                                    <li><a href="faq.html">FAQs</a></li>
                                    <li><a href="contact.html">Contact Us</a></li>
                                    <li><a href="about.html">Ticket Support</a></li>
                                    <li><a href="about.html">Live Chat</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="copyright-wrap">
                <div class="row justify-content-center gy-3 align-items-center">
                    <div class="col-lg-6" data-cue="slideInUp">
                        <p class="copyright-text"><i class="fal fa-copyright"></i> Copyright 2025 <a
                                href="index.html">Babet</a>. All Rights Reserved.</p>
                    </div>
                    <div class="col-lg-6 text-lg-end text-center" data-cue="slideInUp">
                        <div class="th-social"><span class="text-theme">Social Media:</span> <a
                                href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a> <a
                                href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
                            <a href="https://www.youtube.com/"><i class="fab fa-youtube"></i></a> <a
                                href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- scroll-top -->
    <div class="scroll-top"><svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"
                style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;">
            </path>
        </svg>
    </div>
    <script src="js/vendor/jquery-3.7.1.min.js"></script>
    <script src="js/app.min.js"></script>
    <script src="js/particles.min.html"></script>
    <script src=js/particles-config.js"></script>
    <script src="js/main.js"></script>
</body>
</html>