
<?php
$page_title = 'RoutexShipping - Fast, Reliable & Global Shipping Solutions';
require_once __DIR__ . '/../config/database.php';
require_once __DIR__ . '/../app/Utils.php';
require_once __DIR__ . '/../app/Models/Parcel.php';
require_once __DIR__ . '/../app/Models/Review.php';
require_once __DIR__ . '/../includes/homeheader.php';

$stmt = $pdo->query("SELECT * FROM reviews ORDER BY created_at DESC LIMIT 10");
$reviews = $stmt->fetchAll();
?>
         </div>
      </div>
   </header>
   <!-- Header End -->
   <section class="slider-section position-relative">
      <img src="images/slide-sh1.png" alt="" class="abs-img top-0" aria-hidden="true">
      <img src="images/tranck-v.png" alt="Truck delivery illustration" class="anim-img moveXS bottom-0">

      <div class="container-fluid p-0">
         <div class="row g-0 align-items-center">
            <div class="col-lg-6 order-2 order-lg-1">
               <div class="hero-content position-relative">
                  <div class="trust-badge">
                     <img class="abs-img" src="images/text-rotate.png" alt="" aria-hidden="true">
                     <div class="icon rounded-circle">
                        <img src="images/icons/boomark.png" alt="Bookmark icon">
                     </div>
                  </div>
                  <p class="sub-title h4">Logistic Transportation</p>
                  <h1 class="text-info fw-bold">The Bridge to Your Logistics Success</h1>

                  <div class="slide-meta">
                     <p class="h6 text-info">Optimizing processes and leveraging technology, businesses can gain a
                        competitive.</p>
                     <a href="<?= BASE_URL ?>/track" class="btn btn-primary">Track Parcel <i class="fa fa-arrow-right"
                           aria-hidden="true"></i></a>
                  </div>
               </div>
            </div>

            <div class="col-lg-6 order-1 order-lg-2">
               <div class="hero-slider-wrap overflow-hidden position-relative">
                  <div class="hero-slider swiper">
                     <div class="swiper-wrapper">
                        <div class="swiper-slide">
                           <div class="slide-img">
                              <img src="images/slide-m1.jpg" alt="Logistics warehouse management">
                           </div>
                        </div>
                        <div class="swiper-slide">
                           <div class="slide-img">
                              <img src="images/slide-m2.jpg" alt="Global shipping transport">
                           </div>
                        </div>
                     </div>
                  </div>

                  <div class="stat-card bg-white d-none d-sm-flex align-items-center">
                     <div class="customer-imgs d-flex">
                        <img src="images/cl1.png" alt="Client logo">
                        <img src="images/cl2.png" alt="Client logo">
                        <img src="images/cl3.png" alt="Client logo">
                        <img src="images/cl4.png" alt="Client logo">
                     </div>
                     <div class="stat-info">
                        <span class="display-5 purecounter text-primary" data-purecounter-end="2800000"
                           data-purecounter-currency=" "></span>
                        <h2 class="h5">Orders Complete</h2>
                     </div>
                  </div>
               </div>
            </div>

            <div class="col-12">
               <div class="custom-nav">
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- Slider Section End -->

   <!-- About Section Start -->
   <section class="about-section position-relative sec-padding">
      <img src="images/about-sh.png" alt="shape" class="anim-img moveY">
      <div class="container">
         <div class="row">
            <div class="col-lg-6">
               <div class="about-media position-relative">
                  <div class="about-m1">
                     <img class="round img-fluid" src="images/about-1.png" alt="">
                     <div class="ab-stat bg-primary round">
                        <span class="display-1 purecounter" data-purecounter-end="2.1" data-purecounter-decimals="1"
                           data-purecounter-currency=" ">2.1</span> <span class="unit">M</span>
                        <p>Deliver Goods Every Weeks</p>
                     </div>
                  </div>
                  <div class="about-m2">
                     <div class="ab-stat2 bg-dark text-info round">
                        <span class="display-1 purecounter" data-purecounter-end="5"
                           data-purecounter-decimals="0">5</span> <span class="unit">M</span>
                        <p>Happy Customer</p>
                     </div>
                     <img class="img-fluid" src="images/about-2.png" alt="">
                  </div>
               </div>
            </div>
            <div class="col-lg-6">
               <div class="about-content">
                  <span class="sub-title fadeInUp">
                     <svg xmlns="http://www.w3.org/2000/svg" width="30" height="18" fill="none" viewBox="0 0 30 18">
                        <path fill="#fd5523"
                           d="M8.125 15.429h-2.5a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h2.5c.166 0 .325.068.442.188a.65.65 0 0 1 0 .91.62.62 0 0 1-.442.188m20.313 0h-1.563a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h1.044l.842-4.618c-.011-2.364-1.973-4.382-4.386-4.382h-4.104l-1.989 9h3.593c.166 0 .325.068.442.188a.653.653 0 0 1 0 .91.62.62 0 0 1-.442.188H17.5a.61.61 0 0 1-.488-.242.65.65 0 0 1-.122-.543L19.162 4.36a.65.65 0 0 1 .22-.361.6.6 0 0 1 .39-.14h4.603C27.476 3.857 30 6.452 30 9.642l-.949 5.261a.65.65 0 0 1-.214.377.6.6 0 0 1-.4.148" />
                        <path fill="#fd5523"
                           d="M24.375 18c-1.722 0-3.125-1.441-3.125-3.214s1.403-3.215 3.125-3.215c1.723 0 3.125 1.442 3.125 3.215S26.098 18 24.375 18m0-5.143c-1.034 0-1.875.866-1.875 1.929s.841 1.928 1.875 1.928 1.875-.865 1.875-1.928-.841-1.929-1.875-1.929M10.625 18C8.903 18 7.5 16.559 7.5 14.786s1.403-3.215 3.125-3.215c1.723 0 3.125 1.442 3.125 3.215S12.348 18 10.625 18m0-5.143c-1.034 0-1.875.866-1.875 1.929s.841 1.928 1.875 1.928 1.875-.865 1.875-1.928c0-1.064-.841-1.929-1.875-1.929m-2.5-9h-5a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.91.62.62 0 0 1 .442-.188h5c.166 0 .325.068.442.189a.65.65 0 0 1 0 .909.62.62 0 0 1-.442.188m0 3.857h-6.25a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.91.62.62 0 0 1 .442-.187h6.25c.166 0 .325.067.442.188a.65.65 0 0 1 0 .909.62.62 0 0 1-.442.188m0 3.857h-7.5a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h7.5c.166 0 .325.067.442.188a.65.65 0 0 1 0 .91.62.62 0 0 1-.442.187" />
                        <path fill="#fd5523"
                           d="M17.5 15.429h-4.375a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188H17l2.84-12.857H5.625a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909A.62.62 0 0 1 5.625 0h15a.61.61 0 0 1 .488.241.65.65 0 0 1 .122.543L18.11 14.927a.65.65 0 0 1-.22.36.6.6 0 0 1-.39.142" />
                     </svg>
                     Who we are</span>
                  <h2 class="sec-title">The Advantages of Our logistics Company</h2>
                  <p>Routex Shipping is a trusted logistics and freight company committed to moving goods safely, efficiently, and on time. We specialize in reliable shipping solutions designed to meet the demands of businesses and individuals across local and international routes.</p>
                  <div class="d-sm-flex gap-4 about-feat border-bottom">
                     <div class="ab-item d-flex align-items-center gap-3">
                        <img src="images/ab-icon1.png" alt="">
                        <h3 class="display-4">Packaging and crating</h3>
                     </div>
                     <div class="ab-item d-flex align-items-center gap-3">
                        <img src="images/ab-icon2.png" alt="">
                        <h3 class="display-4">Certified & Awards winner</h3>
                     </div>
                  </div>
                  <ul class="check">
                     <li>We will never compromise the safety of our people</li>
                     <li>With over four decades of experience providing solutions</li>
                  </ul>
                  <div class="d-sm-flex align-items-center about-footer gap-5 mt-5">
                     <a href="about.html" class="btn btn-primary">About More <i
                           class="fa fa-arrow-right"></i><span></span> </a>

                     <div class="quick-call d-flex align-items-center">
                        <span class="bg-dark icon-lg rounded-circle text-info"><i
                              class="fa-solid fa-phone-volume"></i></span>
                        <div class="conn-txt ms-3">
                           <p class="m-0">Call Us Any Time:</p>
                           <a class="h6 text-primary" href="tel:148359505285">148 359 505 285</a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- About Section End -->

   <!-- Services Section Start -->
   <section class="services-sec overflow-hidden position-relative bg-shade sec-padding">
      <div class="container position-relative">
         <div class="d-sm-flex align-items-center justify-content-between">
            <div class="sec-intro">
               <span class="sub-title fadeInUp"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="18"
                     fill="none" viewBox="0 0 30 18">
                     <path fill="#fd5523"
                        d="M8.125 15.429h-2.5a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h2.5c.166 0 .325.068.442.188a.65.65 0 0 1 0 .91.62.62 0 0 1-.442.188m20.313 0h-1.563a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h1.044l.842-4.618c-.011-2.364-1.973-4.382-4.386-4.382h-4.104l-1.989 9h3.593c.166 0 .325.068.442.188a.653.653 0 0 1 0 .91.62.62 0 0 1-.442.188H17.5a.61.61 0 0 1-.488-.242.65.65 0 0 1-.122-.543L19.162 4.36a.65.65 0 0 1 .22-.361.6.6 0 0 1 .39-.14h4.603C27.476 3.857 30 6.452 30 9.642l-.949 5.261a.65.65 0 0 1-.214.377.6.6 0 0 1-.4.148" />
                     <path fill="#fd5523"
                        d="M24.375 18c-1.722 0-3.125-1.441-3.125-3.214s1.403-3.215 3.125-3.215c1.723 0 3.125 1.442 3.125 3.215S26.098 18 24.375 18m0-5.143c-1.034 0-1.875.866-1.875 1.929s.841 1.928 1.875 1.928 1.875-.865 1.875-1.928-.841-1.929-1.875-1.929M10.625 18C8.903 18 7.5 16.559 7.5 14.786s1.403-3.215 3.125-3.215c1.723 0 3.125 1.442 3.125 3.215S12.348 18 10.625 18m0-5.143c-1.034 0-1.875.866-1.875 1.929s.841 1.928 1.875 1.928 1.875-.865 1.875-1.928c0-1.064-.841-1.929-1.875-1.929m-2.5-9h-5a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.91.62.62 0 0 1 .442-.188h5c.166 0 .325.068.442.189a.65.65 0 0 1 0 .909.62.62 0 0 1-.442.188m0 3.857h-6.25a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.91.62.62 0 0 1 .442-.187h6.25c.166 0 .325.067.442.188a.65.65 0 0 1 0 .909.62.62 0 0 1-.442.188m0 3.857h-7.5a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h7.5c.166 0 .325.067.442.188a.65.65 0 0 1 0 .91.62.62 0 0 1-.442.187" />
                     <path fill="#fd5523"
                        d="M17.5 15.429h-4.375a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188H17l2.84-12.857H5.625a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909A.62.62 0 0 1 5.625 0h15a.61.61 0 0 1 .488.241.65.65 0 0 1 .122.543L18.11 14.927a.65.65 0 0 1-.22.36.6.6 0 0 1-.39.142" />
                  </svg> What to expect</span>
               <h2 class="sec-title">Reliable Freight Services</h2>
            </div>
            <div class="header-slider-nav fadeInUp">
               <div class="swiper-button-next"></div>
               <div class="swiper-button-prev"></div>
            </div>
         </div>
      </div>
      <div class="container ct-container">
         <div class="row">
            <div class="col-lg-12">
               <div class="services-carousel swiper">
                  <div class="swiper-wrapper">
                     <div class="swiper-slide">
                        <div class="service-card bg-white round">
                           <div class="service-head d-flex gap-3 align-items-center">
                              <img src="images/icons/serv1.png" alt="Icon">
                              <h3 class="display-4 m-0"><a href="#">Multimodal Transport</a></h3>
                           </div>
                           <div class="service-thumb">
                              <img class="img-fluid" src="images/serv1.png" alt="">
                           </div>
                           <p>For over two decades, been the backbone of seamless global logistics delivering goods
                              across continents with unwavering</p>
                           <div class="service-footer border-top">
                              <a class="custom-btn" href="#"><span class="icon rounded-3"><i
                                       class="fa fa-arrow-right"></i></span>View Details</a>
                           </div>
                        </div>
                     </div> <!-- Slide End -->
                     <div class="swiper-slide">
                        <div class="service-card bg-white round">
                           <div class="service-head d-flex gap-3 align-items-center">
                              <img src="images/icons/serv2.png" alt="Icon">
                              <h3 class="display-4 m-0"><a href="#">E-commerce Logistics</a></h3>
                           </div>
                           <div class="service-thumb">
                              <img class="img-fluid" src="images/serv2.png" alt="">
                           </div>
                           <p>For over two decades, been the backbone of seamless global logistics delivering goods
                              across continents with unwavering</p>
                           <div class="service-footer border-top">
                              <a class="custom-btn" href="#"><span class="icon rounded-3"><i
                                       class="fa fa-arrow-right"></i></span>View Details</a>
                           </div>
                        </div>
                     </div> <!-- Slide End -->
                     <div class="swiper-slide">
                        <div class="service-card bg-white round">
                           <div class="service-head d-flex gap-3 align-items-center">
                              <img src="images/icons/serv3.png" alt="Icon">
                              <h3 class="display-4 m-0"><a href="single-service.html">Warehousing</a></h3>
                           </div>
                           <div class="service-thumb">
                              <img class="img-fluid" src="images/serv3.png" alt="">
                           </div>
                           <p>For over two decades, been the backbone of seamless global logistics delivering goods
                              across continents with unwavering</p>
                           <div class="service-footer border-top">
                              <a class="custom-btn" href="single-service.html"><span class="icon rounded-3"><i
                                       class="fa fa-arrow-right"></i></span>View Details</a>
                           </div>
                        </div>
                     </div> <!-- Slide End -->
                     <div class="swiper-slide">
                        <div class="service-card bg-white round">
                           <div class="service-head d-flex gap-3 align-items-center">
                              <img src="images/icons/serv4.png" alt="Icon">
                              <h3 class="display-4 m-0"><a href="#">Courier Services</a></h3>
                           </div>
                           <div class="service-thumb">
                              <img class="img-fluid" src="images/serv4.png" alt="">
                           </div>
                           <p>For over two decades, been the backbone of seamless global logistics delivering goods
                              across continents with unwavering</p>
                           <div class="service-footer border-top">
                              <a class="custom-btn" href="#"><span class="icon rounded-3"><i
                                       class="fa fa-arrow-right"></i></span>View Details</a>
                           </div>
                        </div>
                     </div> <!-- Slide End -->
                     <div class="swiper-slide">
                        <div class="service-card bg-white round">
                           <div class="service-head d-flex gap-3 align-items-center">
                              <img src="images/icons/serv1.png" alt="Icon">
                              <h3 class="display-4 m-0"><a href="#">E-commerce Logistics</a></h3>
                           </div>
                           <div class="service-thumb">
                              <img class="img-fluid" src="images/serv1.png" alt="">
                           </div>
                           <p>For over two decades, been the backbone of seamless global logistics delivering goods
                              across continents with unwavering</p>
                           <div class="service-footer border-top">
                              <a class="custom-btn" href="#"><span class="icon rounded-3"><i
                                       class="fa fa-arrow-right"></i></span>View Details</a>
                           </div>
                        </div>
                     </div> <!-- Slide End -->
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="container pt-5 mt-3">
         <div class="d-sm-flex justify-content-between align-items-center">
            <span>Our list of services does not end here. We’ll adapt to your particular needs.</span>
            <div class="ct-pagination">
               <div class="swiper-pagination"></div>
            </div>
         </div>
      </div>
   </section>
   <!-- Services Section End -->

   <!-- Brands Section End -->
   <div class="brands-sec bg-cover jarallax" data-jarallax data-speed=".4">
      <img src="images/brand-bg.jpg" alt="" class="jarallax-img">
      <div class="parallax-overly"></div>
      <div class="container ct-container">
         <div class="row">
            <div class="col-lg-12">
               <div class="brands-carousel swiper">
                  <div class="swiper-wrapper">
                     <div class="swiper-slide">
                        <a href="#"><img src="images/br1.png" alt="Brands"></a>
                     </div>
                     <div class="swiper-slide">
                        <a href="#"><img src="images/br2.png" alt="Brands"></a>
                     </div>
                     <div class="swiper-slide">
                        <a href="#"><img src="images/br3.png" alt="Brands"></a>
                     </div>
                     <div class="swiper-slide">
                        <a href="#"><img src="images/br4.png" alt="Brands"></a>
                     </div>
                     <div class="swiper-slide">
                        <a href="#"><img src="images/br5.png" alt="Brands"></a>
                     </div>
                     <div class="swiper-slide">
                        <a href="#"><img src="images/br6.png" alt="Brands"></a>
                     </div>
                     <div class="swiper-slide">
                        <a href="#"><img src="images/br1.png" alt="Brands"></a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- Brands Section Start -->

   <!-- Process Section Start -->
   <!-- <section class="process-sec sec-padding position-relative overflow-hidden">
      <img src="images/slide-sh1.png" alt="shape" class="abs-img  end-0 top-0">
      <div class="container">
         <div class="sec-intro mx-auto text-center">
            <span class="sub-title fadeInUp"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="18" fill="none"
                  viewBox="0 0 30 18">
                  <path fill="#fd5523"
                     d="M8.125 15.429h-2.5a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h2.5c.166 0 .325.068.442.188a.65.65 0 0 1 0 .91.62.62 0 0 1-.442.188m20.313 0h-1.563a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h1.044l.842-4.618c-.011-2.364-1.973-4.382-4.386-4.382h-4.104l-1.989 9h3.593c.166 0 .325.068.442.188a.653.653 0 0 1 0 .91.62.62 0 0 1-.442.188H17.5a.61.61 0 0 1-.488-.242.65.65 0 0 1-.122-.543L19.162 4.36a.65.65 0 0 1 .22-.361.6.6 0 0 1 .39-.14h4.603C27.476 3.857 30 6.452 30 9.642l-.949 5.261a.65.65 0 0 1-.214.377.6.6 0 0 1-.4.148" />
                  <path fill="#fd5523"
                     d="M24.375 18c-1.722 0-3.125-1.441-3.125-3.214s1.403-3.215 3.125-3.215c1.723 0 3.125 1.442 3.125 3.215S26.098 18 24.375 18m0-5.143c-1.034 0-1.875.866-1.875 1.929s.841 1.928 1.875 1.928 1.875-.865 1.875-1.928-.841-1.929-1.875-1.929M10.625 18C8.903 18 7.5 16.559 7.5 14.786s1.403-3.215 3.125-3.215c1.723 0 3.125 1.442 3.125 3.215S12.348 18 10.625 18m0-5.143c-1.034 0-1.875.866-1.875 1.929s.841 1.928 1.875 1.928 1.875-.865 1.875-1.928c0-1.064-.841-1.929-1.875-1.929m-2.5-9h-5a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.91.62.62 0 0 1 .442-.188h5c.166 0 .325.068.442.189a.65.65 0 0 1 0 .909.62.62 0 0 1-.442.188m0 3.857h-6.25a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.91.62.62 0 0 1 .442-.187h6.25c.166 0 .325.067.442.188a.65.65 0 0 1 0 .909.62.62 0 0 1-.442.188m0 3.857h-7.5a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h7.5c.166 0 .325.067.442.188a.65.65 0 0 1 0 .91.62.62 0 0 1-.442.187" />
                  <path fill="#fd5523"
                     d="M17.5 15.429h-4.375a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188H17l2.84-12.857H5.625a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909A.62.62 0 0 1 5.625 0h15a.61.61 0 0 1 .488.241.65.65 0 0 1 .122.543L18.11 14.927a.65.65 0 0 1-.22.36.6.6 0 0 1-.39.142" />
               </svg>WORKING PROCESS</span>
            <h2 class="sec-title">Logistics Solutions to Help Businesses</h2>
         </div>
         <div class="process-wrapper d-flex justify-content-between flex-wrap mt-5">
            <div class="process-card text-center fadeInUp" data-delay=".2">
               <span class="count mx-auto icon-lg bg-shade rounded-circle">01</span>
               <div class="process-thumb rounded-circle d-flex align-items-center justify-content-center">
                  <img src="images/st1.png" alt="request pickup">
               </div>
               <h3 class="display-4">Select Services</h3>
               <p>Lorain Air freight service deliver knowledge opportunity</p>
            </div>

            <div class="process-card text-center fadeInUp" data-delay=".4">
               <span class="count mx-auto icon-lg bg-shade rounded-circle">02</span>
               <div class="process-thumb rounded-circle d-flex align-items-center justify-content-center">
                  <img src="images/st2.png" alt="request pickup">
               </div>
               <h3 class="display-4">Parcel Information</h3>
               <p>Lorain Air freight service deliver knowledge opportunity</p>
            </div>

            <div class="process-card text-center fadeInUp" data-delay=".6">
               <span class="count mx-auto icon-lg bg-shade rounded-circle">03</span>
               <div class="process-thumb rounded-circle d-flex align-items-center justify-content-center">
                  <img src="images/st3.png" alt="request pickup">
               </div>
               <h3 class="display-4">Transportation</h3>
               <p>Lorain Air freight service deliver knowledge opportunity</p>
            </div>
         </div>
      </div>
   </section> -->
   <!-- Process Section End -->

   <!-- Choose Section Start -->
   <section class="choose-sec bg-shade sec-padding position-relative">
      <img src="images/choose-sh.png" alt="shape" class="anim-img left-bottom moveY">
      <div class="container">
         <div class="row">
            <div class="col-lg-6">
               <div class="choose-media position-relative">
                  <img class="img-fluid" src="images/choose-img.png" alt="Choose Image">
                  <img class="abs-img img-fluid" src="images/choose-img2.png" alt="Choose Image 2">
               </div>
            </div>
            <div class="col-lg-6">
               <div class="choose-content">
                  <span class="sub-title fadeInUp"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="18"
                        fill="none" viewBox="0 0 30 18">
                        <path fill="#fd5523"
                           d="M8.125 15.429h-2.5a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h2.5c.166 0 .325.068.442.188a.65.65 0 0 1 0 .91.62.62 0 0 1-.442.188m20.313 0h-1.563a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h1.044l.842-4.618c-.011-2.364-1.973-4.382-4.386-4.382h-4.104l-1.989 9h3.593c.166 0 .325.068.442.188a.653.653 0 0 1 0 .91.62.62 0 0 1-.442.188H17.5a.61.61 0 0 1-.488-.242.65.65 0 0 1-.122-.543L19.162 4.36a.65.65 0 0 1 .22-.361.6.6 0 0 1 .39-.14h4.603C27.476 3.857 30 6.452 30 9.642l-.949 5.261a.65.65 0 0 1-.214.377.6.6 0 0 1-.4.148" />
                        <path fill="#fd5523"
                           d="M24.375 18c-1.722 0-3.125-1.441-3.125-3.214s1.403-3.215 3.125-3.215c1.723 0 3.125 1.442 3.125 3.215S26.098 18 24.375 18m0-5.143c-1.034 0-1.875.866-1.875 1.929s.841 1.928 1.875 1.928 1.875-.865 1.875-1.928-.841-1.929-1.875-1.929M10.625 18C8.903 18 7.5 16.559 7.5 14.786s1.403-3.215 3.125-3.215c1.723 0 3.125 1.442 3.125 3.215S12.348 18 10.625 18m0-5.143c-1.034 0-1.875.866-1.875 1.929s.841 1.928 1.875 1.928 1.875-.865 1.875-1.928c0-1.064-.841-1.929-1.875-1.929m-2.5-9h-5a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.91.62.62 0 0 1 .442-.188h5c.166 0 .325.068.442.189a.65.65 0 0 1 0 .909.62.62 0 0 1-.442.188m0 3.857h-6.25a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.91.62.62 0 0 1 .442-.187h6.25c.166 0 .325.067.442.188a.65.65 0 0 1 0 .909.62.62 0 0 1-.442.188m0 3.857h-7.5a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h7.5c.166 0 .325.067.442.188a.65.65 0 0 1 0 .91.62.62 0 0 1-.442.187" />
                        <path fill="#fd5523"
                           d="M17.5 15.429h-4.375a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188H17l2.84-12.857H5.625a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909A.62.62 0 0 1 5.625 0h15a.61.61 0 0 1 .488.241.65.65 0 0 1 .122.543L18.11 14.927a.65.65 0 0 1-.22.36.6.6 0 0 1-.39.142" />
                     </svg>WHY CHOOSE US</span>
                  <h2 class="sec-title">Why Businesses Trust Routex Shipping</h2>
                  <p>We provide fast, secure, and efficient shipping solutions tailored to your needs..</p>
                  <div class="success-stat">
                     <div class="progress">
                        <div class="meta">Wirehousing</div>
                        <div class="progress-bar" data-progress="55%" style="width: 65%;">
                           <span>65%</span>
                        </div>
                     </div>
                     <div class="progress">
                        <div class="meta">Logistics</div>
                        <div class="progress-bar" data-progress="87%" style="width: 87%;">
                           <span>87%</span>
                        </div>
                     </div>
                  </div>
                  <div class="d-sm-flex justify-content-between mb-5">
                     <div class="choose-circle d-flex gap-2 align-items-center">
                        <div class="progress-circle-item">
                           <div class="outer">
                              <div class="inner">
                                 <div class="number" data-target="95">0%</div>
                              </div>
                           </div>
                           <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="80px" height="80px">
                              <circle cx="40" cy="40" r="30" class="progress-stroke" />
                           </svg>
                        </div>
                        <h3 class="display-4 m-0">On-Time Delivery Rate</h3>
                     </div>

                     <div class="choose-circle d-flex gap-2 align-items-center">
                        <div class="progress-circle-item">
                           <div class="outer">
                              <div class="inner">
                                 <div class="number" data-target="90">0%</div>
                              </div>
                           </div>
                           <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="80px" height="80px">
                              <circle cx="40" cy="40" r="30" class="progress-stroke" />
                           </svg>
                        </div>
                        <h3 class="display-4 m-0">Shipping Managment Rate</h3>
                     </div>

                  </div>
                  <h3 class="h5">Do you have any project on your mind? Call Us: <a class="text-primary"
                        href="tel:123456789">123
                        456789</a></h3>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- Choose Section End -->


   <!-- Stat Section End -->
   <section class="stat-sec" style="background-image: url('images/stat-bg.jpg');">
      <div class="container">
         <div class="row">
            <div class="col-lg-3 col-md-6">
               <div class="single-stat fadeInUp" data-delay=".2">
                  <img src="images/stat1.png" alt="Stat">
                  <div class="stat-info">
                     <h3 class="display-3 text-white"><span class=" purecounter" data-purecounter-end="120">120 </span>K
                     </h3>
                     <p>Successful Transportation</p>
                  </div>
               </div>
            </div>
            <div class="col-lg-3 col-md-6">
               <div class="single-stat fadeInUp" data-delay=".4">
                  <img src="images/sta2.png" alt="Stat">
                  <div class="stat-info">
                     <h3 class="display-3 text-white"><span class=" purecounter" data-purecounter-end="50">50 </span>+
                     </h3>
                     <p>Expert Team Member</p>
                  </div>
               </div>
            </div>
            <div class="col-lg-3 col-md-6">
               <div class="single-stat fadeInUp" data-delay=".6">
                  <img src="images/stat3.png" alt="Stat">
                  <div class="stat-info">
                     <h3 class="display-3 text-white"><span class=" purecounter" data-purecounter-end="50">50 </span>+
                     </h3>
                     <p>Years of Experience</p>
                  </div>
               </div>
            </div>
            <div class="col-lg-3 col-md-6">
               <div class="single-stat fadeInUp" data-delay=".8">
                  <img src="images/stat4.png" alt="Stat">
                  <div class="stat-info">
                     <h3 class="display-3 text-white"><span class=" purecounter" data-purecounter-end="50">50 </span>K
                     </h3>
                     <p>Staisfied Customers</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- Stat Section Start -->

   <!-- Portfolio Section Start -->
   <section class="portfolio-sec sec-padding overflow-hidden">
      <div class="container">
         <div class="d-sm-flex align-items-center justify-content-between">
            <div class="sec-intro">
               <span class="sub-title fadeInUp"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="18"
                     fill="none" viewBox="0 0 30 18">
                     <path fill="#fd5523"
                        d="M8.125 15.429h-2.5a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h2.5c.166 0 .325.068.442.188a.65.65 0 0 1 0 .91.62.62 0 0 1-.442.188m20.313 0h-1.563a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h1.044l.842-4.618c-.011-2.364-1.973-4.382-4.386-4.382h-4.104l-1.989 9h3.593c.166 0 .325.068.442.188a.653.653 0 0 1 0 .91.62.62 0 0 1-.442.188H17.5a.61.61 0 0 1-.488-.242.65.65 0 0 1-.122-.543L19.162 4.36a.65.65 0 0 1 .22-.361.6.6 0 0 1 .39-.14h4.603C27.476 3.857 30 6.452 30 9.642l-.949 5.261a.65.65 0 0 1-.214.377.6.6 0 0 1-.4.148" />
                     <path fill="#fd5523"
                        d="M24.375 18c-1.722 0-3.125-1.441-3.125-3.214s1.403-3.215 3.125-3.215c1.723 0 3.125 1.442 3.125 3.215S26.098 18 24.375 18m0-5.143c-1.034 0-1.875.866-1.875 1.929s.841 1.928 1.875 1.928 1.875-.865 1.875-1.928-.841-1.929-1.875-1.929M10.625 18C8.903 18 7.5 16.559 7.5 14.786s1.403-3.215 3.125-3.215c1.723 0 3.125 1.442 3.125 3.215S12.348 18 10.625 18m0-5.143c-1.034 0-1.875.866-1.875 1.929s.841 1.928 1.875 1.928 1.875-.865 1.875-1.928c0-1.064-.841-1.929-1.875-1.929m-2.5-9h-5a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.91.62.62 0 0 1 .442-.188h5c.166 0 .325.068.442.189a.65.65 0 0 1 0 .909.62.62 0 0 1-.442.188m0 3.857h-6.25a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.91.62.62 0 0 1 .442-.187h6.25c.166 0 .325.067.442.188a.65.65 0 0 1 0 .909.62.62 0 0 1-.442.188m0 3.857h-7.5a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h7.5c.166 0 .325.067.442.188a.65.65 0 0 1 0 .91.62.62 0 0 1-.442.187" />
                     <path fill="#fd5523"
                        d="M17.5 15.429h-4.375a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188H17l2.84-12.857H5.625a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909A.62.62 0 0 1 5.625 0h15a.61.61 0 0 1 .488.241.65.65 0 0 1 .122.543L18.11 14.927a.65.65 0 0 1-.22.36.6.6 0 0 1-.39.142" />
                  </svg> What to expect</span>
               <h2 class="sec-title">Reliable Freight Services</h2>
            </div>
            <div class="header-slider-nav">
               <div class="swiper-button-next"></div>
               <div class="swiper-button-prev"></div>
            </div>
         </div>
      </div>
      <div class="container ct-container">
         <div class="row">
            <div class="col-lg-12">
               <div class="portfolio-carousel swiper">
                  <div class="swiper-wrapper">
                     <div class="swiper-slide">
                        <div class="portfolio-card">
                           <div class="portfolio-img">
                              <a href="<?= BASE_URL ?>/"><img src="images/port2.jpg" alt="Portfolio"></a>
                           </div>
                           <div class="portfolio-info">
                              <span>Wirehouse</span>
                              <h3 class="display-4"><a href="s<?= BASE_URL ?>/">Routex Company</a></h3>
                           </div>
                        </div>
                     </div> <!-- Slide End -->
                     <div class="swiper-slide">
                        <div class="portfolio-card">
                           <div class="portfolio-img">
                              <a href="<?= BASE_URL ?>/"><img src="images/port6.jpg" alt="Portfolio"></a>
                           </div>
                           <div class="portfolio-info">
                              <span>Wirehouse</span>
                              <h3 class="display-4"><a href="<?= BASE_URL ?>/">Warehouse Inventory</a></h3>
                           </div>
                        </div>
                     </div> <!-- Portfolio End -->
                     <div class="swiper-slide">
                        <div class="portfolio-card">
                           <div class="portfolio-img">
                              <a href="<?= BASE_URL ?>/"><img src="images/port1.jpg" alt="Portfolio"></a>
                           </div>
                           <div class="portfolio-info">
                              <span>Wirehouse</span>
                              <h3 class="display-4"><a href="<?= BASE_URL ?>/">Routex Company</a></h3>
                           </div>
                        </div>
                     </div> <!-- Slide End -->
                     <div class="swiper-slide">
                        <div class="portfolio-card">
                           <div class="portfolio-img">
                              <a href="<?= BASE_URL ?>/"><img src="images/port2.jpg" alt="Portfolio"></a>
                           </div>
                           <div class="portfolio-info">
                              <span>Wirehouse</span>
                              <h3 class="display-4"><a href="<?= BASE_URL ?>/">Air Freight Solution</a></h3>
                           </div>
                        </div>
                     </div> <!-- Slide End -->
                     <div class="swiper-slide">
                        <div class="portfolio-card">
                           <div class="portfolio-img">
                              <a href="<?= BASE_URL ?>/"><img src="images/port3.jpg" alt="Portfolio"></a>
                           </div>
                           <div class="portfolio-info">
                              <span>Transport</span>
                              <h3 class="display-4"><a href="<?= BASE_URL ?>/l">Security For Cargo</a></h3>
                           </div>
                        </div>
                     </div> <!-- Slide End -->
                     <div class="swiper-slide">
                        <div class="portfolio-card">
                           <div class="portfolio-img">
                              <a href="<?= BASE_URL ?>/"><img src="images/port4.jpg" alt="Portfolio"></a>
                           </div>
                           <div class="portfolio-info">
                              <span>Wirehouse</span>
                              <h3 class="display-4"><a href="<?= BASE_URL ?>/">Warehouse Inventory</a></h3>
                           </div>
                        </div>
                     </div> <!-- Slide End -->

                     <div class="swiper-slide">
                        <div class="portfolio-card">
                           <div class="portfolio-img">
                              <a href="<?= BASE_URL ?>/"><img src="images/port8.jpg" alt="Portfolio"></a>
                           </div>
                           <div class="portfolio-info">
                              <span>Wirehouse</span>
                              <h3 class="display-4"><a href="<?= BASE_URL ?>/">Warehouse Inventory</a></h3>
                           </div>
                        </div>
                     </div> <!-- Portfolio End -->
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- Portfolio Section End -->

   <!-- Tracking Section Start -->
   <section class="tracking-cta-sec jarallax" data-jarallax data-speed=".2">
      <img src="images/tracking-bg.jpg" alt="" class="jarallax-img">
      <div class="parallax-overly"></div>
      <div class="container">
         <div class="row">
            <div class="col-lg-12">
               <div class="tracking-wrapper text-center text-info">
                  <span class="sub-title fadeInUp">
                     <svg xmlns="http://www.w3.org/2000/svg" width="30" height="18" fill="none" viewBox="0 0 30 18">
                        <path fill="#fd5523"
                           d="M8.125 15.429h-2.5a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h2.5c.166 0 .325.068.442.188a.65.65 0 0 1 0 .91.62.62 0 0 1-.442.188m20.313 0h-1.563a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h1.044l.842-4.618c-.011-2.364-1.973-4.382-4.386-4.382h-4.104l-1.989 9h3.593c.166 0 .325.068.442.188a.653.653 0 0 1 0 .91.62.62 0 0 1-.442.188H17.5a.61.61 0 0 1-.488-.242.65.65 0 0 1-.122-.543L19.162 4.36a.65.65 0 0 1 .22-.361.6.6 0 0 1 .39-.14h4.603C27.476 3.857 30 6.452 30 9.642l-.949 5.261a.65.65 0 0 1-.214.377.6.6 0 0 1-.4.148" />
                        <path fill="#fd5523"
                           d="M24.375 18c-1.722 0-3.125-1.441-3.125-3.214s1.403-3.215 3.125-3.215c1.723 0 3.125 1.442 3.125 3.215S26.098 18 24.375 18m0-5.143c-1.034 0-1.875.866-1.875 1.929s.841 1.928 1.875 1.928 1.875-.865 1.875-1.928-.841-1.929-1.875-1.929M10.625 18C8.903 18 7.5 16.559 7.5 14.786s1.403-3.215 3.125-3.215c1.723 0 3.125 1.442 3.125 3.215S12.348 18 10.625 18m0-5.143c-1.034 0-1.875.866-1.875 1.929s.841 1.928 1.875 1.928 1.875-.865 1.875-1.928c0-1.064-.841-1.929-1.875-1.929m-2.5-9h-5a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.91.62.62 0 0 1 .442-.188h5c.166 0 .325.068.442.189a.65.65 0 0 1 0 .909.62.62 0 0 1-.442.188m0 3.857h-6.25a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.91.62.62 0 0 1 .442-.187h6.25c.166 0 .325.067.442.188a.65.65 0 0 1 0 .909.62.62 0 0 1-.442.188m0 3.857h-7.5a.62.62 0 0 1-.442-.188.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188h7.5c.166 0 .325.067.442.188a.65.65 0 0 1 0 .91.62.62 0 0 1-.442.187" />
                        <path fill="#fd5523"
                           d="M17.5 15.429h-4.375a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909.62.62 0 0 1 .442-.188H17l2.84-12.857H5.625a.62.62 0 0 1-.442-.189.65.65 0 0 1 0-.909A.62.62 0 0 1 5.625 0h15a.61.61 0 0 1 .488.241.65.65 0 0 1 .122.543L18.11 14.927a.65.65 0 0 1-.22.36.6.6 0 0 1-.39.142" />
                     </svg>
                     tracking</span>
                  <h2 class="sec-title text-info">Track the Status of Your Shipment Instantly</h2>
                  <div class="tracking-form2 fadeInUp">
                     <p>Enter your tracking number to get real-time updates on your shipment’s location and delivery
                        status.</p>
                     <form action="<?= BASE_URL ?>/track" class="tracking-form d-sm-flex justify-content-between align-items-center">

                        <input type="text" name="code" placeholder="Enter your tracking number">
                        <button class="btn btn-primary" type="submit">Track Now <i
                              class="fa fa-arrow-right"></i><span></span></button>
                     </form>

                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- Tracking Section End -->

 

   <!-- Testimonial Section Start -->
<section class="bg-light py-5">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="display-5 fw-bold text-dark mb-3">What Our Customers Say</h2>
            <p class="lead text-muted">Trusted by businesses worldwide</p>
            <div class="mx-auto mt-4" style="width: 80px; height: 4px; background: linear-gradient(to right, #fd7e14, #fd5523);"></div>
        </div>

        <div class="testimonial-slider swiper position-relative">
            <div class="swiper-wrapper">
                <?php foreach ($featured_reviews as $review_item): echo '<!-- REVIEWS RENDERED -->';
 ?>
                <div class="swiper-slide h-auto pb-3">
                    <div class="card h-100 border-0 shadow-sm p-4">
                        <div class="d-flex align-items-center mb-3">
                            <?php for ($i = 0; $i < $review_item['rating']; $i++): ?>
                            <i class="fas fa-star text-warning small"></i>
                            <?php endfor; ?>
                        </div>
                        <p class="card-text text-secondary mb-4 fst-italic">"<?php echo htmlspecialchars($review_item['review_text']); ?>"</p>
                        <div class="d-flex align-items-center pt-3 border-top mt-auto">
                            <?php if (!empty($review_item['image_path'])): ?>
                            <img src="<?php echo htmlspecialchars($review_item['image_path']); ?>" alt="<?php echo htmlspecialchars($review_item['reviewer_name']); ?>" class="rounded-circle me-3" style="width: 50px; height: 50px; object-fit: cover;">
                            <?php else: ?>
                            <div class="rounded-circle d-flex align-items-center justify-content-center text-white fw-bold me-3" style="width: 50px; height: 50px; background: linear-gradient(135deg, #fd7e14 0%, #fd5523 100%);">
                                <?php echo strtoupper(substr($review_item['reviewer_name'], 0, 1)); ?>
                            </div>
                            <?php endif; ?>
                            <div>
                                <h6 class="fw-bold text-dark mb-0"><?php echo htmlspecialchars($review_item['reviewer_name']); ?></h6>
                                <small class="text-muted">Verified Customer</small>
                            </div>
                            
                        </div>
                    </div>
                </div>
                
                <?php endforeach; ?>
            </div>
            <!-- Slider Navigation -->
            <div class="swiper-button-next text-primary"></div>
            <div class="swiper-button-prev text-primary"></div>
        </div>
        <!-- Slider Pagination -->
        <div class="swiper-pagination position-relative mt-5"></div>
    </div>
</section>
   <!-- Testimonial Section End -->

   <!-- Pricing Section Start -->
   
   <!-- Pricing Section End -->

   <!-- Blog Section Start -->
 
   <!-- Blog Section End -->

   <!-- Footer Start -->
   <footer class="footer bg-cover jarallax" data-jarallax data-speed=".2">
      <img src="images/footer-bg.jpg" alt="" class="jarallax-img">
      <div class="parallax-overly"></div>
      <div class="container">
         <div class="d-md-flex justify-content-between align-items-center footer-top">
            <div class="subs-head">
               <h2 class="display-4 text-white sec-title">Subscribe Our Newsletter</h2>
            </div>
            <div class="subs-widget fadeInUp">
               <form action="#" class="position-relative">
                  <input type="email" placeholder="Your Email">
                  <button class="btn btn-primary rounded-5">Subscribe <img src="images/icons/paper-plane.png" alt="">
                     <span></span>
                  </button>
               </form>
            </div>
         </div>
         <div class="row footer-widgets">
            <div class="col-lg-4 col-sm-6 mb-5 mb-lg-0">
               <div class="footer-widget about-footer">
                  <div class="f-logo">
                     <a href="index.php"><img src="images/routex-logo.png" alt="Logo"></a>
                  </div>
                  <p>Our dedication lies in embracing challeng es and pioneering innovation within the more atractive
                     advertising sector.</p>
                  <div class="social-share">
                     <a href="<?= BASE_URL ?>/"><i class="fab fa-facebook-f"></i></a>
                     <a href="<?= BASE_URL ?>/"><i class="fab fa-x-twitter"></i></a>
                     <a href="<?= BASE_URL ?>/"><i class="fab fa-instagram"></i></a>
                     <a href="<?= BASE_URL ?>/"><i class="fab fa-linkedin-in"></i></a>
                  </div>

               </div>
            </div>
            <div class="col-lg-2 col-sm-4 offset-sm-1 offset-lg-0">
               <div class="footer-widget">
                  <h3 class="widget-title">Quick Links</h3>
                  <ul>
                     <li><a href="<?= BASE_URL ?>/about">About Us</a></li>
                     <li><a href="<?= BASE_URL ?>/">Our Services</a></li>
                     <li><a href="<?= BASE_URL ?>/">Project</a></li>
                     <li><a href="<?= BASE_URL ?>/">FAQ's</a></li>
                     <li><a href="<?= BASE_URL ?>/">Our Blog</a></li>
                     <li><a href="<?= BASE_URL ?>/contact">Contact Us</a></li>
                  </ul>
               </div>
            </div>

            <div class="col-lg-3 ps-lg-5 col-sm-6">
               <div class="footer-widget">
                  <h3 class="widget-title">Our Services</h3>
                  <ul>
                     <li><a href="<?= BASE_URL ?>/">Ship Fright Shipping</a></li>
                     <li><a href="<?= BASE_URL ?>/">Less Than Truckload</a></li>
                     <li><a href="<?= BASE_URL ?>/">Container Freight</a></li>
                     <li><a href="<?= BASE_URL ?>/">Adult Health</a></li>
                     <li><a href="<?= BASE_URL ?>/">Rail Freight Shipping</a></li>
                     <li><a href="<?= BASE_URL ?>/">Air Fright Trucking</a></li>
                  </ul>
               </div>
            </div>

            <div class="col-lg-3 col-sm-4 offset-sm-1 offset-lg-0">
               <div class="footer-widget contact-widget">
                  <div class="footer-contact">
                           <p><i class="fa-solid fa-map-marker-alt"></i> <?php echo htmlspecialchars($settings['company_address'] ?? '123 Main Street, New York, NY 10001'); ?></p>
                           <p><i class="fa-solid fa-phone"></i> <?php echo htmlspecialchars($settings['company_phone'] ?? '+1 234 567 890'); ?></p>
                           <p><i class="fa-solid fa-envelope"></i> <?php echo htmlspecialchars($settings['company_email'] ?? 'info@routex.com'); ?></p>
                        </div>
                  </div>
                  <a href="<?= BASE_URL ?>/contact" class="btn btn-info btn-xs mt-4">Contact Us <span></span></a>
               </div>
            </div>
         </div>
      </div>
      <div class="footer-bottom">
         <div class="container">
            <div class="d-flex flex-wrap justify-content-between align-items-center">
               <p class="text-info copy-right mb-0 order-2 order-md-1">
                  Copyright &copy; 2026 <a href="#">Routex</a> All Rights Reserved.</p>
               <nav class="footer-nav order-1 order-md-2">
                  <ul>
                     <li><a href="<?= BASE_URL ?>/">Privacy Policy </a></li>
                     <li><a href="<?= BASE_URL ?>/">Terms & Condition</a></li>
                  </ul>
               </nav>
            </div>
         </div>
      </div>
   </footer>
  <!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/697d115a11f8351c3a27177a/1jg88nj5q';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->

   <!-- Footer End -->

   <!-- Scroll Top -->
   <div class="scroll-top">
      <svg class="progress-circle svg-content" height="100%" viewBox="-1 -1 102 102" width="100%">
         <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" fill="none" stroke="black" stroke-width="2">
         </path>
      </svg>
   </div>
<script>
document.getElementById('hero-track-form').addEventListener('submit', function(e) {
    e.preventDefault();
    const code = document.getElementById('hero-tracking-code').value;
    window.location.href = '/routex/track?code=' + encodeURIComponent(code);
});

document.getElementById('hero-track-form-mobile').addEventListener('submit', function(e) {
    e.preventDefault();
    const code = document.getElementById('hero-tracking-code-mobile').value;
    window.location.href = '/routex/track?code=' + encodeURIComponent(code);
});
</script>

   <!--Javascript
========================================================-->
   <script src="js/jquery-3.7.1.min.js"></script>
   <script src="js/bootstrap.bundle.min.js"></script>
   <script src="js/swiper-bundle.min.js"></script>
   <script src="js/lenis.min.js"></script>
   <script src="js/jarallax.min.js"></script>
   <script src="js/gsap.min.js"></script>
   <script src="js/ScrollTrigger.min.js"></script>
   <script src="js/SplitText.js"></script>
   <script src="js/fancybox.umd.js"></script>
   <script src="js/isotope.pkgd.min.js"></script>
   <script src="js/purecounter.js"></script>
   <script src="js/jquery.marquee.min.js"></script>
   <script src="js/jquery.nice-select.min.js"></script>
   <script src="js/jquery.timepicker.min.js"></script>
   <script src="js/bootstrap-datepicker.js"></script>
   <script src="js/custom.js"></script>

<script>
   document.addEventListener('DOMContentLoaded', function () {
      new Swiper(".testimonial-slider", {
         slidesPerView: 1,
         spaceBetween: 24,
         loop: true,
         navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
         },
         pagination: {
            el: ".swiper-pagination",
            clickable: true,
         },
         breakpoints: {
            768: { slidesPerView: 2 },
            992: { slidesPerView: 3 },
         },
      });
   });
</script>


<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"389fa74406c44f21b129709ce8a3ec16","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9c3352955a9e001a',t:'MTc2OTI5NzQ2Nw=='};var a=document.createElement('script');a.src='../../cdn-cgi/challenge-platform/h/b/scripts/jsd/d251aa49a8a3/maind41d.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>



</html>