<?php include('include/header.php');?>

     <!-- BANNER SECTION START -->
<section class="hero-banner">
  <img src="assets/images/bannermmmm.png
" alt="Banner Image" class="banner-img">

  <div class="banner-overlay"></div>

  <div class="banner-content">
    <h1>Fast & Reliable Home Appliance Services</h1>
            <p class="banner_s">Washing Machine • Refrigerator • Air Conditioner • Water Purifier • Kitchen Chimney • Geyser • House Painting</p>
                                <p class="mb-4 banner_p">our expert technicians deliver same-day repair with genuine parts and transparent pricing.
Experience hassle-free service at your doorstep with Ramji Service.</p>
        <div class="d-flex gap-3 justify-content-center">
                                <div class="cus-btn primary" style="background-color: #6196fc;">
                                   <a href="https://wa.me/+919799020977"> <span class="text text-white">Whatsapp</span></a>
                                 
                                       </div>
                                    <div  class="cus-btn primary  bg-white">
                                     <a href="tel:+919799020977">  <span class="text text-dark">Call Now</span></a>
                           
                                </div>
                             
                                </div>
  </div>
</section>
        <!-- BANNER SECTION END -->
        
                <!-- ABOUT SECTION START -->
        <section id="about" class="about-us-page section_bg py-80">
            <div class="container">
         
         
                    
               <div class="row g-3 align-items-start">
                    <div class="col-lg-6 ">
                        <div class="about-image-container">
                            <img src="assets/images/ga5.jpg" alt="">
                        </div>
                    </div>
                    <div class="col-lg-6 ">
                        <div class="about-text-container">
                         
                                     <p class="text-start mb-2" style="letter-spacing: 2px;">ABOUT US</p>
                <h3 class="text-start mb-1">Get To <span class="color-sec mb-2">Know Us </span></h3>
                            <p class=" mb-2">At Ramji Service, we believe that comfort starts with perfectly working home appliances.</p>
<p class=" mb-2">We’re a Jaipur-based home appliance repair company focused on delivering quality service, quick response, and complete customer satisfaction - Our team of skilled, certified, and background-verified technicians ensures reliable repairs for all major household appliances. </p> <p class=" mb-2"> including Washing Machines, Air Conditioners, Refrigerators, Geysers, Microwaves, and Kitchen Chimneys.</p>
                          
                          <a href="tel:+919799020977" class="cus-btn">
                        <span class="text">Book Service</span>
                        <span class="circle"></span>
                    </a>
                          
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- ABOUT SECTION END -->

        <!-- SERIVCES SECTION START -->
        <section id="service" class="service-section"> 
            <div class="container">
                <div class="row align-items-center row-gap-4">
                    <div class="col-xl-12 col-lg-12 wow fadeInUp animated" data-wow-delay="400ms">
                        <p class="text-center mb-2" style="letter-spacing: 2px;">SERVICES</p>
                        <h2 class="mb-3 text-center">Our Popular
                           <span class="color-sec mb-0">Services </span> </h2>
                           <p class="text-center">Et soluta obcaecati quo autem voluptatem et asperiores eligendi aut culpa nobis a sunt minima est cupiditate dolores.</p>
                      
                    </div>
                    <div class="col-md-6 col-lg-3 col-xl-3 col-12  wow fadeInUp animated" data-wow-delay="500ms">
                        <a href="#" class="service-block">
                            <div class="icon-box mb-24">
                              <img src="assets/images/ss1.png">
                            </div>
                            <div class="content-box">
                                <h5 class="mb-8">Washing Machine</h5>
                              
                            </div>
                            
                        </a>
                    </div>
                    <div class="col-md-6 col-lg-3 col-xl-3 col-12  wow fadeInUp animated" data-wow-delay="600ms">
                        <a href="#" class="service-block">
                            <div class="icon-box mb-24">
                              <img src="assets/images/ss2.png">
                            </div>
                            <div class="content-box">
                                <h5 class="mb-8">Geyser</h5>
                              
                            </div>
                            
                        </a>
                    </div>
                    <div class="col-md-6 col-lg-3 col-xl-3 col-12  wow fadeInUp animated" data-wow-delay="700ms">
                        <a href="#" class="service-block">
                            <div class="icon-box mb-24">
                              <img src="assets/images/ss3.png">
                            </div>
                            <div class="content-box">
                                <h5 class="mb-8">Kitchen Chimney</h5>
                              
                            </div>
                            
                        </a>
                    </div>
                    <div class="col-md-6 col-lg-3 col-xl-3 col-12 wow fadeInUp animated" data-wow-delay="800ms">
                        <a href="#" class="service-block">
                            <div class="icon-box mb-24">
                              <img src="assets/images/ss4.png">
                            </div>
                            <div class="content-box">
                                <h5 class="mb-8">Water Purifier</h5>
                              
                            </div>
                            
                        </a>
                    </div>
                    <div class="col-md-6 col-lg-3 col-xl-3 col-12  wow fadeInUp animated" data-wow-delay="900ms">
                        <a href="#" class="service-block">
                            <div class="icon-box mb-24">
                              <img src="assets/images/ss5.png">
                            </div>
                            <div class="content-box">
                                <h5 class="mb-8">
Microwave</h5>
                              
                            </div>
                            
                        </a>
                    </div>
                    <div class="col-md-6 col-lg-3 col-xl-3 col-12 wow fadeInUp animated" data-wow-delay="1000ms">
                        <a href="#" class="service-block">
                            <div class="icon-box mb-24">
                              <img src="assets/images/ss6.png">
                            </div>
                            <div class="content-box">
                                <h5 class="mb-8">Refrigerator</h5>
                              
                            </div>
                            
                        </a>
                    </div>
                    <div class="col-md-6 col-lg-3 col-xl-3 col-12 wow fadeInUp animated" data-wow-delay="1100ms">
                        <a href="#" class="service-block">
                            <div class="icon-box mb-24">
                              <img src="assets/images/ss7.png">
                            </div>
                            <div class="content-box">
                                <h5 class="mb-8">Airconditioner</h5>
                              
                            </div>
                            
                        </a>
                    </div>
                    <div class="col-md-6 col-lg-3 col-xl-3 col-12 wow fadeInUp animated" data-wow-delay="1200ms">
                        <a href="#" class="service-block">
                            <div class="icon-box mb-24">
                              <img src="assets/images/ss8.png">
                            </div>
                            <div class="content-box">
                                <h5 class="mb-8">
House paint Services</h5>
                              
                            </div>
                            
                        </a>
                    </div>
                   
                  
                </div>
            </div>
        </section>
      <!-- SERIVCES SECTION END -->
      
       <!-- HOW IT WORK START -->
<section class="section_bg section-boxbenf">
    <div class="container">
          <p class="text-center mb-2" style="letter-spacing: 2px;">HOW IT WORK</p>
                     <h2 class="mb-2 text-center">Our Working Process</h2>
                    <p class="howp text-muted text-center mb-5">
      A simple 3-step process to get your appliance repaired quickly and reliably.
    </p>
        
<div class="row g-3     justify-content-center">
        <div class="col-md-4 col-6 text-center">
            <div class="how-works-block text-left">
                  <img class="harrow" src="assets/images/harrow.png" alt="">
                  <div class="img"> <img src="assets/images/hstep1.png" alt=""></div>
                  <h5><span>Step 1</span><br> Book Online or Phone</h5>
            </div>
        </div>
        <div class="col-md-4 col-6 text-center ">
            <div class="how-works-block text-left">
                  <img class="harrow" src="assets/images/harrow.png" alt="">
                  <div class="img"> <img src="assets/images/hstep2.png" alt=""></div>
                  <h5><span>Step 2</span><br> Get Booking Details Via SMS</h5>
            </div>
        </div>
        <div class="col-md-4 col-6 text-center">
            <div class="how-works-block text-left">
                  <div class="img"> <img src="assets/images/hstep3.png" alt=""></div>
                  <h5><span>Step 3</span><br> Pay After Work is Done</h5>
            </div>
        </div>
    </div>
    </div>
</section>
 <!-- HOW IT WORK END -->
      
<!-- WHY CHOOSE US SECTION START -->
<section class="benefit-section">
            <div class="container">
                <p class="text-center mb-2" style="letter-spacing: 2px;">WHY CHOOSE US</p>
                           <h2 class="mb-3 text-center">What Makes Us Different</h2>
            
                <div class="row row-gap-3">
               <div class="col-lg-4 col-12  mb-0">
        <div class="inner_feature_area text-center">
        <div>
            <img src="assets/images/time.png" alt="Manufacturer" class="inner_img_area">
          </div>
          <div class="txtcen">
          <h3><a href="#">Effectiveness</a></h3>
           <p class="">Our filter removes 99% of lead and asbestos and 62 other harmful contaminants.</p>
           </div>
        </div>
      </div>
               <div class="col-lg-4 col-12 mb-0">
        <div class="inner_feature_area text-center">
        <div>
            <img src="assets/images/money.png" alt="Manufacturer" class="inner_img_area">
          </div>
          <div class="txtcen">
          <h3><a href="#">Value</a></h3>
           <p class="">Provides excellent long-term value – enjoy fresh, clean water for less than 12 cents.</p>
           </div>
        </div>
      </div>
               <div class="col-lg-4  col-12  mb-0">
        <div class="inner_feature_area text-center">
        <div>
            <img src="assets/images/team.png
" alt="Manufacturer" class="inner_img_area">
          </div>
          <div class="txtcen">
          <h3><a href="#">Easy to Use</a></h3>
           <p class="">Is easy to use… and even better, easy to install. Everything you need is included.</p>
           </div>
        </div>
      </div>
                  
                </div>
                <div class="text-center mt-48">
                    <a href="tel:+919799020977" class="cus-btn">
                        <span class="text">Book Now</span>
                        <span class="circle"></span>
                    </a>
                </div>
            </div>
        </section>
   <!--  WHY CHOOSE US SECTION END --> 
 
 
 
 <!-- COUNTER START -->
   <section class="section_bg">
  <div class="container">
    <div class="row text-center g-4">

      <div class="col-6 col-md-3">
        <div class="">
          <i class="fa-solid fa-users fs-1 mb-3 text-primary"></i>
          <div class="d-flex gap-1 align-items-center justify-content-center">
          <h2 class="counter" data-target="1500">0</h2><span class="counter-span">+</span>
          </div>
          <p class="mb-0 fw-semibold">Happy Customers</p>
        </div>
      </div>

      <div class="col-6 col-md-3">
        <div class="">
          <i class="fa-solid fa-clipboard-check fs-1 mb-3 text-primary"></i>
                    <div class="d-flex gap-1  justify-content-center align-items-center">
          <h2 class="counter" data-target="120">0</h2><span class="counter-span">+</span>
                    </div>
          <p class="mb-0 fw-semibold">Projects Completed</p>
        </div>
      </div>

      <div class="col-6 col-md-3">
        <div class="">
          <i class="fa-solid fa-user-gear fs-1 mb-3 text-primary"></i>
                    <div class="d-flex gap-1 align-items-center justify-content-center">
          <h2 class="counter" data-target="98">0</h2><span class="counter-span">+</span>
                    </div>
          <p class="mb-0 fw-semibold">Expert Technicians</p>
        </div>
      </div>

      <div class="col-6 col-md-3">
        <div class="">
          <i class="fa-solid fa-truck-fast fs-1 mb-3 text-primary"></i>
                    <div class="d-flex gap-1 align-items-center justify-content-center">
          <h2 class="counter" data-target="500">0</h2><span class="counter-span">+</span>
          </div>
          <p class="mb-0 fw-semibold">On-Site Services</p>
        </div>
      </div>

    </div>
  </div>
</section>
 <!--COUNTER END -->
 
         <!-- WORK GALLERY START -->
        <section id="project" class="gallery-section ">
            <div class="container">
                  <p class="text-center mb-2" style="letter-spacing: 2px;">PORTFOLIO</p>
                <h2 class="text-center mb-3">Explore Our <span class="color-sec mb-0">Achievements </span></h2>
           <div class="row align-items-baseline row-gap-4">
<div class="col-xl-4 col-lg-4 col-md-4 wow fadeInLeft animated" data-wow-delay="400ms">
                   <div class="gall_box">
    <div class="gall_item">
        <img src="assets/images/ga1.jpg" alt="" class="br-12">
        <div class="gall_overlay">
            <h3>Washing Machine</h3>
        </div>
    </div>
</div>
                    </div>
<div class="col-xl-4 col-lg-4 col-md-4 wow fadeInLeft animated" data-wow-delay="400ms">
                   <div class="gall_box">
    <div class="gall_item">
        <img src="assets/images/ga2.jpg" alt="" class="br-12">
        <div class="gall_overlay">
            <h3>Geyser
</h3>
        </div>
    </div>
</div>
                    </div>
<div class="col-xl-4 col-lg-4 col-md-4 wow fadeInLeft animated" data-wow-delay="400ms">
                   <div class="gall_box">
    <div class="gall_item">
        <img src="assets/images/ga3.jpg" alt="" class="br-12">
        <div class="gall_overlay">
            <h3>Kitchen Chimney</h3>
        </div>
    </div>
</div>
                    </div>
<div class="col-xl-4 col-lg-4 col-md-4 wow fadeInLeft animated" data-wow-delay="400ms">
                   <div class="gall_box">
    <div class="gall_item">
        <img src="assets/images/ga4.jpg" alt="" class="br-12">
        <div class="gall_overlay">
            <h3>Water Purifier</h3>
        </div>
    </div>
</div>
                    </div>
<div class="col-xl-4 col-lg-4 col-md-4 wow fadeInLeft animated" data-wow-delay="400ms">
                   <div class="gall_box">
    <div class="gall_item">
        <img src="assets/images/ga5.jpg" alt="" class="br-12">
        <div class="gall_overlay">
            <h3>Microwave</h3>
        </div>
    </div>
</div>
                    </div>
<div class="col-xl-4 col-lg-4 col-md-4 wow fadeInLeft animated" data-wow-delay="400ms">
                   <div class="gall_box">
    <div class="gall_item">
        <img src="assets/images/ga6.jpg" alt="" class="br-12">
        <div class="gall_overlay">
            <h3>Refrigerator</h3>
        </div>
    </div>
</div>
                    </div>
                 

                </div>
               
            </div>
        </section>
        <!-- WORK GALLERY END -->
     
     <!-- PRICING SECTION END-->
<section id="pricing" class=" section_bg pricing-section text-center text-white position-relative ">
  <svg class="wave-top" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
    <path fill="#ffffff" fill-opacity="1" d="M0,96L48,90.7C96,85,192,75,288,101.3C384,128,480,192,576,224C672,256,768,256,864,234.7C960,213,1056,171,1152,170.7C1248,171,1344,213,1392,234.7L1440,256L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path>
  </svg>

  <div class="container position-relative" style="    z-index: 1;">
        <p class="text-center mb-2" style="letter-spacing: 2px;">PLANS</p>
              <h2 class=" text-center mb-3">Smart Pricing for
                           <span class="color-sec mb-0">Every Need </span> </h2>
                    <p class="text-muted mb-5">
   No surprises, no hidden charges — just simple, transparent plans built for you.
    </p>

    <div class="row justify-content-center  align-items-center g-3">

      <!-- Plan 1 -->
      <div class="col-11 col-md-4 wow fadeInUp animated" data-wow-delay="400ms">
        <div class="price-card left-card">
          <h5 class="mb-2">BASIC PLAN</h5>
       <p class="price">₹299 <span>/ one-time</span></p>
          <p class="text-dark mb-4">For quick one-time appliance fixes.</p>
          <ul class="list-unstyled text-start px-4 small mb-4">
            <li><span>✔</span> Basic Cleaning</li>
            <li><span>✔</span>  Same-day Service</li>
            <li><span>✔</span> Technician Visit</li>
            <li><span>✔</span> General Inspection</li>
           
          </ul>
                <a href="tel:+919799020977" class="cus-btn">
                        <span class="text">Book Now</span>
                        <span class="circle"></span>
                    </a>
        </div>
      </div>

      <!-- Plan 2 (Center Feature) -->
      <div class="col-11 col-md-4 wow fadeInUp animated" data-wow-delay="500ms">
        <div class="price-card center-card featured">
          <div class="ribbon">Most Popular</div>
          <h5 class=" mb-2">Home Care</h5>
        <p class="price">₹299 <span>/ one-time</span></p>
          <p class="text-dark mb-4">Perfect for routine repairs & maintenance.</p>
          <ul class="list-unstyled text-start px-4 small mb-4">
            <li><span>✔</span>2 Appliances</li>
            <li><span>✔</span> Priority Technician Visit</li>
            <li><span>✔</span> Minor Parts Included</li>
        
             <li><span>✔</span> Complete Diagnosis</li>
           
         
          </ul>
         <a href="tel:+919799020977" class="cus-btn">
                        <span class="text">Book Now</span>
                        <span class="circle"></span>
                    </a>
        </div>
      </div>

      <!-- Plan 3 -->
      <div class="col-11 col-md-4 wow fadeInUp animated" data-wow-delay="600ms">
        <div class="price-card right-card">
          <h5 class="mb-2">Premium Care</h5>
             <p class="price">₹299 <span>/ one-time</span></p>
          <p class="text-dark mb-4">Full protection and priority support.</p>
          <ul class="list-unstyled text-start px-4 small mb-4">
            <li><span>✔</span> 4+ Appliances Covered</li>
<li><span>✔</span> All Minor + Major Repairs </li>
<li><span>✔</span> Priority Same-day Service</li>
<li><span>✔</span> Complete Appliance Check-up</li>
           
          </ul>
              <a href="tel:+919799020977" class="cus-btn">
                        <span class="text">Book Now</span>
                        <span class="circle"></span>
                    </a>
        </div>
      </div>

    </div>
  </div>

  <svg class="wave-bottom" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
    <path fill="#ffffff" fill-opacity="1" d="M0,224L40,224C80,224,160,224,240,213.3C320,203,400,181,480,186.7C560,192,640,224,720,234.7C800,245,880,235,960,197.3C1040,160,1120,96,1200,80C1280,64,1360,96,1400,112L1440,128L1440,320L1400,320C1360,320,1280,320,1200,320C1120,320,1040,320,960,320C880,320,800,320,720,320C640,320,560,320,480,320C400,320,320,320,240,320C160,320,80,320,40,320L0,320Z"></path>
  </svg>

  
</section>
 <!--  PRICING SECTION  END-->
 
 <!--  FAQ SECTION  START-->
      <section class="benefit-section">
  <div class="container">
    <div class="row align-items-center">
    <h2 class="mb-4 text-center">Frequently Asked Questions</h2>

      <!-- LEFT SIDE – FAQ -->
      <div class="col-md-6 mb-4 mb-md-0">
    
        <div class="accordion" id="faqAccordion">

          <div class="accordion-item mb-3">
            <h2 class="accordion-header" id="q1">
              <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#a1">
                What services do you offer?
              </button>
            </h2>
            <div id="a1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion">
              <div class="accordion-body">
                We provide home appliances repair including AC, Fridge, Washing Machine & more.
              </div>
            </div>
          </div>

          <div class="accordion-item mb-3">
            <h2 class="accordion-header" id="q2">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a2">
                How quickly can you provide service?
              </button>
            </h2>
            <div id="a2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
              <div class="accordion-body">
                Same-day and scheduled repair service available.
              </div>
            </div>
          </div>
          

          <div class="accordion-item  mb-3">
            <h2 class="accordion-header" id="q3">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a3">
                Do you offer warranty?
              </button>
            </h2>
            <div id="a3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
              <div class="accordion-body">
                Yes, we offer warranty on all repair works.
              </div>
            </div>
          </div>
          
          <div class="accordion-item">
            <h2 class="accordion-header" id="q4">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a4">
                How quickly can you provide service?
              </button>
            </h2>
            <div id="a4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
              <div class="accordion-body">
                Same-day and scheduled repair service available.
              </div>
            </div>
          </div>

        </div>
      </div>

      <!-- RIGHT SIDE – IMAGE -->
      <div class="col-md-6 text-center">
        <img src="assets/images/ga4.jpg" class="img-fluid rounded-3 shadow w-100" alt="FAQ Image">
      </div>

    </div>
  </div>
</section>
 <!--  FAQ SECTION  END-->
 
 
        
           <!-- TESTIMONIALS SECTION START -->
    <section id="review" class="testimonial-section section_bg">
            <div class="container">
                <div class="d-flex justify-content-between gap-24 mb-2">
                    <h2 class="mb-0">A Few Good <span class="color-sec mb-0">Words </span></h2>
                    <div class="slider-arrows">
                        <a href="javascript:;" class="arrow-btn btn-prev" data-slide="testimonials-slider">
                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"
                                fill="none">
                                <path
                                    d="M24.301 31.574C24.869 31.006 24.8691 30.085 24.3009 29.5169L10.784 16.0003L24.301 2.48305C24.869 1.9151 24.8691 0.994085 24.3009 0.426036C23.7329 -0.142012 22.812 -0.142012 22.2439 0.426036L7.69845 14.9719C7.42567 15.2447 7.27246 15.6146 7.27246 16.0003C7.27246 16.3861 7.42577 16.7561 7.69855 17.0288L22.244 31.5739C22.812 32.142 23.733 32.142 24.301 31.574Z"
                                    fill="#FAFAFA" />
                            </svg>
                        </a>
                        <a href="javascript:;" class="arrow-btn btn-next" data-slide="testimonials-slider">
                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"
                                fill="none">
                                <path
                                    d="M7.69898 31.574C7.13103 31.006 7.13093 30.085 7.69908 29.5169L21.216 16.0003L7.69898 2.48305C7.13103 1.9151 7.13093 0.994085 7.69908 0.426036C8.26713 -0.142012 9.18805 -0.142012 9.7561 0.426036L24.3016 14.9719C24.5743 15.2447 24.7275 15.6146 24.7275 16.0003C24.7275 16.3861 24.5742 16.7561 24.3015 17.0288L9.756 31.5739C9.18805 32.142 8.26703 32.142 7.69898 31.574Z"
                                    fill="#FAFAFA" />
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
            <div class="container">
            <div class="testimonials-slider">
                <div class="testimonial-block">
                    <div class="text-center">
                        <svg class="mb-2" xmlns="http://www.w3.org/2000/svg" width="42" height="32" viewBox="0 0 42 32"
                            fill="none">
                            <path
                                d="M32.4527 0C34.4738 0 36.1954 0.523975 37.6176 1.57193C39.0399 2.61988 40.1252 4.0421 40.8738 5.83859C41.6223 7.63509 41.9966 9.61872 41.9966 11.7895C41.9966 14.6339 41.4726 17.3287 40.4247 19.8737C39.3767 22.4187 37.8796 24.7392 35.9334 26.8351C33.9124 29.0058 31.517 30.7275 28.7475 32L23.1334 27.2842C25.1545 26.5357 26.951 25.5626 28.5229 24.3649C30.0948 23.1673 31.4422 21.8199 32.565 20.3228C33.613 18.8257 34.3615 17.2912 34.8106 15.7193L34.3615 15.3825C33.9872 15.6819 33.5755 15.9064 33.1264 16.0561C32.6024 16.2058 31.8913 16.2807 30.9931 16.2807C29.9451 16.2807 28.8972 15.9813 27.8492 15.3825C26.7264 14.8585 25.7907 14.0351 25.0422 12.9123C24.2937 11.7895 23.9194 10.3298 23.9194 8.53333C23.9194 6.88655 24.3311 5.4269 25.1545 4.15439C25.903 2.88187 26.9135 1.87134 28.1861 1.1228C29.4586 0.374268 30.8808 0 32.4527 0ZM9.43518 0C11.4562 0 13.1779 0.523975 14.6001 1.57193C16.0223 2.61988 17.1077 4.0421 17.8562 5.83859C18.6048 7.63509 18.979 9.61872 18.979 11.7895C18.979 14.6339 18.4551 17.3287 17.4071 19.8737C16.3592 22.4187 14.8621 24.7392 12.9159 26.8351C10.8948 29.0058 8.49951 30.7275 5.72992 32L0.00359726 27.2842C2.02465 26.5357 3.85857 25.5626 5.50535 24.3649C7.07728 23.1673 8.38722 21.8199 9.43518 20.3228C10.4831 18.8257 11.2691 17.2912 11.7931 15.7193L11.3439 15.3825C10.9697 15.6819 10.558 15.9064 10.1089 16.0561C9.58489 16.2058 8.87377 16.2807 7.97552 16.2807C6.92757 16.2807 5.87962 15.9813 4.83167 15.3825C3.70886 14.8585 2.77319 14.0351 2.02465 12.9123C1.27611 11.7895 0.901844 10.3298 0.901844 8.53333C0.901844 6.88655 1.27611 5.4269 2.02465 4.15439C2.77319 2.88187 3.82114 1.87134 5.16851 1.1228C6.44102 0.374268 7.86325 0 9.43518 0Z"
                                fill="#efefef" />
                        </svg>
                        <p class="font-sec fw-400 mb-48">Working with this handyman service was a breeze! Their
                            expertise
                            and efficiency in handling tasks, like fixing my electrical issues, were
                            impressive. I'm thrilled with the results!</p>
                    </div>
                    <div class="d-flex align-items-center gap-24 justify-content-center">
                        <img src="assets/media/user/user-1.png" alt="" class="br-64">
                        <div>
                            <p class="color-black">Aaron Henley</p>
                            <p class="subtitle">Lead Identity Specialist</p>
                        </div>
                    </div>
                </div>
                <div class="testimonial-block">
                    <div class="text-center">
                        <svg class="mb-2" xmlns="http://www.w3.org/2000/svg" width="42" height="32" viewBox="0 0 42 32"
                            fill="none">
                            <path
                                d="M32.4527 0C34.4738 0 36.1954 0.523975 37.6176 1.57193C39.0399 2.61988 40.1252 4.0421 40.8738 5.83859C41.6223 7.63509 41.9966 9.61872 41.9966 11.7895C41.9966 14.6339 41.4726 17.3287 40.4247 19.8737C39.3767 22.4187 37.8796 24.7392 35.9334 26.8351C33.9124 29.0058 31.517 30.7275 28.7475 32L23.1334 27.2842C25.1545 26.5357 26.951 25.5626 28.5229 24.3649C30.0948 23.1673 31.4422 21.8199 32.565 20.3228C33.613 18.8257 34.3615 17.2912 34.8106 15.7193L34.3615 15.3825C33.9872 15.6819 33.5755 15.9064 33.1264 16.0561C32.6024 16.2058 31.8913 16.2807 30.9931 16.2807C29.9451 16.2807 28.8972 15.9813 27.8492 15.3825C26.7264 14.8585 25.7907 14.0351 25.0422 12.9123C24.2937 11.7895 23.9194 10.3298 23.9194 8.53333C23.9194 6.88655 24.3311 5.4269 25.1545 4.15439C25.903 2.88187 26.9135 1.87134 28.1861 1.1228C29.4586 0.374268 30.8808 0 32.4527 0ZM9.43518 0C11.4562 0 13.1779 0.523975 14.6001 1.57193C16.0223 2.61988 17.1077 4.0421 17.8562 5.83859C18.6048 7.63509 18.979 9.61872 18.979 11.7895C18.979 14.6339 18.4551 17.3287 17.4071 19.8737C16.3592 22.4187 14.8621 24.7392 12.9159 26.8351C10.8948 29.0058 8.49951 30.7275 5.72992 32L0.00359726 27.2842C2.02465 26.5357 3.85857 25.5626 5.50535 24.3649C7.07728 23.1673 8.38722 21.8199 9.43518 20.3228C10.4831 18.8257 11.2691 17.2912 11.7931 15.7193L11.3439 15.3825C10.9697 15.6819 10.558 15.9064 10.1089 16.0561C9.58489 16.2058 8.87377 16.2807 7.97552 16.2807C6.92757 16.2807 5.87962 15.9813 4.83167 15.3825C3.70886 14.8585 2.77319 14.0351 2.02465 12.9123C1.27611 11.7895 0.901844 10.3298 0.901844 8.53333C0.901844 6.88655 1.27611 5.4269 2.02465 4.15439C2.77319 2.88187 3.82114 1.87134 5.16851 1.1228C6.44102 0.374268 7.86325 0 9.43518 0Z"
                                fill="#efefef" />
                        </svg>
                        <p class="font-sec fw-400 mb-48">Working with this handyman service was a breeze! Their
                            expertise
                            and efficiency in handling tasks, like fixing my electrical issues, were
                            impressive. I'm thrilled with the results!</p>
                    </div>
                    <div class="d-flex align-items-center gap-24 justify-content-center">
                        <img src="assets/media/user/user-2.png" alt="" class="br-64">
                        <div>
                            <p class="color-black">Sarah Johnson</p>
                            <p class="subtitle">Relationship Manager</p>
                        </div>
                    </div>
                </div>
                <div class="testimonial-block">
                    <div class="text-center">
                        <svg class="mb-2" xmlns="http://www.w3.org/2000/svg" width="42" height="32" viewBox="0 0 42 32"
                            fill="none">
                            <path
                                d="M32.4527 0C34.4738 0 36.1954 0.523975 37.6176 1.57193C39.0399 2.61988 40.1252 4.0421 40.8738 5.83859C41.6223 7.63509 41.9966 9.61872 41.9966 11.7895C41.9966 14.6339 41.4726 17.3287 40.4247 19.8737C39.3767 22.4187 37.8796 24.7392 35.9334 26.8351C33.9124 29.0058 31.517 30.7275 28.7475 32L23.1334 27.2842C25.1545 26.5357 26.951 25.5626 28.5229 24.3649C30.0948 23.1673 31.4422 21.8199 32.565 20.3228C33.613 18.8257 34.3615 17.2912 34.8106 15.7193L34.3615 15.3825C33.9872 15.6819 33.5755 15.9064 33.1264 16.0561C32.6024 16.2058 31.8913 16.2807 30.9931 16.2807C29.9451 16.2807 28.8972 15.9813 27.8492 15.3825C26.7264 14.8585 25.7907 14.0351 25.0422 12.9123C24.2937 11.7895 23.9194 10.3298 23.9194 8.53333C23.9194 6.88655 24.3311 5.4269 25.1545 4.15439C25.903 2.88187 26.9135 1.87134 28.1861 1.1228C29.4586 0.374268 30.8808 0 32.4527 0ZM9.43518 0C11.4562 0 13.1779 0.523975 14.6001 1.57193C16.0223 2.61988 17.1077 4.0421 17.8562 5.83859C18.6048 7.63509 18.979 9.61872 18.979 11.7895C18.979 14.6339 18.4551 17.3287 17.4071 19.8737C16.3592 22.4187 14.8621 24.7392 12.9159 26.8351C10.8948 29.0058 8.49951 30.7275 5.72992 32L0.00359726 27.2842C2.02465 26.5357 3.85857 25.5626 5.50535 24.3649C7.07728 23.1673 8.38722 21.8199 9.43518 20.3228C10.4831 18.8257 11.2691 17.2912 11.7931 15.7193L11.3439 15.3825C10.9697 15.6819 10.558 15.9064 10.1089 16.0561C9.58489 16.2058 8.87377 16.2807 7.97552 16.2807C6.92757 16.2807 5.87962 15.9813 4.83167 15.3825C3.70886 14.8585 2.77319 14.0351 2.02465 12.9123C1.27611 11.7895 0.901844 10.3298 0.901844 8.53333C0.901844 6.88655 1.27611 5.4269 2.02465 4.15439C2.77319 2.88187 3.82114 1.87134 5.16851 1.1228C6.44102 0.374268 7.86325 0 9.43518 0Z"
                                fill="#efefef" />
                        </svg>
                        <p class="font-sec fw-400 mb-48">Working with this handyman service was a breeze! Their
                            expertise
                            and efficiency in handling tasks, like fixing my electrical issues, were
                            impressive. I'm thrilled with the results!</p>
                    </div>
                    <div class="d-flex align-items-center gap-24 justify-content-center">
                        <img src="assets/media/user/user-1.png" alt="" class="br-64">
                        <div>
                            <p class="color-black">Aaron Henley</p>
                            <p class="subtitle">Lead Identity Specialist</p>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </section>
        <!-- TESTIMONIALS SECTION END -->
        

    
        
                 
        
          <!-- LOGOS START -->
<section class="benefit-section">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="heading-block text-center">
				<h2 class="mb-3 text-center">Trusted by amazing clients and brands</h2>
				</div>
			</div>
		</div>
<div class="logos-slider">

    <div class="logos-block">
        <img src="assets/images/al1.png" class="br-12">
    </div>
    <div class="logos-block">
        <img src="assets/images/al2.jpg" class="br-12">
    </div>
    <div class="logos-block">
        <img src="assets/images/al3.png" class="br-12">
    </div>
    <div class="logos-block">
        <img src="assets/images/al6.png" class="br-12">
    </div>
      <div class="logos-block">
        <img src="assets/images/al2.jpg" class="br-12">
    </div>
    <div class="logos-block">
        <img src="assets/images/al3.png" class="br-12">
    </div>

  

</div>

	</div>
</section>
         <!-- LOGOS END -->
        
        <!-- BOOKING FORM START -->
        <section class="booking-section section_bg py-50 wow fadeInUp animated" data-wow-delay="400ms">
            <div class="container">
            
                <div class="row row-gap-4">
                              <div class="col-xl-5 col-lg-5">
                                       <h2 class="mb-3 text-start">Booking <span class="color-sec mb-1">Form</span></h2>
                <p class="text-start mb-3">Have questions or need RO service support? Connect with our team today — we’re here to help you with installation, repair, and maintenance services anytime.</p>
                        <div class="book">
                           
                            <p class="text-muted"><i class="fa fa-map-marker me-2" aria-hidden="true"></i> B-1, Aamor by Aashish Group, Patarkar Colony Extension, Mansarovar, Jaipur 302020</p>
                        </div>
                        <div class="book">
                        
                            <a href="tel: +919799020977"  class="text-muted"> <i class="fa fa-phone me-2" aria-hidden="true"></i> 9799020977</a>
                        </div>
                        <div class="book">
                           
                            <a href="mailto: info@ramji.services
" class="text-muted"><i class="fa fa-envelope me-2" aria-hidden="true"></i>info@ramji.services
</a>
                        </div>
                        <div class="phonenumbers mt-4 pt-1">
					  
						<a href="https://wa.me/+919799020977" class="whatsapp sw-btn"><i class="fa-brands fa-whatsapp " style="font-size: 20px;"></i> Whatsapp</a>
						<a href="tel:+919799020977" class="sw-btn sw-btn-1"><i class="fa-light fa-phone " style="font-size: 20px;"></i> Phone</a>
					</div>
                        
                    </div>
                    <div class="col-xl-7 col-lg-7">
                        <div class="form-wrapper pb-0 br-8">
                            <div class="contact-block-sw iconin">
					<div class="form-block swform">
						<form action="#" id="contactform" method="post" novalidate="novalidate">
							<div class="fieldsets row">
								<div class="col-md-6 form-group floating-label">
									<div class="formicon"><i class="fa-light fa-user"></i></div>
									<input type="text" placeholder=" " required="required" id="name" class="floating-input " name="fullname" aria-invalid="true">
									<label>Full Name*</label>
								</div>
								<div class="col-md-6 form-group floating-label">
									<div class="formicon"><i class="fa-light fa-phone"></i></div>
									<input type="tel" placeholder=" " required="required" id="mobile_number" class="floating-input" name="mobile_number" aria-invalid="true">
									<label>Mobile Number*</label>
								</div>
							</div>
							<div class="fieldsets row">
								<div class="col-md-6 form-group floating-label">
									<div class="formicon"><i class="fa-light fa-at"></i></div>
									<input type="text" placeholder=" " required="required" id="city" class="floating-input" name="city">
									<label> City *</label>
									<div class="error-label"></div>
								</div>
								<div class="col-md-6 form-group floating-label">
									<div class="formicon"><i class="fa-light fa-file-lines"></i></div>
									<select required="required" id="interested_in" class="floating-select" name="interested_in">
										<option value="">&nbsp;</option>
										<option value="RO Installation">RO Installation</option>
										<option value="RO Repair">RO Repair</option>
									
									</select>
									<label>Service Type *</label>
									<div class="error-label"></div>
								</div>
							</div>
							<div class="fieldsets row">
								<div class="col-md-12 form-group floating-label">
									<div class="formicon"><i class="fa-light fa-message"></i></div>
									<textarea placeholder=" " required="required" id="description" class="floating-input" name="description"></textarea>
									<label>Message*</label>
									<div class="error-label"></div>
								</div>
							</div>
							<div class="fieldsets btnnpair">
								<button type="submit" name="submit" class="sw-btn sw-btn-1 submit" style="    padding: 0 20px;
"><span>Submit</span> <span class="loader"></span></button>
							
							</div>
						</form>
					</div>
				</div>
                        </div>
                    </div>
                     
         
                </div>
            </div>
        </section>
        <!-- BOOKING FORM END -->
        

<script>document.addEventListener("DOMContentLoaded", () => {
  const counters = document.querySelectorAll(".counter");
  const speed = 100; // lower = faster

  const counterObserver = new IntersectionObserver(
    (entries, observer) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          const counter = entry.target;

          const updateCount = () => {
            const target = +counter.getAttribute("data-target");
            const count = +counter.innerText;
            const increment = Math.ceil(target / speed);

            if (count < target) {
              counter.innerText = count + increment;
              setTimeout(updateCount, 20);
            } else {
              counter.innerText = target;
            }
          };

          updateCount();
          observer.unobserve(counter);
        }
      });
    },
    { threshold: 0.3 }
  );

  counters.forEach(counter => counterObserver.observe(counter));
});
</script>

   <?php include('include/footer.php');?>