diff --git a/assets/images/access-images/access-inverse-logo.png b/assets/images/access-images/access-inverse-logo.png
new file mode 100644
index 0000000..22cdb66
Binary files /dev/null and b/assets/images/access-images/access-inverse-logo.png differ
diff --git a/assets/images/access-images/access-logo.jpg b/assets/images/access-images/access-logo.jpg
new file mode 100644
index 0000000..bccca69
Binary files /dev/null and b/assets/images/access-images/access-logo.jpg differ
diff --git a/assets/images/access-images/favicon.png b/assets/images/access-images/favicon.png
new file mode 100644
index 0000000..4b7c0a6
Binary files /dev/null and b/assets/images/access-images/favicon.png differ
diff --git a/assets/images/access-images/preloader.png b/assets/images/access-images/preloader.png
new file mode 100644
index 0000000..bfc8892
Binary files /dev/null and b/assets/images/access-images/preloader.png differ
diff --git a/assets/sass/style.css b/assets/sass/style.css
index fdc8484..1f09217 100644
--- a/assets/sass/style.css
+++ b/assets/sass/style.css
@@ -100,11 +100,9 @@ Version:        1.0.0
 html {
   font-size: 15px;
 }
-
 :root {
   scroll-behavior: unset;
 }
-
 body {
   font-family: "DM Sans";
   color: #687693;
@@ -118,63 +116,47 @@ body {
     font-size: 14px;
   }
 }
-
 p {
   font-size: 16px;
   color: #687693;
   line-height: 1.8em;
 }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+h1, h2, h3, h4, h5, h6 {
   color: #042127;
   font-family: "Plus Jakarta Sans";
   font-weight: 600;
 }
-
 ul {
   padding-left: 0;
   margin: 0;
   list-style: none;
 }
-
 a {
   text-decoration: none;
   transition: all 0.2s;
 }
-
 a:hover {
   text-decoration: none;
 }
-
 img {
   max-width: 100%;
 }
-
 .sr-only {
   display: none !important;
   opacity: 0;
   visibility: hidden;
 }
-
 /* 1.2 Global Elements */
 .page-wrapper {
   position: relative;
   overflow: hidden;
 }
-
 .wow {
   visibility: hidden;
 }
-
 .fi:before {
   margin: 0;
 }
-
 .section-padding {
   padding: 120px 0;
 }
@@ -188,7 +170,6 @@ img {
     padding: 80px 0;
   }
 }
-
 /*** contact form error handling ***/
 .contact-validation-active .error-handling-messages {
   width: 100% !important;
@@ -202,23 +183,18 @@ img {
   text-align: left;
   display: block;
 }
-.contact-validation-active #c-loader,
-.contact-validation-active #loader {
+.contact-validation-active #c-loader, .contact-validation-active #loader {
   display: none;
   margin-top: 10px;
 }
-.contact-validation-active #c-loader i,
-.contact-validation-active #loader i {
+.contact-validation-active #c-loader i, .contact-validation-active #loader i {
   font-size: 30px;
   font-size: 2rem;
   color: #0BA08A;
   display: inline-block;
   animation: rotating linear 2s infinite;
 }
-.contact-validation-active #success,
-.contact-validation-active #c-success,
-.contact-validation-active #c-error,
-.contact-validation-active #error {
+.contact-validation-active #success, .contact-validation-active #c-success, .contact-validation-active #c-error, .contact-validation-active #error {
   width: 100%;
   color: #fff;
   padding: 5px 10px;
@@ -227,21 +203,16 @@ img {
   display: none;
 }
 @media (max-width: 767px) {
-  .contact-validation-active #success,
-  .contact-validation-active #c-success,
-  .contact-validation-active #c-error,
-  .contact-validation-active #error {
+  .contact-validation-active #success, .contact-validation-active #c-success, .contact-validation-active #c-error, .contact-validation-active #error {
     font-size: 15px;
   }
 }
-.contact-validation-active #c-success,
-.contact-validation-active #success {
+.contact-validation-active #c-success, .contact-validation-active #success {
   background-color: #009a00;
   border-left: 5px solid green;
   margin-bottom: 5px;
 }
-.contact-validation-active #c-error,
-.contact-validation-active #error {
+.contact-validation-active #c-error, .contact-validation-active #error {
   background-color: #ff1a1a;
   border-left: 5px solid red;
 }
@@ -256,7 +227,6 @@ img {
 .rotating {
   animation: rotating 5s alternate infinite;
 }
-
 /*** back to top **/
 .back-to-top {
   background-color: rgba(11, 160, 138, 0.7);
@@ -283,7 +253,6 @@ img {
 .back-to-top:hover {
   background-color: #0BA08A;
 }
-
 .back-to-top i {
   font-size: 18px;
   font-size: 1.2rem;
@@ -293,43 +262,33 @@ img {
   top: 50%;
   transform: translate(-50%, -50%);
 }
-
 /** for popup image ***/
 .mfp-wrap {
   background-color: rgba(0, 0, 0, 0.9);
   z-index: 99999;
 }
-
-.mfp-with-zoom .mfp-container,
-.mfp-with-zoom.mfp-bg {
+.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
   opacity: 0;
   -webkit-backface-visibility: hidden;
   transition: all 0.3s ease-out;
 }
-
 .mfp-with-zoom.mfp-ready .mfp-container {
   opacity: 1;
 }
-
 .mfp-with-zoom.mfp-ready.mfp-bg {
   opacity: 0.8;
 }
-
-.mfp-with-zoom.mfp-removing .mfp-container,
-.mfp-with-zoom.mfp-removing.mfp-bg {
+.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
   opacity: 0;
 }
-
 /*** for fancybox video ***/
 .fancybox-overlay {
   background: rgba(0, 0, 0, 0.9);
   z-index: 9999 !important;
 }
-
 .fancybox-wrap {
   z-index: 99999 !important;
 }
-
 .wpo-section-title {
   margin-bottom: 60px;
   text-align: center;
@@ -395,7 +354,6 @@ img {
 .wpo-section-title p {
   font-size: 18px;
 }
-
 .theme-btn, .view-cart-btn {
   background: #FF7236;
   color: #fff;
@@ -459,7 +417,6 @@ img {
     font-size: 14px;
   }
 }
-
 .theme-btn-s2 {
   background: #fff;
   color: #6e6e6e;
@@ -503,7 +460,6 @@ img {
     font-size: 13px;
   }
 }
-
 .view-cart-btn {
   display: block;
   margin-top: 15px;
@@ -513,10 +469,7 @@ img {
 .view-cart-btn.s1 {
   background: #ddd;
 }
-
-.form input,
-.form textarea,
-.form select {
+.form input, .form textarea, .form select {
   border-color: #bfbfbf;
   border-radius: 0;
   outline: 0;
@@ -524,9 +477,7 @@ img {
   color: #595959;
   font-style: normal;
 }
-.form input:focus,
-.form textarea:focus,
-.form select:focus {
+.form input:focus, .form textarea:focus, .form select:focus {
   border-color: #0BA08A;
   -o-box-shadow: 0 0 5px 0 #0ed0b3;
   -ms-box-shadow: 0 0 5px 0 #0ed0b3;
@@ -570,7 +521,6 @@ img {
 .form ::placeholder {
   font-style: normal;
 }
-
 .service-sidebar {
   margin-right: 10px;
 }
@@ -585,11 +535,9 @@ img {
     max-width: 450px;
   }
 }
-
 .service-catagory ul li {
   margin-bottom: 13px;
 }
-
 .service-catagory ul li a {
   background: #F8F8F8;
   color: #16171A;
@@ -619,7 +567,6 @@ img {
   color: #fff;
   background: rgba(255, 255, 255, 0.15);
 }
-
 .service-info {
   padding: 40px 20px;
   background: rgba(0, 0, 0, 0.92);
@@ -671,7 +618,6 @@ img {
   display: block;
   padding: 8px 10px;
 }
-
 .wpo-breadcumb-area {
   background: url(../images/page-title.jpg) no-repeat center top/cover;
   min-height: 500px;
@@ -765,11 +711,9 @@ img {
 .wpo-breadcumb-area .wpo-breadcumb-wrap ul li a:hover {
   color: #0BA08A;
 }
-
 .wpo-about-section.wpo-about-section-s2 {
   padding-top: 170px;
 }
-
 .preloader {
   background-color: #006e5e;
   width: 100%;
@@ -831,8 +775,7 @@ img {
   border-radius: 50%;
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
 }
-.preloader #particles-background,
-.preloader #particles-foreground {
+.preloader #particles-background, .preloader #particles-foreground {
   left: -51%;
   top: -51%;
   width: 202%;
@@ -885,7 +828,6 @@ img {
 .preloader [not-existing] {
   zoom: 1;
 }
-
 /*------------------------------------
 	blog sidebar
 ------------------------------------*/
@@ -1112,9 +1054,7 @@ img {
     font-size: 0.9333333333rem;
   }
 }
-.blog-sidebar .category-widget ul a:hover,
-.blog-sidebar .category-widget ul li:hover:before,
-.blog-sidebar .category-widget ul li .active {
+.blog-sidebar .category-widget ul a:hover, .blog-sidebar .category-widget ul li:hover:before, .blog-sidebar .category-widget ul li .active {
   color: #fff;
   background: #FF7236;
 }
@@ -1284,21 +1224,18 @@ img {
   top: 50%;
   transform: translateY(-50%);
 }
-
 @media screen and (min-width: 1200px) {
   .wpo-blog-pg-section.blog-pg-left-sidebar .blog-sidebar {
     padding-left: 0px;
     padding-right: 45px;
   }
 }
-
 @media screen and (min-width: 1200px) {
   .wpo-blog-single-section.wpo-blog-single-left-sidebar-section .blog-sidebar {
     padding-left: 0px;
     padding-right: 45px;
   }
 }
-
 /**** pagination ****/
 .pagination-wrapper {
   text-align: center;
@@ -1349,8 +1286,7 @@ img {
     font-size: 15px;
   }
 }
-.pagination-wrapper .pg-pagination .active a,
-.pagination-wrapper .pg-pagination li a:hover {
+.pagination-wrapper .pg-pagination .active a, .pagination-wrapper .pg-pagination li a:hover {
   background: #FF7236;
   border-color: #FF7236;
   color: #fff;
@@ -1363,11 +1299,9 @@ img {
   position: absolute;
   margin-left: -7px;
 }
-
 .pagination-wrapper-left {
   text-align: left;
 }
-
 .pagination-wrapper-right {
   text-align: right;
 }
@@ -1382,7 +1316,6 @@ img {
     text-align: left;
   }
 }
-
 /*--------------------------------------------------------------
 2. header
 --------------------------------------------------------------*/
@@ -1612,7 +1545,6 @@ img {
   transform: translateY(-50%);
   pointer-events: none;
 }
-
 /* 2.2 navigation */
 .wpo-site-header {
   /* navigation open and close btn hide for width screen */
@@ -1621,7 +1553,6 @@ img {
   /*** cart-search-contact ***/
   background-color: #fff;
 }
-
 .wpo-site-header .navigation {
   background-color: #fff;
   margin-bottom: 0;
@@ -1629,7 +1560,6 @@ img {
   border: 0;
   border-radius: 0;
 }
-
 .sticky-header {
   width: 100%;
   position: fixed;
@@ -1641,17 +1571,14 @@ img {
   transition: all 1s;
   box-shadow: 0 -5px 15px rgba(8, 106, 216, 0.2901960784);
 }
-
 .sticky-on {
   opacity: 1;
   top: 0;
   visibility: visible;
 }
-
 .wpo-site-header .navigation > .container {
   position: relative;
 }
-
 @media (min-width: 991px) {
   .wpo-site-header {
     padding: 0 238px;
@@ -1662,7 +1589,6 @@ img {
 .wpo-site-header .row {
   width: 100%;
 }
-
 @media (max-width: 991px) {
   .wpo-site-header .navigation {
     padding: 20px 0;
@@ -1671,13 +1597,10 @@ img {
 .wpo-site-header #navbar {
   transition: all 0.5s;
 }
-
-.wpo-site-header #navbar > ul li a:hover,
-.wpo-site-header #navbar > ul li a:focus {
+.wpo-site-header #navbar > ul li a:hover, .wpo-site-header #navbar > ul li a:focus {
   text-decoration: none;
   color: #0BA08A;
 }
-
 @media screen and (min-width: 992px) {
   .wpo-site-header #navbar li {
     position: relative;
@@ -1703,8 +1626,7 @@ img {
   }
 }
 @media screen and (min-width: 992px) {
-  .wpo-site-header #navbar > ul > li > a:hover:before,
-  .wpo-site-header #navbar > ul > li > a.active:before {
+  .wpo-site-header #navbar > ul > li > a:hover:before, .wpo-site-header #navbar > ul > li > a.active:before {
     opacity: 1;
     visibility: visible;
   }
@@ -1735,7 +1657,6 @@ img {
 .wpo-site-header .container-fluid {
   padding-right: 0;
 }
-
 @media (max-width: 991px) {
   .wpo-site-header {
     /* class for show hide navigation */
@@ -1761,7 +1682,6 @@ img {
 .wpo-site-header #navbar ul {
   list-style: none;
 }
-
 @media (max-width: 991px) and (max-width: 991px) {
   .wpo-site-header #navbar {
     top: 0;
@@ -1776,16 +1696,14 @@ img {
   .wpo-site-header #navbar ul a {
     color: #000;
   }
-  .wpo-site-header #navbar ul a:hover,
-  .wpo-site-header #navbar ul li.current a {
+  .wpo-site-header #navbar ul a:hover, .wpo-site-header #navbar ul li.current a {
     color: #0BA08A;
   }
   .wpo-site-header #navbar .close-navbar .ti-close {
     position: relative;
     top: 1px;
   }
-  .wpo-site-header .navbar-toggler .first-angle,
-  .wpo-site-header .navbar-toggler .last-angle {
+  .wpo-site-header .navbar-toggler .first-angle, .wpo-site-header .navbar-toggler .last-angle {
     transition: all 0.3s;
   }
   .wpo-site-header .x-close .middle-angle {
@@ -1819,8 +1737,7 @@ img {
   .wpo-site-header .navbar-collapse.collapse.in {
     display: block;
   }
-  .wpo-site-header .navbar-header .collapse,
-  .wpo-site-header .navbar-toggle {
+  .wpo-site-header .navbar-header .collapse, .wpo-site-header .navbar-toggle {
     display: block;
   }
   .wpo-site-header .navbar-header {
@@ -1890,22 +1807,22 @@ img {
   text-transform: uppercase;
   margin-bottom: 0;
 }
-
 .wpo-site-header .header-right button {
   padding: 0;
   border: 0;
   outline: 0;
 }
-
 .wpo-site-header .header-right > div {
   float: left;
   position: relative;
 }
-
 .wpo-site-header .header-right .close-form {
   position: absolute;
+  right: -54px;
+  /*
   right: -280px;
   top: -25px;
+*/
 }
 @media (max-width: 1699px) {
   .wpo-site-header .header-right .close-form {
@@ -1923,7 +1840,7 @@ img {
   }
 }
 .wpo-site-header .header-right .close-form .theme-btn, .wpo-site-header .header-right .close-form .view-cart-btn {
-  padding: 25px 140px 25px 40px;
+  /*  padding: 25px 140px 25px 40px;*/
   text-transform: capitalize;
   color: #FFF;
   font-family: "Plus Jakarta Sans";
@@ -1971,7 +1888,6 @@ img {
     line-height: 35px;
   }
 }
-
 @media (max-width: 450px) {
   .wpo-site-header .header-right > div {
     margin-right: 10px;
@@ -1983,19 +1899,15 @@ img {
 .wpo-site-header .header-right .header-search-form-wrapper {
   position: relative;
 }
-
 .wpo-site-header .header-right .header-search-form-wrapper .fi:before {
   font-size: 22px;
 }
-
 @media (max-width: 450px) {
   .wpo-site-header .header-right .cart-toggle-btn {
     display: none;
   }
 }
-
-.wpo-site-header .header-right .search-toggle-btn,
-.wpo-site-header .header-right .cart-toggle-btn {
+.wpo-site-header .header-right .search-toggle-btn, .wpo-site-header .header-right .cart-toggle-btn {
   line-height: 0.66em;
   color: #fff;
   width: 50px;
@@ -2003,38 +1915,32 @@ img {
   border: 0;
   background: transparent;
 }
-.wpo-site-header .header-right .search-toggle-btn i,
-.wpo-site-header .header-right .cart-toggle-btn i {
+.wpo-site-header .header-right .search-toggle-btn i, .wpo-site-header .header-right .cart-toggle-btn i {
   font-size: 20px;
 }
 @media (max-width: 1200px) {
-  .wpo-site-header .header-right .search-toggle-btn,
-  .wpo-site-header .header-right .cart-toggle-btn {
+  .wpo-site-header .header-right .search-toggle-btn, .wpo-site-header .header-right .cart-toggle-btn {
     width: 50px;
     height: 50px;
   }
 }
 @media (max-width: 991px) {
-  .wpo-site-header .header-right .search-toggle-btn,
-  .wpo-site-header .header-right .cart-toggle-btn {
+  .wpo-site-header .header-right .search-toggle-btn, .wpo-site-header .header-right .cart-toggle-btn {
     width: 40px;
     height: 40px;
   }
 }
 @media (max-width: 991px) {
-  .wpo-site-header .header-right .search-toggle-btn .fi:before,
-  .wpo-site-header .header-right .cart-toggle-btn .fi:before {
+  .wpo-site-header .header-right .search-toggle-btn .fi:before, .wpo-site-header .header-right .cart-toggle-btn .fi:before {
     font-size: 16px;
   }
 }
-.wpo-site-header .header-right .search-toggle-btn .ti-close,
-.wpo-site-header .header-right .cart-toggle-btn .ti-close {
+.wpo-site-header .header-right .search-toggle-btn .ti-close, .wpo-site-header .header-right .cart-toggle-btn .ti-close {
   display: block;
   line-height: 20px;
   position: relative;
   top: -2px;
 }
-
 /*** cart-search-contact ***/
 .cart-search-contact button {
   background: transparent;
@@ -2113,18 +2019,15 @@ img {
   box-shadow: none;
   border-color: #0BA08A;
 }
-
 .wpo-site-header .header-right .header-search-content-toggle {
   opacity: 1;
   visibility: visible;
   right: 0;
   transform: scale(1);
 }
-
 .mini-cart {
   margin-right: 20px;
 }
-
 .mini-cart .cart-count {
   background: #0BA08A;
   width: 19px;
@@ -2138,7 +2041,6 @@ img {
   border-radius: 50%;
   font-weight: 600;
 }
-
 .mini-cart-content {
   background: #fff;
   width: 320px;
@@ -2204,8 +2106,7 @@ img {
   float: left;
   margin-right: 15px;
 }
-.mini-cart-content .mini-cart-item-image a,
-.mini-cart-content .mini-cart-item-image img {
+.mini-cart-content .mini-cart-item-image a, .mini-cart-content .mini-cart-item-image img {
   display: block;
   width: 46px;
   height: 46px;
@@ -2279,14 +2180,11 @@ img {
   color: #c79652;
   font-size: 20px;
 }
-
-.mini-cart-content-toggle,
-.mini-wislist-content-toggle {
+.mini-cart-content-toggle, .mini-wislist-content-toggle {
   opacity: 1;
   visibility: visible;
   right: 0;
 }
-
 @media (max-width: 991px) {
   .page-wrapper {
     transition: all 0.3s;
@@ -2313,16 +2211,13 @@ img {
   top: 0;
   z-index: 999;
 }
-
 .header-search-area h3 {
   font-size: 45px;
   margin: 0 0 1em;
 }
-
 .header-search-area form {
   position: relative;
 }
-
 .header-search-area input {
   height: 50px;
   font-size: 18px;
@@ -2332,12 +2227,10 @@ img {
   border-bottom: 1px solid #d0d0d0;
   box-shadow: none;
 }
-
 .header-search-area input:focus {
   box-shadow: none;
   border-color: #0BA08A;
 }
-
 .header-search-area form button {
   background: transparent;
   border: 0;
@@ -2347,12 +2240,10 @@ img {
   right: 0;
   bottom: 10px;
 }
-
 .header-search-area form button:focus {
   border: none;
   outline: none;
 }
-
 .header-search-area .close-form {
   position: absolute;
   right: 35px;
@@ -2361,7 +2252,6 @@ img {
   padding-bottom: 5px;
   border-bottom: 1px solid;
 }
-
 .header-search-area .close-form button {
   background: transparent;
   border: 0;
@@ -2373,12 +2263,10 @@ img {
   letter-spacing: 2px;
   z-index: 99;
 }
-
 .header-search-area .close-form button:focus {
   border: 0;
   outline: 0;
 }
-
 .wpo-site-header {
   /* navigation open and close btn hide for width screen */
   /* style for navigation less than 992px */
@@ -2402,7 +2290,7 @@ img {
   transform: translateX(-50%);
   z-index: -1;
   -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
-          clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
+  clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
 }
 @media (max-width: 1499px) {
   .wpo-site-header .navigation::before {
@@ -2429,9 +2317,7 @@ img {
     justify-content: center;
   }
 }
-.wpo-site-header #navbar > ul li a:hover,
-.wpo-site-header #navbar > ul li a.active,
-.wpo-site-header #navbar > ul li a:focus {
+.wpo-site-header #navbar > ul li a:hover, .wpo-site-header #navbar > ul li a.active, .wpo-site-header #navbar > ul li a:focus {
   color: #FF7236;
   text-decoration: underline;
 }
@@ -2618,8 +2504,7 @@ img {
   .wpo-site-header #navbar ul a {
     color: #000;
   }
-  .wpo-site-header #navbar ul a:hover,
-  .wpo-site-header #navbar ul li.current a {
+  .wpo-site-header #navbar ul a:hover, .wpo-site-header #navbar ul li.current a {
     color: #0BA08A;
   }
   .wpo-site-header #navbar .navbar-nav {
@@ -2665,8 +2550,7 @@ img {
     opacity: 1 !important;
     visibility: visible !important;
   }
-  .wpo-site-header .navbar-toggler .first-angle,
-  .wpo-site-header .navbar-toggler .last-angle {
+  .wpo-site-header .navbar-toggler .first-angle, .wpo-site-header .navbar-toggler .last-angle {
     transition: all 0.3s;
   }
   .wpo-site-header .x-close .middle-angle {
@@ -2709,8 +2593,7 @@ img {
   .wpo-site-header .navbar-collapse.collapse.in {
     display: block;
   }
-  .wpo-site-header .navbar-header .collapse,
-  .wpo-site-header .navbar-toggle {
+  .wpo-site-header .navbar-header .collapse, .wpo-site-header .navbar-toggle {
     display: block;
   }
   .wpo-site-header .navbar-header {
@@ -2726,7 +2609,6 @@ img {
     float: none;
   }
 }
-
 @media (max-width: 440px) {
   .wpo-site-header .navbar-header .navbar-brand img {
     max-width: 170px;
@@ -2815,7 +2697,6 @@ img {
 .wpo-site-header .navigation.sticky-header .header-right .close-form .theme-btn, .wpo-site-header .navigation.sticky-header .header-right .close-form .view-cart-btn {
   display: none;
 }
-
 /* wpo-site-header-s2 */
 .wpo-site-header-s2 {
   position: absolute;
@@ -2995,9 +2876,7 @@ img {
     display: none;
   }
 }
-.wpo-site-header-s2 .wpo-site-header #navbar > ul li a:hover,
-.wpo-site-header-s2 .wpo-site-header #navbar > ul li a.active,
-.wpo-site-header-s2 .wpo-site-header #navbar > ul li a:focus {
+.wpo-site-header-s2 .wpo-site-header #navbar > ul li a:hover, .wpo-site-header-s2 .wpo-site-header #navbar > ul li a.active, .wpo-site-header-s2 .wpo-site-header #navbar > ul li a:focus {
   color: #FF7236;
   text-decoration: underline;
 }
@@ -3023,7 +2902,6 @@ img {
   padding-top: 0px;
   margin-bottom: 0px;
 }
-
 /* wpo-site-header-s3 */
 .wpo-site-header-s3 .navigation::before {
   display: none;
@@ -3094,7 +2972,6 @@ img {
     padding: 20px 10px;
   }
 }
-
 /*--------------------------------------------------------------
 3. content
 --------------------------------------------------------------*/
@@ -3148,7 +3025,7 @@ img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   transition: all 0.3s ease-in;
 }
 .hero-section .slider-item .down-shape {
@@ -3332,7 +3209,7 @@ img {
   background: #E5500F;
   content: "";
   -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
-          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
+  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
 }
 .hero-section .track-btn a {
   color: #FFF;
@@ -3426,7 +3303,6 @@ img {
 .hero-section .slick-dots .slick-active {
   background: #FF7236;
 }
-
 @keyframes zoomInImage {
   from {
     transform: scale3d(1, 1, 1);
@@ -3438,7 +3314,6 @@ img {
 .zoomInImage {
   animation-name: zoomInImage;
 }
-
 @keyframes zoomOutImage {
   from {
     transform: scale3d(1.1, 1.1, 1.1);
@@ -3450,7 +3325,6 @@ img {
 .zoomOutImage {
   animation-name: zoomOutImage;
 }
-
 @keyframes top-bottom {
   0% {
     transform: translateY(0);
@@ -3496,8 +3370,7 @@ img {
   display: table-cell;
   vertical-align: middle;
 }
-.hero .slick-prev,
-.hero .slick-next {
+.hero .slick-prev, .hero .slick-next {
   background-color: transparent;
   width: 55px;
   height: 55px;
@@ -3508,13 +3381,11 @@ img {
   bottom: 140px;
   border: 1px solid #818181;
 }
-.hero .slick-prev:hover,
-.hero .slick-next:hover {
+.hero .slick-prev:hover, .hero .slick-next:hover {
   background-color: rgba(11, 160, 138, 0.6);
 }
 @media (max-width: 991px) {
-  .hero .slick-prev,
-  .hero .slick-next {
+  .hero .slick-prev, .hero .slick-next {
     display: none !important;
   }
 }
@@ -3559,8 +3430,7 @@ img {
   border: 2px solid #fff;
   border-radius: 50%;
 }
-.hero .slick-dots button:before,
-.hero .slick-dots button:before {
+.hero .slick-dots button:before, .hero .slick-dots button:before {
   display: none;
 }
 .hero .slide-caption > div {
@@ -3612,7 +3482,6 @@ img {
 .hero .hero-slider-s2 .slick-current .slide-caption > div.slider-pic * {
   animation-delay: 0.5s;
 }
-
 /************************************************
   hero-style-1
 **************************************************/
@@ -3827,7 +3696,7 @@ img {
   border-radius: 680px;
   background: linear-gradient(138deg, rgba(255, 255, 255, 0.11) 23.66%, #FF7236 91.54%);
   -webkit-backdrop-filter: blur(6.5px);
-          backdrop-filter: blur(6.5px);
+  backdrop-filter: blur(6.5px);
   position: absolute;
   z-index: -1;
   right: -50px;
@@ -3845,7 +3714,6 @@ img {
     display: none;
   }
 }
-
 /* hero-section-s3 */
 .hero-section-s3 {
   position: relative;
@@ -3876,7 +3744,7 @@ img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .hero-section-s3 .icon {
   position: absolute;
@@ -3926,7 +3794,7 @@ img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .hero-section-s3 .hero-wrap h2 {
   color: #FF7236;
@@ -4020,20 +3888,15 @@ img {
 .hero-section-s3 .hero-wrap .hero-btn .contact-btn i::before {
   font-size: 12px;
 }
-
 /*--------------------------------------------------------------
 4. wpo-footer
 --------------------------------------------------------------*/
-.wpo-site-footer,
-.wpo-site-footer-s2,
-.wpo-site-footer-s3 {
+.wpo-site-footer, .wpo-site-footer-s2, .wpo-site-footer-s3 {
   position: relative;
   font-size: 16px;
   z-index: 1;
 }
-.wpo-site-footer::after,
-.wpo-site-footer-s2::after,
-.wpo-site-footer-s3::after {
+.wpo-site-footer::after, .wpo-site-footer-s2::after, .wpo-site-footer-s3::after {
   position: absolute;
   left: 0;
   top: 0;
@@ -4043,9 +3906,7 @@ img {
   content: "";
   background: linear-gradient(270deg, rgba(2, 59, 68, 0.91) 5.16%, #083943 36.3%, #0B3742 57.47%);
 }
-.wpo-site-footer .bg-image,
-.wpo-site-footer-s2 .bg-image,
-.wpo-site-footer-s3 .bg-image {
+.wpo-site-footer .bg-image, .wpo-site-footer-s2 .bg-image, .wpo-site-footer-s3 .bg-image {
   position: absolute;
   left: 0;
   top: 0;
@@ -4053,47 +3914,35 @@ img {
   height: 100%;
   z-index: -11;
 }
-.wpo-site-footer .bg-image img,
-.wpo-site-footer-s2 .bg-image img,
-.wpo-site-footer-s3 .bg-image img {
+.wpo-site-footer .bg-image img, .wpo-site-footer-s2 .bg-image img, .wpo-site-footer-s3 .bg-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
-.wpo-site-footer .shape,
-.wpo-site-footer-s2 .shape,
-.wpo-site-footer-s3 .shape {
+.wpo-site-footer .shape, .wpo-site-footer-s2 .shape, .wpo-site-footer-s3 .shape {
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: -1;
 }
 @media (max-width: 767px) {
-  .wpo-site-footer .shape,
-  .wpo-site-footer-s2 .shape,
-  .wpo-site-footer-s3 .shape {
+  .wpo-site-footer .shape, .wpo-site-footer-s2 .shape, .wpo-site-footer-s3 .shape {
     display: none;
   }
 }
-.wpo-site-footer .shape-1,
-.wpo-site-footer-s2 .shape-1,
-.wpo-site-footer-s3 .shape-1 {
+.wpo-site-footer .shape-1, .wpo-site-footer-s2 .shape-1, .wpo-site-footer-s3 .shape-1 {
   position: absolute;
   left: 100px;
   top: 200px;
   z-index: -1;
 }
 @media (max-width: 991px) {
-  .wpo-site-footer .shape-1,
-  .wpo-site-footer-s2 .shape-1,
-  .wpo-site-footer-s3 .shape-1 {
+  .wpo-site-footer .shape-1, .wpo-site-footer-s2 .shape-1, .wpo-site-footer-s3 .shape-1 {
     display: none;
   }
 }
-.wpo-site-footer .footer-map,
-.wpo-site-footer-s2 .footer-map,
-.wpo-site-footer-s3 .footer-map {
+.wpo-site-footer .footer-map, .wpo-site-footer-s2 .footer-map, .wpo-site-footer-s3 .footer-map {
   max-width: 700px;
   max-height: 403px;
   position: absolute;
@@ -4103,113 +3952,77 @@ img {
   z-index: -1;
 }
 @media (max-width: 767px) {
-  .wpo-site-footer .footer-map,
-  .wpo-site-footer-s2 .footer-map,
-  .wpo-site-footer-s3 .footer-map {
+  .wpo-site-footer .footer-map, .wpo-site-footer-s2 .footer-map, .wpo-site-footer-s3 .footer-map {
     display: none;
   }
 }
-.wpo-site-footer ul,
-.wpo-site-footer-s2 ul,
-.wpo-site-footer-s3 ul {
+.wpo-site-footer ul, .wpo-site-footer-s2 ul, .wpo-site-footer-s3 ul {
   list-style: none;
 }
-.wpo-site-footer p,
-.wpo-site-footer-s2 p,
-.wpo-site-footer-s3 p {
+.wpo-site-footer p, .wpo-site-footer-s2 p, .wpo-site-footer-s3 p {
   color: #fff;
 }
-.wpo-site-footer li,
-.wpo-site-footer-s2 li,
-.wpo-site-footer-s3 li {
+.wpo-site-footer li, .wpo-site-footer-s2 li, .wpo-site-footer-s3 li {
   color: #fff;
 }
-.wpo-site-footer .container,
-.wpo-site-footer-s2 .container,
-.wpo-site-footer-s3 .container {
+.wpo-site-footer .container, .wpo-site-footer-s2 .container, .wpo-site-footer-s3 .container {
   position: relative;
 }
-.wpo-site-footer .wpo-upper-footer,
-.wpo-site-footer-s2 .wpo-upper-footer,
-.wpo-site-footer-s3 .wpo-upper-footer {
+.wpo-site-footer .wpo-upper-footer, .wpo-site-footer-s2 .wpo-upper-footer, .wpo-site-footer-s3 .wpo-upper-footer {
   padding: 90px 0;
   position: relative;
 }
 @media (max-width: 991px) {
-  .wpo-site-footer .wpo-upper-footer,
-  .wpo-site-footer-s2 .wpo-upper-footer,
-  .wpo-site-footer-s3 .wpo-upper-footer {
+  .wpo-site-footer .wpo-upper-footer, .wpo-site-footer-s2 .wpo-upper-footer, .wpo-site-footer-s3 .wpo-upper-footer {
     padding: 50px 0 0;
   }
 }
 @media (max-width: 767px) {
-  .wpo-site-footer .wpo-upper-footer,
-  .wpo-site-footer-s2 .wpo-upper-footer,
-  .wpo-site-footer-s3 .wpo-upper-footer {
+  .wpo-site-footer .wpo-upper-footer, .wpo-site-footer-s2 .wpo-upper-footer, .wpo-site-footer-s3 .wpo-upper-footer {
     padding: 60px 0 0;
   }
 }
 @media (max-width: 991px) {
-  .wpo-site-footer .wpo-upper-footer .col,
-  .wpo-site-footer-s2 .wpo-upper-footer .col,
-  .wpo-site-footer-s3 .wpo-upper-footer .col {
+  .wpo-site-footer .wpo-upper-footer .col, .wpo-site-footer-s2 .wpo-upper-footer .col, .wpo-site-footer-s3 .wpo-upper-footer .col {
     min-height: 235px;
     margin-bottom: 70px;
   }
 }
 @media (max-width: 767px) {
-  .wpo-site-footer .wpo-upper-footer .col,
-  .wpo-site-footer-s2 .wpo-upper-footer .col,
-  .wpo-site-footer-s3 .wpo-upper-footer .col {
+  .wpo-site-footer .wpo-upper-footer .col, .wpo-site-footer-s2 .wpo-upper-footer .col, .wpo-site-footer-s3 .wpo-upper-footer .col {
     min-height: auto;
     margin-bottom: 60px;
   }
 }
-.wpo-site-footer .widget-title,
-.wpo-site-footer-s2 .widget-title,
-.wpo-site-footer-s3 .widget-title {
+.wpo-site-footer .widget-title, .wpo-site-footer-s2 .widget-title, .wpo-site-footer-s3 .widget-title {
   margin-bottom: 35px;
   text-transform: capitalize;
 }
 @media (max-width: 767px) {
-  .wpo-site-footer .widget-title,
-  .wpo-site-footer-s2 .widget-title,
-  .wpo-site-footer-s3 .widget-title {
+  .wpo-site-footer .widget-title, .wpo-site-footer-s2 .widget-title, .wpo-site-footer-s3 .widget-title {
     margin-bottom: 20px;
   }
 }
-.wpo-site-footer .widget-title h3,
-.wpo-site-footer-s2 .widget-title h3,
-.wpo-site-footer-s3 .widget-title h3 {
+.wpo-site-footer .widget-title h3, .wpo-site-footer-s2 .widget-title h3, .wpo-site-footer-s3 .widget-title h3 {
   color: #fff;
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 0;
 }
-.wpo-site-footer .about-widget,
-.wpo-site-footer-s2 .about-widget,
-.wpo-site-footer-s3 .about-widget {
+.wpo-site-footer .about-widget, .wpo-site-footer-s2 .about-widget, .wpo-site-footer-s3 .about-widget {
   max-width: 280px;
 }
-.wpo-site-footer .about-widget .logo,
-.wpo-site-footer-s2 .about-widget .logo,
-.wpo-site-footer-s3 .about-widget .logo {
+.wpo-site-footer .about-widget .logo, .wpo-site-footer-s2 .about-widget .logo, .wpo-site-footer-s3 .about-widget .logo {
   max-width: 180px;
 }
-.wpo-site-footer .about-widget p,
-.wpo-site-footer-s2 .about-widget p,
-.wpo-site-footer-s3 .about-widget p {
+.wpo-site-footer .about-widget p, .wpo-site-footer-s2 .about-widget p, .wpo-site-footer-s3 .about-widget p {
   margin-bottom: 0.8em;
   line-height: 1.9em;
 }
-.wpo-site-footer .about-widget p:last-child,
-.wpo-site-footer-s2 .about-widget p:last-child,
-.wpo-site-footer-s3 .about-widget p:last-child {
+.wpo-site-footer .about-widget p:last-child, .wpo-site-footer-s2 .about-widget p:last-child, .wpo-site-footer-s3 .about-widget p:last-child {
   margin-bottom: 0;
 }
-.wpo-site-footer .about-widget ul li,
-.wpo-site-footer-s2 .about-widget ul li,
-.wpo-site-footer-s3 .about-widget ul li {
+.wpo-site-footer .about-widget ul li, .wpo-site-footer-s2 .about-widget ul li, .wpo-site-footer-s3 .about-widget ul li {
   display: flex;
   color: #FFF;
   font-size: 18px;
@@ -4218,79 +4031,55 @@ img {
   text-transform: capitalize;
 }
 @media (max-width: 1199px) {
-  .wpo-site-footer .about-widget ul li,
-  .wpo-site-footer-s2 .about-widget ul li,
-  .wpo-site-footer-s3 .about-widget ul li {
+  .wpo-site-footer .about-widget ul li, .wpo-site-footer-s2 .about-widget ul li, .wpo-site-footer-s3 .about-widget ul li {
     font-size: 15px;
     line-height: 30px;
   }
 }
-.wpo-site-footer .about-widget ul li .icon,
-.wpo-site-footer-s2 .about-widget ul li .icon,
-.wpo-site-footer-s3 .about-widget ul li .icon {
+.wpo-site-footer .about-widget ul li .icon, .wpo-site-footer-s2 .about-widget ul li .icon, .wpo-site-footer-s3 .about-widget ul li .icon {
   padding-right: 10px;
 }
 @media (max-width: 1199px) {
-  .wpo-site-footer .about-widget ul li .icon,
-  .wpo-site-footer-s2 .about-widget ul li .icon,
-  .wpo-site-footer-s3 .about-widget ul li .icon {
+  .wpo-site-footer .about-widget ul li .icon, .wpo-site-footer-s2 .about-widget ul li .icon, .wpo-site-footer-s3 .about-widget ul li .icon {
     padding-right: 5px;
   }
 }
-.wpo-site-footer .wpo-service-link-widget,
-.wpo-site-footer-s2 .wpo-service-link-widget,
-.wpo-site-footer-s3 .wpo-service-link-widget {
+.wpo-site-footer .wpo-service-link-widget, .wpo-site-footer-s2 .wpo-service-link-widget, .wpo-site-footer-s3 .wpo-service-link-widget {
   padding-left: 70px;
 }
-.wpo-site-footer .link-widget,
-.wpo-site-footer-s2 .link-widget,
-.wpo-site-footer-s3 .link-widget {
+.wpo-site-footer .link-widget, .wpo-site-footer-s2 .link-widget, .wpo-site-footer-s3 .link-widget {
   overflow: hidden;
 }
 @media screen and (min-width: 1200px) {
-  .wpo-site-footer .link-widget,
-  .wpo-site-footer-s2 .link-widget,
-  .wpo-site-footer-s3 .link-widget {
+  .wpo-site-footer .link-widget, .wpo-site-footer-s2 .link-widget, .wpo-site-footer-s3 .link-widget {
     padding-left: 75px;
   }
 }
 @media (max-width: 1399px) {
-  .wpo-site-footer .link-widget,
-  .wpo-site-footer-s2 .link-widget,
-  .wpo-site-footer-s3 .link-widget {
+  .wpo-site-footer .link-widget, .wpo-site-footer-s2 .link-widget, .wpo-site-footer-s3 .link-widget {
     padding-left: 20px;
   }
 }
 @media (max-width: 1199px) {
-  .wpo-site-footer .link-widget,
-  .wpo-site-footer-s2 .link-widget,
-  .wpo-site-footer-s3 .link-widget {
+  .wpo-site-footer .link-widget, .wpo-site-footer-s2 .link-widget, .wpo-site-footer-s3 .link-widget {
     padding-left: 0;
   }
 }
 @media (max-width: 767px) {
-  .wpo-site-footer .link-widget,
-  .wpo-site-footer-s2 .link-widget,
-  .wpo-site-footer-s3 .link-widget {
+  .wpo-site-footer .link-widget, .wpo-site-footer-s2 .link-widget, .wpo-site-footer-s3 .link-widget {
     max-width: 350px;
   }
 }
-.wpo-site-footer .link-widget ul li,
-.wpo-site-footer-s2 .link-widget ul li,
-.wpo-site-footer-s3 .link-widget ul li {
+.wpo-site-footer .link-widget ul li, .wpo-site-footer-s2 .link-widget ul li, .wpo-site-footer-s3 .link-widget ul li {
   position: relative;
 }
-.wpo-site-footer .link-widget ul li a,
-.wpo-site-footer-s2 .link-widget ul li a,
-.wpo-site-footer-s3 .link-widget ul li a {
+.wpo-site-footer .link-widget ul li a, .wpo-site-footer-s2 .link-widget ul li a, .wpo-site-footer-s3 .link-widget ul li a {
   color: #fff;
   font-size: 15px;
   font-size: 16px;
   font-weight: 500;
 }
-.wpo-site-footer .link-widget ul li a::before,
-.wpo-site-footer-s2 .link-widget ul li a::before,
-.wpo-site-footer-s3 .link-widget ul li a::before {
+.wpo-site-footer .link-widget ul li a::before, .wpo-site-footer-s2 .link-widget ul li a::before, .wpo-site-footer-s3 .link-widget ul li a::before {
   position: absolute;
   left: -20px;
   top: 0;
@@ -4300,80 +4089,57 @@ img {
   visibility: hidden;
   transition: all 0.2s;
 }
-.wpo-site-footer .link-widget ul li a:hover,
-.wpo-site-footer-s2 .link-widget ul li a:hover,
-.wpo-site-footer-s3 .link-widget ul li a:hover {
+.wpo-site-footer .link-widget ul li a:hover, .wpo-site-footer-s2 .link-widget ul li a:hover, .wpo-site-footer-s3 .link-widget ul li a:hover {
   color: #FF7236;
 }
-.wpo-site-footer .link-widget ul li a:hover::before,
-.wpo-site-footer-s2 .link-widget ul li a:hover::before,
-.wpo-site-footer-s3 .link-widget ul li a:hover::before {
+.wpo-site-footer .link-widget ul li a:hover::before, .wpo-site-footer-s2 .link-widget ul li a:hover::before, .wpo-site-footer-s3 .link-widget ul li a:hover::before {
   opacity: 1;
   visibility: visible;
 }
-.wpo-site-footer .link-widget ul li + li,
-.wpo-site-footer-s2 .link-widget ul li + li,
-.wpo-site-footer-s3 .link-widget ul li + li {
+.wpo-site-footer .link-widget ul li + li, .wpo-site-footer-s2 .link-widget ul li + li, .wpo-site-footer-s3 .link-widget ul li + li {
   margin-top: 20px;
 }
-.wpo-site-footer .locations-widget ul li,
-.wpo-site-footer-s2 .locations-widget ul li,
-.wpo-site-footer-s3 .locations-widget ul li {
+.wpo-site-footer .locations-widget ul li, .wpo-site-footer-s2 .locations-widget ul li, .wpo-site-footer-s3 .locations-widget ul li {
   color: #fff;
   font-size: 18px;
   font-weight: 600;
   letter-spacing: -0.54px;
   margin-bottom: 20px;
 }
-.wpo-site-footer .locations-widget ul li:nth-child(2),
-.wpo-site-footer-s2 .locations-widget ul li:nth-child(2),
-.wpo-site-footer-s3 .locations-widget ul li:nth-child(2) {
+.wpo-site-footer .locations-widget ul li:nth-child(2), .wpo-site-footer-s2 .locations-widget ul li:nth-child(2), .wpo-site-footer-s3 .locations-widget ul li:nth-child(2) {
   color: #FF7236;
   font-size: 20px;
   font-weight: 500;
   margin-bottom: 10px;
 }
-.wpo-site-footer .locations-widget ul li:nth-child(3),
-.wpo-site-footer-s2 .locations-widget ul li:nth-child(3),
-.wpo-site-footer-s3 .locations-widget ul li:nth-child(3) {
+.wpo-site-footer .locations-widget ul li:nth-child(3), .wpo-site-footer-s2 .locations-widget ul li:nth-child(3), .wpo-site-footer-s3 .locations-widget ul li:nth-child(3) {
   margin-bottom: 10px;
 }
-.wpo-site-footer .wpo-lower-footer,
-.wpo-site-footer-s2 .wpo-lower-footer,
-.wpo-site-footer-s3 .wpo-lower-footer {
+.wpo-site-footer .wpo-lower-footer, .wpo-site-footer-s2 .wpo-lower-footer, .wpo-site-footer-s3 .wpo-lower-footer {
   text-align: center;
   position: relative;
 }
-.wpo-site-footer .wpo-lower-footer .row,
-.wpo-site-footer-s2 .wpo-lower-footer .row,
-.wpo-site-footer-s3 .wpo-lower-footer .row {
+.wpo-site-footer .wpo-lower-footer .row, .wpo-site-footer-s2 .wpo-lower-footer .row, .wpo-site-footer-s3 .wpo-lower-footer .row {
   padding: 30px 0;
   position: relative;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
-.wpo-site-footer .wpo-lower-footer .copyright,
-.wpo-site-footer-s2 .wpo-lower-footer .copyright,
-.wpo-site-footer-s3 .wpo-lower-footer .copyright {
+.wpo-site-footer .wpo-lower-footer .copyright, .wpo-site-footer-s2 .wpo-lower-footer .copyright, .wpo-site-footer-s3 .wpo-lower-footer .copyright {
   display: inline-block;
   font-size: 16px;
   font-weight: 500;
   margin: 0;
 }
-.wpo-site-footer .wpo-lower-footer .copyright a,
-.wpo-site-footer-s2 .wpo-lower-footer .copyright a,
-.wpo-site-footer-s3 .wpo-lower-footer .copyright a {
+.wpo-site-footer .wpo-lower-footer .copyright a, .wpo-site-footer-s2 .wpo-lower-footer .copyright a, .wpo-site-footer-s3 .wpo-lower-footer .copyright a {
   color: #FF7236;
   text-decoration: none;
 }
 @media (max-width: 991px) {
-  .wpo-site-footer .wpo-lower-footer .copyright,
-  .wpo-site-footer-s2 .wpo-lower-footer .copyright,
-  .wpo-site-footer-s3 .wpo-lower-footer .copyright {
+  .wpo-site-footer .wpo-lower-footer .copyright, .wpo-site-footer-s2 .wpo-lower-footer .copyright, .wpo-site-footer-s3 .wpo-lower-footer .copyright {
     float: none;
     display: block;
   }
 }
-
 /* footer-newsletter */
 .footer-newsletter {
   padding-top: 110px;
@@ -4471,7 +4237,6 @@ img {
   font-weight: 400;
   transform: rotate(330deg);
 }
-
 .wpo-site-footer-s2::after {
   background: linear-gradient(270deg, rgba(2, 59, 68, 0.5) 5.16%, #083943 36.3%, #0b3742 57.47%);
 }
@@ -4697,7 +4462,6 @@ img {
     display: none;
   }
 }
-
 /* wpo-site-footer-s3 */
 .wpo-site-footer-s3 .footer-socialicon {
   border-bottom: 1px solid #1E4A57;
@@ -4835,7 +4599,6 @@ img {
   line-height: 25px;
   font-size: 14px;
 }
-
 .sticky-header {
   width: 100%;
   position: fixed;
@@ -4845,57 +4608,47 @@ img {
   opacity: 0;
   transition: all 0.7s;
 }
-
 .sticky-on {
   opacity: 1;
   top: 0;
 }
-
 /*3.2 wpo-about-section */
-.wpo-about-section,
-.wpo-about-section-s4 {
+.wpo-about-section, .wpo-about-section-s4 {
   position: relative;
   padding-top: 200px;
   padding-bottom: 130px;
 }
 @media (max-width: 991px) {
-  .wpo-about-section,
-  .wpo-about-section-s4 {
+  .wpo-about-section, .wpo-about-section-s4 {
     padding: 90px 0;
   }
 }
 @media (max-width: 767px) {
-  .wpo-about-section,
-  .wpo-about-section-s4 {
+  .wpo-about-section, .wpo-about-section-s4 {
     padding: 80px 0;
   }
 }
-.wpo-about-section .about-left,
-.wpo-about-section-s4 .about-left {
+.wpo-about-section .about-left, .wpo-about-section-s4 .about-left {
   position: relative;
   max-width: 605px;
   height: 620px;
   margin-right: 55px;
 }
 @media (max-width: 1399px) {
-  .wpo-about-section .about-left,
-  .wpo-about-section-s4 .about-left {
+  .wpo-about-section .about-left, .wpo-about-section-s4 .about-left {
     margin-right: 0;
   }
 }
-.wpo-about-section .about-left .image-1,
-.wpo-about-section-s4 .about-left .image-1 {
+.wpo-about-section .about-left .image-1, .wpo-about-section-s4 .about-left .image-1 {
   border-radius: 7px;
   border: 9px solid #FFF;
   max-width: 404px;
   max-height: 500px;
 }
-.wpo-about-section .about-left .image-1 img,
-.wpo-about-section-s4 .about-left .image-1 img {
+.wpo-about-section .about-left .image-1 img, .wpo-about-section-s4 .about-left .image-1 img {
   width: 100%;
 }
-.wpo-about-section .about-left .image-2,
-.wpo-about-section-s4 .about-left .image-2 {
+.wpo-about-section .about-left .image-2, .wpo-about-section-s4 .about-left .image-2 {
   border-radius: 10px;
   border: 8px solid #FFF;
   box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.17);
@@ -4906,17 +4659,14 @@ img {
   bottom: 0;
 }
 @media (max-width: 1199px) {
-  .wpo-about-section .about-left .image-2,
-  .wpo-about-section-s4 .about-left .image-2 {
+  .wpo-about-section .about-left .image-2, .wpo-about-section-s4 .about-left .image-2 {
     right: 0px;
   }
 }
-.wpo-about-section .about-left .image-2 img,
-.wpo-about-section-s4 .about-left .image-2 img {
+.wpo-about-section .about-left .image-2 img, .wpo-about-section-s4 .about-left .image-2 img {
   width: 100%;
 }
-.wpo-about-section .about-left .image-3,
-.wpo-about-section-s4 .about-left .image-3 {
+.wpo-about-section .about-left .image-3, .wpo-about-section-s4 .about-left .image-3 {
   border-radius: 9px;
   border: 7px solid #FFF;
   box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.13);
@@ -4925,34 +4675,28 @@ img {
   top: 20px;
 }
 @media (max-width: 1199px) {
-  .wpo-about-section .about-left .image-3,
-  .wpo-about-section-s4 .about-left .image-3 {
+  .wpo-about-section .about-left .image-3, .wpo-about-section-s4 .about-left .image-3 {
     right: 0px;
   }
 }
 @media (max-width: 499px) {
-  .wpo-about-section .about-left .image-3,
-  .wpo-about-section-s4 .about-left .image-3 {
+  .wpo-about-section .about-left .image-3, .wpo-about-section-s4 .about-left .image-3 {
     display: none;
   }
 }
-.wpo-about-section .about-left .image-3 img,
-.wpo-about-section-s4 .about-left .image-3 img {
+.wpo-about-section .about-left .image-3 img, .wpo-about-section-s4 .about-left .image-3 img {
   width: 100%;
 }
-.wpo-about-section .about-left .image-4,
-.wpo-about-section-s4 .about-left .image-4 {
+.wpo-about-section .about-left .image-4, .wpo-about-section-s4 .about-left .image-4 {
   position: absolute;
   right: -33px;
   bottom: -24px;
   z-index: -1;
 }
-.wpo-about-section .about-left .image-4 img,
-.wpo-about-section-s4 .about-left .image-4 img {
+.wpo-about-section .about-left .image-4 img, .wpo-about-section-s4 .about-left .image-4 img {
   width: 100%;
 }
-.wpo-about-section .about-left .since,
-.wpo-about-section-s4 .about-left .since {
+.wpo-about-section .about-left .since, .wpo-about-section-s4 .about-left .since {
   border-radius: 76px 0px 76px 76px;
   background: #0BA089;
   width: 254px;
@@ -4967,19 +4711,16 @@ img {
   text-align: end;
 }
 @media (max-width: 767px) {
-  .wpo-about-section .about-left .since,
-  .wpo-about-section-s4 .about-left .since {
+  .wpo-about-section .about-left .since, .wpo-about-section-s4 .about-left .since {
     height: 120px;
   }
 }
 @media (max-width: 399px) {
-  .wpo-about-section .about-left .since,
-  .wpo-about-section-s4 .about-left .since {
+  .wpo-about-section .about-left .since, .wpo-about-section-s4 .about-left .since {
     border-radius: 0;
   }
 }
-.wpo-about-section .about-left .since::before,
-.wpo-about-section-s4 .about-left .since::before {
+.wpo-about-section .about-left .since::before, .wpo-about-section-s4 .about-left .since::before {
   position: absolute;
   left: 40px;
   top: 50%;
@@ -4989,8 +4730,7 @@ img {
   background: #FFF;
   transform: translateY(-50%);
 }
-.wpo-about-section .about-left .since::after,
-.wpo-about-section-s4 .about-left .since::after {
+.wpo-about-section .about-left .since::after, .wpo-about-section-s4 .about-left .since::after {
   width: 2px;
   height: 65px;
   position: absolute;
@@ -5003,12 +4743,10 @@ img {
   transform: translateY(-50%);
   transform: rotate(-90deg);
 }
-.wpo-about-section .about-left .since h2,
-.wpo-about-section-s4 .about-left .since h2 {
+.wpo-about-section .about-left .since h2, .wpo-about-section-s4 .about-left .since h2 {
   margin-bottom: 0;
 }
-.wpo-about-section .about-left .since h2 span,
-.wpo-about-section-s4 .about-left .since h2 span {
+.wpo-about-section .about-left .since h2 span, .wpo-about-section-s4 .about-left .since h2 span {
   font-family: "Plus Jakarta Sans";
   color: #fff;
   font-size: 61px;
@@ -5017,19 +4755,16 @@ img {
   text-transform: capitalize;
 }
 @media (max-width: 1199px) {
-  .wpo-about-section .about-left .since h2 span,
-  .wpo-about-section-s4 .about-left .since h2 span {
+  .wpo-about-section .about-left .since h2 span, .wpo-about-section-s4 .about-left .since h2 span {
     font-size: 52px;
   }
 }
 @media (max-width: 767px) {
-  .wpo-about-section .about-left .since h2 span,
-  .wpo-about-section-s4 .about-left .since h2 span {
+  .wpo-about-section .about-left .since h2 span, .wpo-about-section-s4 .about-left .since h2 span {
     font-size: 40px;
   }
 }
-.wpo-about-section .about-left .since p,
-.wpo-about-section-s4 .about-left .since p {
+.wpo-about-section .about-left .since p, .wpo-about-section-s4 .about-left .since p {
   color: #fff;
   font-size: 23px;
   font-weight: 700;
@@ -5039,40 +4774,34 @@ img {
   margin-bottom: 0;
   margin-top: -5px;
 }
-.wpo-about-section .shape,
-.wpo-about-section-s4 .shape {
+.wpo-about-section .shape, .wpo-about-section-s4 .shape {
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
 }
 @media (max-width: 767px) {
-  .wpo-about-section .shape,
-  .wpo-about-section-s4 .shape {
+  .wpo-about-section .shape, .wpo-about-section-s4 .shape {
     display: none;
   }
 }
-.wpo-about-section .side-img,
-.wpo-about-section-s4 .side-img {
+.wpo-about-section .side-img, .wpo-about-section-s4 .side-img {
   position: absolute;
   right: 0;
   bottom: 90px;
   z-index: -1;
 }
 @media (max-width: 767px) {
-  .wpo-about-section .side-img,
-  .wpo-about-section-s4 .side-img {
+  .wpo-about-section .side-img, .wpo-about-section-s4 .side-img {
     display: none;
   }
 }
 @media (max-width: 991px) {
-  .wpo-about-section .about-content,
-  .wpo-about-section-s4 .about-content {
+  .wpo-about-section .about-content, .wpo-about-section-s4 .about-content {
     margin-top: 50px;
   }
 }
-.wpo-about-section .about-content .title h2,
-.wpo-about-section-s4 .about-content .title h2 {
+.wpo-about-section .about-content .title h2, .wpo-about-section-s4 .about-content .title h2 {
   color: #FF7236;
   font-family: "DM Sans";
   font-size: 16px;
@@ -5084,8 +4813,7 @@ img {
   position: relative;
   padding-left: 20px;
 }
-.wpo-about-section .about-content .title h2::before,
-.wpo-about-section-s4 .about-content .title h2::before {
+.wpo-about-section .about-content .title h2::before, .wpo-about-section-s4 .about-content .title h2::before {
   position: absolute;
   left: 0;
   top: 45%;
@@ -5094,8 +4822,7 @@ img {
   transform: translateY(-50%);
   content: url(../images/title-shape.svg);
 }
-.wpo-about-section .about-content .title h3,
-.wpo-about-section-s4 .about-content .title h3 {
+.wpo-about-section .about-content .title h3, .wpo-about-section-s4 .about-content .title h3 {
   color: #042127;
   font-size: 48px;
   font-weight: 700;
@@ -5104,26 +4831,22 @@ img {
   margin-bottom: 0;
 }
 @media (max-width: 991px) {
-  .wpo-about-section .about-content .title h3,
-  .wpo-about-section-s4 .about-content .title h3 {
+  .wpo-about-section .about-content .title h3, .wpo-about-section-s4 .about-content .title h3 {
     font-size: 40px;
     line-height: 50px;
   }
 }
 @media (max-width: 499px) {
-  .wpo-about-section .about-content .title h3,
-  .wpo-about-section-s4 .about-content .title h3 {
+  .wpo-about-section .about-content .title h3, .wpo-about-section-s4 .about-content .title h3 {
     font-size: 35px;
     line-height: 40px;
   }
 }
-.wpo-about-section .about-content .sub-content,
-.wpo-about-section-s4 .about-content .sub-content {
+.wpo-about-section .about-content .sub-content, .wpo-about-section-s4 .about-content .sub-content {
   margin-top: 37px;
   margin-bottom: 25px;
 }
-.wpo-about-section .about-content .sub-content span,
-.wpo-about-section-s4 .about-content .sub-content span {
+.wpo-about-section .about-content .sub-content span, .wpo-about-section-s4 .about-content .sub-content span {
   color: #535353;
   font-size: 16px;
   font-weight: 400;
@@ -5132,8 +4855,7 @@ img {
   display: block;
   border-left: 1px solid #FF7236;
 }
-.wpo-about-section .about-content h4,
-.wpo-about-section-s4 .about-content h4 {
+.wpo-about-section .about-content h4, .wpo-about-section-s4 .about-content h4 {
   color: #20273C;
   font-size: 18px;
   font-weight: 700;
@@ -5141,8 +4863,7 @@ img {
   text-transform: capitalize;
   margin-bottom: 30px;
 }
-.wpo-about-section .about-content ul li,
-.wpo-about-section-s4 .about-content ul li {
+.wpo-about-section .about-content ul li, .wpo-about-section-s4 .about-content ul li {
   color: #20273C;
   font-size: 16px;
   font-weight: 500;
@@ -5152,12 +4873,10 @@ img {
   position: relative;
   margin-bottom: 8px;
 }
-.wpo-about-section .about-content ul li:last-child,
-.wpo-about-section-s4 .about-content ul li:last-child {
+.wpo-about-section .about-content ul li:last-child, .wpo-about-section-s4 .about-content ul li:last-child {
   margin-bottom: 0;
 }
-.wpo-about-section .about-content ul li::before,
-.wpo-about-section-s4 .about-content ul li::before {
+.wpo-about-section .about-content ul li::before, .wpo-about-section-s4 .about-content ul li::before {
   position: absolute;
   left: 0;
   top: 50%;
@@ -5173,8 +4892,7 @@ img {
   border-radius: 100px;
   border: 1px solid rgb(11, 160, 137);
 }
-.wpo-about-section .about-content .author-btn,
-.wpo-about-section-s4 .about-content .author-btn {
+.wpo-about-section .about-content .author-btn, .wpo-about-section-s4 .about-content .author-btn {
   max-width: 490px;
   display: flex;
   align-items: center;
@@ -5182,62 +4900,50 @@ img {
   margin-top: 60px;
 }
 @media (max-width: 399px) {
-  .wpo-about-section .about-content .author-btn,
-  .wpo-about-section-s4 .about-content .author-btn {
+  .wpo-about-section .about-content .author-btn, .wpo-about-section-s4 .about-content .author-btn {
     display: block;
     margin-top: 40px;
   }
 }
-.wpo-about-section .about-content .author,
-.wpo-about-section-s4 .about-content .author {
+.wpo-about-section .about-content .author, .wpo-about-section-s4 .about-content .author {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 @media (max-width: 399px) {
-  .wpo-about-section .about-content .author,
-  .wpo-about-section-s4 .about-content .author {
+  .wpo-about-section .about-content .author, .wpo-about-section-s4 .about-content .author {
     justify-content: start;
   }
 }
-.wpo-about-section .about-content .author .image,
-.wpo-about-section-s4 .about-content .author .image {
+.wpo-about-section .about-content .author .image, .wpo-about-section-s4 .about-content .author .image {
   width: 60px;
   height: 60px;
 }
-.wpo-about-section .about-content .author .image img,
-.wpo-about-section-s4 .about-content .author .image img {
+.wpo-about-section .about-content .author .image img, .wpo-about-section-s4 .about-content .author .image img {
   border-radius: 60px;
   border: 4px solid #FFF;
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
   width: 100%;
 }
-.wpo-about-section .about-content .author .text,
-.wpo-about-section-s4 .about-content .author .text {
+.wpo-about-section .about-content .author .text, .wpo-about-section-s4 .about-content .author .text {
   margin-left: 10px;
   display: grid;
 }
-.wpo-about-section .about-content .author .text span,
-.wpo-about-section-s4 .about-content .author .text span {
+.wpo-about-section .about-content .author .text span, .wpo-about-section-s4 .about-content .author .text span {
   margin-top: -10px;
   color: #0BA089;
   font-size: 14px;
   font-weight: 500;
   line-height: 30px;
 }
-.wpo-about-section .about-content .theme-btn, .wpo-about-section .about-content .view-cart-btn,
-.wpo-about-section-s4 .about-content .theme-btn,
-.wpo-about-section-s4 .about-content .view-cart-btn {
+.wpo-about-section .about-content .theme-btn, .wpo-about-section .about-content .view-cart-btn, .wpo-about-section-s4 .about-content .theme-btn, .wpo-about-section-s4 .about-content .view-cart-btn {
   background: #0B3742;
 }
 @media (max-width: 399px) {
-  .wpo-about-section .about-content .theme-btn, .wpo-about-section .about-content .view-cart-btn,
-  .wpo-about-section-s4 .about-content .theme-btn,
-  .wpo-about-section-s4 .about-content .view-cart-btn {
+  .wpo-about-section .about-content .theme-btn, .wpo-about-section .about-content .view-cart-btn, .wpo-about-section-s4 .about-content .theme-btn, .wpo-about-section-s4 .about-content .view-cart-btn {
     margin-top: 20px;
   }
 }
-
 .wpo-about-section-s4 {
   padding: 120px 0;
 }
@@ -5246,7 +4952,6 @@ img {
     padding: 90px 0;
   }
 }
-
 /*3.3 wpo-service-section */
 .wpo-service-section {
   position: relative;
@@ -5287,7 +4992,6 @@ img {
     text-align: left;
   }
 }
-
 .service-slider {
   padding: 0 70px;
 }
@@ -5329,7 +5033,6 @@ img {
 .service-slider .owl-dot.active {
   background: #0B3742;
 }
-
 .service-card {
   position: relative;
   z-index: 1;
@@ -5350,7 +5053,7 @@ img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   position: relative;
   z-index: -1;
 }
@@ -5511,7 +5214,6 @@ img {
   opacity: 1;
   visibility: visible;
 }
-
 /*3.4 wpo-funfact-section */
 .wpo-funfact-section {
   padding-bottom: 90px;
@@ -5618,7 +5320,6 @@ img {
     margin-top: 15px;
   }
 }
-
 /*3.5 wpo-get-quate-section */
 .wpo-get-quate-section {
   position: relative;
@@ -5688,7 +5389,7 @@ img {
   background: #FF7D44;
   transform: translateY(-50%);
   -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
-          clip-path: polygon(0 0, 0% 100%, 100% 50%);
+  clip-path: polygon(0 0, 0% 100%, 100% 50%);
 }
 .wpo-get-quate-section .left-content .quat p {
   margin-bottom: 0;
@@ -5844,7 +5545,6 @@ img {
     display: none;
   }
 }
-
 .quote-form {
   margin-left: 45px;
   border-radius: 9px;
@@ -6029,7 +5729,6 @@ img {
   border: 0;
   padding: 19px 0;
 }
-
 /*3.6 wpo-features-section  */
 .wpo-features-section h4 {
   text-align: center;
@@ -6059,7 +5758,6 @@ img {
   text-decoration-line: none;
   display: inline-block;
 }
-
 .features-wrap {
   display: flex;
   align-items: center;
@@ -6070,7 +5768,6 @@ img {
     flex-wrap: wrap;
   }
 }
-
 .features-card {
   text-align: center;
   width: 20%;
@@ -6143,7 +5840,6 @@ img {
 .features-card:hover h3 {
   color: #fff;
 }
-
 /*3.7 wpo-process-section */
 .wpo-process-section {
   background: url(../images/process-bg.jpg);
@@ -6291,7 +5987,6 @@ img {
 .wpo-process-section .process-item:hover .top-contnent .shape-2 svg path {
   fill: #FF7236;
 }
-
 /*3.8 wpo-process-section */
 .wpo-project-section {
   position: relative;
@@ -6379,7 +6074,6 @@ img {
     display: none;
   }
 }
-
 .project-slider {
   margin-right: -220px;
 }
@@ -6403,7 +6097,6 @@ img {
     margin-right: 0px;
   }
 }
-
 .project-card {
   position: relative;
   z-index: 1;
@@ -6478,14 +6171,11 @@ img {
   font-weight: 500;
   text-transform: capitalize;
 }
-
 /*3.9 wpo-testimonial-section */
-.wpo-testimonial-section,
-.wpo-testimonial-section-s2 {
+.wpo-testimonial-section, .wpo-testimonial-section-s2 {
   padding-bottom: 0;
 }
-.wpo-testimonial-section .testimonial-wrap,
-.wpo-testimonial-section-s2 .testimonial-wrap {
+.wpo-testimonial-section .testimonial-wrap, .wpo-testimonial-section-s2 .testimonial-wrap {
   background: #FFF;
   box-shadow: 0px 4px 31px 0px rgba(0, 0, 0, 0.1);
   padding: 65px 70px 65px 50px;
@@ -6493,48 +6183,40 @@ img {
   align-items: center;
 }
 @media (max-width: 1399px) {
-  .wpo-testimonial-section .testimonial-wrap,
-  .wpo-testimonial-section-s2 .testimonial-wrap {
+  .wpo-testimonial-section .testimonial-wrap, .wpo-testimonial-section-s2 .testimonial-wrap {
     padding: 40px 30px 40px 30px;
   }
 }
 @media (max-width: 991px) {
-  .wpo-testimonial-section .testimonial-wrap,
-  .wpo-testimonial-section-s2 .testimonial-wrap {
+  .wpo-testimonial-section .testimonial-wrap, .wpo-testimonial-section-s2 .testimonial-wrap {
     display: block;
   }
 }
 @media (max-width: 575px) {
-  .wpo-testimonial-section .testimonial-wrap,
-  .wpo-testimonial-section-s2 .testimonial-wrap {
+  .wpo-testimonial-section .testimonial-wrap, .wpo-testimonial-section-s2 .testimonial-wrap {
     padding: 20px;
   }
 }
-.wpo-testimonial-section .image,
-.wpo-testimonial-section-s2 .image {
+.wpo-testimonial-section .image, .wpo-testimonial-section-s2 .image {
   max-width: 428px;
   max-height: 519px;
   width: 428px;
   display: inline-block;
 }
 @media (max-width: 767px) {
-  .wpo-testimonial-section .image,
-  .wpo-testimonial-section-s2 .image {
+  .wpo-testimonial-section .image, .wpo-testimonial-section-s2 .image {
     width: 100%;
   }
 }
-.wpo-testimonial-section .image .item,
-.wpo-testimonial-section-s2 .image .item {
+.wpo-testimonial-section .image .item, .wpo-testimonial-section-s2 .image .item {
   position: relative;
 }
-.wpo-testimonial-section .image .item img,
-.wpo-testimonial-section-s2 .image .item img {
+.wpo-testimonial-section .image .item img, .wpo-testimonial-section-s2 .image .item img {
   width: 100%;
   -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
-.wpo-testimonial-section .image .feedback,
-.wpo-testimonial-section-s2 .image .feedback {
+.wpo-testimonial-section .image .feedback, .wpo-testimonial-section-s2 .image .feedback {
   padding: 15px 24px;
   background: #FF7236;
   text-align: center;
@@ -6550,38 +6232,32 @@ img {
   display: flex;
 }
 @media (max-width: 575px) {
-  .wpo-testimonial-section .image .feedback,
-  .wpo-testimonial-section-s2 .image .feedback {
+  .wpo-testimonial-section .image .feedback, .wpo-testimonial-section-s2 .image .feedback {
     display: none;
   }
 }
-.wpo-testimonial-section .image .feedback img,
-.wpo-testimonial-section-s2 .image .feedback img {
+.wpo-testimonial-section .image .feedback img, .wpo-testimonial-section-s2 .image .feedback img {
   margin-right: 15px;
 }
-.wpo-testimonial-section .content-wrap,
-.wpo-testimonial-section-s2 .content-wrap {
+.wpo-testimonial-section .content-wrap, .wpo-testimonial-section-s2 .content-wrap {
   width: calc(100% - 435px);
   display: inline-block;
   padding-left: 95px;
   text-align: left;
 }
 @media (max-width: 1399px) {
-  .wpo-testimonial-section .content-wrap,
-  .wpo-testimonial-section-s2 .content-wrap {
+  .wpo-testimonial-section .content-wrap, .wpo-testimonial-section-s2 .content-wrap {
     padding-left: 30px;
   }
 }
 @media (max-width: 991px) {
-  .wpo-testimonial-section .content-wrap,
-  .wpo-testimonial-section-s2 .content-wrap {
+  .wpo-testimonial-section .content-wrap, .wpo-testimonial-section-s2 .content-wrap {
     padding-left: 0px;
     width: 100%;
     margin-top: 30px;
   }
 }
-.wpo-testimonial-section .content-wrap h2,
-.wpo-testimonial-section-s2 .content-wrap h2 {
+.wpo-testimonial-section .content-wrap h2, .wpo-testimonial-section-s2 .content-wrap h2 {
   color: #FF7236;
   font-family: "DM Sans";
   font-size: 16px;
@@ -6595,21 +6271,18 @@ img {
   display: inline-block;
 }
 @media (max-width: 1399px) {
-  .wpo-testimonial-section .content-wrap h2,
-  .wpo-testimonial-section-s2 .content-wrap h2 {
+  .wpo-testimonial-section .content-wrap h2, .wpo-testimonial-section-s2 .content-wrap h2 {
     font-size: 16px;
     font-weight: 700;
     line-height: 30px;
   }
 }
 @media (max-width: 767px) {
-  .wpo-testimonial-section .content-wrap h2,
-  .wpo-testimonial-section-s2 .content-wrap h2 {
+  .wpo-testimonial-section .content-wrap h2, .wpo-testimonial-section-s2 .content-wrap h2 {
     font-size: 13px;
   }
 }
-.wpo-testimonial-section .content-wrap h2::before,
-.wpo-testimonial-section-s2 .content-wrap h2::before {
+.wpo-testimonial-section .content-wrap h2::before, .wpo-testimonial-section-s2 .content-wrap h2::before {
   position: absolute;
   left: 0;
   top: 45%;
@@ -6618,8 +6291,7 @@ img {
   transform: translateY(-50%);
   content: url(../images/title-shape.svg);
 }
-.wpo-testimonial-section .content-wrap h3,
-.wpo-testimonial-section-s2 .content-wrap h3 {
+.wpo-testimonial-section .content-wrap h3, .wpo-testimonial-section-s2 .content-wrap h3 {
   text-transform: capitalize;
   color: #042127;
   font-family: "Plus Jakarta Sans";
@@ -6629,28 +6301,24 @@ img {
   margin-bottom: 50px;
 }
 @media (max-width: 1199px) {
-  .wpo-testimonial-section .content-wrap h3,
-  .wpo-testimonial-section-s2 .content-wrap h3 {
+  .wpo-testimonial-section .content-wrap h3, .wpo-testimonial-section-s2 .content-wrap h3 {
     font-size: 32px;
     line-height: 40px;
     margin-bottom: 30px;
   }
 }
 @media (max-width: 575px) {
-  .wpo-testimonial-section .content-wrap h3,
-  .wpo-testimonial-section-s2 .content-wrap h3 {
+  .wpo-testimonial-section .content-wrap h3, .wpo-testimonial-section-s2 .content-wrap h3 {
     font-size: 30px;
     margin-bottom: 10px;
   }
 }
 @media (max-width: 575px) {
-  .wpo-testimonial-section .content,
-  .wpo-testimonial-section-s2 .content {
+  .wpo-testimonial-section .content, .wpo-testimonial-section-s2 .content {
     padding-bottom: 50px;
   }
 }
-.wpo-testimonial-section .content p,
-.wpo-testimonial-section-s2 .content p {
+.wpo-testimonial-section .content p, .wpo-testimonial-section-s2 .content p {
   color: #222;
   font-size: 30px;
   font-weight: 500;
@@ -6659,26 +6327,22 @@ img {
   margin-bottom: 35px;
 }
 @media (max-width: 1399px) {
-  .wpo-testimonial-section .content p,
-  .wpo-testimonial-section-s2 .content p {
+  .wpo-testimonial-section .content p, .wpo-testimonial-section-s2 .content p {
     font-size: 25px;
     line-height: 40px;
   }
 }
 @media (max-width: 575px) {
-  .wpo-testimonial-section .content p,
-  .wpo-testimonial-section-s2 .content p {
+  .wpo-testimonial-section .content p, .wpo-testimonial-section-s2 .content p {
     font-size: 20px;
     line-height: 30px;
   }
 }
-.wpo-testimonial-section .content .client-name,
-.wpo-testimonial-section-s2 .content .client-name {
+.wpo-testimonial-section .content .client-name, .wpo-testimonial-section-s2 .content .client-name {
   border-top: 1px solid rgba(24, 24, 94, 0.1);
   padding-top: 40px;
 }
-.wpo-testimonial-section .content .client-name h4,
-.wpo-testimonial-section-s2 .content .client-name h4 {
+.wpo-testimonial-section .content .client-name h4, .wpo-testimonial-section-s2 .content .client-name h4 {
   color: #222;
   font-family: "DM Sans";
   font-size: 22px;
@@ -6688,15 +6352,13 @@ img {
   margin: 0;
   display: inline;
 }
-.wpo-testimonial-section .content .client-name span,
-.wpo-testimonial-section-s2 .content .client-name span {
+.wpo-testimonial-section .content .client-name span, .wpo-testimonial-section-s2 .content .client-name span {
   display: inline;
   color: #696969;
   font-size: 14px;
   font-weight: 400;
 }
-.wpo-testimonial-section .slick-arrow,
-.wpo-testimonial-section-s2 .slick-arrow {
+.wpo-testimonial-section .slick-arrow, .wpo-testimonial-section-s2 .slick-arrow {
   position: absolute;
   top: auto;
   left: auto;
@@ -6709,14 +6371,10 @@ img {
   transition: all 0.3s ease-in-out;
   z-index: 1;
 }
-.wpo-testimonial-section .slick-arrow.slick-prev, .wpo-testimonial-section .slick-arrow.slick-next,
-.wpo-testimonial-section-s2 .slick-arrow.slick-prev,
-.wpo-testimonial-section-s2 .slick-arrow.slick-next {
+.wpo-testimonial-section .slick-arrow.slick-prev, .wpo-testimonial-section .slick-arrow.slick-next, .wpo-testimonial-section-s2 .slick-arrow.slick-prev, .wpo-testimonial-section-s2 .slick-arrow.slick-next {
   right: 80px;
 }
-.wpo-testimonial-section .slick-arrow.slick-prev::after, .wpo-testimonial-section .slick-arrow.slick-next::after,
-.wpo-testimonial-section-s2 .slick-arrow.slick-prev::after,
-.wpo-testimonial-section-s2 .slick-arrow.slick-next::after {
+.wpo-testimonial-section .slick-arrow.slick-prev::after, .wpo-testimonial-section .slick-arrow.slick-next::after, .wpo-testimonial-section-s2 .slick-arrow.slick-prev::after, .wpo-testimonial-section-s2 .slick-arrow.slick-next::after {
   position: absolute;
   left: 50%;
   top: 50%;
@@ -6727,64 +6385,46 @@ img {
   color: rgb(8, 17, 45);
   transition: all 0.3s ease-in-out;
 }
-.wpo-testimonial-section .slick-arrow.slick-prev::before, .wpo-testimonial-section .slick-arrow.slick-next::before,
-.wpo-testimonial-section-s2 .slick-arrow.slick-prev::before,
-.wpo-testimonial-section-s2 .slick-arrow.slick-next::before {
+.wpo-testimonial-section .slick-arrow.slick-prev::before, .wpo-testimonial-section .slick-arrow.slick-next::before, .wpo-testimonial-section-s2 .slick-arrow.slick-prev::before, .wpo-testimonial-section-s2 .slick-arrow.slick-next::before {
   display: none;
 }
-.wpo-testimonial-section .slick-arrow.slick-next,
-.wpo-testimonial-section-s2 .slick-arrow.slick-next {
+.wpo-testimonial-section .slick-arrow.slick-next, .wpo-testimonial-section-s2 .slick-arrow.slick-next {
   right: 0;
 }
-.wpo-testimonial-section .slick-arrow.slick-next::after,
-.wpo-testimonial-section-s2 .slick-arrow.slick-next::after {
+.wpo-testimonial-section .slick-arrow.slick-next::after, .wpo-testimonial-section-s2 .slick-arrow.slick-next::after {
   content: "\f124";
 }
-.wpo-testimonial-section .slick-arrow.slick-next::before,
-.wpo-testimonial-section-s2 .slick-arrow.slick-next::before {
+.wpo-testimonial-section .slick-arrow.slick-next::before, .wpo-testimonial-section-s2 .slick-arrow.slick-next::before {
   display: none;
 }
-.wpo-testimonial-section .slick-arrow:hover,
-.wpo-testimonial-section-s2 .slick-arrow:hover {
+.wpo-testimonial-section .slick-arrow:hover, .wpo-testimonial-section-s2 .slick-arrow:hover {
   background: rgb(6, 45, 53);
 }
-.wpo-testimonial-section .slick-arrow:hover::after,
-.wpo-testimonial-section-s2 .slick-arrow:hover::after {
+.wpo-testimonial-section .slick-arrow:hover::after, .wpo-testimonial-section-s2 .slick-arrow:hover::after {
   color: #fff;
 }
-
 /*3.10 wpo-partner-section */
-.wpo-partner-section .partner-grids,
-.wpo-partner-section-s2 .partner-grids,
-.wpo-partner-section-s3 .partner-grids {
+.wpo-partner-section .partner-grids, .wpo-partner-section-s2 .partner-grids, .wpo-partner-section-s3 .partner-grids {
   display: flex;
   flex-wrap: wrap;
 }
-.wpo-partner-section .grid,
-.wpo-partner-section-s2 .grid,
-.wpo-partner-section-s3 .grid {
+.wpo-partner-section .grid, .wpo-partner-section-s2 .grid, .wpo-partner-section-s3 .grid {
   text-align: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
 }
 @media (max-width: 767px) {
-  .wpo-partner-section .grid,
-  .wpo-partner-section-s2 .grid,
-  .wpo-partner-section-s3 .grid {
+  .wpo-partner-section .grid, .wpo-partner-section-s2 .grid, .wpo-partner-section-s3 .grid {
     flex-basis: 50%;
   }
 }
 @media (max-width: 440px) {
-  .wpo-partner-section .grid,
-  .wpo-partner-section-s2 .grid,
-  .wpo-partner-section-s3 .grid {
+  .wpo-partner-section .grid, .wpo-partner-section-s2 .grid, .wpo-partner-section-s3 .grid {
     flex-basis: 50%;
   }
 }
-.wpo-partner-section .grid img,
-.wpo-partner-section-s2 .grid img,
-.wpo-partner-section-s3 .grid img {
+.wpo-partner-section .grid img, .wpo-partner-section-s2 .grid img, .wpo-partner-section-s3 .grid img {
   display: inline-block;
   max-width: 70%;
   margin: 0 auto;
@@ -6792,28 +6432,19 @@ img {
   height: 45px;
 }
 @media (max-width: 991px) {
-  .wpo-partner-section .grid img,
-  .wpo-partner-section-s2 .grid img,
-  .wpo-partner-section-s3 .grid img {
+  .wpo-partner-section .grid img, .wpo-partner-section-s2 .grid img, .wpo-partner-section-s3 .grid img {
     width: 100%;
   }
 }
-.wpo-partner-section .owl-nav,
-.wpo-partner-section-s2 .owl-nav,
-.wpo-partner-section-s3 .owl-nav {
+.wpo-partner-section .owl-nav, .wpo-partner-section-s2 .owl-nav, .wpo-partner-section-s3 .owl-nav {
   display: none;
 }
-
 /*3.11 wpo-cta-section */
-.wpo-cta-section,
-.wpo-cta-section-s2,
-.wpo-cta-section-s3 {
+.wpo-cta-section, .wpo-cta-section-s2, .wpo-cta-section-s3 {
   position: relative;
   z-index: 11;
 }
-.wpo-cta-section .cta-wrapr,
-.wpo-cta-section-s2 .cta-wrapr,
-.wpo-cta-section-s3 .cta-wrapr {
+.wpo-cta-section .cta-wrapr, .wpo-cta-section-s2 .cta-wrapr, .wpo-cta-section-s3 .cta-wrapr {
   padding: 60px 50px 60px 75px;
   background: url(../images/cta-bg.jpg) center/cover no-repeat;
   display: flex;
@@ -6821,38 +6452,28 @@ img {
   justify-content: space-between;
 }
 @media (max-width: 991px) {
-  .wpo-cta-section .cta-wrapr,
-  .wpo-cta-section-s2 .cta-wrapr,
-  .wpo-cta-section-s3 .cta-wrapr {
+  .wpo-cta-section .cta-wrapr, .wpo-cta-section-s2 .cta-wrapr, .wpo-cta-section-s3 .cta-wrapr {
     padding: 60px 50px;
     display: block;
   }
 }
 @media (max-width: 575px) {
-  .wpo-cta-section .cta-wrapr,
-  .wpo-cta-section-s2 .cta-wrapr,
-  .wpo-cta-section-s3 .cta-wrapr {
+  .wpo-cta-section .cta-wrapr, .wpo-cta-section-s2 .cta-wrapr, .wpo-cta-section-s3 .cta-wrapr {
     padding: 40px 20px;
   }
 }
-.wpo-cta-section .cta-wrapr .wpo-section-title,
-.wpo-cta-section-s2 .cta-wrapr .wpo-section-title,
-.wpo-cta-section-s3 .cta-wrapr .wpo-section-title {
+.wpo-cta-section .cta-wrapr .wpo-section-title, .wpo-cta-section-s2 .cta-wrapr .wpo-section-title, .wpo-cta-section-s3 .cta-wrapr .wpo-section-title {
   width: calc(100% - 350px);
   text-align: left;
   margin-bottom: 0;
 }
 @media (max-width: 991px) {
-  .wpo-cta-section .cta-wrapr .wpo-section-title,
-  .wpo-cta-section-s2 .cta-wrapr .wpo-section-title,
-  .wpo-cta-section-s3 .cta-wrapr .wpo-section-title {
+  .wpo-cta-section .cta-wrapr .wpo-section-title, .wpo-cta-section-s2 .cta-wrapr .wpo-section-title, .wpo-cta-section-s3 .cta-wrapr .wpo-section-title {
     width: 100%;
     margin-bottom: 50px;
   }
 }
-.wpo-cta-section .cta-wrapr .wpo-section-title h3,
-.wpo-cta-section-s2 .cta-wrapr .wpo-section-title h3,
-.wpo-cta-section-s3 .cta-wrapr .wpo-section-title h3 {
+.wpo-cta-section .cta-wrapr .wpo-section-title h3, .wpo-cta-section-s2 .cta-wrapr .wpo-section-title h3, .wpo-cta-section-s3 .cta-wrapr .wpo-section-title h3 {
   color: #FFF;
   font-size: 38px;
   font-weight: 700;
@@ -6862,17 +6483,11 @@ img {
   margin-bottom: 30px;
 }
 @media (max-width: 1199px) {
-  .wpo-cta-section .cta-wrapr .wpo-section-title h3,
-  .wpo-cta-section-s2 .cta-wrapr .wpo-section-title h3,
-  .wpo-cta-section-s3 .cta-wrapr .wpo-section-title h3 {
+  .wpo-cta-section .cta-wrapr .wpo-section-title h3, .wpo-cta-section-s2 .cta-wrapr .wpo-section-title h3, .wpo-cta-section-s3 .cta-wrapr .wpo-section-title h3 {
     font-size: 35px;
   }
 }
-.wpo-cta-section .cta-wrapr .wpo-section-title .theme-btn, .wpo-cta-section .cta-wrapr .wpo-section-title .view-cart-btn,
-.wpo-cta-section-s2 .cta-wrapr .wpo-section-title .theme-btn,
-.wpo-cta-section-s2 .cta-wrapr .wpo-section-title .view-cart-btn,
-.wpo-cta-section-s3 .cta-wrapr .wpo-section-title .theme-btn,
-.wpo-cta-section-s3 .cta-wrapr .wpo-section-title .view-cart-btn {
+.wpo-cta-section .cta-wrapr .wpo-section-title .theme-btn, .wpo-cta-section .cta-wrapr .wpo-section-title .view-cart-btn, .wpo-cta-section-s2 .cta-wrapr .wpo-section-title .theme-btn, .wpo-cta-section-s2 .cta-wrapr .wpo-section-title .view-cart-btn, .wpo-cta-section-s3 .cta-wrapr .wpo-section-title .theme-btn, .wpo-cta-section-s3 .cta-wrapr .wpo-section-title .view-cart-btn {
   font-family: "Plus Jakarta Sans";
   font-size: 14px;
   font-weight: 600;
@@ -6880,78 +6495,56 @@ img {
   text-transform: uppercase;
   padding: 17px 22px;
 }
-.wpo-cta-section .cta-wrapr .contact-info,
-.wpo-cta-section-s2 .cta-wrapr .contact-info,
-.wpo-cta-section-s3 .cta-wrapr .contact-info {
+.wpo-cta-section .cta-wrapr .contact-info, .wpo-cta-section-s2 .cta-wrapr .contact-info, .wpo-cta-section-s3 .cta-wrapr .contact-info {
   max-width: 350px;
 }
-.wpo-cta-section .cta-wrapr .contact-info .item,
-.wpo-cta-section-s2 .cta-wrapr .contact-info .item,
-.wpo-cta-section-s3 .cta-wrapr .contact-info .item {
+.wpo-cta-section .cta-wrapr .contact-info .item, .wpo-cta-section-s2 .cta-wrapr .contact-info .item, .wpo-cta-section-s3 .cta-wrapr .contact-info .item {
   display: flex;
   align-items: center;
   border-radius: 47.5px;
   background: rgba(255, 255, 255, 0.05);
   -webkit-backdrop-filter: blur(10px);
-          backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
   color: #FF7236;
   padding: 15px 40px 15px 30px;
 }
 @media (max-width: 575px) {
-  .wpo-cta-section .cta-wrapr .contact-info .item,
-  .wpo-cta-section-s2 .cta-wrapr .contact-info .item,
-  .wpo-cta-section-s3 .cta-wrapr .contact-info .item {
+  .wpo-cta-section .cta-wrapr .contact-info .item, .wpo-cta-section-s2 .cta-wrapr .contact-info .item, .wpo-cta-section-s3 .cta-wrapr .contact-info .item {
     padding: 15px 20px;
   }
 }
-.wpo-cta-section .cta-wrapr .contact-info .item:first-child,
-.wpo-cta-section-s2 .cta-wrapr .contact-info .item:first-child,
-.wpo-cta-section-s3 .cta-wrapr .contact-info .item:first-child {
+.wpo-cta-section .cta-wrapr .contact-info .item:first-child, .wpo-cta-section-s2 .cta-wrapr .contact-info .item:first-child, .wpo-cta-section-s3 .cta-wrapr .contact-info .item:first-child {
   margin-bottom: 30px;
 }
-.wpo-cta-section .cta-wrapr .contact-info .item i,
-.wpo-cta-section-s2 .cta-wrapr .contact-info .item i,
-.wpo-cta-section-s3 .cta-wrapr .contact-info .item i {
+.wpo-cta-section .cta-wrapr .contact-info .item i, .wpo-cta-section-s2 .cta-wrapr .contact-info .item i, .wpo-cta-section-s3 .cta-wrapr .contact-info .item i {
   font-size: 35px;
   line-height: 50px;
   position: relative;
   bottom: -7px;
 }
 @media (max-width: 575px) {
-  .wpo-cta-section .cta-wrapr .contact-info .item i,
-  .wpo-cta-section-s2 .cta-wrapr .contact-info .item i,
-  .wpo-cta-section-s3 .cta-wrapr .contact-info .item i {
+  .wpo-cta-section .cta-wrapr .contact-info .item i, .wpo-cta-section-s2 .cta-wrapr .contact-info .item i, .wpo-cta-section-s3 .cta-wrapr .contact-info .item i {
     font-size: 25px;
     line-height: 30px;
   }
 }
-.wpo-cta-section .cta-wrapr .contact-info .item i::before,
-.wpo-cta-section-s2 .cta-wrapr .contact-info .item i::before,
-.wpo-cta-section-s3 .cta-wrapr .contact-info .item i::before {
+.wpo-cta-section .cta-wrapr .contact-info .item i::before, .wpo-cta-section-s2 .cta-wrapr .contact-info .item i::before, .wpo-cta-section-s3 .cta-wrapr .contact-info .item i::before {
   line-height: 0;
 }
-.wpo-cta-section .cta-wrapr .contact-info .item .text,
-.wpo-cta-section-s2 .cta-wrapr .contact-info .item .text,
-.wpo-cta-section-s3 .cta-wrapr .contact-info .item .text {
+.wpo-cta-section .cta-wrapr .contact-info .item .text, .wpo-cta-section-s2 .cta-wrapr .contact-info .item .text, .wpo-cta-section-s3 .cta-wrapr .contact-info .item .text {
   padding-left: 20px;
 }
 @media (max-width: 575px) {
-  .wpo-cta-section .cta-wrapr .contact-info .item .text,
-  .wpo-cta-section-s2 .cta-wrapr .contact-info .item .text,
-  .wpo-cta-section-s3 .cta-wrapr .contact-info .item .text {
+  .wpo-cta-section .cta-wrapr .contact-info .item .text, .wpo-cta-section-s2 .cta-wrapr .contact-info .item .text, .wpo-cta-section-s3 .cta-wrapr .contact-info .item .text {
     padding-left: 10px;
   }
 }
-.wpo-cta-section .cta-wrapr .contact-info .item .text span,
-.wpo-cta-section-s2 .cta-wrapr .contact-info .item .text span,
-.wpo-cta-section-s3 .cta-wrapr .contact-info .item .text span {
+.wpo-cta-section .cta-wrapr .contact-info .item .text span, .wpo-cta-section-s2 .cta-wrapr .contact-info .item .text span, .wpo-cta-section-s3 .cta-wrapr .contact-info .item .text span {
   font-size: 16px;
   font-weight: 600;
   line-height: 20px;
 }
-.wpo-cta-section .cta-wrapr .contact-info .item .text p,
-.wpo-cta-section-s2 .cta-wrapr .contact-info .item .text p,
-.wpo-cta-section-s3 .cta-wrapr .contact-info .item .text p {
+.wpo-cta-section .cta-wrapr .contact-info .item .text p, .wpo-cta-section-s2 .cta-wrapr .contact-info .item .text p, .wpo-cta-section-s3 .cta-wrapr .contact-info .item .text p {
   color: #FFF;
   font-size: 21px;
   font-weight: 600;
@@ -6960,18 +6553,13 @@ img {
   margin-bottom: 0;
 }
 @media (max-width: 575px) {
-  .wpo-cta-section .cta-wrapr .contact-info .item .text p,
-  .wpo-cta-section-s2 .cta-wrapr .contact-info .item .text p,
-  .wpo-cta-section-s3 .cta-wrapr .contact-info .item .text p {
+  .wpo-cta-section .cta-wrapr .contact-info .item .text p, .wpo-cta-section-s2 .cta-wrapr .contact-info .item .text p, .wpo-cta-section-s3 .cta-wrapr .contact-info .item .text p {
     font-size: 15px;
     line-height: 25px;
   }
 }
-
 /*3.12 wpo-team-section */
-.wpo-team-section,
-.wpo-team-section-s2,
-.wpo-team-section-s3 {
+.wpo-team-section, .wpo-team-section-s2, .wpo-team-section-s3 {
   position: relative;
   z-index: 1;
   background: #FFF5F0;
@@ -6979,43 +6567,31 @@ img {
   margin-top: -150px;
 }
 @media (max-width: 991px) {
-  .wpo-team-section,
-  .wpo-team-section-s2,
-  .wpo-team-section-s3 {
+  .wpo-team-section, .wpo-team-section-s2, .wpo-team-section-s3 {
     margin-top: 90px;
     padding-top: 90px;
   }
 }
 @media (max-width: 767px) {
-  .wpo-team-section,
-  .wpo-team-section-s2,
-  .wpo-team-section-s3 {
+  .wpo-team-section, .wpo-team-section-s2, .wpo-team-section-s3 {
     margin-top: 80px;
     padding-top: 80px;
   }
 }
-.wpo-team-section .wpo-section-title,
-.wpo-team-section-s2 .wpo-section-title,
-.wpo-team-section-s3 .wpo-section-title {
+.wpo-team-section .wpo-section-title, .wpo-team-section-s2 .wpo-section-title, .wpo-team-section-s3 .wpo-section-title {
   text-align: left;
 }
-.wpo-team-section .owl-nav,
-.wpo-team-section-s2 .owl-nav,
-.wpo-team-section-s3 .owl-nav {
+.wpo-team-section .owl-nav, .wpo-team-section-s2 .owl-nav, .wpo-team-section-s3 .owl-nav {
   position: absolute;
   right: 16%;
   top: -124px;
 }
 @media (max-width: 991px) {
-  .wpo-team-section .owl-nav,
-  .wpo-team-section-s2 .owl-nav,
-  .wpo-team-section-s3 .owl-nav {
+  .wpo-team-section .owl-nav, .wpo-team-section-s2 .owl-nav, .wpo-team-section-s3 .owl-nav {
     display: none;
   }
 }
-.wpo-team-section .owl-prev,
-.wpo-team-section-s2 .owl-prev,
-.wpo-team-section-s3 .owl-prev {
+.wpo-team-section .owl-prev, .wpo-team-section-s2 .owl-prev, .wpo-team-section-s3 .owl-prev {
   border-radius: 66px;
   border: 1px solid rgba(0, 0, 0, 0.28);
   width: 66px;
@@ -7024,14 +6600,10 @@ img {
   position: relative;
   transition: all 0.3s ease-in-out;
 }
-.wpo-team-section .owl-prev span,
-.wpo-team-section-s2 .owl-prev span,
-.wpo-team-section-s3 .owl-prev span {
+.wpo-team-section .owl-prev span, .wpo-team-section-s2 .owl-prev span, .wpo-team-section-s3 .owl-prev span {
   display: none;
 }
-.wpo-team-section .owl-prev::after,
-.wpo-team-section-s2 .owl-prev::after,
-.wpo-team-section-s3 .owl-prev::after {
+.wpo-team-section .owl-prev::after, .wpo-team-section-s2 .owl-prev::after, .wpo-team-section-s3 .owl-prev::after {
   position: absolute;
   left: 50%;
   top: 50%;
@@ -7042,20 +6614,14 @@ img {
   color: rgb(8, 17, 45);
   transition: all 0.3s ease-in-out;
 }
-.wpo-team-section .owl-prev:hover,
-.wpo-team-section-s2 .owl-prev:hover,
-.wpo-team-section-s3 .owl-prev:hover {
+.wpo-team-section .owl-prev:hover, .wpo-team-section-s2 .owl-prev:hover, .wpo-team-section-s3 .owl-prev:hover {
   background: #FF7236;
   border: 1px solid transparent;
 }
-.wpo-team-section .owl-prev:hover::after,
-.wpo-team-section-s2 .owl-prev:hover::after,
-.wpo-team-section-s3 .owl-prev:hover::after {
+.wpo-team-section .owl-prev:hover::after, .wpo-team-section-s2 .owl-prev:hover::after, .wpo-team-section-s3 .owl-prev:hover::after {
   color: #fff;
 }
-.wpo-team-section .owl-next,
-.wpo-team-section-s2 .owl-next,
-.wpo-team-section-s3 .owl-next {
+.wpo-team-section .owl-next, .wpo-team-section-s2 .owl-next, .wpo-team-section-s3 .owl-next {
   border-radius: 66px;
   border: 1px solid rgba(0, 0, 0, 0.28);
   width: 66px;
@@ -7065,14 +6631,10 @@ img {
   margin-left: 20px;
   transition: all 0.3s ease-in-out;
 }
-.wpo-team-section .owl-next span,
-.wpo-team-section-s2 .owl-next span,
-.wpo-team-section-s3 .owl-next span {
+.wpo-team-section .owl-next span, .wpo-team-section-s2 .owl-next span, .wpo-team-section-s3 .owl-next span {
   display: none;
 }
-.wpo-team-section .owl-next::after,
-.wpo-team-section-s2 .owl-next::after,
-.wpo-team-section-s3 .owl-next::after {
+.wpo-team-section .owl-next::after, .wpo-team-section-s2 .owl-next::after, .wpo-team-section-s3 .owl-next::after {
   position: absolute;
   left: 50%;
   top: 50%;
@@ -7083,77 +6645,54 @@ img {
   color: rgb(8, 17, 45);
   transition: all 0.3s ease-in-out;
 }
-.wpo-team-section .owl-next:hover,
-.wpo-team-section-s2 .owl-next:hover,
-.wpo-team-section-s3 .owl-next:hover {
+.wpo-team-section .owl-next:hover, .wpo-team-section-s2 .owl-next:hover, .wpo-team-section-s3 .owl-next:hover {
   background: #FF7236;
   border: 1px solid transparent;
 }
-.wpo-team-section .owl-next:hover::after,
-.wpo-team-section-s2 .owl-next:hover::after,
-.wpo-team-section-s3 .owl-next:hover::after {
+.wpo-team-section .owl-next:hover::after, .wpo-team-section-s2 .owl-next:hover::after, .wpo-team-section-s3 .owl-next:hover::after {
   color: #fff;
 }
-.wpo-team-section .all-team-btn,
-.wpo-team-section-s2 .all-team-btn,
-.wpo-team-section-s3 .all-team-btn {
+.wpo-team-section .all-team-btn, .wpo-team-section-s2 .all-team-btn, .wpo-team-section-s3 .all-team-btn {
   text-align: center;
   margin-top: 20px;
 }
-.wpo-team-section .all-team-btn .theme-btn, .wpo-team-section .all-team-btn .view-cart-btn,
-.wpo-team-section-s2 .all-team-btn .theme-btn,
-.wpo-team-section-s2 .all-team-btn .view-cart-btn,
-.wpo-team-section-s3 .all-team-btn .theme-btn,
-.wpo-team-section-s3 .all-team-btn .view-cart-btn {
+.wpo-team-section .all-team-btn .theme-btn, .wpo-team-section .all-team-btn .view-cart-btn, .wpo-team-section-s2 .all-team-btn .theme-btn, .wpo-team-section-s2 .all-team-btn .view-cart-btn, .wpo-team-section-s3 .all-team-btn .theme-btn, .wpo-team-section-s3 .all-team-btn .view-cart-btn {
   padding: 21px 60px;
   font-weight: 600;
 }
 @media (max-width: 991px) {
-  .wpo-team-section .all-team-btn .theme-btn, .wpo-team-section .all-team-btn .view-cart-btn,
-  .wpo-team-section-s2 .all-team-btn .theme-btn,
-  .wpo-team-section-s2 .all-team-btn .view-cart-btn,
-  .wpo-team-section-s3 .all-team-btn .theme-btn,
-  .wpo-team-section-s3 .all-team-btn .view-cart-btn {
+  .wpo-team-section .all-team-btn .theme-btn, .wpo-team-section .all-team-btn .view-cart-btn, .wpo-team-section-s2 .all-team-btn .theme-btn, .wpo-team-section-s2 .all-team-btn .view-cart-btn, .wpo-team-section-s3 .all-team-btn .theme-btn, .wpo-team-section-s3 .all-team-btn .view-cart-btn {
     font-size: 14px;
     padding: 18px 45px;
   }
 }
-.wpo-team-section .shape,
-.wpo-team-section-s2 .shape,
-.wpo-team-section-s3 .shape {
+.wpo-team-section .shape, .wpo-team-section-s2 .shape, .wpo-team-section-s3 .shape {
   position: absolute;
   left: 60px;
   top: 15%;
   z-index: -1;
 }
 @media (max-width: 991px) {
-  .wpo-team-section .shape,
-  .wpo-team-section-s2 .shape,
-  .wpo-team-section-s3 .shape {
+  .wpo-team-section .shape, .wpo-team-section-s2 .shape, .wpo-team-section-s3 .shape {
     display: none;
   }
 }
-
-.wpo-team-section-s2,
-.wpo-team-section-s3 {
+.wpo-team-section-s2, .wpo-team-section-s3 {
   margin-top: 0;
   padding-top: 120px;
 }
 @media (max-width: 991px) {
-  .wpo-team-section-s2,
-  .wpo-team-section-s3 {
+  .wpo-team-section-s2, .wpo-team-section-s3 {
     margin-top: 90px;
     padding-top: 90px;
   }
 }
 @media (max-width: 767px) {
-  .wpo-team-section-s2,
-  .wpo-team-section-s3 {
+  .wpo-team-section-s2, .wpo-team-section-s3 {
     margin-top: 80px;
     padding-top: 80px;
   }
 }
-
 .team-card {
   max-width: 353px;
 }
@@ -7213,7 +6752,7 @@ img {
   content: "";
   transform: translateX(-50%);
   -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
-          clip-path: polygon(0 0, 50% 100%, 100% 0);
+  clip-path: polygon(0 0, 50% 100%, 100% 0);
   z-index: -1;
 }
 .team-card .image ul li {
@@ -7301,7 +6840,6 @@ img {
 .team-card:hover .content .hover-icon::after {
   background: #fff;
 }
-
 .wpo-team-section-s3 {
   padding-bottom: 90px;
 }
@@ -7324,7 +6862,6 @@ img {
     max-width: 100%;
   }
 }
-
 /*3.13 wpo-blog-section */
 .wpo-blog-section {
   position: relative;
@@ -7358,9 +6895,8 @@ img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
-
 .blog-card {
   border-radius: 16px;
   box-shadow: 0px 10px 60px 0px rgba(174, 174, 174, 0.2);
@@ -7484,7 +7020,6 @@ img {
   letter-spacing: -0.32px;
   padding-left: 7px;
 }
-
 /*3.14 wpo-map-section */
 .wpo-map-section .wpo-map {
   height: 410px;
@@ -7499,7 +7034,6 @@ img {
 .wpo-map-section h2.hidden {
   display: none;
 }
-
 /*--------------------------------------------------------------
 5. Home-style-2
 --------------------------------------------------------------*/
@@ -7684,7 +7218,7 @@ img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 @media (max-width: 575px) {
   .wpo-track-section .funfact li .shape svg {
@@ -7728,7 +7262,6 @@ img {
   margin-bottom: 0;
   padding: 0 15px;
 }
-
 /*5.2 wpo-service-section-s2 */
 .wpo-service-section-s2 {
   position: relative;
@@ -7753,7 +7286,6 @@ img {
     padding: 0;
   }
 }
-
 .service-card-s2 {
   margin-bottom: 30px;
   background: #fff;
@@ -7869,66 +7401,55 @@ img {
 .service-card-s2:hover .services-btn a::before {
   color: #FFB302;
 }
-
 /*5.3 wpo-funfact-section-s2 */
-.wpo-funfact-section-s2,
-.wpo-funfact-section-s3 {
+.wpo-funfact-section-s2, .wpo-funfact-section-s3 {
   position: relative;
   background: url(../images/funfact-bg.png) no-repeat center/cover;
   padding-top: 315px;
   margin-top: -230px;
 }
 @media (max-width: 991px) {
-  .wpo-funfact-section-s2,
-  .wpo-funfact-section-s3 {
+  .wpo-funfact-section-s2, .wpo-funfact-section-s3 {
     padding-top: 90px;
     margin-top: 0px;
   }
 }
 @media (max-width: 767px) {
-  .wpo-funfact-section-s2,
-  .wpo-funfact-section-s3 {
+  .wpo-funfact-section-s2, .wpo-funfact-section-s3 {
     padding-top: 80px;
   }
 }
-.wpo-funfact-section-s2 .wraper,
-.wpo-funfact-section-s3 .wraper {
+.wpo-funfact-section-s2 .wraper, .wpo-funfact-section-s3 .wraper {
   border-radius: 8px;
   background: #0B3742;
   box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.05);
 }
 @media (max-width: 991px) {
-  .wpo-funfact-section-s2 .wraper,
-  .wpo-funfact-section-s3 .wraper {
+  .wpo-funfact-section-s2 .wraper, .wpo-funfact-section-s3 .wraper {
     padding-top: 35px;
   }
 }
-.wpo-funfact-section-s2 .wraper .col:last-child .item::before,
-.wpo-funfact-section-s3 .wraper .col:last-child .item::before {
+.wpo-funfact-section-s2 .wraper .col:last-child .item::before, .wpo-funfact-section-s3 .wraper .col:last-child .item::before {
   display: none;
 }
 @media (max-width: 991px) {
-  .wpo-funfact-section-s2 .wraper .col:nth-child(2) .item::before,
-  .wpo-funfact-section-s3 .wraper .col:nth-child(2) .item::before {
+  .wpo-funfact-section-s2 .wraper .col:nth-child(2) .item::before, .wpo-funfact-section-s3 .wraper .col:nth-child(2) .item::before {
     display: none;
   }
 }
-.wpo-funfact-section-s2 .wraper .item,
-.wpo-funfact-section-s3 .wraper .item {
+.wpo-funfact-section-s2 .wraper .item, .wpo-funfact-section-s3 .wraper .item {
   text-align: center;
   color: #fff;
   padding: 45px 0;
   position: relative;
 }
 @media (max-width: 991px) {
-  .wpo-funfact-section-s2 .wraper .item,
-  .wpo-funfact-section-s3 .wraper .item {
+  .wpo-funfact-section-s2 .wraper .item, .wpo-funfact-section-s3 .wraper .item {
     padding: 0;
     padding-bottom: 35px;
   }
 }
-.wpo-funfact-section-s2 .wraper .item::before,
-.wpo-funfact-section-s3 .wraper .item::before {
+.wpo-funfact-section-s2 .wraper .item::before, .wpo-funfact-section-s3 .wraper .item::before {
   position: absolute;
   right: 0;
   top: 50%;
@@ -7939,50 +7460,42 @@ img {
   background: rgba(255, 255, 255, 0.13);
 }
 @media (max-width: 767px) {
-  .wpo-funfact-section-s2 .wraper .item::before,
-  .wpo-funfact-section-s3 .wraper .item::before {
+  .wpo-funfact-section-s2 .wraper .item::before, .wpo-funfact-section-s3 .wraper .item::before {
     display: none;
   }
 }
-.wpo-funfact-section-s2 .wraper .item i,
-.wpo-funfact-section-s3 .wraper .item i {
+.wpo-funfact-section-s2 .wraper .item i, .wpo-funfact-section-s3 .wraper .item i {
   font-size: 56px;
   line-height: 60px;
 }
-.wpo-funfact-section-s2 .wraper .item h2,
-.wpo-funfact-section-s3 .wraper .item h2 {
+.wpo-funfact-section-s2 .wraper .item h2, .wpo-funfact-section-s3 .wraper .item h2 {
   font-size: 36px;
   font-weight: 700;
   margin-bottom: 0;
   color: #fff;
 }
-.wpo-funfact-section-s2 .wraper .item h2 span,
-.wpo-funfact-section-s3 .wraper .item h2 span {
+.wpo-funfact-section-s2 .wraper .item h2 span, .wpo-funfact-section-s3 .wraper .item h2 span {
   color: #fff;
   font-family: "Plus Jakarta Sans";
 }
-.wpo-funfact-section-s2 .wraper .item p,
-.wpo-funfact-section-s3 .wraper .item p {
+.wpo-funfact-section-s2 .wraper .item p, .wpo-funfact-section-s3 .wraper .item p {
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 0;
   color: #fff;
 }
-.wpo-funfact-section-s2 .left-shape,
-.wpo-funfact-section-s3 .left-shape {
+.wpo-funfact-section-s2 .left-shape, .wpo-funfact-section-s3 .left-shape {
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
 }
-.wpo-funfact-section-s2 .right-shape,
-.wpo-funfact-section-s3 .right-shape {
+.wpo-funfact-section-s2 .right-shape, .wpo-funfact-section-s3 .right-shape {
   position: absolute;
   right: 0;
   bottom: 0;
   z-index: -1;
 }
-
 /*5.4 wpo-about-section-s2 */
 .wpo-about-section-s2 {
   position: relative;
@@ -8065,7 +7578,7 @@ img {
   height: 30px;
   background: #A81017;
   -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
-          clip-path: polygon(0 0, 0% 100%, 100% 100%);
+  clip-path: polygon(0 0, 0% 100%, 100% 100%);
 }
 .wpo-about-section-s2 .about-left .people h2 {
   color: #fff;
@@ -8309,47 +7822,39 @@ img {
     display: none;
   }
 }
-
 /*5.5 wpo-request-quate-section */
-.wpo-request-quate-section,
-.wpo-request-quate-section-s3 {
+.wpo-request-quate-section, .wpo-request-quate-section-s3 {
   position: relative;
   z-index: 1;
   margin-bottom: -460px;
 }
 @media (max-width: 991px) {
-  .wpo-request-quate-section,
-  .wpo-request-quate-section-s3 {
+  .wpo-request-quate-section, .wpo-request-quate-section-s3 {
     margin-bottom: 90px;
   }
 }
 @media (max-width: 767px) {
-  .wpo-request-quate-section,
-  .wpo-request-quate-section-s3 {
+  .wpo-request-quate-section, .wpo-request-quate-section-s3 {
     margin-bottom: 80px;
   }
 }
-.wpo-request-quate-section .title,
-.wpo-request-quate-section-s3 .title {
+.wpo-request-quate-section .title, .wpo-request-quate-section-s3 .title {
   margin-top: 70px;
   text-align: center;
   margin-bottom: 120px;
 }
 @media (max-width: 1199px) {
-  .wpo-request-quate-section .title,
-  .wpo-request-quate-section-s3 .title {
+  .wpo-request-quate-section .title, .wpo-request-quate-section-s3 .title {
     margin-top: 150px;
     margin-bottom: 50px;
   }
 }
 @media (max-width: 991px) {
-  .wpo-request-quate-section .title,
-  .wpo-request-quate-section-s3 .title {
+  .wpo-request-quate-section .title, .wpo-request-quate-section-s3 .title {
     margin-top: 60px;
   }
 }
-.wpo-request-quate-section .title h1,
-.wpo-request-quate-section-s3 .title h1 {
+.wpo-request-quate-section .title h1, .wpo-request-quate-section-s3 .title h1 {
   background: url(../images/transport-bg.jpg) center/cover no-repeat;
   background-clip: text;
   -webkit-background-clip: text;
@@ -8359,34 +7864,29 @@ img {
   margin-bottom: 0;
 }
 @media (max-width: 1199px) {
-  .wpo-request-quate-section .title h1,
-  .wpo-request-quate-section-s3 .title h1 {
+  .wpo-request-quate-section .title h1, .wpo-request-quate-section-s3 .title h1 {
     font-size: 150px;
     line-height: 150px;
   }
 }
 @media (max-width: 991px) {
-  .wpo-request-quate-section .title h1,
-  .wpo-request-quate-section-s3 .title h1 {
+  .wpo-request-quate-section .title h1, .wpo-request-quate-section-s3 .title h1 {
     font-size: 120px;
     line-height: 130px;
   }
 }
 @media (max-width: 767px) {
-  .wpo-request-quate-section .title h1,
-  .wpo-request-quate-section-s3 .title h1 {
+  .wpo-request-quate-section .title h1, .wpo-request-quate-section-s3 .title h1 {
     font-size: 50px;
     line-height: 80px;
   }
 }
-.wpo-request-quate-section .tab-wrap .tab,
-.wpo-request-quate-section-s3 .tab-wrap .tab {
+.wpo-request-quate-section .tab-wrap .tab, .wpo-request-quate-section-s3 .tab-wrap .tab {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
 }
-.wpo-request-quate-section .tab-wrap .tab .tablinks,
-.wpo-request-quate-section-s3 .tab-wrap .tab .tablinks {
+.wpo-request-quate-section .tab-wrap .tab .tablinks, .wpo-request-quate-section-s3 .tab-wrap .tab .tablinks {
   background: #0B3742;
   width: 50%;
   text-align: center;
@@ -8396,75 +7896,59 @@ img {
   padding: 20px;
   border: transparent;
 }
-.wpo-request-quate-section .tab-wrap .tab .tablinks:last-child,
-.wpo-request-quate-section-s3 .tab-wrap .tab .tablinks:last-child {
+.wpo-request-quate-section .tab-wrap .tab .tablinks:last-child, .wpo-request-quate-section-s3 .tab-wrap .tab .tablinks:last-child {
   background: #FF7236;
 }
 @media (max-width: 575px) {
-  .wpo-request-quate-section .tab-wrap .tab .tablinks,
-  .wpo-request-quate-section-s3 .tab-wrap .tab .tablinks {
+  .wpo-request-quate-section .tab-wrap .tab .tablinks, .wpo-request-quate-section-s3 .tab-wrap .tab .tablinks {
     width: 100%;
     padding: 15px;
     font-size: 16px;
   }
 }
-.wpo-request-quate-section .tabcontent,
-.wpo-request-quate-section-s3 .tabcontent {
+.wpo-request-quate-section .tabcontent, .wpo-request-quate-section-s3 .tabcontent {
   background: #FFF;
   box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.03);
   padding: 60px 50px 60px 50px;
 }
 @media (max-width: 1399px) {
-  .wpo-request-quate-section .tabcontent,
-  .wpo-request-quate-section-s3 .tabcontent {
+  .wpo-request-quate-section .tabcontent, .wpo-request-quate-section-s3 .tabcontent {
     padding: 50px 20px 50px 20px;
   }
 }
 @media (max-width: 575px) {
-  .wpo-request-quate-section .tabcontent,
-  .wpo-request-quate-section-s3 .tabcontent {
+  .wpo-request-quate-section .tabcontent, .wpo-request-quate-section-s3 .tabcontent {
     padding: 20px 10px;
   }
 }
-.wpo-request-quate-section .tab-wraper,
-.wpo-request-quate-section .tab-wraper-s2,
-.wpo-request-quate-section-s3 .tab-wraper,
-.wpo-request-quate-section-s3 .tab-wraper-s2 {
+.wpo-request-quate-section .tab-wraper, .wpo-request-quate-section .tab-wraper-s2, .wpo-request-quate-section-s3 .tab-wraper, .wpo-request-quate-section-s3 .tab-wraper-s2 {
   display: flex;
   align-items: center;
 }
 @media (max-width: 991px) {
-  .wpo-request-quate-section .tab-wraper,
-  .wpo-request-quate-section .tab-wraper-s2,
-  .wpo-request-quate-section-s3 .tab-wraper,
-  .wpo-request-quate-section-s3 .tab-wraper-s2 {
+  .wpo-request-quate-section .tab-wraper, .wpo-request-quate-section .tab-wraper-s2, .wpo-request-quate-section-s3 .tab-wraper, .wpo-request-quate-section-s3 .tab-wraper-s2 {
     flex-direction: column;
   }
 }
-.wpo-request-quate-section .form-wrap,
-.wpo-request-quate-section-s3 .form-wrap {
+.wpo-request-quate-section .form-wrap, .wpo-request-quate-section-s3 .form-wrap {
   width: calc(100% - 275px);
   padding-right: 65px;
 }
 @media (max-width: 1399px) {
-  .wpo-request-quate-section .form-wrap,
-  .wpo-request-quate-section-s3 .form-wrap {
+  .wpo-request-quate-section .form-wrap, .wpo-request-quate-section-s3 .form-wrap {
     padding-right: 20px;
   }
 }
 @media (max-width: 991px) {
-  .wpo-request-quate-section .form-wrap,
-  .wpo-request-quate-section-s3 .form-wrap {
+  .wpo-request-quate-section .form-wrap, .wpo-request-quate-section-s3 .form-wrap {
     width: 100%;
     padding-right: 0;
   }
 }
-.wpo-request-quate-section .form-wrap .form-fild,
-.wpo-request-quate-section-s3 .form-wrap .form-fild {
+.wpo-request-quate-section .form-wrap .form-fild, .wpo-request-quate-section-s3 .form-wrap .form-fild {
   margin-bottom: 30px;
 }
-.wpo-request-quate-section .form-wrap .form-fild label,
-.wpo-request-quate-section-s3 .form-wrap .form-fild label {
+.wpo-request-quate-section .form-wrap .form-fild label, .wpo-request-quate-section-s3 .form-wrap .form-fild label {
   color: #000;
   font-family: "Plus Jakarta Sans";
   font-size: 18px;
@@ -8473,8 +7957,7 @@ img {
   margin-bottom: 10px;
   width: 100%;
 }
-.wpo-request-quate-section .form-wrap .form-fild .fild,
-.wpo-request-quate-section-s3 .form-wrap .form-fild .fild {
+.wpo-request-quate-section .form-wrap .form-fild .fild, .wpo-request-quate-section-s3 .form-wrap .form-fild .fild {
   width: 100%;
   height: 47px;
   background: #F2F2F2;
@@ -8487,26 +7970,21 @@ img {
   border: 1px solid transparent;
   transition: all 0.3s ease-in-out;
 }
-.wpo-request-quate-section .form-wrap .form-fild .fild:focus-visible,
-.wpo-request-quate-section-s3 .form-wrap .form-fild .fild:focus-visible {
+.wpo-request-quate-section .form-wrap .form-fild .fild:focus-visible, .wpo-request-quate-section-s3 .form-wrap .form-fild .fild:focus-visible {
   outline: -webkit-focus-ring-color auto transparent;
   outline: 0;
   border: 1px solid #FF7236;
 }
-.wpo-request-quate-section .form-wrap .form-fild .fild::-webkit-input-placeholder,
-.wpo-request-quate-section-s3 .form-wrap .form-fild .fild::-webkit-input-placeholder {
+.wpo-request-quate-section .form-wrap .form-fild .fild::-webkit-input-placeholder, .wpo-request-quate-section-s3 .form-wrap .form-fild .fild::-webkit-input-placeholder {
   color: #000;
 }
-.wpo-request-quate-section .form-wrap .form-fild .fild::-moz-placeholder,
-.wpo-request-quate-section-s3 .form-wrap .form-fild .fild::-moz-placeholder {
+.wpo-request-quate-section .form-wrap .form-fild .fild::-moz-placeholder, .wpo-request-quate-section-s3 .form-wrap .form-fild .fild::-moz-placeholder {
   color: #000;
 }
-.wpo-request-quate-section .form-wrap .form-fild .fild::-moz-placeholder,
-.wpo-request-quate-section-s3 .form-wrap .form-fild .fild::-moz-placeholder {
+.wpo-request-quate-section .form-wrap .form-fild .fild::-moz-placeholder, .wpo-request-quate-section-s3 .form-wrap .form-fild .fild::-moz-placeholder {
   color: #000;
 }
-.wpo-request-quate-section .form-wrap .form-fild select,
-.wpo-request-quate-section-s3 .form-wrap .form-fild select {
+.wpo-request-quate-section .form-wrap .form-fild select, .wpo-request-quate-section-s3 .form-wrap .form-fild select {
   display: inline-block;
   cursor: pointer;
   opacity: 1;
@@ -8519,27 +7997,21 @@ img {
   background: #F2F2F2 url(../images/select-icon2.png) no-repeat calc(100% - 15px) center !important;
   position: relative;
 }
-.wpo-request-quate-section .form-wrap .form-fild .mb-0,
-.wpo-request-quate-section-s3 .form-wrap .form-fild .mb-0 {
+.wpo-request-quate-section .form-wrap .form-fild .mb-0, .wpo-request-quate-section-s3 .form-wrap .form-fild .mb-0 {
   margin-bottom: 0;
 }
-.wpo-request-quate-section .form-wrap .form-fild .theme-btn, .wpo-request-quate-section .form-wrap .form-fild .view-cart-btn,
-.wpo-request-quate-section-s3 .form-wrap .form-fild .theme-btn,
-.wpo-request-quate-section-s3 .form-wrap .form-fild .view-cart-btn {
+.wpo-request-quate-section .form-wrap .form-fild .theme-btn, .wpo-request-quate-section .form-wrap .form-fild .view-cart-btn, .wpo-request-quate-section-s3 .form-wrap .form-fild .theme-btn, .wpo-request-quate-section-s3 .form-wrap .form-fild .view-cart-btn {
   width: 100%;
   text-transform: capitalize;
 }
-.wpo-request-quate-section .form-wrap .form-fild.s2,
-.wpo-request-quate-section-s3 .form-wrap .form-fild.s2 {
+.wpo-request-quate-section .form-wrap .form-fild.s2, .wpo-request-quate-section-s3 .form-wrap .form-fild.s2 {
   margin-bottom: 20px;
 }
-.wpo-request-quate-section .form-wrap .form-fild input[type=checkbox],
-.wpo-request-quate-section-s3 .form-wrap .form-fild input[type=checkbox] {
+.wpo-request-quate-section .form-wrap .form-fild input[type=checkbox], .wpo-request-quate-section-s3 .form-wrap .form-fild input[type=checkbox] {
   position: relative;
   cursor: pointer;
 }
-.wpo-request-quate-section .form-wrap .form-fild input[type=checkbox]:checked:before,
-.wpo-request-quate-section-s3 .form-wrap .form-fild input[type=checkbox]:checked:before {
+.wpo-request-quate-section .form-wrap .form-fild input[type=checkbox]:checked:before, .wpo-request-quate-section-s3 .form-wrap .form-fild input[type=checkbox]:checked:before {
   content: "";
   display: block;
   position: absolute;
@@ -8551,8 +8023,7 @@ img {
   transition: all 0.2s linear;
   top: -2px;
 }
-.wpo-request-quate-section .form-wrap .form-fild input[type=checkbox]:before,
-.wpo-request-quate-section-s3 .form-wrap .form-fild input[type=checkbox]:before {
+.wpo-request-quate-section .form-wrap .form-fild input[type=checkbox]:before, .wpo-request-quate-section-s3 .form-wrap .form-fild input[type=checkbox]:before {
   content: "";
   display: block;
   position: absolute;
@@ -8563,8 +8034,7 @@ img {
   background-color: #fff;
   top: -2px;
 }
-.wpo-request-quate-section .form-wrap .form-fild input[type=checkbox]:after,
-.wpo-request-quate-section-s3 .form-wrap .form-fild input[type=checkbox]:after {
+.wpo-request-quate-section .form-wrap .form-fild input[type=checkbox]:after, .wpo-request-quate-section-s3 .form-wrap .form-fild input[type=checkbox]:after {
   content: "";
   display: block;
   width: 0px;
@@ -8577,8 +8047,7 @@ img {
   left: 7px;
   transition: all 0.2s linear;
 }
-.wpo-request-quate-section .form-wrap .form-fild input[type=checkbox]:checked:after,
-.wpo-request-quate-section-s3 .form-wrap .form-fild input[type=checkbox]:checked:after {
+.wpo-request-quate-section .form-wrap .form-fild input[type=checkbox]:checked:after, .wpo-request-quate-section-s3 .form-wrap .form-fild input[type=checkbox]:checked:after {
   content: "";
   display: block;
   width: 6px;
@@ -8590,8 +8059,7 @@ img {
   top: 1px;
   left: 7px;
 }
-.wpo-request-quate-section .form-wrap .form-fild .chack-leval,
-.wpo-request-quate-section-s3 .form-wrap .form-fild .chack-leval {
+.wpo-request-quate-section .form-wrap .form-fild .chack-leval, .wpo-request-quate-section-s3 .form-wrap .form-fild .chack-leval {
   margin-left: 10px;
   color: #000;
   cursor: pointer;
@@ -8603,40 +8071,33 @@ img {
   line-height: 30px;
 }
 @media (max-width: 1399px) {
-  .wpo-request-quate-section .form-wrap .form-fild .chack-leval,
-  .wpo-request-quate-section-s3 .form-wrap .form-fild .chack-leval {
+  .wpo-request-quate-section .form-wrap .form-fild .chack-leval, .wpo-request-quate-section-s3 .form-wrap .form-fild .chack-leval {
     font-size: 12px;
   }
 }
-.wpo-request-quate-section .form-wrap .chack,
-.wpo-request-quate-section-s3 .form-wrap .chack {
+.wpo-request-quate-section .form-wrap .chack, .wpo-request-quate-section-s3 .form-wrap .chack {
   margin-top: 20px;
   margin-bottom: 20px;
 }
 @media (max-width: 991px) {
-  .wpo-request-quate-section .form-wrap .chack,
-  .wpo-request-quate-section-s3 .form-wrap .chack {
+  .wpo-request-quate-section .form-wrap .chack, .wpo-request-quate-section-s3 .form-wrap .chack {
     margin-top: 0;
   }
 }
-.wpo-request-quate-section .video-content,
-.wpo-request-quate-section-s3 .video-content {
+.wpo-request-quate-section .video-content, .wpo-request-quate-section-s3 .video-content {
   width: 275px;
   position: relative;
 }
 @media (max-width: 991px) {
-  .wpo-request-quate-section .video-content,
-  .wpo-request-quate-section-s3 .video-content {
+  .wpo-request-quate-section .video-content, .wpo-request-quate-section-s3 .video-content {
     display: none;
   }
 }
-.wpo-request-quate-section .video-content img,
-.wpo-request-quate-section-s3 .video-content img {
+.wpo-request-quate-section .video-content img, .wpo-request-quate-section-s3 .video-content img {
   width: 100%;
   border-radius: 10px;
 }
-.wpo-request-quate-section .shape,
-.wpo-request-quate-section-s3 .shape {
+.wpo-request-quate-section .shape, .wpo-request-quate-section-s3 .shape {
   position: absolute;
   max-width: 479px;
   max-height: 520px;
@@ -8645,7 +8106,6 @@ img {
   transform: translateX(-50%);
   z-index: -1;
 }
-
 .wpo-request-quate-section-s3 {
   margin-bottom: 120px;
 }
@@ -8659,7 +8119,6 @@ img {
     margin-bottom: 80px;
   }
 }
-
 .video-holder {
   position: absolute;
   left: 50%;
@@ -8693,67 +8152,56 @@ img {
 .video-holder a i {
   font-size: 20px;
 }
-
 /*5.6 wpo-process-section-s2 */
-.wpo-process-section-s2,
-.wpo-process-section-s3 {
+.wpo-process-section-s2, .wpo-process-section-s3 {
   position: relative;
   background: url(../images/process-bg-2.jpg) no-repeat center/cover;
   padding-top: 520px;
   padding-bottom: 90px;
 }
 @media (max-width: 991px) {
-  .wpo-process-section-s2,
-  .wpo-process-section-s3 {
+  .wpo-process-section-s2, .wpo-process-section-s3 {
     padding-bottom: 60px;
     padding-top: 90px;
   }
 }
 @media (max-width: 767px) {
-  .wpo-process-section-s2,
-  .wpo-process-section-s3 {
+  .wpo-process-section-s2, .wpo-process-section-s3 {
     padding-bottom: 50px;
   }
 }
-.wpo-process-section-s2 .wrape,
-.wpo-process-section-s3 .wrape {
+.wpo-process-section-s2 .wrape, .wpo-process-section-s3 .wrape {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 @media (max-width: 991px) {
-  .wpo-process-section-s2 .wrape,
-  .wpo-process-section-s3 .wrape {
+  .wpo-process-section-s2 .wrape, .wpo-process-section-s3 .wrape {
     flex-wrap: wrap;
   }
 }
-.wpo-process-section-s2 .item,
-.wpo-process-section-s3 .item {
+.wpo-process-section-s2 .item, .wpo-process-section-s3 .item {
   width: 260px;
   text-align: center;
   position: relative;
   margin-bottom: 30px;
 }
 @media (max-width: 1199px) {
-  .wpo-process-section-s2 .item,
-  .wpo-process-section-s3 .item {
+  .wpo-process-section-s2 .item, .wpo-process-section-s3 .item {
     width: 230px;
   }
 }
 @media (max-width: 991px) {
-  .wpo-process-section-s2 .item,
-  .wpo-process-section-s3 .item {
+  .wpo-process-section-s2 .item, .wpo-process-section-s3 .item {
     flex-basis: 50%;
   }
 }
 @media (max-width: 575px) {
-  .wpo-process-section-s2 .item,
-  .wpo-process-section-s3 .item {
+  .wpo-process-section-s2 .item, .wpo-process-section-s3 .item {
     flex-basis: 100%;
   }
 }
-.wpo-process-section-s2 .item .icon,
-.wpo-process-section-s3 .item .icon {
+.wpo-process-section-s2 .item .icon, .wpo-process-section-s3 .item .icon {
   max-width: 185px;
   max-height: 184px;
   line-height: 185px;
@@ -8768,15 +8216,13 @@ img {
   position: relative;
 }
 @media (max-width: 1199px) {
-  .wpo-process-section-s2 .item .icon,
-  .wpo-process-section-s3 .item .icon {
+  .wpo-process-section-s2 .item .icon, .wpo-process-section-s3 .item .icon {
     max-width: 130px;
     max-height: 130px;
     line-height: 130px;
   }
 }
-.wpo-process-section-s2 .item .icon span,
-.wpo-process-section-s3 .item .icon span {
+.wpo-process-section-s2 .item .icon span, .wpo-process-section-s3 .item .icon span {
   color: #FFF;
   text-align: center;
   font-family: "Plus Jakarta Sans";
@@ -8795,26 +8241,22 @@ img {
   background: #FF7236;
 }
 @media (max-width: 1199px) {
-  .wpo-process-section-s2 .item .icon span,
-  .wpo-process-section-s3 .item .icon span {
+  .wpo-process-section-s2 .item .icon span, .wpo-process-section-s3 .item .icon span {
     right: 0px;
     top: 0px;
     font-size: 14px;
   }
 }
-.wpo-process-section-s2 .item .icon i,
-.wpo-process-section-s3 .item .icon i {
+.wpo-process-section-s2 .item .icon i, .wpo-process-section-s3 .item .icon i {
   font-size: 75px;
   color: #0B3742;
 }
 @media (max-width: 1199px) {
-  .wpo-process-section-s2 .item .icon i,
-  .wpo-process-section-s3 .item .icon i {
+  .wpo-process-section-s2 .item .icon i, .wpo-process-section-s3 .item .icon i {
     font-size: 50px;
   }
 }
-.wpo-process-section-s2 .item h2,
-.wpo-process-section-s3 .item h2 {
+.wpo-process-section-s2 .item h2, .wpo-process-section-s3 .item h2 {
   color: #101212;
   text-align: center;
   font-size: 20px;
@@ -8823,62 +8265,52 @@ img {
   margin-bottom: 0;
 }
 @media (max-width: 1199px) {
-  .wpo-process-section-s2 .item h2,
-  .wpo-process-section-s3 .item h2 {
+  .wpo-process-section-s2 .item h2, .wpo-process-section-s3 .item h2 {
     font-size: 17px;
     line-height: 50px;
   }
 }
 @media (max-width: 991px) {
-  .wpo-process-section-s2 .item h2,
-  .wpo-process-section-s3 .item h2 {
+  .wpo-process-section-s2 .item h2, .wpo-process-section-s3 .item h2 {
     line-height: 30px;
   }
 }
-.wpo-process-section-s2 .item .shape,
-.wpo-process-section-s3 .item .shape {
+.wpo-process-section-s2 .item .shape, .wpo-process-section-s3 .item .shape {
   position: absolute;
   top: 40%;
   right: -35%;
   transform: translateY(-50%);
 }
 @media (max-width: 1399px) {
-  .wpo-process-section-s2 .item .shape,
-  .wpo-process-section-s3 .item .shape {
+  .wpo-process-section-s2 .item .shape, .wpo-process-section-s3 .item .shape {
     right: -22%;
   }
 }
 @media (max-width: 1199px) {
-  .wpo-process-section-s2 .item .shape,
-  .wpo-process-section-s3 .item .shape {
+  .wpo-process-section-s2 .item .shape, .wpo-process-section-s3 .item .shape {
     right: -20%;
     top: 33%;
   }
 }
 @media (max-width: 991px) {
-  .wpo-process-section-s2 .item .shape,
-  .wpo-process-section-s3 .item .shape {
+  .wpo-process-section-s2 .item .shape, .wpo-process-section-s3 .item .shape {
     right: -15%;
     top: 33%;
   }
 }
 @media (max-width: 575px) {
-  .wpo-process-section-s2 .item .shape,
-  .wpo-process-section-s3 .item .shape {
+  .wpo-process-section-s2 .item .shape, .wpo-process-section-s3 .item .shape {
     display: none;
   }
 }
-.wpo-process-section-s2 .item:last-child .shape,
-.wpo-process-section-s3 .item:last-child .shape {
+.wpo-process-section-s2 .item:last-child .shape, .wpo-process-section-s3 .item:last-child .shape {
   display: none;
 }
 @media (max-width: 991px) {
-  .wpo-process-section-s2 .item:nth-child(2) .shape,
-  .wpo-process-section-s3 .item:nth-child(2) .shape {
+  .wpo-process-section-s2 .item:nth-child(2) .shape, .wpo-process-section-s3 .item:nth-child(2) .shape {
     display: none;
   }
 }
-
 /*5.7 wpo-features-section-s2 */
 .wpo-features-section-s2 .top-wraper {
   position: relative;
@@ -8979,90 +8411,72 @@ img {
   line-height: 30px;
   margin-bottom: 0;
 }
-
 /*5.8 wpo-pricing-section */
-.wpo-pricing-section,
-.wpo-pricing-section-s2 {
+.wpo-pricing-section, .wpo-pricing-section-s2 {
   position: relative;
   padding-bottom: 90px;
 }
 @media (max-width: 991px) {
-  .wpo-pricing-section,
-  .wpo-pricing-section-s2 {
+  .wpo-pricing-section, .wpo-pricing-section-s2 {
     padding-bottom: 60px;
   }
 }
 @media (max-width: 767px) {
-  .wpo-pricing-section,
-  .wpo-pricing-section-s2 {
+  .wpo-pricing-section, .wpo-pricing-section-s2 {
     padding-bottom: 50px;
   }
 }
-.wpo-pricing-section .col:nth-child(2) .pric-card,
-.wpo-pricing-section-s2 .col:nth-child(2) .pric-card {
+.wpo-pricing-section .col:nth-child(2) .pric-card, .wpo-pricing-section-s2 .col:nth-child(2) .pric-card {
   background: #0B3742;
 }
-.wpo-pricing-section .col:nth-child(2) .pric-card h4,
-.wpo-pricing-section-s2 .col:nth-child(2) .pric-card h4 {
+.wpo-pricing-section .col:nth-child(2) .pric-card h4, .wpo-pricing-section-s2 .col:nth-child(2) .pric-card h4 {
   opacity: 1;
   visibility: visible;
 }
-.wpo-pricing-section .col:nth-child(2) .pric-card .title,
-.wpo-pricing-section-s2 .col:nth-child(2) .pric-card .title {
+.wpo-pricing-section .col:nth-child(2) .pric-card .title, .wpo-pricing-section-s2 .col:nth-child(2) .pric-card .title {
   color: #fff;
 }
-.wpo-pricing-section .col:nth-child(2) .pric-card .pric,
-.wpo-pricing-section-s2 .col:nth-child(2) .pric-card .pric {
+.wpo-pricing-section .col:nth-child(2) .pric-card .pric, .wpo-pricing-section-s2 .col:nth-child(2) .pric-card .pric {
   color: #fff;
 }
-.wpo-pricing-section .col:nth-child(2) .pric-card .pric::before,
-.wpo-pricing-section-s2 .col:nth-child(2) .pric-card .pric::before {
+.wpo-pricing-section .col:nth-child(2) .pric-card .pric::before, .wpo-pricing-section-s2 .col:nth-child(2) .pric-card .pric::before {
   background: #6C6A72;
 }
-.wpo-pricing-section .col:nth-child(2) .pric-card .pric span,
-.wpo-pricing-section-s2 .col:nth-child(2) .pric-card .pric span {
+.wpo-pricing-section .col:nth-child(2) .pric-card .pric span, .wpo-pricing-section-s2 .col:nth-child(2) .pric-card .pric span {
   color: #fff;
 }
-.wpo-pricing-section .col:nth-child(2) .pric-card ul li,
-.wpo-pricing-section-s2 .col:nth-child(2) .pric-card ul li {
+.wpo-pricing-section .col:nth-child(2) .pric-card ul li, .wpo-pricing-section-s2 .col:nth-child(2) .pric-card ul li {
   color: #fff;
 }
-.wpo-pricing-section .col:nth-child(2) .pric-card ul li::after,
-.wpo-pricing-section-s2 .col:nth-child(2) .pric-card ul li::after {
+.wpo-pricing-section .col:nth-child(2) .pric-card ul li::after, .wpo-pricing-section-s2 .col:nth-child(2) .pric-card ul li::after {
   background: #fff;
 }
-.wpo-pricing-section .col:nth-child(2) .pric-card a,
-.wpo-pricing-section-s2 .col:nth-child(2) .pric-card a {
+.wpo-pricing-section .col:nth-child(2) .pric-card a, .wpo-pricing-section-s2 .col:nth-child(2) .pric-card a {
   border: 1px solid rgba(255, 255, 255, 0.21);
   color: #fff;
 }
-.wpo-pricing-section .shape-left,
-.wpo-pricing-section-s2 .shape-left {
+.wpo-pricing-section .shape-left, .wpo-pricing-section-s2 .shape-left {
   position: absolute;
   left: 60px;
   bottom: 94px;
   z-index: -1;
 }
 @media (max-width: 757px) {
-  .wpo-pricing-section .shape-left,
-  .wpo-pricing-section-s2 .shape-left {
+  .wpo-pricing-section .shape-left, .wpo-pricing-section-s2 .shape-left {
     display: none;
   }
 }
-.wpo-pricing-section .shape-rigth,
-.wpo-pricing-section-s2 .shape-rigth {
+.wpo-pricing-section .shape-rigth, .wpo-pricing-section-s2 .shape-rigth {
   position: absolute;
   right: 30px;
   top: 30px;
   z-index: -1;
 }
 @media (max-width: 757px) {
-  .wpo-pricing-section .shape-rigth,
-  .wpo-pricing-section-s2 .shape-rigth {
+  .wpo-pricing-section .shape-rigth, .wpo-pricing-section-s2 .shape-rigth {
     display: none;
   }
 }
-
 .pric-card {
   margin-bottom: 30px;
   background: #fff;
@@ -9291,7 +8705,6 @@ img {
   border: 1px solid rgba(255, 255, 255, 0.21);
   color: #fff;
 }
-
 /*5.9 wpo-portfolio-testimonial-section */
 .wpo-project-testimonial-section {
   position: relative;
@@ -9333,7 +8746,6 @@ img {
     padding: 0 10px;
   }
 }
-
 /*5.10 wpo-project-section-s2 */
 .wpo-project-section-s2 .wpo-section-title {
   text-align: center;
@@ -9341,7 +8753,6 @@ img {
 .wpo-project-section-s2 .wpo-section-title h3 {
   color: #fff;
 }
-
 .project-card-s2 {
   margin-bottom: 30px;
   position: relative;
@@ -9419,7 +8830,6 @@ img {
   color: #FFF;
   font-size: 14px;
 }
-
 .wpo-project-section-s4 {
   padding-bottom: 90px;
 }
@@ -9433,7 +8843,6 @@ img {
     padding-bottom: 50px;
   }
 }
-
 /*5.11 wpo-testimonial-section-s2 */
 .wpo-testimonial-section-s2 .testimonial-wrap {
   background: transparent;
@@ -9523,7 +8932,7 @@ img {
   width: 25px;
   height: 22px;
   -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
-          clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
   background: #fff;
   z-index: -1;
 }
@@ -9597,49 +9006,39 @@ img {
 .wpo-testimonial-section-s2.s4 .content .client-name h4 {
   color: #000;
 }
-
 /*5.12 wpo-partner-section-s2 */
-.wpo-partner-section-s2,
-.wpo-partner-section-s3 {
+.wpo-partner-section-s2, .wpo-partner-section-s3 {
   padding-bottom: 0px;
 }
-.wpo-partner-section-s2 .container,
-.wpo-partner-section-s3 .container {
+.wpo-partner-section-s2 .container, .wpo-partner-section-s3 .container {
   padding-bottom: 60px;
   border-bottom: 1px solid #D9D9D9;
 }
-
 /*5.13 wpo-faq-section */
 @media (max-width: 991px) {
-  .wpo-faq-section .faq-left-content,
-  .wpo-faq-section-s2 .faq-left-content {
+  .wpo-faq-section .faq-left-content, .wpo-faq-section-s2 .faq-left-content {
     margin-bottom: 50px;
   }
 }
-.wpo-faq-section .faq-left-content .wpo-section-title,
-.wpo-faq-section-s2 .faq-left-content .wpo-section-title {
+.wpo-faq-section .faq-left-content .wpo-section-title, .wpo-faq-section-s2 .faq-left-content .wpo-section-title {
   text-align: left;
   margin-bottom: 30px;
 }
-.wpo-faq-section .faq-left-content .wpo-section-title h3,
-.wpo-faq-section-s2 .faq-left-content .wpo-section-title h3 {
+.wpo-faq-section .faq-left-content .wpo-section-title h3, .wpo-faq-section-s2 .faq-left-content .wpo-section-title h3 {
   margin-bottom: 30px;
 }
 @media (max-width: 1199px) {
-  .wpo-faq-section .faq-left-content .wpo-section-title h3,
-  .wpo-faq-section-s2 .faq-left-content .wpo-section-title h3 {
+  .wpo-faq-section .faq-left-content .wpo-section-title h3, .wpo-faq-section-s2 .faq-left-content .wpo-section-title h3 {
     font-size: 30px;
   }
 }
-.wpo-faq-section .faq-left-content .wpo-section-title p,
-.wpo-faq-section-s2 .faq-left-content .wpo-section-title p {
+.wpo-faq-section .faq-left-content .wpo-section-title p, .wpo-faq-section-s2 .faq-left-content .wpo-section-title p {
   max-width: 423px;
   color: #5E5F63;
   font-size: 16px;
   font-weight: 400;
 }
-.wpo-faq-section .faq-left-content .item li,
-.wpo-faq-section-s2 .faq-left-content .item li {
+.wpo-faq-section .faq-left-content .item li, .wpo-faq-section-s2 .faq-left-content .item li {
   position: relative;
   color: rgba(20, 33, 43, 0.7);
   font-size: 18px;
@@ -9648,8 +9047,7 @@ img {
   padding-left: 30px;
   margin-bottom: 20px;
 }
-.wpo-faq-section .faq-left-content .item li::before,
-.wpo-faq-section-s2 .faq-left-content .item li::before {
+.wpo-faq-section .faq-left-content .item li::before, .wpo-faq-section-s2 .faq-left-content .item li::before {
   position: absolute;
   left: 0;
   top: 0;
@@ -9658,8 +9056,7 @@ img {
   font-size: 20px;
   color: #FF7236;
 }
-.wpo-faq-section .faq-left-content .item-service,
-.wpo-faq-section-s2 .faq-left-content .item-service {
+.wpo-faq-section .faq-left-content .item-service, .wpo-faq-section-s2 .faq-left-content .item-service {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -9667,19 +9064,16 @@ img {
   margin-top: 45px;
 }
 @media (max-width: 767px) {
-  .wpo-faq-section .faq-left-content .item-service,
-  .wpo-faq-section-s2 .faq-left-content .item-service {
+  .wpo-faq-section .faq-left-content .item-service, .wpo-faq-section-s2 .faq-left-content .item-service {
     flex-direction: column;
     align-items: start;
   }
 }
-.wpo-faq-section .faq-left-content .item-service li,
-.wpo-faq-section-s2 .faq-left-content .item-service li {
+.wpo-faq-section .faq-left-content .item-service li, .wpo-faq-section-s2 .faq-left-content .item-service li {
   display: flex;
   align-items: center;
 }
-.wpo-faq-section .faq-left-content .item-service li i,
-.wpo-faq-section-s2 .faq-left-content .item-service li i {
+.wpo-faq-section .faq-left-content .item-service li i, .wpo-faq-section-s2 .faq-left-content .item-service li i {
   width: 65px;
   height: 65px;
   line-height: 65px;
@@ -9691,16 +9085,14 @@ img {
   text-align: center;
 }
 @media (max-width: 1199px) {
-  .wpo-faq-section .faq-left-content .item-service li i,
-  .wpo-faq-section-s2 .faq-left-content .item-service li i {
+  .wpo-faq-section .faq-left-content .item-service li i, .wpo-faq-section-s2 .faq-left-content .item-service li i {
     width: 40px;
     height: 40px;
     line-height: 40px;
     font-size: 40px;
   }
 }
-.wpo-faq-section .faq-left-content .item-service li span,
-.wpo-faq-section-s2 .faq-left-content .item-service li span {
+.wpo-faq-section .faq-left-content .item-service li span, .wpo-faq-section-s2 .faq-left-content .item-service li span {
   color: #222;
   font-size: 18px;
   font-weight: 700;
@@ -9708,14 +9100,12 @@ img {
   padding-left: 12px;
 }
 @media (max-width: 1199px) {
-  .wpo-faq-section .faq-left-content .item-service li span,
-  .wpo-faq-section-s2 .faq-left-content .item-service li span {
+  .wpo-faq-section .faq-left-content .item-service li span, .wpo-faq-section-s2 .faq-left-content .item-service li span {
     font-size: 16px;
     line-height: 60px;
   }
 }
-.wpo-faq-section .accordion-item,
-.wpo-faq-section-s2 .accordion-item {
+.wpo-faq-section .accordion-item, .wpo-faq-section-s2 .accordion-item {
   border-radius: 10px;
   border: 1px solid rgba(4, 18, 31, 0.08);
   background: #FFF;
@@ -9723,12 +9113,10 @@ img {
   transition: all 0.3s ease-in-out;
   box-shadow: 0px 14px 47px 0px transparent;
 }
-.wpo-faq-section .accordion-item:last-child,
-.wpo-faq-section-s2 .accordion-item:last-child {
+.wpo-faq-section .accordion-item:last-child, .wpo-faq-section-s2 .accordion-item:last-child {
   margin-bottom: 0;
 }
-.wpo-faq-section .accordion-item .accordion-header,
-.wpo-faq-section-s2 .accordion-item .accordion-header {
+.wpo-faq-section .accordion-item .accordion-header, .wpo-faq-section-s2 .accordion-item .accordion-header {
   text-align: left;
   padding: 20px 35px;
   border: none;
@@ -9745,14 +9133,12 @@ img {
   position: relative;
 }
 @media (max-width: 1199px) {
-  .wpo-faq-section .accordion-item .accordion-header,
-  .wpo-faq-section-s2 .accordion-item .accordion-header {
+  .wpo-faq-section .accordion-item .accordion-header, .wpo-faq-section-s2 .accordion-item .accordion-header {
     padding: 15px 15px;
     font-size: 15px;
   }
 }
-.wpo-faq-section .accordion-item .accordion-header::before,
-.wpo-faq-section-s2 .accordion-item .accordion-header::before {
+.wpo-faq-section .accordion-item .accordion-header::before, .wpo-faq-section-s2 .accordion-item .accordion-header::before {
   position: absolute;
   content: "\f121";
   font-family: flaticon_logistics !important;
@@ -9769,26 +9155,22 @@ img {
   transition: all 0.3s ease-in-out;
 }
 @media (max-width: 1199px) {
-  .wpo-faq-section .accordion-item .accordion-header::before,
-  .wpo-faq-section-s2 .accordion-item .accordion-header::before {
+  .wpo-faq-section .accordion-item .accordion-header::before, .wpo-faq-section-s2 .accordion-item .accordion-header::before {
     right: 15px;
     width: 25px;
     height: 25px;
     line-height: 25px;
   }
 }
-.wpo-faq-section .accordion-item.active,
-.wpo-faq-section-s2 .accordion-item.active {
+.wpo-faq-section .accordion-item.active, .wpo-faq-section-s2 .accordion-item.active {
   border: 1px solid transparent;
   box-shadow: 0px 14px 47px 0px rgba(40, 46, 58, 0.08);
 }
-.wpo-faq-section .accordion-item.active .accordion-header::before,
-.wpo-faq-section-s2 .accordion-item.active .accordion-header::before {
+.wpo-faq-section .accordion-item.active .accordion-header::before, .wpo-faq-section-s2 .accordion-item.active .accordion-header::before {
   content: "\f13c";
   background: #FF7236;
 }
-.wpo-faq-section .accordion-content,
-.wpo-faq-section-s2 .accordion-content {
+.wpo-faq-section .accordion-content, .wpo-faq-section-s2 .accordion-content {
   display: none;
   overflow: hidden;
   transition: all 0.3s ease-in-out;
@@ -9796,35 +9178,29 @@ img {
   padding-top: 0;
 }
 @media (max-width: 1199px) {
-  .wpo-faq-section .accordion-content,
-  .wpo-faq-section-s2 .accordion-content {
+  .wpo-faq-section .accordion-content, .wpo-faq-section-s2 .accordion-content {
     padding: 15px 15px;
   }
 }
-.wpo-faq-section .accordion-content p,
-.wpo-faq-section-s2 .accordion-content p {
+.wpo-faq-section .accordion-content p, .wpo-faq-section-s2 .accordion-content p {
   color: #5A627D;
   font-size: 16px;
   font-weight: 400;
   line-height: 28px;
   margin-bottom: 0;
 }
-.wpo-faq-section .accordion-item.active .accordion-content,
-.wpo-faq-section-s2 .accordion-item.active .accordion-content {
+.wpo-faq-section .accordion-item.active .accordion-content, .wpo-faq-section-s2 .accordion-item.active .accordion-content {
   display: block;
   transition: all 0.3s ease-in-out;
 }
-.wpo-faq-section .accordion-content,
-.wpo-faq-section-s2 .accordion-content {
+.wpo-faq-section .accordion-content, .wpo-faq-section-s2 .accordion-content {
   transition: max-height 0.3s ease-out;
   overflow: hidden;
 }
-.wpo-faq-section .accordion-item.active .accordion-content,
-.wpo-faq-section-s2 .accordion-item.active .accordion-content {
+.wpo-faq-section .accordion-item.active .accordion-content, .wpo-faq-section-s2 .accordion-item.active .accordion-content {
   display: block;
   transition: all 0.3s ease-in-out;
 }
-
 /*5.14 wpo-blog-section-s2 */
 .wpo-blog-section-s2 {
   position: relative;
@@ -9887,7 +9263,6 @@ img {
   opacity: 1;
   visibility: visible;
 }
-
 .blog-card-s2 {
   margin-bottom: 30px;
 }
@@ -10001,10 +9376,8 @@ img {
   background: #fff;
   color: #0BA08A;
 }
-
 /*5.15 wpo-get-touch-section */
-.wpo-get-touch-section,
-.wpo-get-touch-section-s2 {
+.wpo-get-touch-section, .wpo-get-touch-section-s2 {
   position: relative;
   z-index: 1;
   text-align: left;
@@ -10012,13 +9385,11 @@ img {
   overflow: hidden;
 }
 @media (max-width: 991px) {
-  .wpo-get-touch-section,
-  .wpo-get-touch-section-s2 {
+  .wpo-get-touch-section, .wpo-get-touch-section-s2 {
     text-align: center;
   }
 }
-.wpo-get-touch-section::before,
-.wpo-get-touch-section-s2::before {
+.wpo-get-touch-section::before, .wpo-get-touch-section-s2::before {
   position: absolute;
   right: 0;
   top: 0;
@@ -10027,31 +9398,25 @@ img {
   content: "";
   background: #fff;
   -webkit-clip-path: polygon(23% 0, 100% 0, 100% 100%, 8% 100%);
-          clip-path: polygon(23% 0, 100% 0, 100% 100%, 8% 100%);
+  clip-path: polygon(23% 0, 100% 0, 100% 100%, 8% 100%);
   z-index: -1;
 }
 @media (max-width: 1650px) {
-  .wpo-get-touch-section::before,
-  .wpo-get-touch-section-s2::before {
+  .wpo-get-touch-section::before, .wpo-get-touch-section-s2::before {
     width: 90%;
   }
 }
 @media (max-width: 991px) {
-  .wpo-get-touch-section::before,
-  .wpo-get-touch-section-s2::before {
+  .wpo-get-touch-section::before, .wpo-get-touch-section-s2::before {
     width: 100%;
     -webkit-clip-path: unset;
-            clip-path: unset;
+    clip-path: unset;
   }
 }
-.wpo-get-touch-section .wpo-section-title,
-.wpo-get-touch-section-s2 .wpo-section-title {
+.wpo-get-touch-section .wpo-section-title, .wpo-get-touch-section-s2 .wpo-section-title {
   text-align: left;
 }
-.wpo-get-touch-section .fild,
-.wpo-get-touch-section .fild-textarea,
-.wpo-get-touch-section-s2 .fild,
-.wpo-get-touch-section-s2 .fild-textarea {
+.wpo-get-touch-section .fild, .wpo-get-touch-section .fild-textarea, .wpo-get-touch-section-s2 .fild, .wpo-get-touch-section-s2 .fild-textarea {
   width: 100%;
   height: 72px;
   color: #222;
@@ -10066,55 +9431,39 @@ img {
   transition: all 0.3s;
 }
 @media (max-width: 757px) {
-  .wpo-get-touch-section .fild,
-  .wpo-get-touch-section .fild-textarea,
-  .wpo-get-touch-section-s2 .fild,
-  .wpo-get-touch-section-s2 .fild-textarea {
+  .wpo-get-touch-section .fild, .wpo-get-touch-section .fild-textarea, .wpo-get-touch-section-s2 .fild, .wpo-get-touch-section-s2 .fild-textarea {
     height: 60px;
     margin-bottom: 20px;
   }
 }
 @media (max-width: 757px) {
-  .wpo-get-touch-section .fild,
-  .wpo-get-touch-section .fild-textarea,
-  .wpo-get-touch-section-s2 .fild,
-  .wpo-get-touch-section-s2 .fild-textarea {
+  .wpo-get-touch-section .fild, .wpo-get-touch-section .fild-textarea, .wpo-get-touch-section-s2 .fild, .wpo-get-touch-section-s2 .fild-textarea {
     padding: 0 15px;
   }
 }
-.wpo-get-touch-section .fild:focus-visible,
-.wpo-get-touch-section .fild-textarea:focus-visible,
-.wpo-get-touch-section-s2 .fild:focus-visible,
-.wpo-get-touch-section-s2 .fild-textarea:focus-visible {
+.wpo-get-touch-section .fild:focus-visible, .wpo-get-touch-section .fild-textarea:focus-visible, .wpo-get-touch-section-s2 .fild:focus-visible, .wpo-get-touch-section-s2 .fild-textarea:focus-visible {
   outline: -webkit-focus-ring-color auto 0px;
   border: 1px solid #FF7236;
   background: transparent;
 }
-.wpo-get-touch-section .fild-textarea,
-.wpo-get-touch-section-s2 .fild-textarea {
+.wpo-get-touch-section .fild-textarea, .wpo-get-touch-section-s2 .fild-textarea {
   height: 203px;
 }
 @media (max-width: 757px) {
-  .wpo-get-touch-section .fild-textarea,
-  .wpo-get-touch-section-s2 .fild-textarea {
+  .wpo-get-touch-section .fild-textarea, .wpo-get-touch-section-s2 .fild-textarea {
     height: 150px;
   }
 }
-.wpo-get-touch-section .theme-btn, .wpo-get-touch-section .view-cart-btn,
-.wpo-get-touch-section-s2 .theme-btn,
-.wpo-get-touch-section-s2 .view-cart-btn {
+.wpo-get-touch-section .theme-btn, .wpo-get-touch-section .view-cart-btn, .wpo-get-touch-section-s2 .theme-btn, .wpo-get-touch-section-s2 .view-cart-btn {
   background: #0D3944;
   text-transform: capitalize;
   font-weight: 600;
 }
-.wpo-get-touch-section .theme-btn i, .wpo-get-touch-section .view-cart-btn i,
-.wpo-get-touch-section-s2 .theme-btn i,
-.wpo-get-touch-section-s2 .view-cart-btn i {
+.wpo-get-touch-section .theme-btn i, .wpo-get-touch-section .view-cart-btn i, .wpo-get-touch-section-s2 .theme-btn i, .wpo-get-touch-section-s2 .view-cart-btn i {
   position: relative;
   top: 2px;
 }
-.wpo-get-touch-section .shape,
-.wpo-get-touch-section-s2 .shape {
+.wpo-get-touch-section .shape, .wpo-get-touch-section-s2 .shape {
   position: absolute;
   left: 30%;
   top: 50%;
@@ -10123,24 +9472,20 @@ img {
   height: 102%;
 }
 @media (max-width: 1650px) {
-  .wpo-get-touch-section .shape,
-  .wpo-get-touch-section-s2 .shape {
+  .wpo-get-touch-section .shape, .wpo-get-touch-section-s2 .shape {
     left: 25%;
   }
 }
 @media (max-width: 1199px) {
-  .wpo-get-touch-section .shape,
-  .wpo-get-touch-section-s2 .shape {
+  .wpo-get-touch-section .shape, .wpo-get-touch-section-s2 .shape {
     left: 20%;
   }
 }
 @media (max-width: 991px) {
-  .wpo-get-touch-section .shape,
-  .wpo-get-touch-section-s2 .shape {
+  .wpo-get-touch-section .shape, .wpo-get-touch-section-s2 .shape {
     display: none;
   }
 }
-
 .wpo-get-touch-section-s2 {
   background: transparent;
 }
@@ -10149,30 +9494,23 @@ img {
   text-align: center;
   display: block;
 }
-
 /*5.16 wpo-cta-section-s2 */
-.wpo-cta-section-s2,
-.wpo-cta-section-s3 {
+.wpo-cta-section-s2, .wpo-cta-section-s3 {
   position: relative;
   margin: -180px 0 -148px;
 }
 @media (max-width: 991px) {
-  .wpo-cta-section-s2,
-  .wpo-cta-section-s3 {
+  .wpo-cta-section-s2, .wpo-cta-section-s3 {
     margin: 50px 0;
   }
 }
-.wpo-cta-section-s2 .cta-wrapr,
-.wpo-cta-section-s3 .cta-wrapr {
+.wpo-cta-section-s2 .cta-wrapr, .wpo-cta-section-s3 .cta-wrapr {
   border-radius: 19px;
 }
-.wpo-cta-section-s2 .cta-wrapr .wpo-section-title .theme-btn, .wpo-cta-section-s2 .cta-wrapr .wpo-section-title .view-cart-btn,
-.wpo-cta-section-s3 .cta-wrapr .wpo-section-title .theme-btn,
-.wpo-cta-section-s3 .cta-wrapr .wpo-section-title .view-cart-btn {
+.wpo-cta-section-s2 .cta-wrapr .wpo-section-title .theme-btn, .wpo-cta-section-s2 .cta-wrapr .wpo-section-title .view-cart-btn, .wpo-cta-section-s3 .cta-wrapr .wpo-section-title .theme-btn, .wpo-cta-section-s3 .cta-wrapr .wpo-section-title .view-cart-btn {
   border-radius: 5px;
   overflow: hidden;
 }
-
 /*--------------------------------------------------------------
 6. Home-style-3
 --------------------------------------------------------------*/
@@ -10296,12 +9634,10 @@ img {
   height: 100%;
   background: url(../images/avatar/shape.svg) no-repeat;
 }
-
 /*6.2 wpo-partner-section-s3 */
 .wpo-partner-section-s3 .container {
   border-bottom: 1px solid #E3E5E7;
 }
-
 /*6.3 wpo-introCounter-section */
 .wpo-introCounter-section {
   position: relative;
@@ -10497,7 +9833,6 @@ img {
 .wpo-introCounter-section .bottom-content a i {
   font-size: 24px;
 }
-
 /*6.4 wpo-features-section-s3 */
 .wpo-features-section-s3 {
   padding-bottom: 90px;
@@ -10515,7 +9850,6 @@ img {
 .wpo-features-section-s3 .col:last-child .feature-card-s3::before {
   display: none;
 }
-
 .feature-card-s3 {
   position: relative;
   z-index: 1;
@@ -10623,7 +9957,6 @@ img {
   opacity: 1;
   visibility: visible;
 }
-
 /*6.5 wpo-funfact-section-s3 */
 .wpo-funfact-section-s3 {
   background: transparent;
@@ -10636,43 +9969,35 @@ img {
     margin: 0;
   }
 }
-
 /*6.6 wpo-service-section-s3 */
-.wpo-service-section-s3,
-.wpo-service-section-s4 {
+.wpo-service-section-s3, .wpo-service-section-s4 {
   background: #F9F4F2;
   padding-top: 285px;
 }
 @media (max-width: 991px) {
-  .wpo-service-section-s3,
-  .wpo-service-section-s4 {
+  .wpo-service-section-s3, .wpo-service-section-s4 {
     padding-top: 80px;
     margin-top: 80px;
   }
 }
-.wpo-service-section-s3 .wpo-section-title,
-.wpo-service-section-s4 .wpo-section-title {
+.wpo-service-section-s3 .wpo-section-title, .wpo-service-section-s4 .wpo-section-title {
   text-align: left;
   margin-bottom: 0;
 }
-.wpo-service-section-s3 .service-btn,
-.wpo-service-section-s4 .service-btn {
+.wpo-service-section-s3 .service-btn, .wpo-service-section-s4 .service-btn {
   text-align: end;
 }
 @media (max-width: 991px) {
-  .wpo-service-section-s3 .service-btn,
-  .wpo-service-section-s4 .service-btn {
+  .wpo-service-section-s3 .service-btn, .wpo-service-section-s4 .service-btn {
     text-align: left;
     margin-top: 20px;
   }
 }
-.wpo-service-section-s3 .service-card-s2,
-.wpo-service-section-s4 .service-card-s2 {
+.wpo-service-section-s3 .service-card-s2, .wpo-service-section-s4 .service-card-s2 {
   position: relative;
   border: 1px solid transparent;
 }
-.wpo-service-section-s3 .service-card-s2 .top-shape,
-.wpo-service-section-s4 .service-card-s2 .top-shape {
+.wpo-service-section-s3 .service-card-s2 .top-shape, .wpo-service-section-s4 .service-card-s2 .top-shape {
   position: absolute;
   left: -1px;
   top: -1px;
@@ -10680,8 +10005,7 @@ img {
   opacity: 0;
   visibility: hidden;
 }
-.wpo-service-section-s3 .service-card-s2 .bottom-shape,
-.wpo-service-section-s4 .service-card-s2 .bottom-shape {
+.wpo-service-section-s3 .service-card-s2 .bottom-shape, .wpo-service-section-s4 .service-card-s2 .bottom-shape {
   position: absolute;
   right: -1px;
   bottom: -1px;
@@ -10689,44 +10013,36 @@ img {
   opacity: 0;
   visibility: hidden;
 }
-.wpo-service-section-s3 .service-card-s2:hover .top-shape,
-.wpo-service-section-s4 .service-card-s2:hover .top-shape {
+.wpo-service-section-s3 .service-card-s2:hover .top-shape, .wpo-service-section-s4 .service-card-s2:hover .top-shape {
   opacity: 1;
   visibility: visible;
 }
-.wpo-service-section-s3 .service-card-s2:hover .bottom-shape,
-.wpo-service-section-s4 .service-card-s2:hover .bottom-shape {
+.wpo-service-section-s3 .service-card-s2:hover .bottom-shape, .wpo-service-section-s4 .service-card-s2:hover .bottom-shape {
   opacity: 1;
   visibility: visible;
 }
-.wpo-service-section-s3 .slick-slide img,
-.wpo-service-section-s4 .slick-slide img {
+.wpo-service-section-s3 .slick-slide img, .wpo-service-section-s4 .slick-slide img {
   display: block;
   margin: 0 auto;
 }
-.wpo-service-section-s3 .service-slider-s2,
-.wpo-service-section-s4 .service-slider-s2 {
+.wpo-service-section-s3 .service-slider-s2, .wpo-service-section-s4 .service-slider-s2 {
   padding-top: 40px;
   margin: 0 120px;
 }
 @media (max-width: 1730px) {
-  .wpo-service-section-s3 .service-slider-s2,
-  .wpo-service-section-s4 .service-slider-s2 {
+  .wpo-service-section-s3 .service-slider-s2, .wpo-service-section-s4 .service-slider-s2 {
     margin: 0 50px;
   }
 }
 @media (max-width: 1699px) {
-  .wpo-service-section-s3 .service-slider-s2,
-  .wpo-service-section-s4 .service-slider-s2 {
+  .wpo-service-section-s3 .service-slider-s2, .wpo-service-section-s4 .service-slider-s2 {
     margin: 0 20px;
   }
 }
-.wpo-service-section-s3 .service-slider-s2 .slick-list,
-.wpo-service-section-s4 .service-slider-s2 .slick-list {
+.wpo-service-section-s3 .service-slider-s2 .slick-list, .wpo-service-section-s4 .service-slider-s2 .slick-list {
   margin: 0 -10px;
 }
-.wpo-service-section-s3 .slick-dots li,
-.wpo-service-section-s4 .slick-dots li {
+.wpo-service-section-s3 .slick-dots li, .wpo-service-section-s4 .slick-dots li {
   height: 7px;
   width: 65px;
   border: 0;
@@ -10739,16 +10055,13 @@ img {
   position: relative;
 }
 @media (max-width: 767px) {
-  .wpo-service-section-s3 .slick-dots li,
-  .wpo-service-section-s4 .slick-dots li {
+  .wpo-service-section-s3 .slick-dots li, .wpo-service-section-s4 .slick-dots li {
     width: 20px;
   }
 }
-.wpo-service-section-s3 .slick-dots li.slick-active,
-.wpo-service-section-s4 .slick-dots li.slick-active {
+.wpo-service-section-s3 .slick-dots li.slick-active, .wpo-service-section-s4 .slick-dots li.slick-active {
   background: #0B3742;
 }
-
 .wpo-service-section-s4 {
   padding-top: 120px;
 }
@@ -10762,7 +10075,6 @@ img {
     padding-top: 80px;
   }
 }
-
 /*6.7 wpo-get-quate-section-s3 */
 .wpo-get-quate-section-s3 {
   background: #072E36;
@@ -10899,7 +10211,6 @@ img {
     padding: 30px 20px;
   }
 }
-
 .progres-card {
   max-width: 370px;
   display: flex;
@@ -11010,7 +10321,6 @@ img {
   font-weight: 400;
   line-height: 28.8px;
 }
-
 /*6.8 wpo-pricing-section-s2 */
 .wpo-pricing-section-s2 .shape-rigth {
   position: absolute;
@@ -11023,7 +10333,6 @@ img {
     display: none;
   }
 }
-
 .pric-card-s2 {
   border-radius: 9px;
   border: 1px solid #F1F1F9;
@@ -11094,7 +10403,7 @@ img {
 .pric-card-s2:hover .mid-title {
   background: url(../images/pric-bg-2.jpg) no-repeat center/cover;
   -webkit-clip-path: polygon(50% 10%, 100% 0, 100% 70%, 48% 100%, 0 70%, 0% 0%);
-          clip-path: polygon(50% 10%, 100% 0, 100% 70%, 48% 100%, 0 70%, 0% 0%);
+  clip-path: polygon(50% 10%, 100% 0, 100% 70%, 48% 100%, 0 70%, 0% 0%);
 }
 .pric-card-s2:hover .mid-title::before {
   background: rgba(5, 38, 52, 0.67);
@@ -11161,29 +10470,23 @@ img {
   width: 51%;
   background: #FF7236;
 }
-
 /*6.9 wpo-project-section-s3 */
-.wpo-project-section-s3 .project-wrap,
-.wpo-project-section-s5 .project-wrap {
+.wpo-project-section-s3 .project-wrap, .wpo-project-section-s5 .project-wrap {
   margin: 0 30px;
 }
-.wpo-project-section-s3 .project-card-s2,
-.wpo-project-section-s5 .project-card-s2 {
+.wpo-project-section-s3 .project-card-s2, .wpo-project-section-s5 .project-card-s2 {
   position: relative;
   overflow: hidden;
 }
-.wpo-project-section-s3 .project-card-s2:hover,
-.wpo-project-section-s5 .project-card-s2:hover {
+.wpo-project-section-s3 .project-card-s2:hover, .wpo-project-section-s5 .project-card-s2:hover {
   box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.09);
 }
-.wpo-project-section-s3 .project-card-s2:hover .content,
-.wpo-project-section-s5 .project-card-s2:hover .content {
+.wpo-project-section-s3 .project-card-s2:hover .content, .wpo-project-section-s5 .project-card-s2:hover .content {
   opacity: 1;
   visibility: visible;
   left: 0;
 }
-.wpo-project-section-s3 .project-card-s2 .content,
-.wpo-project-section-s5 .project-card-s2 .content {
+.wpo-project-section-s3 .project-card-s2 .content, .wpo-project-section-s5 .project-card-s2 .content {
   margin: 0;
   position: absolute;
   opacity: 0;
@@ -11199,16 +10502,14 @@ img {
   transition: all 0.3s ease-in-out;
 }
 @media (max-width: 1399px) {
-  .wpo-project-section-s3 .project-card-s2 .content,
-  .wpo-project-section-s5 .project-card-s2 .content {
+  .wpo-project-section-s3 .project-card-s2 .content, .wpo-project-section-s5 .project-card-s2 .content {
     flex-direction: column;
     justify-content: center;
     text-align: center;
     padding: 15px 15px;
   }
 }
-.wpo-project-section-s3 .project-card-s2 .content::before,
-.wpo-project-section-s5 .project-card-s2 .content::before {
+.wpo-project-section-s3 .project-card-s2 .content::before, .wpo-project-section-s5 .project-card-s2 .content::before {
   position: absolute;
   left: 2px;
   top: 50%;
@@ -11219,25 +10520,21 @@ img {
   background: #FF7236;
   z-index: 1;
   -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
-          clip-path: polygon(100% 50%, 0 0, 0 100%);
+  clip-path: polygon(100% 50%, 0 0, 0 100%);
 }
-.wpo-project-section-s3 .project-card-s2 .content h2,
-.wpo-project-section-s5 .project-card-s2 .content h2 {
+.wpo-project-section-s3 .project-card-s2 .content h2, .wpo-project-section-s5 .project-card-s2 .content h2 {
   margin-bottom: 0;
 }
-.wpo-project-section-s3 .project-card-s2 .content h2 a,
-.wpo-project-section-s5 .project-card-s2 .content h2 a {
+.wpo-project-section-s3 .project-card-s2 .content h2 a, .wpo-project-section-s5 .project-card-s2 .content h2 a {
   color: #08112D;
   font-family: "DM Sans";
   font-size: 20px;
   font-weight: 700;
   text-transform: capitalize;
 }
-.wpo-project-section-s3 .project-card-s2 .content .icon,
-.wpo-project-section-s5 .project-card-s2 .content .icon {
+.wpo-project-section-s3 .project-card-s2 .content .icon, .wpo-project-section-s5 .project-card-s2 .content .icon {
   transform: rotate(0);
 }
-
 .wpo-project-section-s5 {
   padding-bottom: 90px;
 }
@@ -11251,7 +10548,6 @@ img {
     padding-bottom: 50px;
   }
 }
-
 /*6.10 wpo-process-section-s3 */
 .wpo-process-section-s3 {
   position: relative;
@@ -11312,7 +10608,6 @@ img {
     right: -100%;
   }
 }
-
 /*6.11 wpo-testimonial-section-s3 */
 .wpo-testimonial-section-s3 {
   position: relative;
@@ -11475,7 +10770,7 @@ img {
   width: 95px;
   height: 85px;
   -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .wpo-testimonial-section-s3 .img-slider .image.slick-slide.slick-current.slick-active::before {
   background: #FF7236;
@@ -11559,7 +10854,6 @@ img {
 .wpo-testimonial-section-s3 .slick-arrow:hover::after {
   color: #fff;
 }
-
 /*6.12 wpo-faq-section-s2 */
 .wpo-faq-section-s2 {
   background: url(../images/faq-bg.jpg) no-repeat center/cover;
@@ -11587,7 +10881,7 @@ img {
   content: "";
   background: url(../images/faq-left.jpg) no-repeat center/cover;
   -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
-          clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
+  clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
   z-index: -1;
 }
 @media (max-width: 991px) {
@@ -11656,7 +10950,6 @@ img {
     font-size: 35px;
   }
 }
-
 /*6.13 wpo-cta-section-s3 */
 .wpo-cta-section-s3 {
   margin: 0;
@@ -11674,7 +10967,6 @@ img {
     margin-bottom: 0;
   }
 }
-
 /*6.14 wpo-blog-section-s3 */
 .wpo-blog-section-s3 {
   padding-bottom: 90px;
@@ -11689,7 +10981,6 @@ img {
     padding-bottom: 50px;
   }
 }
-
 .blog-card-s3 {
   background: #FFF;
   box-shadow: 0px 13px 26px 0px #EEF0F8;
@@ -11793,7 +11084,6 @@ img {
 .blog-card-s3 .content .blog-btn-content .icon {
   color: #000;
 }
-
 /*7. wpo-service-single-page */
 .service-single-wrap .title-image {
   margin-bottom: 30px;
@@ -11935,7 +11225,7 @@ img {
   max-height: 218px;
   height: 100%;
   -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .service-single-wrap .image-gallery ul li:nth-child(1) {
   flex: 63%;
@@ -12065,7 +11355,6 @@ img {
   display: block;
   transition: all 0.3s ease-in-out;
 }
-
 /*8. wpo-project-single-page */
 .wpo-project-single-page .project-wrap {
   padding-right: 105px;
@@ -12075,7 +11364,6 @@ img {
     padding-right: 0;
   }
 }
-
 .project-top-info .wpo-section-title {
   text-align: left;
   max-width: 700px;
@@ -12183,7 +11471,7 @@ img {
   max-height: 510px;
   height: 100%;
   -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 @media (max-width: 991px) {
   .project-top-info .image-gallery ul li img {
@@ -12206,7 +11494,6 @@ img {
     max-width: 100%;
   }
 }
-
 .project-wrap .info-item {
   display: flex;
   justify-content: space-between;
@@ -12341,7 +11628,6 @@ img {
 .project-wrap .p-img img {
   margin-bottom: 10px;
 }
-
 .page-chang {
   display: flex;
   align-items: end;
@@ -12390,7 +11676,6 @@ img {
 .page-chang .next-post {
   text-align: right;
 }
-
 /*--------------------------------------------------------------
 9. wpo-shop-page
 --------------------------------------------------------------*/
@@ -12491,7 +11776,6 @@ img {
   background-color: #0BA08A;
   color: #fff;
 }
-
 /*--------------------------------------------------------------
 10. wpo-shop-single-page
 --------------------------------------------------------------*/
@@ -12714,16 +11998,14 @@ img {
   box-shadow: none;
   outline: none;
 }
-.wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
-.wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
+.wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up, .wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
   border-radius: 0;
   border-color: #e6e6e6;
   display: block;
   padding: 1px 4px;
   font-size: 10px;
 }
-.wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up:hover,
-.wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down:hover {
+.wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up:hover, .wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down:hover {
   background-color: #0BA08A;
   color: #fff;
 }
@@ -12801,13 +12083,11 @@ img {
   opacity: 0;
   visibility: hidden;
 }
-.wpo-shop-single-section .product-info .nav-tabs a:hover:before,
-.wpo-shop-single-section .product-info .nav-tabs a.active:before {
+.wpo-shop-single-section .product-info .nav-tabs a:hover:before, .wpo-shop-single-section .product-info .nav-tabs a.active:before {
   opacity: 1;
   visibility: visible;
 }
-.wpo-shop-single-section .product-info .nav-tabs .active,
-.wpo-shop-single-section .product-info .nav-tabs li:hover {
+.wpo-shop-single-section .product-info .nav-tabs .active, .wpo-shop-single-section .product-info .nav-tabs li:hover {
   border-color: #0BA08A;
 }
 .wpo-shop-single-section .product-info .tab-content {
@@ -12862,15 +12142,13 @@ img {
     padding-bottom: 3px;
   }
 }
-.wpo-shop-single-section .product-info .client-rv .name-rating-time > div,
-.wpo-shop-single-section .product-info .client-rv .name-rating > div {
+.wpo-shop-single-section .product-info .client-rv .name-rating-time > div, .wpo-shop-single-section .product-info .client-rv .name-rating > div {
   display: inline-block;
   font-size: 14px;
   font-size: 0.9333333333rem;
 }
 @media (max-width: 767px) {
-  .wpo-shop-single-section .product-info .client-rv .name-rating-time > div,
-  .wpo-shop-single-section .product-info .client-rv .name-rating > div {
+  .wpo-shop-single-section .product-info .client-rv .name-rating-time > div, .wpo-shop-single-section .product-info .client-rv .name-rating > div {
     font-size: 12px;
     font-size: 0.8rem;
     display: block;
@@ -12964,24 +12242,21 @@ img {
 .wpo-shop-single-section .product-info .review-form .give-rating label:last-child .icon {
   color: #ddd;
 }
-.wpo-shop-single-section .product-info .review-form .give-rating:not(:hover) label input:checked ~ .icon,
-.wpo-shop-single-section .product-info .review-form .give-rating:hover label:hover input ~ .icon {
+.wpo-shop-single-section .product-info .review-form .give-rating:not(:hover) label input:checked ~ .icon, .wpo-shop-single-section .product-info .review-form .give-rating:hover label:hover input ~ .icon {
   color: #FFD400;
 }
 .wpo-shop-single-section .product-info .review-form .give-rating label input:focus:not(:checked) ~ .icon:last-child {
   color: #ddd;
   text-shadow: 0 0 5px #FFD400;
 }
-.wpo-shop-single-section .product-info .review-form form input,
-.wpo-shop-single-section .product-info .review-form form textarea {
+.wpo-shop-single-section .product-info .review-form form input, .wpo-shop-single-section .product-info .review-form form textarea {
   background: transparent;
   border-radius: 0;
   box-shadow: none;
   height: 50px;
   border: 1px solid #efefef;
 }
-.wpo-shop-single-section .product-info .review-form form input:focus,
-.wpo-shop-single-section .product-info .review-form form textarea:focus {
+.wpo-shop-single-section .product-info .review-form form input:focus, .wpo-shop-single-section .product-info .review-form form textarea:focus {
   box-shadow: none;
   outline: none;
 }
@@ -13014,7 +12289,6 @@ img {
 .wpo-shop-single-section .slider-nav .slick-slide:focus {
   outline: none;
 }
-
 .quantity-container {
   display: flex;
   align-items: center;
@@ -13057,7 +12331,6 @@ img {
   outline: 0;
   box-shadow: 0 0 5px 0 transparent;
 }
-
 /*===========================
 11. wpo-cart-page-style
 ===========================*/
@@ -13075,16 +12348,14 @@ img {
     overflow-y: hidden;
   }
 }
-.cart-area .cart-wrap td,
-.cart-area .cart-wrap th {
+.cart-area .cart-wrap td, .cart-area .cart-wrap th {
   width: 10%;
   border-bottom: 1px solid rgba(240, 240, 240, 0.5803921569);
   text-align: center;
   font-weight: 400;
   color: #414141;
 }
-.cart-area .cart-wrap td ul,
-.cart-area .cart-wrap th ul {
+.cart-area .cart-wrap td ul, .cart-area .cart-wrap th ul {
   list-style: none;
 }
 .cart-area .cart-wrap th {
@@ -13296,7 +12567,6 @@ img {
   padding-top: 30px;
   font-weight: 600;
 }
-
 /*===============================
 12. wpo-checkout-page-style
 ================================*/
@@ -13401,8 +12671,7 @@ img {
 .wpo-checkout-area .active-border {
   transition: all 0.3s;
 }
-.wpo-checkout-area .s1.active-border .coupon-active label,
-.wpo-checkout-area .s3.coupon-2 .coupon-3 label {
+.wpo-checkout-area .s1.active-border .coupon-active label, .wpo-checkout-area .s3.coupon-2 .coupon-3 label {
   border-left: none;
   border-top: 4px solid #0BA08A;
   border-bottom: 1px solid #ffe5dc;
@@ -13421,8 +12690,7 @@ img {
   border-left: 4px solid #0BA08A;
   border-bottom: 0;
 }
-.wpo-checkout-area .billing-adress .form-style input,
-.wpo-checkout-area .billing-adress .form-style select {
+.wpo-checkout-area .billing-adress .form-style input, .wpo-checkout-area .billing-adress .form-style select {
   width: 100%;
   margin-bottom: 15px;
   padding-left: 10px;
@@ -13433,8 +12701,7 @@ img {
   border: 1px solid #ebebeb;
   border-radius: 40px;
 }
-.wpo-checkout-area .billing-adress .form-style input:focus,
-.wpo-checkout-area .billing-adress .form-style select:focus {
+.wpo-checkout-area .billing-adress .form-style input:focus, .wpo-checkout-area .billing-adress .form-style select:focus {
   outline: none;
   box-shadow: none;
 }
@@ -13577,8 +12844,7 @@ img {
 .wpo-checkout-area .payment-option.active .payment-name {
   display: none !important;
 }
-.wpo-checkout-area .payment-area .form-style input,
-.wpo-checkout-area .payment-area .form-style select {
+.wpo-checkout-area .payment-area .form-style input, .wpo-checkout-area .payment-area .form-style select {
   width: 100%;
   margin-bottom: 15px;
   padding-left: 10px;
@@ -13589,8 +12855,7 @@ img {
   border: 1px solid #ebebeb;
   border-radius: 40px;
 }
-.wpo-checkout-area .payment-area .form-style input:focus,
-.wpo-checkout-area .payment-area .form-style select:focus {
+.wpo-checkout-area .payment-area .form-style input:focus, .wpo-checkout-area .payment-area .form-style select:focus {
   outline: none;
 }
 .wpo-checkout-area .payment-area .contact-form {
@@ -13630,8 +12895,8 @@ img {
 }
 .wpo-checkout-area .contact-form .form-control {
   -webkit-appearance: auto;
-     -moz-appearance: auto;
-          appearance: auto;
+  -moz-appearance: auto;
+  appearance: auto;
 }
 .wpo-checkout-area .contact-form input, .wpo-checkout-area .contact-form select {
   margin-top: 10px;
@@ -13642,7 +12907,6 @@ img {
 .wpo-checkout-area .submit-btn-area .theme-btn, .wpo-checkout-area .submit-btn-area .view-cart-btn {
   text-transform: capitalize;
 }
-
 /*--------------------------------------------------------------
 13. wpo-blog-pg-section
 --------------------------------------------------------------*/
@@ -13825,14 +13089,12 @@ img {
 .wpo-blog-pg-section .entry-media img {
   width: 100%;
 }
-
 @media screen and (min-width: 1200px) {
   .blog-pg-left-sidebar .blog-sidebar {
     padding-right: 45px;
     padding-left: 0;
   }
 }
-
 @media screen and (min-width: 1200px) {
   .blog-pg-fullwidth .wpo-blog-content {
     padding: 0;
@@ -14108,43 +13370,35 @@ img {
     margin-top: 30px;
   }
 }
-.wpo-blog-single-section .tag-share,
-.wpo-blog-single-section .tag-share-s2 {
+.wpo-blog-single-section .tag-share, .wpo-blog-single-section .tag-share-s2 {
   color: #042127;
 }
-.wpo-blog-single-section .tag-share ul,
-.wpo-blog-single-section .tag-share-s2 ul {
+.wpo-blog-single-section .tag-share ul, .wpo-blog-single-section .tag-share-s2 ul {
   list-style: none;
   display: inline-block;
   overflow: hidden;
 }
-.wpo-blog-single-section .tag-share ul li,
-.wpo-blog-single-section .tag-share-s2 ul li {
+.wpo-blog-single-section .tag-share ul li, .wpo-blog-single-section .tag-share-s2 ul li {
   float: left;
 }
 @media (max-width: 767px) {
-  .wpo-blog-single-section .tag-share ul li,
-  .wpo-blog-single-section .tag-share-s2 ul li {
+  .wpo-blog-single-section .tag-share ul li, .wpo-blog-single-section .tag-share-s2 ul li {
     margin: 2px;
   }
 }
-.wpo-blog-single-section .tag-share ul > li + li,
-.wpo-blog-single-section .tag-share-s2 ul > li + li {
+.wpo-blog-single-section .tag-share ul > li + li, .wpo-blog-single-section .tag-share-s2 ul > li + li {
   margin-left: 10px;
 }
 @media (max-width: 767px) {
-  .wpo-blog-single-section .tag-share ul > li + li,
-  .wpo-blog-single-section .tag-share-s2 ul > li + li {
+  .wpo-blog-single-section .tag-share ul > li + li, .wpo-blog-single-section .tag-share-s2 ul > li + li {
     margin: 2px;
   }
 }
-.wpo-blog-single-section .tag-share .tag,
-.wpo-blog-single-section .tag-share-s2 .tag {
+.wpo-blog-single-section .tag-share .tag, .wpo-blog-single-section .tag-share-s2 .tag {
   display: flex;
   align-items: center;
 }
-.wpo-blog-single-section .tag-share .tag > span,
-.wpo-blog-single-section .tag-share-s2 .tag > span {
+.wpo-blog-single-section .tag-share .tag > span, .wpo-blog-single-section .tag-share-s2 .tag > span {
   font-family: "Plus Jakarta Sans";
   display: inline-block;
   padding-right: 15px;
@@ -14154,17 +13408,14 @@ img {
   font-weight: 700;
   line-height: 30px;
 }
-.wpo-blog-single-section .tag-share .tag ul,
-.wpo-blog-single-section .tag-share-s2 .tag ul {
+.wpo-blog-single-section .tag-share .tag ul, .wpo-blog-single-section .tag-share-s2 .tag ul {
   list-style: none;
   position: relative;
 }
-.wpo-blog-single-section .tag-share .tag li,
-.wpo-blog-single-section .tag-share-s2 .tag li {
+.wpo-blog-single-section .tag-share .tag li, .wpo-blog-single-section .tag-share-s2 .tag li {
   position: relative;
 }
-.wpo-blog-single-section .tag-share .tag a,
-.wpo-blog-single-section .tag-share-s2 .tag a {
+.wpo-blog-single-section .tag-share .tag a, .wpo-blog-single-section .tag-share-s2 .tag a {
   display: inline-block;
   padding: 2px 15px;
   text-transform: uppercase;
@@ -14178,13 +13429,11 @@ img {
   background: #FFF;
 }
 @media (max-width: 767px) {
-  .wpo-blog-single-section .tag-share .tag a,
-  .wpo-blog-single-section .tag-share-s2 .tag a {
+  .wpo-blog-single-section .tag-share .tag a, .wpo-blog-single-section .tag-share-s2 .tag a {
     font-size: 13px;
   }
 }
-.wpo-blog-single-section .tag-share .tag a:hover,
-.wpo-blog-single-section .tag-share-s2 .tag a:hover {
+.wpo-blog-single-section .tag-share .tag a:hover, .wpo-blog-single-section .tag-share-s2 .tag a:hover {
   color: #fff;
   background: #FF7236;
 }
@@ -14230,13 +13479,11 @@ img {
 .wpo-blog-single-section .more-posts > div > a {
   display: inline-block;
 }
-.wpo-blog-single-section .more-posts .previous-post,
-.wpo-blog-single-section .more-posts .next-post {
+.wpo-blog-single-section .more-posts .previous-post, .wpo-blog-single-section .more-posts .next-post {
   padding: 40px 0;
 }
 @media (max-width: 767px) {
-  .wpo-blog-single-section .more-posts .previous-post,
-  .wpo-blog-single-section .more-posts .next-post {
+  .wpo-blog-single-section .more-posts .previous-post, .wpo-blog-single-section .more-posts .next-post {
     padding: 25px 15px !important;
   }
 }
@@ -14299,8 +13546,7 @@ img {
     display: none;
   }
 }
-.wpo-blog-single-section .more-posts .previous-post > a > span,
-.wpo-blog-single-section .more-posts .next-post > a > span {
+.wpo-blog-single-section .more-posts .previous-post > a > span, .wpo-blog-single-section .more-posts .next-post > a > span {
   display: block;
 }
 .wpo-blog-single-section .more-posts .post-control-link {
@@ -14451,8 +13697,7 @@ img {
     font-size: 20px;
   }
 }
-.wpo-blog-single-section .comment-respond form input,
-.wpo-blog-single-section .comment-respond form textarea {
+.wpo-blog-single-section .comment-respond form input, .wpo-blog-single-section .comment-respond form textarea {
   background-color: #fff;
   width: 100%;
   height: 65px;
@@ -14465,19 +13710,16 @@ img {
   box-shadow: 0px 15px 10px 0px rgba(242, 242, 242, 0.18);
 }
 @media (max-width: 575px) {
-  .wpo-blog-single-section .comment-respond form input,
-  .wpo-blog-single-section .comment-respond form textarea {
+  .wpo-blog-single-section .comment-respond form input, .wpo-blog-single-section .comment-respond form textarea {
     margin-bottom: 25px;
   }
 }
-.wpo-blog-single-section .comment-respond form input:focus,
-.wpo-blog-single-section .comment-respond form textarea:focus {
+.wpo-blog-single-section .comment-respond form input:focus, .wpo-blog-single-section .comment-respond form textarea:focus {
   box-shadow: none;
   border-color: #0BA08A;
 }
 @media (max-width: 991px) {
-  .wpo-blog-single-section .comment-respond form input,
-  .wpo-blog-single-section .comment-respond form textarea {
+  .wpo-blog-single-section .comment-respond form input, .wpo-blog-single-section .comment-respond form textarea {
     height: 40px;
   }
 }
@@ -14633,14 +13875,12 @@ img {
     margin-top: -25px;
   }
 }
-
 @media screen and (min-width: 1200px) {
   .wpo-blog-single-left-sidebar-section .blog-sidebar {
     padding-right: 45px;
     padding-left: 0;
   }
 }
-
 /*15. wpo-contact-page */
 .office-info {
   padding-bottom: 120px;
@@ -14742,7 +13982,6 @@ img {
 .office-info .office-info-item.active .office-info-text p, .office-info .office-info-item:hover .office-info-text p {
   color: #fff;
 }
-
 .contact-left {
   max-width: 518px;
   margin: 0 auto;
@@ -14779,7 +14018,6 @@ img {
 .contact-left img {
   width: 100%;
 }
-
 .contact-right {
   max-width: 484px;
   padding-left: 40px;
@@ -14807,7 +14045,6 @@ img {
   line-height: 33px;
   margin-bottom: 30px;
 }
-
 .contact-form .input-item {
   position: relative;
   margin-bottom: 40px;
@@ -14874,7 +14111,6 @@ img {
 .contact-form :-moz-placeholder {
   color: #636776;
 }
-
 /*--------------------------------------------------------------
 16. error-404-section
 --------------------------------------------------------------*/
@@ -14933,7 +14169,6 @@ img {
 .error-404-section .error-message .theme-btn, .error-404-section .error-message .view-cart-btn {
   font-weight: 600;
 }
-
 /*17. track-page */
 .track-page h2 {
   margin-bottom: 60px;
@@ -15135,4 +14370,24 @@ img {
 .track-page .order-detail ul li span:last-child {
   color: #20273C;
   font-weight: 500;
-}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
+} /*# sourceMappingURL=style.css.map */
+/*extra css*/
+.apply-btn {
+  background: #991b4e;
+  color: #fff;
+  display: inline-block;
+  padding: 21px 45px;
+  border: 0;
+  text-transform: capitalize;
+  -webkit-backface-visibility: hidden;
+  z-index: 1;
+  position: relative;
+  font-size: 15px;
+  border-radius: 0px;
+  font-family: "Plus Jakarta Sans";
+  font-weight: 700;
+  letter-spacing: 0.75px;
+  text-transform: uppercase;
+  overflow: hidden;
+}
+/*extra css*/
\ No newline at end of file
diff --git a/cart.html b/cart.html
deleted file mode 100644
index 7fcfda3..0000000
--- a/cart.html
+++ /dev/null
@@ -1,527 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-
-<!-- Mirrored from wpocean.com/html/tf/logistika/cart.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:35 GMT -->
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="author" content="wpOceans">
-    <link rel="shortcut icon" type="image/png" href="assets/images/favicon.png">
-    <title>Logistika - Transportation & Logistics HTML Template</title>
-    <link href="assets/css/themify-icons.css" rel="stylesheet">
-    <link href="assets/css/flaticon_logistics.css" rel="stylesheet">
-    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
-    <link href="assets/css/animate.css" rel="stylesheet">
-    <link href="assets/css/owl.carousel.css" rel="stylesheet">
-    <link href="assets/css/owl.theme.css" rel="stylesheet">
-    <link href="assets/css/slick.css" rel="stylesheet">
-    <link href="assets/css/slick-theme.css" rel="stylesheet">
-    <link href="assets/css/swiper.min.css" rel="stylesheet">
-    <link href="assets/css/owl.transitions.css" rel="stylesheet">
-    <link href="assets/css/jquery.fancybox.css" rel="stylesheet">
-    <link href="assets/css/odometer-theme-default.css" rel="stylesheet">
-    <link href="assets/sass/style.css" rel="stylesheet">
-</head>
-
-<body>
-
-    <!-- start page-wrapper -->
-    <div class="page-wrapper">
-        <!-- start preloader -->
-        <div class="preloader">
-            <div class="vertical-centered-box">
-                <div class="content">
-                    <div class="loader-circle"></div>
-                    <div class="loader-line-mask">
-                        <div class="loader-line"></div>
-                    </div>
-                    <img src="assets/images/preloader.png" alt="">
-                </div>
-            </div>
-        </div>
-        <!-- end preloader -->
-        <!-- Start header -->
-        <header id="header">
-            <div class="topbar">
-                <div class="container-fluid">
-                    <div class="row align-items-center">
-                        <div class="col-lg-5 col-12">
-                            <ul class="contact-info">
-                                <li>
-                                    <i class="ti-email"></i><span>support@logistika.com</span>
-                                </li>
-                                <li>
-                                    <a href="tel:+887869587496">
-                                        <i class="flaticon-call"></i><span>+88 7869 5874 96</span>
-                                    </a>
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="col-lg-7 col-12">
-                            <div class="contact-into">
-                                <div class="language-selector">
-                                    <select id="languageSelect">
-                                        <option value="en" data-icon="assets/images/language/1.svg">English</option>
-                                        <option value="sp" data-icon="assets/images/language/2.svg">Spanish</option>
-                                    </select>
-                                    <div class="custom-select-wrapper">
-                                        <div class="custom-select"></div>
-                                        <div class="custom-arrow"><i class="flaticon-down"></i></div>
-                                    </div>
-                                    <div class="custom-options"></div>
-                                </div>
-                                <div class="pryment-selector">
-                                    <select>
-                                        <option value="usd">USD</option>
-                                        <option value="aud">AUD</option>
-                                    </select>
-                                </div>
-                                <ul class="social-media">
-                                    <li><span>Follow Us :</span></li>
-                                    <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-twitter"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- end topbar -->
-            <div class="wpo-site-header">
-                <nav class="navigation navbar navbar-expand-lg navbar-light">
-                    <div class="container-fluid">
-                        <div class="row align-items-center">
-                            <div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
-                                <div class="mobail-menu">
-                                    <button type="button" class="navbar-toggler open-btn">
-                                        <span class="sr-only">Toggle navigation</span>
-                                        <span class="icon-bar first-angle"></span>
-                                        <span class="icon-bar middle-angle"></span>
-                                        <span class="icon-bar last-angle"></span>
-                                    </button>
-                                </div>
-                            </div>
-                            <div class="col-lg-2 col-md-6 col-6">
-                                <div class="navbar-header">
-                                    <a class="navbar-brand" href="index-2.html"><img src="assets/images/logo.svg"
-                                            alt=""></a>
-                                </div>
-                            </div>
-                            <div class="col-lg-7 col-md-1 col-1">
-                                <div id="navbar" class="collapse navbar-collapse navigation-holder">
-                                    <button class="menu-close"><i class="ti-close"></i></button>
-                                    <ul class="nav navbar-nav mb-2 mb-lg-0">
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Home</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="index-2.html">Home style 1</a></li>
-                                                <li><a href="index-3.html">Home style 2</a></li>
-                                                <li><a href="index-4.html">Home style 3</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Pages</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="about.html">About</a></li>
-                                                <li class="menu-item-has-children">
-                                                    <a href="#">Project</a>
-                                                    <ul class="sub-menu">
-                                                        <li><a href="project.html">Project style 1</a></li>
-                                                        <li><a href="project-2.html">Project style 2</a></li>
-                                                        <li><a href="project-3.html">Project style 3</a></li>
-                                                        <li><a href="project-single.html">Project Single</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="tracking.html">Tracking</a></li>
-                                                <li><a href="team.html">Team</a></li>
-                                                <li><a href="faq.html">FAQ</a></li>
-                                                <li><a href="404.html">404 Error</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">services </a>
-                                            <ul class="sub-menu">
-                                                <li><a href="services.html">services </a></li>
-
-                                                <li><a href="air-transport.html">air transport</a></li>
-                                                <li><a href="road-transport.html">road transport</a></li>
-                                                <li><a href="ocean-transport.html">ocean transport</a></li>
-                                                <li><a href="train-transport.html">train transport</a></li>
-                                                <li><a href="services-single.html">services Single</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Shop</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="shop.html">Shop</a></li>
-                                                <li><a href="shop-single.html">Shop Single</a></li>
-                                                <li><a href="cart.html">Cart</a></li>
-                                                <li><a href="checkout.html">Checkout</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Blog</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="blog.html">Blog right sidebar</a></li>
-                                                <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
-                                                <li><a href="blog-fullwidth.html">Blog fullwidth</a></li>
-                                                <li class="menu-item-has-children">
-                                                    <a href="#">Blog details</a>
-                                                    <ul class="sub-menu">
-                                                        <li><a href="blog-single.html">Blog details right sidebar</a>
-                                                        </li>
-                                                        <li><a href="blog-single-left-sidebar.html">Blog details left
-                                                                sidebar</a></li>
-                                                        <li><a href="blog-single-fullwidth.html">Blog details
-                                                                fullwidth</a></li>
-                                                    </ul>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="contact.html">Contact</a></li>
-                                    </ul>
-                                </div>
-                                <!-- end of nav-collapse -->
-                            </div>
-                            <div class="col-lg-3 col-md-2 col-2">
-                                <div class="header-right">
-                                    <a href="tel:+025757576560" class="call">
-                                        <div class="icon">
-                                            <img src="assets/images/call.svg" alt="">
-                                        </div>
-                                        <div class="text">
-                                            <span>Phone:</span>
-                                            <h4>+88 1900 6789 56</h4>
-                                        </div>
-                                    </a>
-                                    <div class="header-search-form-wrapper">
-                                        <div class="cart-search-contact">
-                                            <button class="search-toggle-btn"><i
-                                                    class="fi flaticon-search"></i></button>
-                                            <div class="header-search-form">
-                                                <form>
-                                                    <div>
-                                                        <input type="text" class="form-control"
-                                                            placeholder="Search here...">
-                                                        <button type="submit"><i
-                                                                class="fi flaticon-search"></i></button>
-                                                    </div>
-                                                </form>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="close-form">
-                                        <a class="theme-btn" href="contact.html">Get an quate <i
-                                                class="flaticon-next"></i></a>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div><!-- end of container -->
-                </nav>
-            </div>
-        </header>
-        <!-- end of header -->
-
-        <!-- start wpo-page-title -->
-        <section class="wpo-breadcumb-area">
-            <div class="container">
-                <div class="row">
-                    <div class="col col-xs-12">
-                        <div class="wpo-breadcumb-wrap">
-                            <h2>Internation Logistics</h2>
-                            <h3>Shop Cart</h3>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <!-- end page-title -->
-
-
-        <!-- cart-area start -->
-        <div class="cart-area section-padding">
-            <div class="container">
-                <div class="form">
-                    <div class="cart-wrapper">
-                        <div class="row">
-                            <div class="col-12">
-                                <form action="https://wpocean.com/html/tf/logistika/cart">
-                                    <table class="table-responsive cart-wrap">
-                                        <thead>
-                                            <tr>
-                                                <th class="images images-b">Image</th>
-                                                <th class="product-2">Product Name</th>
-                                                <th class="pr">Quantity</th>
-                                                <th class="ptice">Price</th>
-                                                <th class="stock">Total Price</th>
-                                                <th class="remove remove-b">Action</th>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                            <tr>
-                                                <td class="images"><img src="assets/images/cart/1.jpg" alt=""></td>
-                                                <td class="product">
-                                                    <ul>
-                                                        <li class="first-cart"> Sunglasses</li>
-                                                        <li>Brand : Cuppa</li>
-                                                        <li>Size : XL</li>
-                                                    </ul>
-                                                </td>
-                                                <td class="stock">
-                                                    <ul class="input-style">
-                                                        <li class="quantity cart-plus-minus">
-                                                            <input type="text" value="1" />
-                                                        </li>
-                                                    </ul>
-                                                </td>
-                                                <td class="ptice">$ 250</td>
-                                                <td class="stock">$ 250</td>
-                                                <td class="action">
-                                                    <ul>
-                                                        <li class="w-btn"><a data-bs-toggle="tooltip"
-                                                                data-bs-html="true" title="Remove from Cart" href="#"><i
-                                                                    class="fi ti-trash"></i></a></li>
-                                                    </ul>
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td class="images"><img src="assets/images/cart/2.jpg" alt=""></td>
-                                                <td class="product">
-                                                    <ul>
-                                                        <li class="first-cart">Leather Belt</li>
-                                                        <li>Brand : Cuppa</li>
-                                                        <li>Size : XXL</li>
-                                                    </ul>
-                                                </td>
-                                                <td class="stock">
-                                                    <ul class="input-style">
-                                                        <li class="quantity cart-plus-minus">
-                                                            <input type="text" value="1" />
-                                                        </li>
-                                                    </ul>
-                                                </td>
-                                                <td class="ptice">$ 350</td>
-                                                <td class="stock">$ 350</td>
-                                                <td class="action">
-                                                    <ul>
-                                                        <li class="w-btn"><a data-bs-toggle="tooltip"
-                                                                data-bs-html="true" title="Remove to Cart" href="#"><i
-                                                                    class="fi ti-trash"></i></a></li>
-                                                    </ul>
-                                                </td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                </form>
-                                <div class="submit-btn-area">
-                                    <ul>
-                                        <li><a class="theme-btn" href="shop.html">Continue Shopping <i
-                                                    class="fa fa-angle-double-right"></i></a></li>
-                                        <li><button class="theme-btn" type="submit">Update Cart</button></li>
-                                    </ul>
-                                </div>
-                                <div class="cart-product-list">
-                                    <ul>
-                                        <li>Total product<span>( 02 )</span></li>
-                                        <li>Sub Price<span>$2250</span></li>
-                                        <li>Vat<span>$50</span></li>
-                                        <li>Eco Tax<span>$100</span></li>
-                                        <li>Delivery Charge<span>$100</span></li>
-                                        <li class="cart-b">Total Price<span>$2500</span></li>
-                                    </ul>
-                                </div>
-
-                                <div class="submit-btn-area">
-                                    <ul>
-                                        <li><a class="theme-btn" href="checkout.html">Proceed to Checkout <i
-                                                    class="fa fa-angle-double-right"></i></a></li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!-- cart-area end -->
-
-        <!--start of wpo-map-section -->
-        <section class="wpo-map-section">
-            <h2 class="hidden">Contact map</h2>
-            <div class="wpo-map">
-                <iframe
-                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.9147703055!2d-74.11976314309273!3d40.69740344223377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1547528325671"
-                    allowfullscreen></iframe>
-            </div>
-        </section>
-        <!--end of wpo-map-section -->
-
-        <!--start of wpo-cta-section-s2 -->
-        <div class="wpo-cta-section-s2">
-            <div class="container">
-                <div class="cta-wrapr">
-                    <div class="wpo-section-title">
-                        <h2>Trusted transport service</h2>
-                        <h3>Transport & Logistics
-                            proejcts that we providde</h3>
-                        <a href="contact.html" class="theme-btn">Contact support</a>
-                    </div>
-                    <div class="contact-info">
-                        <div class="item">
-                            <div class="icon">
-                                <i class="flaticon-phone-call"></i>
-                            </div>
-                            <div class="text">
-                                <span>Call For Inquiry</span>
-                                <p>+236 (456) 896 22</p>
-                            </div>
-                        </div>
-                        <div class="item">
-                            <div class="icon">
-                                <i class="flaticon-email"></i>
-                            </div>
-                            <div class="text">
-                                <span>Send Us Email</span>
-                                <p>contact@logistika.com</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!--end of wpo-cta-section-s2 -->
-
-        <!-- start of wpo-site-footer-section -->
-        <footer class="wpo-site-footer-s2">
-            <div class="wpo-upper-footer">
-                <div class="container">
-                    <div class="row">
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget address-widget">
-                                <div class="widget-title">
-                                    <h3>Address</h3>
-                                </div>
-                                <p>570 8th Ave, New York,NY 10018
-                                    United States</p>
-                                <h4>Opening Hours</h4>
-                                <ul>
-                                    <li>9.30am – 6.30pm</li>
-                                    <li>Monday to Friday</li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget link-widget">
-                                <div class="widget-title">
-                                    <h3>Services</h3>
-                                </div>
-                                <ul>
-                                    <li><a href="services-single.html">Electronics Industry</a></li>
-                                    <li><a href="services-single.html">Industrial & Manufacturing</a></li>
-                                    <li><a href="services-single.html">Semicon & Solar</a></li>
-                                    <li><a href="services-single.html">Oil & Gas Cargo</a></li>
-                                    <li><a href="services-single.html">ship & cargo services</a></li>
-                                    <li><a href="services-single.html">Maritime transportation</a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget link-widget">
-                                <div class="widget-title">
-                                    <h3>Useful links</h3>
-                                </div>
-                                <ul>
-                                    <li><a href="services-single.html">How it Works</a></li>
-                                    <li><a href="services-single.html">Help Link</a></li>
-                                    <li><a href="services-single.html">Terms & Conditions</a></li>
-                                    <li><a href="services-single.html">Contact Us</a></li>
-                                    <li><a href="services-single.html">Privacy Policy</a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget newsletter-widget">
-                                <div class="widget-title">
-                                    <h3>newsletter</h3>
-                                </div>
-                                <div class="newsletter">
-                                    <form class="form-fild">
-                                        <input class="fild" type="email" placeholder="Enter Email Adress">
-                                        <button type="submit"><i class="flaticon-arrowhead-up"></i></button>
-                                        <div class="terms">
-                                            <input type="checkbox" id="Insurance">
-                                            <label for="Insurance">I agree all your <a href="#">terms</a> and
-                                                policies</label>
-                                        </div>
-                                    </form>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="wpo-lower-footer">
-                <div class="container">
-                    <div class="row g-0 align-items-center">
-                        <div class="col col-lg-2 col-12">
-                            <div class="logo">
-                                <img src="assets/images/logo-2.svg" alt="blog">
-                            </div>
-                        </div>
-                        <div class="col col-lg-6 col-12">
-                            <p class="copyright"> &copy; 2024 <a href="index-2.html">wpOcean</a> - Logistics service. All
-                                rights reserved.</p>
-                        </div>
-                        <div class="col col-lg-4 col-12">
-                            <ul>
-                                <li><a href="#"><img src="assets/images/banck/1.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/2.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/3.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/4.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/5.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/6.png" alt=""></a></li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="bg-image">
-                <img src="assets/images/footer-bg-s2.jpg" alt="">
-            </div>
-            <div class="shape">
-                <svg width="191" height="208" viewBox="0 0 191 208" fill="none">
-                    <path d="M125.53 208.291H118.13L0 12.271V0.00102234L125.53 208.291Z" fill="white" />
-                    <path d="M0 43.1711L99.93 209.121H0V43.1711Z" fill="#FF7236" />
-                    <path d="M190.33 209.121H138.45L68.9102 93.7311H120.79L190.33 209.121Z" fill="#144754" />
-                    <path d="M98.0897 69.1602H72.8097L38.9297 12.9402H64.2097L98.0897 69.1602Z" fill="#FF7236" />
-                </svg>
-            </div>
-        </footer>
-        <!-- end of wpo-site-footer-section -->
-
-
-
-    </div>
-    <!-- end of page-wrapper -->
-
-    <!-- All JavaScript files
-    ================================================== -->
-    <script src="assets/js/jquery.min.js"></script>
-    <script src="assets/js/bootstrap.bundle.min.js"></script>
-    <!-- Plugins for this template -->
-    <script src="assets/js/modernizr.custom.js"></script>
-    <script src="assets/js/jquery.dlmenu.js"></script>
-    <script src="assets/js/jquery-plugin-collection.js"></script>
-    <!-- Custom script for this template -->
-    <script src="assets/js/script.js"></script>
-</body>
-
-
-<!-- Mirrored from wpocean.com/html/tf/logistika/cart.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:36 GMT -->
-</html>
\ No newline at end of file
diff --git a/checkout.html b/checkout.html
deleted file mode 100644
index 9d12cf3..0000000
--- a/checkout.html
+++ /dev/null
@@ -1,673 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-
-<!-- Mirrored from wpocean.com/html/tf/logistika/checkout.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:36 GMT -->
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="author" content="wpOceans">
-    <link rel="shortcut icon" type="image/png" href="assets/images/favicon.png">
-    <title>Logistika - Transportation & Logistics HTML Template</title>
-    <link href="assets/css/themify-icons.css" rel="stylesheet">
-    <link href="assets/css/flaticon_logistics.css" rel="stylesheet">
-    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
-    <link href="assets/css/animate.css" rel="stylesheet">
-    <link href="assets/css/owl.carousel.css" rel="stylesheet">
-    <link href="assets/css/owl.theme.css" rel="stylesheet">
-    <link href="assets/css/slick.css" rel="stylesheet">
-    <link href="assets/css/slick-theme.css" rel="stylesheet">
-    <link href="assets/css/swiper.min.css" rel="stylesheet">
-    <link href="assets/css/owl.transitions.css" rel="stylesheet">
-    <link href="assets/css/jquery.fancybox.css" rel="stylesheet">
-    <link href="assets/css/odometer-theme-default.css" rel="stylesheet">
-    <link href="assets/sass/style.css" rel="stylesheet">
-</head>
-
-<body>
-
-    <!-- start page-wrapper -->
-    <div class="page-wrapper">
-        <!-- start preloader -->
-        <div class="preloader">
-            <div class="vertical-centered-box">
-                <div class="content">
-                    <div class="loader-circle"></div>
-                    <div class="loader-line-mask">
-                        <div class="loader-line"></div>
-                    </div>
-                    <img src="assets/images/preloader.png" alt="">
-                </div>
-            </div>
-        </div>
-        <!-- end preloader -->
-        <!-- Start header -->
-        <header id="header">
-            <div class="topbar">
-                <div class="container-fluid">
-                    <div class="row align-items-center">
-                        <div class="col-lg-5 col-12">
-                            <ul class="contact-info">
-                                <li>
-                                    <i class="ti-email"></i><span>support@logistika.com</span>
-                                </li>
-                                <li>
-                                    <a href="tel:+887869587496">
-                                        <i class="flaticon-call"></i><span>+88 7869 5874 96</span>
-                                    </a>
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="col-lg-7 col-12">
-                            <div class="contact-into">
-                                <div class="language-selector">
-                                    <select id="languageSelect">
-                                        <option value="en" data-icon="assets/images/language/1.svg">English</option>
-                                        <option value="sp" data-icon="assets/images/language/2.svg">Spanish</option>
-                                    </select>
-                                    <div class="custom-select-wrapper">
-                                        <div class="custom-select"></div>
-                                        <div class="custom-arrow"><i class="flaticon-down"></i></div>
-                                    </div>
-                                    <div class="custom-options"></div>
-                                </div>
-                                <div class="pryment-selector">
-                                    <select>
-                                        <option value="usd">USD</option>
-                                        <option value="aud">AUD</option>
-                                    </select>
-                                </div>
-                                <ul class="social-media">
-                                    <li><span>Follow Us :</span></li>
-                                    <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-twitter"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- end topbar -->
-            <div class="wpo-site-header">
-                <nav class="navigation navbar navbar-expand-lg navbar-light">
-                    <div class="container-fluid">
-                        <div class="row align-items-center">
-                            <div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
-                                <div class="mobail-menu">
-                                    <button type="button" class="navbar-toggler open-btn">
-                                        <span class="sr-only">Toggle navigation</span>
-                                        <span class="icon-bar first-angle"></span>
-                                        <span class="icon-bar middle-angle"></span>
-                                        <span class="icon-bar last-angle"></span>
-                                    </button>
-                                </div>
-                            </div>
-                            <div class="col-lg-2 col-md-6 col-6">
-                                <div class="navbar-header">
-                                    <a class="navbar-brand" href="index-2.html"><img src="assets/images/logo.svg"
-                                            alt=""></a>
-                                </div>
-                            </div>
-                            <div class="col-lg-7 col-md-1 col-1">
-                                <div id="navbar" class="collapse navbar-collapse navigation-holder">
-                                    <button class="menu-close"><i class="ti-close"></i></button>
-                                    <ul class="nav navbar-nav mb-2 mb-lg-0">
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Home</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="index-2.html">Home style 1</a></li>
-                                                <li><a href="index-3.html">Home style 2</a></li>
-                                                <li><a href="index-4.html">Home style 3</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Pages</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="about.html">About</a></li>
-                                                <li class="menu-item-has-children">
-                                                    <a href="#">Project</a>
-                                                    <ul class="sub-menu">
-                                                        <li><a href="project.html">Project style 1</a></li>
-                                                        <li><a href="project-2.html">Project style 2</a></li>
-                                                        <li><a href="project-3.html">Project style 3</a></li>
-                                                        <li><a href="project-single.html">Project Single</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="tracking.html">Tracking</a></li>
-                                                <li><a href="team.html">Team</a></li>
-                                                <li><a href="faq.html">FAQ</a></li>
-                                                <li><a href="404.html">404 Error</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">services </a>
-                                            <ul class="sub-menu">
-                                                <li><a href="services.html">services </a></li>
-
-                                                <li><a href="air-transport.html">air transport</a></li>
-                                                <li><a href="road-transport.html">road transport</a></li>
-                                                <li><a href="ocean-transport.html">ocean transport</a></li>
-                                                <li><a href="train-transport.html">train transport</a></li>
-                                                <li><a href="services-single.html">services Single</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Shop</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="shop.html">Shop</a></li>
-                                                <li><a href="shop-single.html">Shop Single</a></li>
-                                                <li><a href="cart.html">Cart</a></li>
-                                                <li><a href="checkout.html">Checkout</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Blog</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="blog.html">Blog right sidebar</a></li>
-                                                <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
-                                                <li><a href="blog-fullwidth.html">Blog fullwidth</a></li>
-                                                <li class="menu-item-has-children">
-                                                    <a href="#">Blog details</a>
-                                                    <ul class="sub-menu">
-                                                        <li><a href="blog-single.html">Blog details right sidebar</a>
-                                                        </li>
-                                                        <li><a href="blog-single-left-sidebar.html">Blog details left
-                                                                sidebar</a></li>
-                                                        <li><a href="blog-single-fullwidth.html">Blog details
-                                                                fullwidth</a></li>
-                                                    </ul>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="contact.html">Contact</a></li>
-                                    </ul>
-                                </div>
-                                <!-- end of nav-collapse -->
-                            </div>
-                            <div class="col-lg-3 col-md-2 col-2">
-                                <div class="header-right">
-                                    <a href="tel:+025757576560" class="call">
-                                        <div class="icon">
-                                            <img src="assets/images/call.svg" alt="">
-                                        </div>
-                                        <div class="text">
-                                            <span>Phone:</span>
-                                            <h4>+88 1900 6789 56</h4>
-                                        </div>
-                                    </a>
-                                    <div class="header-search-form-wrapper">
-                                        <div class="cart-search-contact">
-                                            <button class="search-toggle-btn"><i
-                                                    class="fi flaticon-search"></i></button>
-                                            <div class="header-search-form">
-                                                <form>
-                                                    <div>
-                                                        <input type="text" class="form-control"
-                                                            placeholder="Search here...">
-                                                        <button type="submit"><i
-                                                                class="fi flaticon-search"></i></button>
-                                                    </div>
-                                                </form>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="close-form">
-                                        <a class="theme-btn" href="contact.html">Get an quate <i
-                                                class="flaticon-next"></i></a>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div><!-- end of container -->
-                </nav>
-            </div>
-        </header>
-        <!-- end of header -->
-
-        <!-- start wpo-page-title -->
-        <section class="wpo-breadcumb-area">
-            <div class="container">
-                <div class="row">
-                    <div class="col col-xs-12">
-                        <div class="wpo-breadcumb-wrap">
-                            <h2>Internation Logistics</h2>
-                            <h3>Checkout</h3>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <!-- end page-title -->
-
-
-        <!-- wpo-checkout-area start-->
-        <div class="wpo-checkout-area section-padding">
-            <div class="container">
-                <form>
-                    <div class="checkout-wrap">
-                        <div class="row">
-                            <div class="col-lg-8 col-12">
-                                <div class="caupon-wrap s1">
-                                    <div class="coupon coupon-active">
-                                        <label id="toggle1">Have a coupon ? Click here to enter your code.</label>
-                                    </div>
-                                    <div class="create-account">
-                                        <span>If you have coupon code,please apply it</span>
-                                        <div class="input-wrap">
-                                            <input type="password">
-                                            <button>Apply</button>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="caupon-wrap s2">
-                                    <div class="biling-item">
-                                        <div class="coupon coupon-3">
-                                            <label id="toggle2">Billing Address</label>
-                                        </div>
-                                        <div class="billing-adress" id="open2">
-                                            <div class="contact-form form-style">
-                                                <div class="row">
-                                                    <div class="col-lg-6 col-md-12 col-12">
-                                                        <label for="fname1">First Name</label>
-                                                        <input type="text" placeholder="" id="fname1" name="fname">
-                                                    </div>
-                                                    <div class="col-lg-6 col-md-12 col-12">
-                                                        <label for="fname2">Last Name</label>
-                                                        <input type="text" placeholder="" id="fname2" name="fname">
-                                                    </div>
-                                                    <div class="col-lg-6 col-md-12 col-12">
-                                                        <label for="Country">Country</label>
-                                                        <select name="address" id="Country" class="form-control">
-                                                            <option disabled="" selected="">United State</option>
-                                                            <option>Bangladesh</option>
-                                                            <option>India</option>
-                                                            <option>Srilanka</option>
-                                                            <option>Pakisthan</option>
-                                                            <option>Afgansthan</option>
-                                                        </select>
-                                                    </div>
-                                                    <div class="col-lg-6 col-md-12 col-12">
-                                                        <label for="City">Dristrict</label>
-                                                        <input type="text" placeholder="" id="City" name="City">
-                                                    </div>
-                                                    <div class="col-lg-12 col-md-12 col-12">
-                                                        <label for="Adress">Address</label>
-                                                        <input type="text" placeholder="" id="Adress" name="Adress">
-                                                    </div>
-                                                    <div class="col-lg-6 col-md-12 col-12">
-                                                        <label for="Post2">Post Code</label>
-                                                        <input type="text" placeholder="" id="Post2" name="Post">
-                                                    </div>
-                                                    <div class="col-lg-6 col-md-12 col-12">
-                                                        <label for="email4">Email Adress</label>
-                                                        <input type="text" placeholder="" id="email4" name="email">
-                                                    </div>
-                                                    <div class="col-lg-12 col-md-12 col-12">
-                                                        <label for="email2">Phone No.</label>
-                                                        <input type="text" placeholder="" id="email2" name="email">
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="biling-item-2">
-                                                <input id="toggle3" type="checkbox">
-                                                <label class="fontsize" for="toggle3">Ship to a different
-                                                    address?</label>
-                                                <div class="billing-adress" id="open3">
-                                                    <div class="contact-form form-style">
-                                                        <div class="row">
-                                                            <div class="col-lg-6 col-md-12 col-12">
-                                                                <label for="fname4">First Name</label>
-                                                                <input type="text" placeholder="" id="fname4"
-                                                                    name="fname">
-                                                            </div>
-                                                            <div class="col-lg-6 col-md-12 col-12">
-                                                                <label for="fname3">Last Name</label>
-                                                                <input type="text" placeholder="" id="fname3"
-                                                                    name="fname">
-                                                            </div>
-                                                            <div class="col-lg-6 col-md-12 col-12">
-                                                                <label for="Country2">Country</label>
-                                                                <select name="address" id="Country2"
-                                                                    class="form-control">
-                                                                    <option disabled="" selected="">United State
-                                                                    </option>
-                                                                    <option>Bangladesh</option>
-                                                                    <option>India</option>
-                                                                    <option>Srilanka</option>
-                                                                    <option>Pakisthan</option>
-                                                                    <option>Afgansthan</option>
-                                                                </select>
-                                                            </div>
-                                                            <div class="col-lg-6 col-md-12 col-12">
-                                                                <label for="City2">Dristrict</label>
-                                                                <input type="text" placeholder="" id="City2"
-                                                                    name="City">
-                                                            </div>
-                                                            <div class="col-lg-12 col-md-12 col-12">
-                                                                <label for="Adress2">Address</label>
-                                                                <input type="text" placeholder="" id="Adress2"
-                                                                    name="Adress">
-                                                            </div>
-                                                            <div class="col-lg-6 col-md-12 col-12">
-                                                                <label for="Post">Post Code</label>
-                                                                <input type="text" placeholder="" id="Post" name="Post">
-                                                            </div>
-                                                            <div class="col-lg-6 col-md-12 col-12">
-                                                                <label for="emails">Email Adress</label>
-                                                                <input type="text" placeholder="" id="emails"
-                                                                    name="email">
-                                                            </div>
-                                                            <div class="col-lg-12 col-md-12 col-12">
-                                                                <label for="emaild">Phone No.</label>
-                                                                <input type="text" placeholder="" id="emaild"
-                                                                    name="email">
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="note-area">
-                                                    <p>Order Notes </p>
-                                                    <textarea name="massage"
-                                                        placeholder="Note about your order"></textarea>
-                                                </div>
-                                                <div class="submit-btn-area">
-                                                    <ul>
-                                                        <li><button class="theme-btn" type="submit">Save &
-                                                                continue</button></li>
-                                                    </ul>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="caupon-wrap s3">
-                                    <div class="payment-area">
-                                        <div class="row">
-                                            <div class="col-12">
-                                                <div class="coupon coupon-3">
-                                                    <label id="toggle4">Payment Method</label>
-                                                </div>
-                                                <div class="payment-option" id="open4">
-                                                    <div class="payment-select">
-                                                        <ul>
-                                                            <li class="addToggle">
-                                                                <input id="add" type="radio" name="payment"
-                                                                    checked="checked" value="30">
-                                                                <label for="add">Payment By Card</label>
-                                                            </li>
-                                                            <li class="removeToggle">
-                                                                <input id="remove" type="radio" name="payment"
-                                                                    value="30">
-                                                                <label for="remove">Cash On delivery</label>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div id="open5" class="payment-name active">
-                                                        <ul>
-                                                            <li class="visa"><input id="1" type="radio" name="size"
-                                                                    value="30">
-                                                                <label for="1"><img
-                                                                        src="assets/images/checkout/img-1.png"
-                                                                        alt=""></label>
-                                                            </li>
-                                                            <li class="mas"><input id="2" type="radio" name="size"
-                                                                    value="30">
-                                                                <label for="2"><img
-                                                                        src="assets/images/checkout/img-2.png"
-                                                                        alt=""></label>
-                                                            </li>
-                                                            <li class="ski"><input id="3" type="radio" name="size"
-                                                                    value="30">
-                                                                <label for="3"><img
-                                                                        src="assets/images/checkout/img-3.png"
-                                                                        alt=""></label>
-                                                            </li>
-                                                            <li class="pay"><input id="4" type="radio" name="size"
-                                                                    value="30">
-                                                                <label for="4"><img
-                                                                        src="assets/images/checkout/img-4.png"
-                                                                        alt=""></label>
-                                                            </li>
-                                                        </ul>
-                                                        <div class="contact-form form-style">
-                                                            <div class="row">
-                                                                <div class="col-lg-6 col-md-12 col-12">
-                                                                    <label for="holder">Card holder Name</label>
-                                                                    <input type="text" placeholder="" id="holder"
-                                                                        name="name">
-                                                                </div>
-                                                                <div class="col-lg-6 col-md-12 col-12">
-                                                                    <label for="card">Card Number</label>
-                                                                    <input type="text" placeholder="" id="card"
-                                                                        name="card">
-                                                                </div>
-                                                                <div class="col-lg-6 col-md-12 col-12">
-                                                                    <label for="CVV">CVV</label>
-                                                                    <input type="text" placeholder="" id="CVV"
-                                                                        name="CVV">
-                                                                </div>
-                                                                <div class="col-lg-6 col-md-12 col-12">
-                                                                    <label for="date">Expire Date</label>
-                                                                    <input type="text" placeholder="" id="date"
-                                                                        name="date">
-                                                                </div>
-                                                                <div class="col-lg-12 col-md-12 col-12">
-                                                                    <div class="submit-btn-area text-center">
-                                                                        <button class="theme-btn" type="submit">Place
-                                                                            Order</button>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-lg-4 col-12">
-                                <div class="cout-order-area">
-                                    <div class="oreder-item ">
-                                        <ul>
-                                            <li class="o-header">Your Order<span>( 6 )</span></li>
-                                            <li>Product 1 X 1<span>50</span></li>
-                                            <li>Product 2 X 1<span>50</span></li>
-                                            <li>Product 3 X 2<span>100</span></li>
-                                            <li>Product 4 X 1<span>50</span></li>
-                                            <li class="o-middle">Product 5 X 1<span>50</span></li>
-                                            <li class="s-total">Sub Total<span>400</span></li>
-                                            <li>( + ) VAT<span>100</span></li>
-                                            <li>( + ) Eco Tax <span>100</span></li>
-                                            <li>( - ) Discount Price<span>100</span></li>
-                                            <li class="o-bottom">Total price <span>500</span></li>
-                                        </ul>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </form>
-            </div>
-        </div>
-        <!-- wpo-checkout-area end-->
-
-
-        <!--start of wpo-map-section -->
-        <section class="wpo-map-section">
-            <h2 class="hidden">Contact map</h2>
-            <div class="wpo-map">
-                <iframe
-                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.9147703055!2d-74.11976314309273!3d40.69740344223377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1547528325671"
-                    allowfullscreen></iframe>
-            </div>
-        </section>
-        <!--end of wpo-map-section -->
-
-        <!--start of wpo-cta-section-s2 -->
-        <div class="wpo-cta-section-s2">
-            <div class="container">
-                <div class="cta-wrapr">
-                    <div class="wpo-section-title">
-                        <h2>Trusted transport service</h2>
-                        <h3>Transport & Logistics
-                            proejcts that we providde</h3>
-                        <a href="contact.html" class="theme-btn">Contact support</a>
-                    </div>
-                    <div class="contact-info">
-                        <div class="item">
-                            <div class="icon">
-                                <i class="flaticon-phone-call"></i>
-                            </div>
-                            <div class="text">
-                                <span>Call For Inquiry</span>
-                                <p>+236 (456) 896 22</p>
-                            </div>
-                        </div>
-                        <div class="item">
-                            <div class="icon">
-                                <i class="flaticon-email"></i>
-                            </div>
-                            <div class="text">
-                                <span>Send Us Email</span>
-                                <p>contact@logistika.com</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!--end of wpo-cta-section-s2 -->
-
-        <!-- start of wpo-site-footer-section -->
-        <footer class="wpo-site-footer-s2">
-            <div class="wpo-upper-footer">
-                <div class="container">
-                    <div class="row">
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget address-widget">
-                                <div class="widget-title">
-                                    <h3>Address</h3>
-                                </div>
-                                <p>570 8th Ave, New York,NY 10018
-                                    United States</p>
-                                <h4>Opening Hours</h4>
-                                <ul>
-                                    <li>9.30am – 6.30pm</li>
-                                    <li>Monday to Friday</li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget link-widget">
-                                <div class="widget-title">
-                                    <h3>Services</h3>
-                                </div>
-                                <ul>
-                                    <li><a href="services-single.html">Electronics Industry</a></li>
-                                    <li><a href="services-single.html">Industrial & Manufacturing</a></li>
-                                    <li><a href="services-single.html">Semicon & Solar</a></li>
-                                    <li><a href="services-single.html">Oil & Gas Cargo</a></li>
-                                    <li><a href="services-single.html">ship & cargo services</a></li>
-                                    <li><a href="services-single.html">Maritime transportation</a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget link-widget">
-                                <div class="widget-title">
-                                    <h3>Useful links</h3>
-                                </div>
-                                <ul>
-                                    <li><a href="services-single.html">How it Works</a></li>
-                                    <li><a href="services-single.html">Help Link</a></li>
-                                    <li><a href="services-single.html">Terms & Conditions</a></li>
-                                    <li><a href="services-single.html">Contact Us</a></li>
-                                    <li><a href="services-single.html">Privacy Policy</a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget newsletter-widget">
-                                <div class="widget-title">
-                                    <h3>newsletter</h3>
-                                </div>
-                                <div class="newsletter">
-                                    <form class="form-fild">
-                                        <input class="fild" type="email" placeholder="Enter Email Adress">
-                                        <button type="submit"><i class="flaticon-arrowhead-up"></i></button>
-                                        <div class="terms">
-                                            <input type="checkbox" id="Insurance">
-                                            <label for="Insurance">I agree all your <a href="#">terms</a> and
-                                                policies</label>
-                                        </div>
-                                    </form>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="wpo-lower-footer">
-                <div class="container">
-                    <div class="row g-0 align-items-center">
-                        <div class="col col-lg-2 col-12">
-                            <div class="logo">
-                                <img src="assets/images/logo-2.svg" alt="blog">
-                            </div>
-                        </div>
-                        <div class="col col-lg-6 col-12">
-                            <p class="copyright"> &copy; 2024 <a href="index-2.html">wpOcean</a> - Logistics service. All
-                                rights reserved.</p>
-                        </div>
-                        <div class="col col-lg-4 col-12">
-                            <ul>
-                                <li><a href="#"><img src="assets/images/banck/1.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/2.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/3.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/4.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/5.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/6.png" alt=""></a></li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="bg-image">
-                <img src="assets/images/footer-bg-s2.jpg" alt="">
-            </div>
-            <div class="shape">
-                <svg width="191" height="208" viewBox="0 0 191 208" fill="none">
-                    <path d="M125.53 208.291H118.13L0 12.271V0.00102234L125.53 208.291Z" fill="white" />
-                    <path d="M0 43.1711L99.93 209.121H0V43.1711Z" fill="#FF7236" />
-                    <path d="M190.33 209.121H138.45L68.9102 93.7311H120.79L190.33 209.121Z" fill="#144754" />
-                    <path d="M98.0897 69.1602H72.8097L38.9297 12.9402H64.2097L98.0897 69.1602Z" fill="#FF7236" />
-                </svg>
-            </div>
-        </footer>
-        <!-- end of wpo-site-footer-section -->
-
-
-
-    </div>
-    <!-- end of page-wrapper -->
-
-    <!-- All JavaScript files
-    ================================================== -->
-    <script src="assets/js/jquery.min.js"></script>
-    <script src="assets/js/bootstrap.bundle.min.js"></script>
-    <!-- Plugins for this template -->
-    <script src="assets/js/modernizr.custom.js"></script>
-    <script src="assets/js/jquery.dlmenu.js"></script>
-    <script src="assets/js/jquery-plugin-collection.js"></script>
-    <!-- Custom script for this template -->
-    <script src="assets/js/script.js"></script>
-</body>
-
-
-<!-- Mirrored from wpocean.com/html/tf/logistika/checkout.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:37 GMT -->
-</html>
\ No newline at end of file
diff --git a/contact.html b/contact.html
deleted file mode 100644
index 85b45b8..0000000
--- a/contact.html
+++ /dev/null
@@ -1,513 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-
-<!-- Mirrored from wpocean.com/html/tf/logistika/contact.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:40 GMT -->
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="author" content="wpOceans">
-    <link rel="shortcut icon" type="image/png" href="assets/images/favicon.png">
-    <title>Logistika - Transportation & Logistics HTML Template</title>
-    <link href="assets/css/themify-icons.css" rel="stylesheet">
-    <link href="assets/css/flaticon_logistics.css" rel="stylesheet">
-    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
-    <link href="assets/css/animate.css" rel="stylesheet">
-    <link href="assets/css/owl.carousel.css" rel="stylesheet">
-    <link href="assets/css/owl.theme.css" rel="stylesheet">
-    <link href="assets/css/slick.css" rel="stylesheet">
-    <link href="assets/css/slick-theme.css" rel="stylesheet">
-    <link href="assets/css/swiper.min.css" rel="stylesheet">
-    <link href="assets/css/owl.transitions.css" rel="stylesheet">
-    <link href="assets/css/jquery.fancybox.css" rel="stylesheet">
-    <link href="assets/css/odometer-theme-default.css" rel="stylesheet">
-    <link href="assets/sass/style.css" rel="stylesheet">
-</head>
-
-<body>
-
-    <!-- start page-wrapper -->
-    <div class="page-wrapper">
-        <!-- start preloader -->
-        <div class="preloader">
-            <div class="vertical-centered-box">
-                <div class="content">
-                    <div class="loader-circle"></div>
-                    <div class="loader-line-mask">
-                        <div class="loader-line"></div>
-                    </div>
-                    <img src="assets/images/preloader.png" alt="">
-                </div>
-            </div>
-        </div>
-        <!-- end preloader -->
-        <!-- Start header -->
-        <header id="header">
-            <div class="topbar">
-                <div class="container-fluid">
-                    <div class="row align-items-center">
-                        <div class="col-lg-5 col-12">
-                            <ul class="contact-info">
-                                <li>
-                                    <i class="ti-email"></i><span>support@logistika.com</span>
-                                </li>
-                                <li>
-                                    <a href="tel:+887869587496">
-                                        <i class="flaticon-call"></i><span>+88 7869 5874 96</span>
-                                    </a>
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="col-lg-7 col-12">
-                            <div class="contact-into">
-                                <div class="language-selector">
-                                    <select id="languageSelect">
-                                        <option value="en" data-icon="assets/images/language/1.svg">English</option>
-                                        <option value="sp" data-icon="assets/images/language/2.svg">Spanish</option>
-                                    </select>
-                                    <div class="custom-select-wrapper">
-                                        <div class="custom-select"></div>
-                                        <div class="custom-arrow"><i class="flaticon-down"></i></div>
-                                    </div>
-                                    <div class="custom-options"></div>
-                                </div>
-                                <div class="pryment-selector">
-                                    <select>
-                                        <option value="usd">USD</option>
-                                        <option value="aud">AUD</option>
-                                    </select>
-                                </div>
-                                <ul class="social-media">
-                                    <li><span>Follow Us :</span></li>
-                                    <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-twitter"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- end topbar -->
-            <div class="wpo-site-header">
-                <nav class="navigation navbar navbar-expand-lg navbar-light">
-                    <div class="container-fluid">
-                        <div class="row align-items-center">
-                            <div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
-                                <div class="mobail-menu">
-                                    <button type="button" class="navbar-toggler open-btn">
-                                        <span class="sr-only">Toggle navigation</span>
-                                        <span class="icon-bar first-angle"></span>
-                                        <span class="icon-bar middle-angle"></span>
-                                        <span class="icon-bar last-angle"></span>
-                                    </button>
-                                </div>
-                            </div>
-                            <div class="col-lg-2 col-md-6 col-6">
-                                <div class="navbar-header">
-                                    <a class="navbar-brand" href="index-2.html"><img src="assets/images/logo.svg"
-                                            alt=""></a>
-                                </div>
-                            </div>
-                            <div class="col-lg-7 col-md-1 col-1">
-                                <div id="navbar" class="collapse navbar-collapse navigation-holder">
-                                    <button class="menu-close"><i class="ti-close"></i></button>
-                                    <ul class="nav navbar-nav mb-2 mb-lg-0">
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Home</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="index-2.html">Home style 1</a></li>
-                                                <li><a href="index-3.html">Home style 2</a></li>
-                                                <li><a href="index-4.html">Home style 3</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Pages</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="about.html">About</a></li>
-                                                <li class="menu-item-has-children">
-                                                    <a href="#">Project</a>
-                                                    <ul class="sub-menu">
-                                                        <li><a href="project.html">Project style 1</a></li>
-                                                        <li><a href="project-2.html">Project style 2</a></li>
-                                                        <li><a href="project-3.html">Project style 3</a></li>
-                                                        <li><a href="project-single.html">Project Single</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="tracking.html">Tracking</a></li>
-                                                <li><a href="team.html">Team</a></li>
-                                                <li><a href="faq.html">FAQ</a></li>
-                                                <li><a href="404.html">404 Error</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">services </a>
-                                            <ul class="sub-menu">
-                                                <li><a href="services.html">services </a></li>
-
-                                                <li><a href="air-transport.html">air transport</a></li>
-                                                <li><a href="road-transport.html">road transport</a></li>
-                                                <li><a href="ocean-transport.html">ocean transport</a></li>
-                                                <li><a href="train-transport.html">train transport</a></li>
-                                                <li><a href="services-single.html">services Single</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Shop</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="shop.html">Shop</a></li>
-                                                <li><a href="shop-single.html">Shop Single</a></li>
-                                                <li><a href="cart.html">Cart</a></li>
-                                                <li><a href="checkout.html">Checkout</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Blog</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="blog.html">Blog right sidebar</a></li>
-                                                <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
-                                                <li><a href="blog-fullwidth.html">Blog fullwidth</a></li>
-                                                <li class="menu-item-has-children">
-                                                    <a href="#">Blog details</a>
-                                                    <ul class="sub-menu">
-                                                        <li><a href="blog-single.html">Blog details right sidebar</a>
-                                                        </li>
-                                                        <li><a href="blog-single-left-sidebar.html">Blog details left
-                                                                sidebar</a></li>
-                                                        <li><a href="blog-single-fullwidth.html">Blog details
-                                                                fullwidth</a></li>
-                                                    </ul>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="contact.html">Contact</a></li>
-                                    </ul>
-                                </div>
-                                <!-- end of nav-collapse -->
-                            </div>
-                            <div class="col-lg-3 col-md-2 col-2">
-                                <div class="header-right">
-                                    <a href="tel:+025757576560" class="call">
-                                        <div class="icon">
-                                            <img src="assets/images/call.svg" alt="">
-                                        </div>
-                                        <div class="text">
-                                            <span>Phone:</span>
-                                            <h4>+88 1900 6789 56</h4>
-                                        </div>
-                                    </a>
-                                    <div class="header-search-form-wrapper">
-                                        <div class="cart-search-contact">
-                                            <button class="search-toggle-btn"><i
-                                                    class="fi flaticon-search"></i></button>
-                                            <div class="header-search-form">
-                                                <form>
-                                                    <div>
-                                                        <input type="text" class="form-control"
-                                                            placeholder="Search here...">
-                                                        <button type="submit"><i
-                                                                class="fi flaticon-search"></i></button>
-                                                    </div>
-                                                </form>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="close-form">
-                                        <a class="theme-btn" href="contact.html">Get an quate <i
-                                                class="flaticon-next"></i></a>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div><!-- end of container -->
-                </nav>
-            </div>
-        </header>
-        <!-- end of header -->
-
-        <!-- start wpo-page-title -->
-        <section class="wpo-breadcumb-area">
-            <div class="container">
-                <div class="row">
-                    <div class="col col-xs-12">
-                        <div class="wpo-breadcumb-wrap">
-                            <h2>Internation Logistics</h2>
-                            <h3>Contact Us</h3>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <!-- end page-title -->
-
-        <!--start of wpo-contact-page -->
-        <section class="wpo-contact-page section-padding">
-            <div class="container">
-                <div class="office-info">
-                    <div class="row">
-                        <div class="col col-lg-4 col-md-6 col-12">
-                            <div class="office-info-item">
-                                <div class="office-info-icon">
-                                    <div class="icon">
-                                        <i class="fi flaticon-location-1"></i>
-                                    </div>
-                                </div>
-                                <div class="office-info-text">
-                                    <h2>address line</h2>
-                                    <p>Bowery St, New York, 37 USA
-                                        <br> NY 10013,USA</p>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col col-lg-4 col-md-6 col-12">
-                            <div class="office-info-item active">
-                                <div class="office-info-icon">
-                                    <div class="icon">
-                                        <i class="fi flaticon-phone-call"></i>
-                                    </div>
-                                </div>
-                                <div class="office-info-text">
-                                    <h2>Phone Number</h2>
-                                    <p>+1255 - 568 - 6523 4374-221 <br>
-                                        +1255 - 568 - 6523</p>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col col-lg-4 col-md-6 col-12">
-                            <div class="office-info-item">
-                                <div class="office-info-icon">
-                                    <div class="icon">
-                                        <i class="fi flaticon-email"></i>
-                                    </div>
-                                </div>
-                                <div class="office-info-text">
-                                    <h2>Address</h2>
-                                    <p>contact@logistika.com <br> info@logistika.com</p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="contact-wrap">
-                    <div class="row">
-                        <div class="col-lg-6 col-12">
-                            <div class="contact-left">
-                                <h2>Get in touch</h2>
-                                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit mattis
-                                    faucibus odio feugiat arc dolor.</p>
-                                <img class="image" src="assets/images/contact-left-img.jpg" alt="">
-                            </div>
-                        </div>
-                        <div class="col-lg-6 col-12">
-                            <div class="contact-right">
-                                <div class="title">
-                                    <h2>Fill Up The Form</h2>
-                                    <p>Your email address will not be published. Required fields are marked *</p>
-                                </div>
-                                <form id="contactForm" class="contact-form">
-                                    <div class="input-item">
-                                        <input id="name" class="fild" type="text" placeholder="Your Name*" required>
-                                        <label><i class="flaticon-user"></i></label>
-                                    </div>
-                                    <div class="input-item">
-                                        <input id="email" class="fild" type="email" placeholder="Email Address*"
-                                            required>
-                                        <label><i class="flaticon-email"></i></label>
-                                    </div>
-                                    <div class="input-item">
-                                        <textarea id="message" class="fild textarea"
-                                            placeholder="Enter Your Message here" required></textarea>
-                                        <label><i class="flaticon-edit"></i></label>
-                                    </div>
-                                    <div class="input-item submitbtn">
-                                        <input class="fild" type="submit" value="Get In Touch">
-                                        <label><i class="flaticon-send"></i></label>
-                                    </div>
-                                </form>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <!--end of wpo-contact-page -->
-
-
-        <!--start of wpo-map-section -->
-        <section class="wpo-map-section">
-            <h2 class="hidden">Contact map</h2>
-            <div class="wpo-map">
-                <iframe
-                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.9147703055!2d-74.11976314309273!3d40.69740344223377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1547528325671"
-                    allowfullscreen></iframe>
-            </div>
-        </section>
-        <!--end of wpo-map-section -->
-
-        <!--start of wpo-cta-section-s2 -->
-        <div class="wpo-cta-section-s2">
-            <div class="container">
-                <div class="cta-wrapr">
-                    <div class="wpo-section-title">
-                        <h2>Trusted transport service</h2>
-                        <h3>Transport & Logistics
-                            proejcts that we providde</h3>
-                        <a href="contact.html" class="theme-btn">Contact support</a>
-                    </div>
-                    <div class="contact-info">
-                        <div class="item">
-                            <div class="icon">
-                                <i class="flaticon-phone-call"></i>
-                            </div>
-                            <div class="text">
-                                <span>Call For Inquiry</span>
-                                <p>+236 (456) 896 22</p>
-                            </div>
-                        </div>
-                        <div class="item">
-                            <div class="icon">
-                                <i class="flaticon-email"></i>
-                            </div>
-                            <div class="text">
-                                <span>Send Us Email</span>
-                                <p>contact@logistika.com</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!--end of wpo-cta-section-s2 -->
-
-        <!-- start of wpo-site-footer-section -->
-        <footer class="wpo-site-footer-s2">
-            <div class="wpo-upper-footer">
-                <div class="container">
-                    <div class="row">
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget address-widget">
-                                <div class="widget-title">
-                                    <h3>Address</h3>
-                                </div>
-                                <p>570 8th Ave, New York,NY 10018
-                                    United States</p>
-                                <h4>Opening Hours</h4>
-                                <ul>
-                                    <li>9.30am – 6.30pm</li>
-                                    <li>Monday to Friday</li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget link-widget">
-                                <div class="widget-title">
-                                    <h3>Services</h3>
-                                </div>
-                                <ul>
-                                    <li><a href="services-single.html">Electronics Industry</a></li>
-                                    <li><a href="services-single.html">Industrial & Manufacturing</a></li>
-                                    <li><a href="services-single.html">Semicon & Solar</a></li>
-                                    <li><a href="services-single.html">Oil & Gas Cargo</a></li>
-                                    <li><a href="services-single.html">ship & cargo services</a></li>
-                                    <li><a href="services-single.html">Maritime transportation</a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget link-widget">
-                                <div class="widget-title">
-                                    <h3>Useful links</h3>
-                                </div>
-                                <ul>
-                                    <li><a href="services-single.html">How it Works</a></li>
-                                    <li><a href="services-single.html">Help Link</a></li>
-                                    <li><a href="services-single.html">Terms & Conditions</a></li>
-                                    <li><a href="services-single.html">Contact Us</a></li>
-                                    <li><a href="services-single.html">Privacy Policy</a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget newsletter-widget">
-                                <div class="widget-title">
-                                    <h3>newsletter</h3>
-                                </div>
-                                <div class="newsletter">
-                                    <form class="form-fild">
-                                        <input class="fild" type="email" placeholder="Enter Email Adress">
-                                        <button type="submit"><i class="flaticon-arrowhead-up"></i></button>
-                                        <div class="terms">
-                                            <input type="checkbox" id="Insurance">
-                                            <label for="Insurance">I agree all your <a href="#">terms</a> and
-                                                policies</label>
-                                        </div>
-                                    </form>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="wpo-lower-footer">
-                <div class="container">
-                    <div class="row g-0 align-items-center">
-                        <div class="col col-lg-2 col-12">
-                            <div class="logo">
-                                <img src="assets/images/logo-2.svg" alt="blog">
-                            </div>
-                        </div>
-                        <div class="col col-lg-6 col-12">
-                            <p class="copyright"> &copy; 2024 <a href="index-2.html">wpOcean</a> - Logistics service. All
-                                rights reserved.</p>
-                        </div>
-                        <div class="col col-lg-4 col-12">
-                            <ul>
-                                <li><a href="#"><img src="assets/images/banck/1.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/2.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/3.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/4.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/5.png" alt=""></a></li>
-                                <li><a href="#"><img src="assets/images/banck/6.png" alt=""></a></li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="bg-image">
-                <img src="assets/images/footer-bg-s2.jpg" alt="">
-            </div>
-            <div class="shape">
-                <svg width="191" height="208" viewBox="0 0 191 208" fill="none">
-                    <path d="M125.53 208.291H118.13L0 12.271V0.00102234L125.53 208.291Z" fill="white" />
-                    <path d="M0 43.1711L99.93 209.121H0V43.1711Z" fill="#FF7236" />
-                    <path d="M190.33 209.121H138.45L68.9102 93.7311H120.79L190.33 209.121Z" fill="#144754" />
-                    <path d="M98.0897 69.1602H72.8097L38.9297 12.9402H64.2097L98.0897 69.1602Z" fill="#FF7236" />
-                </svg>
-            </div>
-        </footer>
-        <!-- end of wpo-site-footer-section -->
-
-
-
-    </div>
-    <!-- end of page-wrapper -->
-
-    <!-- All JavaScript files
-    ================================================== -->
-    <script src="assets/js/jquery.min.js"></script>
-    <script src="assets/js/bootstrap.bundle.min.js"></script>
-    <!-- Plugins for this template -->
-    <script src="assets/js/modernizr.custom.js"></script>
-    <script src="assets/js/jquery.dlmenu.js"></script>
-    <script src="assets/js/jquery-plugin-collection.js"></script>
-    <!-- Custom script for this template -->
-    <script src="assets/js/script.js"></script>
-</body>
-
-
-<!-- Mirrored from wpocean.com/html/tf/logistika/contact.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:40 GMT -->
-</html>
\ No newline at end of file
diff --git a/contact.php b/contact.php
new file mode 100644
index 0000000..006b6c4
--- /dev/null
+++ b/contact.php
@@ -0,0 +1,142 @@
+<?php include('header.php');?>
+  <!-- start wpo-page-title -->
+  <section class="wpo-breadcumb-area">
+    <div class="container">
+      <div class="row">
+        <div class="col col-xs-12">
+          <div class="wpo-breadcumb-wrap">
+            <h2>Internation Logistics</h2>
+            <h3>Contact Us</h3>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- end page-title --> 
+  
+  <!--start of wpo-contact-page -->
+  <section class="wpo-contact-page section-padding">
+    <div class="container">
+      <div class="office-info">
+        <div class="row">
+          <div class="col col-lg-4 col-md-6 col-12">
+            <div class="office-info-item">
+              <div class="office-info-icon">
+                <div class="icon"> <i class="fi flaticon-location-1"></i> </div>
+              </div>
+              <div class="office-info-text">
+                <h2>address line</h2>
+                <p>Bowery St, New York, 37 USA <br>
+                  NY 10013,USA</p>
+              </div>
+            </div>
+          </div>
+          <div class="col col-lg-4 col-md-6 col-12">
+            <div class="office-info-item active">
+              <div class="office-info-icon">
+                <div class="icon"> <i class="fi flaticon-phone-call"></i> </div>
+              </div>
+              <div class="office-info-text">
+                <h2>Phone Number</h2>
+                <p>+1255 - 568 - 6523 4374-221 <br>
+                  +1255 - 568 - 6523</p>
+              </div>
+            </div>
+          </div>
+          <div class="col col-lg-4 col-md-6 col-12">
+            <div class="office-info-item">
+              <div class="office-info-icon">
+                <div class="icon"> <i class="fi flaticon-email"></i> </div>
+              </div>
+              <div class="office-info-text">
+                <h2>Address</h2>
+                <p>contact@logistika.com <br>
+                  info@logistika.com</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="contact-wrap">
+        <div class="row">
+          <div class="col-lg-6 col-12">
+            <div class="contact-left">
+              <h2>Get in touch</h2>
+              <p>Lorem ipsum dolor sit amet consectetur adipiscing elit mattis
+                faucibus odio feugiat arc dolor.</p>
+              <img class="image" src="assets/images/contact-left-img.jpg" alt=""> </div>
+          </div>
+          <div class="col-lg-6 col-12">
+            <div class="contact-right">
+              <div class="title">
+                <h2>Fill Up The Form</h2>
+                <p>Your email address will not be published. Required fields are marked *</p>
+              </div>
+              <form id="contactForm" class="contact-form">
+                <div class="input-item">
+                  <input id="name" class="fild" type="text" placeholder="Your Name*" required>
+                  <label><i class="flaticon-user"></i></label>
+                </div>
+                <div class="input-item">
+                  <input id="email" class="fild" type="email" placeholder="Email Address*"
+                                            required>
+                  <label><i class="flaticon-email"></i></label>
+                </div>
+                <div class="input-item">
+                  <textarea id="message" class="fild textarea"
+                                            placeholder="Enter Your Message here" required></textarea>
+                  <label><i class="flaticon-edit"></i></label>
+                </div>
+                <div class="input-item submitbtn">
+                  <input class="fild" type="submit" value="Get In Touch">
+                  <label><i class="flaticon-send"></i></label>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!--end of wpo-contact-page --> 
+  
+  <!--start of wpo-map-section -->
+  <section class="wpo-map-section">
+    <h2 class="hidden">Contact map</h2>
+    <div class="wpo-map">
+      <iframe
+                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.9147703055!2d-74.11976314309273!3d40.69740344223377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1547528325671"
+                    allowfullscreen></iframe>
+    </div>
+  </section>
+  <!--end of wpo-map-section --> 
+  
+  <!--start of wpo-cta-section-s2 -->
+  <div class="wpo-cta-section-s2">
+    <div class="container">
+      <div class="cta-wrapr">
+        <div class="wpo-section-title">
+          <h2>Trusted transport service</h2>
+          <h3>Transport & Logistics
+            proejcts that we providde</h3>
+          <a href="contact.html" class="theme-btn">Contact support</a> </div>
+        <div class="contact-info">
+          <div class="item">
+            <div class="icon"> <i class="flaticon-phone-call"></i> </div>
+            <div class="text"> <span>Call For Inquiry</span>
+              <p>+236 (456) 896 22</p>
+            </div>
+          </div>
+          <div class="item">
+            <div class="icon"> <i class="flaticon-email"></i> </div>
+            <div class="text"> <span>Send Us Email</span>
+              <p>contact@logistika.com</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!--end of wpo-cta-section-s2 -->
+  
+  <?php include('footer.php');?>
\ No newline at end of file
diff --git a/footer.php b/footer.php
new file mode 100644
index 0000000..33797a3
--- /dev/null
+++ b/footer.php
@@ -0,0 +1,172 @@
+<!-- start of wpo-site-footer-section -->
+<footer class="wpo-site-footer">
+  <div class="footer-newsletter">
+    <div class="container">
+      <div class="row justify-content-center">
+        <div class="col-lg-6 col-12">
+          <h2>Join Our Newsletter</h2>
+          <p>We Provide Best Pricing package to grow your lead capture</p>
+          <form class="newsletter">
+            <input type="text" class="form-control" placeholder="Email Address" required>
+            <button type="submit">Subscribe <i class="flaticon-right-arrow"></i></button>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="wpo-upper-footer">
+    <div class="container">
+      <div class="row">
+        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
+          <div class="widget about-widget">
+            <div class="logo widget-title"> <img src="assets/images/access-images/access-inverse-logo.png" alt="blog"> </div>
+            <p>Logistika excels in transport and logistics solutions with global service
+              capabilities.</p>
+            <ul>
+              <li>
+                <div class="icon">
+                  <svg width="23" height="28" viewBox="0 0 23 28" fill="none">
+                    <path
+                                                    d="M12.3108 2C7.55184 2 3.68164 5.86831 3.68164 10.625C3.68164 16.6036 11.4709 24.4581 11.8017 24.7901C11.9427 24.9296 12.1268 25 12.3108 25C12.4949 25 12.679 24.9296 12.82 24.7901C13.1508 24.4581 20.9401 16.6036 20.9401 10.625C20.9401 5.86831 17.0699 2 12.3108 2ZM12.3108 23.2419C10.5936 21.4048 5.11984 15.1919 5.11984 10.625C5.11984 6.66181 8.34573 3.4375 12.3108 3.4375C16.276 3.4375 19.5019 6.66181 19.5019 10.625C19.5019 15.1876 14.0281 21.4048 12.3108 23.2419Z"
+                                                    fill="#FF7236" />
+                    <path
+                                                    d="M12.3107 6.3125C9.93191 6.3125 7.99609 8.24737 7.99609 10.625C7.99609 13.0026 9.93191 14.9375 12.3107 14.9375C14.6895 14.9375 16.6253 13.0026 16.6253 10.625C16.6253 8.24737 14.6895 6.3125 12.3107 6.3125ZM12.3107 13.5C10.7244 13.5 9.43429 12.2106 9.43429 10.625C9.43429 9.03944 10.7244 7.75 12.3107 7.75C13.897 7.75 15.1871 9.03944 15.1871 10.625C15.1871 12.2106 13.897 13.5 12.3107 13.5Z"
+                                                    fill="#FF7236" />
+                  </svg>
+                </div>
+                <span>86 Road Broklyn Street, 600
+                New York, USA</span> </li>
+              <li>
+                <div class="icon">
+                  <svg width="23" height="22" viewBox="0 0 23 22" fill="none">
+                    <g clip-path="url(#clip0_20_22892)">
+                      <path
+                                                        d="M1.97766 17.6352C1.63708 17.6334 1.31097 17.4974 1.07014 17.2567C0.829309 17.016 0.693213 16.69 0.691406 16.3496V5.77586C0.693222 5.07078 0.974257 4.39509 1.47307 3.89652C1.97189 3.39795 2.6479 3.11705 3.35333 3.11523H15.9063C16.6129 3.11523 17.2907 3.39533 17.791 3.89409C18.2913 4.39286 18.5733 5.06959 18.5751 5.77586V12.8227C18.5751 13.529 18.2949 14.2065 17.7959 14.7065C17.2969 15.2066 16.6198 15.4884 15.9132 15.4902H5.44435C5.32544 15.4912 5.20989 15.5297 5.11419 15.6002L2.75491 17.3809C2.52995 17.547 2.25738 17.6362 1.97766 17.6352ZM3.35333 4.49023C3.01275 4.49204 2.68664 4.62807 2.44581 4.86878C2.20498 5.10949 2.06888 5.43545 2.06708 5.77586V16.1777L4.28878 14.5002C4.62307 14.2521 5.02795 14.1172 5.44435 14.1152H15.9063C16.2493 14.1152 16.5782 13.9791 16.8207 13.7367C17.0632 13.4943 17.1994 13.1655 17.1994 12.8227V5.77586C17.1976 5.43545 17.0615 5.10949 16.8207 4.86878C16.5799 4.62807 16.2538 4.49204 15.9132 4.49023H3.35333Z"
+                                                        fill="#FF7236" />
+                      <path
+                                                        d="M12.3438 10.0527C12.7234 10.0527 13.0312 9.74493 13.0312 9.36524C13.0312 8.98554 12.7234 8.67773 12.3438 8.67773C11.9641 8.67773 11.6562 8.98554 11.6562 9.36524C11.6562 9.74493 11.9641 10.0527 12.3438 10.0527Z"
+                                                        fill="#FF7236" />
+                      <path
+                                                        d="M9.67383 10.0527C10.0535 10.0527 10.3613 9.74493 10.3613 9.36524C10.3613 8.98554 10.0535 8.67773 9.67383 8.67773C9.29413 8.67773 8.98633 8.98554 8.98633 9.36524C8.98633 9.74493 9.29413 10.0527 9.67383 10.0527Z"
+                                                        fill="#FF7236" />
+                      <path
+                                                        d="M6.92188 10.0527C7.30157 10.0527 7.60938 9.74493 7.60938 9.36524C7.60938 8.98554 7.30157 8.67773 6.92188 8.67773C6.54218 8.67773 6.23438 8.98554 6.23438 9.36524C6.23438 9.74493 6.54218 10.0527 6.92188 10.0527Z"
+                                                        fill="#FF7236" />
+                      <path
+                                                        d="M20.6389 10.6777C20.4565 10.6777 20.2815 10.6053 20.1525 10.4764C20.0235 10.3474 19.9511 10.1726 19.9511 9.99023V3.02586C19.9493 2.68545 19.8132 2.35949 19.5723 2.11878C19.3315 1.87807 19.0054 1.74204 18.6648 1.74023H4.81869C4.63627 1.74023 4.46132 1.6678 4.33232 1.53887C4.20333 1.40994 4.13086 1.23507 4.13086 1.05273C4.13086 0.870398 4.20333 0.69553 4.33232 0.566598C4.46132 0.437667 4.63627 0.365234 4.81869 0.365234H18.6648C19.3702 0.367049 20.0463 0.647947 20.5451 1.14652C21.0439 1.64509 21.3249 2.32078 21.3267 3.02586V9.99023C21.3267 10.1726 21.2543 10.3474 21.1253 10.4764C20.9963 10.6053 20.8213 10.6777 20.6389 10.6777Z"
+                                                        fill="#FF7236" />
+                    </g>
+                    <defs>
+                      <clipPath id="clip0_20_22892">
+                        <rect width="22.0107" height="22" fill="white"
+                                                            transform="translate(0.00390625)" />
+                      </clipPath>
+                    </defs>
+                  </svg>
+                </div>
+                <span>needhelp@logistika.com</span> </li>
+            </ul>
+          </div>
+        </div>
+        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
+          <div class="widget link-widget">
+            <div class="widget-title">
+              <h3>Services</h3>
+            </div>
+            <ul>
+              <li><a href="services-single.html">Electronics Industry</a></li>
+              <li><a href="services-single.html">Industrial & Manufacturing</a></li>
+              <li><a href="services-single.html">Semicon & Solar</a></li>
+              <li><a href="services-single.html">Oil & Gas Cargo</a></li>
+              <li><a href="services-single.html">ship & cargo services</a></li>
+              <li><a href="services-single.html">Maritime transportation</a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
+          <div class="widget link-widget">
+            <div class="widget-title">
+              <h3>Useful links</h3>
+            </div>
+            <ul>
+              <li><a href="services-single.html">How it Works</a></li>
+              <li><a href="services-single.html">Help Link</a></li>
+              <li><a href="services-single.html">Terms & Conditions</a></li>
+              <li><a href="services-single.html">Contact Us</a></li>
+              <li><a href="services-single.html">Privacy Policy</a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
+          <div class="widget locations-widget">
+            <div class="widget-title">
+              <h3>Locations</h3>
+            </div>
+            <p>55 Main Street, 2nd block
+              Malborne, Australia</p>
+            <ul>
+              <li>Contact</li>
+              <li>support@logistika.com</li>
+              <li>+880 (123) 456 88</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="footer-map"> <img src="assets/images/footer-map.svg" alt=""> </div>
+  </div>
+  <div class="wpo-lower-footer">
+    <div class="container">
+      <div class="row">
+        <div class="col col-xs-12">
+          <p class="copyright"> &copy; 2024 <a href="index-2.html">wpOcean</a> - Logistics service. All
+            rights reserved.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="bg-image"> <img src="assets/images/footer-bg.jpg" alt=""> </div>
+  <div class="shape">
+    <svg width="191" height="208" viewBox="0 0 191 208" fill="none">
+      <path d="M125.53 208.291H118.13L0 12.271V0.00102234L125.53 208.291Z" fill="white" />
+      <path d="M0 43.1711L99.93 209.121H0V43.1711Z" fill="#FF7236" />
+      <path d="M190.33 209.121H138.45L68.9102 93.7311H120.79L190.33 209.121Z" fill="#144754" />
+      <path d="M98.0897 69.1602H72.8097L38.9297 12.9402H64.2097L98.0897 69.1602Z" fill="#FF7236" />
+    </svg>
+  </div>
+  <div class="shape-1">
+    <svg width="109" height="109" viewBox="0 0 109 109" fill="none">
+      <g clip-path="url(#clip0_20_22861)">
+        <path
+                            d="M89.2238 70.0989C96.8421 52.9453 83.0134 34.3526 64.3055 38.1509C63.3593 38.3037 62.349 38.6611 61.473 38.9482C64.7448 51.0903 62.3701 65.8435 53.3269 71.7703C45.1535 77.0712 38.0365 69.6765 39.8509 61.3734C42.0436 51.5042 47.9756 42.2447 56.7624 37.1361C54.0501 29.6612 48.588 23.7955 39.7724 23.6173C24.9222 23.3457 13.7687 39.9537 15.1025 53.6225C15.3318 55.0418 13.1707 55.488 12.9415 54.0686C9.22601 36.1726 26.7675 16.7366 45.2082 20.6033C52.3546 22.1676 57.4777 28.0396 60.3243 35.4443C69.9479 31.6083 80.9223 34.9331 88.1673 41.9185C96.5176 50.0363 96.5233 61.4922 91.8885 71.2704C91.1716 72.8428 88.6409 71.6006 89.2238 70.0989ZM46.3634 54.2047C44.5327 57.8986 42.6503 62.4747 43.338 66.7328C43.9554 70.8563 49.4223 69.5367 51.6411 68.547C54.3972 67.2766 55.8312 64.1322 56.7982 61.4031C59.0649 55.6001 59.5304 47.6604 57.9109 40.6401C52.8841 43.7822 49.1156 49.0027 46.3634 54.2047Z"
+                            fill="#FF7236" />
+        <path
+                            d="M88.1881 80.2176C86.2215 76.4573 84.4532 72.4223 83.4969 68.3047C83.1273 66.617 85.4928 66.2347 85.9969 67.8526C87.0049 71.0881 88.7546 74.1066 90.4341 76.9908C92.1095 75.9436 93.9194 74.826 95.5247 73.6443C96.7272 72.6734 98.25 70.6798 100.014 70.7832C100.897 70.8348 101.248 71.5062 101.33 72.3183C101.502 74.281 98.6815 75.756 97.3447 76.7971C95.1379 78.4644 92.9252 79.7924 90.5077 81.0567C89.7024 81.4779 88.6095 81.0233 88.1881 80.2176Z"
+                            fill="#FF7236" />
+      </g>
+      <defs>
+        <clipPath id="clip0_20_22861">
+          <rect width="80" height="80" fill="white"
+                                transform="matrix(0.463446 0.886125 0.886125 -0.463446 0.679688 37.7559)" />
+        </clipPath>
+      </defs>
+    </svg>
+  </div>
+</footer>
+<!-- end of wpo-site-footer-section -->
+
+</div>
+<!-- end of page-wrapper --> 
+
+<!-- All JavaScript files
+    ================================================== --> 
+<script src="assets/js/jquery.min.js"></script> 
+<script src="assets/js/bootstrap.bundle.min.js"></script> 
+<!-- Plugins for this template --> 
+<script src="assets/js/modernizr.custom.js"></script> 
+<script src="assets/js/jquery.dlmenu.js"></script> 
+<script src="assets/js/jquery-plugin-collection.js"></script> 
+<!-- Custom script for this template --> 
+<script src="assets/js/script.js"></script>
+</body><!-- Mirrored from wpocean.com/html/tf/logistika/ by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:22:53 GMT -->
+</html>
\ No newline at end of file
diff --git a/header.php b/header.php
new file mode 100644
index 0000000..35f4bac
--- /dev/null
+++ b/header.php
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="author" content="wpOceans">
+<link rel="shortcut icon" type="image/png" href="assets/images/access-images/favicon.png">
+<title>Access Education Network | Simply a better way to learn</title>
+<link href="assets/css/themify-icons.css" rel="stylesheet">
+<link href="assets/css/flaticon_logistics.css" rel="stylesheet">
+<link href="assets/css/bootstrap.min.css" rel="stylesheet">
+<link href="assets/css/animate.css" rel="stylesheet">
+<link href="assets/css/owl.carousel.css" rel="stylesheet">
+<link href="assets/css/owl.theme.css" rel="stylesheet">
+<link href="assets/css/slick.css" rel="stylesheet">
+<link href="assets/css/slick-theme.css" rel="stylesheet">
+<link href="assets/css/swiper.min.css" rel="stylesheet">
+<link href="assets/css/owl.transitions.css" rel="stylesheet">
+<link href="assets/css/jquery.fancybox.css" rel="stylesheet">
+<link href="assets/css/odometer-theme-default.css" rel="stylesheet">
+<link href="assets/sass/style.css" rel="stylesheet">
+</head>
+
+<body>
+
+<!-- start page-wrapper -->
+<div class="page-wrapper">
+<!-- start preloader -->
+<div class="preloader">
+  <div class="vertical-centered-box">
+    <div class="content">
+      <div class="loader-circle"></div>
+      <div class="loader-line-mask">
+        <div class="loader-line"></div>
+      </div>
+      <img src="assets/images/access-images/preloader.png" alt=""> </div>
+  </div>
+</div>
+<!-- end preloader --> 
+<!-- Start header -->
+<header id="header">
+  <div class="topbar">
+    <div class="container-fluid">
+      <div class="row align-items-center">
+        <div class="col-lg-5 col-12">
+          <ul class="contact-info">
+            <li> <i class="ti-email"></i><span>info@accessnepal.net</span> </li>
+            <li> <a href="tel:+977-9801570070"> <i class="flaticon-call"></i><span>+977-9801570070</span> </a> </li>
+          </ul>
+        </div>
+        <div class="col-lg-7 col-12">
+          <div class="contact-into"> <strong>Open Hours: Sun - Fri - 9:00 - 6:00</strong> </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- end topbar -->
+  <div class="wpo-site-header">
+    <nav class="navigation navbar navbar-expand-lg navbar-light">
+      <div class="container-fluid">
+        <div class="row align-items-center">
+          <div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
+            <div class="mobail-menu">
+              <button type="button" class="navbar-toggler open-btn"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar first-angle"></span> <span class="icon-bar middle-angle"></span> <span class="icon-bar last-angle"></span> </button>
+            </div>
+          </div>
+          <div class="col-lg-2 col-md-6 col-6">
+            <div class="navbar-header"> <a class="navbar-brand" href="index.php"><img src="assets/images/access-images/access-logo.jpg" alt=""></a> </div>
+          </div>
+          <div class="col-lg-7 col-md-1 col-1">
+            <div id="navbar" class="collapse navbar-collapse navigation-holder">
+              <button class="menu-close"><i class="ti-close"></i></button>
+              <ul class="nav navbar-nav mb-2 mb-lg-0">
+                <li><a href="index.php">Home</a></li>
+                <li class="menu-item-has-children"> <a href="#">Pages</a>
+                  <ul class="sub-menu">
+                    <li><a href="about.html">About</a></li>
+                    <li class="menu-item-has-children"> <a href="#">Project</a>
+                      <ul class="sub-menu">
+                        <li><a href="project.html">Project style 1</a></li>
+                        <li><a href="project-2.html">Project style 2</a></li>
+                        <li><a href="project-3.html">Project style 3</a></li>
+                        <li><a href="project-single.html">Project Single</a></li>
+                      </ul>
+                    </li>
+                    <li><a href="pricing.html">Pricing</a></li>
+                    <li><a href="tracking.html">Tracking</a></li>
+                    <li><a href="team.html">Team</a></li>
+                    <li><a href="faq.html">FAQ</a></li>
+                    <li><a href="404.html">404 Error</a></li>
+                  </ul>
+                </li>
+                <li class="menu-item-has-children"> <a href="#">services </a>
+                  <ul class="sub-menu">
+                    <li><a href="services.html">services </a></li>
+                    <li><a href="air-transport.html">air transport</a></li>
+                    <li><a href="road-transport.html">road transport</a></li>
+                    <li><a href="ocean-transport.html">ocean transport</a></li>
+                    <li><a href="train-transport.html">train transport</a></li>
+                    <li><a href="services-single.html">services Single</a></li>
+                  </ul>
+                </li>
+                <li class="menu-item-has-children"> <a href="#">Shop</a>
+                  <ul class="sub-menu">
+                    <li><a href="shop.html">Shop</a></li>
+                    <li><a href="shop-single.html">Shop Single</a></li>
+                    <li><a href="cart.html">Cart</a></li>
+                    <li><a href="checkout.html">Checkout</a></li>
+                  </ul>
+                </li>
+                <li class="menu-item-has-children"> <a href="#">Blog</a>
+                  <ul class="sub-menu">
+                    <li><a href="blog.html">Blog right sidebar</a></li>
+                    <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
+                    <li><a href="blog-fullwidth.html">Blog fullwidth</a></li>
+                    <li class="menu-item-has-children"> <a href="#">Blog details</a>
+                      <ul class="sub-menu">
+                        <li><a href="blog-single.html">Blog details right sidebar</a> </li>
+                        <li><a href="blog-single-left-sidebar.html">Blog details left
+                          sidebar</a></li>
+                        <li><a href="blog-single-fullwidth.html">Blog details
+                          fullwidth</a></li>
+                      </ul>
+                    </li>
+                  </ul>
+                </li>
+                <li><a href="contact.php">Contact</a></li>
+              </ul>
+            </div>
+            <!-- end of nav-collapse --> 
+          </div>
+          <div class="col-lg-3 col-md-2 col-2">
+            <div class="header-right">
+              <div class="close-form"> <a class="apply-btn" href="contact.html">Apply Now<i class="flaticon-next"></i></a> </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- end of container --> 
+    </nav>
+  </div>
+</header>
+<!-- end of header --> 
\ No newline at end of file
diff --git a/index.html b/index.html
index 4e68023..a941a24 100644
--- a/index.html
+++ b/index.html
@@ -1,1495 +1,1258 @@
 <!DOCTYPE html>
 <html lang="en">
 
-
 <!-- Mirrored from wpocean.com/html/tf/logistika/ by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:22:31 GMT -->
 <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="author" content="wpOceans">
-    <link rel="shortcut icon" type="image/png" href="assets/images/favicon.png">
-    <title>Logistika - Transportation & Logistics HTML Template</title>
-    <link href="assets/css/themify-icons.css" rel="stylesheet">
-    <link href="assets/css/flaticon_logistics.css" rel="stylesheet">
-    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
-    <link href="assets/css/animate.css" rel="stylesheet">
-    <link href="assets/css/owl.carousel.css" rel="stylesheet">
-    <link href="assets/css/owl.theme.css" rel="stylesheet">
-    <link href="assets/css/slick.css" rel="stylesheet">
-    <link href="assets/css/slick-theme.css" rel="stylesheet">
-    <link href="assets/css/swiper.min.css" rel="stylesheet">
-    <link href="assets/css/owl.transitions.css" rel="stylesheet">
-    <link href="assets/css/jquery.fancybox.css" rel="stylesheet">
-    <link href="assets/css/odometer-theme-default.css" rel="stylesheet">
-    <link href="assets/sass/style.css" rel="stylesheet">
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="author" content="wpOceans">
+<link rel="shortcut icon" type="image/png" href="assets/images/favicon.png">
+<title>Logistika - Transportation & Logistics HTML Template</title>
+<link href="assets/css/themify-icons.css" rel="stylesheet">
+<link href="assets/css/flaticon_logistics.css" rel="stylesheet">
+<link href="assets/css/bootstrap.min.css" rel="stylesheet">
+<link href="assets/css/animate.css" rel="stylesheet">
+<link href="assets/css/owl.carousel.css" rel="stylesheet">
+<link href="assets/css/owl.theme.css" rel="stylesheet">
+<link href="assets/css/slick.css" rel="stylesheet">
+<link href="assets/css/slick-theme.css" rel="stylesheet">
+<link href="assets/css/swiper.min.css" rel="stylesheet">
+<link href="assets/css/owl.transitions.css" rel="stylesheet">
+<link href="assets/css/jquery.fancybox.css" rel="stylesheet">
+<link href="assets/css/odometer-theme-default.css" rel="stylesheet">
+<link href="assets/sass/style.css" rel="stylesheet">
 </head>
 
 <body>
 
-    <!-- start page-wrapper -->
-    <div class="page-wrapper">
-        <!-- start preloader -->
-        <div class="preloader">
-            <div class="vertical-centered-box">
-                <div class="content">
-                    <div class="loader-circle"></div>
-                    <div class="loader-line-mask">
-                        <div class="loader-line"></div>
-                    </div>
-                    <img src="assets/images/preloader.png" alt="">
-                </div>
-            </div>
+<!-- start page-wrapper -->
+<div class="page-wrapper"> 
+  <!-- start preloader -->
+  <div class="preloader">
+    <div class="vertical-centered-box">
+      <div class="content">
+        <div class="loader-circle"></div>
+        <div class="loader-line-mask">
+          <div class="loader-line"></div>
         </div>
-        <!-- end preloader -->
-        <!-- Start header -->
-        <header id="header">
-            <div class="topbar">
-                <div class="container-fluid">
-                    <div class="row align-items-center">
-                        <div class="col-lg-5 col-12">
-                            <ul class="contact-info">
-                                <li>
-                                    <i class="ti-email"></i><span>support@logistika.com</span>
-                                </li>
-                                <li>
-                                    <a href="tel:+887869587496">
-                                        <i class="flaticon-call"></i><span>+88 7869 5874 96</span>
-                                    </a>
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="col-lg-7 col-12">
-                            <div class="contact-into">
-                                <div class="language-selector">
-                                    <select id="languageSelect">
-                                        <option value="en" data-icon="assets/images/language/1.svg">English</option>
-                                        <option value="sp" data-icon="assets/images/language/2.svg">Spanish</option>
-                                    </select>
-                                    <div class="custom-select-wrapper">
-                                        <div class="custom-select"></div>
-                                        <div class="custom-arrow"><i class="flaticon-down"></i></div>
-                                    </div>
-                                    <div class="custom-options"></div>
-                                </div>
-                                <div class="pryment-selector">
-                                    <select>
-                                        <option value="usd">USD</option>
-                                        <option value="aud">AUD</option>
-                                    </select>
-                                </div>
-                                <ul class="social-media">
-                                    <li><span>Follow Us :</span></li>
-                                    <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-twitter"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
+        <img src="assets/images/preloader.png" alt=""> </div>
+    </div>
+  </div>
+  <!-- end preloader --> 
+  <!-- Start header -->
+  <header id="header">
+    <div class="topbar">
+      <div class="container-fluid">
+        <div class="row align-items-center">
+          <div class="col-lg-5 col-12">
+            <ul class="contact-info">
+              <li> <i class="ti-email"></i><span>support@logistika.com</span> </li>
+              <li> <a href="tel:+887869587496"> <i class="flaticon-call"></i><span>+88 7869 5874 96</span> </a> </li>
+            </ul>
+          </div>
+          <div class="col-lg-7 col-12">
+            <div class="contact-into">
+              <div class="language-selector">
+                <select id="languageSelect">
+                  <option value="en" data-icon="assets/images/language/1.svg">English</option>
+                  <option value="sp" data-icon="assets/images/language/2.svg">Spanish</option>
+                </select>
+                <div class="custom-select-wrapper">
+                  <div class="custom-select"></div>
+                  <div class="custom-arrow"><i class="flaticon-down"></i></div>
                 </div>
+                <div class="custom-options"></div>
+              </div>
+              <div class="pryment-selector">
+                <select>
+                  <option value="usd">USD</option>
+                  <option value="aud">AUD</option>
+                </select>
+              </div>
+              <ul class="social-media">
+                <li><span>Follow Us :</span></li>
+                <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
+                <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
+                <li><a href="#"><i class="flaticon-twitter"></i></a></li>
+                <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
+              </ul>
             </div>
-            <!-- end topbar -->
-            <div class="wpo-site-header">
-                <nav class="navigation navbar navbar-expand-lg navbar-light">
-                    <div class="container-fluid">
-                        <div class="row align-items-center">
-                            <div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
-                                <div class="mobail-menu">
-                                    <button type="button" class="navbar-toggler open-btn">
-                                        <span class="sr-only">Toggle navigation</span>
-                                        <span class="icon-bar first-angle"></span>
-                                        <span class="icon-bar middle-angle"></span>
-                                        <span class="icon-bar last-angle"></span>
-                                    </button>
-                                </div>
-                            </div>
-                            <div class="col-lg-2 col-md-6 col-6">
-                                <div class="navbar-header">
-                                    <a class="navbar-brand" href="index-2.html"><img src="assets/images/logo.svg"
-                                            alt=""></a>
-                                </div>
-                            </div>
-                            <div class="col-lg-7 col-md-1 col-1">
-                                <div id="navbar" class="collapse navbar-collapse navigation-holder">
-                                    <button class="menu-close"><i class="ti-close"></i></button>
-                                    <ul class="nav navbar-nav mb-2 mb-lg-0">
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Home</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="index-2.html">Home style 1</a></li>
-                                                <li><a href="index-3.html">Home style 2</a></li>
-                                                <li><a href="index-4.html">Home style 3</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Pages</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="about.html">About</a></li>
-                                                <li class="menu-item-has-children">
-                                                    <a href="#">Project</a>
-                                                    <ul class="sub-menu">
-                                                        <li><a href="project.html">Project style 1</a></li>
-                                                        <li><a href="project-2.html">Project style 2</a></li>
-                                                        <li><a href="project-3.html">Project style 3</a></li>
-                                                        <li><a href="project-single.html">Project Single</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="tracking.html">Tracking</a></li>
-                                                <li><a href="team.html">Team</a></li>
-                                                <li><a href="faq.html">FAQ</a></li>
-                                                <li><a href="404.html">404 Error</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">services </a>
-                                            <ul class="sub-menu">
-                                                <li><a href="services.html">services </a></li>
-
-                                                <li><a href="air-transport.html">air transport</a></li>
-                                                <li><a href="road-transport.html">road transport</a></li>
-                                                <li><a href="ocean-transport.html">ocean transport</a></li>
-                                                <li><a href="train-transport.html">train transport</a></li>
-                                                <li><a href="services-single.html">services Single</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Shop</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="shop.html">Shop</a></li>
-                                                <li><a href="shop-single.html">Shop Single</a></li>
-                                                <li><a href="cart.html">Cart</a></li>
-                                                <li><a href="checkout.html">Checkout</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="menu-item-has-children">
-                                            <a href="#">Blog</a>
-                                            <ul class="sub-menu">
-                                                <li><a href="blog.html">Blog right sidebar</a></li>
-                                                <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
-                                                <li><a href="blog-fullwidth.html">Blog fullwidth</a></li>
-                                                <li class="menu-item-has-children">
-                                                    <a href="#">Blog details</a>
-                                                    <ul class="sub-menu">
-                                                        <li><a href="blog-single.html">Blog details right sidebar</a>
-                                                        </li>
-                                                        <li><a href="blog-single-left-sidebar.html">Blog details left
-                                                                sidebar</a></li>
-                                                        <li><a href="blog-single-fullwidth.html">Blog details
-                                                                fullwidth</a></li>
-                                                    </ul>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="contact.html">Contact</a></li>
-                                    </ul>
-                                </div>
-                                <!-- end of nav-collapse -->
-                            </div>
-                            <div class="col-lg-3 col-md-2 col-2">
-                                <div class="header-right">
-                                    <a href="tel:+025757576560" class="call">
-                                        <div class="icon">
-                                            <img src="assets/images/call.svg" alt="">
-                                        </div>
-                                        <div class="text">
-                                            <span>Phone:</span>
-                                            <h4>+88 1900 6789 56</h4>
-                                        </div>
-                                    </a>
-                                    <div class="header-search-form-wrapper">
-                                        <div class="cart-search-contact">
-                                            <button class="search-toggle-btn"><i
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- end topbar -->
+    <div class="wpo-site-header">
+      <nav class="navigation navbar navbar-expand-lg navbar-light">
+        <div class="container-fluid">
+          <div class="row align-items-center">
+            <div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
+              <div class="mobail-menu">
+                <button type="button" class="navbar-toggler open-btn"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar first-angle"></span> <span class="icon-bar middle-angle"></span> <span class="icon-bar last-angle"></span> </button>
+              </div>
+            </div>
+            <div class="col-lg-2 col-md-6 col-6">
+              <div class="navbar-header"> <a class="navbar-brand" href="index-2.html"><img src="assets/images/logo.svg"
+                                            alt=""></a> </div>
+            </div>
+            <div class="col-lg-7 col-md-1 col-1">
+              <div id="navbar" class="collapse navbar-collapse navigation-holder">
+                <button class="menu-close"><i class="ti-close"></i></button>
+                <ul class="nav navbar-nav mb-2 mb-lg-0">
+                  <li class="menu-item-has-children"> <a href="#">Home</a>
+                    <ul class="sub-menu">
+                      <li><a href="index-2.html">Home style 1</a></li>
+                      <li><a href="index-3.html">Home style 2</a></li>
+                      <li><a href="index-4.html">Home style 3</a></li>
+                    </ul>
+                  </li>
+                  <li class="menu-item-has-children"> <a href="#">Pages</a>
+                    <ul class="sub-menu">
+                      <li><a href="about.html">About</a></li>
+                      <li class="menu-item-has-children"> <a href="#">Project</a>
+                        <ul class="sub-menu">
+                          <li><a href="project.html">Project style 1</a></li>
+                          <li><a href="project-2.html">Project style 2</a></li>
+                          <li><a href="project-3.html">Project style 3</a></li>
+                          <li><a href="project-single.html">Project Single</a></li>
+                        </ul>
+                      </li>
+                      <li><a href="pricing.html">Pricing</a></li>
+                      <li><a href="tracking.html">Tracking</a></li>
+                      <li><a href="team.html">Team</a></li>
+                      <li><a href="faq.html">FAQ</a></li>
+                      <li><a href="404.html">404 Error</a></li>
+                    </ul>
+                  </li>
+                  <li class="menu-item-has-children"> <a href="#">services </a>
+                    <ul class="sub-menu">
+                      <li><a href="services.html">services </a></li>
+                      <li><a href="air-transport.html">air transport</a></li>
+                      <li><a href="road-transport.html">road transport</a></li>
+                      <li><a href="ocean-transport.html">ocean transport</a></li>
+                      <li><a href="train-transport.html">train transport</a></li>
+                      <li><a href="services-single.html">services Single</a></li>
+                    </ul>
+                  </li>
+                  <li class="menu-item-has-children"> <a href="#">Shop</a>
+                    <ul class="sub-menu">
+                      <li><a href="shop.html">Shop</a></li>
+                      <li><a href="shop-single.html">Shop Single</a></li>
+                      <li><a href="cart.html">Cart</a></li>
+                      <li><a href="checkout.html">Checkout</a></li>
+                    </ul>
+                  </li>
+                  <li class="menu-item-has-children"> <a href="#">Blog</a>
+                    <ul class="sub-menu">
+                      <li><a href="blog.html">Blog right sidebar</a></li>
+                      <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
+                      <li><a href="blog-fullwidth.html">Blog fullwidth</a></li>
+                      <li class="menu-item-has-children"> <a href="#">Blog details</a>
+                        <ul class="sub-menu">
+                          <li><a href="blog-single.html">Blog details right sidebar</a> </li>
+                          <li><a href="blog-single-left-sidebar.html">Blog details left
+                            sidebar</a></li>
+                          <li><a href="blog-single-fullwidth.html">Blog details
+                            fullwidth</a></li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a href="contact.html">Contact</a></li>
+                </ul>
+              </div>
+              <!-- end of nav-collapse --> 
+            </div>
+            <div class="col-lg-3 col-md-2 col-2">
+              <div class="header-right"> <a href="tel:+025757576560" class="call">
+                <div class="icon"> <img src="assets/images/call.svg" alt=""> </div>
+                <div class="text"> <span>Phone:</span>
+                  <h4>+88 1900 6789 56</h4>
+                </div>
+                </a>
+                <div class="header-search-form-wrapper">
+                  <div class="cart-search-contact">
+                    <button class="search-toggle-btn"><i
                                                     class="fi flaticon-search"></i></button>
-                                            <div class="header-search-form">
-                                                <form>
-                                                    <div>
-                                                        <input type="text" class="form-control"
+                    <div class="header-search-form">
+                      <form>
+                        <div>
+                          <input type="text" class="form-control"
                                                             placeholder="Search here...">
-                                                        <button type="submit"><i
+                          <button type="submit"><i
                                                                 class="fi flaticon-search"></i></button>
-                                                    </div>
-                                                </form>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="close-form">
-                                        <a class="theme-btn" href="contact.html">Get an quate <i
-                                                class="flaticon-next"></i></a>
-                                    </div>
-                                </div>
-                            </div>
                         </div>
-                    </div><!-- end of container -->
-                </nav>
+                      </form>
+                    </div>
+                  </div>
+                </div>
+                <div class="close-form"> <a class="theme-btn" href="contact.html">Get an quate <i
+                                                class="flaticon-next"></i></a> </div>
+              </div>
             </div>
-        </header>
-        <!-- end of header -->
-
-        <!-- start of hero-section -->
-        <section class="hero-section">
-            <div class="hero-slider">
-                <div class="slider-item">
-                    <div class="bg-image">
-                        <img class="animated" src="assets/images/slider/slide-1.jpg" alt=""
-                            data-animation-in="zoomInImage">
-                    </div>
-                    <div class="container">
-                        <div class="content">
-                            <h1 class="bg-text">Logistic</h1>
-                            <h2 class="animated" data-animation-in="fadeInUp">Internation Logistics</h2>
-                            <h3 class="animated" data-animation-in="fadeInUp">Flexible logistic
-                                & cargo service</h3>
-                            <p class="animated" data-animation-in="fadeInUp">World’s driving worldwide coordinations
-                                supplier we uphold industry and exchange the
-                                worldwide trade of about dummy merchandise through land transport.</p>
-                            <div class="hero-btn animated" data-animation-in="fadeInUp">
-                                <div class="btn-1">
-                                    <a href="about.html" class="theme-btn">All Services</a>
-                                </div>
-                                <div class="btn-2">
-                                    <a href="tel:+025757576560" class="call">
-                                        <div class="icon">
-                                            <i class="flaticon-call"></i>
-                                        </div>
-                                        <div class="text">
-                                            <span>Call Us Now</span>
-                                            <h4>+025 757 576 560</h4>
-                                        </div>
-                                    </a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="down-shape">
-                        <svg width="19" height="86" viewBox="0 0 19 86" fill="none">
-                            <path
+          </div>
+        </div>
+        <!-- end of container --> 
+      </nav>
+    </div>
+  </header>
+  <!-- end of header --> 
+  
+  <!-- start of hero-section -->
+  <section class="hero-section">
+    <div class="hero-slider">
+      <div class="slider-item">
+        <div class="bg-image"> <img class="animated" src="assets/images/slider/slide-1.jpg" alt=""
+                            data-animation-in="zoomInImage"> </div>
+        <div class="container">
+          <div class="content">
+            <h1 class="bg-text">Logistic</h1>
+            <h2 class="animated" data-animation-in="fadeInUp">Internation Logistics</h2>
+            <h3 class="animated" data-animation-in="fadeInUp">Flexible logistic
+              & cargo service</h3>
+            <p class="animated" data-animation-in="fadeInUp">World’s driving worldwide coordinations
+              supplier we uphold industry and exchange the
+              worldwide trade of about dummy merchandise through land transport.</p>
+            <div class="hero-btn animated" data-animation-in="fadeInUp">
+              <div class="btn-1"> <a href="about.html" class="theme-btn">All Services</a> </div>
+              <div class="btn-2"> <a href="tel:+025757576560" class="call">
+                <div class="icon"> <i class="flaticon-call"></i> </div>
+                <div class="text"> <span>Call Us Now</span>
+                  <h4>+025 757 576 560</h4>
+                </div>
+                </a> </div>
+            </div>
+          </div>
+        </div>
+        <div class="down-shape">
+          <svg width="19" height="86" viewBox="0 0 19 86" fill="none">
+            <path
                                 d="M0.000800801 0.240602L0.0525983 6.64872L8.95468 14.2473L17.8817 6.38959L17.8301 0L17.8046 0.000184758L8.90289 7.83917L0.000800801 0.240602Z"
                                 fill="white" fill-opacity="0.2" />
-                            <path
+            <path
                                 d="M0.145332 18.0912L0.19713 24.4993L9.09922 32.0979L18.0263 24.2402L17.9746 17.8506L17.9492 17.8508L9.04742 25.6898L0.145332 18.0912Z"
                                 fill="white" />
-                            <path
+            <path
                                 d="M0.289863 35.9418L0.341661 42.3499L9.24375 49.9485L18.1708 42.0908L18.1191 35.7012L18.0937 35.7014L9.19195 43.5403L0.289863 35.9418Z"
                                 fill="white" fill-opacity="0.2" />
-                            <path
+            <path
                                 d="M0.434395 53.7924L0.486213 60.2031L9.3883 67.8017L18.3153 59.9413L18.2637 53.5518L18.2382 53.5519L9.33648 61.3909L0.434395 53.7924Z"
                                 fill="white" fill-opacity="0.2" />
-                            <path
+            <path
                                 d="M0.576951 71.6432L0.62877 78.054L9.53086 85.6526L18.4579 77.7922L18.4062 71.4053L18.3808 71.4055L9.47904 79.2418L0.576951 71.6432Z"
                                 fill="white" fill-opacity="0.2" />
-                        </svg>
-                    </div>
+          </svg>
+        </div>
+      </div>
+      <div class="slider-item">
+        <div class="bg-image"> <img class="animated" src="assets/images/slider/slide-1.jpg" alt=""
+                            data-animation-in="zoomInImage"> </div>
+        <div class="container">
+          <div class="content">
+            <h1 class="bg-text">Logistic</h1>
+            <h2 class="animated" data-animation-in="fadeInUp">Internation Logistics</h2>
+            <h3 class="animated" data-animation-in="fadeInUp">Flexible logistic
+              & cargo service</h3>
+            <p class="animated" data-animation-in="fadeInUp">World’s driving worldwide coordinations
+              supplier we uphold industry and exchange the
+              worldwide trade of about dummy merchandise through land transport.</p>
+            <div class="hero-btn animated" data-animation-in="fadeInUp">
+              <div class="btn-1"> <a href="about.html" class="theme-btn">All Services</a> </div>
+              <div class="btn-2"> <a href="tel:+025757576560" class="call">
+                <div class="icon"> <i class="flaticon-call"></i> </div>
+                <div class="text"> <span>Call Us Now</span>
+                  <h4>+025 757 576 560</h4>
                 </div>
-                <div class="slider-item">
-                    <div class="bg-image">
-                        <img class="animated" src="assets/images/slider/slide-1.jpg" alt=""
-                            data-animation-in="zoomInImage">
-                    </div>
-                    <div class="container">
-                        <div class="content">
-                            <h1 class="bg-text">Logistic</h1>
-                            <h2 class="animated" data-animation-in="fadeInUp">Internation Logistics</h2>
-                            <h3 class="animated" data-animation-in="fadeInUp">Flexible logistic
-                                & cargo service</h3>
-                            <p class="animated" data-animation-in="fadeInUp">World’s driving worldwide coordinations
-                                supplier we uphold industry and exchange the
-                                worldwide trade of about dummy merchandise through land transport.</p>
-                            <div class="hero-btn animated" data-animation-in="fadeInUp">
-                                <div class="btn-1">
-                                    <a href="about.html" class="theme-btn">All Services</a>
-                                </div>
-                                <div class="btn-2">
-                                    <a href="tel:+025757576560" class="call">
-                                        <div class="icon">
-                                            <i class="flaticon-call"></i>
-                                        </div>
-                                        <div class="text">
-                                            <span>Call Us Now</span>
-                                            <h4>+025 757 576 560</h4>
-                                        </div>
-                                    </a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="down-shape">
-                        <svg width="19" height="86" viewBox="0 0 19 86" fill="none">
-                            <path
+                </a> </div>
+            </div>
+          </div>
+        </div>
+        <div class="down-shape">
+          <svg width="19" height="86" viewBox="0 0 19 86" fill="none">
+            <path
                                 d="M0.000800801 0.240602L0.0525983 6.64872L8.95468 14.2473L17.8817 6.38959L17.8301 0L17.8046 0.000184758L8.90289 7.83917L0.000800801 0.240602Z"
                                 fill="white" fill-opacity="0.2" />
-                            <path
+            <path
                                 d="M0.145332 18.0912L0.19713 24.4993L9.09922 32.0979L18.0263 24.2402L17.9746 17.8506L17.9492 17.8508L9.04742 25.6898L0.145332 18.0912Z"
                                 fill="white" />
-                            <path
+            <path
                                 d="M0.289863 35.9418L0.341661 42.3499L9.24375 49.9485L18.1708 42.0908L18.1191 35.7012L18.0937 35.7014L9.19195 43.5403L0.289863 35.9418Z"
                                 fill="white" fill-opacity="0.2" />
-                            <path
+            <path
                                 d="M0.434395 53.7924L0.486213 60.2031L9.3883 67.8017L18.3153 59.9413L18.2637 53.5518L18.2382 53.5519L9.33648 61.3909L0.434395 53.7924Z"
                                 fill="white" fill-opacity="0.2" />
-                            <path
+            <path
                                 d="M0.576951 71.6432L0.62877 78.054L9.53086 85.6526L18.4579 77.7922L18.4062 71.4053L18.3808 71.4055L9.47904 79.2418L0.576951 71.6432Z"
                                 fill="white" fill-opacity="0.2" />
-                        </svg>
-                    </div>
-                </div>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div class="track-btn"> <a href="tracking.html"><img src="assets/images/slider/icon.svg" alt=""> Track your shipment</a> </div>
+  </section>
+  <!-- end of hero-section --> 
+  
+  <!-- start of wpo-about-section -->
+  <section class="wpo-about-section">
+    <div class="shape"> <img src="assets/images/about/ab5.png" alt=""> </div>
+    <div class="side-img"> <img src="assets/images/about/ab4.png" alt=""> </div>
+    <div class="container">
+      <div class="row align-items-center">
+        <div class="col-lg-6 col-12">
+          <div class="about-left">
+            <div class="image-1"> <img src="assets/images/about/ab1.jpg" alt=""> </div>
+            <div class="image-2"> <img src="assets/images/about/ab2.jpg" alt=""> </div>
+            <div class="image-3"> <img src="assets/images/about/ab3.jpg" alt=""> </div>
+            <div class="image-4"> <img src="assets/images/about/shape.png" alt=""> </div>
+            <div class="since">
+              <div>
+                <h2 class="odometer" data-count="1999">00</h2>
+                <p>Since</p>
+              </div>
             </div>
-            <div class="track-btn">
-                <a href="tracking.html"><img src="assets/images/slider/icon.svg" alt=""> Track your shipment</a>
+          </div>
+        </div>
+        <div class="col-lg-6 col-12">
+          <div class="about-content">
+            <div class="title">
+              <h2>Trusted transport service </h2>
+              <h3>Transport & Logistics
+                Services We are the best</h3>
             </div>
-        </section>
-        <!-- end of hero-section -->
-
-        <!-- start of wpo-about-section -->
-        <section class="wpo-about-section">
-            <div class="shape">
-                <img src="assets/images/about/ab5.png" alt="">
+            <div class="sub-content"> <span>Logistika is the world's leading global logistics provider — we expertly
+              facilitate industry and commerce in the international exchange of goods through land
+              transport.</span> </div>
+            <h4>operations around the world and across various transporation sectors.</h4>
+            <ul>
+              <li>Domestic and International Service emergency support</li>
+              <li>Compliance and Enforcement actions</li>
+              <li>Becoming a registered provider Today</li>
+            </ul>
+            <div class="author-btn">
+              <div class="author">
+                <div class="image"> <img src="assets/images/about/profile.jpg" alt=""> </div>
+                <div class="text"> <img src="assets/images/about/signature.png" alt=""> <span>Ceo & Founder</span> </div>
+              </div>
+              <div class="about-btn"> <a href="about.html" class="theme-btn"> more about us </a> </div>
             </div>
-            <div class="side-img">
-                <img src="assets/images/about/ab4.png" alt="">
-            </div>
-            <div class="container">
-                <div class="row align-items-center">
-                    <div class="col-lg-6 col-12">
-                        <div class="about-left">
-                            <div class="image-1">
-                                <img src="assets/images/about/ab1.jpg" alt="">
-                            </div>
-                            <div class="image-2">
-                                <img src="assets/images/about/ab2.jpg" alt="">
-                            </div>
-                            <div class="image-3">
-                                <img src="assets/images/about/ab3.jpg" alt="">
-                            </div>
-                            <div class="image-4">
-                                <img src="assets/images/about/shape.png" alt="">
-                            </div>
-
-                            <div class="since">
-                                <div>
-                                    <h2 class="odometer" data-count="1999">00</h2>
-                                    <p>Since</p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-6 col-12">
-                        <div class="about-content">
-                            <div class="title">
-                                <h2>Trusted transport service </h2>
-                                <h3>Transport & Logistics
-                                    Services We are the best</h3>
-                            </div>
-                            <div class="sub-content">
-                                <span>Logistika is the world's leading global logistics provider — we expertly
-                                    facilitate industry and commerce in the international exchange of goods through land
-                                    transport.</span>
-                            </div>
-                            <h4>operations around the world and across various transporation sectors.</h4>
-                            <ul>
-                                <li>Domestic and International Service emergency support</li>
-                                <li>Compliance and Enforcement actions</li>
-                                <li>Becoming a registered provider Today</li>
-                            </ul>
-
-                            <div class="author-btn">
-                                <div class="author">
-                                    <div class="image">
-                                        <img src="assets/images/about/profile.jpg" alt="">
-                                    </div>
-                                    <div class="text">
-                                        <img src="assets/images/about/signature.png" alt="">
-                                        <span>Ceo & Founder</span>
-                                    </div>
-                                </div>
-                                <div class="about-btn">
-                                    <a href="about.html" class="theme-btn">
-                                        more about us
-                                    </a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <!-- end of wpo-about-section -->
-
-        <!-- start of wpo-service-section -->
-        <section class="wpo-service-section section-padding">
-            <div class="container">
-                <div class="row align-items-end">
-                    <div class="col-lg-7 col-12">
-                        <div class="wpo-section-title">
-                            <h2>Trusted transport service</h2>
-                            <h3>Transport & Logistics
-                                Services We are the best</h3>
-                        </div>
-                    </div>
-                    <div class="col-lg-5 col-12">
-                        <div class="service-all-btn">
-                            <a href="services.html" class="theme-btn">All Services</a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="container-fluid g-0">
-                <div class="service-slider owl-carousel">
-                    <div class="service-card">
-                        <img class="image" src="assets/images/service/1.jpg" alt="">
-                        <div class="content">
-                            <i class="flaticon-road-with-broken-line"></i>
-                            <div class="text">
-                                <span>01</span>
-                                <h2><a href="services-single.html">Road Freight Service</a></h2>
-                                <p>Sed ut perspiciatis unde is
-                                    voluptatem accusant</p>
-                                <a href="services-single.html" class="service-single-link">
-                                    <i class="flaticon-right-arrow"></i>
-                                </a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="service-card">
-                        <img class="image" src="assets/images/service/2.jpg" alt="">
-                        <div class="content">
-                            <i class="flaticon-air-plane"></i>
-                            <div class="text">
-                                <span>02</span>
-                                <h2><a href="services-single.html">Intermodal Shipping</a></h2>
-                                <p>Sed ut perspiciatis unde is
-                                    voluptatem accusant</p>
-                                <a href="services-single.html" class="service-single-link">
-                                    <i class="flaticon-right-arrow"></i>
-                                </a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="service-card">
-                        <img class="image" src="assets/images/service/3.jpg" alt="">
-                        <div class="content">
-                            <i class="flaticon-boat-with-containers"></i>
-                            <div class="text">
-                                <span>03</span>
-                                <h2><a href="services-single.html">Maritime transportation</a></h2>
-                                <p>Sed ut perspiciatis unde is
-                                    voluptatem accusant</p>
-                                <a href="services-single.html" class="service-single-link">
-                                    <i class="flaticon-right-arrow"></i>
-                                </a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="service-card">
-                        <img class="image" src="assets/images/service/1.jpg" alt="">
-                        <div class="content">
-                            <i class="flaticon-road-with-broken-line"></i>
-                            <div class="text">
-                                <span>01</span>
-                                <h2><a href="services-single.html">Road Freight Service</a></h2>
-                                <p>Sed ut perspiciatis unde is
-                                    voluptatem accusant</p>
-                                <a href="services-single.html" class="service-single-link">
-                                    <i class="flaticon-right-arrow"></i>
-                                </a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="service-card">
-                        <img class="image" src="assets/images/service/2.jpg" alt="">
-                        <div class="content">
-                            <i class="flaticon-air-plane"></i>
-                            <div class="text">
-                                <span>02</span>
-                                <h2><a href="services-single.html">Intermodal Shipping</a></h2>
-                                <p>Sed ut perspiciatis unde is
-                                    voluptatem accusant</p>
-                                <a href="services-single.html" class="service-single-link">
-                                    <i class="flaticon-right-arrow"></i>
-                                </a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="service-card">
-                        <img class="image" src="assets/images/service/3.jpg" alt="">
-                        <div class="content">
-                            <i class="flaticon-boat-with-containers"></i>
-                            <div class="text">
-                                <span>03</span>
-                                <h2><a href="services-single.html">Maritime transportation</a></h2>
-                                <p>Sed ut perspiciatis unde is
-                                    voluptatem accusant</p>
-                                <a href="services-single.html" class="service-single-link">
-                                    <i class="flaticon-right-arrow"></i>
-                                </a>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <!-- end of wpo-service-section -->
-
-        <!-- stert of wpo-funfact-section -->
-        <section class="wpo-funfact-section section-padding">
-            <div class="container">
-                <div class="titel-image">
-                    <h1>Logistisc</h1>
-                    <h3>Manufacturing software that goes beyondthe benchmark</h3>
-                </div>
-                <div class="row">
-                    <div class="col-lg-3 col-md-6 col-12">
-                        <div class="item">
-                            <h2><span class="odometer" data-count="100"></span>+</h2>
-                            <h3>Cities we have connected</h3>
-                        </div>
-                    </div>
-                    <div class="col-lg-3 col-md-6 col-12">
-                        <div class="item">
-                            <h2><span class="odometer" data-count="1"></span>.<span class="odometer"
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- end of wpo-about-section --> 
+  
+  <!-- start of wpo-service-section -->
+  <section class="wpo-service-section section-padding">
+    <div class="container">
+      <div class="row align-items-end">
+        <div class="col-lg-7 col-12">
+          <div class="wpo-section-title">
+            <h2>Trusted transport service</h2>
+            <h3>Transport & Logistics
+              Services We are the best</h3>
+          </div>
+        </div>
+        <div class="col-lg-5 col-12">
+          <div class="service-all-btn"> <a href="services.html" class="theme-btn">All Services</a> </div>
+        </div>
+      </div>
+    </div>
+    <div class="container-fluid g-0">
+      <div class="service-slider owl-carousel">
+        <div class="service-card"> <img class="image" src="assets/images/service/1.jpg" alt="">
+          <div class="content"> <i class="flaticon-road-with-broken-line"></i>
+            <div class="text"> <span>01</span>
+              <h2><a href="services-single.html">Road Freight Service</a></h2>
+              <p>Sed ut perspiciatis unde is
+                voluptatem accusant</p>
+              <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
+          </div>
+        </div>
+        <div class="service-card"> <img class="image" src="assets/images/service/2.jpg" alt="">
+          <div class="content"> <i class="flaticon-air-plane"></i>
+            <div class="text"> <span>02</span>
+              <h2><a href="services-single.html">Intermodal Shipping</a></h2>
+              <p>Sed ut perspiciatis unde is
+                voluptatem accusant</p>
+              <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
+          </div>
+        </div>
+        <div class="service-card"> <img class="image" src="assets/images/service/3.jpg" alt="">
+          <div class="content"> <i class="flaticon-boat-with-containers"></i>
+            <div class="text"> <span>03</span>
+              <h2><a href="services-single.html">Maritime transportation</a></h2>
+              <p>Sed ut perspiciatis unde is
+                voluptatem accusant</p>
+              <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
+          </div>
+        </div>
+        <div class="service-card"> <img class="image" src="assets/images/service/1.jpg" alt="">
+          <div class="content"> <i class="flaticon-road-with-broken-line"></i>
+            <div class="text"> <span>01</span>
+              <h2><a href="services-single.html">Road Freight Service</a></h2>
+              <p>Sed ut perspiciatis unde is
+                voluptatem accusant</p>
+              <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
+          </div>
+        </div>
+        <div class="service-card"> <img class="image" src="assets/images/service/2.jpg" alt="">
+          <div class="content"> <i class="flaticon-air-plane"></i>
+            <div class="text"> <span>02</span>
+              <h2><a href="services-single.html">Intermodal Shipping</a></h2>
+              <p>Sed ut perspiciatis unde is
+                voluptatem accusant</p>
+              <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
+          </div>
+        </div>
+        <div class="service-card"> <img class="image" src="assets/images/service/3.jpg" alt="">
+          <div class="content"> <i class="flaticon-boat-with-containers"></i>
+            <div class="text"> <span>03</span>
+              <h2><a href="services-single.html">Maritime transportation</a></h2>
+              <p>Sed ut perspiciatis unde is
+                voluptatem accusant</p>
+              <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- end of wpo-service-section --> 
+  
+  <!-- stert of wpo-funfact-section -->
+  <section class="wpo-funfact-section section-padding">
+    <div class="container">
+      <div class="titel-image">
+        <h1>Logistisc</h1>
+        <h3>Manufacturing software that goes beyondthe benchmark</h3>
+      </div>
+      <div class="row">
+        <div class="col-lg-3 col-md-6 col-12">
+          <div class="item">
+            <h2><span class="odometer" data-count="100"></span>+</h2>
+            <h3>Cities we have connected</h3>
+          </div>
+        </div>
+        <div class="col-lg-3 col-md-6 col-12">
+          <div class="item">
+            <h2><span class="odometer" data-count="1"></span>.<span class="odometer"
                                     data-count="2"></span>m</h2>
-                            <h3>Deliver goods every week</h3>
-                        </div>
-                    </div>
-                    <div class="col-lg-3 col-md-6 col-12">
-                        <div class="item">
-                            <h2><span class="odometer" data-count="10"></span>types</h2>
-                            <h3>Delivery transit system</h3>
-                        </div>
-                    </div>
-                    <div class="col-lg-3 col-md-6 col-12">
-                        <div class="item">
-                            <h2><span class="odometer" data-count="95"></span>%</h2>
-                            <h3>Clients Positive review</h3>
-                        </div>
-                    </div>
-                </div>
-
+            <h3>Deliver goods every week</h3>
+          </div>
+        </div>
+        <div class="col-lg-3 col-md-6 col-12">
+          <div class="item">
+            <h2><span class="odometer" data-count="10"></span>types</h2>
+            <h3>Delivery transit system</h3>
+          </div>
+        </div>
+        <div class="col-lg-3 col-md-6 col-12">
+          <div class="item">
+            <h2><span class="odometer" data-count="95"></span>%</h2>
+            <h3>Clients Positive review</h3>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- end of wpo-funfact-section --> 
+  
+  <!-- start of wpo-get-quate-section -->
+  <section class="wpo-get-quate-section section-padding">
+    <div class="container">
+      <div class="row align-items-center">
+        <div class="col-lg-6 col-12">
+          <div class="left-content">
+            <div class="wpo-section-title">
+              <h2>Trusted transport service</h2>
+              <h3>Transportation service
+                area often consider</h3>
             </div>
-        </section>
-        <!-- end of wpo-funfact-section -->
-
-        <!-- start of wpo-get-quate-section -->
-        <section class="wpo-get-quate-section section-padding">
-            <div class="container">
-                <div class="row align-items-center">
-                    <div class="col-lg-6 col-12">
-                        <div class="left-content">
-                            <div class="wpo-section-title">
-                                <h2>Trusted transport service</h2>
-                                <h3>Transportation service
-                                    area often consider</h3>
-                            </div>
-                            <div class="quat">
-                                <p>Transportation service areas often consider factors like
-                                    coverage, efficiency, cost, accessibility, reliability and
-                                    sustainability for optimal performance.</p>
-                            </div>
-                            <ul class="get-item">
-                                <li>
-                                    <i class="flaticon-logistics"></i>
-                                    <h3>Domestic and
-                                        International Service</h3>
-                                </li>
-                                <li>
-                                    <i class="flaticon-nanotechnology"></i>
-                                    <h3>End to End Tracking
-                                        Service system</h3>
-                                </li>
-                            </ul>
-                            <ul class="quate-item">
-                                <li>
-                                    <i class="flaticon-check"></i>
-                                    <h3>Dedicated Transport wise</h3>
-                                </li>
-                                <li>
-                                    <i class="flaticon-check"></i>
-                                    <h3>Domestics & Logistics</h3>
-                                </li>
-                            </ul>
-                            <a href="about.html" class="theme-btn">more about us</a>
-                        </div>
-                    </div>
-                    <div class="col-lg-6 col-12">
-                        <div class="quote-form">
-                            <div class="title">
-                                <h3>Request a quote form</h3>
-                            </div>
-                            <form id="quoteForm">
-                                <div class="row">
-                                    <div class="item col-lg-12">
-                                        <label>Personal information</label>
-                                        <input class="form-control" type="text" name="name" id="name"
+            <div class="quat">
+              <p>Transportation service areas often consider factors like
+                coverage, efficiency, cost, accessibility, reliability and
+                sustainability for optimal performance.</p>
+            </div>
+            <ul class="get-item">
+              <li> <i class="flaticon-logistics"></i>
+                <h3>Domestic and
+                  International Service</h3>
+              </li>
+              <li> <i class="flaticon-nanotechnology"></i>
+                <h3>End to End Tracking
+                  Service system</h3>
+              </li>
+            </ul>
+            <ul class="quate-item">
+              <li> <i class="flaticon-check"></i>
+                <h3>Dedicated Transport wise</h3>
+              </li>
+              <li> <i class="flaticon-check"></i>
+                <h3>Domestics & Logistics</h3>
+              </li>
+            </ul>
+            <a href="about.html" class="theme-btn">more about us</a> </div>
+        </div>
+        <div class="col-lg-6 col-12">
+          <div class="quote-form">
+            <div class="title">
+              <h3>Request a quote form</h3>
+            </div>
+            <form id="quoteForm">
+              <div class="row">
+                <div class="item col-lg-12">
+                  <label>Personal information</label>
+                  <input class="form-control" type="text" name="name" id="name"
                                             placeholder="Your Name">
-                                    </div>
-                                    <div class="item col-lg-6 col-12">
-                                        <input class="form-control" type="email" name="email" id="email"
+                </div>
+                <div class="item col-lg-6 col-12">
+                  <input class="form-control" type="email" name="email" id="email"
                                             placeholder="Email">
-                                    </div>
-                                    <div class="item col-lg-6 col-12">
-                                        <input class="form-control" type="text" name="phone" id="phone"
+                </div>
+                <div class="item col-lg-6 col-12">
+                  <input class="form-control" type="text" name="phone" id="phone"
                                             placeholder="Phone">
-                                    </div>
-                                    <div class="item col-lg-12">
-                                        <label>Delivery information</label>
-                                        <select name="city" id="city" class="form-control">
-                                            <option value="">Delivery City</option>
-                                            <option value="city1">City 1</option>
-                                            <option value="city2">City 2</option>
-                                        </select>
-                                    </div>
-                                    <div class="item col-lg-6 col-12">
-                                        <label>Freight Type</label>
-                                        <select name="type" id="type" class="form-control">
-                                            <option value="">Freight Type</option>
-                                            <option value="type1">Type 1</option>
-                                            <option value="type2">Type 2</option>
-                                        </select>
-                                    </div>
-                                    <div class="item col-lg-6 col-12">
-                                        <label>Incoterms</label>
-                                        <select name="incoter" id="incoter" class="form-control">
-                                            <option value="">Incoterms</option>
-                                            <option value="incoter1">Incoterm 1</option>
-                                            <option value="incoter2">Incoterm 2</option>
-                                        </select>
-                                    </div>
-                                    <div class="item col-12">
-                                        <ul>
-                                            <li>
-                                                <input type="checkbox" id="Fragile">
-                                                <label for="Fragile">Fragile</label>
-                                            </li>
-                                            <li>
-                                                <input type="checkbox" id="Express">
-                                                <label for="Express">Express delivery</label>
-                                            </li>
-                                            <li>
-                                                <input type="checkbox" id="Insurance">
-                                                <label for="Insurance">Insurance</label>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                    <div class="item col-12">
-                                        <input class="theme-btn" type="submit" value="Get A Quote">
-                                    </div>
-                                </div>
-                            </form>
-                        </div>
-                    </div>
                 </div>
-            </div>
-            <div class="left-bg">
-                <div class="img1">
-                    <img src="assets/images/get1.png" alt="">
+                <div class="item col-lg-12">
+                  <label>Delivery information</label>
+                  <select name="city" id="city" class="form-control">
+                    <option value="">Delivery City</option>
+                    <option value="city1">City 1</option>
+                    <option value="city2">City 2</option>
+                  </select>
                 </div>
-                <div class="img2">
-                    <img src="assets/images/get2.svg" alt="">
+                <div class="item col-lg-6 col-12">
+                  <label>Freight Type</label>
+                  <select name="type" id="type" class="form-control">
+                    <option value="">Freight Type</option>
+                    <option value="type1">Type 1</option>
+                    <option value="type2">Type 2</option>
+                  </select>
                 </div>
-                <div class="img3">
-                    <img src="assets/images/get3.svg" alt="">
+                <div class="item col-lg-6 col-12">
+                  <label>Incoterms</label>
+                  <select name="incoter" id="incoter" class="form-control">
+                    <option value="">Incoterms</option>
+                    <option value="incoter1">Incoterm 1</option>
+                    <option value="incoter2">Incoterm 2</option>
+                  </select>
                 </div>
-            </div>
-            <div class="rigth-bg">
-                <img src="assets/images/get4.png" alt="">
-            </div>
-        </section>
-        <!-- end of wpo-get-quate-section -->
-
-        <!-- start of wpo-features-section -->
-        <section class="wpo-features-section section-padding">
-            <div class="container">
-                <div class="row justify-content-center">
-                    <div class="col-lg-8 col-12">
-                        <div class="wpo-section-title">
-                            <h2>Trusted transport service</h2>
-                            <h3>We provide quick & safe
-                                transportation all over the world</h3>
-                        </div>
-                    </div>
+                <div class="item col-12">
+                  <ul>
+                    <li>
+                      <input type="checkbox" id="Fragile">
+                      <label for="Fragile">Fragile</label>
+                    </li>
+                    <li>
+                      <input type="checkbox" id="Express">
+                      <label for="Express">Express delivery</label>
+                    </li>
+                    <li>
+                      <input type="checkbox" id="Insurance">
+                      <label for="Insurance">Insurance</label>
+                    </li>
+                  </ul>
                 </div>
-                <div class="features-wrap">
-                    <div class="features-card">
-                        <i class="flaticon-logistics"></i>
-                        <h3>Complete
-                            Logistics System</h3>
-                    </div>
-                    <div class="features-card">
-                        <i class="flaticon-fast-delivery-1"></i>
-                        <h3>Shipping
-                            All Over the world</h3>
-                    </div>
-                    <div class="features-card">
-                        <i class="flaticon-locations"></i>
-                        <h3>Online
-                            Product Tracking </h3>
-                    </div>
-                    <div class="features-card">
-                        <i class="flaticon-logistics-1"></i>
-                        <h3>International
-                            shipping services</h3>
-                    </div>
-                    <div class="features-card">
-                        <i class="flaticon-customer-support"></i>
-                        <h3>Great
-                            logistical support.</h3>
-                    </div>
+                <div class="item col-12">
+                  <input class="theme-btn" type="submit" value="Get A Quote">
                 </div>
-                <div class="row">
-                    <div class="col-12">
-                        <h4>Bring them together and you overcome the ordinary. <a href="#">View More Features
-                                <span>+</span></a></h4>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <!-- end of wpo-features-section -->
-
-        <!-- stert of wpo-process-section -->
-        <section class="wpo-process-section section-padding">
-            <div class="container">
-                <div class="process-wrap">
-                    <div class="row">
-                        <div class="col col-lg-3 col-md-6 col-12">
-                            <div class="process-item">
-                                <div class="top-contnent">
-                                    <img src="assets/images/process/1.jpg" alt="">
-                                    <div class="item-shape">
-                                        <img src="assets/images/process/item-shape.svg" alt="">
-                                    </div>
-                                    <div class="text">
-                                        <span>Step - 01</span>
-                                    </div>
-                                    <div class="shape-1">
-                                        <svg width="158" height="89" viewBox="0 0 158 89" fill="none">
-                                            <g opacity="0.15">
-                                                <path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="left-bg">
+      <div class="img1"> <img src="assets/images/get1.png" alt=""> </div>
+      <div class="img2"> <img src="assets/images/get2.svg" alt=""> </div>
+      <div class="img3"> <img src="assets/images/get3.svg" alt=""> </div>
+    </div>
+    <div class="rigth-bg"> <img src="assets/images/get4.png" alt=""> </div>
+  </section>
+  <!-- end of wpo-get-quate-section --> 
+  
+  <!-- start of wpo-features-section -->
+  <section class="wpo-features-section section-padding">
+    <div class="container">
+      <div class="row justify-content-center">
+        <div class="col-lg-8 col-12">
+          <div class="wpo-section-title">
+            <h2>Trusted transport service</h2>
+            <h3>We provide quick & safe
+              transportation all over the world</h3>
+          </div>
+        </div>
+      </div>
+      <div class="features-wrap">
+        <div class="features-card"> <i class="flaticon-logistics"></i>
+          <h3>Complete
+            Logistics System</h3>
+        </div>
+        <div class="features-card"> <i class="flaticon-fast-delivery-1"></i>
+          <h3>Shipping
+            All Over the world</h3>
+        </div>
+        <div class="features-card"> <i class="flaticon-locations"></i>
+          <h3>Online
+            Product Tracking </h3>
+        </div>
+        <div class="features-card"> <i class="flaticon-logistics-1"></i>
+          <h3>International
+            shipping services</h3>
+        </div>
+        <div class="features-card"> <i class="flaticon-customer-support"></i>
+          <h3>Great
+            logistical support.</h3>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-12">
+          <h4>Bring them together and you overcome the ordinary. <a href="#">View More Features <span>+</span></a></h4>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- end of wpo-features-section --> 
+  
+  <!-- stert of wpo-process-section -->
+  <section class="wpo-process-section section-padding">
+    <div class="container">
+      <div class="process-wrap">
+        <div class="row">
+          <div class="col col-lg-3 col-md-6 col-12">
+            <div class="process-item">
+              <div class="top-contnent"> <img src="assets/images/process/1.jpg" alt="">
+                <div class="item-shape"> <img src="assets/images/process/item-shape.svg" alt=""> </div>
+                <div class="text"> <span>Step - 01</span> </div>
+                <div class="shape-1">
+                  <svg width="158" height="89" viewBox="0 0 158 89" fill="none">
+                    <g opacity="0.15">
+                      <path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
                                                     fill="#868686" />
-                                            </g>
-                                        </svg>
-                                    </div>
-                                    <div class="shape-2">
-                                        <svg width="48" height="17" viewBox="0 0 48 17" fill="none">
-                                            <path
+                    </g>
+                  </svg>
+                </div>
+                <div class="shape-2">
+                  <svg width="48" height="17" viewBox="0 0 48 17" fill="none">
+                    <path
                                                 d="M47.3549 0.599976L22.8851 16.5564L0.691406 12.5793L47.3549 0.599976Z" />
-                                        </svg>
-                                    </div>
-                                </div>
-                                <div class="content">
-                                    <h2>Select Services</h2>
-                                    <p>
-                                        Pellentesque habitant morbi trist fames ac turp egestas.
-                                        Aliquam enim feugiat mattis.
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-12">
-                            <div class="process-item">
-                                <div class="top-contnent">
-                                    <img src="assets/images/process/2.jpg" alt="">
-                                    <div class="item-shape">
-                                        <img src="assets/images/process/item-shape.svg" alt="">
-                                    </div>
-                                    <div class="text">
-                                        <span>Step - 02</span>
-                                    </div>
-                                    <div class="shape-1">
-                                        <svg width="158" height="89" viewBox="0 0 158 89" fill="none">
-                                            <g opacity="0.15">
-                                                <path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
+                  </svg>
+                </div>
+              </div>
+              <div class="content">
+                <h2>Select Services</h2>
+                <p> Pellentesque habitant morbi trist fames ac turp egestas.
+                  Aliquam enim feugiat mattis. </p>
+              </div>
+            </div>
+          </div>
+          <div class="col col-lg-3 col-md-6 col-12">
+            <div class="process-item">
+              <div class="top-contnent"> <img src="assets/images/process/2.jpg" alt="">
+                <div class="item-shape"> <img src="assets/images/process/item-shape.svg" alt=""> </div>
+                <div class="text"> <span>Step - 02</span> </div>
+                <div class="shape-1">
+                  <svg width="158" height="89" viewBox="0 0 158 89" fill="none">
+                    <g opacity="0.15">
+                      <path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
                                                     fill="#868686" />
-                                            </g>
-                                        </svg>
-                                    </div>
-                                    <div class="shape-2">
-                                        <svg width="48" height="17" viewBox="0 0 48 17" fill="none">
-                                            <path
+                    </g>
+                  </svg>
+                </div>
+                <div class="shape-2">
+                  <svg width="48" height="17" viewBox="0 0 48 17" fill="none">
+                    <path
                                                 d="M47.3549 0.599976L22.8851 16.5564L0.691406 12.5793L47.3549 0.599976Z" />
-                                        </svg>
-                                    </div>
-                                </div>
-                                <div class="content">
-                                    <h2>Percel Information</h2>
-                                    <p>
-                                        Pellentesque habitant morbi trist fames ac turp egestas.
-                                        Aliquam enim feugiat mattis.
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-12">
-                            <div class="process-item">
-                                <div class="top-contnent">
-                                    <img src="assets/images/process/3.jpg" alt="">
-                                    <div class="item-shape">
-                                        <img src="assets/images/process/item-shape.svg" alt="">
-                                    </div>
-                                    <div class="text">
-                                        <span>Step - 03</span>
-                                    </div>
-                                    <div class="shape-1">
-                                        <svg width="158" height="89" viewBox="0 0 158 89" fill="none">
-                                            <g opacity="0.15">
-                                                <path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
+                  </svg>
+                </div>
+              </div>
+              <div class="content">
+                <h2>Percel Information</h2>
+                <p> Pellentesque habitant morbi trist fames ac turp egestas.
+                  Aliquam enim feugiat mattis. </p>
+              </div>
+            </div>
+          </div>
+          <div class="col col-lg-3 col-md-6 col-12">
+            <div class="process-item">
+              <div class="top-contnent"> <img src="assets/images/process/3.jpg" alt="">
+                <div class="item-shape"> <img src="assets/images/process/item-shape.svg" alt=""> </div>
+                <div class="text"> <span>Step - 03</span> </div>
+                <div class="shape-1">
+                  <svg width="158" height="89" viewBox="0 0 158 89" fill="none">
+                    <g opacity="0.15">
+                      <path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
                                                     fill="#868686" />
-                                            </g>
-                                        </svg>
-                                    </div>
-                                    <div class="shape-2">
-                                        <svg width="48" height="17" viewBox="0 0 48 17" fill="none">
-                                            <path
+                    </g>
+                  </svg>
+                </div>
+                <div class="shape-2">
+                  <svg width="48" height="17" viewBox="0 0 48 17" fill="none">
+                    <path
                                                 d="M47.3549 0.599976L22.8851 16.5564L0.691406 12.5793L47.3549 0.599976Z" />
-                                        </svg>
-                                    </div>
-                                </div>
-                                <div class="content">
-                                    <h2>Transportation</h2>
-                                    <p>
-                                        Pellentesque habitant morbi trist fames ac turp egestas.
-                                        Aliquam enim feugiat mattis.
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-12">
-                            <div class="process-item">
-                                <div class="top-contnent">
-                                    <img src="assets/images/process/4.jpg" alt="">
-                                    <div class="item-shape">
-                                        <img src="assets/images/process/item-shape.svg" alt="">
-                                    </div>
-                                    <div class="text">
-                                        <span>Step - 04</span>
-                                    </div>
-                                    <div class="shape-1">
-                                        <svg width="158" height="89" viewBox="0 0 158 89" fill="none">
-                                            <g opacity="0.15">
-                                                <path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
+                  </svg>
+                </div>
+              </div>
+              <div class="content">
+                <h2>Transportation</h2>
+                <p> Pellentesque habitant morbi trist fames ac turp egestas.
+                  Aliquam enim feugiat mattis. </p>
+              </div>
+            </div>
+          </div>
+          <div class="col col-lg-3 col-md-6 col-12">
+            <div class="process-item">
+              <div class="top-contnent"> <img src="assets/images/process/4.jpg" alt="">
+                <div class="item-shape"> <img src="assets/images/process/item-shape.svg" alt=""> </div>
+                <div class="text"> <span>Step - 04</span> </div>
+                <div class="shape-1">
+                  <svg width="158" height="89" viewBox="0 0 158 89" fill="none">
+                    <g opacity="0.15">
+                      <path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
                                                     fill="#868686" />
-                                            </g>
-                                        </svg>
-                                    </div>
-                                    <div class="shape-2">
-                                        <svg width="48" height="17" viewBox="0 0 48 17" fill="none">
-                                            <path
+                    </g>
+                  </svg>
+                </div>
+                <div class="shape-2">
+                  <svg width="48" height="17" viewBox="0 0 48 17" fill="none">
+                    <path
                                                 d="M47.3549 0.599976L22.8851 16.5564L0.691406 12.5793L47.3549 0.599976Z" />
-                                        </svg>
-                                    </div>
-                                </div>
-                                <div class="content">
-                                    <h2>Takeover Products</h2>
-                                    <p>
-                                        Pellentesque habitant morbi trist fames ac turp egestas.
-                                        Aliquam enim feugiat mattis.
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
-
-                    </div>
-                    <div class="border-shape">
-                        <svg width="1014" height="93" viewBox="0 0 1014 93" fill="none">
-                            <path
+                  </svg>
+                </div>
+              </div>
+              <div class="content">
+                <h2>Takeover Products</h2>
+                <p> Pellentesque habitant morbi trist fames ac turp egestas.
+                  Aliquam enim feugiat mattis. </p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="border-shape">
+          <svg width="1014" height="93" viewBox="0 0 1014 93" fill="none">
+            <path
                                 d="M1 50.9659C56.3481 18.4898 187.969 -31.1736 271.668 29.9813C376.292 106.425 467.026 98.4469 528 77.5C594.713 54.5817 761.5 15.5 831.5 24C901.5 32.5 936.5 57 1013.5 75"
                                 stroke="#C4CDD3" stroke-width="1.5" stroke-dasharray="2 2" />
-                        </svg>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <!-- end of wpo-process-section -->
-
-        <!-- start of wpo-project-section -->
-        <section class="wpo-project-section section-padding">
-            <div class="container">
-                <div class="row align-items-center">
-                    <div class="col-lg-8 col-12">
-                        <div class="wpo-section-title">
-                            <h2>Trusted transport service</h2>
-                            <h3>Transport & Logistics
-                                proejcts that we providde</h3>
-                        </div>
-                    </div>
-                    <div class="col-lg-4 col-12">
-                        <div class="project-all">
-                            <a href="project.html" class="theme-btn">All projects</a>
-                        </div>
-                    </div>
-                </div>
-                <div class="project-slider">
-                    <div class="row">
-                        <div class="col-lg-3 col-md-6 col-12">
-                            <div class="project-card">
-                                <span>01</span>
-                                <img src="assets/images/project/1.jpg" alt="">
-                                <div class="content">
-                                    <h2><a href="project-single.html">Rail Transportation</a></h2>
-                                    <h4>Art , Direction</h4>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col-lg-3 col-md-6 col-12">
-                            <div class="project-card">
-                                <span>02</span>
-                                <img src="assets/images/project/2.jpg" alt="">
-                                <div class="content">
-                                    <h2><a href="project-single.html">Air Transportation</a></h2>
-                                    <h4>Art , Direction</h4>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col-lg-3 col-md-6 col-12">
-                            <div class="project-card">
-                                <span>03</span>
-                                <img src="assets/images/project/3.jpg" alt="">
-                                <div class="content">
-                                    <h2><a href="project-single.html">Road Transportation</a></h2>
-                                    <h4>Art , Direction</h4>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col-lg-3 col-md-6 col-12">
-                            <div class="project-card">
-                                <span>04</span>
-                                <img src="assets/images/project/4.jpg" alt="">
-                                <div class="content">
-                                    <h2><a href="project-single.html">Intermodal Shipping</a></h2>
-                                    <h4>Art , Direction</h4>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="side-img">
-                <img src="assets/images/project/side-img.png" alt="">
-            </div>
-        </section>
-        <!-- end of wpo-project-section -->
-
-        <!-- start of wpo-testimonial-section -->
-        <section class="wpo-testimonial-section section-padding">
-            <div class="container">
-                <div class="testimonial-wrap testimonial-slider">
-                    <div class="image slider-for">
-                        <div class="item">
-                            <span class="feedback"><img src="assets/images/testimonial/feedback.svg" alt="">
-                                Feedback</span>
-                            <img src="assets/images/testimonial/1.jpg" alt="">
-                        </div>
-                        <div class="item">
-                            <span class="feedback"><img src="assets/images/testimonial/feedback.svg" alt="">
-                                Feedback</span>
-                            <img src="assets/images/testimonial/2.jpg" alt="">
-                        </div>
-                    </div>
-                    <div class="content-wrap">
-                        <h2>Trusted transport service</h2>
-                        <h3>What Our Client’s Says</h3>
-                        <div class="slider-nav">
-                            <div class="content">
-                                <p>Climb the mountain not to plant your flag but to
-                                    embrace the ways challenge, enjoy the air, and
-                                    behold the. Climb it see the world, not so the
-                                    world can see you. This is due to their excellent
-                                    service competitive pricing</p>
-                                <div class="client-name">
-                                    <h4>Robert J. Hare/</h4>
-                                    <span>Freight Manager</span>
-                                </div>
-
-                            </div>
-                            <div class="content">
-                                <p>
-                                    I recently used for my logistics needs, and I am
-                                    thoroughly impressed with their exceptional service. I contacted
-                                    them, team demonstrated and making the entire
-                                    process smooth and hassle-free.
-                                </p>
-                                <div class="client-name">
-                                    <h4>Winifred P. Reyes/</h4>
-                                    <span>Freight Manager</span>
-                                </div>
-
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <!-- end of wpo-testimonial-section -->
-
-        <!--start of wpo-partner-section -->
-        <section class="wpo-partner-section section-padding">
-            <h2 class="d-none">partner</h2>
-            <div class="container">
-                <div class="row">
-                    <div class="col col-xs-12">
-                        <div class="partner-grids partners-slider owl-carousel clearfix">
-                            <div class="grid">
-                                <img src="assets/images/partners/img-1.png" alt="">
-                            </div>
-                            <div class="grid">
-                                <img src="assets/images/partners/img-2.png" alt="">
-                            </div>
-                            <div class="grid">
-                                <img src="assets/images/partners/img-3.png" alt="">
-                            </div>
-                            <div class="grid">
-                                <img src="assets/images/partners/img-4.png" alt="">
-                            </div>
-                            <div class="grid">
-                                <img src="assets/images/partners/img-5.png" alt="">
-                            </div>
-                            <div class="grid">
-                                <img src="assets/images/partners/img-6.png" alt="">
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div> <!-- end contianer -->
-        </section>
-        <!--end of wpo-partner-section -->
-
-        <!--start of wpo-cta-section -->
-        <div class="wpo-cta-section">
-            <div class="container">
-                <div class="cta-wrapr">
-                    <div class="wpo-section-title">
-                        <h2>Trusted transport service</h2>
-                        <h3>Transport & Logistics
-                            proejcts that we providde</h3>
-                        <a href="contact.html" class="theme-btn">Contact support</a>
-                    </div>
-                    <div class="contact-info">
-                        <div class="item">
-                            <div class="icon">
-                                <i class="flaticon-phone-call"></i>
-                            </div>
-                            <div class="text">
-                                <span>Call For Inquiry</span>
-                                <p>+236 (456) 896 22</p>
-                            </div>
-                        </div>
-                        <div class="item">
-                            <div class="icon">
-                                <i class="flaticon-email"></i>
-                            </div>
-                            <div class="text">
-                                <span>Send Us Email</span>
-                                <p>contact@logistika.com</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
+          </svg>
         </div>
-        <!--end of wpo-cta-section -->
-
-        <!--start of wpo-team-section -->
-        <section class="wpo-team-section section-padding">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-6 col-12">
-                        <div class="wpo-section-title">
-                            <h2>Trusted transport service</h2>
-                            <h3>Best Logistic consultant
-                                team for company</h3>
-                        </div>
-                    </div>
-                </div>
+      </div>
+    </div>
+  </section>
+  <!-- end of wpo-process-section --> 
+  
+  <!-- start of wpo-project-section -->
+  <section class="wpo-project-section section-padding">
+    <div class="container">
+      <div class="row align-items-center">
+        <div class="col-lg-8 col-12">
+          <div class="wpo-section-title">
+            <h2>Trusted transport service</h2>
+            <h3>Transport & Logistics
+              proejcts that we providde</h3>
+          </div>
+        </div>
+        <div class="col-lg-4 col-12">
+          <div class="project-all"> <a href="project.html" class="theme-btn">All projects</a> </div>
+        </div>
+      </div>
+      <div class="project-slider">
+        <div class="row">
+          <div class="col-lg-3 col-md-6 col-12">
+            <div class="project-card"> <span>01</span> <img src="assets/images/project/1.jpg" alt="">
+              <div class="content">
+                <h2><a href="project-single.html">Rail Transportation</a></h2>
+                <h4>Art , Direction</h4>
+              </div>
             </div>
-            <div class="container-fluid">
-                <div class="team-slider owl-carousel">
-                    <div class="team-card">
-                        <div class="image">
-                            <img src="assets/images/team/1.jpg" alt="">
-                            <div class="icon">
-                                <ul>
-                                    <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-twitter"></i></a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="content">
-                            <div class="text">
-                                <h2>Alextina Ditarson</h2>
-                                <span>Transportation Planner</span>
-                            </div>
-                            <div class="hover-icon"></div>
-                        </div>
-                    </div>
-                    <div class="team-card">
-                        <div class="image">
-                            <img src="assets/images/team/2.jpg" alt="">
-                            <div class="icon">
-                                <ul>
-                                    <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-twitter"></i></a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="content">
-                            <div class="text">
-                                <h2>Leslie Alexander</h2>
-                                <span>Supply Chain Manager</span>
-                            </div>
-                            <div class="hover-icon"></div>
-                        </div>
-                    </div>
-                    <div class="team-card">
-                        <div class="image">
-                            <img src="assets/images/team/3.jpg" alt="">
-                            <div class="icon">
-                                <ul>
-                                    <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-twitter"></i></a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="content">
-                            <div class="text">
-                                <h2>Brooklyn Simmons</h2>
-                                <span>Logistics Coordinator</span>
-                            </div>
-                            <div class="hover-icon"></div>
-                        </div>
-                    </div>
-                    <div class="team-card">
-                        <div class="image">
-                            <img src="assets/images/team/4.jpg" alt="">
-                            <div class="icon">
-                                <ul>
-                                    <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-twitter"></i></a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="content">
-                            <div class="text">
-                                <h2>Marvin McKinney</h2>
-                                <span>Warehouse Manager</span>
-                            </div>
-                            <div class="hover-icon"></div>
-                        </div>
-                    </div>
-                    <div class="team-card">
-                        <div class="image">
-                            <img src="assets/images/team/5.jpg" alt="">
-                            <div class="icon">
-                                <ul>
-                                    <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
-                                    <li><a href="#"><i class="flaticon-twitter"></i></a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="content">
-                            <div class="text">
-                                <h2>Warehouse Manager</h2>
-                                <span>Fleet Supervisor</span>
-                            </div>
-                            <div class="hover-icon"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="all-team-btn">
-                    <a href="team.html" class="theme-btn">All Member</a>
-                </div>
+          </div>
+          <div class="col-lg-3 col-md-6 col-12">
+            <div class="project-card"> <span>02</span> <img src="assets/images/project/2.jpg" alt="">
+              <div class="content">
+                <h2><a href="project-single.html">Air Transportation</a></h2>
+                <h4>Art , Direction</h4>
+              </div>
             </div>
-            <div class="shape">
-                <svg width="59" height="58" viewBox="0 0 59 58" fill="none">
-                    <rect x="29" width="30" height="30" fill="#FF7236" />
-                    <rect y="30" width="29" height="28" fill="white" />
-                </svg>
+          </div>
+          <div class="col-lg-3 col-md-6 col-12">
+            <div class="project-card"> <span>03</span> <img src="assets/images/project/3.jpg" alt="">
+              <div class="content">
+                <h2><a href="project-single.html">Road Transportation</a></h2>
+                <h4>Art , Direction</h4>
+              </div>
             </div>
-        </section>
-        <!--end of wpo-team-section -->
-
-        <!--start of wpo-blog-section -->
-        <section class="wpo-blog-section section-padding">
-            <div class="bg-img">
-                <img src="assets/images/blog/bg-img.png" alt="">
+          </div>
+          <div class="col-lg-3 col-md-6 col-12">
+            <div class="project-card"> <span>04</span> <img src="assets/images/project/4.jpg" alt="">
+              <div class="content">
+                <h2><a href="project-single.html">Intermodal Shipping</a></h2>
+                <h4>Art , Direction</h4>
+              </div>
             </div>
-            <div class="container">
-                <div class="row justify-content-center">
-                    <div class="col-lg-6 col-12">
-                        <div class="wpo-section-title">
-                            <h2>Trusted transport service</h2>
-                            <h3>Get Every Single Updates
-                                News & Blog</h3>
-                        </div>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col-lg-4 col-md-6 col-12">
-                        <div class="blog-card">
-                            <img src="assets/images/blog/img-1.jpg" alt="">
-                            <div class="content">
-                                <div class="date">
-                                    <h3>20</h3>
-                                    <span>Sep</span>
-                                </div>
-                                <div class="text">
-                                    <span>Transport</span>
-                                    <h2><a href="blog-single.html">Streamlining Global Supply Chains Our Logistics
-                                            Solutions</a></h2>
-                                </div>
-                                <ul class="comment">
-                                    <li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
-                                    <li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-4 col-md-6 col-12">
-                        <div class="blog-card">
-                            <img src="assets/images/blog/img-2.jpg" alt="">
-                            <div class="content">
-                                <div class="date">
-                                    <h3>28</h3>
-                                    <span>Sep</span>
-                                </div>
-                                <div class="text">
-                                    <span>Transport</span>
-                                    <h2><a href="blog-single.html">Lead Analyst for Transportation Network and
-                                            Logistics</a></h2>
-                                </div>
-                                <ul class="comment">
-                                    <li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
-                                    <li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-4 col-md-6 col-12">
-                        <div class="blog-card">
-                            <img src="assets/images/blog/img-3.jpg" alt="">
-                            <div class="content">
-                                <div class="date">
-                                    <h3>30</h3>
-                                    <span>Sep</span>
-                                </div>
-                                <div class="text">
-                                    <span>Transport</span>
-                                    <h2><a href="blog-single.html">Efficient Transport Management Strategies for
-                                            Businesses</a></h2>
-                                </div>
-                                <ul class="comment">
-                                    <li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
-                                    <li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="side-img"> <img src="assets/images/project/side-img.png" alt=""> </div>
+  </section>
+  <!-- end of wpo-project-section --> 
+  
+  <!-- start of wpo-testimonial-section -->
+  <section class="wpo-testimonial-section section-padding">
+    <div class="container">
+      <div class="testimonial-wrap testimonial-slider">
+        <div class="image slider-for">
+          <div class="item"> <span class="feedback"><img src="assets/images/testimonial/feedback.svg" alt=""> Feedback</span> <img src="assets/images/testimonial/1.jpg" alt=""> </div>
+          <div class="item"> <span class="feedback"><img src="assets/images/testimonial/feedback.svg" alt=""> Feedback</span> <img src="assets/images/testimonial/2.jpg" alt=""> </div>
+        </div>
+        <div class="content-wrap">
+          <h2>Trusted transport service</h2>
+          <h3>What Our Client’s Says</h3>
+          <div class="slider-nav">
+            <div class="content">
+              <p>Climb the mountain not to plant your flag but to
+                embrace the ways challenge, enjoy the air, and
+                behold the. Climb it see the world, not so the
+                world can see you. This is due to their excellent
+                service competitive pricing</p>
+              <div class="client-name">
+                <h4>Robert J. Hare/</h4>
+                <span>Freight Manager</span> </div>
             </div>
-
-        </section>
-        <!--end of wpo-blog-section -->
-
-        <!--start of wpo-map-section -->
-        <section class="wpo-map-section">
-            <h2 class="hidden">Contact map</h2>
-            <div class="wpo-map">
-                <iframe
+            <div class="content">
+              <p> I recently used for my logistics needs, and I am
+                thoroughly impressed with their exceptional service. I contacted
+                them, team demonstrated and making the entire
+                process smooth and hassle-free. </p>
+              <div class="client-name">
+                <h4>Winifred P. Reyes/</h4>
+                <span>Freight Manager</span> </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- end of wpo-testimonial-section --> 
+  
+  <!--start of wpo-partner-section -->
+  <section class="wpo-partner-section section-padding">
+    <h2 class="d-none">partner</h2>
+    <div class="container">
+      <div class="row">
+        <div class="col col-xs-12">
+          <div class="partner-grids partners-slider owl-carousel clearfix">
+            <div class="grid"> <img src="assets/images/partners/img-1.png" alt=""> </div>
+            <div class="grid"> <img src="assets/images/partners/img-2.png" alt=""> </div>
+            <div class="grid"> <img src="assets/images/partners/img-3.png" alt=""> </div>
+            <div class="grid"> <img src="assets/images/partners/img-4.png" alt=""> </div>
+            <div class="grid"> <img src="assets/images/partners/img-5.png" alt=""> </div>
+            <div class="grid"> <img src="assets/images/partners/img-6.png" alt=""> </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- end contianer --> 
+  </section>
+  <!--end of wpo-partner-section --> 
+  
+  <!--start of wpo-cta-section -->
+  <div class="wpo-cta-section">
+    <div class="container">
+      <div class="cta-wrapr">
+        <div class="wpo-section-title">
+          <h2>Trusted transport service</h2>
+          <h3>Transport & Logistics
+            proejcts that we providde</h3>
+          <a href="contact.html" class="theme-btn">Contact support</a> </div>
+        <div class="contact-info">
+          <div class="item">
+            <div class="icon"> <i class="flaticon-phone-call"></i> </div>
+            <div class="text"> <span>Call For Inquiry</span>
+              <p>+236 (456) 896 22</p>
+            </div>
+          </div>
+          <div class="item">
+            <div class="icon"> <i class="flaticon-email"></i> </div>
+            <div class="text"> <span>Send Us Email</span>
+              <p>contact@logistika.com</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!--end of wpo-cta-section --> 
+  
+  <!--start of wpo-team-section -->
+  <section class="wpo-team-section section-padding">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-6 col-12">
+          <div class="wpo-section-title">
+            <h2>Trusted transport service</h2>
+            <h3>Best Logistic consultant
+              team for company</h3>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="container-fluid">
+      <div class="team-slider owl-carousel">
+        <div class="team-card">
+          <div class="image"> <img src="assets/images/team/1.jpg" alt="">
+            <div class="icon">
+              <ul>
+                <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
+                <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
+                <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
+                <li><a href="#"><i class="flaticon-twitter"></i></a></li>
+              </ul>
+            </div>
+          </div>
+          <div class="content">
+            <div class="text">
+              <h2>Alextina Ditarson</h2>
+              <span>Transportation Planner</span> </div>
+            <div class="hover-icon"></div>
+          </div>
+        </div>
+        <div class="team-card">
+          <div class="image"> <img src="assets/images/team/2.jpg" alt="">
+            <div class="icon">
+              <ul>
+                <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
+                <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
+                <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
+                <li><a href="#"><i class="flaticon-twitter"></i></a></li>
+              </ul>
+            </div>
+          </div>
+          <div class="content">
+            <div class="text">
+              <h2>Leslie Alexander</h2>
+              <span>Supply Chain Manager</span> </div>
+            <div class="hover-icon"></div>
+          </div>
+        </div>
+        <div class="team-card">
+          <div class="image"> <img src="assets/images/team/3.jpg" alt="">
+            <div class="icon">
+              <ul>
+                <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
+                <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
+                <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
+                <li><a href="#"><i class="flaticon-twitter"></i></a></li>
+              </ul>
+            </div>
+          </div>
+          <div class="content">
+            <div class="text">
+              <h2>Brooklyn Simmons</h2>
+              <span>Logistics Coordinator</span> </div>
+            <div class="hover-icon"></div>
+          </div>
+        </div>
+        <div class="team-card">
+          <div class="image"> <img src="assets/images/team/4.jpg" alt="">
+            <div class="icon">
+              <ul>
+                <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
+                <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
+                <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
+                <li><a href="#"><i class="flaticon-twitter"></i></a></li>
+              </ul>
+            </div>
+          </div>
+          <div class="content">
+            <div class="text">
+              <h2>Marvin McKinney</h2>
+              <span>Warehouse Manager</span> </div>
+            <div class="hover-icon"></div>
+          </div>
+        </div>
+        <div class="team-card">
+          <div class="image"> <img src="assets/images/team/5.jpg" alt="">
+            <div class="icon">
+              <ul>
+                <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
+                <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
+                <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
+                <li><a href="#"><i class="flaticon-twitter"></i></a></li>
+              </ul>
+            </div>
+          </div>
+          <div class="content">
+            <div class="text">
+              <h2>Warehouse Manager</h2>
+              <span>Fleet Supervisor</span> </div>
+            <div class="hover-icon"></div>
+          </div>
+        </div>
+      </div>
+      <div class="all-team-btn"> <a href="team.html" class="theme-btn">All Member</a> </div>
+    </div>
+    <div class="shape">
+      <svg width="59" height="58" viewBox="0 0 59 58" fill="none">
+        <rect x="29" width="30" height="30" fill="#FF7236" />
+        <rect y="30" width="29" height="28" fill="white" />
+      </svg>
+    </div>
+  </section>
+  <!--end of wpo-team-section --> 
+  
+  <!--start of wpo-blog-section -->
+  <section class="wpo-blog-section section-padding">
+    <div class="bg-img"> <img src="assets/images/blog/bg-img.png" alt=""> </div>
+    <div class="container">
+      <div class="row justify-content-center">
+        <div class="col-lg-6 col-12">
+          <div class="wpo-section-title">
+            <h2>Trusted transport service</h2>
+            <h3>Get Every Single Updates
+              News & Blog</h3>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-lg-4 col-md-6 col-12">
+          <div class="blog-card"> <img src="assets/images/blog/img-1.jpg" alt="">
+            <div class="content">
+              <div class="date">
+                <h3>20</h3>
+                <span>Sep</span> </div>
+              <div class="text"> <span>Transport</span>
+                <h2><a href="blog-single.html">Streamlining Global Supply Chains Our Logistics
+                  Solutions</a></h2>
+              </div>
+              <ul class="comment">
+                <li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
+                <li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-4 col-md-6 col-12">
+          <div class="blog-card"> <img src="assets/images/blog/img-2.jpg" alt="">
+            <div class="content">
+              <div class="date">
+                <h3>28</h3>
+                <span>Sep</span> </div>
+              <div class="text"> <span>Transport</span>
+                <h2><a href="blog-single.html">Lead Analyst for Transportation Network and
+                  Logistics</a></h2>
+              </div>
+              <ul class="comment">
+                <li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
+                <li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-4 col-md-6 col-12">
+          <div class="blog-card"> <img src="assets/images/blog/img-3.jpg" alt="">
+            <div class="content">
+              <div class="date">
+                <h3>30</h3>
+                <span>Sep</span> </div>
+              <div class="text"> <span>Transport</span>
+                <h2><a href="blog-single.html">Efficient Transport Management Strategies for
+                  Businesses</a></h2>
+              </div>
+              <ul class="comment">
+                <li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
+                <li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!--end of wpo-blog-section --> 
+  
+  <!--start of wpo-map-section -->
+  <section class="wpo-map-section">
+    <h2 class="hidden">Contact map</h2>
+    <div class="wpo-map">
+      <iframe
                     src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.9147703055!2d-74.11976314309273!3d40.69740344223377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1547528325671"
                     allowfullscreen></iframe>
-            </div>
-        </section>
-        <!--end of wpo-map-section -->
-
-        <!-- start of wpo-site-footer-section -->
-        <footer class="wpo-site-footer">
-            <div class="footer-newsletter">
-                <div class="container">
-                    <div class="row justify-content-center">
-                        <div class="col-lg-6 col-12">
-                            <h2>Join Our Newsletter</h2>
-                            <p>We Provide Best Pricing package to grow your lead capture</p>
-                            <form class="newsletter">
-                                <input type="text" class="form-control" placeholder="Email Address" required>
-                                <button type="submit">Subscribe <i class="flaticon-right-arrow"></i></button>
-                            </form>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="wpo-upper-footer">
-                <div class="container">
-                    <div class="row">
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget about-widget">
-                                <div class="logo widget-title">
-                                    <img src="assets/images/logo-2.svg" alt="blog">
-                                </div>
-                                <p>Logistika excels in transport and logistics solutions with global service
-                                    capabilities.</p>
-                                <ul>
-                                    <li>
-                                        <div class="icon"><svg width="23" height="28" viewBox="0 0 23 28" fill="none">
-                                                <path
+    </div>
+  </section>
+  <!--end of wpo-map-section --> 
+  
+  <!-- start of wpo-site-footer-section -->
+  <footer class="wpo-site-footer">
+    <div class="footer-newsletter">
+      <div class="container">
+        <div class="row justify-content-center">
+          <div class="col-lg-6 col-12">
+            <h2>Join Our Newsletter</h2>
+            <p>We Provide Best Pricing package to grow your lead capture</p>
+            <form class="newsletter">
+              <input type="text" class="form-control" placeholder="Email Address" required>
+              <button type="submit">Subscribe <i class="flaticon-right-arrow"></i></button>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="wpo-upper-footer">
+      <div class="container">
+        <div class="row">
+          <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
+            <div class="widget about-widget">
+              <div class="logo widget-title"> <img src="assets/images/logo-2.svg" alt="blog"> </div>
+              <p>Logistika excels in transport and logistics solutions with global service
+                capabilities.</p>
+              <ul>
+                <li>
+                  <div class="icon">
+                    <svg width="23" height="28" viewBox="0 0 23 28" fill="none">
+                      <path
                                                     d="M12.3108 2C7.55184 2 3.68164 5.86831 3.68164 10.625C3.68164 16.6036 11.4709 24.4581 11.8017 24.7901C11.9427 24.9296 12.1268 25 12.3108 25C12.4949 25 12.679 24.9296 12.82 24.7901C13.1508 24.4581 20.9401 16.6036 20.9401 10.625C20.9401 5.86831 17.0699 2 12.3108 2ZM12.3108 23.2419C10.5936 21.4048 5.11984 15.1919 5.11984 10.625C5.11984 6.66181 8.34573 3.4375 12.3108 3.4375C16.276 3.4375 19.5019 6.66181 19.5019 10.625C19.5019 15.1876 14.0281 21.4048 12.3108 23.2419Z"
                                                     fill="#FF7236" />
-                                                <path
+                      <path
                                                     d="M12.3107 6.3125C9.93191 6.3125 7.99609 8.24737 7.99609 10.625C7.99609 13.0026 9.93191 14.9375 12.3107 14.9375C14.6895 14.9375 16.6253 13.0026 16.6253 10.625C16.6253 8.24737 14.6895 6.3125 12.3107 6.3125ZM12.3107 13.5C10.7244 13.5 9.43429 12.2106 9.43429 10.625C9.43429 9.03944 10.7244 7.75 12.3107 7.75C13.897 7.75 15.1871 9.03944 15.1871 10.625C15.1871 12.2106 13.897 13.5 12.3107 13.5Z"
                                                     fill="#FF7236" />
-                                            </svg></div>
-                                        <span>86 Road Broklyn Street, 600
-                                            New York, USA</span>
-                                    </li>
-                                    <li>
-                                        <div class="icon">
-                                            <svg width="23" height="22" viewBox="0 0 23 22" fill="none">
-                                                <g clip-path="url(#clip0_20_22892)">
-                                                    <path
+                    </svg>
+                  </div>
+                  <span>86 Road Broklyn Street, 600
+                  New York, USA</span> </li>
+                <li>
+                  <div class="icon">
+                    <svg width="23" height="22" viewBox="0 0 23 22" fill="none">
+                      <g clip-path="url(#clip0_20_22892)">
+                        <path
                                                         d="M1.97766 17.6352C1.63708 17.6334 1.31097 17.4974 1.07014 17.2567C0.829309 17.016 0.693213 16.69 0.691406 16.3496V5.77586C0.693222 5.07078 0.974257 4.39509 1.47307 3.89652C1.97189 3.39795 2.6479 3.11705 3.35333 3.11523H15.9063C16.6129 3.11523 17.2907 3.39533 17.791 3.89409C18.2913 4.39286 18.5733 5.06959 18.5751 5.77586V12.8227C18.5751 13.529 18.2949 14.2065 17.7959 14.7065C17.2969 15.2066 16.6198 15.4884 15.9132 15.4902H5.44435C5.32544 15.4912 5.20989 15.5297 5.11419 15.6002L2.75491 17.3809C2.52995 17.547 2.25738 17.6362 1.97766 17.6352ZM3.35333 4.49023C3.01275 4.49204 2.68664 4.62807 2.44581 4.86878C2.20498 5.10949 2.06888 5.43545 2.06708 5.77586V16.1777L4.28878 14.5002C4.62307 14.2521 5.02795 14.1172 5.44435 14.1152H15.9063C16.2493 14.1152 16.5782 13.9791 16.8207 13.7367C17.0632 13.4943 17.1994 13.1655 17.1994 12.8227V5.77586C17.1976 5.43545 17.0615 5.10949 16.8207 4.86878C16.5799 4.62807 16.2538 4.49204 15.9132 4.49023H3.35333Z"
                                                         fill="#FF7236" />
-                                                    <path
+                        <path
                                                         d="M12.3438 10.0527C12.7234 10.0527 13.0312 9.74493 13.0312 9.36524C13.0312 8.98554 12.7234 8.67773 12.3438 8.67773C11.9641 8.67773 11.6562 8.98554 11.6562 9.36524C11.6562 9.74493 11.9641 10.0527 12.3438 10.0527Z"
                                                         fill="#FF7236" />
-                                                    <path
+                        <path
                                                         d="M9.67383 10.0527C10.0535 10.0527 10.3613 9.74493 10.3613 9.36524C10.3613 8.98554 10.0535 8.67773 9.67383 8.67773C9.29413 8.67773 8.98633 8.98554 8.98633 9.36524C8.98633 9.74493 9.29413 10.0527 9.67383 10.0527Z"
                                                         fill="#FF7236" />
-                                                    <path
+                        <path
                                                         d="M6.92188 10.0527C7.30157 10.0527 7.60938 9.74493 7.60938 9.36524C7.60938 8.98554 7.30157 8.67773 6.92188 8.67773C6.54218 8.67773 6.23438 8.98554 6.23438 9.36524C6.23438 9.74493 6.54218 10.0527 6.92188 10.0527Z"
                                                         fill="#FF7236" />
-                                                    <path
+                        <path
                                                         d="M20.6389 10.6777C20.4565 10.6777 20.2815 10.6053 20.1525 10.4764C20.0235 10.3474 19.9511 10.1726 19.9511 9.99023V3.02586C19.9493 2.68545 19.8132 2.35949 19.5723 2.11878C19.3315 1.87807 19.0054 1.74204 18.6648 1.74023H4.81869C4.63627 1.74023 4.46132 1.6678 4.33232 1.53887C4.20333 1.40994 4.13086 1.23507 4.13086 1.05273C4.13086 0.870398 4.20333 0.69553 4.33232 0.566598C4.46132 0.437667 4.63627 0.365234 4.81869 0.365234H18.6648C19.3702 0.367049 20.0463 0.647947 20.5451 1.14652C21.0439 1.64509 21.3249 2.32078 21.3267 3.02586V9.99023C21.3267 10.1726 21.2543 10.3474 21.1253 10.4764C20.9963 10.6053 20.8213 10.6777 20.6389 10.6777Z"
                                                         fill="#FF7236" />
-                                                </g>
-                                                <defs>
-                                                    <clipPath id="clip0_20_22892">
-                                                        <rect width="22.0107" height="22" fill="white"
+                      </g>
+                      <defs>
+                        <clipPath id="clip0_20_22892">
+                          <rect width="22.0107" height="22" fill="white"
                                                             transform="translate(0.00390625)" />
-                                                    </clipPath>
-                                                </defs>
-                                            </svg>
-                                        </div>
-                                        <span>needhelp@logistika.com</span>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget link-widget">
-                                <div class="widget-title">
-                                    <h3>Services</h3>
-                                </div>
-                                <ul>
-                                    <li><a href="services-single.html">Electronics Industry</a></li>
-                                    <li><a href="services-single.html">Industrial & Manufacturing</a></li>
-                                    <li><a href="services-single.html">Semicon & Solar</a></li>
-                                    <li><a href="services-single.html">Oil & Gas Cargo</a></li>
-                                    <li><a href="services-single.html">ship & cargo services</a></li>
-                                    <li><a href="services-single.html">Maritime transportation</a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget link-widget">
-                                <div class="widget-title">
-                                    <h3>Useful links</h3>
-                                </div>
-                                <ul>
-                                    <li><a href="services-single.html">How it Works</a></li>
-                                    <li><a href="services-single.html">Help Link</a></li>
-                                    <li><a href="services-single.html">Terms & Conditions</a></li>
-                                    <li><a href="services-single.html">Contact Us</a></li>
-                                    <li><a href="services-single.html">Privacy Policy</a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
-                            <div class="widget locations-widget">
-                                <div class="widget-title">
-                                    <h3>Locations</h3>
-                                </div>
-                                <p>55 Main Street, 2nd block
-                                    Malborne, Australia</p>
-                                <ul>
-                                    <li>Contact</li>
-                                    <li>support@logistika.com</li>
-                                    <li>+880 (123) 456 88</li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="footer-map">
-                    <img src="assets/images/footer-map.svg" alt="">
-                </div>
+                        </clipPath>
+                      </defs>
+                    </svg>
+                  </div>
+                  <span>needhelp@logistika.com</span> </li>
+              </ul>
             </div>
-            <div class="wpo-lower-footer">
-                <div class="container">
-                    <div class="row">
-                        <div class="col col-xs-12">
-                            <p class="copyright"> &copy; 2024 <a href="index-2.html">wpOcean</a> - Logistics service. All
-                                rights reserved.</p>
-                        </div>
-                    </div>
-                </div>
+          </div>
+          <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
+            <div class="widget link-widget">
+              <div class="widget-title">
+                <h3>Services</h3>
+              </div>
+              <ul>
+                <li><a href="services-single.html">Electronics Industry</a></li>
+                <li><a href="services-single.html">Industrial & Manufacturing</a></li>
+                <li><a href="services-single.html">Semicon & Solar</a></li>
+                <li><a href="services-single.html">Oil & Gas Cargo</a></li>
+                <li><a href="services-single.html">ship & cargo services</a></li>
+                <li><a href="services-single.html">Maritime transportation</a></li>
+              </ul>
             </div>
-            <div class="bg-image">
-                <img src="assets/images/footer-bg.jpg" alt="">
+          </div>
+          <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
+            <div class="widget link-widget">
+              <div class="widget-title">
+                <h3>Useful links</h3>
+              </div>
+              <ul>
+                <li><a href="services-single.html">How it Works</a></li>
+                <li><a href="services-single.html">Help Link</a></li>
+                <li><a href="services-single.html">Terms & Conditions</a></li>
+                <li><a href="services-single.html">Contact Us</a></li>
+                <li><a href="services-single.html">Privacy Policy</a></li>
+              </ul>
             </div>
-            <div class="shape">
-                <svg width="191" height="208" viewBox="0 0 191 208" fill="none">
-                    <path d="M125.53 208.291H118.13L0 12.271V0.00102234L125.53 208.291Z" fill="white" />
-                    <path d="M0 43.1711L99.93 209.121H0V43.1711Z" fill="#FF7236" />
-                    <path d="M190.33 209.121H138.45L68.9102 93.7311H120.79L190.33 209.121Z" fill="#144754" />
-                    <path d="M98.0897 69.1602H72.8097L38.9297 12.9402H64.2097L98.0897 69.1602Z" fill="#FF7236" />
-                </svg>
+          </div>
+          <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
+            <div class="widget locations-widget">
+              <div class="widget-title">
+                <h3>Locations</h3>
+              </div>
+              <p>55 Main Street, 2nd block
+                Malborne, Australia</p>
+              <ul>
+                <li>Contact</li>
+                <li>support@logistika.com</li>
+                <li>+880 (123) 456 88</li>
+              </ul>
             </div>
-            <div class="shape-1">
-                <svg width="109" height="109" viewBox="0 0 109 109" fill="none">
-                    <g clip-path="url(#clip0_20_22861)">
-                        <path
+          </div>
+        </div>
+      </div>
+      <div class="footer-map"> <img src="assets/images/footer-map.svg" alt=""> </div>
+    </div>
+    <div class="wpo-lower-footer">
+      <div class="container">
+        <div class="row">
+          <div class="col col-xs-12">
+            <p class="copyright"> &copy; 2024 <a href="index-2.html">wpOcean</a> - Logistics service. All
+              rights reserved.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="bg-image"> <img src="assets/images/footer-bg.jpg" alt=""> </div>
+    <div class="shape">
+      <svg width="191" height="208" viewBox="0 0 191 208" fill="none">
+        <path d="M125.53 208.291H118.13L0 12.271V0.00102234L125.53 208.291Z" fill="white" />
+        <path d="M0 43.1711L99.93 209.121H0V43.1711Z" fill="#FF7236" />
+        <path d="M190.33 209.121H138.45L68.9102 93.7311H120.79L190.33 209.121Z" fill="#144754" />
+        <path d="M98.0897 69.1602H72.8097L38.9297 12.9402H64.2097L98.0897 69.1602Z" fill="#FF7236" />
+      </svg>
+    </div>
+    <div class="shape-1">
+      <svg width="109" height="109" viewBox="0 0 109 109" fill="none">
+        <g clip-path="url(#clip0_20_22861)">
+          <path
                             d="M89.2238 70.0989C96.8421 52.9453 83.0134 34.3526 64.3055 38.1509C63.3593 38.3037 62.349 38.6611 61.473 38.9482C64.7448 51.0903 62.3701 65.8435 53.3269 71.7703C45.1535 77.0712 38.0365 69.6765 39.8509 61.3734C42.0436 51.5042 47.9756 42.2447 56.7624 37.1361C54.0501 29.6612 48.588 23.7955 39.7724 23.6173C24.9222 23.3457 13.7687 39.9537 15.1025 53.6225C15.3318 55.0418 13.1707 55.488 12.9415 54.0686C9.22601 36.1726 26.7675 16.7366 45.2082 20.6033C52.3546 22.1676 57.4777 28.0396 60.3243 35.4443C69.9479 31.6083 80.9223 34.9331 88.1673 41.9185C96.5176 50.0363 96.5233 61.4922 91.8885 71.2704C91.1716 72.8428 88.6409 71.6006 89.2238 70.0989ZM46.3634 54.2047C44.5327 57.8986 42.6503 62.4747 43.338 66.7328C43.9554 70.8563 49.4223 69.5367 51.6411 68.547C54.3972 67.2766 55.8312 64.1322 56.7982 61.4031C59.0649 55.6001 59.5304 47.6604 57.9109 40.6401C52.8841 43.7822 49.1156 49.0027 46.3634 54.2047Z"
                             fill="#FF7236" />
-                        <path
+          <path
                             d="M88.1881 80.2176C86.2215 76.4573 84.4532 72.4223 83.4969 68.3047C83.1273 66.617 85.4928 66.2347 85.9969 67.8526C87.0049 71.0881 88.7546 74.1066 90.4341 76.9908C92.1095 75.9436 93.9194 74.826 95.5247 73.6443C96.7272 72.6734 98.25 70.6798 100.014 70.7832C100.897 70.8348 101.248 71.5062 101.33 72.3183C101.502 74.281 98.6815 75.756 97.3447 76.7971C95.1379 78.4644 92.9252 79.7924 90.5077 81.0567C89.7024 81.4779 88.6095 81.0233 88.1881 80.2176Z"
                             fill="#FF7236" />
-                    </g>
-                    <defs>
-                        <clipPath id="clip0_20_22861">
-                            <rect width="80" height="80" fill="white"
+        </g>
+        <defs>
+          <clipPath id="clip0_20_22861">
+            <rect width="80" height="80" fill="white"
                                 transform="matrix(0.463446 0.886125 0.886125 -0.463446 0.679688 37.7559)" />
-                        </clipPath>
-                    </defs>
-                </svg>
-            </div>
-        </footer>
-        <!-- end of wpo-site-footer-section -->
-
-
+          </clipPath>
+        </defs>
+      </svg>
     </div>
-    <!-- end of page-wrapper -->
+  </footer>
+  <!-- end of wpo-site-footer-section --> 
+  
+</div>
+<!-- end of page-wrapper --> 
 
-    <!-- All JavaScript files
-    ================================================== -->
-    <script src="assets/js/jquery.min.js"></script>
-    <script src="assets/js/bootstrap.bundle.min.js"></script>
-    <!-- Plugins for this template -->
-    <script src="assets/js/modernizr.custom.js"></script>
-    <script src="assets/js/jquery.dlmenu.js"></script>
-    <script src="assets/js/jquery-plugin-collection.js"></script>
-    <!-- Custom script for this template -->
-    <script src="assets/js/script.js"></script>
+<!-- All JavaScript files
+    ================================================== --> 
+<script src="assets/js/jquery.min.js"></script> 
+<script src="assets/js/bootstrap.bundle.min.js"></script> 
+<!-- Plugins for this template --> 
+<script src="assets/js/modernizr.custom.js"></script> 
+<script src="assets/js/jquery.dlmenu.js"></script> 
+<script src="assets/js/jquery-plugin-collection.js"></script> 
+<!-- Custom script for this template --> 
+<script src="assets/js/script.js"></script>
 </body>
 
-
 <!-- Mirrored from wpocean.com/html/tf/logistika/ by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:22:53 GMT -->
 </html>
\ No newline at end of file
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..f8a6259
--- /dev/null
+++ b/index.php
@@ -0,0 +1,16 @@
+<?php include('header.php');?>
+  <?php include('parts/hero.php');?>
+  <?php include('parts/about.php');?>
+  <?php include('parts/service.php');?>
+  <?php include('parts/matrix.php');?>
+  <?php include('parts/form.php');?>
+  <?php include('parts/logo-section.php');?>
+  <?php include('parts/process.php');?>
+  <?php include('parts/country.php');?>
+  <?php include('parts/testimonial.php');?>
+  <?php include('parts/logo-display.php');?>
+  <?php include('parts/inquiry.php');?>
+  <?php include('parts/team.php');?>
+  <?php include('parts/blog.php');?>
+  <?php include('parts/map.php');?>
+  <?php include('footer.php');?>
\ No newline at end of file
diff --git a/parts/about.php b/parts/about.php
new file mode 100644
index 0000000..4f11472
--- /dev/null
+++ b/parts/about.php
@@ -0,0 +1,49 @@
+<!-- start of wpo-about-section -->
+<section class="wpo-about-section">
+  <div class="shape"> <img src="assets/images/about/ab5.png" alt=""> </div>
+  <div class="side-img"> <img src="assets/images/about/ab4.png" alt=""> </div>
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-lg-6 col-12">
+        <div class="about-left">
+          <div class="image-1"> <img src="assets/images/about/ab1.jpg" alt=""> </div>
+          <div class="image-2"> <img src="assets/images/about/ab2.jpg" alt=""> </div>
+          <div class="image-3"> <img src="assets/images/about/ab3.jpg" alt=""> </div>
+          <div class="image-4"> <img src="assets/images/about/shape.png" alt=""> </div>
+          <div class="since">
+            <div>
+              <h2 class="odometer" data-count="1999">00</h2>
+              <p>Since</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-6 col-12">
+        <div class="about-content">
+          <div class="title">
+            <h2>Trusted transport service </h2>
+            <h3>Transport & Logistics
+              Services We are the best</h3>
+          </div>
+          <div class="sub-content"> <span>Logistika is the world's leading global logistics provider — we expertly
+            facilitate industry and commerce in the international exchange of goods through land
+            transport.</span> </div>
+          <h4>operations around the world and across various transporation sectors.</h4>
+          <ul>
+            <li>Domestic and International Service emergency support</li>
+            <li>Compliance and Enforcement actions</li>
+            <li>Becoming a registered provider Today</li>
+          </ul>
+          <div class="author-btn">
+            <div class="author">
+              <div class="image"> <img src="assets/images/about/profile.jpg" alt=""> </div>
+              <div class="text"> <img src="assets/images/about/signature.png" alt=""> <span>Ceo & Founder</span> </div>
+            </div>
+            <div class="about-btn"> <a href="about.html" class="theme-btn"> more about us </a> </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<!-- end of wpo-about-section --> 
\ No newline at end of file
diff --git a/parts/blog.php b/parts/blog.php
new file mode 100644
index 0000000..c2355e0
--- /dev/null
+++ b/parts/blog.php
@@ -0,0 +1,69 @@
+<!--start of blog-section -->
+<section class="wpo-blog-section section-padding">
+  <div class="bg-img"> <img src="assets/images/blog/bg-img.png" alt=""> </div>
+  <div class="container">
+    <div class="row justify-content-center">
+      <div class="col-lg-6 col-12">
+        <div class="wpo-section-title">
+          <h2>Trusted transport service</h2>
+          <h3>Get Every Single Updates
+            News & Blog</h3>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-lg-4 col-md-6 col-12">
+        <div class="blog-card"> <img src="assets/images/blog/img-1.jpg" alt="">
+          <div class="content">
+            <div class="date">
+              <h3>20</h3>
+              <span>Sep</span> </div>
+            <div class="text"> <span>Transport</span>
+              <h2><a href="blog-single.html">Streamlining Global Supply Chains Our Logistics
+                Solutions</a></h2>
+            </div>
+            <ul class="comment">
+              <li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
+              <li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-6 col-12">
+        <div class="blog-card"> <img src="assets/images/blog/img-2.jpg" alt="">
+          <div class="content">
+            <div class="date">
+              <h3>28</h3>
+              <span>Sep</span> </div>
+            <div class="text"> <span>Transport</span>
+              <h2><a href="blog-single.html">Lead Analyst for Transportation Network and
+                Logistics</a></h2>
+            </div>
+            <ul class="comment">
+              <li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
+              <li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-6 col-12">
+        <div class="blog-card"> <img src="assets/images/blog/img-3.jpg" alt="">
+          <div class="content">
+            <div class="date">
+              <h3>30</h3>
+              <span>Sep</span> </div>
+            <div class="text"> <span>Transport</span>
+              <h2><a href="blog-single.html">Efficient Transport Management Strategies for
+                Businesses</a></h2>
+            </div>
+            <ul class="comment">
+              <li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
+              <li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<!--end of blog-section --> 
\ No newline at end of file
diff --git a/parts/country.php b/parts/country.php
new file mode 100644
index 0000000..6195efc
--- /dev/null
+++ b/parts/country.php
@@ -0,0 +1,55 @@
+<!-- start of Country Ssection -->
+<section class="wpo-project-section section-padding">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-lg-8 col-12">
+        <div class="wpo-section-title">
+          <h2>Trusted transport service</h2>
+          <h3>Transport & Logistics
+            proejcts that we providde</h3>
+        </div>
+      </div>
+      <div class="col-lg-4 col-12">
+        <div class="project-all"> <a href="project.html" class="theme-btn">All projects</a> </div>
+      </div>
+    </div>
+    <div class="project-slider">
+      <div class="row">
+        <div class="col-lg-3 col-md-6 col-12">
+          <div class="project-card"> <span>01</span> <img src="assets/images/project/1.jpg" alt="">
+            <div class="content">
+              <h2><a href="project-single.html">Rail Transportation</a></h2>
+              <h4>Art , Direction</h4>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-3 col-md-6 col-12">
+          <div class="project-card"> <span>02</span> <img src="assets/images/project/2.jpg" alt="">
+            <div class="content">
+              <h2><a href="project-single.html">Air Transportation</a></h2>
+              <h4>Art , Direction</h4>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-3 col-md-6 col-12">
+          <div class="project-card"> <span>03</span> <img src="assets/images/project/3.jpg" alt="">
+            <div class="content">
+              <h2><a href="project-single.html">Road Transportation</a></h2>
+              <h4>Art , Direction</h4>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-3 col-md-6 col-12">
+          <div class="project-card"> <span>04</span> <img src="assets/images/project/4.jpg" alt="">
+            <div class="content">
+              <h2><a href="project-single.html">Intermodal Shipping</a></h2>
+              <h4>Art , Direction</h4>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="side-img"> <img src="assets/images/project/side-img.png" alt=""> </div>
+</section>
+<!-- end of Country Section --> 
\ No newline at end of file
diff --git a/parts/form.php b/parts/form.php
new file mode 100644
index 0000000..0ccab06
--- /dev/null
+++ b/parts/form.php
@@ -0,0 +1,113 @@
+<!-- Start of Form Section -->
+<section class="wpo-get-quate-section section-padding">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-lg-6 col-12">
+        <div class="left-content">
+          <div class="wpo-section-title">
+            <h2>Trusted transport service</h2>
+            <h3>Transportation service
+              area often consider</h3>
+          </div>
+          <div class="quat">
+            <p>Transportation service areas often consider factors like
+              coverage, efficiency, cost, accessibility, reliability and
+              sustainability for optimal performance.</p>
+          </div>
+          <ul class="get-item">
+            <li> <i class="flaticon-logistics"></i>
+              <h3>Domestic and
+                International Service</h3>
+            </li>
+            <li> <i class="flaticon-nanotechnology"></i>
+              <h3>End to End Tracking
+                Service system</h3>
+            </li>
+          </ul>
+          <ul class="quate-item">
+            <li> <i class="flaticon-check"></i>
+              <h3>Dedicated Transport wise</h3>
+            </li>
+            <li> <i class="flaticon-check"></i>
+              <h3>Domestics & Logistics</h3>
+            </li>
+          </ul>
+          <a href="about.html" class="theme-btn">more about us</a> </div>
+      </div>
+      <div class="col-lg-6 col-12">
+        <div class="quote-form">
+          <div class="title">
+            <h3>Request a quote form</h3>
+          </div>
+          <form id="quoteForm">
+            <div class="row">
+              <div class="item col-lg-12">
+                <label>Personal information</label>
+                <input class="form-control" type="text" name="name" id="name"
+                                            placeholder="Your Name">
+              </div>
+              <div class="item col-lg-6 col-12">
+                <input class="form-control" type="email" name="email" id="email"
+                                            placeholder="Email">
+              </div>
+              <div class="item col-lg-6 col-12">
+                <input class="form-control" type="text" name="phone" id="phone"
+                                            placeholder="Phone">
+              </div>
+              <div class="item col-lg-12">
+                <label>Delivery information</label>
+                <select name="city" id="city" class="form-control">
+                  <option value="">Delivery City</option>
+                  <option value="city1">City 1</option>
+                  <option value="city2">City 2</option>
+                </select>
+              </div>
+              <div class="item col-lg-6 col-12">
+                <label>Freight Type</label>
+                <select name="type" id="type" class="form-control">
+                  <option value="">Freight Type</option>
+                  <option value="type1">Type 1</option>
+                  <option value="type2">Type 2</option>
+                </select>
+              </div>
+              <div class="item col-lg-6 col-12">
+                <label>Incoterms</label>
+                <select name="incoter" id="incoter" class="form-control">
+                  <option value="">Incoterms</option>
+                  <option value="incoter1">Incoterm 1</option>
+                  <option value="incoter2">Incoterm 2</option>
+                </select>
+              </div>
+              <div class="item col-12">
+                <ul>
+                  <li>
+                    <input type="checkbox" id="Fragile">
+                    <label for="Fragile">Fragile</label>
+                  </li>
+                  <li>
+                    <input type="checkbox" id="Express">
+                    <label for="Express">Express delivery</label>
+                  </li>
+                  <li>
+                    <input type="checkbox" id="Insurance">
+                    <label for="Insurance">Insurance</label>
+                  </li>
+                </ul>
+              </div>
+              <div class="item col-12">
+                <input class="theme-btn" type="submit" value="Get A Quote">
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="left-bg">
+    <div class="img1"> <img src="assets/images/get1.png" alt=""> </div>
+    <div class="img2"> <img src="assets/images/get2.svg" alt=""> </div>
+    <div class="img3"> <img src="assets/images/get3.svg" alt=""> </div>
+  </div>
+  <div class="rigth-bg"> <img src="assets/images/get4.png" alt=""> </div>
+</section>
+<!-- Form Section End -->
\ No newline at end of file
diff --git a/parts/hero.php b/parts/hero.php
new file mode 100644
index 0000000..685a4d0
--- /dev/null
+++ b/parts/hero.php
@@ -0,0 +1,94 @@
+ <!-- start of hero-section -->
+  <section class="hero-section">
+    <div class="hero-slider">
+      <div class="slider-item">
+        <div class="bg-image"> <img class="animated" src="assets/images/slider/slide-1.jpg" alt=""
+                            data-animation-in="zoomInImage"> </div>
+        <div class="container">
+          <div class="content">
+            <h1 class="bg-text">Logistic</h1>
+            <h2 class="animated" data-animation-in="fadeInUp">Internation Logistics</h2>
+            <h3 class="animated" data-animation-in="fadeInUp">Flexible logistic
+              & cargo service</h3>
+            <p class="animated" data-animation-in="fadeInUp">World’s driving worldwide coordinations
+              supplier we uphold industry and exchange the
+              worldwide trade of about dummy merchandise through land transport.</p>
+            <div class="hero-btn animated" data-animation-in="fadeInUp">
+              <div class="btn-1"> <a href="about.html" class="theme-btn">All Services</a> </div>
+              <div class="btn-2"> <a href="tel:+025757576560" class="call">
+                <div class="icon"> <i class="flaticon-call"></i> </div>
+                <div class="text"> <span>Call Us Now</span>
+                  <h4>+025 757 576 560</h4>
+                </div>
+                </a> </div>
+            </div>
+          </div>
+        </div>
+        <div class="down-shape">
+          <svg width="19" height="86" viewBox="0 0 19 86" fill="none">
+            <path
+                                d="M0.000800801 0.240602L0.0525983 6.64872L8.95468 14.2473L17.8817 6.38959L17.8301 0L17.8046 0.000184758L8.90289 7.83917L0.000800801 0.240602Z"
+                                fill="white" fill-opacity="0.2" />
+            <path
+                                d="M0.145332 18.0912L0.19713 24.4993L9.09922 32.0979L18.0263 24.2402L17.9746 17.8506L17.9492 17.8508L9.04742 25.6898L0.145332 18.0912Z"
+                                fill="white" />
+            <path
+                                d="M0.289863 35.9418L0.341661 42.3499L9.24375 49.9485L18.1708 42.0908L18.1191 35.7012L18.0937 35.7014L9.19195 43.5403L0.289863 35.9418Z"
+                                fill="white" fill-opacity="0.2" />
+            <path
+                                d="M0.434395 53.7924L0.486213 60.2031L9.3883 67.8017L18.3153 59.9413L18.2637 53.5518L18.2382 53.5519L9.33648 61.3909L0.434395 53.7924Z"
+                                fill="white" fill-opacity="0.2" />
+            <path
+                                d="M0.576951 71.6432L0.62877 78.054L9.53086 85.6526L18.4579 77.7922L18.4062 71.4053L18.3808 71.4055L9.47904 79.2418L0.576951 71.6432Z"
+                                fill="white" fill-opacity="0.2" />
+          </svg>
+        </div>
+      </div>
+      <div class="slider-item">
+        <div class="bg-image"> <img class="animated" src="assets/images/slider/slide-1.jpg" alt=""
+                            data-animation-in="zoomInImage"> </div>
+        <div class="container">
+          <div class="content">
+            <h1 class="bg-text">Logistic</h1>
+            <h2 class="animated" data-animation-in="fadeInUp">Internation Logistics</h2>
+            <h3 class="animated" data-animation-in="fadeInUp">Flexible logistic
+              & cargo service</h3>
+            <p class="animated" data-animation-in="fadeInUp">World’s driving worldwide coordinations
+              supplier we uphold industry and exchange the
+              worldwide trade of about dummy merchandise through land transport.</p>
+            <div class="hero-btn animated" data-animation-in="fadeInUp">
+              <div class="btn-1"> <a href="about.html" class="theme-btn">All Services</a> </div>
+              <div class="btn-2"> <a href="tel:+025757576560" class="call">
+                <div class="icon"> <i class="flaticon-call"></i> </div>
+                <div class="text"> <span>Call Us Now</span>
+                  <h4>+025 757 576 560</h4>
+                </div>
+                </a> </div>
+            </div>
+
+          </div>
+        </div>
+        <div class="down-shape">
+          <svg width="19" height="86" viewBox="0 0 19 86" fill="none">
+            <path
+                                d="M0.000800801 0.240602L0.0525983 6.64872L8.95468 14.2473L17.8817 6.38959L17.8301 0L17.8046 0.000184758L8.90289 7.83917L0.000800801 0.240602Z"
+                                fill="white" fill-opacity="0.2" />
+            <path
+                                d="M0.145332 18.0912L0.19713 24.4993L9.09922 32.0979L18.0263 24.2402L17.9746 17.8506L17.9492 17.8508L9.04742 25.6898L0.145332 18.0912Z"
+                                fill="white" />
+            <path
+                                d="M0.289863 35.9418L0.341661 42.3499L9.24375 49.9485L18.1708 42.0908L18.1191 35.7012L18.0937 35.7014L9.19195 43.5403L0.289863 35.9418Z"
+                                fill="white" fill-opacity="0.2" />
+            <path
+                                d="M0.434395 53.7924L0.486213 60.2031L9.3883 67.8017L18.3153 59.9413L18.2637 53.5518L18.2382 53.5519L9.33648 61.3909L0.434395 53.7924Z"
+                                fill="white" fill-opacity="0.2" />
+            <path
+                                d="M0.576951 71.6432L0.62877 78.054L9.53086 85.6526L18.4579 77.7922L18.4062 71.4053L18.3808 71.4055L9.47904 79.2418L0.576951 71.6432Z"
+                                fill="white" fill-opacity="0.2" />
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div class="track-btn"> <a href="tracking.html"><img src="assets/images/slider/icon.svg" alt=""> Track your shipment</a> </div>
+  </section>
+  <!-- end of hero-section --> 
\ No newline at end of file
diff --git a/parts/inquiry.php b/parts/inquiry.php
new file mode 100644
index 0000000..24e52d2
--- /dev/null
+++ b/parts/inquiry.php
@@ -0,0 +1,27 @@
+<!--start of Inquiry CTA Section -->
+<div class="wpo-cta-section">
+  <div class="container">
+    <div class="cta-wrapr">
+      <div class="wpo-section-title">
+        <h2>Trusted transport service</h2>
+        <h3>Transport & Logistics
+          proejcts that we providde</h3>
+        <a href="contact.html" class="theme-btn">Contact support</a> </div>
+      <div class="contact-info">
+        <div class="item">
+          <div class="icon"> <i class="flaticon-phone-call"></i> </div>
+          <div class="text"> <span>Call For Inquiry</span>
+            <p>+236 (456) 896 22</p>
+          </div>
+        </div>
+        <div class="item">
+          <div class="icon"> <i class="flaticon-email"></i> </div>
+          <div class="text"> <span>Send Us Email</span>
+            <p>contact@logistika.com</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!--start of Inquiry CTA Section End -->
\ No newline at end of file
diff --git a/parts/logo-display.php b/parts/logo-display.php
new file mode 100644
index 0000000..106faeb
--- /dev/null
+++ b/parts/logo-display.php
@@ -0,0 +1,20 @@
+<!--start of partner-section -->
+<section class="wpo-partner-section section-padding">
+  <h2 class="d-none">partner</h2>
+  <div class="container">
+    <div class="row">
+      <div class="col col-xs-12">
+        <div class="partner-grids partners-slider owl-carousel clearfix">
+          <div class="grid"> <img src="assets/images/partners/img-1.png" alt=""> </div>
+          <div class="grid"> <img src="assets/images/partners/img-2.png" alt=""> </div>
+          <div class="grid"> <img src="assets/images/partners/img-3.png" alt=""> </div>
+          <div class="grid"> <img src="assets/images/partners/img-4.png" alt=""> </div>
+          <div class="grid"> <img src="assets/images/partners/img-5.png" alt=""> </div>
+          <div class="grid"> <img src="assets/images/partners/img-6.png" alt=""> </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- end contianer --> 
+</section>
+<!--end of partner-section -->
\ No newline at end of file
diff --git a/parts/logo-section.php b/parts/logo-section.php
new file mode 100644
index 0000000..2838cc7
--- /dev/null
+++ b/parts/logo-section.php
@@ -0,0 +1,42 @@
+<!-- start of logo-features-section -->
+<section class="wpo-features-section section-padding">
+  <div class="container">
+    <div class="row justify-content-center">
+      <div class="col-lg-8 col-12">
+        <div class="wpo-section-title">
+          <h2>Trusted transport service</h2>
+          <h3>We provide quick & safe
+            transportation all over the world</h3>
+        </div>
+      </div>
+    </div>
+    <div class="features-wrap">
+      <div class="features-card"> <i class="flaticon-logistics"></i>
+        <h3>Complete
+          Logistics System</h3>
+      </div>
+      <div class="features-card"> <i class="flaticon-fast-delivery-1"></i>
+        <h3>Shipping
+          All Over the world</h3>
+      </div>
+      <div class="features-card"> <i class="flaticon-locations"></i>
+        <h3>Online
+          Product Tracking </h3>
+      </div>
+      <div class="features-card"> <i class="flaticon-logistics-1"></i>
+        <h3>International
+          shipping services</h3>
+      </div>
+      <div class="features-card"> <i class="flaticon-customer-support"></i>
+        <h3>Great
+          logistical support.</h3>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-12">
+        <h4>Bring them together and you overcome the ordinary. <a href="#">View More Features <span>+</span></a></h4>
+      </div>
+    </div>
+  </div>
+</section>
+<!-- end of logo-features-section --> 
\ No newline at end of file
diff --git a/parts/map.php b/parts/map.php
new file mode 100644
index 0000000..2c7f3ed
--- /dev/null
+++ b/parts/map.php
@@ -0,0 +1,10 @@
+<!--start of map-section -->
+<section class="wpo-map-section">
+  <h2 class="hidden">Contact map</h2>
+  <div class="wpo-map">
+    <iframe
+                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.9147703055!2d-74.11976314309273!3d40.69740344223377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1547528325671"
+                    allowfullscreen></iframe>
+  </div>
+</section>
+<!--end of map-section --> 
\ No newline at end of file
diff --git a/parts/matrix.php b/parts/matrix.php
new file mode 100644
index 0000000..1ef335a
--- /dev/null
+++ b/parts/matrix.php
@@ -0,0 +1,37 @@
+<!-- Matrix Section -->
+<section class="wpo-funfact-section section-padding">
+  <div class="container">
+    <div class="titel-image">
+      <h1>Logistisc</h1>
+      <h3>Manufacturing software that goes beyondthe benchmark</h3>
+    </div>
+    <div class="row">
+      <div class="col-lg-3 col-md-6 col-12">
+        <div class="item">
+          <h2><span class="odometer" data-count="100"></span>+</h2>
+          <h3>Cities we have connected</h3>
+        </div>
+      </div>
+      <div class="col-lg-3 col-md-6 col-12">
+        <div class="item">
+          <h2><span class="odometer" data-count="1"></span>.<span class="odometer"
+                                    data-count="2"></span>m</h2>
+          <h3>Deliver goods every week</h3>
+        </div>
+      </div>
+      <div class="col-lg-3 col-md-6 col-12">
+        <div class="item">
+          <h2><span class="odometer" data-count="10"></span>types</h2>
+          <h3>Delivery transit system</h3>
+        </div>
+      </div>
+      <div class="col-lg-3 col-md-6 col-12">
+        <div class="item">
+          <h2><span class="odometer" data-count="95"></span>%</h2>
+          <h3>Clients Positive review</h3>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<!-- Matrix Section End --> 
\ No newline at end of file
diff --git a/parts/process.php b/parts/process.php
new file mode 100644
index 0000000..3c7a32e
--- /dev/null
+++ b/parts/process.php
@@ -0,0 +1,125 @@
+<!-- stert of process-section -->
+<section class="wpo-process-section section-padding">
+  <div class="container">
+    <div class="process-wrap">
+      <div class="row">
+        <div class="col col-lg-3 col-md-6 col-12">
+          <div class="process-item">
+            <div class="top-contnent"> <img src="assets/images/process/1.jpg" alt="">
+              <div class="item-shape"> <img src="assets/images/process/item-shape.svg" alt=""> </div>
+              <div class="text"> <span>Step - 01</span> </div>
+              <div class="shape-1">
+                <svg width="158" height="89" viewBox="0 0 158 89" fill="none">
+                  <g opacity="0.15">
+                    <path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
+                                                    fill="#868686" />
+                  </g>
+                </svg>
+              </div>
+              <div class="shape-2">
+                <svg width="48" height="17" viewBox="0 0 48 17" fill="none">
+                  <path
+                                                d="M47.3549 0.599976L22.8851 16.5564L0.691406 12.5793L47.3549 0.599976Z" />
+                </svg>
+              </div>
+            </div>
+            <div class="content">
+              <h2>Select Services</h2>
+              <p> Pellentesque habitant morbi trist fames ac turp egestas.
+                Aliquam enim feugiat mattis. </p>
+            </div>
+          </div>
+        </div>
+        <div class="col col-lg-3 col-md-6 col-12">
+          <div class="process-item">
+            <div class="top-contnent"> <img src="assets/images/process/2.jpg" alt="">
+              <div class="item-shape"> <img src="assets/images/process/item-shape.svg" alt=""> </div>
+              <div class="text"> <span>Step - 02</span> </div>
+              <div class="shape-1">
+                <svg width="158" height="89" viewBox="0 0 158 89" fill="none">
+                  <g opacity="0.15">
+                    <path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
+                                                    fill="#868686" />
+                  </g>
+                </svg>
+              </div>
+              <div class="shape-2">
+                <svg width="48" height="17" viewBox="0 0 48 17" fill="none">
+                  <path
+                                                d="M47.3549 0.599976L22.8851 16.5564L0.691406 12.5793L47.3549 0.599976Z" />
+                </svg>
+              </div>
+            </div>
+            <div class="content">
+              <h2>Percel Information</h2>
+              <p> Pellentesque habitant morbi trist fames ac turp egestas.
+                Aliquam enim feugiat mattis. </p>
+            </div>
+          </div>
+        </div>
+        <div class="col col-lg-3 col-md-6 col-12">
+          <div class="process-item">
+            <div class="top-contnent"> <img src="assets/images/process/3.jpg" alt="">
+              <div class="item-shape"> <img src="assets/images/process/item-shape.svg" alt=""> </div>
+              <div class="text"> <span>Step - 03</span> </div>
+              <div class="shape-1">
+                <svg width="158" height="89" viewBox="0 0 158 89" fill="none">
+                  <g opacity="0.15">
+                    <path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
+                                                    fill="#868686" />
+                  </g>
+                </svg>
+              </div>
+              <div class="shape-2">
+                <svg width="48" height="17" viewBox="0 0 48 17" fill="none">
+                  <path
+                                                d="M47.3549 0.599976L22.8851 16.5564L0.691406 12.5793L47.3549 0.599976Z" />
+                </svg>
+              </div>
+            </div>
+            <div class="content">
+              <h2>Transportation</h2>
+              <p> Pellentesque habitant morbi trist fames ac turp egestas.
+                Aliquam enim feugiat mattis. </p>
+            </div>
+          </div>
+        </div>
+        <div class="col col-lg-3 col-md-6 col-12">
+          <div class="process-item">
+            <div class="top-contnent"> <img src="assets/images/process/4.jpg" alt="">
+              <div class="item-shape"> <img src="assets/images/process/item-shape.svg" alt=""> </div>
+              <div class="text"> <span>Step - 04</span> </div>
+              <div class="shape-1">
+                <svg width="158" height="89" viewBox="0 0 158 89" fill="none">
+                  <g opacity="0.15">
+                    <path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
+                                                    fill="#868686" />
+                  </g>
+                </svg>
+              </div>
+              <div class="shape-2">
+                <svg width="48" height="17" viewBox="0 0 48 17" fill="none">
+                  <path
+                                                d="M47.3549 0.599976L22.8851 16.5564L0.691406 12.5793L47.3549 0.599976Z" />
+                </svg>
+              </div>
+            </div>
+            <div class="content">
+              <h2>Takeover Products</h2>
+              <p> Pellentesque habitant morbi trist fames ac turp egestas.
+                Aliquam enim feugiat mattis. </p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="border-shape">
+        <svg width="1014" height="93" viewBox="0 0 1014 93" fill="none">
+          <path
+                                d="M1 50.9659C56.3481 18.4898 187.969 -31.1736 271.668 29.9813C376.292 106.425 467.026 98.4469 528 77.5C594.713 54.5817 761.5 15.5 831.5 24C901.5 32.5 936.5 57 1013.5 75"
+                                stroke="#C4CDD3" stroke-width="1.5" stroke-dasharray="2 2" />
+        </svg>
+      </div>
+    </div>
+  </div>
+</section>
+<!-- end of process-section --> 
\ No newline at end of file
diff --git a/parts/service.php b/parts/service.php
new file mode 100644
index 0000000..d62b371
--- /dev/null
+++ b/parts/service.php
@@ -0,0 +1,76 @@
+<!--Service Section-->
+<section class="wpo-service-section section-padding">
+  <div class="container">
+    <div class="row align-items-end">
+      <div class="col-lg-7 col-12">
+        <div class="wpo-section-title">
+          <h2>Trusted transport service</h2>
+          <h3>Transport & Logistics
+            Services We are the best</h3>
+        </div>
+      </div>
+      <div class="col-lg-5 col-12">
+        <div class="service-all-btn"> <a href="services.html" class="theme-btn">All Services</a> </div>
+      </div>
+    </div>
+  </div>
+  <div class="container-fluid g-0">
+    <div class="service-slider owl-carousel">
+      <div class="service-card"> <img class="image" src="assets/images/service/1.jpg" alt="">
+        <div class="content"> <i class="flaticon-road-with-broken-line"></i>
+          <div class="text"> <span>01</span>
+            <h2><a href="services-single.html">Road Freight Service</a></h2>
+            <p>Sed ut perspiciatis unde is
+              voluptatem accusant</p>
+            <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
+        </div>
+      </div>
+      <div class="service-card"> <img class="image" src="assets/images/service/2.jpg" alt="">
+        <div class="content"> <i class="flaticon-air-plane"></i>
+          <div class="text"> <span>02</span>
+            <h2><a href="services-single.html">Intermodal Shipping</a></h2>
+            <p>Sed ut perspiciatis unde is
+              voluptatem accusant</p>
+            <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
+        </div>
+      </div>
+      <div class="service-card"> <img class="image" src="assets/images/service/3.jpg" alt="">
+        <div class="content"> <i class="flaticon-boat-with-containers"></i>
+          <div class="text"> <span>03</span>
+            <h2><a href="services-single.html">Maritime transportation</a></h2>
+            <p>Sed ut perspiciatis unde is
+              voluptatem accusant</p>
+            <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
+        </div>
+      </div>
+      <div class="service-card"> <img class="image" src="assets/images/service/1.jpg" alt="">
+        <div class="content"> <i class="flaticon-road-with-broken-line"></i>
+          <div class="text"> <span>01</span>
+            <h2><a href="services-single.html">Road Freight Service</a></h2>
+            <p>Sed ut perspiciatis unde is
+              voluptatem accusant</p>
+            <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
+        </div>
+      </div>
+      <div class="service-card"> <img class="image" src="assets/images/service/2.jpg" alt="">
+        <div class="content"> <i class="flaticon-air-plane"></i>
+          <div class="text"> <span>02</span>
+            <h2><a href="services-single.html">Intermodal Shipping</a></h2>
+            <p>Sed ut perspiciatis unde is
+              voluptatem accusant</p>
+            <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
+        </div>
+      </div>
+      <div class="service-card"> <img class="image" src="assets/images/service/3.jpg" alt="">
+        <div class="content"> <i class="flaticon-boat-with-containers"></i>
+          <div class="text"> <span>03</span>
+            <h2><a href="services-single.html">Maritime transportation</a></h2>
+            <p>Sed ut perspiciatis unde is
+              voluptatem accusant</p>
+            <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<!--Service Section End-->
\ No newline at end of file
diff --git a/parts/team.php b/parts/team.php
new file mode 100644
index 0000000..ce6b705
--- /dev/null
+++ b/parts/team.php
@@ -0,0 +1,116 @@
+<!--start of team-section -->
+<section class="wpo-team-section section-padding">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-6 col-12">
+        <div class="wpo-section-title">
+          <h2>Trusted transport service</h2>
+          <h3>Best Logistic consultant
+            team for company</h3>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="container-fluid">
+    <div class="team-slider owl-carousel">
+      <div class="team-card">
+        <div class="image"> <img src="assets/images/team/1.jpg" alt="">
+          <div class="icon">
+            <ul>
+              <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
+              <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
+              <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
+              <li><a href="#"><i class="flaticon-twitter"></i></a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="content">
+          <div class="text">
+            <h2>Alextina Ditarson</h2>
+            <span>Transportation Planner</span> </div>
+          <div class="hover-icon"></div>
+        </div>
+      </div>
+      <div class="team-card">
+        <div class="image"> <img src="assets/images/team/2.jpg" alt="">
+          <div class="icon">
+            <ul>
+              <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
+              <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
+              <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
+              <li><a href="#"><i class="flaticon-twitter"></i></a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="content">
+          <div class="text">
+            <h2>Leslie Alexander</h2>
+            <span>Supply Chain Manager</span> </div>
+          <div class="hover-icon"></div>
+        </div>
+      </div>
+      <div class="team-card">
+        <div class="image"> <img src="assets/images/team/3.jpg" alt="">
+          <div class="icon">
+            <ul>
+              <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
+              <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
+              <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
+              <li><a href="#"><i class="flaticon-twitter"></i></a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="content">
+          <div class="text">
+            <h2>Brooklyn Simmons</h2>
+            <span>Logistics Coordinator</span> </div>
+          <div class="hover-icon"></div>
+        </div>
+      </div>
+      <div class="team-card">
+        <div class="image"> <img src="assets/images/team/4.jpg" alt="">
+          <div class="icon">
+            <ul>
+              <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
+              <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
+              <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
+              <li><a href="#"><i class="flaticon-twitter"></i></a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="content">
+          <div class="text">
+            <h2>Marvin McKinney</h2>
+            <span>Warehouse Manager</span> </div>
+          <div class="hover-icon"></div>
+        </div>
+      </div>
+      <div class="team-card">
+        <div class="image"> <img src="assets/images/team/5.jpg" alt="">
+          <div class="icon">
+            <ul>
+              <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
+              <li><a href="#"><i class="flaticon-vimeo"></i></a></li>
+              <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
+              <li><a href="#"><i class="flaticon-twitter"></i></a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="content">
+          <div class="text">
+            <h2>Warehouse Manager</h2>
+            <span>Fleet Supervisor</span> </div>
+          <div class="hover-icon"></div>
+        </div>
+      </div>
+    </div>
+    <div class="all-team-btn"> <a href="team.html" class="theme-btn">All Member</a> </div>
+  </div>
+  <div class="shape">
+    <svg width="59" height="58" viewBox="0 0 59 58" fill="none">
+      <rect x="29" width="30" height="30" fill="#FF7236" />
+      <rect y="30" width="29" height="28" fill="white" />
+    </svg>
+  </div>
+</section>
+<!--end of team-section -->
\ No newline at end of file
diff --git a/parts/testimonial.php b/parts/testimonial.php
new file mode 100644
index 0000000..09e3a89
--- /dev/null
+++ b/parts/testimonial.php
@@ -0,0 +1,37 @@
+<!-- start of testimonial-section -->
+<section class="wpo-testimonial-section section-padding">
+  <div class="container">
+    <div class="testimonial-wrap testimonial-slider">
+      <div class="image slider-for">
+        <div class="item"> <span class="feedback"><img src="assets/images/testimonial/feedback.svg" alt=""> Feedback</span> <img src="assets/images/testimonial/1.jpg" alt=""> </div>
+        <div class="item"> <span class="feedback"><img src="assets/images/testimonial/feedback.svg" alt=""> Feedback</span> <img src="assets/images/testimonial/2.jpg" alt=""> </div>
+      </div>
+      <div class="content-wrap">
+        <h2>Trusted transport service</h2>
+        <h3>What Our Client’s Says</h3>
+        <div class="slider-nav">
+          <div class="content">
+            <p>Climb the mountain not to plant your flag but to
+              embrace the ways challenge, enjoy the air, and
+              behold the. Climb it see the world, not so the
+              world can see you. This is due to their excellent
+              service competitive pricing</p>
+            <div class="client-name">
+              <h4>Robert J. Hare/</h4>
+              <span>Freight Manager</span> </div>
+          </div>
+          <div class="content">
+            <p> I recently used for my logistics needs, and I am
+              thoroughly impressed with their exceptional service. I contacted
+              them, team demonstrated and making the entire
+              process smooth and hassle-free. </p>
+            <div class="client-name">
+              <h4>Winifred P. Reyes/</h4>
+              <span>Freight Manager</span> </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<!-- end of testimonial-section --> 
\ No newline at end of file