<section class="couonter-one">
            <div class="counter-one-bg">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                          <div class="section-title text-center">
                    <span class="section-title__tagline">Our Statistics</span>
                    <h2 class="section-title__title text-white">Our Impact in Numbers</h2>
                    <div class="section-title__line"></div>
                </div>
                    </div>
                </div>
                <ul class="list-unstyled couonter-one__list clearfix">
                   
                    <div class="row gy-4">
                        
                        <div class="col-md-3">
                                <li class="couonter-one__single wow fadeInLeft animated animated" data-wow-delay="100ms" style="visibility: visible; animation-delay: 100ms; animation-name: fadeInLeft;">
                        <div class="couonter-one__content-box">
                            <div class="couonter-one__icon-box">
                               <img src="assets/xera/icon/happy.png" class="img-fluid">
                            </div>
                            <div class="couonter-one__count-box">
                                <div class="couonter-one__count-box-inner">
                                    <h3 class="odometer odometer-auto-theme" data-count="12,000"><div class="odometer-inside"><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">1</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">2</span></span></span></span></span><span class="odometer-formatting-mark">,</span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span></div></h3>
                                </div>
                                <p class="couonter-one__text">Happy Customers</p>
                            </div>
                        </div>
                    </li>
                        </div>
                         <div class="col-md-3">
                                <li class="couonter-one__single wow fadeInLeft animated animated" data-wow-delay="100ms" style="visibility: visible; animation-delay: 100ms; animation-name: fadeInLeft;">
                        <div class="couonter-one__content-box">
                            <div class="couonter-one__icon-box">
                              <img src="assets/xera/icon/products.png" class="img-fluid">
                            </div>
                            <div class="couonter-one__count-box">
                                <div class="couonter-one__count-box-inner">
                                    <h3 class="odometer odometer-auto-theme" data-count="150"><div class="odometer-inside"><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">1</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">5</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span></div></h3>
                                </div>
                                <p class="couonter-one__text">Products Available</p>
                            </div>
                        </div>
                    </li>
                        </div>
                         <div class="col-md-3">
                                <li class="couonter-one__single wow fadeInLeft animated animated" data-wow-delay="100ms" style="visibility: visible; animation-delay: 100ms; animation-name: fadeInLeft;">
                        <div class="couonter-one__content-box">
                            <div class="couonter-one__icon-box">
                             <img src="assets/xera/icon/experience.png" class="img-fluid">
                            </div>
                            <div class="couonter-one__count-box">
                                <div class="couonter-one__count-box-inner">
                                    <h3 class="odometer odometer-auto-theme" data-count="8"><div class="odometer-inside"><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">8</span></span></span></span></span></div></h3>
                                </div>
                                <p class="couonter-one__text">Years Experience</p>
                            </div>
                        </div>
                    </li>
                        </div>
                         <div class="col-md-3">
                                <li class="couonter-one__single wow fadeInLeft animated animated" data-wow-delay="100ms" style="visibility: visible; animation-delay: 100ms; animation-name: fadeInLeft;">
                        <div class="couonter-one__content-box">
                            <div class="couonter-one__icon-box">
                                <img src="assets/xera/icon/completed.png" class="img-fluid">
                            </div>
                            <div class="couonter-one__count-box">
                                <div class="couonter-one__count-box-inner">
                                    <h3 class="odometer odometer-auto-theme" data-count="1000"><div class="odometer-inside"><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">1</span></span></span></span></span><span class="odometer-formatting-mark">,</span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span></div></h3>
                                </div>
                                <p class="couonter-one__text">Projects Completed</p>
                            </div>
                        </div>
                    </li>
                        </div>
                    </div>
                </ul>
            </div>
        </section>
        <section class="testimonial-one" style="background-image: url(assets/xera/banner/testibg.jpg); background-size:cover;background-attachment:fixed;">
            <!--<div class="testimonial-one-bg-box">-->
                <!--<div class="testimonial-one-bg jarallax" data-jarallax="" data-speed="0.2" data-imgposition="50% 0%" style="background-image: none;" data-jarallax-original-styles="background-image: url(assets/xera/banner/testibg.jpg);"><div id="jarallax-container-1" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: -100;"><div style="background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-image: url(&quot;https://design24.ilogicx.com/design/A-design/xeratech/assets/xera/banner/testibg.jpg&quot;); position: absolute; top: 0px; left: 0px; width: 1880px; height: 565.6px; overflow: hidden; pointer-events: none; transform-style: preserve-3d; backface-visibility: hidden; will-change: transform, opacity; margin-top: -20.3px; transform: translate3d(0px, -168.787px, 0px);"></div></div></div>-->
            <!--</div>-->
            <div class="container">
                <div class="row">
                    <div class="col-xl-3">
                        <div class="testimonial-one__left">
                            <div class="section-title text-left">
                                <span class="section-title__tagline">testimonials</span>
                                <h2 class="section-title__title">What Our Customers Say?</h2>
                                <div class="section-title__line"></div>
                            </div>
                            <p class="testimonial-one__text">Trusted across the UAE, our customers praise XeraTech for delivering smart, sustainable, and reliable solar lighting solutions</p>
                        </div>
                    </div>
                    <div class="col-xl-9">  
                        <div class="testimonial-one__right">
                            <div class="owl-carousel owl-theme thm-owl__carousel testimonial-one__carousel owl-loaded owl-drag" data-owl-options="{
                                &quot;loop&quot;: true,
                                &quot;autoplay&quot;: false,
                                &quot;margin&quot;: 30,
                                &quot;nav&quot;: false,
                                &quot;dots&quot;: true,
                                &quot;smartSpeed&quot;: 500,
                                &quot;autoplayTimeout&quot;: 10000,
                                &quot;navText&quot;: [&quot;<span class=\&quot;fa fa-angle-left\&quot;></span>&quot;,&quot;<span class=\&quot;fa fa-angle-right\&quot;></span>&quot;],
                                &quot;responsive&quot;: {
                                    &quot;0&quot;: {
                                        &quot;items&quot;: 1
                                    },
                                    &quot;768&quot;: {
                                        &quot;items&quot;: 1
                                    },
                                    &quot;992&quot;: {
                                        &quot;items&quot;: 2
                                    },
                                    &quot;1200&quot;: {
                                        &quot;items&quot;: 2.25545
                                    }
                                }
                            }">
                            <div class="owl-stage-outer">
                                <div class="owl-stage" style="transform: translate3d(-1995px, 0px, 0px); transition: all; width: 7582px;">
                                    
                                    <div class="owl-item cloned" style="width: 369.033px; margin-right: 30px;">
                                        
                                        <div class="testimonial-one__single">
                                
                                    <div class="testimonial-one__quote">
                                        <span class="icon-quotation"></span>
                                    </div>
                                    
                                    <p class="testimonial-one__text-2">We installed XeraTech solar street lights at our commercial complex in Dubai, and the performance is exceptional. Bright, efficient, and zero maintenance. A smart investment for sustainable lighting.</p>
                                    <div class="testimonial-one__client-info">
                                        <div class="testimonial-one__img">
                                            <img src="assets/images/testimonial/testimonial-1-2.jpg" alt="">
                                        </div>
                                        <div class="testimonial-one__client-content">
                                            <h4 class="testimonial-one__client-name">Ahmed R.</h4>
                                            <p class="testimonial-one__client-title">Dubai (Facilities Manager)</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="owl-item cloned" style="width: 369.033px; margin-right: 30px;">
                                <div class="testimonial-one__single">
                                    <div class="testimonial-one__quote">
                                        <span class="icon-quotation"></span>
                                    </div>
                                    <p class="testimonial-one__text-2">XeraTech offered the perfect lighting solution for our eco-villas. Their solar-powered LEDs withstand the UAE heat and dust effortlessly. Highly reliable and energy-efficient.</p>
                                    <div class="testimonial-one__client-info">
                                        <div class="testimonial-one__img">
                                            <img src="assets/images/testimonial/testimonial-1-3.jpg" alt="">
                                        </div>
                                        <div class="testimonial-one__client-content">
                                            <h4 class="testimonial-one__client-name">Fatima S.</h4>
                                            <p class="testimonial-one__client-title">Abu Dhabi (Property Developer)</p>
                                        </div>
                                    </div>
                                </div>
                                </div>
                                
                                <div class="owl-item cloned" style="width: 369.033px; margin-right: 30px;"><div class="testimonial-one__single">
                                    <div class="testimonial-one__quote">
                                        <span class="icon-quotation"></span>
                                    </div>
                                    <p class="testimonial-one__text-2">We chose XeraTech for a public park lighting project. Their dusk-to-dawn operation and high-lumen output exceeded expectations. Also, timely delivery and great technical support.</p>
                                    <div class="testimonial-one__client-info">
                                        <div class="testimonial-one__img">
                                            <img src="assets/images/testimonial/testimonial-1-1.jpg" alt="">
                                        </div>
                                        <div class="testimonial-one__client-content">
                                            <h4 class="testimonial-one__client-name">Khalid M.</h4>
                                            <p class="testimonial-one__client-title">Sharjah (Municipality Consultant)</p>
                                        </div>
                                    </div>
                                </div>
                                </div>
                                
                              
                               
                                
                      
                      
                                
                            
                            
                               
                                
                                </div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span class="fa fa-angle-left"></span></button><button type="button" role="presentation" class="owl-next"><span class="fa fa-angle-right"></span></button></div><div class="owl-dots"><button role="button" class="owl-dot active"><span></span></button><button role="button" class="owl-dot"><span></span></button><button role="button" class="owl-dot"><span></span></button></div></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="brand-one">
            <div class="container">
                <div class="brand-one__inner">
                    <div class="row">
                      <div class="section-title text-center">
                    <h2 class="section-title__title">Our Valuable Clients and Partners</h2>
                    <div class="section-title__line"></div>
                </div>
                        <div class="col-xl-12">
                            <div class="brand-one__main-content d-flex">
                               <div class="thm-swiper__slider swiper-container swiper-container-initialized swiper-container-horizontal" data-swiper-options="{
    &quot;spaceBetween&quot;: 100,
    &quot;slidesPerView&quot;: 5,
    &quot;autoplay&quot;: { &quot;delay&quot;: 3000 },
    &quot;breakpoints&quot;: {
        &quot;0&quot;: {
            &quot;spaceBetween&quot;: 30,
            &quot;slidesPerView&quot;: 2
        },
        &quot;375&quot;: {
            &quot;spaceBetween&quot;: 30,
            &quot;slidesPerView&quot;: 2
        },
        &quot;575&quot;: {
            &quot;spaceBetween&quot;: 30,
            &quot;slidesPerView&quot;: 3
        },
        &quot;767&quot;: {
            &quot;spaceBetween&quot;: 50,
            &quot;slidesPerView&quot;: 4
        },
        &quot;991&quot;: {
            &quot;spaceBetween&quot;: 50,
            &quot;slidesPerView&quot;: 5
        },
        &quot;1199&quot;: {
            &quot;spaceBetween&quot;: 50,
            &quot;slidesPerView&quot;: 5
        },
        &quot;1920&quot;: {
            &quot;spaceBetween&quot;: 50,
            &quot;slidesPerView&quot;: 6
        }
    }
}">

                                    <div class="swiper-wrapper" style="transform: translate3d(-488px, 0px, 0px); transition-duration: 0ms;">
                                        <div class="swiper-slide" style="width: 194px; margin-right: 50px;">
                                            <img src="assets/xera/logo/1.jpg" alt="">
                                        </div><!-- /.swiper-slide -->
                                        <div class="swiper-slide swiper-slide-prev" style="width: 194px; margin-right: 50px;">
                                            <img src="assets/xera/logo/2.jpg" alt="">
                                        </div><!-- /.swiper-slide -->
                                        <div class="swiper-slide swiper-slide-active" style="width: 194px; margin-right: 50px;">
                                            <img src="assets/xera/logo/3.png" alt="">
                                        </div><!-- /.swiper-slide -->
                                        <div class="swiper-slide swiper-slide-next" style="width: 194px; margin-right: 50px;">
                                            <img src="assets/xera/logo/4.jpg" alt="">
                                        </div><!-- /.swiper-slide -->
                                        <div class="swiper-slide" style="width: 194px; margin-right: 50px;">
                                            <img src="assets/xera/logo/5.jpg" alt="">
                                        </div><!-- /.swiper-slide -->
                                        <div class="swiper-slide" style="width: 194px; margin-right: 50px;">
                                            <img src="assets/xera/logo/6.png" alt="">
                                        </div><!-- /.swiper-slide -->
                                       
                                        <div class="swiper-slide" style="width: 194px; margin-right: 50px;">
                                            <img src="assets/xera/logo/8.jpg" alt="">
                                        </div><!-- /.swiper-slide -->
                                        <div class="swiper-slide" style="width: 194px; margin-right: 50px;">
                                            <img src="assets/xera/logo/9.jpg" alt="">
                                        </div><!-- /.swiper-slide -->
                                        <div class="swiper-slide" style="width: 194px; margin-right: 50px;">
                                            <img src="assets/xera/logo/10.jpg" alt="">
                                        </div><!-- /.swiper-slide -->
                               
                                          <div class="swiper-slide" style="width: 194px; margin-right: 50px;">
                                            <img src="assets/xera/logo/12.jpg" alt="">
                                        </div><!-- /.swiper-slide -->
                                          <div class="swiper-slide" style="width: 194px; margin-right: 50px;">
                                            <img src="assets/xera/logo/13.png" alt="">
                                        </div><!-- /.swiper-slide -->
                                    </div>
                                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>