{"id":17,"date":"2025-11-22T04:24:52","date_gmt":"2025-11-22T04:24:52","guid":{"rendered":"https:\/\/oceanrootlogistics.ng\/home\/"},"modified":"2026-02-18T20:48:57","modified_gmt":"2026-02-18T20:48:57","slug":"home","status":"publish","type":"page","link":"https:\/\/oceanrootlogistics.ng\/fr\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4cecc0 e-flex e-con-boxed e-con e-parent\" data-id=\"d4cecc0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af50f2a elementor-widget elementor-widget-shortcode\" data-id=\"af50f2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <form method=\"post\" class=\"qtrack-form\">\n        <input type=\"text\" name=\"tracking_search\" placeholder=\"Enter Tracking Number\" required>\n        <button>Track<\/button>\n    <\/form>\n\n    \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ips6jp8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ips6jp8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78af2ff\" data-id=\"78af2ff\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-58ba8f4 elementor-widget elementor-widget-heading\" data-id=\"58ba8f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><span style=\"font-weight: 900\">\n  Smart Container Logistics<br>\n  <span style=\"color: orange\">Apapa &amp;<\/span>  <span style=\"color: orange\">Tincan Ports<\/span>\n<\/span>\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97cc7d6 elementor-widget elementor-widget-text-editor\" data-id=\"97cc7d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Oceanroot Logistics connects shippers with reliable truck owners to ensure fast, efficient movement of containers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f4a3ce elementor-widget elementor-widget-shortcode\" data-id=\"6f4a3ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <form method=\"post\" class=\"qtrack-form\">\n        <input type=\"text\" name=\"tracking_search\" placeholder=\"Enter Tracking Number\" required>\n        <button>Track<\/button>\n    <\/form>\n\n    \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4c3581 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"c4c3581\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/oceanrootlogistics.ng\/bookings\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book shipment<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-9a562a3 e-flex e-con-boxed e-con e-parent\" data-id=\"9a562a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16fe7f2 elementor-widget elementor-widget-html\" data-id=\"16fe7f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"about-oceanroot fade-up\">\r\n  <div class=\"about-container\">\r\n\r\n    <!-- LEFT CONTENT -->\r\n    <div class=\"about-text\">\r\n      <span class=\"section-label\">ABOUT US<\/span>\r\n\r\n      <h2>Tech-Driven Container Logistics You Can Trust<\/h2>\r\n\r\n      <p>\r\n        Oceanroot Logistics connects shippers with reliable truck owners to ensure fast,\r\n        efficient movement of containers in and out of Apapa and Tincan ports. We leverage\r\n        technology to simplify trucking, reduce delays, and deliver dependable logistics\r\n        solutions.\r\n      <\/p>\r\n\r\n      <div class=\"highlights\">\r\n        <div class=\"highlight-item\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5z\"\/><\/svg>\r\n          <span>Port-focused operations in Apapa & Tincan<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"highlight-item\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5z\"\/><\/svg>\r\n          <span>Trusted network of verified truck owners<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"highlight-item\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5z\"\/><\/svg>\r\n          <span>Technology-enabled tracking & coordination<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"highlight-item\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5z\"\/><\/svg>\r\n          <span>Faster container turnaround times<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a href=\"\/about\" class=\"about-btn\">\ud83d\udc49 Learn More About Oceanroot<\/a>\r\n    <\/div>\r\n\r\n    <!-- RIGHT IMAGE -->\r\n    <div class=\"about-visual\">\r\n      <div class=\"visual-image\"><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* SECTION BASE *\/\r\n.about-oceanroot {\r\n  background: #ffffff;\r\n  padding: 3px 20px;\r\n}\r\n\r\n.about-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n\r\n\/* LEFT TEXT *\/\r\n.about-text {\r\n  width: 55%;\r\n  border-left: 4px solid #1ABCBD;\r\n  padding-left: 30px;\r\n}\r\n\r\n.section-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 14px;\r\n  letter-spacing: 2px;\r\n  color: #1ABCBD;\r\n  font-weight: 500;\r\n}\r\n\r\n.about-text h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 36px;\r\n  font-weight: 700;\r\n  color: #0A2A40;\r\n  margin: 15px 0 20px;\r\n}\r\n\r\n.about-text p {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 17px;\r\n  line-height: 1.7;\r\n  color: #444444;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\/* HIGHLIGHTS *\/\r\n.highlights {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 16px 24px;\r\n  margin-bottom: 35px;\r\n}\r\n\r\n.highlight-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 15px;\r\n  color: #444444;\r\n}\r\n\r\n.highlight-item svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  fill: #1ABCBD;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.about-btn {\r\n  display: inline-block;\r\n  background: #1ABCBD;\r\n  color: #ffffff;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 15px;\r\n  padding: 14px 32px;\r\n  border-radius: 30px;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.about-btn:hover {\r\n  background: #3DD4E6;\r\n}\r\n\r\n\/* RIGHT IMAGE *\/\r\n.about-visual {\r\n  width: 45%;\r\n}\r\n\r\n.visual-image {\r\n  width: 100%;\r\n  height: 340px;\r\n  background-image: url('https:\/\/oceanrootlogistics.ng\/wp-content\/uploads\/2026\/01\/cfa9b23ddb0fc2cb17e84865c8659660.jpg');\r\n  background-size: cover;\r\n  background-position: center;\r\n  border-radius: 16px;\r\n  box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* FADE IN UP *\/\r\n.fade-up {\r\n  animation: fadeUp 1s ease forwards;\r\n}\r\n\r\n@keyframes fadeUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .about-container {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .about-text,\r\n  .about-visual {\r\n    width: 100%;\r\n  }\r\n\r\n  .about-text {\r\n    border-left: none;\r\n    padding-left: 0;\r\n    text-align: center;\r\n  }\r\n\r\n  .highlights {\r\n    grid-template-columns: 1fr;\r\n    text-align: left;\r\n  }\r\n\r\n  .about-btn {\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .about-text h2 {\r\n    font-size: 26px;\r\n  }\r\n\r\n  .visual-image {\r\n    height: 260px;\r\n    margin-bottom: 30px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e51c715 e-flex e-con-boxed e-con e-parent\" data-id=\"e51c715\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6db398c elementor-widget elementor-widget-html\" data-id=\"6db398c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Services Overview Section -->\r\n<section class=\"services-section\">\r\n  <div class=\"container\">\r\n    <!-- Heading -->\r\n    <h2 class=\"services-title\">Our Services<\/h2>\r\n    <p class=\"services-subtitle\">Efficient, tech-driven solutions for container movement.<\/p>\r\n\r\n    <!-- Services Cards -->\r\n    <div class=\"services-cards\">\r\n      <!-- Card 1 -->\r\n      <div class=\"service-card fade-up\">\r\n        <div class=\"service-icon\">\r\n          <i class=\"fas fa-truck-container\"><\/i> <!-- Premium Font Awesome Pro Icon -->\r\n        <\/div>\r\n        <h3>Container Haulage (Import & Export)<\/h3>\r\n        <p>Fast and reliable transport of containers to and from Apapa & Tincan ports.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"service-card fade-up\">\r\n        <div class=\"service-icon\">\r\n          <i class=\"fas fa-cogs\"><\/i>\r\n        <\/div>\r\n        <h3>End-to-End Logistics Support<\/h3>\r\n        <p>We manage every step of the shipping process to ensure smooth delivery.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"service-card fade-up\">\r\n        <div class=\"service-icon\">\r\n          <i class=\"fas fa-map-marker-alt\"><\/i>\r\n        <\/div>\r\n        <h3>Tracking Solutions<\/h3>\r\n        <p>Monitor your container in real-time for complete transparency.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Add Font Awesome Pro Kit in <head> -->\r\n<script src=\"https:\/\/kit.fontawesome.com\/YOUR_KIT_CODE.js\" crossorigin=\"anonymous\"><\/script>\r\n\r\n<!-- CSS -->\r\n<style>\r\n\/* Container *\/\r\n.services-section {\r\n  background-color: #F5F5F5;\r\n  padding: 80px 20px;\r\n  text-align: center;\r\n  overflow: hidden;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .services-section {\r\n    padding: 60px 15px;\r\n  }\r\n}\r\n\r\n\/* Heading *\/\r\n.services-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  color: #0A2A40;\r\n  font-size: 36px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.services-subtitle {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 18px;\r\n  color: #0A2A40;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n\/* Cards Grid *\/\r\n.services-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 40px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .services-cards {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n}\r\n\r\n\/* Card *\/\r\n.service-card {\r\n  background-color: #fff;\r\n  border-radius: 12px;\r\n  padding: 40px 20px;\r\n  box-shadow: 0 4px 20px rgba(0,0,0,0.05);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.service-card:hover {\r\n  box-shadow: 0 0 20px #40E0D0;\r\n  transform: translateY(-5px);\r\n}\r\n\r\n\/* Icon *\/\r\n.service-icon {\r\n  font-size: 50px;\r\n  color: #40E0D0; \/* Turquoise Blue accent *\/\r\n  margin-bottom: 20px;\r\n  transition: transform 0.3s ease, color 0.3s ease;\r\n}\r\n\r\n.service-card:hover .service-icon {\r\n  transform: scale(1.2);\r\n  color: #0A2A40;\r\n}\r\n\r\n\/* Card Text *\/\r\n.service-card h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: 22px;\r\n  color: #0A2A40;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.service-card p {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 16px;\r\n  color: #0A2A40;\r\n}\r\n\r\n\/* Fade-Up Animation *\/\r\n.fade-up {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n\r\n.fade-up.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n<\/style>\r\n\r\n<!-- JS for Scroll Animation -->\r\n<script>\r\nconst fadeUpElements = document.querySelectorAll('.fade-up');\r\n\r\nconst observer = new IntersectionObserver((entries) => {\r\n  entries.forEach(entry => {\r\n    if(entry.isIntersecting){\r\n      entry.target.classList.add('visible');\r\n    }\r\n  });\r\n}, { threshold: 0.2 });\r\n\r\nfadeUpElements.forEach(el => observer.observe(el));\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d15f2b e-flex e-con-boxed e-con e-parent\" data-id=\"4d15f2b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f422fd elementor-widget elementor-widget-html\" data-id=\"9f422fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- How It Works Section -->\r\n<section class=\"how-it-works-section\">\r\n  <div class=\"container\">\r\n    <!-- Heading -->\r\n    <h2 class=\"how-title\">How It Works<\/h2>\r\n\r\n    <!-- Steps wrapper -->\r\n    <div class=\"steps-wrapper\">\r\n      <!-- Step 1 -->\r\n      <div class=\"step fade-up\">\r\n        <div class=\"step-icon\">\r\n          <!-- Paper form icon (SVG) -->\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#1ABCBD\" viewBox=\"0 0 24 24\" width=\"50\" height=\"50\">\r\n            <path d=\"M6 2h9l5 5v15a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Request Your Shipment<\/h3>\r\n        <p>Fill out a simple online form to schedule your container pickup.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 2 -->\r\n      <div class=\"step fade-up\">\r\n        <div class=\"step-icon\">\r\n          <!-- Truck icon (SVG) -->\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#1ABCBD\" viewBox=\"0 0 24 24\" width=\"50\" height=\"50\">\r\n            <path d=\"M3 3h13v13H3z\"\/><path d=\"M16 8h5l3 3v5h-8z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Pickup at Port<\/h3>\r\n        <p>Our trusted truck owners pick up your container safely from Apapa or Tincan.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 3 -->\r\n      <div class=\"step fade-up\">\r\n        <div class=\"step-icon\">\r\n          <!-- Map pin icon (SVG) -->\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#1ABCBD\" viewBox=\"0 0 24 24\" width=\"50\" height=\"50\">\r\n            <path d=\"M12 2a7 7 0 0 1 7 7c0 5-7 13-7 13S5 14 5 9a7 7 0 0 1 7-7z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>In Transit<\/h3>\r\n        <p>Track your shipment in real-time as it moves toward its destination.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 4 -->\r\n      <div class=\"step fade-up\">\r\n        <div class=\"step-icon\">\r\n          <!-- Box check icon (SVG) -->\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#1ABCBD\" viewBox=\"0 0 24 24\" width=\"50\" height=\"50\">\r\n            <path d=\"M20 6L9 17l-5-5 1.5-1.5L9 14l9.5-9.5z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Delivery & Confirmation<\/h3>\r\n        <p>We ensure your container reaches its destination on time, every time.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CSS (Put in Elementor Custom CSS or Additional CSS) -->\r\n<style>\r\n.how-it-works-section {\r\n  background-color: #FFFFFF;\r\n  padding: 1px 20px 80px;\r\n  text-align: center;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .how-it-works-section {\r\n    padding: 8px 15px;\r\n  }\r\n}\r\n\r\n.how-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: 36px;\r\n  color: #1ABCBD;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n\/* Steps wrapper *\/\r\n.steps-wrapper {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 40px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .steps-wrapper {\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n\/* Step card *\/\r\n.step {\r\n  background: #fff;\r\n  padding: 30px 20px;\r\n  border-radius: 12px;\r\n  box-shadow: 0 4px 20px rgba(0,0,0,0.05);\r\n  flex: 1;\r\n  min-width: 220px;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.step:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 0 20px #1ABCBD;\r\n}\r\n\r\n.step-icon {\r\n  margin-bottom: 20px;\r\n  transition: transform 0.3s ease, color 0.3s ease;\r\n}\r\n\r\n.step:hover .step-icon svg {\r\n  transform: scale(1.2);\r\n}\r\n\r\n\/* Step text *\/\r\n.step h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  color: #0A2A40;\r\n  font-size: 22px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.step p {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 16px;\r\n  color: #0A2A40;\r\n}\r\n\r\n\/* Fade-Up Animation *\/\r\n.fade-up {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n\r\n.fade-up.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n<\/style>\r\n\r\n<!-- JS (Put in Elementor Custom Code \u2192 Footer) -->\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n  const fadeUpElements = document.querySelectorAll('.fade-up');\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add('visible');\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n  fadeUpElements.forEach(el => observer.observe(el));\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0ed0b9 e-flex e-con-boxed e-con e-parent\" data-id=\"c0ed0b9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6124b77 elementor-widget elementor-widget-html\" data-id=\"6124b77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Why Choose Oceanroot Section -->\r\n<section class=\"why-oceanroot-section\">\r\n  <div class=\"container\">\r\n    <!-- Heading -->\r\n    <h2 class=\"oceanroot-title\">Why Oceanroot?<\/h2>\r\n    <p class=\"oceanroot-subtitle\">Tech-driven logistics for fast, reliable container movement.<\/p>\r\n\r\n    <!-- Advantage Cards -->\r\n    <div class=\"advantage-cards\">\r\n      <!-- Card 1 -->\r\n      <div class=\"advantage-card fade-up\">\r\n        <div class=\"advantage-icon\">\r\n          <!-- GPS Pin Icon (SVG) -->\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#FFFFFF\" viewBox=\"0 0 24 24\" width=\"50\" height=\"50\">\r\n            <path d=\"M12 2a7 7 0 0 1 7 7c0 5-7 13-7 13S5 14 5 9a7 7 0 0 1 7-7z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Real-Time Tracking<\/h3>\r\n        <p>Monitor your container every step of the way.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"advantage-card fade-up\">\r\n        <div class=\"advantage-icon\">\r\n          <!-- Clock Icon (SVG) -->\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#FFFFFF\" viewBox=\"0 0 24 24\" width=\"50\" height=\"50\">\r\n            <path d=\"M12 1a11 11 0 1 0 11 11A11.012 11.012 0 0 0 12 1zm1 12h5v-2h-4V6h-2v7z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Reduced Delays<\/h3>\r\n        <p>Optimized routes for on-time delivery.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"advantage-card fade-up\">\r\n        <div class=\"advantage-icon\">\r\n          <!-- Shield\/Checkmark Icon (SVG) -->\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#FFFFFF\" viewBox=\"0 0 24 24\" width=\"50\" height=\"50\">\r\n            <path d=\"M12 1l9 4v6c0 5-3 9-9 12-6-3-9-7-9-12V5zM10 14l6-6-1.41-1.41L10 11.17l-1.59-1.58L7 11z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Trusted Truck Partners<\/h3>\r\n        <p>Reliable truck owners ensuring safe transport.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CSS (Place in Elementor Custom CSS or Additional CSS) -->\r\n<style>\r\n.why-oceanroot-section {\r\n  background: linear-gradient(135deg, #1ABCBD, #3DD4E6);\r\n  padding: 12px 20px;\r\n  text-align: center;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .why-oceanroot-section {\r\n    padding: 8px 15px;\r\n  }\r\n}\r\n\r\n.oceanroot-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: 36px;\r\n  color: #FFFFFF;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.oceanroot-subtitle {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 18px;\r\n  color: #FFFFFF;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n\/* Advantage Cards *\/\r\n.advantage-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 40px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .advantage-cards {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n}\r\n\r\n.advantage-card {\r\n  background: transparent;\r\n  padding: 40px 20px;\r\n  border-radius: 12px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.advantage-card:hover {\r\n  transform: scale(1.05);\r\n}\r\n\r\n\/* Icons *\/\r\n.advantage-icon {\r\n  margin-bottom: 20px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.advantage-card:hover .advantage-icon svg {\r\n  transform: scale(1.2);\r\n}\r\n\r\n\/* Text *\/\r\n.advantage-card h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: 22px;\r\n  color: #FFFFFF;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.advantage-card p {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 16px;\r\n  color: #FFFFFF;\r\n}\r\n\r\n\/* Fade-Up Animation *\/\r\n.fade-up {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n\r\n.fade-up.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n<\/style>\r\n\r\n<!-- JS for Fade-In Animation (Place in Elementor Custom Code \u2192 Footer) -->\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n  const fadeUpElements = document.querySelectorAll('.fade-up');\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add('visible');\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n  fadeUpElements.forEach(el => observer.observe(el));\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2dea449 e-flex e-con-boxed e-con e-parent\" data-id=\"2dea449\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8aa19a9 elementor-widget elementor-widget-html\" data-id=\"8aa19a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"logistics-ecosystem\">\r\n  <h2 class=\"eco-title\">A Fully Connected Logistics Operation<\/h2>\r\n  <p class=\"eco-subtitle\">\r\n    Warehouses, people, and trucks working together to move your cargo efficiently and on time.\r\n  <\/p>\r\n\r\n  <div class=\"eco-scene\">\r\n\r\n    <!-- Office Building -->\r\n    <div class=\"building office\">\r\n      <span>Operations Office<\/span>\r\n    <\/div>\r\n\r\n    <!-- Warehouse -->\r\n    <div class=\"building warehouse\">\r\n      <div class=\"dock\"><\/div>\r\n      <span>Main Warehouse<\/span>\r\n    <\/div>\r\n\r\n    <!-- Road -->\r\n    <div class=\"road\"><\/div>\r\n\r\n    <!-- Trucks -->\r\n    <div class=\"truck truck-a\"><\/div>\r\n    <div class=\"truck truck-b\"><\/div>\r\n\r\n    <!-- Workers -->\r\n    <div class=\"worker worker-a\"><\/div>\r\n    <div class=\"worker worker-b\"><\/div>\r\n\r\n    <!-- Cargo -->\r\n    <div class=\"cargo cargo-a\"><\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* SECTION *\/\r\n.logistics-ecosystem {\r\n  background: #ffffff;\r\n  padding: 20px 20px;\r\n  text-align: center;\r\n  overflow: hidden;\r\n}\r\n\r\n.eco-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 36px;\r\n  font-weight: 700;\r\n  color: #0A2A40;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.eco-subtitle {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 18px;\r\n  color: #555;\r\n  margin-bottom: 90px;\r\n}\r\n\r\n\/* SCENE *\/\r\n.eco-scene {\r\n  position: relative;\r\n  max-width: 1200px;\r\n  height: 360px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* BUILDINGS *\/\r\n.building {\r\n  position: absolute;\r\n  background: #0A2A40;\r\n  border-radius: 6px;\r\n  color: #fff;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 14px;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n  padding-bottom: 8px;\r\n}\r\n\r\n.office {\r\n  width: 200px;\r\n  height: 120px;\r\n  left: 60px;\r\n  top: 40px;\r\n  background: #1ABCBD;\r\n}\r\n\r\n.warehouse {\r\n  width: 260px;\r\n  height: 140px;\r\n  right: 60px;\r\n  top: 60px;\r\n  background: #0A2A40;\r\n}\r\n\r\n.dock {\r\n  position: absolute;\r\n  bottom: 0;\r\n  width: 70px;\r\n  height: 50px;\r\n  background: #3DD4E6;\r\n}\r\n\r\n\/* ROAD *\/\r\n.road {\r\n  position: absolute;\r\n  bottom: 80px;\r\n  width: 100%;\r\n  height: 8px;\r\n  background: repeating-linear-gradient(\r\n    to right,\r\n    #1ABCBD,\r\n    #1ABCBD 25px,\r\n    transparent 25px,\r\n    transparent 50px\r\n  );\r\n}\r\n\r\n\/* TRUCK BASE *\/\r\n.truck {\r\n  position: absolute;\r\n  bottom: 50px;\r\n  width: 90px;\r\n  height: 34px;\r\n  background: #1ABCBD;\r\n  border-radius: 4px;\r\n}\r\n\r\n.truck::before {\r\n  content: '';\r\n  position: absolute;\r\n  right: -25px;\r\n  top: 6px;\r\n  width: 25px;\r\n  height: 22px;\r\n  background: #0A2A40;\r\n  border-radius: 4px;\r\n}\r\n\r\n.truck::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -8px;\r\n  left: 15px;\r\n  width: 10px;\r\n  height: 10px;\r\n  background: #000;\r\n  border-radius: 50%;\r\n  box-shadow: 45px 0 0 #000;\r\n}\r\n\r\n\/* TRUCK MOVEMENTS *\/\r\n.truck-a {\r\n  left: -150px;\r\n  animation: truckA 12s linear infinite;\r\n}\r\n\r\n.truck-b {\r\n  left: -400px;\r\n  bottom: 30px;\r\n  opacity: 0.7;\r\n  animation: truckB 16s linear infinite;\r\n}\r\n\r\n@keyframes truckA {\r\n  0% { transform: translateX(0); }\r\n  45% { transform: translateX(700px); }\r\n  60% { transform: translateX(700px); }\r\n  100% { transform: translateX(1400px); }\r\n}\r\n\r\n@keyframes truckB {\r\n  0% { transform: translateX(0); }\r\n  100% { transform: translateX(1600px); }\r\n}\r\n\r\n\/* WORKERS *\/\r\n.worker {\r\n  position: absolute;\r\n  width: 12px;\r\n  height: 32px;\r\n  background: #0A2A40;\r\n  border-radius: 3px;\r\n  bottom: 110px;\r\n  opacity: 0;\r\n}\r\n\r\n.worker::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -12px;\r\n  left: -6px;\r\n  width: 24px;\r\n  height: 24px;\r\n  background: #1ABCBD;\r\n  border-radius: 50%;\r\n}\r\n\r\n.worker-a {\r\n  right: 180px;\r\n  animation: workerA 12s infinite;\r\n}\r\n\r\n.worker-b {\r\n  right: 140px;\r\n  animation: workerB 12s infinite;\r\n}\r\n\r\n\/* CARGO *\/\r\n.cargo {\r\n  position: absolute;\r\n  width: 22px;\r\n  height: 22px;\r\n  background: #F4A261;\r\n  border-radius: 4px;\r\n  bottom: 110px;\r\n  right: 160px;\r\n  opacity: 0;\r\n  animation: cargoMove 12s infinite;\r\n}\r\n\r\n\/* WORKER + CARGO ACTION *\/\r\n@keyframes workerA {\r\n  0%, 40% { opacity: 0; }\r\n  50%, 70% { opacity: 1; }\r\n  100% { opacity: 0; }\r\n}\r\n\r\n@keyframes workerB {\r\n  0%, 45% { opacity: 0; }\r\n  55%, 75% { opacity: 1; }\r\n  100% { opacity: 0; }\r\n}\r\n\r\n@keyframes cargoMove {\r\n  0%, 50% { opacity: 0; transform: translateY(-10px); }\r\n  60% { opacity: 1; transform: translateY(0); }\r\n  80% { opacity: 1; }\r\n  100% { opacity: 0; }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .eco-scene {\r\n    height: 260px;\r\n  }\r\n\r\n  .eco-title {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .building {\r\n    transform: scale(0.8);\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-663dfd2 e-flex e-con-boxed e-con e-parent\" data-id=\"663dfd2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-429d6a2 elementor-widget elementor-widget-html\" data-id=\"429d6a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"different-section fade-up\">\r\n  <div class=\"different-container\">\r\n\r\n    <!-- LEFT COLUMN -->\r\n    <div class=\"different-text\">\r\n     <!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Responsive Text Alignment<\/title>\r\n  <style>\r\n    \/* Default: mobile first *\/\r\n    .section-label-container {\r\n      text-align: center; \/* center on mobile *\/\r\n      margin: 20px;\r\n    }\r\n\r\n    .section-label {\r\n      font-size: 24px;\r\n      font-weight: bold;\r\n    }\r\n\r\n    \/* Desktop: left-aligned *\/\r\n    @media (min-width: 768px) {\r\n      .section-label-container {\r\n        text-align: left;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"section-label-container\">\r\n  <span class=\"section-label\">WHAT MAKES US DIFFERENT<\/span>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\r\n      <h2>Transparency Through Modern Technology<\/h2>\r\n      <p class=\"subheadline\">Book a Shipment with Ease and Track Every Move<\/p>\r\n\r\n      <p class=\"about-preview\">\r\n        Oceanroot Logistics connects shippers with trusted truck owners to ensure fast,\r\n        efficient container movement in and out of Apapa and Tincan ports. Leveraging modern\r\n        technology, we simplify trucking, reduce delays, and provide reliable, transparent\r\n        logistics solutions for businesses across Nigeria.\r\n      <\/p>\r\n\r\n      <!-- Mission & Vision Cards -->\r\n      <div class=\"mission-vision-cards\">\r\n        <div class=\"mv-card\">\r\n          <h4>Our Mission<\/h4>\r\n          <p>Deliver tech-driven logistics solutions that make container shipping faster, safer, and transparent.<\/p>\r\n        <\/div>\r\n        <div class=\"mv-card\">\r\n          <h4>Our Vision<\/h4>\r\n          <p>To become Nigeria\u2019s most trusted logistics partner, offering world-class container movement solutions accessible to everyone.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a href=\"\/about\" class=\"mv-cta-btn\">Learn More About Oceanroot<\/a>\r\n    <\/div>\r\n\r\n    <!-- RIGHT COLUMN -->\r\n    <div class=\"different-visual\">\r\n      <img decoding=\"async\" src=\"https:\/\/oceanrootlogistics.ng\/wp-content\/uploads\/2026\/01\/04f2060884851ba04fc836548f574d4d.jpg\" alt=\"Oceanroot Logistics\" \/>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* CONTAINER *\/\r\n.different-container {\r\n  display: flex;\r\n  gap: 60px;\r\n  flex-wrap: nowrap;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  align-items: flex-start;\r\n}\r\n\r\n\/* LEFT COLUMN *\/\r\n.different-text { flex: 0 0 55%; }\r\n\r\n.section-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  letter-spacing: 2px;\r\n  color: #1ABCBD; \/* turquoise *\/\r\n  text-transform: uppercase;\r\n}\r\n\r\n.different-text h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 36px;\r\n  font-weight: 700;\r\n  color: #1ABCBD;\r\n  margin: 15px 0 20px;\r\n}\r\n\r\n.subheadline {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 18px;\r\n  color: #0A2A40; \/* dark navy *\/\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.about-preview {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n  color: #444444; \/* dark gray *\/\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* MISSION & VISION CARDS *\/\r\n.mission-vision-cards {\r\n  display: flex;\r\n  gap: 30px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.mv-card {\r\n  background: #F5F5F5;\r\n  border-radius: 12px;\r\n  padding: 25px 20px;\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  transition: transform 0.3s, box-shadow 0.3s;\r\n}\r\n\r\n.mv-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 10px 25px rgba(26, 188, 189, 0.2);\r\n}\r\n\r\n.mv-card h4 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  color: #0A2A40;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.mv-card p {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 15px;\r\n  color: #444444;\r\n}\r\n\r\n\/* CTA BUTTON *\/\r\n.mv-cta-btn {\r\n  display: inline-block;\r\n  padding: 14px 36px;\r\n  background: #1ABCBD;\r\n  color: #fff;\r\n  border-radius: 30px;\r\n  text-decoration: none;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  transition: background 0.3s;\r\n}\r\n\r\n.mv-cta-btn:hover { background: #3DD4E6; }\r\n\r\n\/* RIGHT IMAGE *\/\r\n.different-visual { flex: 0 0 45%; }\r\n\r\n.different-visual img {\r\n  width: 100%;\r\n  border-radius: 16px;\r\n  box-shadow: 0 15px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* FADE IN UP ANIMATION *\/\r\n.fade-up {\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  animation: fadeUp 1s ease forwards;\r\n}\r\n\r\n@keyframes fadeUp {\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px){\r\n  .different-container {\r\n    flex-direction: column;\r\n    gap: 30px;\r\n  }\r\n  .different-text, .different-visual { flex: 0 0 100%; }\r\n\r\n  .different-text h2 { font-size: 28px; text-align: center; }\r\n  .subheadline { font-size: 16px; text-align: center; }\r\n  .about-preview { text-align: center; }\r\n\r\n  .mission-vision-cards {\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    align-items: center;\r\n  }\r\n  .mv-card { align-items: center; text-align: center; }\r\n  .mv-cta-btn { display: block; margin: 0 auto; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f16fafc e-flex e-con-boxed e-con e-parent\" data-id=\"f16fafc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb9255a elementor-widget elementor-widget-spacer\" data-id=\"eb9255a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0413ba2 e-flex e-con-boxed e-con e-parent\" data-id=\"0413ba2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4051bcb elementor-widget elementor-widget-html\" data-id=\"4051bcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"testimonials-section fade-up\">\r\n  <h2 class=\"testimonials-title\">Trusted by Our Clients<\/h2>\r\n\r\n  <div class=\"testimonials-carousel\">\r\n    \r\n    <div class=\"testimonial-card\">\r\n      <p class=\"testimonial-text\">\r\n        \u201cOceanroot made container logistics easy and transparent. Highly recommended!\u201d\r\n      <\/p>\r\n      <span class=\"testimonial-name\">\u2014 Adewale O.<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"testimonial-card\">\r\n      <p class=\"testimonial-text\">\r\n        \u201cFast pickup, reliable trucks, and real-time updates throughout the process.\u201d\r\n      <\/p>\r\n      <span class=\"testimonial-name\">\u2014 Chiamaka N.<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"testimonial-card\">\r\n      <p class=\"testimonial-text\">\r\n        \u201cOceanroot helped us reduce delays and improve our delivery timelines significantly.\u201d\r\n      <\/p>\r\n      <span class=\"testimonial-name\">\u2014 Ibrahim S.<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"testimonial-card\">\r\n      <p class=\"testimonial-text\">\r\n        \u201cProfessional service with strong technology support. We trust Oceanroot fully.\u201d\r\n      <\/p>\r\n      <span class=\"testimonial-name\">\u2014 Funke A.<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* SECTION *\/\r\n.testimonials-section {\r\n  background: #F5F5F5;\r\n  padding: 80px 20px;\r\n  text-align: center;\r\n}\r\n\r\n\/* HEADING *\/\r\n.testimonials-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 36px;\r\n  font-weight: 700;\r\n  color: #0A2A40;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n\/* CAROUSEL *\/\r\n.testimonials-carousel {\r\n  display: flex;\r\n  gap: 30px;\r\n  overflow-x: auto;\r\n  scroll-snap-type: x mandatory;\r\n  padding-bottom: 10px;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Hide scrollbar *\/\r\n.testimonials-carousel::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n.testimonials-carousel {\r\n  -ms-overflow-style: none;\r\n  scrollbar-width: none;\r\n}\r\n\r\n\/* CARD *\/\r\n.testimonial-card {\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  box-shadow: 0 15px 30px rgba(0,0,0,0.08);\r\n  padding: 30px 28px;\r\n  min-width: 340px;\r\n  max-width: 340px;\r\n  scroll-snap-align: center;\r\n  text-align: left;\r\n}\r\n\r\n\/* TEXT *\/\r\n.testimonial-text {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  color: #444444;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n\/* NAME *\/\r\n.testimonial-name {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #1ABCBD;\r\n}\r\n\r\n\/* FADE IN UP *\/\r\n.fade-up {\r\n  animation: fadeUp 1s ease forwards;\r\n}\r\n\r\n@keyframes fadeUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .testimonials-section {\r\n    padding: 60px 15px;\r\n  }\r\n\r\n  .testimonials-title {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .testimonial-card {\r\n    min-width: 85%;\r\n    max-width: 85%;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a372bc e-flex e-con-boxed e-con e-parent\" data-id=\"5a372bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ac8ef9 elementor-widget elementor-widget-html\" data-id=\"7ac8ef9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"tech-section fade-up\">\r\n  <div class=\"tech-container\">\r\n\r\n    <!-- LEFT COLUMN: Text + Features -->\r\n    <div class=\"tech-text\">\r\n      <span class=\"section-label\">CUTTING-EDGE TECHNOLOGY<\/span>\r\n\r\n      <h2>Committed To Keep Your Shipment Healthy & Safe<\/h2>\r\n\r\n      <p class=\"subheadline\">\r\n        Leveraging the best of technology to give you the best in the shipment business.\r\n      <\/p>\r\n\r\n      <!-- Feature Cards (4) -->\r\n      <div class=\"feature-cards\">\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon\">\ud83d\udce9<\/div>\r\n          <h4>Get In Touch<\/h4>\r\n          <p>Direct communication with our team for fast service<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\r\n          <h4>Best Practices<\/h4>\r\n          <p>Fast, secure, and reliable shipping for all cargo types<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon\">\u23f1\ufe0f<\/div>\r\n          <h4>On\u2011Time Delivery<\/h4>\r\n          <p>Timely deliveries without compromise<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon\">\u2699\ufe0f<\/div>\r\n          <h4>Modern Technology<\/h4>\r\n          <p>Innovative tools to streamline every logistics process<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CTA Button -->\r\n      <a href=\"\/contact\" class=\"cta-btn\">Get In Touch<\/a>\r\n    <\/div>\r\n\r\n    <!-- RIGHT COLUMN: Image -->\r\n    <div class=\"tech-visual\">\r\n      <img decoding=\"async\" src=\"https:\/\/oceanrootlogistics.ng\/wp-content\/uploads\/2026\/01\/f7400ab0ff596da7a741ddf131fe9b87.jpg\" alt=\"Oceanroot Technology Logistics\" \/>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* CONTAINER *\/\r\n.tech-container {\r\n  display: flex;\r\n  gap: 60px;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  flex-wrap: nowrap;\r\n  align-items: flex-start;\r\n  padding: 100px 20px;\r\n}\r\n\r\n\/* LEFT COLUMN *\/\r\n.tech-text { flex: 0 0 55%; }\r\n\r\n.section-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  letter-spacing: 2px;\r\n  color: #1ABCBD;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tech-text h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 36px;\r\n  font-weight: 700;\r\n  color: #0A2A40;\r\n  margin: 15px 0 20px;\r\n}\r\n\r\n.subheadline {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 18px;\r\n  color: #444444;\r\n  line-height: 1.7;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* FEATURE CARDS *\/\r\n.feature-cards {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 30px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.feature-card {\r\n  flex: 1 1 calc(50% - 30px);\r\n  background: #F5F5F5;\r\n  border-radius: 12px;\r\n  padding: 20px;\r\n  text-align: center;\r\n  transition: transform 0.3s, border 0.3s;\r\n  border: 2px solid transparent;\r\n}\r\n\r\n.feature-card:hover {\r\n  transform: scale(1.05);\r\n  border: 2px solid #1ABCBD;\r\n}\r\n\r\n.feature-icon {\r\n  font-size: 30px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.feature-card h4 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  color: #0A2A40;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.feature-card p {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 15px;\r\n  color: #444444;\r\n}\r\n\r\n\/* CTA BUTTON *\/\r\n.cta-btn {\r\n  display: inline-block;\r\n  padding: 14px 36px;\r\n  background: #1ABCBD;\r\n  color: #fff;\r\n  border-radius: 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: background 0.3s;\r\n}\r\n\r\n.cta-btn:hover { background: #3DD4E6; }\r\n\r\n\/* RIGHT IMAGE *\/\r\n.tech-visual { flex: 0 0 45%; }\r\n\r\n.tech-visual img {\r\n  width: 100%;\r\n  border-radius: 16px;\r\n  box-shadow: 0 15px 30px rgba(0,0,0,0.08);\r\n  object-fit: cover;\r\n}\r\n\r\n\/* FADE IN UP ANIMATION *\/\r\n.fade-up {\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  animation: fadeUp 1s ease forwards;\r\n}\r\n\r\n@keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px){\r\n  .tech-container { flex-direction: column; gap: 30px; padding: 70px 15px; }\r\n  .tech-text, .tech-visual { flex: 0 0 100%; }\r\n  .feature-cards { flex-direction: column; gap: 20px; }\r\n  .feature-card { flex: 1 1 100%; }\r\n  .cta-btn { display: block; margin: 0 auto; }\r\n\r\n  .tech-text h2 { font-size: 28px; text-align: center; }\r\n  .subheadline { font-size: 16px; text-align: center; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-tatkekv e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"tatkekv\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7671b54 e-con-full e-flex e-con e-child\" data-id=\"7671b54\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f3bd83 elementor-widget elementor-widget-heading\" data-id=\"2f3bd83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Send A Message<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cd7504 elementor-widget elementor-widget-text-editor\" data-id=\"7cd7504\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tReady to Work Together? Build a project with us!\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b60bcfc elementor-widget elementor-widget-wpforms\" data-id=\"b60bcfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpforms.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpforms-container wpforms-render-modern\" id=\"wpforms-12\"><form id=\"wpforms-form-12\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"12\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/fr\/wp-json\/wp\/v2\/pages\/17\" data-token=\"b93c388f7b15228787d2f71889c04d9f\" data-token-time=\"1791583465\"><noscript class=\"wpforms-error-noscript\">Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-12-field_1-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"1\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-12-field_1\" aria-hidden=\"false\">Single Line Text<\/label><input type=\"text\" id=\"wpforms-12-field_1\" class=\"wpforms-field-large\" name=\"wpforms[fields][1]\" placeholder=\"Your Name\" aria-errormessage=\"wpforms-12-field_1-error\" ><\/div><div id=\"wpforms-12-field_3-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"3\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-12-field_3\" aria-hidden=\"false\">Your Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-12-field_3\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][3]\" placeholder=\"Your Email\" spellcheck=\"false\" aria-errormessage=\"wpforms-12-field_3-error\" required><\/div><div id=\"wpforms-12-field_4-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"4\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-12-field_4\" aria-hidden=\"false\">Your Name<\/label><textarea id=\"wpforms-12-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" placeholder=\"Your Message\" aria-errormessage=\"wpforms-12-field_4-error\" ><\/textarea><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"12\"><input type=\"hidden\" name=\"wpforms[time_token]\" value=\"1791583465.71697c57aa61180b218d9bc42ff4560a1a3997690e4fb7f4f31d54aed52b41bb\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/oceanrootlogistics.ng\/fr\/wp-json\/wp\/v2\/pages\/17\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-12\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img decoding=\"async\" src=\"https:\/\/oceanrootlogistics.ng\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Chargement en cours\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d118cc3 e-con-full e-flex e-con e-child\" data-id=\"d118cc3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ecb4c9 elementor-widget elementor-widget-html\" data-id=\"0ecb4c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"faq-section fade-up\">\r\n  <div class=\"faq-container\">\r\n    <h2>Frequently Asked Questions<\/h2>\r\n\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-question\">How can I track my container shipment?<\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>You can track your container in real-time using our online tracking tool. Simply enter your shipment ID or booking reference to get the latest status updates.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-question\">Which ports do you operate from?<\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>Oceanroot Logistics operates from Apapa and Tincan ports, providing reliable container haulage and logistics services in and out of these ports.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-question\">Do you provide door-to-door delivery?<\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>Yes, we offer end-to-end logistics solutions including container pickup from the port and delivery to your desired destination.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-question\">How do I get a quote for my shipment?<\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>You can request a quote by clicking the \"Get a Quote\" button on our website and filling out the simple online form. Our team will respond promptly with the pricing details.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* FAQ Section *\/\r\n.faq-section {\r\n  background: transparent;\r\n  padding: 80px 20px;\r\n}\r\n\r\n.faq-container {\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.faq-container h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 36px;\r\n  color: #0A2A40;\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n\/* FAQ Items *\/\r\n.faq-item {\r\n  margin-bottom: 15px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.faq-question {\r\n  width: 100%;\r\n  background: transparent;\r\n  color: #0A2A40;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  padding: 18px 25px;\r\n  text-align: left;\r\n  border: 2px solid #1ABCBD;\r\n  border-radius: 12px;\r\n  cursor: pointer;\r\n  position: relative;\r\n  transition: background 0.3s, color 0.3s;\r\n}\r\n\r\n.faq-question::after {\r\n  content: '+';\r\n  position: absolute;\r\n  right: 25px;\r\n  font-size: 20px;\r\n  transition: transform 0.3s;\r\n}\r\n\r\n.faq-question.active {\r\n  background: #1ABCBD;\r\n  color: #fff;\r\n}\r\n\r\n.faq-question.active::after {\r\n  content: '-';\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.faq-answer {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.4s ease, padding 0.4s ease;\r\n  background: transparent;\r\n  padding: 0 25px;\r\n}\r\n\r\n.faq-answer p {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 16px;\r\n  color: #444444;\r\n  line-height: 1.7;\r\n  margin: 15px 0;\r\n}\r\n\r\n\/* FADE IN UP ANIMATION *\/\r\n.fade-up {\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  animation: fadeUp 1s ease forwards;\r\n}\r\n\r\n@keyframes fadeUp {\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .faq-container h2 { font-size: 28px; }\r\n  .faq-question { font-size: 16px; padding: 15px 20px; }\r\n  .faq-answer p { font-size: 15px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const faqs = document.querySelectorAll(\".faq-question\");\r\n  faqs.forEach(faq => {\r\n    faq.addEventListener(\"click\", function() {\r\n      this.classList.toggle(\"active\");\r\n      const answer = this.nextElementSibling;\r\n      if (answer.style.maxHeight) {\r\n        answer.style.maxHeight = null;\r\n        answer.style.paddingTop = \"0\";\r\n        answer.style.paddingBottom = \"0\";\r\n      } else {\r\n        answer.style.maxHeight = answer.scrollHeight + \"px\";\r\n        answer.style.paddingTop = \"15px\";\r\n        answer.style.paddingBottom = \"15px\";\r\n      }\r\n    });\r\n  });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da40db5 e-flex e-con-boxed e-con e-parent\" data-id=\"da40db5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b3c5a7 elementor-widget elementor-widget-html\" data-id=\"6b3c5a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"cta-banner fade-up\">\r\n  <h2 class=\"cta-title\">Ready to Move Your Container?<\/h2>\r\n\r\n  <div class=\"cta-buttons\">\r\n    <a href=\"https:\/\/oceanrootlogistics.ng\/bookings\/\" class=\"cta-btn primary\">Book Shipment<\/a>\r\n    <a href=\"https:\/\/oceanrootlogistics.ng\/contact\/\" class=\"cta-btn secondary\">Contact Us<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* SECTION *\/\r\n.cta-banner {\r\n  background: #1ABCBD;\r\n  padding: 100px 20px;\r\n  text-align: center;\r\n}\r\n\r\n\/* HEADING *\/\r\n.cta-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 36px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* BUTTON WRAP *\/\r\n.cta-buttons {\r\n  display: flex;\r\n  gap: 20px;\r\n  justify-content: center;\r\n}\r\n\r\n\/* BUTTON BASE *\/\r\n.cta-btn {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 15px;\r\n  padding: 14px 34px;\r\n  border-radius: 30px;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n\/* PRIMARY *\/\r\n.cta-btn.primary {\r\n  background: #ffffff;\r\n  color: #1ABCBD;\r\n}\r\n\r\n.cta-btn.primary:hover {\r\n  background: #3DD4E6;\r\n  color: #ffffff;\r\n}\r\n\r\n\/* SECONDARY *\/\r\n.cta-btn.secondary {\r\n  border: 2px solid #ffffff;\r\n  color: #ffffff;\r\n}\r\n\r\n.cta-btn.secondary:hover {\r\n  background: #ffffff;\r\n  color: #1ABCBD;\r\n}\r\n\r\n\/* FADE IN UP *\/\r\n.fade-up {\r\n  animation: fadeUp 1s ease forwards;\r\n}\r\n\r\n@keyframes fadeUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .cta-banner {\r\n    padding: 80px 20px;\r\n  }\r\n\r\n  .cta-title {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .cta-buttons {\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .cta-btn {\r\n    width: 100%;\r\n    max-width: 280px;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Smart Container Logistics Apapa &amp; Tincan Ports Oceanroot Logistics connects shippers with reliable truck owners to ensure fast, efficient movement [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.2.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Ocean Root Logistics &amp; Tincan Ports Oceanroot Logistics connects shippers with reliable truck owners to ensure fast, efficient movement of containers.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"google-site-verification\" content=\"buIXPZPTFb9sfbgFA7lQvtZodzXuZfL0QijgcV2q34c\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/oceanrootlogistics.ng\/fr\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"fr_FR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Ocean root logistics - Logistic Company In Lagos\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Ocean root logistics - Logistic company in Lagos\" \/>\n\t\t<meta property=\"og:description\" content=\"Ocean Root Logistics &amp; Tincan Ports Oceanroot Logistics connects shippers with reliable truck owners to ensure fast, efficient movement of containers.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/oceanrootlogistics.ng\/fr\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/oceanrootlogistics.ng\/wp-content\/uploads\/2026\/01\/cropped-Screenshot_2026-01-26_162450-removebg-preview.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/oceanrootlogistics.ng\/wp-content\/uploads\/2026\/01\/cropped-Screenshot_2026-01-26_162450-removebg-preview.png\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-11-22T04:24:52+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-02-18T20:48:57+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Ocean root logistics - Logistic company in Lagos\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Ocean Root Logistics &amp; Tincan Ports Oceanroot Logistics connects shippers with reliable truck owners to ensure fast, efficient movement of containers.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/oceanrootlogistics.ng\/wp-content\/uploads\/2026\/01\/cropped-Screenshot_2026-01-26_162450-removebg-preview.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/#listItem\",\"position\":2,\"name\":\"Home\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/#organization\",\"name\":\"Ocean root logistics\",\"description\":\"Logistic Company In Lagos\",\"url\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/cropped-cropped-Screenshot_2026-01-26_162450-removebg-preview.png\",\"@id\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/#organizationLogo\",\"width\":512,\"height\":512,\"caption\":\"screenshot 2026 01 26 162450 removebg preview\"},\"image\":{\"@id\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/#webpage\",\"url\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/\",\"name\":\"Ocean root logistics - Logistic company in Lagos\",\"description\":\"Ocean Root Logistics & Tincan Ports Oceanroot Logistics connects shippers with reliable truck owners to ensure fast, efficient movement of containers.\",\"inLanguage\":\"fr-FR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/#breadcrumblist\"},\"datePublished\":\"2025-11-22T04:24:52+00:00\",\"dateModified\":\"2026-02-18T20:48:57+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/\",\"name\":\"Ocean root logistics\",\"description\":\"Logistic Company In Lagos\",\"inLanguage\":\"fr-FR\",\"publisher\":{\"@id\":\"https:\\\/\\\/oceanrootlogistics.ng\\\/fr\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Ocean root logistics - Logistic company in Lagos","description":"Ocean Root Logistics & Tincan Ports Oceanroot Logistics connects shippers with reliable truck owners to ensure fast, efficient movement of containers.","canonical_url":"https:\/\/oceanrootlogistics.ng\/fr\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"buIXPZPTFb9sfbgFA7lQvtZodzXuZfL0QijgcV2q34c","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/oceanrootlogistics.ng\/fr\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/oceanrootlogistics.ng\/fr\/#listItem","position":1,"name":"Home","item":"https:\/\/oceanrootlogistics.ng\/fr\/","nextItem":{"@type":"ListItem","@id":"https:\/\/oceanrootlogistics.ng\/fr\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/oceanrootlogistics.ng\/fr\/#listItem","position":2,"name":"Home","previousItem":{"@type":"ListItem","@id":"https:\/\/oceanrootlogistics.ng\/fr\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/oceanrootlogistics.ng\/fr\/#organization","name":"Ocean root logistics","description":"Logistic Company In Lagos","url":"https:\/\/oceanrootlogistics.ng\/fr\/","logo":{"@type":"ImageObject","url":"https:\/\/oceanrootlogistics.ng\/wp-content\/uploads\/2026\/01\/cropped-cropped-Screenshot_2026-01-26_162450-removebg-preview.png","@id":"https:\/\/oceanrootlogistics.ng\/fr\/#organizationLogo","width":512,"height":512,"caption":"screenshot 2026 01 26 162450 removebg preview"},"image":{"@id":"https:\/\/oceanrootlogistics.ng\/fr\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/oceanrootlogistics.ng\/fr\/#webpage","url":"https:\/\/oceanrootlogistics.ng\/fr\/","name":"Ocean root logistics - Logistic company in Lagos","description":"Ocean Root Logistics & Tincan Ports Oceanroot Logistics connects shippers with reliable truck owners to ensure fast, efficient movement of containers.","inLanguage":"fr-FR","isPartOf":{"@id":"https:\/\/oceanrootlogistics.ng\/fr\/#website"},"breadcrumb":{"@id":"https:\/\/oceanrootlogistics.ng\/fr\/#breadcrumblist"},"datePublished":"2025-11-22T04:24:52+00:00","dateModified":"2026-02-18T20:48:57+00:00"},{"@type":"WebSite","@id":"https:\/\/oceanrootlogistics.ng\/fr\/#website","url":"https:\/\/oceanrootlogistics.ng\/fr\/","name":"Ocean root logistics","description":"Logistic Company In Lagos","inLanguage":"fr-FR","publisher":{"@id":"https:\/\/oceanrootlogistics.ng\/fr\/#organization"}}]},"og:locale":"fr_FR","og:site_name":"Ocean root logistics - Logistic Company In Lagos","og:type":"article","og:title":"Ocean root logistics - Logistic company in Lagos","og:description":"Ocean Root Logistics &amp; Tincan Ports Oceanroot Logistics connects shippers with reliable truck owners to ensure fast, efficient movement of containers.","og:url":"https:\/\/oceanrootlogistics.ng\/fr\/","og:image":"https:\/\/oceanrootlogistics.ng\/wp-content\/uploads\/2026\/01\/cropped-Screenshot_2026-01-26_162450-removebg-preview.png","og:image:secure_url":"https:\/\/oceanrootlogistics.ng\/wp-content\/uploads\/2026\/01\/cropped-Screenshot_2026-01-26_162450-removebg-preview.png","article:published_time":"2025-11-22T04:24:52+00:00","article:modified_time":"2026-02-18T20:48:57+00:00","twitter:card":"summary_large_image","twitter:title":"Ocean root logistics - Logistic company in Lagos","twitter:description":"Ocean Root Logistics &amp; Tincan Ports Oceanroot Logistics connects shippers with reliable truck owners to ensure fast, efficient movement of containers.","twitter:image":"https:\/\/oceanrootlogistics.ng\/wp-content\/uploads\/2026\/01\/cropped-Screenshot_2026-01-26_162450-removebg-preview.png"},"aioseo_meta_data":{"post_id":"17","title":"Ocean root logistics - Logistic company in Lagos","description":"Ocean Root Logistics &amp; Tincan Ports Oceanroot Logistics connects shippers with reliable truck owners to ensure fast, efficient movement of containers.","keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-01-26 16:15:53","updated":"2026-02-18 20:51:24","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/oceanrootlogistics.ng\/fr\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHome\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/oceanrootlogistics.ng\/fr\/"},{"label":"Home","link":"https:\/\/oceanrootlogistics.ng\/fr\/"}],"_links":{"self":[{"href":"https:\/\/oceanrootlogistics.ng\/fr\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oceanrootlogistics.ng\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oceanrootlogistics.ng\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oceanrootlogistics.ng\/fr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/oceanrootlogistics.ng\/fr\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":156,"href":"https:\/\/oceanrootlogistics.ng\/fr\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":2056,"href":"https:\/\/oceanrootlogistics.ng\/fr\/wp-json\/wp\/v2\/pages\/17\/revisions\/2056"}],"wp:attachment":[{"href":"https:\/\/oceanrootlogistics.ng\/fr\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}