$custom_title = "Sky Elevators - Top Elevator, Lift Installation, Maintenance, Manufacturer, Repair in Delhi | Top Elevator Company in Delhi | Best Elevator Company in Delhi | Premium Elevator Installation, Maintenance, Manufacturer, Repair Company in Delhi | Top 10 Elevator Company in Delhi | Elevator Company Near me";
$custom_description = "Sky Elevators is Delhi’s trusted lift company for installation, repair, maintenance and AMC services. Fast service & expert engineers. Contact 9810060435.";
$custom_keywords = "sky elevators, top elevator, lift installation, maintenance, manufacturer, repair in delhi, top elevator company in delhi, best elevator company in delhi, premium elevator installation, maintenance, manufacturer, repair company in delhi, top 10 elevator company in delhi, elevator company near me";


include('header.php');
?>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "@id": "https://skyelevators.in/#website",
      "url": "https://skyelevators.in/",
      "name": "Sky Elevators",
      "inLanguage": "en-IN",
      "publisher": {
        "@id": "https://skyelevators.in/#organization"
      }
    },
    {
      "@type": "WebPage",
      "@id": "https://skyelevators.in/#webpage",
      "url": "https://skyelevators.in/",
      "name": "Sky Elevators - Lift Installation, Maintenance & AMC",
      "description": "Sky Elevators provides lift installation, repair, modernization and AMC services across India.",
      "isPartOf": {
        "@id": "https://skyelevators.in/#website"
      },
      "inLanguage": "en-IN",
      "primaryImageOfPage": {
        "@id": "https://skyelevators.in/#logo"
      },
      "breadcrumb": {
        "@id": "https://skyelevators.in/#breadcrumb"
      }
    },
    {
      "@type": "Organization",
      "@id": "https://skyelevators.in/#organization",
      "name": "Sky Elevators",
      "legalName": "Sky Elevators",
      "url": "https://skyelevators.in/",
      "logo": {
        "@type": "ImageObject",
        "@id": "https://skyelevators.in/#logo",
        "url": "https://skyelevators.in/admin/logo/logo_page-0001.jpg"
      },
      "email": "mailto:info@skyelevators.in",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Office No.634, Kakrola Housing Complex, Old Palam Road, Ground Floor, Near Dwarka More Metro Station",
        "addressLocality": "New Delhi",
        "postalCode": "110078",
        "addressCountry": "IN"
      },
      "contactPoint": [
        {
          "@type": "ContactPoint",
          "telephone": "+91-9560410506",
          "contactType": "customer service",
          "areaServed": "IN"
        },
        {
          "@type": "ContactPoint",
          "telephone": "+91-9810060435",
          "contactType": "customer service",
          "areaServed": "IN"
        },
        {
          "@type": "ContactPoint",
          "telephone": "+91-8789053312",
          "contactType": "technical support",
          "areaServed": "IN"
        }
      ],
      "sameAs": [
        "https://www.instagram.com/skyelevatorsin/",
        "https://www.youtube.com/@skyelevators/",
        "https://www.linkedin.com/in/tina-kumari-9727a0245/"
      ]
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://skyelevators.in/#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://skyelevators.in/"
        }
      ]
    },
    {
      "@type": "FAQPage",
      "@id": "https://skyelevators.in/#faq",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "What services does Sky Elevators provide?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Sky Elevators provides lift installation, repairs, modernization and annual maintenance contract (AMC) services across India."
          }
        },
        {
          "@type": "Question",
          "name": "How can I contact Sky Elevators?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "You can contact Sky Elevators at +91-9560410506, +91-9810060435 or +91-8789053312, or email at info@skyelevators.in."
          }
        },
        {
          "@type": "Question",
          "name": "Where is Sky Elevators located?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Sky Elevators is located at Office No.634, Kakrola Housing Complex, Old Palam Road, Near Dwarka More Metro Station, New Delhi – 110078."
          }
        }
      ]
    }
  ]
}
</script>




        <!--Main Slider-->
        <section class="main-slider">
            <div class="rev_slider_wrapper fullwidthbanner-container" id="rev_slider_one_wrapper" data-source="gallery">
                <div class="rev_slider fullwidthabanner" id="rev_slider_one" data-version="5.4.1">
                    <ul>
                        <li data-description="Slide Description" data-easein="default" data-easeout="default"
                            data-fsmasterspeed="1500" data-fsslotamount="7" data-fstransition="fade"
                            data-hideafterloop="0" data-hideslideonmobile="off" data-index="rs-1689"
                            data-masterspeed="default" data-param1="" data-rotate="0" data-saveperformance="off"
                            data-slotamount="default"
                            data-thumb="https://img.freepik.com/premium-photo/elevator-doors-hotel-corporate-setting-lifted-closed-opened_410516-29007.jpg?size=626&ext=jpg&ga=GA1.1.58611832.1706609515&semt=sph"
                            data-title="Slide Title" data-transition="parallaxvertical">

                            <img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10"
                                data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina=""
                                src="https://img.freepik.com/premium-photo/elevator-doors-hotel-corporate-setting-lifted-closed-opened_410516-29007.jpg?size=626&ext=jpg&ga=GA1.1.58611832.1706609515&semt=sph">

                            <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on"
                                data-type="text" data-height="none" data-width="['800','800','700','500']"
                                data-whitespace="normal" data-hoffset="['15','15','15','15']"
                                data-voffset="['-160','-100','-110','-105']" data-x="['left','left','left','left']"
                                data-y="['middle','middle','middle','middle']"
                                data-textalign="['top','top','top','top']"
                                data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                style="z-index: 7; white-space: nowrap;">
                                <div class="slide-content left-slide">
                                     <div class="big-title">Welcome To <br> Sky Elevators</div> 
                                </div>
                            </div>
                            <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on"
                                data-type="text" data-height="none" data-width="['800','800','700','500']"
                                data-whitespace="normal" data-hoffset="['15','15','15','15']"
                                data-voffset="['-75','-10','-25','-30']" data-x="['left','left','left','left']"
                                data-y="['middle','middle','middle','middle']"
                                data-textalign="['top','top','top','top']"
                                data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1500,"ease":"Power3.easeInOut"},
                                   {"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                style="z-index: 7; white-space: nowrap;">
                                <div class="slide-content left-slide" style="margin-top: 20px;">
                                     <div class="text">At Sky Elevators, we believe in more than just lifting people and goods <br> we are dedicated to elevating sustainability to new heights. 
                                    </div>
                                </div>
                            </div>
                            <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on"
                                data-type="text" data-height="none" data-width="['800','800','700','500']"
                                data-whitespace="normal" data-hoffset="['15','15','15','15']"
                                data-voffset="['25','90','100','85']" data-x="['left','left','left','left']"
                                data-y="['middle','middle','middle','middle']"
                                data-textalign="['top','top','top','top']"
                                data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1500,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                style="z-index: 7; white-space: nowrap;">
                                <div class="slide-content left-slide">
                                    <div class="btn-box">
                                        <!--<h1 style="color: white;">Welcome To Sky Elevators</h1>-->
                                         <a class="btn-one" href="about.php">About Company<span class="flaticon-next"></span></a> 
                                         <a class="project-view-button" href="about.php">Project 1200<span style="font-size: 20px;">&deg</span>View</a> 
                                    </div>
                                </div>
                            </div>

                        </li>

                        <li data-description="Slide Description" data-easein="default" data-easeout="default"
                            data-fsmasterspeed="1500" data-fsslotamount="7" data-fstransition="fade"
                            data-hideafterloop="0" data-hideslideonmobile="off" data-index="rs-1687"
                            data-masterspeed="default" data-param1="" data-param10="" data-param2="" data-param3=""
                            data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9=""
                            data-rotate="0" data-saveperformance="off" data-slotamount="default"
                            data-thumb="assets/images/slides/slider3.jpg" data-title="Slide Title"
                            data-transition="parallaxvertical">

                            <img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10"
                                data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina=""
                                src="assets/images/slides/slider3.jpg">

                          <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on"
                                data-type="text" data-height="none" data-width="['800','800','700','500']"
                                data-whitespace="normal" data-hoffset="['15','15','15','15']"
                                data-voffset="['-160','-100','-110','-105']" data-x="['left','left','left','left']"
                                data-y="['middle','middle','middle','middle']"
                                data-textalign="['top','top','top','top']"
                                data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                style="z-index: 7; white-space: nowrap;">
                                <div class="slide-content left-slide">
                                     <div class="big-title">Customer-Centric Sustainability</div> 
                                </div>
                            </div>
                            <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on"
                                data-type="text" data-height="none" data-width="['800','800','700','500']"
                                data-whitespace="normal" data-hoffset="['15','15','15','15']"
                                data-voffset="['-75','-10','-25','-30']" data-x="['left','left','left','left']"
                                data-y="['middle','middle','middle','middle']"
                                data-textalign="['top','top','top','top']"
                                data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1500,"ease":"Power3.easeInOut"},
                                   {"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                style="z-index: 7; white-space: nowrap;">
                                <div class="slide-content left-slide" style="margin-top: 20px;">
                                     <div class="text">Empowering clients through education for informed, <br> eco-conscious vertical transportation choices.
                                    </div>
                                </div>
                            </div>
                            <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on"
                                data-type="text" data-height="none" data-width="['800','800','700','500']"
                                data-whitespace="normal" data-hoffset="['15','15','15','15']"
                                data-voffset="['25','90','100','85']" data-x="['left','left','left','left']"
                                data-y="['middle','middle','middle','middle']"
                                data-textalign="['top','top','top','top']"
                                data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1500,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                style="z-index: 7; white-space: nowrap;">
                                <div class="slide-content left-slide">
                                    <div class="btn-box">
                                        <!--<h1 style="color: white;">Welcome To Sky Elevators</h1>-->
                                         <a class="btn-one" href="about.php">About Company<span class="flaticon-next"></span></a> 
                                         <a class="project-view-button" href="about.php">Project 1200<span style="font-size: 20px;">&deg</span>View</a> 
                                    </div>
                                </div>
                        </li>

                        <li data-description="Slide Description" data-easein="default" data-easeout="default"
                            data-fsmasterspeed="1500" data-fsslotamount="7" data-fstransition="fade"
                            data-hideafterloop="0" data-hideslideonmobile="off" data-index="rs-1688"
                            data-masterspeed="default" data-param1="" data-param10="" data-param2="" data-param3=""
                            data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9=""
                            data-rotate="0" data-saveperformance="off" data-slotamount="default"
                            data-thumb="images/slides/slider2.jpg" data-title="Slide Title"
                            data-transition="parallaxvertical">
                            <img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10"
                                data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina=""
                                src="assets/images/slides/slider2.jpg">
                                
                                
                              <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on"
                                data-type="text" data-height="none" data-width="['800','800','700','500']"
                                data-whitespace="normal" data-hoffset="['15','15','15','15']"
                                data-voffset="['-160','-100','-110','-105']" data-x="['left','left','left','left']"
                                data-y="['middle','middle','middle','middle']"
                                data-textalign="['top','top','top','top']"
                                data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                style="z-index: 7; white-space: nowrap;">
                                <div class="slide-content left-slide">
                                     <div class="big-title">Responsible Material Sourcing</div> 
                                </div>
                            </div>
                            <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on"
                                data-type="text" data-height="none" data-width="['800','800','700','500']"
                                data-whitespace="normal" data-hoffset="['15','15','15','15']"
                                data-voffset="['-75','-10','-25','-30']" data-x="['left','left','left','left']"
                                data-y="['middle','middle','middle','middle']"
                                data-textalign="['top','top','top','top']"
                                data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1500,"ease":"Power3.easeInOut"},
                                   {"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                style="z-index: 7; white-space: nowrap;">
                                <div class="slide-content left-slide" style="margin-top: 20px;">
                                     <div class="text">At Sky Elevators, we understand that responsible material sourcing is integral <br> to our commitment to sustainability and environmental stewardship. 
                                    </div>
                                </div>
                            </div>
                            <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on"
                                data-type="text" data-height="none" data-width="['800','800','700','500']"
                                data-whitespace="normal" data-hoffset="['15','15','15','15']"
                                data-voffset="['25','90','100','85']" data-x="['left','left','left','left']"
                                data-y="['middle','middle','middle','middle']"
                                data-textalign="['top','top','top','top']"
                                data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1500,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                style="z-index: 7; white-space: nowrap;">
                                <div class="slide-content left-slide">
                                    <div class="btn-box">
                                        <!--<h1 style="color: white;">Welcome To Sky Elevators</h1>-->
                                         <a class="btn-one" href="about.php">About Company<span class="flaticon-next"></span></a> 
                                         <a class="project-view-button" href="about.php">Project 1200<span style="font-size: 20px;">&deg</span>View</a> 
                                    </div>
                                </div>

                        </li>

                    </ul>
                </div>
            </div>
        </section>
        <!--End Main Slider-->

        <!--Start Highlights Area-->
        <section class="highlights-area">
            <div class="container">
                <div class="row">
                    <!--Start single highlight box-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-highlight-box text-center wow fadeInUp" data-wow-delay="0ms"
                            data-wow-duration="1200ms">
                            <div class="icon-holder">
                                <img src="assets/images/icon/Elevator-Repair&Services.png" class="img-fluid">
                            </div>
                            <div class="inner-content">
                                <div class="text">
                                    <h3>Elevator Repair & Services </h3>
                                     <p>
                                         "Count on Sky Elevators for prompt and reliable elevator repair and maintenance services. Our skilled technicians diagnose and resolve issues swiftly, ensuring your elevator operates smoothly and safely. "</p> 
                                </div>
                                 <div class="read-more">
                                    <a class="btn-one" href="elevator-repair&service.php">Read More<span
                                            class="flaticon-next"></span></a>
                                </div> 
                            </div>
                        </div>
                    </div>
                    <!--End single highlight box-->
                    <!--Start single highlight box-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-highlight-box text-center wow fadeInUp" data-wow-delay="200ms"
                            data-wow-duration="1200ms">
                            <div class="icon-holder">
                                <img src="assets/images/icon/Elevator_Maintenance_Services-removebg-preview.png" class="img-fluid">
                            </div>
                            <div class="inner-content">
                                <div class="text">
                                    <h3>Elevator Maintenance Services</h3>
                                     <p>"Sky Elevators offers proactive maintenance solutions to keep your elevators in optimal condition. Our scheduled inspections and preventive measures minimize."</p> 
                                </div>
                                 <div class="read-more">
                                    <a class="btn-one" href="elevator-maintenance-service.php">Read More<span
                                            class="flaticon-next"></span></a>
                                </div> 
                            </div>
                        </div>
                    </div>
                    <!--End single highlight box-->
                    <!--Start single highlight box-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-highlight-box text-center wow fadeInUp" data-wow-delay="400ms"
                            data-wow-duration="1200ms">
                            <div class="icon-holder">
                                <img src="assets/images/icon/Elevator_AMC-removebg-preview.png" class="img-fluid">
                            </div>
                            <div class="inner-content">
                                <div class="text">
                                    <h3>Elevator AMC</h3>
                                     <p>" With Sky Elevators' Annual Maintenance Contracts (AMCs), enjoy peace of mind knowing your elevators are professionally serviced and maintained throughout the year. "</p> 
                                </div>
                                 <div class="read-more">
                                    <a class="btn-one" href="elevator-amc.php">Read More<span
                                            class="flaticon-next"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End single highlight box-->
                </div>
            </div>
        </section>
        <!--End Highlights Area-->

        <!--Start Lifts Area-->
        <section class="working-area bcc">
            <div class="container">
                <center>
                    <h2>Our product</h2>

                    <img src="./images/border12.png" class="img-fluid" style="margin-top: -20px;">
                </center>
                
                <div class="row">
                    <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="passenger-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="0ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Passenger Elevators.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-architecture-and-city1"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3 href="UserControllers/hospital">Passenger Elevators
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="goods-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Goods Elevators.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Goods Elevators</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                    
                     <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="hospital-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Hospital Elevators.jpeg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Hospital Elevators</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                    
                     
                     <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="hotel-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Hotel Elevators.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Hotel Elevators</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                      
                     <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="dumbwaiter-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Dumbwaiter Elevators.webp"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Dumbwaiter Elevators</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                    
                     <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="escalator-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/product/esclator.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Escalator Elevators</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                    
                         <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="residential-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Residential Elevator.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Residential Elevator</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                    
                     
                         <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="home-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Home Elevator.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Home Elevator</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                         <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="vaccum-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Vaccum Elevators.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Vaccum Elevators</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                    
                         <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="office-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Office Elevators.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Office Elevators</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                          <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="mall-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Mall Retail Elevators.webp"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Mall Retail Elevators</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                                              <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="mrl-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/MRL Elevators.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>MRL Elevators</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                    
                     <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="capsule-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Capsule Elevators.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Capsule Elevators</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                      <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="hydraulic-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Hydraulic Elevators.jfif"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Hydraulic Elevators</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                      <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="parking-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Parking Elevators.jfif"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Parking Elevators</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                      <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="car-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Car Elevators.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Car Elevators</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                    
                    <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="industrial-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Industrial Elevator.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Industrial Elevator</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box--> <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="material-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Material Handling Elevators.webp"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Material Handling Elevators</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box--> <!--End Single Working Box--> <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="automatic-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Automatic Elevator.webp"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Automatic Elevator</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box--><!--End Single Working Box--> <!--End Single Working Box--> <!--Start Single Working Box-->
                    <!--<div class="col-xl-4 col-lg-4">-->
                    <!--    <a href="IndexControllers/office">-->
                    <!--        <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">-->
                    <!--            <div class="img-holder">-->
                    <!--                <div class="inner" style="border: 2px solid #e9212e;">-->
                    <!--                    <img src="assets/images/lifts/Hospital Passenger Lift.webp"-->
                    <!--                        alt="Awesome Image"-->
                    <!--                        style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">-->
                    <!--                    <div class="overlay-style-one"></div>-->
                    <!--                </div>-->
                    <!--            </div>-->
                    <!--            <div class="text-holder">-->
                    <!--                <div class="plus-icon-box"><span class="icon-plus"></span></div>-->
                    <!--                <div class="outer-box">-->
                    <!--                    <div class="icon">-->
                    <!--                        <div class="inner">-->
                    <!--                            <div class="box">-->
                    <!--                                <span class="icon-shop"></span>-->
                    <!--                            </div>-->
                    <!--                        </div>-->
                    <!--                    </div>-->
                    <!--                    <div class="text">-->
                    <!--                        <h3>Hospital Passenger Lift</h3>-->

                    <!--                    </div>-->
                    <!--                </div>-->
                    <!--            </div>-->
                    <!--        </div>-->
                    <!--    </a>-->
                    <!--</div>-->
                    <!--End Single Working Box-->  <!--End Single Working Box--><!--End Single Working Box--> <!--End Single Working Box--> <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="freight-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Fright Lift.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Freight Lift</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box--> <!--End Single Working Box-->  <!--End Single Working Box--><!--End Single Working Box--> <!--End Single Working Box--> <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="commercial-elevator.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="400ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Commercial Passenger Lifts.jfif"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-shop"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3>Commercial Passenger Lifts</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                    
                    
                    
                </div>
            </div>
        </section>
        <!--End Lifts Area-->



      <!--Start Lifts Area-->
        <section class="working-area bcc">
            <div class="container">
                 <center>
                    <h2>     Repair & Services</h2>

                    <img src="./images/border12.png" class="img-fluid" style="margin-top: -20px;">
                </center>
                
              
                <div class="row">
                    <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="elevator-amc.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="0ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Lift AMC Service.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-architecture-and-city1"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3 href="elevator-amc.php">Lift AMC Service
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                    <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="elevator-modernization.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="0ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Lift Modernization.jfif"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-architecture-and-city1"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3 href="elevator-modernization.php">Lift Modernization
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="elevator-maintenance-service.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="0ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Lift Maintenance.jfif"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-architecture-and-city1"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3 href="elevator-maintenance-service.php">Lift Maintenance
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                    <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="elevator-repair&service.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="0ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/Lift Repair & Service.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-architecture-and-city1"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3 href="elevator-repair&service.php">Lift Repair & Service
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                 
                   <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="elevator-installation.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="0ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/New Lift Installation.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-architecture-and-city1"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3 href="elevator-installation.php">New Lift Installation
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                   
                    <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="lift-emergency.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="0ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/247LiftEmergency.png"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-architecture-and-city1"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3 href="lift-emergency.php">24/7 Lift Emergency
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                 
                 
                 
                    
                    
                </div>
            </div>
        </section>
        <!--End Lifts Area-->


     
        
        
        <section class="product__section section--padding ">
            <div class="container">
                <center>
                    <h2> LIFT PARTS  </h2>

                    <img src="./images/border12.png" class="img-fluid" style="margin-top: -20px;">
                </center>
                                                   

             
                                <div class="row">
                    <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="control-system.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="0ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/1.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-architecture-and-city1"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3 href="control-system.php">Control Systems
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                    <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="door-system.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="0ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/2.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-architecture-and-city1"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3 href="door-system.php">Door Systems
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="cabin.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="0ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/5.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-architecture-and-city1"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3 href="cabin.php">Cabins & Accessories
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                    <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="button&display.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="0ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/3.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-architecture-and-city1"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3 href="button&display.php">Button & Displays
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                 
                   <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="spare-part.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="0ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/4.jpg"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-architecture-and-city1"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3 href="spare-part.php">Spare Parts
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                      <!--Start Single Working Box-->
                    <div class="col-xl-4 col-lg-4">
                        <a href="gearless-motor.php">
                            <div class="single-working-box wow fadeInDown" data-wow-delay="0ms">
                                <div class="img-holder">
                                    <div class="inner" style="border: 2px solid #e9212e;">
                                        <img src="assets/images/lifts/MRL Elevator Gearless Motor.webp"
                                            alt="Awesome Image"
                                            style="width: 100%;aspect-ratio: 7/5; border: 2px solid #e9212e;">
                                        <div class="overlay-style-one"></div>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <div class="plus-icon-box"><span class="icon-plus"></span></div>
                                    <div class="outer-box">
                                        <div class="icon">
                                            <div class="inner">
                                                <div class="box">
                                                    <span class="icon-architecture-and-city1"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h3 href="gearless-motor.php"> MRL Elevator Gearless Motor
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--End Single Working Box-->
                    
                   
                  
                 
                 
                 
                    
                    
                </div>

            </div>
        </section>
         <section class="recently-project-area bcc">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                         <center>
                    <h2> Our accessories </h2>

                    <img src="./images/border12.png" class="img-fluid" style="margin-top: -20px;">
                </center>
                                                   

                        <div class="more-project-button float-right">
                            <a class="btn-two" href="#">More Projects<span class="flaticon-next"></span></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="project-carousel owl-carousel owl-theme">
                    <!--Start single project style1-->
                    <div class="single-project-style1">
                        <div class="img-holder">
                            <img src="assets/images/accessories/btns.jpg" alt="Awesome Image"
                                style="aspect-ratio: 7/7;">
                            <div class="overlay-content">
                                <div class="inner-content">
                                    <div class="link-box">
                                        <a class="btn-one" href="#">More<span class="flaticon-next"></span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="title-box">
                                <h3>Lop Switch</h3>
                            </div>
                        </div>
                    </div>
                    <!--End single project style1-->

                    <!--Start single project style1-->
                    <div class="single-project-style1">
                        <div class="img-holder">
                            <img src="assets/images/accessories/rol.jpg" alt="Awesome Image"
                                style="aspect-ratio: 7/7;">
                            <div class="overlay-content">
                                <div class="inner-content">
                                    <div class="link-box">
                                        <a class="btn-one" href="#">More<span class="flaticon-next"></span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="title-box">
                                <h3>Over Speed Governer</h3>
                            </div>
                        </div>
                    </div>
                    <!--End single project style1-->


                    <!--Start single project style1-->
                    <div class="single-project-style1">
                        <div class="img-holder">
                            <img src="assets/images/accessories/motor.jpg" alt="Awesome Image"
                                style="aspect-ratio: 7/7;">
                            <div class="overlay-content">
                                <div class="inner-content">
                                    <div class="link-box">
                                        <a class="btn-one" href="#">More<span class="flaticon-next"></span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="title-box">

                                <h3>Gearless Motor</h3>
                            </div>
                        </div>
                    </div>
                    <!--End single project style1-->
                    <!--Start single project style1-->
                    <div class="single-project-style1">
                        <div class="img-holder">
                            <img src="assets/images/accessories/motor2.jpg" alt="Awesome Image"
                                style="aspect-ratio: 7/7;">
                            <div class="overlay-content">
                                <div class="inner-content">
                                    <div class="link-box">
                                        <a class="btn-one" href="#">More<span class="flaticon-next"></span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="title-box">
                                <h3> MRL & MR Motor </h3>
                            </div>
                        </div>
                    </div>
                    <!--End single project style1-->
                    <!--Start single project style1-->
                    <div class="single-project-style1">
                        <div class="img-holder">
                            <img src="assets/images/accessories/puse-btn.jpg"
                                alt="Awesome Image" style="aspect-ratio: 7/7;">
                            <div class="overlay-content">
                                <div class="inner-content">
                                    <div class="link-box">
                                        <a class="btn-one" href="#">More<span class="flaticon-next"></span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="title-box">
                                <h3>Cop Switch</h3>
                            </div>
                        </div>
                    </div>
                    <!--End single project style1-->

                    <!--Start single project style1-->
                    <div class="single-project-style1">
                        <div class="img-holder">
                            <img src="assets/images/accessories/matolFlor.jpg"
                                alt="Awesome Image" style="aspect-ratio: 7/7;">
                            <div class="overlay-content">
                                <div class="inner-content">
                                    <div class="link-box">
                                        <a class="btn-one" href="#">More<span class="flaticon-next"></span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="title-box">
                                <h3>Penal Board</h3>
                            </div>
                        </div>
                    </div>
                    <!--End single project style1-->
                    <!--Start single project style1-->
                    <div class="single-project-style1">
                        <div class="img-holder">
                            <img src="assets/images/accessories/drives.jpg" alt="Awesome Image"
                                style="aspect-ratio: 7/7;">
                            <div class="overlay-content">
                                <div class="inner-content">
                                    <div class="link-box">
                                        <a class="btn-one" href="#">More<span class="flaticon-next"></span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="title-box">
                                <h3>Motor Drive</h3>
                            </div>
                        </div>
                    </div>
                    <!--End single project style1-->
                    <!--Start single project style1-->
                    <div class="single-project-style1">
                        <div class="img-holder">
                            <img src="assets/images/accessories/spring.jpg" alt="Awesome Image"
                                style="aspect-ratio: 7/7;">
                            <div class="overlay-content">
                                <div class="inner-content">
                                    <div class="link-box">
                                        <a class="btn-one" href="#">More<span class="flaticon-next"></span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="title-box">
                                <h3>Buffer Spring</h3>
                            </div>
                        </div>
                    </div>
                    <!--End single project style1-->

                </div>
            </div>
        </section>
        <!--End Recently Project Area-->

        <!--Start slogan area-->
         <section class="slogan-area">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="inner-content flex-box-two fix">
                            <div class="title float-left">
                                <h3>Sky Elevators With Our Profesional Team? Make an Appointment.</h3>
                            </div>
                            <div class="button float-right">
                                <a class="btn-one" href="contact.php">Make an Appointment<span class="flaticon-next"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--End slogan area-->

        <!--Start Our Services Area-->
        <section class="working-process-area bcc">
            <div class="container">
                  <center>
                    <h2> Our Services </h2>

                    <img src="./images/border12.png" class="img-fluid" style="margin-top: -20px;">
                </center>
                
                <div class="row">
                    <!--Start Single Working Process-->
                    <div class="col-xl-4 col-lg-4  wow fadeInUp" data-wow-delay="100ms" data-wow-duration="1500ms">
                        <div class="single-working-process text-center">
                            <div class="top-box"><span>01</span></div>
                            <div class="inner">
                                <h3>Lift installation</h3>
                                <!-- <p>With righteous indignation and works off beguiled demoralized charm.</p> -->
                                <div class="icon-holder">

                                    <span> <img src="assets/images/service/installation.png"
                                            alt="Awesome Image"> </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Single Working Process-->
                    <!--Start Single Working Process-->
                    <div class="col-xl-4 col-lg-4  wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
                        <div class="single-working-process text-center">
                            <div class="top-box"><span>02</span></div>
                            <div class="inner">
                                <h3>Servicing</h3>
                                <!-- <p>Our power of choice is untrammelled and when nothing prevents.</p> -->
                                <div class="icon-holder">
                                    <!-- <span class="icon-success" ></span> -->
                                    <span> <img src="assets/images/service/servicing.png"
                                            alt="Awesome Image"> </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Single Working Process-->
                    <!--Start Single Working Process-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="500ms" data-wow-duration="1500ms">
                        <div class="single-working-process text-center">
                            <div class="top-box"><span>03</span></div>
                            <div class="inner">
                                <h3>Maintenance</h3>
                                <!-- <p>Wing to the claims of duty the obligations will frequently occur.</p> -->
                                <div class="icon-holder">
                                    <!-- <span class="icon-concept"></span> -->
                                    <span> <img src="assets/images/service/maintenance.png"
                                            alt="Awesome Image"> </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Single Working Process-->

                    <!--Start Single Working Process-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="100ms" data-wow-duration="1500ms">
                        <div class="single-working-process text-center">
                            <div class="top-box"><span>04</span></div>
                            <div class="inner">
                                <h3>Alignment</h3>
                                <!-- <p>With righteous indignation and works off beguiled demoralized charm.</p> -->
                                <div class="icon-holder">
                                    <!-- <span class="icon-guarantee-certificate"></span> -->
                                    <span> <img src="assets/images/service/alignment.png"
                                            alt="Awesome Image"> </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Single Working Process-->

                    <!--Start Single Working Process-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="100ms" data-wow-duration="1500ms">
                        <div class="single-working-process text-center">
                            <div class="top-box"><span>05</span></div>
                            <div class="inner">
                                <h3>Electrician</h3>
                                <!-- <p>With righteous indignation and works off beguiled demoralized charm.</p> -->
                                <div class="icon-holder">
                                    <!-- <span class="icon-lamp"></span> -->
                                    <span> <img src="assets/images/service/electrician.png"
                                            alt="Awesome Image"> </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Single Working Process-->

                    <!--Start Single Working Process-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="100ms" data-wow-duration="1500ms">
                        <div class="single-working-process text-center">
                            <div class="top-box"><span>06</span></div>
                            <div class="inner">
                                <h3>Supplier (Manufactur)</h3>
                                <!-- <p>With righteous indignation and works off beguiled demoralized charm.</p> -->
                                <div class="icon-holder">
                                    <!-- <span class="icon-support"></span> -->
                                    <span> <img src="assets/images/service/supplier.png"
                                            alt="Awesome Image"> </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Single Working Process-->
                </div>
            </div>
        </section>
        <!--End Our Services Area-->

        <!--Start about area-->
        <section class="about-area bcc">
            <div class="container">
                <div class="sec-title with-text max-width text-center wow fadeInDown" data-wow-delay="100ms">
                    <p class="title clr-red" style="font-size: 30px !important;">About Us </p>
                </div>
                <div class="row">
                    <div class="col-xl-5 col-lg-5">
                        <div class="about-image-box bcc">
                            <div class="inner-box" style=" width: 100%;aspect-ratio: 5/6; ">
                                <img src="assets/images/lifts/Elevator-Pitch.png" alt="Awesome Image"
                                    style="width: 100%;aspect-ratio: 7/6;border: 1px solid #e9212e;border-radius: 2%;">
                                <!-- <div class="overlay">
                            <!--    <div class="box">-->
                            <!--        <div class="icon wow zoomIn" data-wow-delay="300ms" data-wow-duration="1500ms">-->
                            <!--            <img src="images/icon/home.png" alt="Home Icon"  >-->
                            <!--        </div>-->
                            <!--    </div>-->
                            <!--</div> -->
                            </div>
                            <!-- <div class="text-box">
                                <h3>Rahul Patel, <span>CEO & Founder</span></h3>
                            </div> -->
                        </div>
                    </div>
                    <div class="col-xl-7 col-lg-7">
                        <div class="about-text">
                            <div class="sec-title">
                                <h2  style="font" >Welcome To Sky Elevators</h2>
                            </div>
                            <div class="inner-content">
                                <div class="text" style="height: 250px; overflow-y: scroll;">
                                    <p style="text-align: justify;">
                                        <i class="bi bi-quote icon-quote1"></i>
                                        At Sky Elevators, we believe in more than just lifting people and goods; we are dedicated to elevating sustainability to new heights. As a leading provider of vertical transportation solutions, we are committed to integrating eco-friendly practices into every aspect of our operations.Sky Elevators is at the forefront of innovation, constantly striving to develop and implement cutting-edge technologies that reduce our environmental footprint. From energy-efficient elevator systems to smart management solutions, we prioritize sustainability in all our offerings.                                        <i class="bi bi-quote icon-quote1"></i>



                                    </p>
                                    <h4>Our Vision:-</h4>
                                    <p align="jsutify">
                                        At Sky Elevators, we envision a future where vertical transportation seamlessly integrates with the rhythm of urban life, enhancing connectivity, accessibility, and sustainability. Our vision is to elevate the human experience by redefining the way people move within built environments, creating spaces that inspire, connect, and empower individuals and communities.


                                    </p>
                                     <h4>Our Mission:-</h4>
                                    <p style="text-align: justify;">
                                       Our mission at Sky Elevators is to lead the evolution of vertical transportation through innovation, reliability, and sustainability. We are dedicated to engineering cutting-edge elevator solutions that prioritize safety, efficiency, and environmental responsibility. With a customer-centric approach and a commitment to excellence, we strive to exceed expectations, empower our clients, and shape the future of urban mobility.


                                    </p>

                                </div>
                                <div class="about-carousel-box owl-carousel owl-theme">
                                    <!--Start Single Box-->
                                    <div class="single-box">
                                        <div class="icon-holder">
                                            <span class="icon-target"></span>
                                        </div>
                                        <div class="text-holder">
                                            <h3>Mission </h3>
                                            <p> </p>
                                        </div>
                                    </div>
                                    <!--End Single Box-->
                                    <!--Start Single Box-->
                                    <div class="single-box">
                                        <div class="icon-holder">
                                            <span class="icon-lamp"></span>
                                        </div>
                                        <div class="text-holder">
                                            <h3>Vision </h3>
                                            <p></p>
                                        </div>
                                    </div>
                                    <!--End Single Box-->

                                </div>

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

            </div>
        </section>
        <!--End about Area-->

        <!--Start Recently Project Area-->




        <!--Start Testimonial Area-->

        <!--End Testimonial Area-->
        
        
        <section class="product__section section--padding ">
            <div class="container">
                                        
                    <center>
                    <h2> Our Gallery</h2>

                    <img src="./images/border12.png" class="img-fluid" style="margin-top: -20px;">
                </center>

              
            </div>
            <div class="container">
     
      <div class="row">


          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
               <video width="320" height="240" controls="">
  <source src="./images/gallery/1.mp4" type="video/mp4">
</video>
            
              </div>
              </div>        
          </div>
                 <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
               <video width="320" height="240" controls="">
  <source src="./images/gallery/2.mp4" type="video/mp4">
</video>
            
              </div>
              </div>        
          </div>
                 <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
               <video width="320" height="240" controls="">
  <source src="./images/gallery/3.mp4" type="video/mp4">
</video>
            
              </div>
              </div>        
          </div>
                
             
                  <div class="col-md-3">
                    <div class="mt-3"> 
                      <div class="featured-img">
                       <video width="320" height="240" controls="">
          <source src="./images/gallery/4.mp4" type="video/mp4">
        </video>
            
              </div>
              </div>        
          </div>
         
         
           <div class="col-md-3">
                    <div class="mt-3"> 
                      <div class="featured-img">
                       <video width="320" height="240" controls="">
          <source src="./images/gallery/5.mp4" type="video/mp4">
        </video>
            
              </div>
              </div>        
          </div>
         
           <div class="col-md-3">
                    <div class="mt-3"> 
                      <div class="featured-img">
                       <video width="320" height="240" controls="">
          <source src="./images/gallery/6.mp4" type="video/mp4">
        </video>
            
              </div>
              </div>        
          </div>
         


                <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/8.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/9.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/10.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/11.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          
         
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/13.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/14.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/15.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/16.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/17.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/19.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/20.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/21.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/22.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
           
           <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/23.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/24.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/25.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/26.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/27.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
      <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/28.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/29.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/30.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          
          <div class="col-md-3">
            <div class="mt-3"> 
              <div class="featured-img">
                <img src="./images/gallery/31.jpeg" style="height: 250px;
    width: 100%;
    object-fit: cover;" width="100px" class="img-responsive" alt="projects">
                <div class="overlay-bg"></div>
              </div>
              </div>        
          </div>
          


         


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

        <!--Start appointment Area-->
        <section class=" bcc">
            <div class="container">
                <center>
                    <h2 style="margin-top: 15px;"> Contact Us </h2>

                    <img src="./images/border12.png" class="img-fluid" style="margin-top: -20px;">
                </center>
            </div>
        </section>
        
        
        
        
        <section class="appointment-area bcc"
            style="background-image:url(https://img.freepik.com/premium-photo/elevator-doors-hotel-corporate-setting-lifted-closed-opened_410516-29007.jpg?size=626&ext=jpg&ga=GA1.2.58611832.1706609515&semt=sph); width: 100%; background-size: cover; background-position: center;">
            <div class="container">


                <div class="row">
                    <div class="col-md-6">
                        <div class="map-content-box">
                            <div class="sec-title">
                                <p></p>
                                <div class="title">How Can We <span>Help You?</span></div>
                            </div>
                            
                        </div>
                         <iframe src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d3502.0644009611606!2d77.01707057606004!3d28.62783188429313!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sOffice%20No.56A%2C%20Block-C%2C%20Street%20No-2%2C%20Nangli%20Vihar%20Ext.%2C%20New%20Delhi-110043!5e0!3m2!1sen!2sin!4v1709018948183!5m2!1sen!2sin" width="100%" height="390" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                    <div class="col-md-6">
                            <div class="appointment">
                                <form class="appointment-form">
                                    <div class="row">
                                        <div class="col-xl-12">
                                            <div class="single-box">
                                                <input type="text" name="form_name" value="" placeholder="Name" required="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xl-12">
                                            <div class="single-box">
                                                <input type="email" name="form_email" value="" placeholder="Email" required="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xl-12">
                                            <div class="single-box">
                                                <div class="dropdown bootstrap-select" style="width: 100%;"><select class="selectpicker" data-width="100%" tabindex="-98">
                                                    <option selected="selected">Interested In</option>
                                                    <option>Feedback</option>
                                                    <option>Enquiry</option>
                                                    <option>Suggestion</option>


                                                </select><button type="button" class="btn dropdown-toggle btn-light" data-toggle="dropdown" role="button" title="Interested In"><div class="filter-option"><div class="filter-option-inner"><div class="filter-option-inner-inner">Interested In</div></div> </div></button><div class="dropdown-menu " role="combobox"><div class="inner show" role="listbox" aria-expanded="false" tabindex="-1"><ul class="dropdown-menu inner show"></ul></div></div></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xl-12">
                                            <div class="single-box">
                                                <button class="btn-one" type="submit">Submit Here<span class="flaticon-next"></span></button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                    </div>


                </div>
            </div>
        </section>
        <!--End appointment Area-->

        <!--Start Testimonial Style2 Area-->
        <section class="testimonial-style2-area bcc">
            <div class="container">
                <div class="sec-title with-text max-width text-center wow fadeInDown" data-wow-delay="100ms">
                    <p class="title clr-red" style="font-size: 30px !important;margin: 44px auto 0;">Our Testimonials</p>
                </div>
                <div class="row">
                    <div class="col-xl-12 col-lg-12">
                        <div class="testimonial-style2-content">
                            <div class="testimonial-carousel owl-carousel owl-theme">
                                <!--Start Single Testimonial style2-->
                                <div class="single-testimonial-style2 text-center">
                                    <div class="inner-content">
                                            <center>
                                                 <img src="./images/t1.webp" style="width: 100px; height: 100px; border-radius: 100%;">

                                            </center>

                                                <h3>Sonu Bansal</h3>
                                            </div>
                                            <div class="text-box">
                                                <p style="text-align:justify;margin:10px;">Sky Elevators provided us with exceptional service from the initial consultation to the completion of our elevator modernization project. We highly recommend Sky Elevators for their expertise and commitment to excellence."</p>
                                            </div>
                                           
                                    </div>
                                </div>
                                <!--End Single Testimonial style2 -->

                              


                                <!--End Single Testimonial style2 -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--End Testimonial Style2 Area-->


        
        

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3C6K1YGKWS"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-3C6K1YGKWS');
</script>
        <!--Start footer area-->
<style>
    .single-footer-widget .services-links ul li a:before{
        color:white !important;
    }
</style>
<!--End footer area-->
        <footer class="footer-area" style="background-image:url(assets/product/footer.jpg)">
            <div class="footer-shape-bg wow slideInRight" data-wow-delay="300ms" data-wow-duration="2500ms"></div>
            <div class="container">
                <div class="row">
                    <!--Start single footer widget-->
                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12">
                        <div class="single-footer-widget marbtm50">
                            <div class="contact-info-box">
                                <div class="footer-logo">
                                    <a href="index.php" >
                                     
                                        <img src="images/logo.png" alt="Awesome Logo"
                                            style="border-radius: 5px;">
                                  
                                    </a>
                                </div>
                                
                                <p style="color: white;">
                                    At <b>Sky Elevators</b>, we believe in more than just lifting people and goods; we are dedicated to elevating sustainability to new heights. As a leading provider of vertical transportation solutions, we are committed to integrating eco-friendly practices into every aspect of our operations.
                                </p>
                            </div>
                        </div>
                    </div>
                    <!--End single footer widget-->
                    <!--Start single footer widget-->
                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12">
                        <div class="single-footer-widget marbtm50">
                            <div class="title">
                                <h3>usefull-links</h3>
                            </div>
                            <div class="services-links">
                                <ul>
                                    <li><a href="index.php" style="color: white!important;">Home</a></li>
                                    <li><a href="about.php" style="color: white!important;">About Us</a></li>
                                    <li><a href="passenger-elevator.php" style="color: white!important;">Services</a></li>
                                    <li><a href="accessories.php" style="color: white!important;">Accessories</a></li>
                                    <li><a href="gallery.php" style="color: white!important;">Gallery</a></li>
                                    <li><a href="contact.php" style="color: white!important;">Contact</a></li>
                                    <div id="google_translate_element"></div>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--End single footer widget-->
                    <!--Start single footer widget-->

                    <!--End single footer widget-->
                    <!--Start single footer widget-->
                    <div class="col-xl-5 col-lg-6 col-md-6 col-sm-12">
                         <div class="single-footer-widget marbtm50">
                            <div class="title">
                                <h3>Contact Us</h3>
                            </div>
                            <div class="services-links">
                                    <ul>
                                    <li>
                                        <p style="color: #fff2f2e6;font-weight: 400;" ><i class="fa-solid fa-location-dot"></i> CORP./REG. Office No.634, Kakrola Housing, Complex Old Palam Road, Ground Floor, Near Dwarka More Metro Station, New Delhi-110078. </p>
                                    </li>
                                    <li>
                                        <p style="color: #fff2f2e6;font-weight: 400;" > <i class="fa-solid fa-phone"></i> +91- 8789053312, +91-9560410506, +91-9810060435 </p>
                                    </li>
                                    <li>
                                        <p style="color: #fff2f2e6;font-weight: 400;" ><i class="fa-solid fa-envelope"></i>  info@skyelevators.in</p>
                                    </li>
                                    <li>
                                        <p style="color: #fff2f2e6;font-weight: 400;" ><i class="fa-solid fa-envelope"></i> sales@skyelevators.in</p>
                                    </li>
                                    
                                    
                                </ul>
                            </div>
                        </div>

                    </div>
                    <!--End single footer widget-->
                </div>
            </div>
        </footer>

        <section class="footer-bottom-area" style="">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                        <div class="footer-bottom-content flex-box-two">
                            <div class="copyright-text">
                <p class="copyright__content"><span class="text__secondary" style=" color: black;">Copyright © 2024 Sky Elevators   All Rights Reserved. <span>Developed And Design By <a href="https://skyelevators.in/" target="_blank" style="font-size: 20px font-weight: bold;">skyelevators.in</a></span></span></p>
                    </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <style>
        #fcf-form {
            display: block;
        }

        .fcf-body {
            margin: 0;
            font-family: -apple-system, Arial, sans-serif;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            text-align: left;
            background-color: #fff;
            padding: 30px;
            padding-bottom: 10px;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            max-width: 100%;
        }

        .fcf-form-group {
            margin-bottom: 1rem;
        }

        .fcf-input-group {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-align: stretch;
            align-items: stretch;
            width: 100%;
        }

        .fcf-form-control {
            display: block;
            width: 100%;
            height: calc(1.5em + 0.75rem + 2px);
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            outline: none;
            border-radius: 0.25rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

        .fcf-form-control:focus {
            border: 1px solid #313131;
        }

        select.fcf-form-control[size],
        select.fcf-form-control[multiple] {
            height: auto;
        }

        textarea.fcf-form-control {
            font-family: -apple-system, Arial, sans-serif;
            height: auto;
        }

        label.fcf-label {
            display: inline-block;
            margin-bottom: 0.5rem;
        }

        .fcf-credit {
            padding-top: 10px;
            font-size: 0.9rem;
            color: #545b62;
        }

        .fcf-credit a {
            color: #545b62;
            text-decoration: underline;
        }

        .fcf-credit a:hover {
            color: #0056b3;
            text-decoration: underline;
        }

        .fcf-btn {
            display: inline-block;
            font-weight: 400;
            color: #212529;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-color: transparent;
            border: 1px solid transparent;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            line-height: 1.5;
            border-radius: 0.25rem;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

        @media (prefers-reduced-motion: reduce) {
            .fcf-btn {
                transition: none;
            }
        }

        .fcf-btn:hover {
            color: #212529;
            text-decoration: none;
        }

        .fcf-btn:focus,
        .fcf-btn.focus {
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

        .fcf-btn-primary {
            color: #fff;
            background-color: #007bff;
            border-color: #007bff;
        }

        .fcf-btn-primary:hover {
            color: #fff;
            background-color: #0069d9;
            border-color: #0062cc;
        }

        .fcf-btn-primary:focus,
        .fcf-btn-primary.focus {
            color: #fff;
            background-color: #0069d9;
            border-color: #0062cc;
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }

        .fcf-btn-lg,
        .fcf-btn-group-lg>.fcf-btn {
            padding: 0.5rem 1rem;
            font-size: 1.25rem;
            line-height: 1.5;
            border-radius: 0.3rem;
        }

        .fcf-btn-block {
            display: block;
            width: 100%;
        }

        .fcf-btn-block+.fcf-btn-block {
            margin-top: 0.5rem;
        }

        input[type="submit"].fcf-btn-block,
        input[type="reset"].fcf-btn-block,
        input[type="button"].fcf-btn-block {
            width: 100%;
        }

        .request {
            z-index: 100;
            position: fixed;
            left: 0;
            bottom: 50%;
            transform: rotate(90deg);
            animation: ani 4s ease-in infinite;


        }

        @keyframes ani {
            0% {
                bottom: 51%;
            }

            50% {
                bottom: 49%;
            }
        }
        
        
        .mf-social-side-list {
position: fixed;
top: 30vh;
right: 10px;

z-index: 100;
}
.mf-social-side-list ul {
list-style: none;
display: flex;
flex-direction: column;
padding: 0;
margin:0
z-index: 99;

}
.mf-social-side-list ul li a {
color: #ffffff;
border-radius: 50%;
width: 35px;
height: 35px;
z-index: 99;
line-height: 35px;
margin-top: 5px;
text-align: center;
text-decoration: none;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.mf-social-side-list ul li a:hover {
opacity: .9;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.mf-social-side-list ul li a[href*='facebook'] {
background: #3b5998;
}
.mf-social-side-list ul li a[href*='instagram'] {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);;
}
.mf-social-side-list ul li a[href*='youtube'] {
background: #c4302b;
}
/*.mf-social-side-list ul li a[href*='linkedin'] {*/
/*background: #0077B5;*/
/*}*/
/*.mf-social-side-list ul li a[href*='twitter'] {*/
/*background: #00acee;*/
/*}*/


.ball {
position: sticky;
top: 65%;
right: 2%;
transform: translate(-50%, -50%); 
animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-55px);
}
100% {
transform: translateY(0);
}
}


.call-back-1 {
	position: fixed;
	bottom: 120px;
	right: 10px;
	z-index: 99;
	animation-name: mover1;
	-webkit-animation: mover1 1s infinite alternate;
	animation: mover1 1s infinite alternate;

}

@-webkit-keyframes mover1 {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-10px);
	}
}

@keyframes mover1 {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-10px);
	}
}

.call-back-1 img {
	width: 40px;
	margin-bottom: 5px;
	display: block;

}

.call-back {
	position: absolute;
	top: 225px;
	right: 10px;
	z-index: 99;
	animation-name: mover;
	-webkit-animation: mover 1s infinite alternate;
	animation: mover 1s infinite alternate;

}

@-webkit-keyframes mover {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-10px);
	}
}

@keyframes mover {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-10px);
	}
}

.call-back img {
	width: 40px;
	margin-bottom: 15px;

}


    </style>
        
        <div class="mf-social-side-list">
            
            
<ul>
<li>
<a style="background:#3b5998;" href="https://www.facebook.com/www.skyelevators.in?mibextid=ZbWKwL" target="_blank"><i class="fa-brands fa-facebook mt-2" style="font-size: 20px;"></i></a>
</li>
<li>
<a style="background: background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  " href="https://www.instagram.com/skyelevatorsin/" target="_blank"><i class="fa-brands fa-instagram mt-2" style="font-size: 20px; margin-top: 42px;"></i></a>
</li>
<li>
<a style="background:#c4302b;" href="https://www.youtube.com/@skyelevators" target="_blank"><i class="fa-brands fa-youtube"></i></a>
</li>
<li>
<a style="background:#0072b1;" href="https://www.linkedin.com/in/tina-kumari-9727a0245?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
</li>
<!--<li>-->
<!--<a style="background:#00acee;" href="#" target="_blank"><i class="fa fa-twitter"></i></a>-->
<!--</li>-->
</ul>

</div>

<div class="call-back-1">
	<a href="tel:+918083314185"><img src="./images/call1-removebg-preview (1).png" alt=""></a>
	<a href="https://wa.me/+918083314185?text=Hi%20There." target="_blank"><img src="./images/whatsapp (1).png" alt=""></a>
</div>

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
        <script src="assets/js/jquery.js"></script>
    <script src="assets/js/appear.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/bootstrap-select.min.js"></script>
    <script src="assets/js/isotope.js"></script>
    <script src="assets/js/jquery.bootstrap-touchspin.js"></script>
    <script src="assets/js/jquery.countTo.js"></script>
    <script src="assets/js/jquery.easing.min.js"></script>
    <script src="assets/js/jquery.enllax.min.js"></script>
    <script src="assets/js/jquery.fancybox.js"></script>
    <script src="assets/js/jquery.mixitup.min.js"></script>
    <script src="assets/js/jquery.paroller.min.js"></script>
    <script src="assets/js/owl.js"></script>
    <script src="assets/js/validation.js"></script>
    <script src="assets/js/wow.js"></script>

  
    <script src="assets/js/map-helper.js"></script>

    <script src="assets/assets/language-switcher/jquery.polyglot.language.switcher.js"></script>
    <script src="assets/assets/timepicker/timePicker.js"></script>
    <script src="assets/assets/html5lightbox/html5lightbox.js"></script>

    <!--Revolution Slider-->
    <script src="assets/plugins/revolution/js/jquery.themepunch.revolution.min.js"></script>
    <script src="assets/plugins/revolution/js/jquery.themepunch.tools.min.js"></script>
    <script src="assets/plugins/revolution/js/extensions/revolution.extension.actions.min.js"></script>
    <script src="assets/plugins/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
    <script src="assets/plugins/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
    <script src="assets/plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
    <script src="assets/plugins/revolution/js/extensions/revolution.extension.migration.min.js"></script>
    <script src="assets/plugins/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
    <script src="assets/plugins/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
    <script src="assets/plugins/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
    <script src="assets/plugins/revolution/js/extensions/revolution.extension.video.min.js"></script>
    <script src="assets/js/main-slider-script.js"></script>

    <!-- thm custom script -->
    <script src="assets/js/custom.js"></script>        <!--Start footer bottom area-->

        <!--End footer bottom area-->



    <!--<div class="scroll-to-top-style2 scroll-to-target" data-target="html">-->
    <!--    <span class="fa fa-angle-up"></span>-->
    <!--</div>-->







</body>