<?php require_once './inc/email.php'?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="description">
    <meta content="" name="keywords">
    <!-- Favicons -->
    <link href="assets/img/favicon.ico" rel="icon">
    <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
    <link rel="alternate" type="application/rss+xml" title="FastShipping24 Global RSS" href="rss.xml">
    <link type="text/css" rel="stylesheet" href="assets/css/css_lQaZfjVpwP_oGNqdtWCSpJT1EMqXdMiU84ekLLxQnc4.css"
        media="all">
    <link type="text/css" rel="stylesheet" href="assets/css/css_ldT49LRQKvcblErQPdssvYcCj_XhoeHWTZpXUa-m4C4.css"
        media="all">
    <link type="text/css" rel="stylesheet" href="assets/css/css_rdEsCbSE9_gsPik3tTOQfkvhbMhf39tn5oPcsZyv1pE.css"
        media="all">
    <link type="text/css" rel="stylesheet" href="../netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css"
        media="all">
    <link type="text/css" rel="stylesheet" href="assets/css/css_XzfJCK5a1Nc0dkkBeVmInNN5wj06oIiagBAxK8iFKB0.css"
        media="all">
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"> -->

    <!-- Vendor CSS Files -->
    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"> -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <!-- <style>
    @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
  </style> -->

    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
        rel="stylesheet">

    <!-- Vendor CSS Files -->
    <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
    <link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
    <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
    <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
    <link href="assets/vendor/aos/aos.css" rel="stylesheet">

    <!-- Template Main CSS File -->
    <link href="assets/css/main.css" rel="stylesheet">
    <link rel="stylesheet" href="./assets/css/styles.css">

    <style>
    @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

    body {
        height: 100%;
    }

    footer {
        position: absolute;
        bottom: -160%;
        z-index: 99;
    }

    footer .footer-container {
        width: 100%;
        background-color: #0d237d;

    }

    footer .container-fluid {
        display: block;
        width: 100%;
    }

    footer .container-fluid ul {
        display: flex;
        padding: 0;
        margin: 0;

    }

    footer .container-fluid ul li {
        list-style: none;
    }

    footer .container-fluid ul li a {
        display: block;
        width: 100%;
        text-decoration: none;
        font-weight: bold;
        color: #fff;
        padding: 0 10px;
        font-size: 13px;
    }

    footer .container-fluid ul li a:hover {
        text-decoration: underline;
    }

    .dt-copyright {
        font-weight: bold;
        color: #fff;
        padding: 10px 0;
        margin: -90px 0 20px 0px;
        font-size: 13px;
    }

    .container-fluid .email a {
        display: inline-block;
        color: #fff;
        font-weight: bold;
        margin: -20px 0 40px 0;
    }

    @media only screen and (min-width:768px) {
        footer .container-fluid {
            display: flex;
            width: 100%;
            margin: 0 auto;
        }

        footer .container-fluid .email a {
            transform: translate(-20%, 180%);
        }
    }

    @media only screen and (min-width:1200px) {
        footer .container-fluid {
            width: 1200px;
            margin: 0 auto;
        }
    }
    </style>

    <!-- =======================================================
  * Template Name: Logis - v1.1.0
  * Template URL: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
    <title>ZOOM &amp; COURIER</title>
</head>
<body>
    <header id="header" class="header d-flex align-items-center fixed-top">
        <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
            <a href="index.html" class="logo d-flex align-items-center">
                <!-- Uncomment the line below if you also wish to use an image logo -->
                <!--<img src="assets/img/logo.png" alt="" >-->
                <h1 style="color:#fff; font-weight: bold; text-transform: uppercase"><?=$logo?></h1>
            </a>
            <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
            <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
            <nav id="navbar" class="navbar fw-bold" style="background-color: #000;">
                <ul>
                    <li><a href="index" class="active">Home</a></li>
                    <li><a href="about">About</a></li>
                    <li><a href="network">Network</a></li>
                    <li><a href="career">Careers</a></li>
                    <li><a href="logistics">Security logistics</a></li>
                    <li class="dropdown"><a href="#"><span>Security Services</span> <i
                                class="bi bi-chevron-down dropdown-indicator"></i></a>
                        <ul>
                            <li><a href="services">List of Services</a></li>
                            <li><a href="products">Security Product</a></li>
                        </ul>
                    </li>
                    <li><a href="contact">Contact</a></li>
                    <li><a class="get-a-quote" href="get-a-quote">Get a Quote</a></li>
                </ul>
            </nav><!-- .navbar -->
        </div>
    </header><!-- End Header -->
    <main id="main">
        <div class="breadcrumbs">
            <div class="page-header d-flex align-items-center"
                style="background-image: url('assets/img/network_banner.png');">
                <div class="container position-relative">
                    <div class="row d-flex justify-content-center">
                        <div class="col-lg-6 text-center">
                            <h2>worldwide network</h2>
                            <p class="fs-3">Extending the Horizon</p>
                        </div>
                    </div>
                </div>
            </div>
            <nav>
                <div class="container">
                    <ol>
                        <li><a href="index">Home</a></li>
                        <li>Network</li>
                    </ol>
                </div>
            </nav>
        </div><!-- End Breadcrumbs -->
        <div class="container" style="height: 200px!important">
            <div class="container">
                <p class="dt-margin network_para"
                    style="font-family:'gotham-light';font-size: 14px;text-align: center;">The biggest strength of <?=$courier_new_name?>
                    Express Courier Service is its unique network &amp; partner-based business model.
                    Our organisation has one of the fastest-growing franchise business networks across the globe. We
                    have developed
                    the largest chain of express courier and security services in United Kingdom and have replicated the
                    same model in various geographies.
                    Today,<?=$courier_new_name?> Courier Service has a direct presence in 21 countries and a business network in
                    over 240 countries.</p>
                <img class="bg" src="assets/img/DTDC-banner.png" style="width: 100%; height: 120%;">
                <img class="map" src="assets/img/map.png" style="width: 100%; height: 120%;">
                <div class="svg-wrapper">
                    <svg id="Layer_1" class="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"
                        viewBox="0 0 324.61 150.83">

                        <g id="main-0" style="position:absolute; top:-899px;">

                            <animate xlink:href="#back" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#back" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="back" class="back" cx="73" cy="50" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="73" cy="50" r="1.2"></circle>
                            <text text-anchor="middle" fill="#000">USA</text>
                        </g>
                        <g id="main-0" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip1" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip1" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip1" class="back" cx="73" cy="50" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="73" cy="50" r="0.6" id="clip1"></circle>
                            <text text-anchor="middle" fill="#000" x="73" y="48">USA</text>
                        </g>
                        <g id="main-1" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip2" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip2" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip2" class="back" cx="135" cy="40" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="135" cy="40" r="0.6" id="clip2"></circle>
                            <text text-anchor="middle" fill="#000" x="135" y="38">UK</text>
                        </g>
                        <g id="main-2" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip3" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip3" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip3" class="back" cx="191" cy="68" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="191" cy="68" r="0.6" id="clip3"></circle>
                            <text text-anchor="middle" fill="#000" x="191" y="66">UAE</text>
                        </g>
                        <g id="main-3" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip4" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip4" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip4" class="back" cx="240" cy="85" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="240" cy="85" r="0.6" id="clip4"></circle>
                            <text text-anchor="middle" fill="#000" x="240" y="90">Singapore</text>
                        </g>
                        <g id="main-4" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip5" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip5" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip5" class="back" cx="223" cy="66" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="223" cy="66" r="0.6" id="clip5"></circle>
                            <text text-anchor="middle" fill="#000" x="223" y="64">Bangladesh</text>
                        </g>
                        <g id="main-5" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip6" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip6" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip6" class="back" cx="55" cy="40" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="55" cy="40" r="0.6" id="clip6"></circle>
                            <text text-anchor="middle" fill="#000" x="55" y="38">Canada</text>
                        </g>
                        <g id="main-6" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip7" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip7" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip7" class="back" cx="235" cy="60" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="235" cy="60" r="0.6" id="clip7"></circle>
                            <text text-anchor="middle" fill="#000" x="235" y="58">China</text>
                        </g>
                        <g id="main-7" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip8" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip8" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip8" class="back" cx="238" cy="73" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="238" cy="73" r="0.6" id="clip8"></circle>
                            <text text-anchor="middle" fill="#000" x="238" y="71">Hong Kong</text>
                        </g>
                        <g id="main-8" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip9" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip9" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip9" class="back" cx="173" cy="100" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="173" cy="100" r="0.6" id="clip9"></circle>
                            <text text-anchor="middle" fill="#000" x="173" y="98">Kenya</text>
                        </g>
                        <g id="main-9" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip10" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip10" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip10" class="back" cx="235" cy="80" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="235" cy="80" r="0.6" id="clip10"></circle>
                            <text text-anchor="middle" fill="#000" x="235" y="78">Malaysia</text>
                        </g>
                        <g id="main-10" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip11" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip11" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip11" class="back" cx="218" cy="58" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="218" cy="58" r="0.6" id="clip11"></circle>
                            <text text-anchor="middle" fill="#000" x="218" y="56">Nepal</text>
                        </g>
                        <g id="main-11" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip12" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip12" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip12" class="back" cx="205" cy="65" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="205" cy="65" r="0.6" id="clip12"></circle>
                            <text text-anchor="middle" fill="#000" x="205" y="63">Pakistan</text>
                        </g>
                        <g id="main-12" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip13" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip13" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip13" class="back" cx="219" cy="82" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="219" cy="82" r="0.6" id="clip13"></circle>
                            <text text-anchor="middle" fill="#000" x="219" y="87">Sri Lanka</text>
                        </g>
                        <g id="main-13" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip14" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip14" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip14" class="back" cx="293" cy="127" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="293" cy="127" r="0.6" id="clip14"></circle>
                            <text text-anchor="middle" fill="#000" x="293" y="125">Sydney</text>
                        </g>
                        <g id="main-14" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip15" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip15" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip15" class="back" cx="215" cy="78" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="215" cy="78" r="0.6" id="clip15"></circle>
                            <text text-anchor="middle" fill="#000" x="207" y="80">India</text>
                        </g>
                        <g id="main-15" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip16" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip16" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip16" class="back" cx="185" cy="65" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="185" cy="65" r="0.6" id="clip16"></circle>
                            <text text-anchor="middle" fill="#000" x="185" y="63">Kuwait</text>
                        </g>
                        <g id="main-16" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip17" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip17" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip17" class="back" cx="285" cy="138" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="285" cy="138" r="0.6" id="clip17"></circle>
                            <text text-anchor="middle" fill="#000" x="285" y="136">Melbourne</text>
                        </g>
                        <g id="main-17" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip18" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip18" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip18" class="back" cx="228" cy="70" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="228" cy="70" r="0.6" id="clip18"></circle>
                            <text text-anchor="middle" fill="#000" x="228" y="68">Myanmar</text>
                        </g>
                        <g id="main-18" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip19" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip19" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip19" class="back" cx="165" cy="120" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="165" cy="120" r="0.6" id="clip19"></circle>
                            <text text-anchor="middle" fill="#000" x="165" y="118">South Africa</text>
                        </g>
                        <g id="main-19" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip20" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip20" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip20" class="back" cx="180" cy="70" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="180" cy="70" r="0.6" id="clip20"></circle>
                            <text text-anchor="middle" fill="#000" x="180" y="68">Saudi Arabia</text>
                        </g>
                        <g id="main-20" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip21" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip21" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip21" class="back" cx="190" cy="73" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="190" cy="73" r="0.6" id="clip21"></circle>
                            <text text-anchor="middle" fill="#000" x="190" y="78">Oman</text>
                        </g>
                        <g id="main-21" style="position:absolute; top:-899px;">

                            <animate xlink:href="#clip22" attributeName="r" from="2.3" to="3.5" dur="1s" begin="0s"
                                repeatCount="indefinite" fill="freeze"></animate>
                            <animate xlink:href="#clip22" attributeType="CSS" attributeName="opacity" from="1" to="0"
                                dur="1s" begin="0s" repeatCount="indefinite" fill="freeze"></animate>

                            <circle id="clip22" class="back" cx="175" cy="65" r="" stroke-width="0.233"></circle>
                            <circle class="front" cx="175" cy="65" r="0.6" id="clip22"></circle>
                            <text text-anchor="middle" fill="#000" x="175" y="63">Qatar</text>
                        </g>
                    </svg>
                    <div class="popup pop-wrapper" style="display:none">
                        <div class="" id="name"></div>
                        <div class="" id="address"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div><!-- svg wrapper close -->
                <div class="clear"></div>

            </div>
        </div>
    </main>
    <footer class="w-100">
        <div class="footer-container">
            <div class="container-fluid">
                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 ul-menu">
                    <div class="region region-footer">
                        <section id="block-menu-menu-footer-menu" class="block block-menu clearfix">
                            <ul class="dt-foot-menu" style="margin-top: -40px">
                                <li class="first leaf active-trail active"><a href="about-us"
                                        class="active-trail active">About us</a></li>
                                <li class="leaf"><a href="careers.html">Careers</a></li>
                                <li class="leaf"><a href="privacy-policy.html">Privacy Policy</a></li>
                                <li class="last leaf"><a href="terms-conditions.html">Terms &amp; Conditions</a></li>
                            </ul>
                        </section> <!-- /.block -->
                    </div>
                    <div class="clearfix"></div>
                    <p class="dt-copyright">© Copyright <?=$courier_new_name?> Courier Service Express Limited. All Rights
                        Reserved</p>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 email"> <a class="dt-mail-foot"
                        href="mailto:<?=$email?>"><i class="glyphicon glyphicon-envelope"></i><?=$email?></a> </div>
            </div>
        </div>
    </footer><!-- End Footer -->
    <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
    <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
    <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
    <script src="assets/vendor/aos/aos.js"></script>
    <script src="assets/vendor/php-email-form/validate.js"></script>

    <!-- Template Main JS File -->
    <script src="assets/js/main.js"></script>
    <script>
    window.onscroll = function() {
        removeBackground()

    }

    function removeBackground() {
        var navbars = document.getElementById('navbar');
        if (
            document.body.scrollTop > 20 ||
            document.documentElement.scrollTop > 20
        ) {
            navbar.style.background = "none";

        } else {
            navbar.style.background = "black";
        }
    }
    </script>
</body>
</html>