{% include 'public_header.html' %}

  <main>
    <main class="app">
      <section class="banner_block">
        <div class="container">
          <div class="banner_main_block">
            <div class="banner_main">
              <div class="banner_content">
                <div class="banner_title">
                  <h2>
                    Get Expert <br>Assistance to Transform<br>
                    <span class="dynamic-text">
                      <span class="typewriter"></span>
                    </span>
                  </h2>
                </div>
                
                <div class="google_section">
                  <div class="rating_section">
                    <div class="google_img"><img alt="Description of the image" loading="lazy" width="50" height="50"
                        decoding="async" data-nimg="1"
                        srcset="/static/HandySquad - Home_files/google-icon.png"
                        src="/static/HandySquad - Home_files/google-icon.png" style="color: transparent;"></div>
                    <div class="google_rating" style="cursor: pointer;">
                      <div class="google_rating_star">
                        <p>5</p><span style="display: inline-block; direction: ltr;"><span
                            style="cursor: inherit; display: inline-block; position: relative;"><span
                              style="visibility: hidden;"><span class="far fa-star rating-star"></span></span><span
                              style="display: inline-block; position: absolute; overflow: hidden; top: 0px; left: 0px; width: 100%;"><span
                                class="fas fa-star rating-star"></span></span></span><span
                            style="cursor: inherit; display: inline-block; position: relative;"><span
                              style="visibility: hidden;"><span class="far fa-star rating-star"></span></span><span
                              style="display: inline-block; position: absolute; overflow: hidden; top: 0px; left: 0px; width: 100%;"><span
                                class="fas fa-star rating-star"></span></span></span><span
                            style="cursor: inherit; display: inline-block; position: relative;"><span
                              style="visibility: hidden;"><span class="far fa-star rating-star"></span></span><span
                              style="display: inline-block; position: absolute; overflow: hidden; top: 0px; left: 0px; width: 100%;"><span
                                class="fas fa-star rating-star"></span></span></span><span
                            style="cursor: inherit; display: inline-block; position: relative;"><span
                              style="visibility: hidden;"><span class="far fa-star rating-star"></span></span><span
                              style="display: inline-block; position: absolute; overflow: hidden; top: 0px; left: 0px; width: 100%;"><span
                                class="fas fa-star rating-star"></span></span></span><span
                            style="cursor: inherit; display: inline-block; position: relative;"><span
                              style="visibility: hidden;"><span class="far fa-star rating-star"></span></span><span
                              style="display: inline-block; position: absolute; overflow: hidden; top: 0px; left: 0px; width: 100%;"><span
                                class="fas fa-star rating-star"></span></span></span></span>
                      </div>
                      <div class="rating_text">
                        <p> Google Rating</p>
                      </div>
                    </div>
                  </div>
                  <div class="review_section">
                    <div class="review_img"><img alt="Description of the image" loading="lazy" width="50" height="50"
                        decoding="async" data-nimg="1"
                        srcset="/static/HandySquad - Home_files/review-count.png"
                        src="/static/HandySquad - Home_files/review-count.png" style="color: transparent;"></div>
                    <div style="cursor: pointer;">
                      <div class="review_count">
                        <p>10</p>
                      </div>
                      <div class="review_text">
                        <p>Google Reviews</p>
                      </div>
                    </div>
                  </div>
                </div>
                
              </div>
            </div>
            <div class="banner_slide_img">
              <div class="slider_img">
                <div class="slider-container">
                  
                    <div class="slick-list">
                      <div class="slick-track">
                        <!-- Slide 1 -->
                        <div class="slick-slide" data-index="0" aria-hidden="false" >
                          <div>
                            <img
                              alt="Slide 1"
                              loading="lazy"
                              decoding="async"
                              src="/static/HandySquad - Home_files/b1.png"
                              style="width: 100%; height: 100%;"
                            />
                          </div>
                        </div>
                        <!-- Slide 2 -->
                        <div class="slick-slide" data-index="1" aria-hidden="true">
                          <div>
                            <img
                              alt="Slide 2"
                              loading="lazy"
                              decoding="async"
                              src="/static/Post-Construction Deep Cleaning/freepik_edit_Candid-image-photography-natural-textures-highly-r (2).jpg"
                              style="width: 100%; height: auto;"
                            />
                          </div>
                        </div>
                        <!-- Slide 3 -->
                        <div class="slick-slide" data-index="2" aria-hidden="true">
                          <div>
                            <img
                              alt="Slide 3"
                              loading="lazy"
                              decoding="async"
                              src="/static/home/home.webp"
                              style="width: 100%; height: auto;"
                            />
                          </div>
                        </div>
                      </div>
                    
                </div>
              </div>
            </div>
            
          </div>
        </div>
      </section>
      <section class="offer_section section_block">
        <div class="container">
          <div class="section_head_main offer_head">
            <div class="section_head service">
              <h3 class="offers_main_heading">Our Offers</h3>
              <p class="offers_sub_heading">Discover unbeatable offers tailored to meet all your home maintenance needs
                with ease.</p>
            </div>
          </div>
          <div class="swiper swiper-initialized swiper-horizontal mySwiper swiper-backface-hidden">
            <div class="swiper-wrapper">
              <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0"
                style="cursor: pointer; width: 486.667px; margin-right: 20px;">
                <div class="offer_slider_img" target="_blank" rel="noopener noreferrer" style="display: block;"><img
                    src="/static/HandySquad - Home_files/3-content-post1.jpg" alt="Offer Image">
                </div>
              </div>
              <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1"
                style="cursor: pointer; width: 486.667px; margin-right: 20px;">
                <div class="offer_slider_img" target="_blank" rel="noopener noreferrer" style="display: block;"><img
                    src="/static/HandySquad - Home_files/3-content-post2.jpg" alt="Offer Image">
                </div>
              </div>
              <div class="swiper-slide" data-swiper-slide-index="2"
                style="cursor: pointer; width: 486.667px; margin-right: 20px;">
                <div class="offer_slider_img" target="_blank" rel="noopener noreferrer" style="display: block;"><img
                    src="/static/HandySquad - Home_files/3-content-post3.jpg" alt="Offer Image">
                </div>
              </div>
            </div>
            <div class="swiper-button-prev swiper-button-lock"></div>
            <div class="swiper-button-next swiper-button-lock"></div>
            <div class="swiper-pagination"></div>
          </div>
        </div>
      </section>


      <section class="service_section section_block">
        <div class="container">
          <div class="service_main">
            <div class="section_head_main">
              <div class="section_head service">
                <h3 class="service_main_heading">Have a Quick Look</h3>
                <p class="service_sub_heading">Book our services quickly online and enjoy hassle-free home maintenance
                  solutions today</p>
              </div><a class="view_all_btn" href="deep_cleaning">
                <p>View All</p>
              </a>
            </div>
            <div class="service_block">
              <div class="service_grid">
                <div class="service_items">
                  <div class="service_card">
                      <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;">
                          <img src="\static\Deep Cleaning\Luxe Deep Cleaning\freepik_edit_Candid-image-photography-natural-textures-highly-r (1).jpg" alt="Deep Cleaning">
                      </div>
                      <div class="service_card_bottom">
                          <div class="service_card_details">
                              <h4>Deep Cleaning</h4>
                              <p>Cleaning by professionals to breathe new life into your area</p>
                          </div>
                          <div class="service_card_btn">
                              <button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                                  tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span class="MuiTouchRipple-root css-w0pj6f"></span></button>
                          </div>
                      </div>
                  </div>
              </div>
                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;">
                      <img
                        src="/static/HandySquad - Home_files/deep cleaning.webp"
                        alt="Deep Cleaning Vacant"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Normal cleaning </h4>
                        <p>Thorough, painstaking cleaning for pristine, new rooms.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>
                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';"style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/event and cater cleaning.webp"
                        alt="Move-in Deep Cleaning"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Event and cater cleaning</h4>
                        <p>Greeting areas prepared for your fresh start.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>
                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Floor cleaning service.webp"
                        alt="Move-out Cleaning"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Floor cleaning service</h4>
                        <p>Make sure your former residence is pristine for the incoming occupants.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>
                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Glass and facade deep cleaning.png"
                        alt="Post-Construction Deep Cleaning"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Glass and facade deep cleaning</h4>
                        <p>Thorough, painstaking cleaning to create pristine, new areas.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>
                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Industrial area cleaning.webp"
                        alt="Interior Project Completion"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Industrial area cleaning </h4>
                        <p>Comprehensive, meticulous cleaning for fresh, spotless spaces.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>
                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Kitchen cleaning.webp"
                        alt="Painting Services"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Kitchen cleaning </h4>
                        <p>Transforming spaces with precision, quality, and a fresh splash of color.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>
                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Marble polish.webp"
                        alt="Electrical Services"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Marble polish </h4>
                        <p>Swift, reliable solutions to keep your home safe and fully operational.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>

                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Move in deep cleaning.webp"
                        alt="Painting Services"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Move in deep cleaning  </h4>
                        <p>Transforming spaces with precision, quality, and a fresh splash of color.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>

                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Move out deep cleaning.webp"
                        alt="Painting Services"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Move out deep cleaning  </h4>
                        <p>Transforming spaces with precision, quality, and a fresh splash of color.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>

                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Office deep cleaning.webp"
                        alt="Painting Services"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Office deep cleaning   </h4>
                        <p>Transforming spaces with precision, quality, and a fresh splash of color.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>

                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/General pest control.webp"
                        alt="Painting Services"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>General pest control </h4>
                        <p>Transforming spaces with precision, quality, and a fresh splash of color.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>

                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Post construction deep cleaning.webp"
                        alt="Painting Services"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Post construction deep cleaning</h4>
                        <p>Transforming spaces with precision, quality, and a fresh splash of color.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>

                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Religious building cleaning.webp"
                        alt="Painting Services"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Religious building cleaning</h4>
                        <p>Transforming spaces with precision, quality, and a fresh splash of color.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>

                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Restaurant deep cleaning.webp"
                        alt="Painting Services"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Restaurant deep cleaning</h4>
                        <p>Transforming spaces with precision, quality, and a fresh splash of color.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>

                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Showroom deep cleaning.webp"
                        alt="Painting Services"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Showroom deep cleaning</h4>
                        <p>Transforming spaces with precision, quality, and a fresh splash of color.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>

                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Window cleaning.webp"
                        alt="Painting Services"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Window cleaning </h4>
                        <p>Transforming spaces with precision, quality, and a fresh splash of color.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>


                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Steel polish.webp"
                        alt="Painting Services"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Steel polish </h4>
                        <p>Transforming spaces with precision, quality, and a fresh splash of color.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>

                <div class="service_items">
                  <div class="service_card">
                    <div class="service_card_img" onclick="window.location.href='/deep_cleaning';" style="cursor: pointer;"><img
                        src="/static/HandySquad - Home_files/Brass polish.webp"
                        alt="Painting Services"></div>
                    <div class="service_card_bottom">
                      <div class="service_card_details">
                        <h4>Brass polish</h4>
                        <p>Transforming spaces with precision, quality, and a fresh splash of color.</p>
                      </div>
                      <div class="service_card_btn"><button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary service_view_btn css-1hw9j7s"
                          tabindex="0" type="button" onclick="window.location.href='/deep_cleaning';">View<span><i class="ri-arrow-right-s-line"></i></span><span
                            class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                    </div>
                  </div>
                </div>

                


              </div>
            </div>
          </div>
        </div>
      </section>



      <section class="about_home_section section_block">
        <div class="container">
          <div class="about_home_main">
            <div class="about_home_content">
              <h2>Trusted Solutions to All of Your Home Maintenance Needs</h2>
              <p>You can rely on us for dependable home maintenance solutions at any stage, from little repairs to large renovations.</p>
              <div class="about_btn"><a href="tel:+91 9846906955"><button
                    class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_secondary radius_secondary header_call css-1dhhdpo"
                    tabindex="0" type="button"><span class="phone_icon"><i class="ri-phone-line"></i></span><span>Call
                      Us Now</span><span class="MuiTouchRipple-root css-w0pj6f"></span></button></a></div>
            </div>
            <div class="about_img"><img src="/static/HandySquad - Home_files/12.jpg" alt="maintenance"
                style="display: block;"></div>
          </div>
        </div>
      </section>
      <section class="category_block section_block">
        <div class="container">
          <div class="category_main">
            <div class="category_img"><img src="/static/HandySquad - Home_files/14.png" alt="HandySquad"></div>
            <div class="category_item_block">
              <div class="category_head">
                <div>
                  <h4>Cleaning Services</h4>
                </div>
                <div><a class="view_all_btn" href="#service-listing">
                    <p>View All</p>
                  </a></div>
              </div>
              <div class="category_items_main">
                <div class="category_items_list">
                  <div class="category_item_icon"><img src="/static/HandySquad - Home_files/16.png"
                      alt="Deep Cleaning icon"></div>
                  <div class="category_items_details">
                    <h4>Deep Cleaning</h4>
                    <p>Professional cleaning to revitalize your space</p>
                  </div>
                </div>
                <div class="category_items_list">
                  <div class="category_item_icon"><img src="/static/HandySquad - Home_files/17.png"
                      alt="Deep Cleaning Vacant icon"></div>
                  <div class="category_items_details">
                    <h4>General Cleaning</h4>
                    <p>Comprehensive, meticulous cleaning for fresh, spotless spaces.</p>
                  </div>
                </div>
                <div class="category_items_list">
                  <div class="category_item_icon"><img src="/static/HandySquad - Home_files/18.png"
                      alt="Move-out Cleaning icon"></div>
                  <div class="category_items_details">
                    <h4>Move-out Cleaning</h4>
                    <p>Leave your old home spotless for the next residents.</p>
                  </div>
                </div>
                <div class="category_items_list">
                  <div class="category_item_icon"><img src="/static/HandySquad - Home_files/19.png"
                      alt="Move-in Deep Cleaning icon"></div>
                  <div class="category_items_details">
                    <h4>Move-in Deep Cleaning</h4>
                    <p>Welcoming spaces ready for your new start.</p>
                  </div>
                </div>
                <div class="category_items_list">
                  <div class="category_item_icon"><img src="/static/HandySquad - Home_files/20.png"
                      alt="Post-Construction Deep Cleaning icon"></div>
                  <div class="category_items_details">
                    <h4>Post-Construction Deep Cleaning</h4>
                    <p>Comprehensive, meticulous cleaning for fresh, spotless spaces.</p>
                  </div>
                </div>
                <div class="category_items_list">
                  <div class="category_item_icon"><img src="/static/HandySquad - Home_files/tenant.png"
                      alt="New-born Baby Home Cleaning icon"></div>
                  <div class="category_items_details">
                    <h4>Csquad Special Cleaning</h4>
                    <p>Ensure a safe, spotless environment for your baby.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
         
      </section>
      <section class="principle_Section">
        <div class="container">
          <div class="principle_block">
            <div class="principle_head">
              <h3>Our Values</h3>
              <p>Discover what makes us unique: dependability, quality, and customised home solutions</p>
            </div>
            <div class="principle_grid">
              <div class="principle_content">
                <div class="principle_icon"><img alt="Principle" loading="lazy" width="90" height="95" decoding="async"
                    data-nimg="1"
                    srcset="/static/HandySquad - Home_files/principles-2.jpeg"
                    src="/static/HandySquad - Home_files/25.png" style="color: transparent;"></div>
                <div class="principle_details"><span>100% Satisfaction</span>
                  <p>Guarantee</p>
                </div>
              </div>
              <div class="principle_content">
                <div class="principle_icon"><img alt="Principle" loading="lazy" width="90" height="95" decoding="async"
                    data-nimg="1"
                    srcset="/static/HandySquad - Home_files/principles-6.jpeg"
                    src="/static/HandySquad - Home_files/24.png" style="color: transparent;"></div>
                <div class="principle_details"><span>Premium</span>
                  <p>Service</p>
                </div>
              </div>
              <div class="principle_content">
                <div class="principle_icon"><img alt="Principle" loading="lazy" width="90" height="95" decoding="async"
                    data-nimg="1"
                    srcset="/static/HandySquad - Home_files/principles-4.jpeg"
                    src="/static/HandySquad - Home_files/23.png" style="color: transparent;"></div>
                <div class="principle_details"><span>Quality</span>
                  <p>Professionals</p>
                </div>
              </div>
              <div class="principle_content">
                <div class="principle_icon"><img alt="Principle" loading="lazy" width="90" height="95" decoding="async"
                    data-nimg="1"
                    srcset="/static/HandySquad - Home_files/principles-1.jpeg"
                    src="/static/HandySquad - Home_files/22.png" style="color: transparent;"></div>
                <div class="principle_details"><span>Customer</span>
                  <p>Centric</p>
                </div>
              </div>
              <div class="principle_content">
                <div class="principle_icon"><img alt="Principle" loading="lazy" width="90" height="95" decoding="async"
                    data-nimg="1"
                    srcset="/static/HandySquad - Home_files/principles-3.jpeg"
                    src="/static/HandySquad - Home_files/21.png" style="color: transparent;"></div>
                <div class="principle_details"><span>Advanced</span>
                  <p>Machinery</p>
                </div>
              </div>
              <div class="principle_content">
                <div class="principle_icon"><img alt="Principle" loading="lazy" width="90" height="95" decoding="async"
                    data-nimg="1"
                    srcset="/static/HandySquad - Home_files/principles-5.jpeg"
                    src="/static/HandySquad - Home_files/trust_17026916.png" style="color: transparent;"></div>
                <div class="principle_details"><span>Trust &amp;</span>
                  <p>Reliability</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="steps_section">
        <div class="container section_block">
          <div class="steps_main">
            <div class="section_head_main">
              <div class="section_head steps_head">
                <h3>Book Your Service in 3 Simple Steps</h3>
                <p>Effortlessly schedule your service: pick, book, and relax with ease.</p>
              </div>
              <div>
                <a href="tel:+91 9846906955">
                  <button
                    class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_secondary radius_secondary header_call css-1dhhdpo"
                    tabindex="0" type="button">
                    <span class="phone_icon"><i class="ri-smartphone-line"></i></span><span>Contact Us</span><span
                      class="MuiTouchRipple-root css-w0pj6f"></span>
                  </button>
                </a>
              </div>
            </div>
            <div class="steps_grid">
              <div class="steps_block">
                <div class="steps_img">
                  <img alt="easy steps" loading="lazy" width="110" height="115" decoding="async" data-nimg="1"
                    srcset="/static/HandySquad - Home_files/step1_new_icon.jpeg"
                    src="/static/HandySquad - Home_files/28.png" style="color: transparent;">
                </div>
                <div class="steps_details">
                  <h4>Select a Service</h4>
                  <p>Browse and select from a wide range of tailored home care options.</p>
                </div>
              </div>
              <div class="steps_block">
                <div class="steps_img">
                  <img alt="easy steps" loading="lazy" width="110" height="115" decoding="async" data-nimg="1"
                    srcset="/static/HandySquad - Home_files/step2_new_icon.jpeg"
                    src="/static/HandySquad - Home_files/27.png" style="color: transparent;">
                </div>
                <div class="steps_details">
                  <h4>Set a Convenient Time</h4>
                  <p>Choose the best time slot for a seamless home service experience.</p>
                </div>
              </div>
              <div class="steps_block">
                <div class="steps_img">
                  <img alt="easy steps" loading="lazy" width="110" height="115" decoding="async" data-nimg="1"
                    srcset="/static/HandySquad - Home_files/step3_new_icon.jpeg"
                    src="/static/HandySquad - Home_files/26.png" style="color: transparent;">
                </div>
                <div class="steps_details">
                  <h4>Relax and Enjoy</h4>
                  <p>Let us handle your home's upkeep while you unwind and enjoy your day.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      
      <!-- <section class="stat_section">
        <div class="container">
          <div class="stat_grid">
            <div class="stat_content">
              <div class="stat_icon">
                <div class="stat_icon"><img alt="stats" loading="lazy" width="120" height="120" decoding="async"
                    data-nimg="1"
                    srcset="/static/HandySquad - Home_files/static-1.jpeg"
                    src="/static/HandySquad - Home_files/static-1.jpeg" style="color: transparent;"></div>
              </div>
              <div class="stat_details">
                <h3>
                  <div class="counter">0</div> L +
                </h3>
                <p>Customers Served</p>
              </div>
            </div>
            <div class="stat_content">
              <div class="stat_icon"><img alt="stats" loading="lazy" width="120" height="120" decoding="async"
                  data-nimg="1"
                  srcset="/static/HandySquad - Home_files/static-2.jpeg"
                  src="/static/HandySquad - Home_files/static-2.jpeg" style="color: transparent;"> </div>
              <div class="stat_details">
                <h3>
                  <div class="counter">0</div><span> K +</span>
                </h3>
                <p>Houses Cleaned</p>
              </div>
            </div>
            <div class="stat_content">
              <div class="stat_icon"><img alt="stats" loading="lazy" width="120" height="120" decoding="async"
                  data-nimg="1"
                  srcset="/static/HandySquad - Home_files/static-3.jpeg"
                  src="/static/HandySquad - Home_files/static-3.jpeg" style="color: transparent;"></div>
              <div class="stat_details">
                <h3>
                  <div class="counter">0</div> K+
                </h3>
                <p>Repairs Completed</p>
              </div>
            </div>
            <div class="stat_content">
              <div class="stat_icon"><img alt="stats" loading="lazy" width="120" height="120" decoding="async"
                  data-nimg="1"
                  srcset="/static/HandySquad - Home_files/static-4.jpeg"
                  src="/static/HandySquad - Home_files/static-4.jpeg" style="color: transparent;"></div>
              <div class="stat_details">
                <h3>
                  <div class="counter">0</div> K+
                </h3>
                <p>5 Star Rating</p>
              </div>
            </div>
          </div>
        </div>
      </section> -->
      <!-- <div class="brand_logo_section section_block">
        <div class="container">
          <div class="brand_slider_main">
            <div class="slick-slider brand_imgs slick-initialized" dir="ltr"><button type="button" data-role="none"
                class="slick-arrow slick-prev" style="display: block;"> Previous</button>
              <div class="slick-list">
                <div class="slick-track"
                  style="width: 5168px; opacity: 1; transform: translate3d(-1824px, 0px, 0px); transition: -webkit-transform 3000ms linear;">
                  <div data-index="-5" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"
                    style="width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/grand-hyatt.jpg" alt="grand-hyatt.jpg"></div>
                    </div>
                  </div>
                  <div data-index="-4" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"
                    style="width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/Metro.jpg" alt="Metro.jpg"></div>
                    </div>
                  </div>
                  <div data-index="-3" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"
                    style="width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/Lulu.jpg" alt="Lulu.jpg"></div>
                    </div>
                  </div>
                  <div data-index="-2" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"
                    style="width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/obythamara.jpg" alt="obythamara.jpg"></div>
                    </div>
                  </div>
                  <div data-index="-1" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"
                    style="width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/ISRO.jpg" alt="ISRO.jpg"></div>
                    </div>
                  </div>
                  <div data-index="0" class="slick-slide" tabindex="-1" aria-hidden="true"
                    style="outline: none; width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/Bosq.jpg" alt="Bosq.jpg"></div>
                    </div>
                  </div>
                  <div data-index="1" class="slick-slide slick-active slick-current" tabindex="-1" aria-hidden="false"
                    style="outline: none; width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/grand-hyatt.jpg" alt="grand-hyatt.jpg"></div>
                    </div>
                  </div>
                  <div data-index="2" class="slick-slide slick-active" tabindex="-1" aria-hidden="false"
                    style="outline: none; width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/Metro.jpg" alt="Metro.jpg"></div>
                    </div>
                  </div>
                  <div data-index="3" class="slick-slide slick-active" tabindex="-1" aria-hidden="false"
                    style="outline: none; width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/Lulu.jpg" alt="Lulu.jpg"></div>
                    </div>
                  </div>
                  <div data-index="4" class="slick-slide slick-active" tabindex="-1" aria-hidden="false"
                    style="outline: none; width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/obythamara.jpg" alt="obythamara.jpg"></div>
                    </div>
                  </div>
                  <div data-index="5" class="slick-slide slick-active" tabindex="-1" aria-hidden="false"
                    style="outline: none; width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/ISRO.jpg" alt="ISRO.jpg"></div>
                    </div>
                  </div>
                  <div data-index="6" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"
                    style="width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/Bosq.jpg" alt="Bosq.jpg"></div>
                    </div>
                  </div>
                  <div data-index="7" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"
                    style="width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/grand-hyatt.jpg" alt="grand-hyatt.jpg"></div>
                    </div>
                  </div>
                  <div data-index="8" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"
                    style="width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/Metro.jpg" alt="Metro.jpg"></div>
                    </div>
                  </div>
                  <div data-index="9" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"
                    style="width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/Lulu.jpg" alt="Lulu.jpg"></div>
                    </div>
                  </div>
                  <div data-index="10" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"
                    style="width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/obythamara.jpg" alt="obythamara.jpg"></div>
                    </div>
                  </div>
                  <div data-index="11" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"
                    style="width: 304px;">
                    <div>
                      <div tabindex="-1" style="width: 100%; display: inline-block;"><img
                          src="/static/HandySquad - Home_files/ISRO.jpg" alt="ISRO.jpg"></div>
                    </div>
                  </div>
                </div>
              </div><button type="button" data-role="none" class="slick-arrow slick-next" style="display: block;">
                Next</button>
            </div>
          </div>
        </div>
      </div> -->
      <!-- <section class="content_section section_block">
        <div class="container">
          <div class="content_main_block">
            <div class="content_img"><img src="/static/HandySquad - Home_files/home-1.webp" alt="handysQuad"
                style="display: block;"></div>
            <div class="content_details_block">
              <div class="content_details">
                <h3>Making an appointment with us is simple and &amp; quick!</h3>
                <p>Making a service reservation with us is simple and quick. We'll handle the rest; just pick the service you require and a time and date that works for you. You will be left with an area that feels and looks fantastic once our skilled personnel come on schedule and do the task quickly and effectively.
                </p>
              </div>
              <div class="content_btn_section">
                <div class="head_book_btn"><button
                    class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_primary radius_primary css-1hw9j7s"
                    tabindex="0" type="button">
                    <div><span><i class="feather-calendar"></i></span><span class="text-nowrap">Book a Service</span>
                    </div><span class="MuiTouchRipple-root css-w0pj6f"></span>
                  </button>
                  <div>
                    <div>
                      <div class="grecaptcha-badge" data-style="none"
                        style="width: 256px; height: 60px; position: fixed; visibility: hidden;">
                        <div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60"
                            role="presentation" name="a-svdkmpjwk9w0" frameborder="0" scrolling="no"
                            sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
                            src="/static/HandySquad - Home_files/anchor(1).html"></iframe></div>
                        <div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-1"
                          name="g-recaptcha-response" class="g-recaptcha-response"
                          style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="head_call_btn"><a href="tel:+91 9846906955"><button
                      class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary btn btn_secondary radius_secondary header_call css-1dhhdpo"
                      tabindex="0" type="button"><span class="phone_icon"><i class="ri-phone-line"></i></span><span>Call
                        Us Now</span><span class="MuiTouchRipple-root css-w0pj6f"></span></button></a></div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <div class="wmybutton">
        <a href="/book_service">
          <img alt="WhatsApp Icon" loading="lazy" width="40" height="150" decoding="async"
               src="/static/booknow.png" style="color: transparent;">
        </a>
      </div> -->
      
      <style>

        
        /* Positioning the button to the right side of the screen */
        .wmybutton {
          position: fixed;  /* Fixes the button in place */
          bottom: 100px;    /* 150px from the bottom */
          right: 20px;      /* 20px from the right */
          animation: moveButton 3s ease-in-out infinite;  /* Animation applied */
        }
        /* Defining the animation */
    @keyframes moveButton {
      0% {
          right: 20px;
      }
      50% {
          right: 5px; /* Moves to the right by 30px */
      }
      100% {
          right: 20px;
      }
  }
      
      </style>
           
      <div class="whatsapp-button">
        <a href="https://api.whatsapp.com/send/?phone=%2B919846906955&amp;text&amp;type=phone_number&amp;app_absent=0"
           target="_blank">
          <img alt="WhatsApp Icon" loading="lazy" width="64" height="64" decoding="async" class="whatsapp-icon"
               src="/static/3670051.png" style="color: transparent;">
        </a>
      </div>
      
    </main>
  </main>
<style>
  /* General button styling */
.whatsapp-button {
    position: fixed; /* Fix it at the bottom-right of the screen */
    bottom: 20px; /* Distance from the bottom of the screen */
    right: 20px;  /* Distance from the right side of the screen */
    z-index: 1000; /* Ensures it appears above other elements */
}

/* The icon image should fill the button properly */
.whatsapp-icon {
    width: 64px; /* Size of the icon */
    height: 64px; /* Size of the icon */
    object-fit: cover; /* Ensures the image is correctly fitted inside the button */
}

/* Mobile responsiveness: Shrink the button size on smaller screens */
@media (max-width: 768px) {
    .whatsapp-button {
        bottom: 10px;  /* Adjust the bottom position for mobile */
        right: 10px;   /* Adjust the right position for mobile */
    }

    .whatsapp-icon {
        width: 50px;  /* Smaller icon on mobile */
        height: 50px; /* Smaller icon on mobile */
        margin-bottom: 50px;
        margin-right: 20px;
    }
}


/* Styling for the main title */
.banner_title h2 {
  font-size: 3rem;
  max-width: 425px;
  font-weight: 400;
  margin-bottom: 2.5rem;
  position: relative;
}

/* Styling for the typewriter effect */
.dynamic-text {
  display: inline-block;
  position: relative;
}

.dynamic-text .typewriter::after {
  content: '|';
  animation: blink 0.8s step-start infinite;
  position: absolute;
  right: -5px;
}

/* Blinking cursor animation */
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.banner_main_block {
    display: flex
;
    align-items: center;
    gap: 1rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
@media (max-width: 1200px) {
    .banner_main_block {
        flex-wrap: wrap;
    }
}


.banner_slide_img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider_img {
  width: 100%;
  max-width: 1200px; /* Restrict max width of slider */
  overflow: hidden; /* Ensure slides don't overflow */
}

.slick-slider {
  position: relative;
  display: flex;
  align-items: center;
}

.slick-list {
  overflow: hidden;
  width: 100%;
}

.slick-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slick-slide {
  flex: 0 0 100%; /* Each slide takes full width */
  display: flex;
  justify-content: center;
}

.slick-slide img {
  width: 100%;
  height: auto;
  max-height: 350px; /* Reduce image height */
  object-fit: cover; /* Maintain aspect ratio */
}

.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #0073e6;
  color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 10;
}

.slick-prev {
  left: 10px;
}

.slick-next {
  right: 10px;
}

.slick-arrow:hover {
  background-color: #005bb5;
}



</style>

<script>
 const words = ["Your Home", "Your Office", "Your Space", "Your Dreams"]; // Words to cycle through
const typewriterElement = document.querySelector(".typewriter");

let wordIndex = 0;
let charIndex = 0;
let isDeleting = false;
const typingSpeed = 150; // Typing speed in ms
const deletingSpeed = 75; // Deleting speed in ms
const delayBetweenWords = 1000; // Delay before typing the next word

function typeEffect() {
  const currentWord = words[wordIndex];
  if (!isDeleting) {
    // Typing the word
    typewriterElement.textContent = currentWord.slice(0, charIndex);
    charIndex++;
    if (charIndex > currentWord.length) {
      isDeleting = true;
      setTimeout(typeEffect, delayBetweenWords); // Pause before deleting
      return;
    }
  } else {
    // Deleting the word
    typewriterElement.textContent = currentWord.slice(0, charIndex);
    charIndex--;
    if (charIndex < 0) {
      isDeleting = false;
      wordIndex = (wordIndex + 1) % words.length; // Move to the next word
    }
  }
  const speed = isDeleting ? deletingSpeed : typingSpeed;
  setTimeout(typeEffect, speed);
}

// Start the typing effect
document.addEventListener("DOMContentLoaded", typeEffect);




</script>

<script>
 document.addEventListener("DOMContentLoaded", function () {
  // Attach click event to all images inside service cards
  const imageElements = document.querySelectorAll(".service_card_img img");
  imageElements.forEach((image, index) => {
    image.addEventListener("click", function () {
      if (index === 0) {
        window.location.href = "/deep_cleaning"; // Redirect for the first card
      } else if (index === 1) {
        window.location.href = "/deep_cleaning"; // Redirect for the second card
      }
      // Add more conditions for additional cards if needed
    });
  });

  // Attach click event to all 'View' buttons inside service cards
  const viewButtons = document.querySelectorAll(".service_view_btn");
  viewButtons.forEach((button, index) => {
    button.addEventListener("click", function () {
      if (index === 0) {
        window.location.href = "/deep_cleaning"; // Redirect for the first card
      } else if (index === 1) {
        window.location.href = "/deep_cleaning"; // Redirect for the second card
      }
      // Add more conditions for additional cards if needed
    });
  });
});


</script>
 

  {% include 'public_footer.html' %}