<!doctype html>
<html lang="en">

<head>
    <!-- xxx Basics xxx -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- xxx Change With Your Information xxx -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no" />
    <title>Rio Logistics - Home</title>
    <meta name="author" content="hamaaya">
    <meta name="description" content="Rio Logistics Limited is company that offers Logistic and Cargo related services.">
    <meta name="keywords"
        content="Rio, Rio Logistics, logistic, limited, transport, cargo, oil company, crops, expedition, freight, logistics, packaging, services, shipping, transport, transportation, trucking, warehousing">

    <!-- xxx Favicon xxx -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico">

    <!-- Main Style CSSS -->
    <link href="assets/css/theme-plugins.min.css" rel="stylesheet">
    <!-- Main Theme CSS -->
    <link href="assets/css/style.css" rel="stylesheet">
    <!-- Responsive Theme CSS -->
    <link href="assets/css/responsive.css" rel="stylesheet">

    <!-- REVOLUTION NAVIGATION STYLES -->
    <link rel="stylesheet" type="text/css" href="assets/revolution/css/layers.css">
    <link rel="stylesheet" type="text/css" href="assets/revolution/css/navigation.css">
    <link rel="stylesheet" type="text/css" href="assets/revolution/css/settings.css">
    <link rel="stylesheet" type="text/css" href="assets/revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
    <link rel="stylesheet" type="text/css" href="assets/revolution/fonts/font-awesome/css/font-awesome.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

    <!-- Page loader Start -->
    <div id="pageloader">
        <div class="loader-item">
            <div class="loader">
                <div class="spin"></div>
                <div class="bounce"></div>
            </div>
        </div>
    </div>
    <!-- Page loader End -->

    <header class="header-three wow fadeInDown">
        <!-- Main Navigation Start -->
        <nav class="navbar navbar-expand-lg header-fullpage">
            <div class="container d-flex align-items-start">
                <div class="col col-lg-2 col-md-3">
                    <a class="navbar-brand rounded-bottom light-bg" href="index.php">
                        <img src="assets/images/logo_footer.png" alt="">
                    </a>
                </div>
                <!-- Toggle Button Start -->
                <button class="navbar-toggler x collapsed" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <!-- Toggle Button End -->
                <div class="col-lg-auto">
                    <div class="text-end top-bar">
                        <!-- Topbar Social Icons Start -->
                        <div class="top-bar-btn d-inline-flex social-icons">
                            <a href="#"><i class="icofont-facebook"></i></a>
                            <a href="#"><i class="icofont-twitter"></i></a>
                            <a href="#"><i class="icofont-whatsapp"></i></a>
                        </div>
                        <!-- Topbar Social Icons End -->
                    </div>
                    <div class="collapse navbar-collapse nav-light" id="navbarCollapse">
                        <div class="ml-auto">
                            <ul class="navbar-nav ms-auto">
                                <li class="nav-item dropdown">
                                    <a class="nav-link" href="index.php" aria-expanded="false">Home</a>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link" href="about-us.php"  aria-expanded="false">About Us</a>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link" href="services.php" aria-expanded="false">Services</a>
                                    <ul class="dropdown-menu">
                                        <li><a class="dropdown-item" href="equipment-rental.php">Equipment Rental</a></li>
                                        <li><a class="dropdown-item" href="HOFT.php">Haulage of Fuel Tanks</a></li>
                                        <li><a class="dropdown-item" href="HOC.php">Haulage of Containers and Bulk Cargo</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link" href="gallery.php" aria-expanded="false">Gallery</a>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link" href="contact-us.php" aria-expanded="false">Contact Us</a>
                                </li>
                                
                            </ul>
                            <!-- Main Navigation End -->
                        </div>
                    </div>
                </div>
            </div>
        </nav>
        <!-- Main Navigation End -->
    </header>

    <!-- Fullscreen Slider Start -->
    <div class="slider bg-navy-blue">
        <div id="rev_slider_1078_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container"
            data-alias="classic4export" data-source="gallery"
            style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
            <!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
            <div id="rev_slider_1078_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.1">
                <ul>
                    <li data-index="rs-82" data-transition="fade" data-slotamount="default" data-hideafterloop="0"
                        data-hideslideonmobile="off" data-easein="Power4.easeOut" data-easeout="Power4.easeOut"
                        data-masterspeed="1000" data-thumb="../../assets/images/waterfal-100x50.jpg" data-rotate="0"
                        data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3=""
                        data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9=""
                        data-param10="" data-description="" data-slicey_shadow="0px 0px 50px 0px transparent">
                        <!-- MAIN IMAGE -->
                        <img src="assets/images/banner_slider.jpg" alt="" data-bgposition="center center"
                            data-kenburns="on" data-duration="7000" data-ease="Linear.easeNone" data-scalestart="100"
                            data-scaleend="150" data-rotatestart="0" data-rotateend="0" data-blurstart="0"
                            data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg"
                            data-no-retina>
                        <!-- LAYERS -->

                        <!-- LAYER NR. 1 -->
                        <div class="tp-caption tp-resizeme NotGeneric-Title" id="slide-82-layer-2"
                            data-blendmode=”color-dodge“ data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['-70','-70','-70','-70']" data-fontsize="['70','60','60','55']"
                            data-lineheight="['80','70','70','40']" data-width="none" data-height="none"
                            data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
                            data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]">We
                            Are Rio Logistics</div>

                        <!-- LAYER NR. 11 -->
                        <div class="tp-caption medium_light_white tp-resizeme" id="slide-82-layer-3"
                            data-blendmode=”color-dodge“ data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['-10','-10','-10','-10']" data-width="none" data-height="none"
                            data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
                            data-frames='[{"delay":500,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                            data-fontsize="['28','28','28','28']" data-lineheight="['34','34','34','50']">From Pickup to
                            Destination</div>

                        <!-- LAYER NR. 12 -->
                        <div class="tp-caption tp-resizeme small_light_white " id="slide-82-layer-4"
                            data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['60','60','60','60']"
                            data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
                            data-responsive_offset="on"
                            data-frames='[{"delay":600,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                            data-fontsize="['16','16','16','13']" data-lineheight="['30','30','30','20']">We deliver
                            your products on time with pure safety.
                        </div>

                        <!-- LAYER NR. 12 -->
                        <a href="about-us.php">
                            <div class="tp-caption tp-resizeme btn-theme bg-navy-blue rev-btn" id="slide-82-layer-5"
                                data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                data-y="['middle','middle','middle','middle']" data-voffset="['140','140','140','140']"
                                data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
                                data-responsive_offset="on"
                                data-frames='[{"delay":750,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
                                data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]"
                                data-paddingleft="[30,30,30,30]" data-fontsize="['14','14','14','14']"
                                data-lineheight="['16','16','16','16']">Learn More <i class="icofont-rounded-right"></i>
                            </div>
                        </a>
                    </li>
                    <!-- SLIDE  -->
                    <li data-index="rs-3045" data-transition="zoomout" data-slotamount="default" data-hideafterloop="0"
                        data-hideslideonmobile="off" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut"
                        data-masterspeed="2000" data-thumb="http://www.mannatstudio.com/"
                        data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7"
                        data-saveperformance="off" data-title="Intro" data-param1="" data-param2="" data-param3=""
                        data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9=""
                        data-param10="" data-description="">
                        <!-- MAIN IMAGE -->
                        <img src="assets/images/banner_slider_2.jpg" alt="" data-bgposition="center center"
                            data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg"
                            data-no-retina>
                        <!-- LAYERS -->

                        <!-- LAYER NR. 1 -->
                        <div class="tp-caption NotGeneric-Title tp-resizeme" id="slide-3-layer-1" data-x="left"
                            data-hoffset="60" data-y="center" data-voffset="-120"
                            data-width="['auto','auto','auto','auto']" data-height="['auto','auto','auto','auto']"
                            data-transform_idle="o:1;" data-fontsize="['70','70','70','45']"
                            data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
                            data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                            data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="700" data-splitin="none"
                            data-splitout="none" data-responsive_offset="on" style="z-index: 1; white-space: nowrap;">
                            <span class="slider-small">Ready For Any</span> <br>Obstacle
                        </div>

                        <!-- LAYER NR. 2 -->
                        <div class="tp-caption NotGeneric-Title tp-resizeme" id="slide-3-layer-2" data-x="left"
                            data-hoffset="60" data-y="center" data-voffset="10"
                            data-width="['auto','auto','auto','auto']" data-height="['auto','auto','auto','auto']"
                            data-transform_idle="o:1;"
                            data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
                            data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                            data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="1400" data-splitin="none"
                            data-splitout="none" data-responsive_offset="on"
                            style="z-index: 2; white-space: nowrap; font-size: 18px; line-height: 30px;">
                            We don’t just manage suppliers, we micro-manage them. <br> We have a consultative, personalized approach
                        </div>

                        <!-- LAYER NR. 3 -->
                        <a href="about-us.php">
                            <div class="tp-caption BigBold-Button rev-btn " id="slide-3-layer-3" data-x="left"
                                data-hoffset="60" data-y="center" data-voffset="100" data-width="['auto']"
                                data-height="['auto']" data-transform_idle="o:1;"
                                data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
                                data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(41, 46, 49, 0);bc:rgba(255, 255, 255, 1.00);cursor:pointer;"
                                data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power3.easeInOut;"
                                data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                                data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-start="2100" data-splitin="none"
                                data-splitout="none"
                                data-actions='[{"event":"click","action":"jumptoslide","slide":"next","delay":""}]'
                                data-responsive_offset="on" data-responsive="off"
                                style="z-index: 3; white-space: nowrap; font-weight: 800;background-color:rgba(41, 46, 49, 1.00);border-color:rgba(255, 255, 255, 0);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">
                                READ MORE
                            </div>
                        </a>
                    </li>
                </ul>
                <div class="tp-bannertimer tp-bottom" style="height: 7px; background-color: rgba(255, 255, 255, 0.25);">
                </div>
            </div>
        </div>
    </div>
    <!-- Fullscreen Slider End -->

    <!-- Main Body Content Start -->
    <main id="body-content">
        <!-- Contact Callout Start -->
        <section class="contact-callout bg-navy-blue wide-tb-70 mb-spacer-md">
            <div class="container">
                <div class="row">
                    <!-- Contact Column One -->
                    <div class="col-12 col-lg-3 col-sm-6">
                        <div class="row align-items-start">
                            <div class="col-sm-auto col-2 text-center">
                                <i class="icofont-wall-clock icofont-2x"></i>
                            </div>
                            <div class="col pl-0">
                                <h5 class="mb-3 h5-xs fw-6">OPENING HOURS</h5>
                                <div class="text">
                                    Monday - Friday 10:00 - 6:00
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Contact Column One -->

                    <!-- Contact Column One -->
                    <div class="col-12 col-lg-3 col-sm-6">
                        <div class="row align-items-start">
                            <div class="col-sm-auto col-2 text-center">
                                <i class="icofont-phone icofont-2x"></i>
                            </div>
                            <div class="col pl-0">
                                <h5 class="mb-3 h5-xs fw-6">CALL US ANYTIME</h5>
                                <div class="text">
                                    +233 (0) 50 140 1419
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Contact Column One -->

                    <!-- Spacer For Medium -->
                    <div class="w-100 d-none d-sm-block d-lg-none spacer-40"></div>
                    <!-- Spacer For Medium -->

                    <!-- Contact Column One -->
                    <div class="col-12 col-lg-3 col-sm-6">
                        <div class="row align-items-start">
                            <div class="col-sm-auto col-2 text-center">
                                <i class="icofont-envelope icofont-2x"></i>
                            </div>
                            <div class="col pl-0">
                                <h5 class="mb-3 h5-xs fw-6">EMAIL US</h5>
                                <div class="text">
                                    <a href="mailto:info@riologisticsghana.com" class="link-light">info@riologisticsghana.com</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Contact Column One -->

                    <!-- Contact Column One -->
                    <div class="col-12 col-lg-3 col-sm-6">
                        <div class="row align-items-start">
                            <div class="col-sm-auto col-2 text-center">
                                <i class="icofont-envelope-open icofont-2x"></i>
                            </div>
                            <div class="col pl-0">
                                <h5 class="mb-3 h5-xs fw-6">Leave a Message</h5>
                                <div class="text">
                                    <a href="contact-us.php" class="btn-theme bg-light-theme light tra">
                                        Write To Us Now!
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Contact Column One -->
                </div>
            </div>
        </section>
        <!-- Contact Callout End -->

        <!-- Welcome To Cargo Start -->
        <section class="bg-white wide-tb-100">
            <div class="container">
                <div class="row">
                    <!-- Heading Main -->
                    <div class="col-sm-12 wow fadeInDown" data-wow-duration="0" data-wow-delay="0s">
                        <h1 class="heading-main">
                            <span>WELCOME TO</span>
                            Rio Logistics Limited
                        </h1>
                    </div>
                    <!-- Heading Main -->

                    <!-- Icon Box 1 -->
                    <div class="col-md-4 wow fadeInUp" data-wow-duration="0" data-wow-delay="0.1s">
                        <a href="services.php">
                            <div class="icon-box-1">
                                <img src="assets/images/icon-box-1.jpg" alt="">
                                <div class="text">
                                    <i class="icofont-fork-lift"></i>
                                    EQUIPMENT RENTAL
                                </div>
                            </div>
                        </a>
                    </div>
                    <!-- Icon Box 1 -->

                    <!-- Icon Box 1 -->
                    <div class="col-md-4 wow fadeInUp" data-wow-duration="0" data-wow-delay="0.4s">
                        <a href="services.php">
                            <div class="icon-box-1">
                                <img src="assets/images/icon-box-2.jpg" alt="">
                                <div class="text">
                                    <i class="icofont-oil-truck"></i>
                                    HAULAGE OF FUEL TANKS
                                </div>
                            </div>
                        </a>
                    </div>
                    <!-- Icon Box 1 -->

                    <!-- Icon Box 1 -->
                    <div class="col-md-4 wow fadeInUp" data-wow-duration="0" data-wow-delay="0.6s">
                        <a href="services.php">
                            <div class="icon-box-1">
                                <img src="assets/images/icon-box-3.jpg" alt="">
                                <div class="text">
                                    <i class="icofont-truck"></i>
                                    HAULAGE OF CONTAINERS AND BULK CARGO
                                </div>
                            </div>
                        </a>
                    </div>
                    <!-- Icon Box 1 -->

                </div>
            </div>
        </section>
        <!-- Welcome To Cargo End -->

        <!-- What Makes Us Special Start -->
        <section class="bg-light-gray wide-tb-100 bg-wave">
            <div class="container pos-rel">
                <div class="row">
                    
                    <!-- Heading Main -->
                    <div class="col-sm-12 wow fadeInDown" data-wow-duration="0" data-wow-delay="0s">
                        <h1 class="heading-main">
                            <span>Our Goodness</span>
                            What Makes Us Special
                        </h1>
                    </div>
                    <!-- Heading Main -->
                    <div class="col-lg-8 ms-auto why-choose wow fadeInRight" data-wow-duration="0"
                        data-wow-delay="0.6s">
                        <div class="row">
                            <!-- Icon Box 2 -->
                            <div class="col-12 col-lg-6">
                                <div class="icon-box-2">
                                    <div class="media">
                                        <div class="service-icon">
                                            <i class="icofont-automation"></i>
                                        </div>
                                        <div class="service-inner-content media-body">
                                            <h4 class="h4-md">Packaging and Storage</h4>
                                            <p>
                                                Rio Logistics understands your needs and has over the years invested in the right types of 
                                                machines to handle your products in a most efficient and safe manner.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Icon Box -->

                            <!-- Icon Box 2 -->
                            <div class="col-12 col-lg-6">
                                <div class="icon-box-2">
                                    <div class="media">
                                        <div class="service-icon">
                                            <i class="icofont-safety-hat-light"></i>
                                        </div>
                                        <div class="service-inner-content media-body">
                                            <h4 class="h4-md">Safety & Quality</h4>
                                            <p>
                                                We have an experienced safety conscious team that is willing to 
                                                deliver the products we need in the right location and time. 
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Icon Box -->

                            <!-- Spacer For Medium -->
                            <div class="w-100 spacer-60 d-none d-md-none d-lg-block d-sm-none"></div>
                            <!-- Spacer For Medium -->

                            <!-- Icon Box 2 -->
                            <div class="col-12 col-lg-6">
                                <div class="icon-box-2">
                                    <div class="media">
                                        <div class="service-icon">
                                            <i class="icofont-plant"></i>
                                        </div>
                                        <div class="service-inner-content media-body">
                                            <h4 class="h4-md">Care for Environment</h4>
                                            <p>
                                                We have invested in the right type of equipments to handle cargo without
                                                causing any type of environmental pollution.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Icon Box -->

                            <!-- Icon Box 2 -->
                            <div class="col-12 col-lg-6">
                                <div class="icon-box-2">
                                    <div class="media">
                                        <div class="service-icon">
                                            <i class="icofont-list"></i>
                                        </div>
                                        <div class="service-inner-content media-body">
                                            <h4 class="h4-md">High Safety Standards</h4>
                                            <p>
                                                Lifting/working plans, that details and attends 
                                                to each critical factors of heavy lifting with the highest safety standards.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Icon Box -->

                            <!-- Spacer For Medium -->
                            <div class="w-100 spacer-60 d-none d-md-none d-lg-block d-sm-none"></div>
                            <!-- Spacer For Medium -->

                            <!-- Icon Box 2 -->
                            <div class="col-12 col-lg-6">
                                <div class="icon-box-2">
                                    <div class="media">
                                        <div class="service-icon">
                                            <i class="icofont-badge"></i>
                                        </div>
                                        <div class="service-inner-content media-body">
                                            <h4 class="h4-md">Save Cost</h4>
                                            <p>
                                                Consultation services to recommend most efficient and economical solutions.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Icon Box -->
                        </div>
                    </div>

                    <div class="img-business-man">
                        <img src="assets/images/bussiness-man.jpeg" alt="">
                    </div>
                </div>

            </div>
        </section>
        <!-- What Makes Us Special End -->

        <!-- Counter Start -->
        <section class="wide-tb-100 bg-scroll counter-bg pos-rel">
            <div class="bg-overlay blue opacity-50"></div>
            <div class="container">
                <div class="row">
                    <!-- Counter Col Start -->
                    <div class="col counter-style-1 col-6 col-lg-3 col-sm-6 wow fadeInLeft" data-wow-duration="0"
                        data-wow-delay="0s">
                        <p><i class="icofont-google-map"></i></p>
                        <span class="counter">1</span>
                        <div>
                            Our location
                        </div>
                    </div>
                    <!-- Counter Col End -->

                    <!-- Counter Col Start -->
                    <div class="col counter-style-1 col-6 col-lg-3 col-sm-6 wow fadeInLeft" data-wow-duration="0"
                        data-wow-delay="0s">
                        <p><i class="icofont-globe"></i></p>
                        <span class="counter">110</span>
                        <span>+</span>
                        <div>
                            Clients Nationwide
                        </div>
                    </div>
                    <!-- Counter Col End -->

                    <!-- Spacer For Medium -->
                    <div class="w-100 d-none d-sm-block d-lg-none spacer-30"></div>
                    <!-- Spacer For Medium -->

                    <!-- Counter Col Start -->
                    <div class="col counter-style-1 col-6 col-lg-3 col-sm-6 wow fadeInRight" data-wow-duration="0"
                        data-wow-delay="0">
                        <p><i class="icofont-vehicle-delivery-van"></i></p>
                        <span class="counter">100</span>
                        <span>+</span>
                        <div>
                            Owned Vehicles
                        </div>
                    </div>
                    <!-- Counter Col End -->

                    <!-- Counter Col Start -->
                    <div class="col counter-style-1 col-6 col-lg-3 col-sm-6 wow fadeInRight" data-wow-duration="0"
                        data-wow-delay="0s">
                        <p><i class="icofont-umbrella-alt"></i></p>
                        <span class="counter">2340</span>
                        <span>+</span>
                        <div>
                            Tonnes Transported
                        </div>
                    </div>
                    <!-- Counter Col End -->
                </div>
            </div>
        </section>
        <!-- Counter End -->

        <!-- Tracking Your Freight Start -->
        <section class="wide-tb-100 pb-0">
            <div class="container">
                <div class="row">
                    <div class="container">

                        <!-- Heading Main -->
                        <h1 class="heading-main text-start">
                            <span></span>
                            OUR INDUSTRIES
                        </h1>
                        <!-- Heading Main -->

                        <!-- Tracking Form -->
                            <div class="row">
                                <!-- Icon Box 6 -->
                                <!-- TODO LInk to ABOUT PAGE SECTIONS -->
                                <div class="col-12 col-md-(6)">
                                    <div class="icon-box-6">
                                        <i class="icofont-oil-truck"></i>
                                        <p>
                                            <h3 class="h3-xs txt-blue">Oil Marketing Companies</h3>
                                            We have an experienced safety conscious team that is willing to deliver the products 
                                            we need in the right location and time. 
                                        </p>
                                        <a href="services.php" class="btn-arrow bg-navy-blue"><i class="icofont-swoosh-right"></i></a>
                                    </div>
                                </div>
                                <!-- Icon Box 6 -->
    
                                <!-- Icon Box 6 -->
                                <div class="col-12 col-md-(6)">
                                    <div class="icon-box-6">
                                        <i class="icofont-mining"></i>
                                        <h3 class="h3-xs txt-blue">Mining Industry</h3>
                                        <p>
                                            Rio Logistics is ready to handle the heavy, over-dimensional cargo which is common to the mining sector's 
                                            need for flexible projet logistics support.
                                        </p>
                                        <a href="services.php" class="btn-arrow bg-navy-blue"><i class="icofont-swoosh-right"></i></a>
                                    </div>
                                </div>
                                <!-- Icon Box 6 -->
    
                                <!-- Icon Box 6 -->
                                <div class="col-12 col-md-(6)">
                                    <div class="icon-box-6">
                                        <i class="icofont-box"></i>
                                        <h3 class="h3-xs txt-blue">Manufacturing Companies</h3>
                                        <p>
                                            Drawing on our extensive service capabilities, our transport professionals will design, 
                                            implement, execute transportation solutions that fit your business needs. 
                                        </p>
                                        <a href="services.php" class="btn-arrow bg-navy-blue"><i class="icofont-swoosh-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        <!-- Tracking Form -->

                        <!-- Forklift Image -->
                        <!-- <div class="forklift-image wow slideInLeft" data-wow-duration="0" data-wow-delay="0s">
                            <img src="assets/images/forklift_Image.png" alt="">
                        </div> -->
                        <!-- Forklift Image -->

                    </div>
                </div>
            </div>
        </section>
        <!-- Tracking Your Freight End -->

        <!-- About Us Start -->
        <section class="bg-white wide-tb-100 mb-spacer-md">
            <div class="container">
                <!-- Heading Main -->
                <div class="col-sm-12 wow fadeInDown" data-wow-duration="0" data-wow-delay="0s">
                    <h1 class="heading-main">
                        <span>Who we are</span>
                        About Us
                    </h1>
                </div>
                <!-- Heading Main -->

                <div class="row wow fadeInUp" data-wow-duration="0" data-wow-delay="0.2s">
                    <div class="col-lg-8">
                        <!-- Blockquote Start -->
                        <div class="about-bg bg-light-theme">
                            <div class="row d-flex align-items-end">
                                <div class="col-12 pt-5 order-sm-12 col-sm-6">
                                    <blockquote class="blockquote style-one">
                                        <p class="mb-0">
                                            As powerful as our services and systems are, it is our people who are our one true 
                                            sustainable competitive advantage and will deliver the value you so desire.
                                        </p>
                                        <footer class="blockquote-footer">
                                            <cite title="Source Title">
                                                Emmanuel Ahovi - CEO
                                            </cite>
                                        </footer>
                                    </blockquote>
                                </div>
                                <div class="col-12 mb-0 order-md-first col-sm-6">
                                    <img src="assets/images/about_img.png" alt="">
                                </div>
                            </div>
                        </div>
                        <!-- Blockquote Start -->
                    </div>

                    <!-- Spacer For Medium -->
                    <div class="w-100 d-none d-sm-block d-lg-none spacer-30"></div>
                    <!-- Spacer For Medium -->

                    <!-- Right Text Start -->
                    <div class="col-lg-4">
                        <div class="align-self-stretch h-100 align-items-center d-flex bg-with-text">
                            With us, your transportation chain has the potential to go beyond achieving Key Performance 
                            Indicators.  It can actually create value for your business.
                        </div>
                    </div>
                    <!-- Right Text Start -->
                </div>

            </div>
        </section>
        <!-- About Us End -->

        <!-- Client Testimonials Start -->
        <section class="wide-tb-100">
            <div class="container">
                <div class="row">
                    <!-- Heading Main -->
                    <div class="col-sm-12 wow fadeInDown" data-wow-duration="0" data-wow-delay="0s">
                        <h1 class="heading-main">
                            <span>What Our</span>
                            Customers Are Saying
                        </h1>
                    </div>
                    <!-- Heading Main -->
                    <div class="col-sm-12">
                        <div class="owl-carousel owl-theme" id="home-client-testimonials">

                            <!-- Client Testimonials Slider Item -->
                            <div class="item">
                                <div class="client-testimonial bg-wave">
                                    <div class="media">
                                        <div class="client-testimonial-icon rounded-circle bg-navy-blue">
                                            <img src="assets\images\testimonials\JD-Logo.jpg" alt="">
                                        </div>
                                        <div class="client-inner-content media-body">
                                            <p>
                                                I was introduced to Rio logistics by a friend who ships stuffs into the country. 
                                                I'm really proud to also work with them because my goods are always in safe hands. 
                                            </p>
                                            <footer class="blockquote-footer"><cite title="Source Title">JD Links Company Ltd.</cite></footer>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Client Testimonials Slider Item -->

                            <!-- Client Testimonials Slider Item -->
                            <div class="item">
                                <div class="client-testimonial bg-wave">
                                    <div class="media">
                                        <div class="client-testimonial-icon rounded-circle bg-navy-blue">
                                            <img src="assets\images\testimonials\METALCRAFT_LOGO.png" alt="">
                                        </div>
                                        <div class="client-inner-content media-body">
                                            <p>
                                                Rio Logistics are the best when it comes to Transport. They delivered our goods on time and 
                                                in the best condition. <br> <br>
                                            </p>
                                            <footer class="blockquote-footer"><cite title="Source Title">Metal Craft Eng. Ltd.</cite></footer>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Client Testimonials Slider Item -->

                            <!-- Client Testimonials Slider Item -->
                            <div class="item">
                                <div class="client-testimonial bg-wave">
                                    <div class="media">
                                        <div class="client-testimonial-icon rounded-circle bg-navy-blue">
                                            <img src="assets\images\testimonials\pyramid logo.jpg" alt="">
                                        </div>
                                        <div class="client-inner-content media-body">
                                            <p>
                                                Their customer services is absolutely the best. They always treate me like family.
                                                <br> <br> <br>
                                            </p>
                                            <footer class="blockquote-footer"><cite title="Source Title">Pyramid E&C Ltd</cite></footer>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Client Testimonials Slider Item -->

                            <!-- Client Testimonials Slider Item -->
                            <div class="item">
                                <div class="client-testimonial bg-wave">
                                    <div class="media">
                                        <div class="client-testimonial-icon rounded-circle bg-navy-blue">
                                            <img src="assets\images\testimonials\vamed-logo.png" alt="">
                                        </div>
                                        <div class="client-inner-content media-body">
                                            <p>
                                                they are the best when it comes to securing and packaging of goods. They always handle our goods 
                                                with care. <br> <br>
                                            </p>
                                            <footer class="blockquote-footer"><cite title="Source Title">Vamed Health Project Ltd</cite></footer>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Client Testimonials Slider Item -->

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Client Testimonials End -->

        <!-- Client Testimonials Start -->
        <section class="wide-tb-80 bg-navy-blue callout-style-1 wow fadeInUp" data-wow-duration="0" data-wow-delay="0s">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-4 col-md-12 mb-0">
                        <h4 class="h4-xl">Interested in working with Rio Logistics Limited?</h4>
                    </div>
                    <div class="col">
                        <div class="center-text">
                            We don’t just manage suppliers, we micro-manage them. We have a consultative, personalized
                            approach
                        </div>
                    </div>
                    <div class="col-sm-auto">
                        <a href="contact-us.php" class="btn-theme bg-white light">Get In Touch <i class="icofont-rounded-right"></i></a>
                    </div>
                </div>
            </div>
        </section>
        <!-- Client Testimonials End -->

        <!-- Clients Start -->
        <section class="wide-tb-100 bg-fixed clients-bg pos-rel">
            <div class="bg-overlay blue opacity-80"></div>
            <div class="container">
                <div class="row">
                    <!-- Heading Main -->
                    <div class="col-sm-12 wow fadeInDown" data-wow-duration="0" data-wow-delay="0s">
                        <h1 class="heading-main">
                            <span>SOME OF OUR</span>
                            Clients
                        </h1>
                    </div>
                    <!-- Heading Main -->

                    <div class="col-sm-12 wow fadeInUp" data-wow-duration="0" data-wow-delay="0.2s">
                        <div class="owl-carousel owl-theme" id="home-clients">

                            <!-- Client Logo -->
                            <div class="item">
                                <img src="assets/images/clients/client1.png" alt="">
                            </div>
                            <!-- Client Logo -->

                            <!-- Client Logo -->
                            <div class="item">
                                <img src="assets/images/clients/client2.jpg" alt="">
                            </div>
                            <!-- Client Logo -->

                            <!-- Client Logo -->
                            <div class="item">
                                <img src="assets/images/clients/client3.png" alt="">
                            </div>
                            <!-- Client Logo -->

                            <!-- Client Logo -->
                            <div class="item">
                                <img src="assets/images/clients/client4.jpg" alt="">
                            </div>
                            <!-- Client Logo -->

                            <!-- Client Logo -->
                            <div class="item">
                                <img src="assets/images/clients/client5.png" alt="">
                            </div>
                            <!-- Client Logo -->

                            <!-- Client Logo -->
                            <div class="item">
                                <img src="assets/images/clients/client6.png" alt="">
                            </div>
                            <!-- Client Logo -->

                            <!-- Client Logo -->
                            <div class="item">
                                <img src="assets/images/clients/client7.png" alt="">
                            </div>
                            <!-- Client Logo -->

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Clients End -->

        <!-- Google Map Start -->
        <section class="map-bg">
            <div class="contact-details row d-flex">
                <div class="col">
                    <h4>Accra</h4>
                    <p>
                        <i class="icofont-phone"></i>+233 (0) 302 329 230 <br>
                        <p><i class="icofont-phone"></i>+233 (0) 56 191 9191</p>
                    </p>
                    <div class="text-nowrap"><i class="icofont-email"></i> <a href="mailto:info@riologisticsghana.com">info@riologisticsghana.com</a></div>
                </div>
            </div>
            <div id="map-holder" class="pos-rel">
                <div id="mapextended">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7941.515072712739!2d-0.233261!3d5.602792!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xa13181a931a28b17!2sMetal%20Craft%20Ghana!5e0!3m2!1sen!2sgh!4v1637856464329!5m2!1sen!2sgh" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                </div>
            </div>
        </section>
        <!-- Google Map Start -->
    </main>
    <!-- Main Body Content Start -->

    <!-- Main Footer Start -->
    <footer class="wide-tb-70 bg-light-gray pb-0">
        <div class="social">
            <div class="footer-logo">
                <img src="assets/images/logo_footer.png" alt="">
            </div>

            <div class="sociali">
                <h3 class="social-heading">We're Social</h3>
                <div class="social-icons">
                    <a href="#"><i class="icofont-facebook"></i></a>
                    <a href="#"><i class="icofont-twitter"></i></a>
                    <a href="#"><i class="icofont-whatsapp"></i></a>  
                </div>
            </div>            
        </div>

        <div class="copyright-wrap bg-navy-blue wide-tb-30">
            <div class="container">
                <div class="row text-md-start text-center">
                    <div class="col-sm-12 col-md-6 copyright-links">
                        <a href="#">Privacy Policy</a> <span>|</span> <a href="contact-us.php">Contact</a> <span>|</span> <a
                            href="#">Faq's</a>
                    </div>
                    <div class="col-sm-12 col-md-6 text-md-end text-center">
                        <a href="https://hamaaya.com/">Hamaaya</a> © 2021 All Rights Reserved
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Main Footer End -->

    <!-- Back To Top Start -->
    <a id="mkdf-back-to-top" href="#" class="off"><i class="icofont-rounded-up"></i></a>
    <!-- Back To Top End -->

    <!-- Jquery Library JS -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/theme-plugins.min.js"></script>
    <script src="assets/twitter/jquery.tweet.js"></script>

    <!-- JQuery Map Plugin -->
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="assets/js/jquery.gmap.min.js"></script>


    <!-- REVOLUTION JS FILES -->
    <script type="text/javascript" src="assets/revolution/js/jquery.themepunch.tools.min.js"></script>
    <script type="text/javascript" src="assets/revolution/js/jquery.themepunch.revolution.min.js"></script>

    <!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->
    <script type="text/javascript" src="assets/revolution/js/extensions/revolution.extension.actions.min.js"></script>
    <script type="text/javascript" src="assets/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
    <script type="text/javascript" src="assets/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
    <script type="text/javascript"
        src="assets/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
    <script type="text/javascript" src="assets/revolution/js/extensions/revolution.extension.migration.min.js"></script>
    <script type="text/javascript"
        src="assets/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
    <script type="text/javascript" src="assets/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
    <script type="text/javascript"
        src="assets/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
    <script type="text/javascript" src="assets/revolution/js/extensions/revolution.extension.video.min.js"></script>

    <!-- Theme Custom FIle -->
    <script src="assets/js/site-custom.js"></script>

    <script type="text/javascript">

        var tpj = jQuery;

        var revapi1078;
        tpj(document).ready(function () {
            if (tpj("#rev_slider_1078_1").revolution == undefined) {
                revslider_showDoubleJqueryError("#rev_slider_1078_1");
            } else {
                revapi1078 = tpj("#rev_slider_1078_1").show().revolution({
                    sliderType: "standard",
                    jsFileLocation: "revolution/js/",
                    sliderLayout: "fullscreen",
                    dottedOverlay: "none",
                    delay: 9000,
                    navigation: {
                        keyboardNavigation: "off",
                        keyboard_direction: "horizontal",
                        mouseScrollNavigation: "off",
                        mouseScrollReverse: "default",
                        onHoverStop: "off",
                        touch: {
                            touchenabled: "on",
                            swipe_threshold: 75,
                            swipe_min_touches: 1,
                            swipe_direction: "horizontal",
                            drag_block_vertical: false
                        }
                        ,
                        arrows: {
                            style: "metis",
                            enable: true,
                            hide_onmobile: true,
                            hide_under: 600,
                            hide_onleave: true,
                            hide_delay: 200,
                            hide_delay_mobile: 1200,
                            //tmp:'<div class="tp-title-wrap">    <div class="tp-arr-imgholder"></div> </div>',
                            left: {
                                h_align: "left",
                                v_align: "center",
                                h_offset: 30,
                                v_offset: 0
                            },
                            right: {
                                h_align: "right",
                                v_align: "center",
                                h_offset: 30,
                                v_offset: 0
                            }
                        }
                        ,
                        bullets: {
                            style: 'hades',
                            tmp: '<span class="tp-bullet-image"></span>',
                            enable: false,
                            hide_onmobile: true,
                            hide_under: 600,
                            //style:"metis",
                            hide_onleave: true,
                            hide_delay: 200,
                            hide_delay_mobile: 1200,
                            direction: "horizontal",
                            h_align: "center",
                            v_align: "bottom",
                            h_offset: 0,
                            v_offset: 30,
                            space: 5,
                            //tmp:'<span class="tp-bullet-img-wrap">  <span class="tp-bullet-image"></span></span><span class="tp-bullet-title">{{title}}</span>'
                        }
                    },
                    viewPort: {
                        enable: true,
                        outof: "pause",
                        visible_area: "80%",
                        presize: false
                    },
                    responsiveLevels: [1240, 1024, 778, 480],
                    visibilityLevels: [1240, 1024, 778, 480],
                    gridwidth: [1240, 1024, 778, 480],
                    gridheight: [600, 600, 500, 400],
                    lazyType: "none",
                    parallax: {
                        type: "mouse",
                        origo: "slidercenter",
                        speed: 2000,
                        levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50, 47, 48, 49, 50, 51, 55],
                        type: "mouse",
                    },
                    shadow: 0,
                    spinner: 'spinner2',
                    stopLoop: "off",
                    stopAfterLoops: -1,
                    stopAtSlide: -1,
                    shuffle: "off",
                    autoHeight: "off",
                    hideThumbsOnMobile: "off",
                    hideSliderAtLimit: 0,
                    hideCaptionAtLimit: 0,
                    hideAllCaptionAtLilmit: 0,
                    debugMode: false,
                    fallbacks: {
                        simplifyAll: "off",
                        nextSlideOnWindowFocus: "off",
                        disableFocusListener: false,
                    }
                });
            }
        }); /*ready*/
    </script>
</body>

</html>