<?php 
   $page = 1;
   $title = "Best IT Solution in US";
   include_once("./assets/components/header.php") 
?>
<main>
   
<!-- Banner area start --> 
   <section class="banner-section-2 p-relative fix">
      <div class="swiper banner-active">
         <div class="swiper-wrapper">
            <!-- block -->
            <div class="swiper-slide"> 
               <div class="banner-main-2" data-background="assets/imgs/banner/1.jpg">
                  <div class="large-container">               
                     <div class="banner-area-2 p-relative z-3 wow img-custom-anim-left animated" data-wow-delay="1000ms">
                        <span class="p-relative banner-sub-title">Best it SOULTION Provider</span>
                        <h1 class="banner-title">Excellent It Services
                           for Your Success</h1>
                        <p class="banner-text">We denounce with righteous indignation and dislike men who are so<br> beguiled and demoralized by the charms of pleasure.</p>
                        <div class="banner-btn-area-2">
                           <a class="primary-btn-1 btn-hover" href="#">
                              VIEW SERVICES &nbsp; | <i class="icon-right-arrow"></i>
                              <span style="top: 147.172px; left: 108.5px;"></span>
                           </a>
                        </div>                    
                     </div>   
                     <div class="socials-area">
                        <ul>
                           <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                           <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                           <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                           <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                        </ul>
                        <span>FOLLOW US</span>
                     </div>     
                  </div>
               </div>
               <div class="shape-area-2">
                  <div class="shape-1" data-background="assets/imgs/shapes/shape-18.png"></div>
                  <div class="shape-2" data-background="assets/imgs/shapes/shape-19.png"></div>
                  <div class="shape-3" data-background="assets/imgs/shapes/shape-20.png"></div>
                  <div class="shape-4" data-background="assets/imgs/shapes/shape-21.png"></div>
                  <div class="shape-5" data-background="assets/imgs/shapes/shape-22.png"></div>
                  <div class="shape-6" data-background="assets/imgs/shapes/shape-23.png"></div>
               </div>
            </div>
            <!-- block -->
            <div class="swiper-slide"> 
               <div class="banner-main-2" data-background="assets/imgs/banner/2.jpg">
                  <div class="large-container">               
                     <div class="banner-area-2 p-relative z-3 wow img-custom-anim-left animated" data-wow-delay="3000ms">
                        <span class="p-relative banner-sub-title">Best it SOULTION Provider</span>
                        <h1 class="banner-title">Excellent It Services
                           for Your Success</h1>
                        <p class="banner-text">We denounce with righteous indignation and dislike men who are so<br> beguiled and demoralized by the charms of pleasure.</p>
                        <div class="banner-btn-area-2">
                           <a class="primary-btn-1 btn-hover" href="#">
                              VIEW SERVICES &nbsp; | <i class="icon-right-arrow"></i>
                              <span style="top: 147.172px; left: 108.5px;"></span>
                           </a>
                           <!-- <div class="round-image-area">
                              <div class="image-1">
                                 <img src="assets/imgs/banner/clients-group.png" alt="">
                              </div>
                           </div>
                           <h6>satisfied clients</h6> -->
                        </div>                    
                     </div>   
                     <div class="socials-area">
                        <ul>
                           <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                           <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                           <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                           <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                        </ul>
                        <span>FOLLOW US</span>
                     </div>     
                  </div>
               </div>
               <div class="shape-area-2">
                  <div class="shape-1" data-background="assets/imgs/shapes/shape-18.png"></div>
                  <div class="shape-2" data-background="assets/imgs/shapes/shape-19.png"></div>
                  <div class="shape-3" data-background="assets/imgs/shapes/shape-20.png"></div>
                  <div class="shape-4" data-background="assets/imgs/shapes/shape-21.png"></div>
                  <div class="shape-5" data-background="assets/imgs/shapes/shape-22.png"></div>
                  <div class="shape-6" data-background="assets/imgs/shapes/shape-23.png"></div>
               </div>
            </div>
            <!-- block -->
            <div class="swiper-slide"> 
               <div class="banner-main-2" data-background="assets/imgs/banner/3.jpg">
                  <div class="large-container">               
                     <div class="banner-area-2 p-relative z-3 wow img-custom-anim-left animated" data-wow-delay="3000ms">
                        <span class="p-relative banner-sub-title">Best it SOULTION Provider</span>
                        <h1 class="banner-title">Excellent It Services
                           for Your Success</h1>
                        <p class="banner-text">We denounce with righteous indignation and dislike men who are so<br> beguiled and demoralized by the charms of pleasure.</p>
                        <div class="banner-btn-area-2">
                           <a class="primary-btn-1 btn-hover" href="#">
                              VIEW SERVICES &nbsp; | <i class="icon-right-arrow"></i>
                              <span style="top: 147.172px; left: 108.5px;"></span>
                           </a>
                           <!-- <div class="round-image-area">
                              <div class="image-1">
                                 <img src="assets/imgs/banner/clients-group.png" alt="">
                              </div>
                           </div>
                           <h6>satisfied clients</h6> -->
                        </div>                    
                     </div>   
                     <div class="socials-area">
                        <ul>
                           <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                           <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                           <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                           <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                        </ul>
                        <span>FOLLOW US</span>
                     </div>     
                  </div>
               </div>
               <div class="shape-area-2">
                  <div class="shape-1" data-background="assets/imgs/shapes/shape-18.png"></div>
                  <div class="shape-2" data-background="assets/imgs/shapes/shape-19.png"></div>
                  <div class="shape-3" data-background="assets/imgs/shapes/shape-20.png"></div>
                  <div class="shape-4" data-background="assets/imgs/shapes/shape-21.png"></div>
                  <div class="shape-5" data-background="assets/imgs/shapes/shape-22.png"></div>
                  <div class="shape-6" data-background="assets/imgs/shapes/shape-23.png"></div>
               </div>
            </div>
         </div>
      </div>
      <!-- If we need pagination -->
      <div class="banner-dot-inner">
         <div class="banner-dot"></div>
      </div>
   </section>
 <!-- Banner area end --> 

 <!-- Features area start --> 
   <section class="features-section pt-80 pb-80 bg-color-1 p-relative">
      <div class="bg-shape-1" data-background="assets/imgs/shapes/shape-27.png"></div>
      <div class="bg-shape-2" data-background="assets/imgs/shapes/shape-28.png"></div>
      <div class="small-container">
         <div class="row g-4">
         <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6">
               <div class="features-box-area p-relative wow fadeInLeft" data-wow-delay="500ms">
                  <div class="shape-2" data-background="assets/imgs/shapes/shape-25.png"></div>
                  <div class="shape-3" data-background="assets/imgs/shapes/shape-26.png"></div>
                  <div class="icon-box">
                  <img src="assets/imgs/service/service-icon1.png" alt="icon">
                  </div>
                  <h5 class="mt-20 mb-10"><a href="services.html">Cyber Security</a></h5>
                  <p>
                     Pellentesque nec the condimentum nec lorem nulla augue est ultricies ac iaculis ut euismod quis sapien.
                  </p>
               </div>
            </div>
            <!-- block -->
            <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6">
               <div class="features-box-area p-relative">
                  <div class="shape-2" data-background="assets/imgs/shapes/shape-25.png"></div>
                  <div class="shape-3" data-background="assets/imgs/shapes/shape-26.png"></div>
                  <div class="icon-box">
                     <img src="assets/imgs/service/service-icon2.png" alt="icon">
                  </div>
                  <h5 class="mt-20 mb-10"><a href="services.html">IT Management</a></h5>
                  <p>
                     Pellentesque nec the condimentum nec lorem nulla augue est ultricies ac iaculis ut euismod quis sapien.
                  </p>
               </div>
            </div>
            <!-- block -->
            <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6">
               <div class="features-box-area p-relative wow fadeInRight" data-wow-delay="500ms">
                  <div class="shape-2" data-background="assets/imgs/shapes/shape-25.png"></div>
                  <div class="shape-3" data-background="assets/imgs/shapes/shape-26.png"></div>
                  <div class="icon-box">
                     <img src="assets/imgs/service/service-icon3.png" alt="icon">
                  </div>
                  <h5 class="mt-20 mb-10"><a href="services.html">Web Development</a></h5>
                  <p>
                     Pellentesque nec the condimentum nec lorem nulla augue est ultricies ac iaculis ut euismod quis sapien.
                  </p>
               </div>
            </div>
            <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6 mt-20">
               <div class="features-box-area p-relative wow fadeInLeft" data-wow-delay="500ms">
                  <div class="shape-2" data-background="assets/imgs/shapes/shape-25.png"></div>
                  <div class="shape-3" data-background="assets/imgs/shapes/shape-26.png"></div>
                  <div class="icon-box">
                  <img src="assets/imgs/service/service-icon1.png" alt="icon">
                  </div>
                  <h5 class="mt-20 mb-10"><a href="services.html">Cyber Security</a></h5>
                  <p>
                     Pellentesque nec the condimentum nec lorem nulla augue est ultricies ac iaculis ut euismod quis sapien.
                  </p>
               </div>
            </div>
            <!-- block -->
            <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6 mt-20">
               <div class="features-box-area p-relative">
                  <div class="shape-2" data-background="assets/imgs/shapes/shape-25.png"></div>
                  <div class="shape-3" data-background="assets/imgs/shapes/shape-26.png"></div>
                  <div class="icon-box">
                     <img src="assets/imgs/service/service-icon2.png" alt="icon">
                  </div>
                  <h5 class="mt-20 mb-10"><a href="services.html">IT Management</a></h5>
                  <p>
                     Pellentesque nec the condimentum nec lorem nulla augue est ultricies ac iaculis ut euismod quis sapien.
                  </p>
               </div>
            </div>
            <!-- block -->
            <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6 mt-20">
               <div class="features-box-area p-relative wow fadeInRight" data-wow-delay="500ms">
                  <div class="shape-2" data-background="assets/imgs/shapes/shape-25.png"></div>
                  <div class="shape-3" data-background="assets/imgs/shapes/shape-26.png"></div>
                  <div class="icon-box">
                     <img src="assets/imgs/service/service-icon3.png" alt="icon">
                  </div>
                  <h5 class="mt-20 mb-10"><a href="services.html">Web Development</a></h5>
                  <p>
                     Pellentesque nec the condimentum nec lorem nulla augue est ultricies ac iaculis ut euismod quis sapien.
                  </p>
               </div>
            </div>
            <!-- block -->
         </div>
      </div>
   </section>
 <!-- Features area end --> 

 <!-- about two area start --> 
   <section class="about-2-section p-relative fix section-space">
      <div class="bg-shape-1" data-background="assets/imgs/shapes/shape-30.png"></div>
      <div class="bg-shape-2" data-background="assets/imgs/shapes/shape-31.png"></div>
      <div class="small-container">
         <div class="row">
            <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12">
               <div class="about-2-image-area p-relative wow fadeInLeft" data-wow-delay="500ms">
                  <figure class="main-image m-img">
                     <div class="strive-offer"></div>
                  </figure>
                  <div class="small-image">
                     <!-- <img src="./assets/imgs/home/we-are.avif" alt=""> -->
                      <div class="strive-offer-2"></div>
                  </div>
                  <div class="icon-box">
                     <div class="icon">
                        <i class="icon-prize-1"></i>
                     </div>
                     <div class="content">
                        <h3 class="mb-10"><span class="counter">10</span>+</h3>
                        <p>World Best Business Award Got</p>
                     </div>
                  </div>
                  <div class="shape-1" data-background="assets/imgs/shapes/shape-29.png"></div>
               </div>
            </div>
            <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12">
               <div class="about-2-content-area pl-50">
                  <div class="title-box mb-35 wow fadeInRight" data-wow-delay=".5s">
                     <span class="section-sub-title">What we offer?</span>
                     <h3 class="section-title mt-10">We Strive To Offer Intelligent Business Solutions</h3>
                  </div>
                  <p class="mb-35">It is a long established fact that a reader will be distracted the readable content of a page when looking at layout the point of using lorem the is Ipsum less normal distribution of letters.</p>
                  <div class="row mb-45">
                     <div class="col-lg-6">
                        <ul class="list-area">
                           <li class="mb-10">Technology Consultancy</li>
                           <li class="mb-10">Cloud Software Solutions</li>
                           <li class="mb-10">Enterprise App Development</li>
                        </ul>
                     </div>
                     <div class="col-lg-6">
                        <ul class="list-area">
                           <li class="mb-10">E-Commerce Development</li>
                           <li class="mb-10">Brand Development</li>
                           <li class="mb-10">Mobile Application Development</li>
                        </ul>
                     </div>
                  </div>
                  <div class="about-2-btn-area">
                     <a class="primary-btn-1 btn-hover" href="#">
                        Learn More &nbsp; | <i class="icon-right-arrow"></i>
                        <span style="top: 147.172px; left: 108.5px;"></span>
                     </a>
                     <div class="call-us">
                        <div class="icon-1">
                           <i class="fal fa-phone-volume"></i>
                        </div>
                        <div class="content p-relative">
                           <span>Call Us Now</span>
                              <h5><a href="tel:2085550112">+208-555-0112</a></h5>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- about two area end --> 









<!-- Choose area start --> 
<section class="choose-section bg-color-1 section-space-top p-relative">
   <div class="bg-image" data-background="assets/imgs/bg/choose-bg.png"></div>
   <div class="shape-image" data-background="assets/imgs/shapes/shape-15.png"></div>
   <div class="small-container">      
      <div class="row g-4">
         <div class="col-xxl-6 col-xl-6 col-lg-6 p-relative section-space-medium-bottom">
            <div class="title-box mb-50 wow fadeInLeft" data-wow-delay=".5s">
               <span class="section-sub-title">why choose us</span>
               <h3 class="section-title mt-10">What's Make Us Different</h3>
            </div>
             <!-- block -->
           <div class="choose-area-icon-box mb-15 wow fadeInRight" data-wow-delay=".5s">
               <div class="icon-box p-relative">
                  <i class="icon-roof-4"></i>
               </div>
               <div class="content">
                  <h5><a href="services.html">Commercial Service</a></h5>
                  <p>Embarrassing hidden in the middle All the Lorem Ipsum generators on the Internet repeat predefined chunks</p>
               </div>
           </div>
           <hr>
            <!-- block -->
           <div class="choose-area-icon-box mb-15 wow fadeInRight" data-wow-delay=".7s">
               <div class="icon-box p-relative">
                  <i class="icon-target"></i>
               </div>
               <div class="content">
                  <h5><a href="services.html">Mission Statement Wotech</a></h5>
                  <p>Embarrassing hidden in the middle All the Lorem Ipsum generators on the Internet repeat predefined chunks</p>
               </div>
           </div>
           <hr>
            <!-- block -->
           <div class="choose-area-icon-box mb-15 wow fadeInRight" data-wow-delay=".9s">
               <div class="icon-box p-relative">
                  <i class="icon-help"></i>
               </div>
               <div class="content">
                  <h5><a href="services.html">Safety And Reliability</a></h5>
                  <p>Embarrassing hidden in the middle All the Lorem Ipsum generators on the Internet repeat predefined chunks</p>
               </div>
           </div>
           <hr>
            <!-- block -->
         </div>
         <div class="col-xxl-6 col-xl-6 col-lg-6 wow fadeInLeft" data-wow-delay="1.2s">
            <figure class="image m-img">
               <img src="assets/imgs/home/why-choose-us.jpg" alt="">
            </figure>
         </div>
      </div>
   </div>
 </section>
 <!-- Choose area end --> 





































   <!-- Service tab area start --> 
   <section class="service-tab-section section-space bg-color-1 p-relative">
      <div class="bg-image" data-background="assets/imgs/shapes/shape-35.png"></div>
      <div class="bg-shape-1" data-background="assets/imgs/shapes/shape-33.png"></div>
      <div class="bg-shape-2" data-background="assets/imgs/shapes/shape-34.png"></div>
      <div class="small-container">
         <div class="service-tab-title-area mb-70">
            <div class="title-box wow fadeInLeft" data-wow-delay=".5s">
               <span class="section-sub-title">SERVICES WE’RE OFFERING</span>
               <h3 class="section-title mt-10 text-white p-relative">Exclusive IT Services</h3>
            </div>
            <a class="primary-btn-4 btn-hover mt-20" href="services.html">
               all services &nbsp; | <i class="icon-right-arrow"></i>
               <span style="top: 147.172px; left: 108.5px;"></span>
            </a>
         </div>
         <div class="row">
            <div class="col-xxl-4 col-xl-4 col-lg-4">
               <div class="service-tab-btn-area wow fadeInLeft" data-wow-delay="500ms">
                  <ul class="nav nav-tabs" id="myTab" role="tablist">
                     <li class="nav-item" role="presentation">
                        <a href="javascript:void(0)" class="nav-link active" id="modified-roofing-tab" data-bs-toggle="tab"
                           data-bs-target="#modified-roofing-tab-pane" role="tab"
                           aria-controls="modified-roofing-tab-pane" aria-selected="true">
                           <div class="icon-box">
                              <img src="assets/imgs/icon/icon-2.png" alt="img">
                           </div>
                           IT Consultancy 
                        </a>
                     </li>
                     <li class="nav-item" role="presentation">
                        <a href="javascript:void(0)" class="nav-link" id="roof-installation-tab" data-bs-toggle="tab"
                           data-bs-target="#roof-installation-tab-pane" role="tab"
                           aria-controls="roof-installation-tab-pane" aria-selected="false">
                           <div class="icon-box">
                              <img src="assets/imgs/icon/icon-3.png" alt="img">
                           </div>
                           App Development
                        </a>
                     </li>
                     <li class="nav-item" role="presentation">
                        <a href="javascript:void(0)" class="nav-link" id="roof-cornering-tab" data-bs-toggle="tab"
                           data-bs-target="#roof-cornering-tab-pane" role="tab"
                           aria-controls="roof-cornering-tab-pane" aria-selected="false">
                           <div class="icon-box">
                              <img src="assets/imgs/icon/icon.png" alt="img">
                           </div>
                           Database Security
                        </a>
                     </li>
                     <li class="nav-item" role="presentation">
                        <a href="javascript:void(0)" class="nav-link" id="roof-renovation-tab" data-bs-toggle="tab"
                           data-bs-target="#roof-renovation-tab-pane" role="tab"
                           aria-controls="roof-renovation-tab-pane" aria-selected="false">
                           <div class="icon-box">
                              <img src="assets/imgs/icon/icon-2.png" alt="img">
                           </div>
                           Marketing & Reporting
                        </a>
                     </li>
                  </ul>
               </div>
            </div>
            <div class="col-xxl-8 col-xl-8 col-lg-8">
               <div class="service-tab-details-area">
                  <div class="tab-content" id="myTabContent">
                     <div class="tab-pane fade show active" id="modified-roofing-tab-pane" role="tabpanel"
                        aria-labelledby="modified-roofing-tab" tabindex="0">
                        <div class="service-tab-content p-relative">
                           <div class="tab-bg-shape" data-background="assets/imgs/shapes/shape-32.png"></div>
                           <figure class="image p-relative">
                              <img src="assets/imgs/resources/service-tab-1.jpg" alt="">
                           </figure>
                           <div class="content p-relative">
                              <h4>IT Consultancy</h4>
                              <p class="pt-15 pb-10">It is a long established fact that a reader will  content of a page when looking at layout the point of using lorem.</p>
                              <ul class="tab-list-content">
                                 <li>Accurate Testing Processes</li>
                                 <li>100% Satisfaction Guarantee</li>
                                 <li>Award Winning Company</li>
                              </ul>
                              <a class="primary-btn-1 btn-hover mt-20" href="services.html">
                                 Read more &nbsp; | <i class="icon-right-arrow"></i>
                                 <span style="top: 147.172px; left: 108.5px;"></span>
                              </a>
                           </div>
                        </div>
                     </div>
                     <div class="tab-pane fade" id="roof-installation-tab-pane" role="tabpanel"
                        aria-labelledby="roof-installation-tab" tabindex="0">
                        <div class="service-tab-content p-relative">
                           <div class="tab-bg-shape" data-background="assets/imgs/shapes/shape-32.png"></div>
                           <figure class="image p-relative">
                              <img src="assets/imgs/resources/service-tab-1.jpg" alt="">
                           </figure>
                           <div class="content p-relative">
                              <h4>App Development</h4>
                              <p class="pt-15 pb-10">It is a long established fact that a reader will  content of a page when looking at layout the point of using lorem.</p>
                              <ul class="tab-list-content">
                                 <li>Accurate Testing Processes</li>
                                 <li>100% Satisfaction Guarantee</li>
                                 <li>Award Winning Company</li>
                              </ul>
                              <a class="primary-btn-1 btn-hover mt-20" href="services.html">
                                 Read more &nbsp; | <i class="icon-right-arrow"></i>
                                 <span style="top: 147.172px; left: 108.5px;"></span>
                              </a>
                           </div>
                        </div>
                     </div>
                     <div class="tab-pane fade" id="roof-cornering-tab-pane" role="tabpanel" aria-labelledby="roof-cornering-tab"
                        tabindex="0">
                        <div class="service-tab-content p-relative">
                           <div class="tab-bg-shape" data-background="assets/imgs/shapes/shape-32.png"></div>
                           <figure class="image p-relative">
                              <img src="assets/imgs/resources/service-tab-1.jpg" alt="">
                           </figure>
                           <div class="content p-relative">
                              <h4>Database Security</h4>
                              <p class="pt-15 pb-10">It is a long established fact that a reader will  content of a page when looking at layout the point of using lorem.</p>
                              <ul class="tab-list-content">
                                 <li>Accurate Testing Processes</li>
                                 <li>100% Satisfaction Guarantee</li>
                                 <li>Award Winning Company</li>
                              </ul>
                              <a class="primary-btn-1 btn-hover mt-20" href="services.html">
                                 Read more &nbsp; | <i class="icon-right-arrow"></i>
                                 <span style="top: 147.172px; left: 108.5px;"></span>
                              </a>
                           </div>
                        </div>
                     </div>
                     <div class="tab-pane fade" id="roof-renovation-tab-pane" role="tabpanel" aria-labelledby="roof-renovation-tab"
                        tabindex="0">
                        <div class="service-tab-content p-relative">
                           <div class="tab-bg-shape" data-background="assets/imgs/shapes/shape-32.png"></div>
                           <figure class="image p-relative">
                              <img src="assets/imgs/resources/service-tab-1.jpg" alt="">
                           </figure>
                           <div class="content p-relative">
                              <h4>Marketing & Reporting</h4>
                              <p class="pt-15 pb-10">It is a long established fact that a reader will  content of a page when looking at layout the point of using lorem.</p>
                              <ul class="tab-list-content">
                                 <li>Accurate Testing Processes</li>
                                 <li>100% Satisfaction Guarantee</li>
                                 <li>Award Winning Company</li>
                              </ul>
                              <a class="primary-btn-1 btn-hover mt-20" href="services.html">
                                 Read more &nbsp; | <i class="icon-right-arrow"></i>
                                 <span style="top: 147.172px; left: 108.5px;"></span>
                              </a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>            
            </div>
         </div>
      </div>
   </section>
   <!-- Service tab area end --> 

   <!-- Work process area start --> 
   <section class="work-process-section section-space p-relative" data-background="assets/imgs/bg/process-bg.png">
      <div class="shape-1" data-background="assets/imgs/bg/line.png"></div>
      <div class="small-container">
         <div class="title-box text-center mb-60 wow fadeInLeft" data-wow-delay=".5s">
            <span class="section-sub-title">Working Process</span>
            <h3 class="section-title mt-10">Our Development Process</h3>
         </div>
         <div class="row g-4">
            <div class="col-xxl-4 col-xl-4 col-lg-4">
               <div class="work-process-box text-center ">
                  <div class="icon-box p-relative">
                     <img src="assets/imgs/icon/icon-4.png" alt="img">
                     <span>1</span>
                  </div>
                  <div class="content">
                     <h4 class="pt-25 pb-25">Define Requirements</h4>
                     <p>In a free hour, when our power of choice is untrammelled and when nothing prevents dolor sit amet, consectetur</p>
                  </div>
               </div>
            </div>
            <!-- block -->
            <div class="col-xxl-4 col-xl-4 col-lg-4">
               <div class="work-process-box text-center ">
                  <div class="icon-box p-relative">
                     <img src="assets/imgs/icon/icon-5.png" alt="img">
                     <span>2</span>
                  </div>
                  <div class="content">
                     <h4 class="pt-25 pb-25">Design & Prototyping</h4>
                     <p>In a free hour, when our power of choice is untrammelled and when nothing prevents dolor sit amet, consectetur</p>
                  </div>
               </div>
            </div>
            <!-- block -->
            <div class="col-xxl-4 col-xl-4 col-lg-4">
               <div class="work-process-box text-center ">
                  <div class="icon-box p-relative">
                     <img src="assets/imgs/icon/icon-6.png" alt="img">
                     <span>3</span>
                  </div>
                  <div class="content">
                     <h4 class="pt-25 pb-25">Finial Solution</h4>
                     <p>In a free hour, when our power of choice is untrammelled and when nothing prevents dolor sit amet, consectetur</p>
                  </div>
               </div>
            </div>
            <!-- block -->
         </div>
      </div>
   </section>
   <!-- Work process area end --> 

   <!-- Text slider area start --> 
   <section class="text-slider-section section-space fix">
      <div class="container-fluid">
         <div class="text-slider-box">
            <div class="slide-box">
               <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M30 0L38.1027 21.8973L60 30L38.1027 38.1027L30 60L21.8973 38.1027L0 30L21.8973 21.8973L30 0Z" fill="#3c72fc"/>
               </svg>
               <h1>Smart Solutions</h1>
            </div>
            <div class="slide-box">
               <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M30 0L38.1027 21.8973L60 30L38.1027 38.1027L30 60L21.8973 38.1027L0 30L21.8973 21.8973L30 0Z" fill="#3c72fc"/>
               </svg>
               <h1>expert guidance</h1>
            </div>
            <div class="slide-box">
               <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M30 0L38.1027 21.8973L60 30L38.1027 38.1027L30 60L21.8973 38.1027L0 30L21.8973 21.8973L30 0Z" fill="#3c72fc"/>
               </svg>
               <h1>strategic insights</h1>
            </div>
            <div class="slide-box">
               <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M30 0L38.1027 21.8973L60 30L38.1027 38.1027L30 60L21.8973 38.1027L0 30L21.8973 21.8973L30 0Z" fill="#3c72fc"/>
               </svg>
               <h1>personalized advice</h1>
            </div>
            <div class="slide-box">
               <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M30 0L38.1027 21.8973L60 30L38.1027 38.1027L30 60L21.8973 38.1027L0 30L21.8973 21.8973L30 0Z" fill="#3c72fc"/>
               </svg>
               <h1>comprehensive planning</h1>
            </div>
            <div class="slide-box">
               <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M30 0L38.1027 21.8973L60 30L38.1027 38.1027L30 60L21.8973 38.1027L0 30L21.8973 21.8973L30 0Z" fill="#3c72fc"/>
               </svg>
               <h1>Transform Ideas</h1>
            </div>
         </div>
      </div>
   </section>
   <!-- Text slider area end --> 

   <!-- Project slider two area start --> 
   <section class="project-slider-two-section section-space-bottom p-relative fix">
      <div class="bg-shape" data-background="assets/imgs/shapes/shape-37.png"></div>
      <div class="small-container">
         <div class="project-two-title-area mb-60">
            <div class="title-box wow fadeInLeft" data-wow-delay=".5s">
               <span class="section-sub-title">Projects</span>
               <h3 class="section-title mt-10">Our Latest Projects</h3>
            </div>
            <a class="primary-btn-1 btn-hover" href="projects.html">
               all  PROJECTS &nbsp; | <i class="icon-right-arrow"></i>
               <span style="top: 147.172px; left: 108.5px;"></span>
            </a>
         </div>
      </div>
      <div class="container-fluid">
         <div class="swiper project-active-1">
            <div class="swiper-wrapper">
               <!-- block -->
               <div class="swiper-slide"> 
                  <div class="project-slider-two-box p-relative">
                     <figure class="image w-img">
                         <div style="background-image: url(https://athershahid.com/base/assets/files/portfolio/asmm.webp)" class="portfolio-image-home"></div>
                     </figure>
                     <div class="content">
                        <div class="inner-box">
                           <span>ASMM ERP</span>
                           <h5><a href="#">Cloud Solution</a></h5>
                        </div>
                        <a class="icon-1" href="#">
                           <i class="icon-arrow-up"></i>
                        </a>
                     </div>
                  </div>
               </div>
               <!-- block -->
               <div class="swiper-slide"> 
                  <div class="project-slider-two-box p-relative">
                     <figure class="image w-img">
                         <div style="background-image: url(https://athershahid.com/base/assets/files/portfolio/minerorb.webp)" class="portfolio-image-home"></div>
                     </figure>
                     <div class="content">
                        <div class="inner-box">
                           <span>MinerOrb</span>
                           <h5><a href="#">Blockchain</a></h5>
                        </div>
                        <a class="icon-1" href="#">
                           <i class="icon-arrow-up"></i>
                        </a>
                     </div>
                  </div>
               </div>
               <!-- block -->
               <div class="swiper-slide"> 
                  <div class="project-slider-two-box p-relative">
                     <figure class="image w-img">
                         <div style="background-image: url(https://athershahid.com/base/assets/files/portfolio/trainer-studio.webp)" class="portfolio-image-home"></div>
                     </figure>
                     <div class="content">
                        <div class="inner-box">
                           <span>Trainer Studio</span>
                           <h5><a href="#">Management Solution</a></h5>
                        </div>
                        <a class="icon-1" href="#">
                           <i class="icon-arrow-up"></i>
                        </a>
                     </div>
                  </div>
               </div>
               <!-- block -->
               <div class="swiper-slide"> 
                  <div class="project-slider-two-box p-relative">
                     <figure class="image w-img">
                         <div style="background-image: url(https://athershahid.com/base/assets/files/portfolio/homepark.webp)" class="portfolio-image-home"></div>
                     </figure>
                     <div class="content">
                        <div class="inner-box">
                           <span>Hompark</span>
                           <h5><a href="#">Real Estate Website</a></h5>
                        </div>
                        <a class="icon-1" href="#">
                           <i class="icon-arrow-up"></i>
                        </a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- Project slider two area end --> 



   

 

  <!-- Brand area start --> 
  <div class="brand-section section-space-bottom">
   <div class="small-container">
      <div class="swiper brand-active">
         <div class="swiper-wrapper">
            <!-- block -->
            <div class="swiper-slide"> 
               <span><a href="#"><img src="assets/imgs/resources/brand-1.png" alt=""></a></span>
            </div>
            <!-- block -->
            <div class="swiper-slide"> 
               <span><a href="#"><img src="assets/imgs/resources/brand-2.png" alt=""></a></span>
            </div>
            <!-- block -->
            <div class="swiper-slide"> 
               <span><a href="#"><img src="assets/imgs/resources/brand-3.png" alt=""></a></span>
            </div>
            <!-- block -->
            <div class="swiper-slide"> 
               <span><a href="#"><img src="assets/imgs/resources/brand-4.png" alt=""></a></span>
            </div>
            <!-- block -->
            <div class="swiper-slide"> 
               <span><a href="#"><img src="assets/imgs/resources/brand-1.png" alt=""></a></span>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- Brand area end --> 



   
   <!-- Testimonials area start --> 
   <section class="testimonials-section p-relative section-space fix" data-background="assets/imgs/bg/testimonial-bg.png">
      <div class="bg-shape" data-background="assets/imgs/home/contact-us.png"></div>
      <div class="bg-shape-1" data-background="assets/imgs/bg/testimonial-bg-2.png"></div>
      <div class="bg-shape-2" data-background="assets/imgs/shapes/shape-16.png"></div>
      <div class="bg-shape-3" data-background="assets/imgs/shapes/shape-17.png"></div>
      <div class="small-container">
      <!-- assets/imgs/home/contact-us.webp -->
         <div class="row">
            <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12">
               <div class="contact-from p-relative">
                  <div class="title-box mb-40 wow fadeInLeft" data-wow-delay=".5s">
                     <span class="section-sub-title text-white">TALK TO US</span>
                     <h3 class="section-title mt-10 text-white">How May We Help You!</h3>
                  </div>
                  <form action="#">
                     <div class="row">
                        <div class="col-lg-12">
                           <div class="contact__from-input mb-20">
                              <label>Your Name</label>
                              <input type="text" placeholder="Ralph Edwards">
                           </div>
                        </div>
                        <div class="col-lg-6">
                           <label>Your Email</label>
                           <div class="contact__from-input mb-20">
                              <input type="text" placeholder="info@example.com">
                           </div>
                        </div>
                        <div class="col-lg-6">
                           <label>Your Phone</label>
                           <div class="contact__from-input mb-20">
                              <input type="tel" placeholder="+1253 457 7840">
                           </div>
                        </div>
                        <div class="col-lg-6">
                           <label>Location</label>
                           <div class="contact__select mb-20">
                              <select>
                                 <option value="0">Select</option>
                                 <option value="2">Location-1</option>
                                 <option value="3">Location-2</option>
                                 <option value="1">Location-3</option>
                              </select>
                           </div>
                        </div>
                        <div class="col-lg-6">
                           <label>Date</label>
                           <div class="contact__from-input mb-20">
                              <input type="date">
                           </div>
                        </div>
                        <div class="col-12">
                           <div class="testimonials_btn text-center">
                              <button  type="submit" class="primary-btn-4 btn-hover">
                                 Submit Request
                                 <span style="top: 147.172px; left: 108.5px;"></span>
                              </button>
                           </div>
                        </div>
                     </div>
                  </form>
               </div>
            </div>
            <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12">
               <div class="testimonials-area">
                  <div class="title-box mb-40 wow fadeInLeft" data-wow-delay=".5s">
                     <span class="section-sub-title">CLIENTS REVIEW</span>
                     <h3 class="section-title mt-10">What They Say About Our</h3>
                  </div>
                  <p class="mb-40">It is a long established fact that a reader will be distracted the readable content of a page when looking at layout the point of using lorem the is Ipsum less normal distribution of letters.</p>
                  <div class="testimonials-box">
                  <div class="swiper testimonial-active-1">
                     <div class="swiper-wrapper">
                        <!-- block -->
                        <div class="swiper-slide"> 
                           <div class="autor-upper p-relative">
                              <figure class="image">
                                 <img src="assets/imgs/home/user-placeholder.webp" width="100px" alt="">
                              </figure>
                              <div class="icon-1">
                                 <i class="icon-comma-double"></i>
                              </div>
                              <div class="author-info">
                                 <h5>Kathryn Murphy</h5>
                                 <span>Engineering</span>
                                 <ul class="rating-list">
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                 </ul>
                              </div>
                           </div>
                           <div class="content">
                              <p>“ Consectetur adipiscing elit. Integer nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean pulvinar maximus leo ”</p>
                           </div>                       
                        </div>
                        <!-- block -->
                        <div class="swiper-slide"> 
                           <div class="autor-upper p-relative">
                              <figure class="image">
                                 <img src="assets/imgs/home/user-placeholder.webp" width="100px" alt="">
                              </figure>
                              <div class="icon-1">
                                 <i class="icon-comma-double"></i>
                              </div>
                              <div class="author-info">
                                 <h5>Kathryn Murphy</h5>
                                 <span>Engineering</span>
                                 <ul class="rating-list">
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                 </ul>
                              </div>
                           </div>
                           <div class="content">
                              <p>“ Consectetur adipiscing elit. Integer nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean pulvinar maximus leo ”</p>
                           </div>                       
                        </div>
                     </div>
                  </div>
               </div>
                  <!-- If we need navigation buttons -->
                  <div class="testimonials_1_navigation__wrapprer position-relative z-1 text-center mt-40">
                     <div class="common-slider-navigation">
                        <button class="testimonial-1-button-prev p-relative"><i class="icon-arrow-left-angle"></i></button>
                        <button class="testimonial-1-button-next p-relative"><i class="icon-arrow-right-angle"></i></button>
                     </div>
                  </div> 
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- Testimonials area end --> 

   <!-- Icon box counter area start --> 
   <section class="icon-box-counter-section section-space">
      <div class="small-container">
         <div class="row g-4">
            <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6">
               <div class="icon-box-counter-area">
                  <div class="icon-box">
                     <img src="assets/imgs/icon/icon-7.png" alt="img">
                  </div>
                  <div class="content">
                     <h3><span class="counter">250</span>+</h3>
                     <span class="text-1">Successfully Projects</span>
                  </div>
               </div>
            </div>
            <!-- block -->
            <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6">
               <div class="icon-box-counter-area">
                  <div class="icon-box">
                     <img src="assets/imgs/icon/icon-4.png" alt="img">
                  </div>
                  <div class="content">
                     <h3><span class="counter">100</span>+</h3>
                     <span class="text-1">Satisfied Clients</span>
                  </div>
               </div>
            </div>
            <!-- block -->
            <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6">
               <div class="icon-box-counter-area">
                  <div class="icon-box">
                     <img src="assets/imgs/icon/icon-5.png" alt="img">
                  </div>
                  <div class="content">
                     <h3><span class="counter">33</span></h3>
                     <span class="text-1">Ongoing Projects</span>
                  </div>
               </div>
            </div>
            <!-- block -->
            <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6">
               <div class="icon-box-counter-area">
                  <div class="icon-box">
                     <img src="assets/imgs/icon/icon-6.png" alt="img">
                  </div>
                  <div class="content">
                     <h3><span class="counter">15</span></h3>
                     <span class="text-1">Our Team</span>
                  </div>
               </div>
            </div>
            <!-- block -->
         </div>
      </div>
   </section>
   <!-- Icon box counter area end --> 

   <!-- Help form area start --> 
   <section class="help-form-section section-space-small p-relative" data-background="assets/imgs/bg/help-bg.png">
      <div class="bg-shape" data-background="assets/imgs/shapes/shape-38.png"></div>
      <div class="small-container">
         <div class="row">
            <div class="col-xxl-4 col-xl-4 col-lg-4">
               <div class="image-area w-img">
                  <img src="assets/imgs/home/join-us.jpeg" alt="">
               </div>
            </div>
            <div class="col-xxl-8 col-xl-8 col-lg-8">
               <div class="help-form-area">
                  <h3 class="section-title mb-40 text-white">Sign Up with Us</h3>
                  <div class="inner p-relative">
                     <form action="#">
                        <div class="row">
                           <!-- 
                           <div class="col-lg-4 col-md-12 mb-20">
                              <input type="text" placeholder="Your Name" required>
                           </div>
                           <div class="col-lg-4 col-md-12 mb-20">
                              <input type="tel" placeholder="Your Phone" required>
                           </div> 
                           -->
                           <div class="col-lg-8 col-md-12 mb-20">
                              <input type="text" placeholder="Your Email" required>
                           </div>
                           <div class="col-lg-4 col-md-12">
                              <button  type="submit" class="primary-btn-1 btn-hover">
                                 Subscribe
                                 <span style="top: 147.172px; left: 108.5px;"></span>
                              </button>
                           </div>
                        </div>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>

   <!-- Team area start --> 
   <section class="team-section p-relative section-space">
      <div class="shape-1" data-background="assets/imgs/shapes/shape-13.png"></div>
      <div class="shape-2 float-bob-y" data-background="assets/imgs/shapes/shape-14.png"></div>
      <div class="small-container">
         <div class="title-box text-center mb-50 wow fadeInLeft" data-wow-delay=".5s">
            <span class="section-sub-title">OUR team</span>
            <h3 class="section-title mt-10">Our Leadership Team</h3>
         </div>
         <div class="row g-4">
            <!-- block -->
            <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
               <div class="team-area-box p-relative mb-60 wow fadeInLeft" data-wow-delay=".7s">
                  <figure class="image w-img p-relative">
                     <!-- <img src="assets/imgs/team/team-1.jpg" alt=""> -->
                     <div style="background-image: url(assets/imgs/team/1.webp);" class="home-team-image"></div>
                  </figure>
                  <div class="content">
                     <div class="author-info">
                        <h5 class="mb-5"><a href="team-details.html">Ather Shahid</a></h5>
                        <span>Head of Development</span>
                     </div>
                     <div class="social-links p-relative">
                        <span><i class="icon-share"></i></span>
                        <ul>
                           <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                           <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                           <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
            <!-- block -->
            <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
               <div class="team-area-box p-relative mb-60 wow fadeInDown" data-wow-delay=".9s">
                  <figure class="image w-img p-relative">
                  <div style="background-image: url(assets/imgs/team/2.jpeg);" class="home-team-image"></div>
                  </figure>
                  <div class="content">
                     <div class="author-info">
                        <h5 class="mb-5"><a href="team-details.html">Annette Black</a></h5>
                        <span>Web Designer</span>
                     </div>
                     <div class="social-links p-relative">
                        <span><i class="icon-share"></i></span>
                        <ul>
                           <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                           <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                           <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
            <!-- block -->
            <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
               <div class="team-area-box p-relative mb-60 wow fadeInRight" data-wow-delay="1s">
                  <figure class="image w-img p-relative">
                  <div style="background-image: url(assets/imgs/team/3.webp);" class="home-team-image"></div>
                  </figure>
                  <div class="content">
                     <div class="author-info">
                        <h5 class="mb-5"><a href="team-details.html">Ralph Edwards</a></h5>
                        <span>UI/UX Designer</span>
                     </div>
                     <div class="social-links p-relative">
                        <span><i class="icon-share"></i></span>
                        <ul>
                           <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                           <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                           <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- Team area end --> 


   

  <!-- Faq area start --> 
  <section class="faq-section bg-color-1 p-relative mb-0">
   <div class="shape-1" data-background="assets/imgs/bg/faq-bg.png"></div>
   <div class="shape-2" data-background="assets/imgs/shapes/shape-47.png"></div>
   <div class="shape-3" data-background="assets/imgs/shapes/shape-48.png"></div>
      <div class="small-container">
         <div class="row">
            <div class="col-xxl-7">              
               <div class="faq-wrapper pr-50">
                  <div class="faq-container section-space">
                     <div class="title-box mb-25 wow fadeInLeft" data-wow-delay=".5s">
                        <span class="section-sub-title no-border">FAQ</span>
                        <h3 class="section-title mt-10">Most Common Question?</h3>
                     </div>
                  <div class="bd-faq">
                     <div class="accordion" id="accordionExample-st-2">
                        <div class="bd-faq-group">
                           <div class="accordion-item">
                              <h2 class="accordion-header" id="headingOne-st-2">
                                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne-st-2" aria-expanded="false" aria-controls="collapseOne-st-2">
                                    Where should I incorporate my business?
                                 </button>
                              </h2>
                              <div id="collapseOne-st-2" class="accordion-collapse collapse" aria-labelledby="headingOne-st-2" data-bs-parent="#accordionExample-st-2">
                                 <div class="accordion-body">
                                    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't.
                                 </div>
                              </div>
                           </div>
                           <div class="accordion-item">
                              <h2 class="accordion-header" id="headingTwo-st-2">
                                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo-st-2" aria-expanded="false" aria-controls="collapseTwo-st-2">
                                    How can I safely use files?
                                 </button>
                              </h2>
                              <div id="collapseTwo-st-2" class="accordion-collapse collapse" aria-labelledby="headingTwo-st-2" data-bs-parent="#accordionExample-st-2">
                                 <div class="accordion-body">
                                    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't.
                                 </div>
                              </div>
                           </div>
                           <div class="accordion-item">
                              <h2 class="accordion-header" id="headingThree-st-2">
                                 <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree-st-2" aria-expanded="true" aria-controls="collapseThree-st-2">
                                    What is included in your services?
                                 </button>
                              </h2>
                              <div id="collapseThree-st-2" class="accordion-collapse collapse show" aria-labelledby="headingThree-st-2" data-bs-parent="#accordionExample-st-2">
                                 <div class="accordion-body">
                                    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't.
                                 </div>
                              </div>
                           </div>
                           <div class="accordion-item">
                              <h2 class="accordion-header" id="headingFour-st-2">
                                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour-st-2" aria-expanded="false" aria-controls="collapseFour-st-2">
                                    What type of company is measured?
                                 </button>
                              </h2>
                              <div id="collapseFour-st-2" class="accordion-collapse collapse" aria-labelledby="headingFour-st-2" data-bs-parent="#accordionExample-st-2">
                                 <div class="accordion-body">
                                    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't.
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
              </div>
            </div>
            <div class="col-xxl-5 mt-auto">
               <div class="faq-image-area p-relative">
                  <figure class="image">
                     <img src="assets/imgs/resources/faq-1.png" alt="">
                  </figure>
               </div>
            </div>
         </div>
      </div>
  </section>
  <!-- Faq area end --> 


 </main>
     
<?php include_once("./assets/components/footer.php") ?>