
 <!-- Popup START -->
    <!--<div class="modal fade bs-example-modal-md" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
      <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Admission 2025-26</h4>
             </div>
            <div class="modal-body">
                
          </div>
        </div>
      </div>
    </div>-->
    <!-- Popup END -->

    <!-- Hero Section Start -->
    <div class="hero hero-video bg-section dark-section">
        <!-- Video Start -->
        <div class="hero-bg-video">           
            <video autoplay muted loop id="myVideo"><source src="videos/2.mp4" type="video/mp4"></video>
        </div>
        <!-- Video End -->
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7 col-md-8">
                    <!-- Hero Content Start -->
                    <div class="hero-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Home Maid Service</h3>
                            <h1 class="text-anime-style-3">Trusted home help, anytime you need</h1>
                            <p>Book verified professionals for cleaning, laundry, kitchen prep, and household services — all at your doorstep in minutes.</p>
                            <div class="col-md-12 mt-3 ">
                                <a href="#dounload-app" class="btn-default btn-highlighted"> Get MaidORA App</a>
                               
                            </div>
                        </div>
                        <!-- Section Title End -->

                        
                       
                       
                    </div>
                    <!-- Hero Content End -->
                </div>

                <div class="col-lg-5 col-md-4">
                   
                   
                   
                </div>

                <div class="col-lg-12">
                    <!-- Hero Content Footer Start -->
                    <div class="hero-content-footer">
                        <!-- Section Footer Text Start -->
                        <div class="section-footer-text wow fadeInUp" data-wow-delay="0.4s">
                            <p>Let's make something great work together. <a href="contact.html">Contact Us</a></p>
                        </div>
                        <!-- Section Footer Text End -->

                        <!-- Hero Content List Start -->
                        <div class="hero-content-list wow fadeInUp" data-wow-delay="0.6s">
                            <ul>
                                <li>Verified & trusted professionals</li>
                                <li>Quick and easy booking</li>
                                <!-- <li>Premium Services</li> -->
                            </ul>
                        </div>
                        <!-- Hero Content List End -->
                    </div>
                    <!-- Hero Content Footer End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Hero Section End -->

    <!-- About Us Section Start -->
    <div class="about-us">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <!-- About Us Images Start -->
                    <div class="about-us-images">
                        <!-- About Image Start -->
                        <div class="about-img">
                            <figure class="image-anime reveal">
                                <img src="images/about-img-1.jpg" alt="">
                            </figure>    
                        </div>
                        <!-- About Image End -->

                        <!-- About Image Box Start -->
                        <div class="about-image-box">
                            <!-- About Image Counter Start -->
                            <div class="about-img-counter">
                                <!-- About Image Start -->
                                <div class="about-img">
                                    <figure class="image-anime">
                                        <img src="images/about-img-2.jpg" alt="">
                                    </figure>
                                </div>
                                <!-- About Image End -->

                                <!-- About Experience Content Start -->
                                <div class="about-experience-content">
                                    <h2><span class="counter">1</span>+</h2>
                                    <p>Years Experience</p>
                                </div>
                                <!-- About Experience Content End -->
                            </div>
                            <!-- About Image Counter End -->

                            <!-- About Image Start -->
                            <div class="about-img">
                                <figure class="image-anime reveal">
                                    <img src="images/about-img-3.jpg" alt="">
                                </figure>
                            </div>
                            <!-- About Image End --> 
                        </div>
                        <!-- About Image Box End -->                
                    </div>
                    <!-- About Us Images End -->
                </div>

                <div class="col-lg-6">
                    <!-- Hero Content Box Start -->
                    <div class="about-us-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">About us</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Your trusted partner for home care services</h2>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">At MaidORA, we believe every home deserves reliable, professional, and hassle-free care. Our mission is to make everyday household tasks simple by connecting families with trusted and verified home service professionals.</p>
                            <p class="wow fadeInUp" data-wow-delay="0.4s">From house cleaning and bathroom cleaning to laundry, dishwashing, kitchen prep, and household assistance, MaidORA brings dependable help right to your doorstep.</p>
                            <p class="wow fadeInUp" data-wow-delay="0.6s">We focus on quality, safety, and convenience, ensuring every service experience is smooth, transparent, and stress-free. With easy booking, real-time tracking, and trained service partners, MaidORA is designed to fit modern lifestyles and busy schedules.</p>
                        </div>
                        <!-- Section Title End -->

                        
                        <!-- About Us Footer Start -->
                        <div class="about-us-footer wow fadeInUp" data-wow-delay="0.8s">
                            <!-- About Us Button Start -->
                            <div class="about-us-btn">
                                <a href="about.html" class="btn-default">more about</a>
                            </div>
                            <!-- About Us Button End -->

                            
                        </div>
                        <!-- About Us Footer End -->
                    </div>
                    <!-- Hero Content Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- About Us Section End -->

    

    <!-- Our Services Section Start -->
    <div class="our-services bg-section">
        <div class="container">
            <div class="row section-row align-items-center">
                <div class="col-lg-12">
                    <!-- Section Title Start -->
                    <div class="section-title section-title-center">
                        <h3 class="wow fadeInUp">services</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Premium maid services</h2>
                    </div>
                    <!-- Section Title End -->
                </div>
            </div>

            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <!-- Service Item Start -->
                    <div class="service-item wow fadeInUp">
                        <!-- Service Image Start -->
                        <div class="service-image">
                            <a href="house-cleaning.html" data-cursor-text="View">
                                <figure class="image-anime">
                                    <img src="images/service-image-1.jpg" alt="">
                                </figure>
                            </a>                            
                        </div>
                        <!-- Service Image End -->

                        <!-- Service Body Start -->
                        <div class="service-body">  
                            <div class="service-content">
                                <h3><a href="house-cleaning.html">House Cleaning</a></h3>
                            </div>
                            <div class="service-btn">
                                <a href="house-cleaning.html" class="readmore-btn"><i class="fa-solid fa-arrow-right"></i></a>
                            </div>                      
                        </div>
                        <!-- Service Body End -->
                    </div>
                    <!-- Service Item End -->
                </div>

                <div class="col-lg-3 col-md-6">
                    <!-- Service Item Start -->
                    <div class="service-item wow fadeInUp" data-wow-delay="0.2s">
                        <!-- Service Image Start -->
                        <div class="service-image">
                            <a href="dusting-wiping.html" data-cursor-text="View">
                                <figure class="image-anime">
                                    <img src="images/service-image-2.jpg" alt="">
                                </figure>
                            </a>                            
                        </div>
                        <!-- Service Image End -->

                        <!-- Service Body Start -->
                        <div class="service-body">  
                            <div class="service-content">
                                <h3><a href="dusting-wiping.html">Dusting & Wiping</a></h3>
                            </div>
                            <div class="service-btn">
                                <a href="dusting-wiping.html" class="readmore-btn"><i class="fa-solid fa-arrow-right"></i></a>
                            </div>                      
                        </div>
                        <!-- Service Body End -->
                    </div>
                    <!-- Service Item End -->
                </div>

                <div class="col-lg-3 col-md-6">
                    <!-- Service Item Start -->
                    <div class="service-item wow fadeInUp" data-wow-delay="0.4s">
                        <!-- Service Image Start -->
                        <div class="service-image">
                            <a href="bathroom-cleaning.html" data-cursor-text="View">
                                <figure class="image-anime">
                                    <img src="images/service-image-3.jpg" alt="">
                                </figure>
                            </a>                            
                        </div>
                        <!-- Service Image End -->

                        <!-- Service Body Start -->
                        <div class="service-body">  
                            <div class="service-content">
                                <h3><a href="bathroom-cleaning.html">Bathroom Cleaning</a></h3>
                            </div>
                            <div class="service-btn">
                                <a href="bathroom-cleaning.html" class="readmore-btn"><i class="fa-solid fa-arrow-right"></i></a>
                            </div>                      
                        </div>
                        <!-- Service Body End -->
                    </div>
                    <!-- Service Item End -->
                </div>

                <div class="col-lg-3 col-md-6">
                    <!-- Service Item Start -->
                    <div class="service-item wow fadeInUp" data-wow-delay="0.6s">
                        <!-- Service Image Start -->
                        <div class="service-image">
                            <a href="laundry.html" data-cursor-text="View">
                                <figure class="image-anime">
                                    <img src="images/service-image-4.jpg" alt="">
                                </figure>
                            </a>                            
                        </div>
                        <!-- Service Image End -->

                        <!-- Service Body Start -->
                        <div class="service-body">  
                            <div class="service-content">
                                <h3><a href="laundry.html">Laundry</a></h3>
                            </div>
                            <div class="service-btn">
                                <a href="laundry.html" class="readmore-btn"><i class="fa-solid fa-arrow-right"></i></a>
                            </div>                      
                        </div>
                        <!-- Service Body End -->
                    </div>
                    <!-- Service Item End -->
                </div>

                <div class="col-lg-3 col-md-6">
                    <!-- Service Item Start -->
                    <div class="service-item wow fadeInUp" data-wow-delay="0.6s">
                        <!-- Service Image Start -->
                        <div class="service-image">
                            <a href="dishes-washing.html" data-cursor-text="View">
                                <figure class="image-anime">
                                    <img src="images/service-image-5.jpg" alt="">
                                </figure>
                            </a>                            
                        </div>
                        <!-- Service Image End -->

                        <!-- Service Body Start -->
                        <div class="service-body">  
                            <div class="service-content">
                                <h3><a href="dishes-washing.html">Dishes Washing</a></h3>
                            </div>
                            <div class="service-btn">
                                <a href="dishes-washing.html" class="readmore-btn"><i class="fa-solid fa-arrow-right"></i></a>
                            </div>                      
                        </div>
                        <!-- Service Body End -->
                    </div>
                    <!-- Service Item End -->
                </div>

                <div class="col-lg-3 col-md-6">
                    <!-- Service Item Start -->
                    <div class="service-item wow fadeInUp" data-wow-delay="0.6s">
                        <!-- Service Image Start -->
                        <div class="service-image">
                            <a href="fridge-cleaning.html" data-cursor-text="View">
                                <figure class="image-anime">
                                    <img src="images/service-image-6.jpg" alt="">
                                </figure>
                            </a>                            
                        </div>
                        <!-- Service Image End -->

                        <!-- Service Body Start -->
                        <div class="service-body">  
                            <div class="service-content">
                                <h3><a href="fridge-cleaning.html">Fridge Cleaning</a></h3>
                            </div>
                            <div class="service-btn">
                                <a href="fridge-cleaning.html" class="readmore-btn"><i class="fa-solid fa-arrow-right"></i></a>
                            </div>                      
                        </div>
                        <!-- Service Body End -->
                    </div>
                    <!-- Service Item End -->
                </div>
                <div class="col-lg-3 col-md-6">
                    <!-- Service Item Start -->
                    <div class="service-item wow fadeInUp" data-wow-delay="0.6s">
                        <!-- Service Image Start -->
                        <div class="service-image">
                            <a href="kitchen-cabinets-cleaning.html" data-cursor-text="View">
                                <figure class="image-anime">
                                    <img src="images/service-image-7.jpg" alt="">
                                </figure>
                            </a>                            
                        </div>
                        <!-- Service Image End -->

                        <!-- Service Body Start -->
                        <div class="service-body">  
                            <div class="service-content">
                                <h3><a href="kitchen-cabinets-cleaning.html">Kitchen Cabinets Cleaning</a></h3>
                            </div>
                            <div class="service-btn">
                                <a href="kitchen-cabinets-cleaning.html" class="readmore-btn"><i class="fa-solid fa-arrow-right"></i></a>
                            </div>                      
                        </div>
                        <!-- Service Body End -->
                    </div>
                    <!-- Service Item End -->
                </div>

                <div class="col-lg-3 col-md-6">
                    <!-- Service Item Start -->
                    <div class="service-item wow fadeInUp" data-wow-delay="0.6s">
                        <!-- Service Image Start -->
                        <div class="service-image">
                            <a href="cooking.html" data-cursor-text="View">
                                <figure class="image-anime">
                                    <img src="images/service-image-8.jpg" alt="">
                                </figure>
                            </a>                            
                        </div>
                        <!-- Service Image End -->

                        <!-- Service Body Start -->
                        <div class="service-body">  
                            <div class="service-content">
                                <h3><a href="cooking.html">Cooking</a></h3>
                            </div>
                            <div class="service-btn">
                                <a href="cooking.html" class="readmore-btn"><i class="fa-solid fa-arrow-right"></i></a>
                            </div>                      
                        </div>
                        <!-- Service Body End -->
                    </div>
                    <!-- Service Item End -->
                </div>
                <div class="col-lg-12">
                    <!-- Section Footer Text Start -->
                    <div class="section-footer-text wow fadeInUp" data-wow-delay="0.8s">
                        <p><span>Free</span>Let's make something great work together.<a href="contact.html">get free quote</a></p>
                    </div>
                    <!-- Section Footer Text End -->
                </div>
            </div>            
        </div>
    </div>
    <!-- Our Services Section End -->

    <!-- Why Choose Us Section Start -->
    <div class="why-choose-us">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <!-- Why Choose Content Start -->
                    <div class="why-choose-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">why choose us</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Why choose MaidORA?</h2>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">Experience trusted home care designed for comfort and convenience. Discover what makes MaidORA the preferred choice for modern homes.</p>
                        </div>
                        <!-- Section Title End -->

                        <!-- Why Choose List Start -->
                        <div class="why-choose-list wow fadeInUp" data-wow-delay="0.4s">
                            <ul>
                                <li>Verified & trusted professionals</li>
                                <li>Quick and easy booking process</li>
                                <li>Affordable and transparent pricing</li>
                                <li>Real-time service tracking</li>
                                <li>Multiple home care services in one app</li>
                                <li>Reliable support when you need it</li>
                            </ul>
                        </div>
                        <!-- Why Choose List End -->

                        <!-- Why Choose Counter Box Start -->
                        <div class="why-choose-counter-box">
                            <!-- Why Choose Counter Item Start -->
                            <div class="why-choose-counter-item">
                                <h2><span class="counter">100</span>+</h2>
                                <p>Happy Customer</p>
                            </div>
                            <!-- Why Choose Counter Item End -->

                            <!-- Why Choose Counter Item Start -->
                            <div class="why-choose-counter-item">
                                <h2><span class="counter">1</span>+</h2>
                                <p>Years of Experience</p>
                            </div>
                            <!-- Why Choose Counter Item End -->

                            <!-- Why Choose Counter Item Start -->
                            <div class="why-choose-counter-item">
                                <h2><span class="counter">200</span>+</h2>
                                <p>Services Completed</p>
                            </div>
                            <!-- Why Choose Counter Item End -->
                        </div>
                        <!-- Why Choose Counter Box End -->
                    </div>
                    <!-- Why Choose Content End -->
                </div>

                <div class="col-lg-6">
                    <!-- Why Choose Images Start -->
                    <div class="why-choose-images">
                        <!-- Why Choose Image Box 1 Start -->
                        <div class="why-choose-image-box-1">
                            <!-- Why Choose Image Start -->
                            <div class="why-choose-image why-img-1">
                                <figure class="image-anime reveal">
                                    <img src="images/why-choose-image-1.jpg" alt="">
                                </figure>
                            </div>
                            <!-- Why Choose Image End -->

                            <!-- Why Choose Image Start -->
                            <div class="why-choose-image why-img-2">
                                <figure class="image-anime reveal">
                                    <img src="images/why-choose-image-2.jpg" alt="">
                                </figure>
                            </div>
                            <!-- Why Choose Image End -->
                        </div>
                        <!-- Why Choose Image Box 1 End -->
                         
                        <!-- Why Choose Image Box 2 Start -->
                        <div class="why-choose-image-box-2">
                            <!-- Why Choose Image Start -->
                            <div class="why-choose-image why-img-3">
                                <figure class="image-anime reveal">
                                    <img src="images/why-choose-image-3.jpg" alt="">
                                </figure>
                            </div>
                            <!-- Why Choose Image End -->
                        </div>
                        <!-- Why Choose Image Box 2 End -->

                        <!-- Contact Now Box Start -->
                        <div class="contact-now-box">
                            <a href="contact.html"><img src="images/contact-now-circle.svg" alt=""></a>
                        </div>
                        <!-- Contact Now Box End -->
                    </div>
                    <!-- Why Choose Images End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Why Choose Us Section End -->

    <!-- How It Work Section Start -->
    <div class="how-it-work bg-section dark-section">
        <div class="container">
            <div class="row section-row align-items-center">
                <div class="col-lg-12">
                    <!-- Section Title Start -->
                    <div class="section-title section-title-center">
                        <h3 class="wow fadeInUp">how it work</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Download the app and book in seconds</h2>
                        <p>MaidORA will soon be available on the App Store and Google Play. With just a few clicks:</p>
                    </div>
                    <!-- Section Title End -->
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <!-- How Work Item Start -->
                    <div class="how-work-item wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
                        <div class="how-work-item-image">
                            <figure class="image-anime">
                                <img src="images/how-work-image-1.png" alt="">
                            </figure>

                            <div class="how-work-item-no">
                                <h3>01</h3>
                            </div>
                        </div>
                        <div class="how-work-item-content">
                            <h3>Choose a Service</h3>
                            <p>Select the home service you need cleaning, cooking, laundry, bathroom cleaning, kitchen prep, and more.</p>
                        </div>
                    </div>
                    <!-- How Work Item End -->
                </div>
                <div class="col-lg-3 col-md-6">
                    <!-- How Work Item Start -->
                    <div class="how-work-item wow fadeInUp" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                        <div class="how-work-item-image">
                            <figure class="image-anime">
                                <img src="images/how-work-image-2.png" alt="">
                            </figure>

                            <div class="how-work-item-no">
                                <h3>02</h3>
                            </div>
                        </div>
                        <div class="how-work-item-content">
                            <h3>Schedule Your Booking</h3>
                            <p>Pick your preferred date, time, and service duration that fits your routine.</p>
                        </div>
                    </div>
                    <!-- How Work Item End -->
                </div>

                <div class="col-lg-3 col-md-6">
                    <!-- How Work Item Start -->
                    <div class="how-work-item wow fadeInUp" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
                        <div class="how-work-item-image">
                            <figure class="image-anime">
                                <img src="images/how-work-image-3.png" alt="">
                            </figure>

                            <div class="how-work-item-no">
                                <h3>03</h3>
                            </div>
                        </div>
                        <div class="how-work-item-content">
                            <h3>Get Matched Instantly</h3>
                            <p>MaidORA assigns a trusted and verified professional near your location.</p>
                        </div>
                    </div>
                    <!-- How Work Item End -->
                </div>

                <div class="col-lg-3 col-md-6">
                    <!-- How Work Item Start -->
                    <div class="how-work-item wow fadeInUp" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
                        <div class="how-work-item-image">
                            <figure class="image-anime">
                                <img src="images/how-work-image-4.png" alt="">
                            </figure>

                            <div class="how-work-item-no">
                                <h3>04</h3>
                            </div>
                        </div>
                        <div class="how-work-item-content">
                            <h3>Relax While We Handle It</h3>
                            <p>Track your service in real time and enjoy a clean, comfortable, and stress-free home.</p>
                        </div>
                    </div>
                    <!-- How Work Item End -->
                </div>

              

                <div class="col-lg-12">
                    <!-- Section Footer Text Start -->
                    <div class="section-footer-text wow fadeInUp" data-wow-delay="0.8s" style="visibility: visible; animation-delay: 0.8s; animation-name: fadeInUp;">
                        <p>24/7 Customer Support  Ready Whenever You Need Us. <a href="contact.html">get free quote</a></p>
                    </div>
                    <!-- Section Footer Text End -->
                </div>
            </div>

             
        </div>
    </div>
    <!-- How It Work Section End -->

    <!-- Our Testimonial Section Start -->
    <div class="our-testimonial">
        <div class="container">
            <div class="row section-row align-items-center">
                <div class="col-lg-12">
                    <!-- Section Title Start -->
                    <div class="section-title section-title-center">
                        <h3 class="wow fadeInUp">testimonials</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Customer testimonials see what our clients say</h2>
                    </div>
                    <!-- Section Title End -->
                </div>
            </div>
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <!-- Testimonial Slider Start -->
                    <div class="testimonial-slider">
                        <div class="swiper">
                            <div class="swiper-wrapper" data-cursor-text="Drag">
                                <!-- Testimonial Slide Start -->
                                <div class="swiper-slide">
                                    <div class="testimonial-item">
                                        <div class="testimonial-rating">
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                        </div>                              
                                        <div class="testimonial-content">
                                            <p>I booked bathroom cleaning and was impressed with the quality. The app is simple to use and the staff was polite.</p>
                                        </div>
                                        <div class="testimonial-body">
                                            <div class="testimonial-author">
                                                <div class="author-image">
                                                    <figure class="image-anime">
                                                        <img src="images/author-1.jpg" alt="">
                                                    </figure>
                                                </div>
                                                <div class="author-content">
                                                    <h3>Jenny Wilson</h3>
                                                </div>
                                            </div> 
                                            <div class="testimonial-quote">
                                                <img src="images/testimonial-quote.svg" alt="">
                                            </div>                                              
                                        </div>                                    
                                    </div>
                                </div>
                                <!-- Testimonial Slide End -->

                                <!-- Testimonial Slide Start -->
                                <div class="swiper-slide">
                                    <div class="testimonial-item">
                                        <div class="testimonial-rating">
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                        </div>                              
                                        <div class="testimonial-content">
                                            <p>Excellent experience. The maid was professional, punctual, and very detail-oriented. Highly recommended.</p>
                                        </div>
                                        <div class="testimonial-body">
                                            <div class="testimonial-author">
                                                <div class="author-image">
                                                    <figure class="image-anime">
                                                        <img src="images/author-2.jpg" alt="">
                                                    </figure>
                                                </div>
                                                <div class="author-content">
                                                    <h3>Sophia Reynolds</h3>
                                                </div>
                                            </div> 
                                            <div class="testimonial-quote">
                                                <img src="images/testimonial-quote.svg" alt="">
                                            </div>                                              
                                        </div>                                  
                                    </div>
                                </div>
                                <!-- Testimonial Slide End -->

                                <!-- Testimonial Slide Start -->
                                <div class="swiper-slide">
                                    <div class="testimonial-item">
                                        <div class="testimonial-rating">
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                        </div>                              
                                        <div class="testimonial-content">
                                            <p>Laundry and kitchen cleaning service was amazing. My home felt fresh and organized after the service.</p>
                                        </div>
                                        <div class="testimonial-body">
                                            <div class="testimonial-author">
                                                <div class="author-image">
                                                    <figure class="image-anime">
                                                        <img src="images/author-3.jpg" alt="">
                                                    </figure>
                                                </div>
                                                <div class="author-content">
                                                    <h3>Michael Carter</h3>
                                                </div>
                                            </div> 
                                            <div class="testimonial-quote">
                                                <img src="images/testimonial-quote.svg" alt="">
                                            </div>                                              
                                        </div>                                   
                                    </div>
                                </div>
                                <!-- Testimonial Slide End -->
                            </div>
                            <div class="testimonial-pagination"></div>
                        </div>
                    </div>
                    <!-- Testimonial Slider End -->
                </div> 
            </div>
        </div>
    </div>
    <!-- Our Testimonial Section End -->

    <div class="dounload-app-section " id="dounload-app">
        <div class="container">
            <div class="download-app-wrapper">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="section-title section-title-center">
                            <h3 class="wow fadeInUp">Download App</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Download the MaidORA App</h2>
                            <p class="mb-3 wow fadeInUp" data-wow-delay="0.2s">Experience next-level home care with MaidORA. Book your trusted service today!</p>
                            
                            <ul class="app_btn wow fadeInUp" data-wow-delay="0.2s">
                                <li>
                                  <a href="#">
                                    <img class="blue_img" src="images/black_google_play.webp" alt="image">
                                  </a>
                                </li>
                                <li>
                                  <a href="#">
                                    <img class="blue_img" src="images/black_appstore.webp" alt="image">
                                  </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="text-center">
                            <img src="images/our_app.png" alt="image">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 


    



    <!-- Our Testimonials Section Start -->
    <div class="our-testimonials">
        <div class="container">
            <div class="row section-row">
                <div class="col-lg-12">
                    <!-- Section Title Start -->
                    <div class="section-title section-title-center">
                        <h3 class="wow fadeInUp">testimonials</h3>
                        <h2 class="wow fadeInUp" data-wow-delay="0.2s" data-cursor="-opaque"><span>Trusted feedback </span>from our clients</h2>
                    </div>
                    <!-- Section Title End -->
                </div>               
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <!-- Testimonial Slide Start -->
                    <div class="testimonial-slider">
                        <div class="swiper">
                            <div class="swiper-wrapper">
                                <!-- Testimonial Slide Start -->
                                <?php if($testimonial_list){
                                foreach($testimonial_list as $testimonial){
                                ?>
                                <div class="swiper-slide">
                                    <div class="testimonial-item">
                                        <div class="testimonial-header">
                                            <div class="testimonial-author-box">
                                                <div class="author-content">
                                                    <h3><?=$testimonial['name']?></h3>
                                                    <p><?=$testimonial['city']?></p>
                                                </div>  
                                            </div>        
                                            <div class="testimonial-quote">
                                                <img src="images/testimonial-quote.svg" alt="<?=$testimonial['name']?>">
                                            </div>
                                        </div>                              
                                        <div class="testimonial-content">
                                            <p><?=$testimonial['description']?></p>
                                        </div>                              
                                    </div>
                                </div>
                                <?php }} ?>

                            </div>
                            <div class="testimonial-btn">
                                <div class="testimonial-button-prev"></div>
                                <div class="testimonial-button-next"></div>
                            </div>
                        </div>
                    </div>
                    <!-- Testimonial Slide End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Our Testimonials Section End -->


    <script>
        function getApponintmentMadal(){
            $('#popup_wrapper_modal').modal('show');
            $.get("<?=base_url('home/appointement_modal')?>", function(data, status){
                //alert("Data: " + data + "\nStatus: " + status);
                $('#popup_wrapper_model_content').html(data);
                
            });
        }

        function postAppointementModal(){
            var formData = $('#contact_form').serialize();
            var url = $('#contact_form').attr('action');
            $.post(url, formData, function(result){
                console.log(result);
                var respObj = result.split('|');
                if(respObj[0]=='SUCCESS'){
                    $('#popup_wrapper_modal').modal('hide');
                }else{
                    $('#popup_wrapper_model_content').html(result);
                } 
            });
        }
    </script>
    

