    <link rel="stylesheet" href="css/style.css<?php uniqid(); ?>">
    <link rel="stylesheet" href="css/root.css?v=<?php uniqid(); ?>">
    <!-- preloader  -->
    <div id="preloader">
        <div id="ctn-preloader" class="ctn-preloader">
            <div class="animation-preloader">
                <div class="spinner"></div>
                <!-- <div class="txt-loading">
                    <span data-text-preloader="S" class="letters-loading">
                            S
                        </span>
                    <span data-text-preloader="T" class="letters-loading">
                            T
                        </span>
                    <span data-text-preloader="A" class="letters-loading">
                            A
                        </span>
                    <span data-text-preloader="R" class="letters-loading">
                            R
                        </span>
                    <span data-text-preloader="T" class="letters-loading">
                            T
                        </span>
                    <span data-text-preloader="E" class="letters-loading">
                            E
                        </span>
                    <span data-text-preloader="S" class="letters-loading">
                            S
                        </span>
                    <span data-text-preloader="K" class="letters-loading">
                            K
                        </span>
                </div> -->
            </div>
            <div class="loader">
                <div class="row">
                    <div class="col-3 loader-section section-left">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-left">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-right">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-right">
                        <div class="bg"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- preloader end -->

    <!-- header-start -->
    <header>
        <div class="header-top-wrap purple-bg d-none d-md-block">
            <div class="container-fluid header-container-p">
                <div class="row">
                    <div class="col-xl-6 col-lg-7 col-md-6">
                        <div class="header-contact">
                            <ul>
                                <li><i class="fas fa-headphones"></i><?php echo $phone; ?></li>
                                <li><i class="far fa-envelope"></i><a href="mailto:<?php echo $email_address; ?>" class="__cf_email__"><?php echo $email_address; ?></a></li>
                                <li><i class="fas fa-map-marker"></i><?php echo $address; ?></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-5 col-md-6">
                        <div class="header-top-right d-flex justify-content-end align-items-center">
                            <!-- <div class="header-country">
                                <form action="#">
                                    <select name="name" class="selected">
                                        <option value="">New York</option>
                                        <option value="">Washington</option>
                                        <option value="">Lake</option>
                                        <option value="">Seventh</option>
                                    </select>
                                </form>
                            </div> -->
                            <div class="header-social">
                                <ul>
                                    <li>Follow us :</li>
                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="header-sticky" class="main-header">
            <div class="container-fluid header-container-p">
                <div class="row align-items-center">
                    <div class="col-lg-3 col-md-6">
                        <div class="logo">
                            <a href="./"><img src="uploads/<?php echo $site_logo; ?>" class="mobile-logo" alt="Logo"></a>
                        </div>
                    </div>
                    <div class="col-lg-9 col-md-6 d-none d-md-block">
                        <div class="menu-area">
                            <div class="main-menu">
                                <nav id="mobile-menu">
                                    <ul>
                                        <li class="active"><a href="./">Home</a>

                                        </li>
                                        <li><a href="#">About</a>
                                            <ul class="submenu">
                                                <li><a href="about-us">About Us</a></li>
                                                <li><a href="faq">FAQs</a></li>

                                            </ul>
                                        </li>

                                        <li><a href="#">Services</a>
                                            <ul class="submenu">
                                                <li><a href="cargo-transportation">Cargo Transportation</a></li>
                                                <li><a href="air-freight">Air Freight</a></li>
                                                <li><a href="ocean-freight">Ocean Freight</a></li>
                                                <li><a href="packaging-and-storage">Packaging And Storage</a></li>
                                            </ul>
                                        </li>

                                        <li><a href="#">Tracking</a>
                                            <ul class="submenu">
                                                <li><a href="track">Track Your Order</a></li>
                                                <li><a href="#">Signin</a></li>
                                            </ul>
                                        </li>


                                        <li><a href="contact">Contact Us</a></li>
                                    </ul>
                                </nav>
                            </div>
                            <!-- <div class="header-search">
                                <a href="#" data-toggle="modal" data-target="#search-modal"><i class="flaticon-magnifying-glass"></i></a>
                            </div> -->
                            <div class="header-btn">
                                <a href="#" class="btn" data-toggle="modal" data-target="#exampleModalLong"><img src="img/icon/calculator-symbols.png" alt="icon">Get A Quote</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="mobile-menu"></div>
                    </div>
                </div>
                <!-- Modal Search -->
                <div class="modal fade" id="search-modal" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <form>
                                <input type="text" placeholder="Search here...">
                                <button><i class="fa fa-search"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
                <!-- Modal -->
                <div class="modal fade get-a-quote-modal" id="exampleModalLong" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog" role="document" style="">
                        <div class="modal-content">

                            <ul class="nav nav-tabs setup-panel">
                                <li class="nav-item single-steps">
                                    <a class="nav-link btn-amber" href="#step-1">Get A Free Quote</a>
                                </li>

                            </ul>
                            <form action="" method="POST" class="p-3">
                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <input type="text" class="form-control" placeholder="Name">
                                    </div>
                                    <div class="col-md-6">
                                        <input type="text" class="form-control" placeholder="Email">
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <input type="text" class="form-control" placeholder="Address">
                                </div>
                                <div class="mb-3">
                                    <textarea class="form-control" style="height:200px;" placeholder="Message"></textarea>
                                </div>
                                <button class="btn btn-danger">SEND MESSAGE</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- header-start-end -->