PNG
IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
File Manager
File Manager
Viewing File: service-detail.php
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from jthemes.net/themes/html/transp/service-detail.php by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 20 Jul 2023 21:31:53 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>Service Detail - 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">
<div class="container">
<div class="box-pageheader-1 box-pageheader-services text-center"><span class="btn btn-tag wow animate__animated animate__fadeIn">Our Services</span>
<h2 class="color-brand-2 mt-15 mb-10 wow animate__animated animate__fadeIn">Sea Freight Forwarding</h2>
<p class="font-md color-grey-900 wow animate__animated animate__fadeIn">Transp’s roots are in Sea Freight! Whether it’s full containers, consolidations, roll-on/roll-<br class="d-none d-lg-block">off equipment or entire projects, moving shipments by sea is our “flagship” service.</p>
</div>
</div>
</section>
<div class="section">
<div class="container">
<div class="row">
<div class="col-lg-6 wow animate__animated animate__fadeIn"><img src="assets/imgs/page/service-detail/img1.png" alt="transp"></div>
<div class="col-lg-6 position-relative wow animate__animated animate__fadeIn"><img src="assets/imgs/page/service-detail/img2.png" alt="transp">
<div class="quote-center shape-2"></div>
</div>
</div>
</div>
</div>
<section class="section mt-50">
<div class="container">
<div class="content-detail"><strong class="font-md-bold color-grey-900 mb-25 d-block wow animate__animated animate__fadeIn">Sea freight forwarding, also known as ocean freight forwarding, is a critical aspect of the global supply chain. It refers to the transportation of goods via cargo ships or vessels from one port to another. This mode of transportation is preferred by many businesses due to its cost-effectiveness, reliability, and ability to transport large quantities of goods. In this article, we will discuss the basics of sea freight forwarding, including its benefits, modes of transportation, and key players.</strong>
<h3 class="color-brand-2 wow animate__animated animate__fadeIn">Modes of Sea Freight Transportation</h3>
<p class="font-md color-grey-900 wow animate__animated animate__fadeIn">There are two primary modes of sea freight transportation: Full Container Load (FCL) and Less than Container Load (LCL). FCL is used when the shipment is large enough to fill an entire container. On the other hand, LCL is used when the shipment does not require a full container. In this case, the goods are combined with other shipments to fill a container. Both modes have their advantages and disadvantages.</p>
<p class="wow animate__animated animate__fadeIn"><img src="assets/imgs/page/service-detail/img3.png" alt="transp"></p>
<p class="wow animate__animated animate__fadeIn">There are two primary modes of sea freight transportation: Full Container Load (FCL) and Less than Container Load (LCL). FCL is used when the shipment is large enough to fill an entire container. On the other hand, LCL is used when the shipment does not require a full container. In this case, the goods are combined with other shipments to fill a container. Both modes have their advantages and disadvantages.</p>
<p class="wow animate__animated animate__fadeIn">There are two primary modes of sea freight transportation: Full Container Load (FCL) and Less than Container Load (LCL). FCL is used when the shipment is large enough to fill an entire container. On the other hand, LCL is used when the shipment does not require a full container. In this case, the goods are combined with other shipments to fill a container. Both modes have their advantages and disadvantages.</p>
<h3 class="wow animate__animated animate__fadeIn">Benefits of Sea Freight Forwarding</h3>
<div class="row align-items-center">
<div class="col-lg-7 wow animate__animated animate__fadeIn">
<p>Sea freight forwarding offers several benefits to businesses that use it to transport their goods. Some of the benefits include:</p>
<p>Cost-Effectiveness: Sea freight forwarding is one of the most cost-effective modes of transportation, especially for businesses that require the transportation of large quantities of goods. This is because cargo ships can transport large volumes of goods at a lower cost compared to other modes of transportation.</p>
<p>Sea freight forwarding is a reliable mode of transportation since it is not affected by traffic or weather conditions. Additionally, cargo ships are designed to withstand harsh weather conditions, which reduces the risk of damage or loss of goods.</p>
</div>
<div class="col-lg-5 wow animate__animated animate__fadeIn"><img src="assets/imgs/page/service-detail/img4.png" alt="transp"></div>
</div>
</div>
</div>
</section>
<div class="mt-50"></div>
<section class="section">
<div class="container">
<div class="box-form-contact-leading">
<div class="row">
<div class="col-lg-8">
<h2 class="title-favicon color-brand-2 mb-15 wow animate__animated animate__fadeIn">Calculate Shipping</h2>
<p class="font-md color-grey-700 mb-25 wow animate__animated animate__fadeIn">Please Fill All Inquiry To Get Your Total Price.</p>
<div class="row align-items-center wow animate__animated animate__fadeIn">
<div class="col-lg-6">
<div class="form-group">
<select class="form-control">
<option value="">Select Service</option>
<option value="Service 1">Service 1</option>
<option value="Service 2">Service 2</option>
<option value="Service 3">Service 3</option>
<option value="Service 4">Service 4</option>
</select>
</div>
</div>
<div class="col-lg-3">
<div class="form-group">
<input class="form-control" type="text" placeholder="Dimensions">
</div>
</div>
<div class="col-lg-3">
<div class="form-group">
<input class="form-control" type="text" placeholder="Weight">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<select class="form-control">
<option value="">Picked up at</option>
<option value="Service 1">Service 1</option>
<option value="Service 2">Service 2</option>
<option value="Service 3">Service 3</option>
<option value="Service 4">Service 4</option>
</select>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<select class="form-control">
<option value="">Delivery to</option>
<option value="New York">New York</option>
<option value="Washinton">Washinton</option>
<option value="Dallas">Dallas</option>
<option value="California">California</option>
</select>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<select class="form-control">
<option value="">Commodities</option>
<option value="Commodities 1">Commodities 1</option>
<option value="Commodities 2">Commodities 2</option>
<option value="Commodities 3">Commodities 3</option>
<option value="Commodities 4">Commodities 4</option>
</select>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<select class="form-control">
<option value="">Quantity of goods</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<textarea class="form-control" name="message" rows="5" placeholder="Message / Note"></textarea>
</div>
</div>
<div class="col-lg-6">
<div class="form-group"><strong class="font-sm-bold color-grey-900">Extra Services</strong>
<div class="row mt-10 box-cb-form">
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input class="cd-form" type="checkbox">Express Delivery (+$40)
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input class="cd-form" type="checkbox">Add Insurance (+$20)
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input class="cd-form" type="checkbox">Packaging (+$15)
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12"><a class="btn btn-brand-1-big mr-25 wow animate__animated animate__fadeIn" href="#">
<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="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V13.5zm0 2.25h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V18zm2.498-6.75h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V13.5zm0 2.25h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V18zm2.504-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zm0 2.25h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V18zm2.498-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zM8.25 6h7.5v2.25h-7.5V6zM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 002.25 2.25h10.5a2.25 2.25 0 002.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0012 2.25z"></path>
</svg>Cost Calculation</a><a class="btn btn-link-medium wow animate__animated animate__fadeIn" href="contact.php">Contact Us
<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 class="col-lg-4">
<div class="box-image-contact wow animate__animated animate__fadeIn"><img src="assets/imgs/page/homepage1/img-contact.png" alt="transp"></div>
</div>
</div>
</div>
</div>
</section>
<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>
<div class="line-border"></div>
<section class="section pb-5 pt-50 mb-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-15 wow animate__animated animate__fadeIn">Other Services</h2>
<p class="font-md color-grey-700 mb-35 wow animate__animated animate__fadeIn">You choose the cities where you’d like to deliver. All deliveries are within a specific service area<br class="d-none d-lg-block">and delivery services vary by location. Whatever the mode or requirement, we will find and book<br class="d-none d-lg-block">the ideal expedited shipping solution to ensure a timely delivery.</p>
</div>
<div class="box-slider-homepage2 box-slider-homepage-4 box-slider-service-4">
<div class="container">
<div class="box-swiper">
<div class="swiper-container swiper-group-4 swiper-group-3-style-2">
<div class="swiper-wrapper">
<div class="swiper-slide wow animate__animated animate__fadeIn">
<div class="card-offer hover-up">
<div class="card-image"><img src="assets/imgs/page/homepage1/cargo-ship.png" alt="transp"></div>
<div class="card-info">
<h5 class="color-brand-2 mb-15">Sea Forwarding</h5>
<p class="font-sm color-grey-900 mb-35">We are professional in ocean freight with more than 12 years of experience and have shipped more than 100k shipments.</p>
<div class="box-button-offer mb-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="card-offer hover-up">
<div class="card-image"><img src="assets/imgs/page/homepage1/plane.png" alt="transp"></div>
<div class="card-info">
<h5 class="color-brand-2 mb-15">Air Freight Forwarding</h5>
<p class="font-sm color-grey-900 mb-35">We are professional in ocean freight with more than 12 years of experience and have shipped more than 100k shipments.</p>
<div class="box-button-offer mb-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="card-offer hover-up">
<div class="card-image"><img src="assets/imgs/page/homepage1/delivery.png" alt="transp"></div>
<div class="card-info">
<h5 class="color-brand-2 mb-15">Land Transportation</h5>
<p class="font-sm color-grey-900 mb-35">We are professional in ocean freight with more than 12 years of experience and have shipped more than 100k shipments.</p>
<div class="box-button-offer mb-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="card-offer hover-up">
<div class="card-image"><img src="assets/imgs/page/homepage1/delivery.png" alt="transp"></div>
<div class="card-info">
<h5 class="color-brand-2 mb-15">Railway Logistics</h5>
<p class="font-sm color-grey-900 mb-35">We are professional in ocean freight with more than 12 years of experience and have shipped more than 100k shipments.</p>
<div class="box-button-offer mb-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="swiper-pagination swiper-pagination-banner swiper-pagination-style-2 swiper-pagination-group-4"></div>
</div>
<div class="swiper-button-prev swiper-button-prev-style-1 swiper-button-prev-style-2 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-style-2 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>
</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 & 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 & 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/service-detail.php by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 20 Jul 2023 21:31:54 GMT -->
</html>
b IDATxytVսϓ22 A@IR :hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E IENT ; @x T.i%-X} SvS5.r/ UHz^_$-W" w)Ɗ/ @Z &IoX P$K} JzX:;` &, ŋui,e6mX
Եr Kb1ԗ) D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A ݀!I*]R;I2$eZ#ORZSrr 6mteffu*((Pu'v{ DIߔ4^pIm '77WEEE;vƎ 4- $]'RI{\I&G :IHJ
DWBB=\WRm
o$K(V 9 ABB.}jѢv `^?IOȅ} ڶmG }T#FJ`5 6$- ھ}FI&v;0(h; Б 38CӧOWf!; A
i:F _m9s&|q%=# wZprrrla
A & P\\СC[A#! { olF}
`E2} MK/vV )i{ 4BffV\|ۭX `b@kɶ@%i$K z5zhmX [IXZ ` 'b%$r5 M4º /l
ԃ ߖ xhʔ)[@=}
K6IM}^ 5k㏷݆z
ΗÿO:gdGBmyT/@+Vɶ纽zl.yit뭷zV 0[Y^>Wsqs}\/@$(T7f.Inݺi R$푔n.~?H))\Z RW'Mo~v
Ov6oԃ xz! S,&xm/yɞԟ?'uaSѽb, 8GלKboi&3 t7Y,)JJ c[nzӳdE&KsZLӄ I ?@ & %ӟ۶mSMMњ0 iؐSZ, |J+N
~,0A 0!5%Q-YQQa 3 }$_vVr f9f?S 8` z D A D A D A D A D A D A D A D A D A dqP,تmMmg 1V?rSI꒟]u|l
RCyEf٢9 jURbztѰ!m5~tGj2DhG*{H9)꒟ר3:(+3\?/;TUݭʴ~S6lڧUJ*i$d(#=Yݺd{,p|3B)) q:vN0Y.jkק6;SɶVzHJJЀ-utѹսk>QUU \~]fFnK?&ߡ5b=z9)^|u_k-[ y%ZNU6 7Mi:]ۦ tk[n
X(e6 Bb."8cۭ|~teuuw|ήI-5"~Uk;ZicEmN/:]M>
cQ^uiƞ??Ң pc# TUU3UakNwA`:Y_V-8.KKfRi tv*
9S6ֿj,ՃNOMߤ]z^fOh|<>@Å5 _/Iu?{SY4hK/2]4%it5q]GGe2%iR|
W&f*^]??vq[LgE_3f}Fxu~}qd-ږFxu~I N >\;͗O֊:̗WJ@ Bh W=y|GgwܷH_NY?)Tdi'?խwhlmQi !SUUsw4kӺe4rfxu-[nHtMFj}H_u~w>)oV}(T'ebʒv3_[+vn @Ȭ\S}ot}w=k HFnxg S 0eޢm~l}uqZfF oZuuEg
`zt~? b;t%>WTkķh[ 2eG8LIWx,^\thrl^Ϊ{=dž<}qV@ ⠨Wy^LF_>0UkD uʫuCs$)I v:IK; 6ֲ4{^6 եm+l 3>݆uM 9u ?>Zc }g~qhKwڭ e FMM~pМuqǿz6Tb@8 @Y|jx](^]gf}M"tG
-w.@ vOqh~/HII` S[l.6nØXL9vU cOoB\xoǤ'T&I ǍQw_wpv[kmO{w~>#=P1Pɞa-we:iǏlHo꒟f9SzH?+shk%Fs:q VhqY `jvO'ρ?PyX3lх]˾uV{ݞ]1,MzYNW~̈́ joYn}ȚF߾mS]F z+EDxm/d{F{-W-4wY듏:??_gPf
^3ecg ҵs8R2מz@TA NGj)}CNi/R~}c:5{! ZHӋӾ6}T] G]7W6^n
9*,YqOZj :P?Q D FL|?-^.Ɵ7}fFhxe2Ps cz1&5\cn[=Vn[ĶE鎀uˌd3GII k;lNmشOuuRVfBE]ۣe Ӷu
:X-[(er4~LHi6:Ѻ@ԅr ST0 trk%$Č0 ez" *z " T/X9|8.C5Feg} C Q%͞ˣJvL/? j^ h & 9xF`њZ( & yF&Iݻfg #W;3^{Wo^4'v V[[K';+mӍִ] AC @ W?1^{එyh +^]fm~iԵ] AB @WTk̏t uR?l.OIHiYyԶ] Aˀ 7c:q}ힽaf6Z~қm(+sK4{^6}T *UUu]n.:kx{:2 _m=sAߤU@? Z-Vކе z왍Nэ{|5 pڶn b
p-@sPg]0G7fy-M{GCF'%{4` =$-Ge\ eU:m+Zt'WjO!OAF @ik&t݆ϥ_
e}=]" Wz_.͜E3leW Fih|t-wZۍ-uw=6 YN {6|} | *={Ѽn.S .z1z jۻTH]흾 D uDvmvK .` V]yY~sI@t?/ϓ. m&[ " +P?MzovVЫG3- G RR[(!!\_,^%?v@ ҵő
m`Y)tem8GM x.))A]Y i`ViW`?^~! S#^+ѽGZj?Vģ 0.))AlzL*]OXrY `DBBLOj{-MH'ii-ϰ ok7^
)쭡b]UXSְmռY|5 *cֽk0B7镹%ڽP# 8nȎq}mJr23_>lE5$iwui+ H~F`IjƵ@q
\ @#qG 0" . 0" l ` . 0! , AQHN6qzkKJ#o;`Xv2>,tێJJ7Z/*A .@fفjMzkg @TvZH3Zxu6Ra'%O?/d Q5x YkU]Rֽkق@ DaS^RSּ5|BeHNN͘p
HvcYcC5:y
#`οb; z2 .!kr}gUWkyZn=f Pvsn3p~;4p˚=ē~NmI] ¾ 0lH[_L hs h_ ғߤc_њe c) g 7VIZ5 yrgk̞W#IjӪv>՞y睝M8[ |]\շ 8M 6%|@P ZڨI-m>=k= 'aiRo-x?>Q. }`Ȏ:Wsmu u >
.@,&;+!!˱tﭧD QwRW\vF\~Q7>sp Yw$%A~;~}6 ¾ g &if_=j,v+U L1(tW ake:@Ș>j$Gq2t7S?vL|]u/ .(0 E 6Mk6hiۺzښOrifޱxm/Gx> Lal%%~{lBsR4* }{0Z/ tNIɚpV ^# Lf:u@k#RSu
=S^ZyuR/.@n&z~B=0eg뺆#,Þ[ B/?H uUf7y
Wy}Bwegל`Wh(||`l`.;Ws?V@" c:iɍL֯PGv6zctM̠':wuW;d=;EveD}9J@ B(0iհ bvP1{\P&G7DIy_$-Q jm~Yrr&]CDv%bh|Yzni _ R ;kg}nJOIIwy uL}{ЌNj}:+3Y?:WJ/N+Rzd=hb;dj͒suݔ@NKMԄ jqzC5 @y°hL m;*5ezᕏ=ep
XL n?מ:r`۵tŤZ|1v`V뽧_csج'ߤ%oTuumk%%%h)uy]Nk[n
'b2 l.=͜E%gf$[c;s:V-͞WߤWh-j7]4=F-X]>ZLSi[Y*We; Zan(Ӈ W|e(HNNP5[=
r4tP
&0< pc# `vTNV
GFqvTi * Tyam$ߏWyE* VJKMTfFw >'$-ؽ.Ho.8c"@ D A D A D A D A D A D A D A D A D A~j*֘, N;Pi3599h=g oض L giJ5փy~}&Zd9 p֚
e:|hL``b/d9 p? fgg+%%hMg Xosج, ΩOl0Zh=x djL mhݻo O [g_l, 8a]٭+ӧ0 $I] c]:粹:Teꢢ"5a^Kgh,&= =՟ ^߶ߢE ܹS J}I%:8
IDAT~,9/ʃ PW'Mo }zNƍ쨓zPb NZ~^z=4mswg;5 Y~SVMR XUյڱRf?s:w
; 6H:º i 5 -maM &O3; 1IKeam Zh͛7+##v+c ~u~ca] GnF'ټL~ PPPbn
v oC 4R,ӟgg %hq} @#M4IÇ Oy^xM Zx
) yO w @HkN˖-Sǎ mb]X@n+i͖ !++K3gd\$mt$^ YfJ \8PRF )77Wא!Cl $i: @@_oG I{$# 8磌ŋ9 1A (Im7 ֭>}ߴJq7ޗt^ -[ԩSj*}%]&'
- ɓ'ꫯVzzvB#; a
7@GxI{jƌ.LÇWBB7 `O"I$ /@R @ eee@۷ >}0 ,ɒ2$53Xs|cS~r pTYYY} k Hc %&k.], @ A D A D A D A D A D A D A D A D A @lT<%''*Lo^={رc5h %$+CnܸQ3fҥK}vUVVs9G
R,_{ xˇ3 o߾;TTTd}馛]uuuG~iԩ@4 bnvmvfϞ /Peeeq}}z a
I~,誫{UWW뮻}_~YƍSMMMYχ ֝waw \ ď cxꩧtEƍկ_?۷5@u ?1kNׯWzz/wy>}zj3 k (ٺu q_Zvf̘:~ AB Q&r| ! %KҥKg Ԟ={<_X-z ! CyFUUz~ AB QIIIjݺW $ UXXDٳZ~ AB QƍecW $<(~<RSSvZujjjԧO ZQu@4 8m&&&jԩg $ ď 1h ͟?_{768@ g
=@ `)))5o6m 3 ) ѣƌJ;wҿUTT /KZR{~a=@ 0o<*狔iFɶ[ˎ ;T]] OX@ ?K.ۈxN p p p p p p p p p p p p p p p p pP fl߾] ,{ｧk۶mڿo5 BTӦMӴiӴ|r D B2e |An!D y'tkΝ[A $***t5'
" !駟oaD nΝ:t֭[gD ШQ0 6qD;@ x M6v( PiizmZ 4ew" @ ̴ixf [~-F ٱc&IZ 2|n!?$ @{[HTɏ #@h Ȏ I# _m (F /6Z3 z'\r, r!;w2Z3j=~G Y 7"I$i I. p_" ? p N` y D D ?: _ G ÿa b7 J ! Bx @0 Bo
cG @`1C [ @0G
@`0C _ u V1 aC X > W ` | `! < S `" <. `# c `? cA C 4
? c p# ~ @0 ?: 0 8& _ M Q1 J h# ? /` 7; I q 7 a w Q A 1 H p
! #< 8/# @1Ul7 =S=K.4Z?E _$i@ ! 1!E 4? ` P_ @B ă 1 0# : " aU,xb F Y1
[n |n
#' v EH:`x b
# v D 4 Y hi.i& EΖv# O H 4IŶ}:Ik h @tZRF # (tXҙzZ ? I3l7 q@õ|ۍ 1,GpuY Ꮿ@ hJv# x xk$
v# 9 5 }_$ c S#=+"K {F*m7`# %H:NRS p6I?sIՖ{Ap$I$I:QRv2$Z @UJ*$]<FO4 IENDB`