<,�tEXtComment File Manager

File Manager

Path: /home/u491334613/domains/oceangatelogistic.com/public_html/

Viewing File: workprocess.php

<!DOCTYPE html>
<html lang="en">
  
<!-- Mirrored from jthemes.net/themes/html/transp/workprocess.php by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 20 Jul 2023 21:31:56 GMT -->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="msapplication-TileColor" content="#0E0E0E">
    <meta name="template-color" content="#0E0E0E">
    <meta name="description" content="Index page">
    <meta name="keywords" content="index, page">
    <meta name="author" content="">
    <link rel="shortcut icon" type="image/x-icon" href="assets/imgs/template/favicon.svg">
    <link href="assets/css/style28b5.css?v=2.0.0" rel="stylesheet">
    <title>Work Process - Transport Courier Logistics HTML Template</title>
  </head>
  <body>
    <div id="preloader-active">
      <div class="preloader d-flex align-items-center justify-content-center">
        <div class="preloader-inner position-relative">
          <div class="flip-square"></div>
        </div>
      </div>
    </div>
    <div class="box-bar bg-grey-900">
      <div class="container position-relative">
        <div class="row align-items-center"> 
          <div class="col-lg-7 col-md-8 col-sm-5 col-4"><a class="email-icon" href="mailto:support@Oceangatelogistic.com">
              <svg fill="none" stroke="currentColor" stroke-width="1.5" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"></path>
              </svg>support@Oceangatelogistic.com</a></div>
          <div class="col-lg-5 col-md-4 col-sm-7 col-8 text-end"><a class="icon-socials icon-twitter2" href="#">
              <svg class="bi bi-twitter" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="" viewbox="0 0 16 16">
                <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
              </svg></a><a class="icon-socials icon-facebook2" href="#">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24">
                <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"></path>
              </svg></a><a class="icon-socials icon-instagram2" href="#">
              <svg class="bi bi-instagram" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24">
                <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path>
              </svg></a><a class="icon-socials icon-youtube2" href="#">
              <svg class="bi bi-youtube" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24">
                <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"></path>
              </svg></a><a class="icon-socials icon-skype2" href="#">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24">
                <path d="M22.987 13.966c1.357-7.765-5.416-14.412-13.052-12.979-5.821-3.561-12.503 3.226-8.935 9.029-1.387 7.747 5.384 14.48 13.083 13.01 5.832 3.536 12.493-3.26 8.904-9.06zm-10.603 5.891c-3.181 0-6.378-1.448-6.362-3.941.005-.752.564-1.442 1.309-1.442 1.873 0 1.855 2.795 4.837 2.795 2.093 0 2.807-1.146 2.807-1.944 0-2.886-9.043-1.117-9.043-6.543 0-2.938 2.402-4.962 6.179-4.741 3.602.213 5.713 1.803 5.917 3.289.101.971-.542 1.727-1.659 1.727-1.628 0-1.795-2.181-4.6-2.181-1.266 0-2.334.528-2.334 1.674 0 2.395 8.99 1.005 8.99 6.276-.001 3.039-2.423 5.031-6.041 5.031z"></path>
              </svg></a></div>
        </div>
      </div>
    </div>
    <header class="header sticky-bar">
      <div class="container">
        <div class="main-header">
          <div class="header-left">
            <div class="header-logo"><a class="d-flex" href="index.php"><img alt="Ecom" src="assets/imgs/template/logo.png"></a></div>
            <div class="header-nav">
              <nav class="nav-main-menu d-none d-xl-block">
                <ul class="main-menu">
                  <li class="has-children"><a class="active" href="index.php">Home</a>
                    <ul class="sub-menu">
                      <li><a href="index.php">Homepage - 1</a></li>
                      <li><a href="index-2.html">Homepage - 2</a></li>
                      <li><a href="index-3.html">Homepage - 3</a></li>
                      <li><a href="index-4.html">Homepage - 4</a></li>
                    </ul>
                  </li>
                  <li><a href="about.php">About Us</a></li>
                  <li class="has-children"><a href="#">Services</a>
                    <div class="sub-menu five-col">
                      <div class="menu-col">
                        <h6 class="color-brand-2 mb-15">Sea Forwarding</h6>
                        <div class="menu-image"><img src="assets/imgs/page/homepage1/menu1.png" alt="transp"></div>
                        <ul class="megamenu">
                          <li><a href="services.php">Container Shipping</a></li>
                          <li><a href="services.php">Bulk Shipping</a></li>
                          <li><a href="services.php">Roll-on/Roll-off Shipping</a></li>
                          <li><a href="services.php">Break Bulk Shipping</a></li>
                          <li><a href="services.php">Project Cargo Shipping</a></li>
                        </ul>
                      </div>
                      <div class="menu-col">
                        <h6 class="color-brand-2 mb-15">Air Freight Forwarding</h6>
                        <div class="menu-image"><img src="assets/imgs/page/homepage1/menu2.png" alt="transp"></div>
                        <ul class="megamenu">
                          <li><a href="services.php">General Cargo</a></li>
                          <li><a href="services.php">Express Shipping</a></li>
                          <li><a href="services.php">Dangerous Goods</a></li>
                          <li><a href="services.php">Oversized Cargo</a></li>
                          <li><a href="services.php">Perishable Goods</a></li>
                        </ul>
                      </div>
                      <div class="menu-col">
                        <h6 class="color-brand-2 mb-15">Land Transportation</h6>
                        <div class="menu-image"><img src="assets/imgs/page/homepage1/menu3.png" alt="transp"></div>
                        <ul class="megamenu">
                          <li><a href="services.php">Road Freight</a></li>
                          <li><a href="services.php">Rail Freight</a></li>
                          <li><a href="services.php">Intermodal Transportation</a></li>
                          <li><a href="services.php">Less-than-Truckload (LTL) Shipping</a></li>
                          <li><a href="services.php">Specialized Transportation</a></li>
                        </ul>
                      </div>
                      <div class="menu-col">
                        <h6 class="color-brand-2 mb-15">Railway Logistics</h6>
                        <div class="menu-image"><img src="assets/imgs/page/homepage1/menu4.png" alt="transp"></div>
                        <ul class="megamenu">
                          <li><a href="services.php">Rail Freight Transportation</a></li>
                          <li><a href="services.php">Rail Terminal Services</a></li>
                          <li><a href="services.php">Rail Freight Forwarding</a></li>
                          <li><a href="services.php">Intermodal Transportation</a></li>
                          <li><a href="services.php">Rail Logistics Consulting</a></li>
                        </ul>
                      </div>
                      <div class="menu-col">
                        <h6 class="color-brand-2 mb-15">Warehouse</h6>
                        <div class="menu-image"><img src="assets/imgs/page/homepage1/menu5.png" alt="transp"></div>
                        <ul class="megamenu">
                          <li><a href="services.php">Warehousing</a></li>
                          <li><a href="services.php">Distribution Center Operations</a></li>
                          <li><a href="services.php">E-Commerce Fulfillment</a></li>
                          <li><a href="services.php">Reverse Logistics</a></li>
                          <li><a href="services.php">Inventory Management</a></li>
                        </ul>
                      </div>
                    </div>
                  </li>
                  <li class="has-children"><a href="#">Pages</a>
                    <ul class="sub-menu">
                      <li><a href="service-detail.php">Service Detail</a></li>
                      <li><a href="trackyourparcel.php">Track Your Parcel</a></li>
                      <li><a href="workprocess.php">Work Process</a></li>
                      <li><a href="trackyourparcel.php#track">Request a quote</a></li>
                      <li><a href="our-team.php">Our team</a></li>
                      <li><a href="faqs.php">FAQ's</a></li>
                      <li><a href="trackyourparcel.php">Track Your Parcel</a></li>
                      <li><a href="register.html">Register</a></li>
                      <li><a href="login.html">Login</a></li>
                      <li><a href="comingsoon.html">Coming soon</a></li>
                      <li><a href="newsletter.html">Newsletter</a></li>
                      <li><a href="404.html">Error 404</a></li>
                    </ul>
                  </li>
                  <li class="has-children"><a href="blog.html">Blog</a>
                    <ul class="sub-menu">
                      <li><a href="blog-single.html">Blog Details</a></li>
                    </ul>
                  </li>
                  <li><a href="contact.php">Contact</a></li>
                </ul>
              </nav>
              <div class="burger-icon burger-icon-white"><span class="burger-icon-top"></span><span class="burger-icon-mid"></span><span class="burger-icon-bottom"></span></div>
            </div>
            <div class="header-right">
              <div class="d-inline-block box-dropdown-cart"><span class="font-lg icon-list icon-account"><span class="font-sm color-grey-900 arrow-down"> 
                    <svg fill="none" stroke="currentColor" stroke-width="1.5" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                      <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"></path>
                    </svg>English</span></span>
                <div class="dropdown-account">
                  <ul>
                    <li><a class="font-md" href="#"><img src="assets/imgs/template/icons/en.png" alt="transp">
                        English</a></li>
                    <li><a class="font-md" href="#"><img src="assets/imgs/template/icons/fr.png" alt="transp">
                        French</a></li>
                    <li><a class="font-md" href="#"><img src="assets/imgs/template/icons/cn.png" alt="transp">
                        Chiness</a></li>
                  </ul>
                </div>
              </div>
              <div class="d-none d-sm-inline-block"><a class="btn btn-default mr-10 hover-up" href="login.html">Login</a><a class="btn btn-brand-1 d-none d-xl-inline-block hover-up" href="trackyourparcel.php#track">
                  <svg fill="none" stroke="currentColor" stroke-width="1.5" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z"> </path>
                  </svg>Get a quote</a></div>
            </div>
          </div>
        </div>
      </div>
    </header>
    <div class="mobile-header-active mobile-header-wrapper-style perfect-scrollbar">
      <div class="mobile-header-wrapper-inner">
        <div class="mobile-header-content-area">
          <div class="mobile-logo"><a class="btn btn-brand-1 hover-up" href="trackyourparcel.php#track">
              <svg fill="none" stroke="currentColor" stroke-width="1.5" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z"> </path>
              </svg>Get a quote</a></div>
          <div class="burger-icon"><span class="burger-icon-top"></span><span class="burger-icon-mid"></span><span class="burger-icon-bottom"></span></div>
          <div class="perfect-scroll">
            <div class="mobile-menu-wrap mobile-header-border">
              <nav class="mt-15">
                <ul class="mobile-menu font-heading">
                  <li class="has-children"><a class="active" href="index.php">Home</a>
                    <ul class="sub-menu">
                      <li><a href="index.php">Homepage - 1</a></li>
                      <li><a href="index-2.html">Homepage - 2</a></li>
                      <li><a href="index-3.html">Homepage - 3</a></li>
                      <li><a href="index-4.html">Homepage - 4</a></li>
                    </ul>
                  </li>
                  <li><a href="about.php">About</a></li>
                  <li class="has-children"><a href="services.php">Services</a>
                    <ul class="sub-menu">
                      <li><a href="service-detail.php">Service Details</a></li>
                    </ul>
                  </li>
                  <li class="has-children"><a href="#">Pages</a>
                    <ul class="sub-menu">
                      <li><a href="trackyourparcel.php">Track Your Parcel</a></li>
                      <li><a href="workprocess.php">Work Process</a></li>
                      <li><a href="trackyourparcel.php#track">Request a quote</a></li>
                      <li><a href="our-team.php">Our team</a></li>
                      <li><a href="faqs.php">FAQ's</a></li>
                      <li><a href="trackyourparcel.php">Track Your Parcel</a></li>
                      <li><a href="register.html">Register</a></li>
                      <li><a href="login.html">Login</a></li>
                      <li><a href="comingsoon.html">Coming soon</a></li>
                      <li><a href="404.html">Error 404</a></li>
                    </ul>
                  </li>
                  <li class="has-children"><a href="blog.html">Blog Pages</a>
                    <ul class="sub-menu">
                      <li><a href="blog-single.html">Blog Details</a></li>
                    </ul>
                  </li>
                  <li><a href="contact.php">Contact</a></li>
                </ul>
              </nav>
            </div>
            <div class="site-copyright color-grey-400 mt-0">
              <div class="box-download-app">
                <p class="font-xs color-grey-900 mb-25">Download our Apps and get extra 15% Discount on your first Order…!</p>
                <div class="mb-25">
                  <div class="d-flex"><a class="mr-10" href="#"><img src="assets/imgs/template/appstore-btn.png" alt="transp"></a><a href="#"><img src="assets/imgs/template/google-play-btn.png" alt="transp"></a></div>
                </div>
              </div>
              <div class="mb-0"><span class="font-xs color-grey-500">©Oceangatelogistic Official 2023. All right reversed.</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <main class="main">
      <section class="section d-block position-relative">
        <div class="banner-howitwork3">
          <div class="container">
            <div class="box-info-trackyourparcel"><img class="mb-15 wow animate__animated animate__fadeIn" src="assets/imgs/template/icons/favicon.svg" alt="transp">
              <h2 class="color-brand-2 mb-25 wow animate__animated animate__fadeIn">How It Works</h2>
              <p class="color-grey-700 font-md wow animate__animated animate__fadeIn">You choose the cities where you’d like to deliver. All deliveries are within a specific service area and delivery services vary by location. Whatever the mode or requirement, we will find and book the ideal expedited shipping solution to ensure a timely delivery.</p>
            </div>
          </div>
        </div>
        <div class="container">
          <div class="row mt-110">
            <div class="col-lg-6 mb-30">
              <div class="box-image-how"><img class="w-100 wow animate__animated animate__fadeIn" src="assets/imgs/page/homepage1/how-it-work.png" alt="transp">
                <div class="box-info-bottom-img">
                  <div class="image-play wow animate__animated animate__fadeIn"><img class="mb-15" src="assets/imgs/template/icons/play.svg" alt="transp"></div>
                  <div class="info-play wow animate__animated animate__fadeIn">
                    <h4 class="color-white mb-15">We have 25 years experience in this passion</h4>
                    <p class="font-sm color-white">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6 mb-30">
              <ul class="list-how-works">
                <li class="wow animate__animated animate__fadeIn">
                  <div class="image-how"><span class="img"><img src="assets/imgs/page/homepage1/order.png" alt="transp"></span></div>
                  <div class="info-how">
                    <h5 class="color-brand-2">Customer places order</h5>
                    <p class="font-md color-grey-700">Inspection and quality check of goods</p>
                  </div>
                </li>
                <li class="wow animate__animated animate__fadeIn">
                  <div class="image-how"><span class="img"><img src="assets/imgs/page/homepage1/payment.png" alt="transp"></span></div>
                  <div class="info-how">
                    <h5 class="color-brand-2">Payment successful</h5>
                    <p class="font-md color-grey-700">Payoneer, Paypal, or Visa master card</p>
                  </div>
                </li>
                <li class="wow animate__animated animate__fadeIn">
                  <div class="image-how"><span class="img"><img src="assets/imgs/page/homepage1/warehouse.png" alt="transp"></span></div>
                  <div class="info-how">
                    <h5 class="color-brand-2">Warehouse receives order</h5>
                    <p class="font-md color-grey-700">Check the accuracy of the goods.</p>
                  </div>
                </li>
                <li class="wow animate__animated animate__fadeIn">
                  <div class="image-how"><span class="img"><img src="assets/imgs/page/homepage1/picked.png" alt="transp"></span></div>
                  <div class="info-how">
                    <h5 class="color-brand-2">Item picked, packed & shipped</h5>
                    <p class="font-md color-grey-700">Ship the goods to a local carrier</p>
                  </div>
                </li>
                <li class="wow animate__animated animate__fadeIn">
                  <div class="image-how"><span class="img"><img src="assets/imgs/page/homepage1/delivery.png" alt="transp"></span></div>
                  <div class="info-how">
                    <h5 class="color-brand-2">Delivered & Measure success</h5>
                    <p class="font-md color-grey-700">Update order status on the system</p>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </section>
      <section class="section mt-80">
        <div class="container">
          <div class="text-center"><img class="mb-15 wow animate__animated animate__fadeIn" src="assets/imgs/template/icons/favicon.svg" alt="transp">
            <h2 class="color-brand-2 mb-25 wow animate__animated animate__fadeIn">Our Process</h2>
            <div class="row">
              <div class="col-lg-8 m-auto">
                <p class="color-grey-700 font-md wow animate__animated animate__fadeIn">We invest time and expertise to fully understand your business before designing plans to improve your supply chain. We take responsibility for the performance of all our suppliers and for ensuring the availability of resources and equipment needed to control the flow of goods under our charge.</p>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="section mt-70">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-6 mb-60"><img class="mb-15 wow animate__animated animate__fadeIn" src="assets/imgs/page/workprocess/parachute.png" alt="transp">
              <h3 class="color-brand-2 mb-15 wow animate__animated animate__fadeIn">Logistics Defined</h3>
              <p class="font-md color-grey-700 wow animate__animated animate__fadeIn">Logistics is the planning framework used by the management of an organization to facilitate the distribution of personnel, materiel, service, information and capital flows.</p>
              <div class="mt-20"><a class="btn btn-link font-sm color-brand-2 wow animate__animated animate__fadeIn" href="#">View Details<span>
                    <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg></span></a></div>
            </div>
            <div class="col-lg-6 mb-60"><a class="wow animate__animated animate__fadeIn" href="#"><img src="assets/imgs/page/workprocess/img1.png" alt="transp"></a></div>
          </div>
          <div class="row align-items-center">
            <div class="col-lg-6 mb-60"><a class="wow animate__animated animate__fadeIn" href="#"><img src="assets/imgs/page/workprocess/img2.png" alt="transp"></a></div>
            <div class="col-lg-6 mb-60"><img class="mb-15 wow animate__animated animate__fadeIn" src="assets/imgs/page/workprocess/pallet.png" alt="transp">
              <h3 class="color-brand-2 mb-15 wow animate__animated animate__fadeIn">Logistical Processes</h3>
              <p class="font-md color-grey-700 wow animate__animated animate__fadeIn">Logistics is the planning framework used by the management of an organization to facilitate the distribution of personnel, materiel, service, information and capital flows.</p>
              <div class="mt-20 wow animate__animated animate__fadeIn"><a class="btn btn-link font-sm color-brand-2" href="#">View Details<span>
                    <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg></span></a></div>
            </div>
          </div>
          <div class="row align-items-center">
            <div class="col-lg-6 mb-60"><img class="mb-15 wow animate__animated animate__fadeIn" src="assets/imgs/page/workprocess/plane.png" alt="transp">
              <h3 class="color-brand-2 mb-15 wow animate__animated animate__fadeIn">Production Management</h3>
              <p class="font-md color-grey-700 wow animate__animated animate__fadeIn">Logistics is the planning framework used by the management of an organization to facilitate the distribution of personnel, materiel, service, information and capital flows.</p>
              <div class="mt-20"><a class="btn btn-link font-sm color-brand-2 wow animate__animated animate__fadeIn" href="#">View Details<span>
                    <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg></span></a></div>
            </div>
            <div class="col-lg-6 mb-60 wow animate__animated animate__fadeIn"><a href="#"><img src="assets/imgs/page/workprocess/img3.png" alt="transp"></a></div>
          </div>
          <div class="row align-items-center">
            <div class="col-lg-6 mb-60 wow animate__animated animate__fadeIn"><a href="#"><img src="assets/imgs/page/workprocess/img4.png" alt="transp"></a></div>
            <div class="col-lg-6 mb-60"><img class="mb-15 wow animate__animated animate__fadeIn" src="assets/imgs/page/workprocess/cardboard.png" alt="transp">
              <h3 class="color-brand-2 mb-15 wow animate__animated animate__fadeIn">Assembly Processing</h3>
              <p class="font-md color-grey-700 wow animate__animated animate__fadeIn">Logistics is the planning framework used by the management of an organization to facilitate the distribution of personnel, materiel, service, information and capital flows.</p>
              <div class="mt-20 wow animate__animated animate__fadeIn"><a class="btn btn-link font-sm color-brand-2" href="#">View Details<span>
                    <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg></span></a></div>
            </div>
          </div>
        </div>
      </section>
      <div class="line-border mt-50"></div>
      <section class="section pt-110 pb-50">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-8 col-md-8">
              <h2 class="title-favicon mb-20 wow animate__animated animate__fadeIn">Pricing Plan</h2>
              <p class="font-md color-grey-700 wow animate__animated animate__fadeIn">Pick your plan. Change whenever you want. No switching fees between packages</p>
            </div>
            <div class="col-lg-4 col-md-4 text-end">
              <div class="text-center mt-10 wow animate__animated animate__fadeIn"><span class="text-md color-grey-900 text-billed-month">Bill Monthly</span>
                <label class="switch ml-20 mr-20">
                  <input id="cb_billed_type" type="checkbox" name="billed_type" onchange="switchBilled()"><span class="slider round"></span>
                </label><span class="text-md color-grey-900 text-billed-year">Bill Annually</span>
              </div>
            </div>
          </div>
          <div class="row mt-50 align-items-end pricing-style-2">
            <div class="col-xl-3 col-lg-6 col-md-6 wow animate__animated animate__fadeIn">
              <div class="card-plan hover-up">
                <h3 class="color-brand-2 title-plan">Premium</h3>
                <p class="font-md color-grey-500 desc-plan">Advanced features for pros who need more customization.</p>
                <div class="item-price-plan"> 
                  <div class="for-month display-month">
                    <h3 class="color-brand-2 d-inline-block">$<span>125</span></h3><span class="color-grey-500 font-sm">/month</span>
                  </div>
                  <div class="for-year">
                    <h3 class="color-brand-2 d-inline-block">$<span>1500</span></h3><span class="color-grey-500 font-sm">/year</span>
                  </div>
                </div>
                <div class="line-border"></div>
                <div class="mt-30 mb-30">
                  <ul class="list-ticks list-ticks-2">
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>15-Days Shipping World Wide
                    </li>
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>1 Kg Weight Max /Package
                    </li>
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>Free Bubble Warp
                    </li>
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>24/7 Support 
                    </li>
                  </ul>
                </div>
                <div class="mt-20"><a class="btn btn-brand-2-full hover-up" href="#">Get Started
                    <svg class="w-6 h-6 icon-16 ml-10" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg></a></div>
              </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 wow animate__animated animate__fadeIn">
              <div class="card-plan popular hover-up">
                <h3 class="color-brand-2 title-plan">Essentials</h3>
                <p class="font-md color-grey-500 desc-plan">All the basics for businesses that are just getting started.</p>
                <div class="item-price-plan"> 
                  <div class="for-month display-month">
                    <h3 class="color-brand-2 d-inline-block">$<span>89</span></h3><span class="color-grey-500 font-sm">/month</span>
                  </div>
                  <div class="for-year">
                    <h3 class="color-brand-2 d-inline-block">$<span>1068</span></h3><span class="color-grey-500 font-sm">/year</span>
                  </div>
                </div>
                <div class="line-border"></div>
                <div class="mt-30 mb-30">
                  <ul class="list-ticks list-ticks-2">
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>7-Days Shipping World Wide
                    </li>
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>3 Kg Weight Max /Package
                    </li>
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>Free Wood Crate
                    </li>
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>Get in touch to discuss
                    </li>
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>Use Personal And Commercial
                    </li>
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>24/7 Support
                    </li>
                  </ul>
                </div>
                <div class="mt-20"><a class="btn btn-brand-2-full hover-up" href="#">Get Started
                    <svg class="w-6 h-6 icon-16 ml-10" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg></a></div>
              </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 wow animate__animated animate__fadeIn">
              <div class="card-plan hover-up">
                <h3 class="color-brand-2 title-plan">Enterprise</h3>
                <p class="font-md color-grey-500 desc-plan">Advanced features for pros who need more customization.</p>
                <div class="item-price-plan"> 
                  <div class="for-month display-month">
                    <h3 class="color-brand-2 d-inline-block">$<span>199</span></h3><span class="color-grey-500 font-sm">/month</span>
                  </div>
                  <div class="for-year">
                    <h3 class="color-brand-2 d-inline-block">$<span>2388</span></h3><span class="color-grey-500 font-sm">/year</span>
                  </div>
                </div>
                <div class="line-border"></div>
                <div class="mt-30 mb-30">
                  <ul class="list-ticks list-ticks-2">
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>4 -Days Shipping World Wide
                    </li>
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>1 Kg Weight Max /Package
                    </li>
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>Free Bubble Warp
                    </li>
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>24/7 Support 
                    </li>
                  </ul>
                </div>
                <div class="mt-20"><a class="btn btn-brand-2-full hover-up" href="#">Get Started
                    <svg class="w-6 h-6 icon-16 ml-10" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg></a></div>
              </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 wow animate__animated animate__fadeIn">
              <div class="card-plan hover-up">
                <h3 class="color-brand-2 title-plan">UnLimited</h3>
                <p class="font-md color-grey-500 desc-plan">Advanced features for pros who need more customization.</p>
                <div class="item-price-plan"> 
                  <div class="for-month display-month">
                    <h3 class="color-brand-2 d-inline-block">$<span>399</span></h3><span class="color-grey-500 font-sm">/month</span>
                  </div>
                  <div class="for-year">
                    <h3 class="color-brand-2 d-inline-block">$<span>4788</span></h3><span class="color-grey-500 font-sm">/year</span>
                  </div>
                </div>
                <div class="line-border"></div>
                <div class="mt-30 mb-30">
                  <ul class="list-ticks list-ticks-2">
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>4 -Days Shipping World Wide
                    </li>
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>1 Kg Weight Max /Package
                    </li>
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>Free Bubble Warp
                    </li>
                    <li>
                      <svg class="icon-16" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"></path>
                      </svg>24/7 Support 
                    </li>
                  </ul>
                </div>
                <div class="mt-20"><a class="btn btn-brand-2-full hover-up" href="#">Get Started
                    <svg class="w-6 h-6 icon-16 ml-10" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg></a></div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="section bg-what-done pb-95 pt-110">
        <div class="container">
          <h2 class="title-favicon mb-20 wow animate__animated animate__fadeIn">What We Have Done</h2>
          <div class="row align-items-end">
            <div class="col-lg-8 col-md-8 mb-30">
              <p class="font-md color-gray-700 wow animate__animated animate__fadeIn">Check out some of the projects we've completed with our amazing partners</p>
            </div>
            <div class="col-lg-4 col-md-4 mb-30 text-md-end text-start"><a class="btn btn-brand-1 hover-up wow animate__animated animate__fadeIn" href="#">
                <svg class="mr-10" fill="none" stroke="currentColor" stroke-width="1.5" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path>
                </svg>View All Projects</a></div>
          </div>
          <div class="mt-35">
            <div class="box-swiper">
              <div class="swiper-container swiper-group-4 pb-50">
                <div class="swiper-wrapper">
                  <div class="swiper-slide wow animate__animated animate__fadeIn">
                    <div class="cardGrid"> 
                      <div class="cardImage"> <img src="assets/imgs/page/homepage1/img.png" alt="transp"></div>
                      <div class="cardInfo"> 
                        <h5 class="color-brand-2 mb-10">Air Freight</h5>
                        <p class="font-xs color-grey-500">Aut ducimus inventore aut nihil exercitationem sed iure repellendus. Qui suscipit eaque aut necessitatibus quia ut expedita possimus. Sed consequatur consectetur ab fugit architecto</p>
                        <div class="box-button mt-30"><a class="btn btn-link font-sm color-brand-2">View Details<span>
                              <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                              </svg></span></a></div>
                      </div>
                    </div>
                  </div>
                  <div class="swiper-slide wow animate__animated animate__fadeIn">
                    <div class="cardGrid"> 
                      <div class="cardImage"> <img src="assets/imgs/page/homepage1/img2.png" alt="transp"></div>
                      <div class="cardInfo"> 
                        <h5 class="color-brand-2 mb-10">Sea Freight</h5>
                        <p class="font-xs color-grey-500">Aut ducimus inventore aut nihil exercitationem sed iure repellendus. Qui suscipit eaque aut necessitatibus quia ut expedita possimus. Sed consequatur consectetur ab fugit architecto</p>
                        <div class="box-button mt-30"><a class="btn btn-link font-sm color-brand-2">View Details<span>
                              <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                              </svg></span></a></div>
                      </div>
                    </div>
                  </div>
                  <div class="swiper-slide wow animate__animated animate__fadeIn">
                    <div class="cardGrid"> 
                      <div class="cardImage"> <img src="assets/imgs/page/homepage1/img3.png" alt="transp"></div>
                      <div class="cardInfo"> 
                        <h5 class="color-brand-2 mb-10">Trucking</h5>
                        <p class="font-xs color-grey-500">Aut ducimus inventore aut nihil exercitationem sed iure repellendus. Qui suscipit eaque aut necessitatibus quia ut expedita possimus. Sed consequatur consectetur ab fugit architecto</p>
                        <div class="box-button mt-30"><a class="btn btn-link font-sm color-brand-2">View Details<span>
                              <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                              </svg></span></a></div>
                      </div>
                    </div>
                  </div>
                  <div class="swiper-slide wow animate__animated animate__fadeIn">
                    <div class="cardGrid"> 
                      <div class="cardImage"> <img src="assets/imgs/page/homepage1/img4.png" alt="transp"></div>
                      <div class="cardInfo"> 
                        <h5 class="color-brand-2 mb-10">Warehouse</h5>
                        <p class="font-xs color-grey-500">Aut ducimus inventore aut nihil exercitationem sed iure repellendus. Qui suscipit eaque aut necessitatibus quia ut expedita possimus. Sed consequatur consectetur ab fugit architecto</p>
                        <div class="box-button mt-30"><a class="btn btn-link font-sm color-brand-2">View Details<span>
                              <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                              </svg></span></a></div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="box-pagination-customers text-center wow animate__animated animate__fadeIn">
                  <div class="swiper-button-prev swiper-button-prev-style-1 swiper-button-prev-group-4">
                    <svg fill="none" stroke="currentColor" stroke-width="1.5" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"></path>
                    </svg>
                  </div>
                  <div class="swiper-button-next swiper-button-next-style-1 swiper-button-next-group-4">
                    <svg fill="none" stroke="currentColor" stroke-width="1.5" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                      <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"></path>
                    </svg>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="section pt-110 pb-110">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-6">
              <div class="row">
                <div class="col-xl-6 col-lg-12 col-md-6">
                  <div class="item-reason wow animate__animated animate__fadeIn">
                    <div class="card-offer cardServiceStyle3 hover-up">
                      <div class="card-image"><img src="assets/imgs/page/homepage4/container.png" alt="transp"></div>
                      <div class="card-info">
                        <h5 class="color-brand-2 mb-15">Shipping Options</h5>
                        <p class="font-sm color-grey-900">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo consectetur.</p>
                      </div>
                    </div>
                  </div>
                  <div class="item-reason wow animate__animated animate__fadeIn">
                    <div class="card-offer cardServiceStyle3 hover-up">
                      <div class="card-image"><img src="assets/imgs/page/homepage4/24-hours.png" alt="transp"></div>
                      <div class="card-info">
                        <h5 class="color-brand-2 mb-15">Customer Service</h5>
                        <p class="font-sm color-grey-900">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo consectetur.</p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-xl-6 col-lg-12 col-md-6">
                  <div class="item-reason mt-30 wow animate__animated animate__fadeIn">
                    <div class="card-offer cardServiceStyle3 hover-up">
                      <div class="card-image"><img src="assets/imgs/page/homepage4/stopwatch.png" alt="transp"></div>
                      <div class="card-info">
                        <h5 class="color-brand-2 mb-15">Timely Deliveries</h5>
                        <p class="font-sm color-grey-900">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo consectetur.</p>
                      </div>
                    </div>
                  </div>
                  <div class="item-reason wow animate__animated animate__fadeIn">
                    <div class="card-offer cardServiceStyle3 hover-up">
                      <div class="card-image"><img src="assets/imgs/page/homepage4/pallet.png" alt="transp"></div>
                      <div class="card-info">
                        <h5 class="color-brand-2 mb-15">Tracking Systems</h5>
                        <p class="font-sm color-grey-900">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo consectetur.</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="box-info-pround box-whychooseus-3"><span class="btn btn-tag color-grey-900 wow animate__animated animate__fadeIn">Our Features</span>
                <h2 class="color-brand-2 mb-15 mt-20 wow animate__animated animate__fadeIn">Why choose us</h2>
                <p class="font-md color-grey-900">Sustainability is an increasingly important factor for many customers when choosing a shipping company. Your shipping company can stand out by demonstrating a commitment to sustainable practices, such as using energy-efficient vehicles, reducing waste, and offsetting carbon emissions.</p>
                <div class="mt-30">
                  <ul class="list-ticks">
                    <li class="wow animate__animated animate__fadeIn">
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Reliable and Timely Deliveries
                    </li>
                    <li class="wow animate__animated animate__fadeIn">
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Advanced Tracking Systems
                    </li>
                    <li class="wow animate__animated animate__fadeIn">
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Cost-Effective Shipping Options
                    </li>
                    <li class="wow animate__animated animate__fadeIn">
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Commitment to Sustainability
                    </li>
                    <li class="wow animate__animated animate__fadeIn">
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Exceptional Customer Service
                    </li>
                    <li class="wow animate__animated animate__fadeIn">
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>International Shipping Expertise
                    </li>
                    <li class="wow animate__animated animate__fadeIn">
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Flexibility and Customization
                    </li>
                    <li class="wow animate__animated animate__fadeIn">
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Insurance and Liability Coverage
                    </li>
                  </ul>
                </div>
                <div class="mt-30 text-start"><a class="btn btn-brand-2 mr-20 wow animate__animated animate__fadeIn" href="contact.php">Contact Us</a><a class="btn btn-link-medium wow animate__animated animate__fadeIn" href="#">Learn More
                    <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg></a></div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <div class="section bg-map d-block">
        <div class="container">
          <div class="box-newsletter">
            <h3 class="color-brand-2 mb-20 wow animate__animated animate__fadeIn">Get in Touch</h3>
            <div class="row">
              <div class="col-lg-5 mb-30">
                <div class="form-newsletter wow animate__animated animate__fadeIn">
                  <form action="#">
                    <div class="row">
                      <div class="col-md-6">
                        <div class="form-group">
                          <input class="form-control" type="text" placeholder="Your name *">
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="form-group">
                          <input class="form-control" type="text" placeholder="Your email *">
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="form-group">
                          <input class="form-control" type="text" placeholder="Weight">
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="form-group">
                          <input class="form-control" type="text" placeholder="Height">
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-group">
                          <textarea class="form-control" placeholder="Message / Note" rows="5"></textarea>
                        </div>
                      </div>
                      <div class="col-md-12">
                        <input class="btn btn-brand-1-big" type="submit" value="Submit Now">
                      </div>
                    </div>
                  </form>
                </div>
              </div>
              <div class="col-lg-7 mb-30">
                <div class="d-flex box-newsletter-right">
                  <div class="box-map-2 wow animate__animated animate__fadeIn">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3179.960389549842!2d-83.76408938441998!3d37.15364135542302!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x884352a00e70879f%3A0x1ad06ed33b7003c!2sIangar!5e0!3m2!1svi!2s!4v1678013229780!5m2!1svi!2s" height="242" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                  </div>
                  <ul class="list-info-footer">
                    <li class="wow animate__animated animate__fadeIn">
                      <div class="cardImage"><span class="icon-brand-1"><img src="assets/imgs/page/homepage2/address.svg" alt="transp"></span></div>
                      <div class="cardInfo">
                        <h6 class="font-sm-bold color-grey-900">Address</h6>
                        <p class="font-sm color-grey-900">65 Allerton Street 901 N Pitt Str, USA</p>
                      </div>
                    </li>
                    <li class="wow animate__animated animate__fadeIn">
                      <div class="cardImage"><span class="icon-brand-1"><img src="assets/imgs/page/homepage2/email.svg" alt="transp"></span></div>
                      <div class="cardInfo">
                        <h6 class="font-sm-bold color-grey-900">Email</h6>
                        <p class="font-sm color-grey-900">support@Oceangatelogistic.com</p>
                      </div>
                    </li>
                    <li class="wow animate__animated animate__fadeIn">
                      <div class="cardImage"><span class="icon-brand-1"><img src="assets/imgs/page/homepage2/phone.svg" alt="transp"></span></div>
                      <div class="cardInfo">
                        <h6 class="font-sm-bold color-grey-900">Telephone</h6>
                        <p class="font-sm color-grey-900">(+380) 50 318 47 07 - (+182) 50 318 47 07</p>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>
    <footer class="footer">
      <div class="footer-1">
        <div class="container">
          <div class="row">
            <div class="col-lg-3 width-23 mb-30">
              <div class="mb-20"><img src="assets/imgs/template/logo-footer.png" alt="transp"></div>
              <p class="font-xs mb-20 color-white">We fuse our global network with our depth of expertise in air freight, ocean freight, railway transportation, trucking, and multimode transportation, also we are providing sourcing, warehousing, E-commercial fulfillment, and value-added service to our customers including kitting, assembly, customized package and business inserts, etc.</p>
              <h6 class="color-brand-1">Follow Us</h6>
              <div class="mt-15"><a class="icon-socials icon-facebook" href="#"></a><a class="icon-socials icon-instagram" href="#"></a><a class="icon-socials icon-twitter" href="#"></a><a class="icon-socials icon-youtube" href="#"></a><a class="icon-socials icon-skype" href="#"></a></div>
            </div>
            <div class="col-lg-3 width-16 mb-30">
              <h5 class="mb-10 color-brand-1">Company</h5>
              <ul class="menu-footer">
                <li><a href="about.php">Mission &amp; Vision</a></li>
                <li><a href="our-team.php">Our Team</a></li>
                <li><a href="career.html">Careers</a></li>
                <li><a href="#">Press &amp; Media</a></li>
                <li><a href="#">Advertising</a></li>
                <li><a href="#">Testimonials</a></li>
              </ul>
            </div>
            <div class="col-lg-3 width-16 mb-30">
              <h5 class="mb-10 color-brand-1">Industries</h5>
              <ul class="menu-footer">
                <li><a href="#">Global coverage</a></li>
                <li><a href="#">Distribution</a></li>
                <li><a href="#">Accounting Tools</a></li>
                <li><a href="#">Freight Recovery</a></li>
                <li><a href="#">Supply Chain</a></li>
                <li><a href="#">Warehousing</a></li>
              </ul>
            </div>
            <div class="col-lg-3 width-16 mb-30">
              <h5 class="mb-10 color-brand-1">Services</h5>
              <ul class="menu-footer">
                <li><a href="#">Air Freight</a></li>
                <li><a href="#">Ocean Freight</a></li>
                <li><a href="#">Railway Freight</a></li>
                <li><a href="#">Warehousing</a></li>
                <li><a href="#">Distribution</a></li>
                <li><a href="#">Value added</a></li>
              </ul>
            </div>
            <div class="col-lg-3 width-20 mb-30">
              <h5 class="mb-10 color-brand-1">Gallery</h5>
              <div class="galleries-footer"> 
                <ul class="list-imgs"> 
                  <li> <img src="assets/imgs/page/homepage1/gal1.png" alt="transp"></li>
                  <li> <img src="assets/imgs/page/homepage1/gal2.png" alt="transp"></li>
                  <li> <img src="assets/imgs/page/homepage1/gal3.png" alt="transp"></li>
                  <li> <img src="assets/imgs/page/homepage1/gal4.png" alt="transp"></li>
                  <li> <img src="assets/imgs/page/homepage1/gal5.png" alt="transp"></li>
                  <li> <img src="assets/imgs/page/homepage1/gal6.png" alt="transp"></li>
                  <li> <img src="assets/imgs/page/homepage1/gal7.png" alt="transp"></li>
                  <li> <img src="assets/imgs/page/homepage1/gal8.png" alt="transp"></li>
                  <li> <img src="assets/imgs/page/homepage1/gal9.png" alt="transp"></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-2">
        <div class="container">
          <div class="footer-bottom">
            <div class="row align-items-center">
              <div class="col-lg-6 col-md-12 text-center text-lg-start"><span class="color-grey-300 font-md">©Oceangatelogistic Official 2023. All right reversed.</span></div>
              <div class="col-lg-6 col-md-12 text-center text-lg-end">
                <ul class="menu-bottom">
                  <li><a class="font-sm color-grey-300" href="term-conditions.html">Privacy policy</a></li>
                  <li><a class="font-sm color-grey-300" href="term-conditions.html">Cookies</a></li>
                  <li><a class="font-sm color-grey-300" href="term-conditions.html">Terms of service</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <script src="assets/js/vendors/modernizr-3.6.0.min.js"></script>
    <script src="assets/js/vendors/jquery-3.6.0.min.js"></script>
    <script src="assets/js/vendors/jquery-migrate-3.3.0.min.js"></script>
    <script src="assets/js/vendors/bootstrap.bundle.min.js"></script>
    <script src="assets/js/vendors/waypoints.js"></script>
    <script src="assets/js/vendors/wow.js"></script>
    <script src="assets/js/vendors/magnific-popup.js"></script>
    <script src="assets/js/vendors/perfect-scrollbar.min.js"></script>
    <script src="assets/js/vendors/select2.min.js"></script>
    <script src="assets/js/vendors/isotope.js"></script>
    <script src="assets/js/vendors/scrollup.js"></script>
    <script src="assets/js/vendors/swiper-bundle.min.js"></script>
    <script src="assets/js/vendors/noUISlider.js"></script>
    <script src="assets/js/vendors/slider.js"></script>
    <!-- Count down-->
    <script src="assets/js/vendors/counterup.js"></script>
    <script src="assets/js/vendors/jquery.countdown.min.js"></script>
    <!-- Count down--><script src="assets/js/vendors/jquery.elevatezoom.js"></script>
<script src="assets/js/vendors/slick.js"></script>
    <script src="assets/js/main28b5.js?v=2.0.0"></script>
  </body>

<!-- Mirrored from jthemes.net/themes/html/transp/workprocess.php by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 20 Jul 2023 21:31:59 GMT -->
</html>

��b IDATx��ytVս��ϓ22 �A@�IR��:�h�CiZ[�v��*E��:�W��ũZA� ^d��QeQ ��@ !��j�Z�'�>g�s��V��仿$�|?g�)&x-E�IE�N�T ��;@x�T.i��%-��X��}S�v�S�5�.��r/UHz^�_$-��W"�w��)�Ɗ�/@Z �&IoX��P�$K��}��JzX��:�;`�� &�, ��ŋu�i��,�e��6��m��X� Ե��rKb1�ԗ��)D�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�AD�A�݀!��I*��]R;I�2$eZ#OR��Z��Sr��r�6m��teff�u��*((P��u�'��v{��DIߔ4^�pI��m�'77WEEE;v�Ǝ��4�-��$]'�RI��{��\�I�&�G�� :I��HJ�� DWBB��=�\��W�R�޽m� o$K�(�V9��ABB�.��}��jѢ��v�`^?IO�ȅ}ڶm�G}T#F��J`�5�6��$-��ھ}�F��I�&��v;0(h;��Б�3�8CӧOWf��!�;A i:��F_m��9s&�|�q%=�#��w��Z�p�rrrl�a A� &��P\\��СC�[A#!� �{��o��l��F�} `��E2��}��M��K/��vV��)i��{4Bff�V�\��|ۭX�`��b�@��k��ɶ�@��%i��$K�z��5z�h�mX�[�I�XZ`� '��b%$��r�5��M��4�º��/�l� ԃ��ߖ�xhʔ)�[@=�} K�6IM}^��5k��㏷݆��z ��Η�ÿO��:gdG��B�m��y�T/��@+��Vɶ�纽z񕏵l�.��y�޴i�t뭷zV��0[�Y^>�Ws�qs}�\/�@$�(�T7�f��.��I�nݺi��R$푔n��.�~?H))\Z�RW'M�o�~v� Ov6o��ԃ��x��z��!�S,&�xm/�y�ɞԟ?�'ua��S�ѽ��b�,8�Gל�K��b��o�i�&��3t7Y,��)JJ��c[�n��z��ӳ�d�E��&K�sZ�Lӄ��I?@��&�%ӟ�۶mSMM�њ0��i�ؐSZ�,�|J+��N�� ~�,��0A0!5%Q-��YQQa��3}$_vV��r�f9f?S8`��zD�AD�AD�AD�AD�AD�AD�AD�AD�A�d��q�P��,ت��m��M��mg��1V?�r�S��I꒟��]�u|�l ��R��CyE�f�٢9�j��URb�zt�Ѱ!m5~tG��j�2�D��h�G�*�{H9�)꒟��ר3:(+3\?�/;TU��ݭ��ʴ~S�6lڧ��U��J*�i�$�d�(#=Yݺd�{�,�p|3��B))��q�:��vN0Y.�jk��ק6��;�SɶVzHJJЀ�-u��tѹ�սk��>�QUU��\��޲��~]fF�n��K?��&��ߡ��5��b��=z9�)��^�|u_�k�-[��y%Z��NU6 ��7M�i��:�]ۦt�k��[�n� ��X��(�e6B�b�.��"�8�cۭ|��~�t�e��u��u��w�|��ή��I-5�"��~��U��k��;��Zi�cE�m��N/��:�]�M��> cQ�^�ui�ƞ��??Ң��p�c#TUU�3�U��a��k��Nw�A`��:��Y_V��-8.KKf�R��itv�޲* 9S�6ֿ��j�,Ճ��NOMߤ��]��z�^��f��O�h��|��<�>@Å5��_��/I��u?{S��Y��4h�K��/2��]��4�%i��t�5��q�]�G�G��e�2�%i�R��| ��W��&f�*^]�??��vq[��Lg��E��_��3f}��F�xu~��}q��d�-��ږF�xu~I N>\��;��͗��O��֊�:�̗��W��J@Bh�W=��y��|��Ggwܷ�H�_NY��?��)T��d��i�'?��խw�h�lm�Qi� �!SUU��sw4kӺ�e4rf��x�u�-[n�Ht��MFj}�H�_��u�~w�>)�o�V}�(�T'��e��bʒ�v��3_�[+v�n@Ȭ\S�}��o��t��}w��=��k�H��F�n�xg��S�� 0eޢm~�l��}��u��q��Z�f��F��oZuu��E��g� ��`z�t~?b�;t�%�>��WTkķ�h��[�2e�G8L��IW�x��,��^\thr�l��^��Ϊ��{��=�ǆ��<}�q��V�@ ��⠨��W��y^��L��F_��>�0��U�k��D�u�ʫu��Cs$)I��v��:�IK��;6ֲ�4{^��6��ե��m+l��3>�݆��uM �9��u��?>�Z��c��}g�~q��h��Kw��ڭ��eFMM�~p�М�uq�ǿz��6T��b@8��@Y�|��jx��]�(^]�gf�}�M�"tG ��-w��.@�vOqh~/�HII��`��S�[l��.��6�nØXL��9�v�U�cOo��B�\�x�o��Ǥ�'�T�&I��Ǎ�Qw��_w�p�v��[�k�m��O�{�w�~�>�#=P1P�ɞ�a�-w��e�:i�Ǐl��H��o�׈��꒟�f9��SzH�?��+s�h�k%F��s:��q��Vh�qY��`��j�vO�'ρ?PyX3�lх��]�˾u��V�{��ݞ]1��,�M�z�YN�W~̈́�joY�n��}��ȚF߾׮mS]��F�� z�+�E��D�xm/��d{�F��{-�W��-�4w�Y��듏:�?��?��_�g�P�f� ^3��e��cg ��ҵs��8R��2�מ�z�@T��A��N��Gj�)��}CNi��/�R~��}��c:5�{��!��Z�HӋӾ��6}T�]��G�]�7W�6^��n �9*,��Y��qOZj��:P?�Q�� DF��L�|��?��-�^��.��Ɵ�7��}f�F�h׶��xe��2P�s��c��z�1��&5\cn��[�=�V��n[��ĶE鎀uˌ��d3G�II ��k�;�l�NmشOuuRVf��BE��]ۣ�eӶu :��X�-[��(��e��r�4��~��LH�i�6:��Ѻ@ԅ��r��ST�0��trk%$Č��0ez��"� *��z�"��T�/X9|8��.��C5F�eg}��C�Q%�͞�ˣ��JvL��/��?�j�^��h��&�9x�F��`�њ�Z��(��&�y��F��&Iݻf�g��#��W��;�3^�{Wo^4�'v�V[[�K'��;+��m��Ӎִ�]AC@��W?1^{�එyh��+^]��f��m��~�i��Ե�]AB@��WTk�̏t��uR�?�l�.O�IH�i�Yy�Զ�]A�ˀ7c��:��q}ힽ��a�f�6��Z~�қm(��+sK4{^�6}T��*UUu�]��n��.��:kx{�:��2�� _m��=�sA�ߤ�U��@?��Z��-V�ކ�е��z왍��Nэ��{|5� pڶn��b� �p-@��sPg]0G7�fy��-��M�{GCF��'%�{�4`��=�$-�Ge\��eU:m�+Z�t�'�W��jO�!O�AF@��i�k&t�݆��ϥ_�� e��}��=]"��Wz��_��.��͜�E3�l�e�W��F�i��h|t��-w��Z��ۍ��-�u��w=�6�YN��{��6|��}��|��*={��Ѽ��n.�S�.��z��1z��j�ۻT��H]��흾� �D�u��D��v��mv��K��.`V]yY�~s�I��@��t?/��ϓ.� ��m�&�["�+��P��?M��z�ovV��ЫG3�-�G��RR��[(!!\�_��,��^��%?�v@��ҵ�ő�� m��`�Y)�te�m8��G��Mx.))A�]Y��i`�V��i��W�`�?�^��~!�S#��^+�ѽ��GZj��?V�ģ�0.))A�꨷��l�z�L�*��]��O��X�r��Y�`DBBL�Oj��{��-M�H'�ii�-ϰ��ok�7^�� )쭡�b��]�UX��S�ְ�mռY��|5��*��c�ֽk��0B��7镹%ڽ��P#8n�Ȏ��q}mJr�23��_>��l��E�5��$i��wu��i�+ ��H�~�F`��IjƵ@�q �\ �@#qG�0"��.�0"� l��`��.�0!� ,�AQ�HN6�q��z�k��KJ�#��o;`X�v2��>,tێJ��J��7Z/*��A��.@f�ف�jM��zk��g��@TvZ�H3Z�xu�6Ra��'%��O��?/d�Q��5�x��Yk��U]��R�ֽk�ق@��Da�S^�RS�ּ�5��|��B��e��HNN�͘p �Hvc�Y�c��C5:��y �#��`�οb��;z��2��.��!��k��r��}g��U��Wk��yZ��n�=�f�� Pv��sn��3�p��~�;4p�˚=�ē~�Nm�I] ��¾0lH[��_��L��h�sh��_��ғߤ��c_њ�e��c�)��g�7��V�IZ��5��yr�gk̞W��#��IjӪ�v�>��՞��y睝��M�8�[�|�]��\�շ��8�M��6�%�|@P��Z��ڨ�I-m��>=�k��=�'a��iRo�-x�?>Q��.��}`�Ȏ:�Ws�mu� �u�� > �.@,&��;+!!�˱�tﭧD��Q�w��RW\��vF\~Q7�>�s�p�Y�w$��%A~�;~}��6��¾��g�&if_��=��j�,�v+�U��L�1(tW��a��ke��:@Ș>�j�$�Gq�2�t7S?�vL��|��]u�/�� .�(�0�E��6M��k�6�h��iۺ��z�ښ��O��r��i�f�ޱ�xm/��G�x>�� La�l%%��~�{��l�Bs��R4�*��}{�0Z/��t��N�I��ɚ��p�V^#�L�f�:u@k#�RSu�� =��S^��Zy��uR/��.@n�&��΃z~��B=��0eg뺆��#,��Þ�[�B/?�H� uUf�7�y ��W��y}Bw��eg��ל`��Wh�(|��|��`l`.�;�Ws��?��V�@"��c:i�ɍ��L֯��PG�v�6z�c�tM��̠��'��:w��uW��;d��=�;E�v�e��D��}��9�J@B(��0�iհ�b�v�P�1{�\P��&��G�7��D��޴I��y��_��$-Q�jm�~Yrr�&]�C��Dv%b�h|�Yz�n�i_�R;�k��g�}n��JOII��w��yuL}{�Ќǋ�}�:+3Y�?:��W��J/N+Rz��d=�h��b��;d��j͒su��ݔ��@NKMԄ�j��qz��C��5@��y°�h��L��m;*5�ezᕏ��=�ep�� X��L�n?�מ:��r�`��۵�tŤ�Z�|�1�v`�V�뽧��_c��s�ج'�ߤ%o�Tuum�k%%%h�)�u�y]��N�k��[�n� ��'b�2� �l�.=��͜�E%��gf$��[c;�s:�V-�͞W��ߤW�h��-��j�7��]4��=��F-X�]�>��Z�LS�i��[�Y��*�W��e;��Z�a��n(ӇW|e(HNNP��5[= r4tP �&0�<��p�c#��`�v�TNV GFq��v�T�i�*��Ty�a�m�$��ߏWyE�*�V��JKMTfF�w��>'��$-�ؽ�.Ho��.��8��c��"@D�AD�AD�AD�AD�AD�AD�AD�AD�A~�j��*֘,N;Pi�3599�h=��g�o�ضL�g��i��J�5��փy~�}&��Z��d9p֚ e:|��h��L��`��`��b/��d9p�?�fgg+%%�hM��gXo��s�ج��, Ω��Ol0Z��h=x��d��j��L��m��h��ݻ�o��O�[�g_�l�,8a��]�٭+��ӧ��0��$��I�]��c��]:粹:Te��ꢢ"�5a^��K�g�h,&��=��=��՟^��߶�ߢE�ܹS �J}��I%�:8 �IDAT~,�9/ʃPW'M�o�}z��N�ƍ쨓z�Pb��NZ�~�^z�=4m��s��w��g;5�� Y�~��S�VM��RXUյڱ�R��f��?��s�:w �;6�H:�º��i��5��-�maM��&O��3;1I�K�eam�Z�h�͛7+##�v+�c ~u�~ca]�Gn��F'��ټL~��PPP��b��n� v�o��C�4R,ӟ��gg��%�hq}@#M�4IÇ�� O�y^�x�M��Z�x�� )� �yOw@H�k�N˖-Sǎm�b]X@n��+i��͖��!++K3g�d��\�$m�t�$^��Y�f��J��\8PR��F�)77W��א!Cl��$i��:�@@��_o��G�� I{$��#� ��8磌��ŋ9�1A��(�I�m7��֭��>}�ߴ�J�q�7ޗt��^� -[��ԩS�j�*��}��%]&�'� -��ɓ'�ꫯVzz��vB#�;a �7@G��xI��{��j޼�ƌ��.�LÇWBB�7��`O��"I�$/�@R�@eee��@�۷��>}�0��,ɒ2$53Xs��|c��S~��rpTYYY��} kH�c�%��&k��.]��, @��AD�AD�AD�AD�AD�AD�AD�AD�A��@�l��T��<%''�*��L�o�^={��رc5h� %$+CnܸQ3f��ҥK�}�vUVV��s�9G� R,�_{�x��ˇ��3��o߾��;TTTd�}��馛��]uuuG��~��i�ԩ��@4��b��n��v�m�vfϞ�/�Peeeq}}za I~,�誫��{UWW뮻��}��_~Y�ƍSMMM��Yχ֝w��aw\�ď�cxꩧt�E��ƍկ_?�۷��5��@�u�?�1�k�N�ׯWzz�/�w�y�>}z�j��3�� k�(�ٺu��q_�Z�v�f̘��:~�AB�Q&�r��|��!��%K��ҥK��g��Ԟ={<_��X-�z� !��C�y�FUU��z~�AB�QIIIjݺ��W�$UXX��D��ٳ��Z~�AB�Q�ƍ�e��c��W�$<(~<�RSS�v�Zu��jjjԧO�Z��Qu��@4� 8��m�&&&j�ԩ��g�$�ď��1h� ͟?_��{�768��@��g �=@�`)))��5o��6m��3��)��ѣ�ƌ��J�;w��ҿUTT��/��K��ZR�{~a=@��0o�<��*狔��i�F��ɶ[�ˎ;T]]��OX@��?��K�.�ۈ�xN ��pppppppppppppppppP��fl߾],�{ｧ��k۶mڿ��o�5B��TӦMӴiӴ|�r�� DB��2e�|�A��n!D��y�'t��k�Ν�[A� $***t�5��'�� "�!�駟��o�a�Dn�Ν:t�֭[g�D��ШQ��0�6q�D��;��@ ��x� M�6�v�(Pii��z�m��Z�4e��w��"@��̴i�x��f��[��~-F�ٱc��&I�Z�2�|��n��!�?$@��{�[��H�T��ɏ�#��@�h��Ȏ��I#�_�m�(F��/6Z3��z��'�\r�,��r��!��;��w2Z3j��=~�G��Y��7��"I�$��i�I.�p��_"��?�p��N`�y��DD��?: ��_�� G�ÿa��b�7J��!B��x@�0�� B��o ��c��G��@`1��C��[@�0��G ��@`0��C��_�u�V1�� a��CX��>�W�` |��`!<��S�`"<��.��`#�c�`�?c��A��C4 �?��c�� p#��~@�0��?:��0��8&��_��M�Q1��J�h#��?��/`��7��;I��q7�aw�Q��A�1Hp ��!�#��<8��/#@�1��U�l7��=�S�=��K.�4Z�?E��_$i��@��!�1�!E4�?��`��P_� ��@��Bă�1��0�#��:��"��a��U�,�x�b��F��Y1� ��[��n|��n� ��#'��v�E��H:`�x��b� ��#��v��D��4��Y ��h��i.i��&��E�Ζ��v#��O� H��4�I�Ŷ��}�:I�k�h��@t��ZR��F��#��(�tXҙ��zZ �?��I��3l7q��@õ��|ۍ�1,G��p�u��Y� ��Ꮿ@h��J��v#�x��xk$ ��v#�9��5��}��_��$��c �S�#��=+��"K�{F��*m7�`#��%�H:NRS�p�6I?��sIՖ{Ap��$I$I:QR��v�2$�Z�@�UJ*��$�]<��F��O4IEND�B`�