@extends('layouts.layout1rtl')
@section('title', 'Home RTL || Transwide || Professional Transportation & Logistics Laravel Template')

@section('content')


        <section class="main-slider-one">
            <div class="main-slider-one__carousel transwide-owl__carousel transwide-owl__carousel--basic-nav transwide-owl__carousel--custom-dots owl-carousel owl-theme" data-thumb-elm="#main-slider-one__thumb__custom-dots" data-owl-options='{
                "items": 1,
                "margin": 0,
                "animateIn": "fadeIn",
                "animateOut": "fadeOut",
                "loop": false,
                "smartSpeed": 700,
                "nav": false,
                "dots": true,
                "autoplay": true,
                "navText": ["<i class=\"icon-left-arrow\"></i>","<i class=\"icon-right-arrow\"></i>"]
            }'>
                <div class="main-slider-one__item">
                    <div class="main-slider-one__bg" style="background-image: url(assets/images/backgrounds/main-slider-bg-1-1.jpg);"></div><!-- /.main-slider-one__bg -->
                    <div class="main-slider-one__overlay"></div><!-- /.main-slider-one__overlay -->
                    <div class="container">
                        <div class="row gutter-y-60">
                            <div class="col-xl-9 col-lg-11">
                                <div class="main-slider-one__content">
                                    <div class="main-slider-one__content__inner">
                                        <div class="main-slider-one__top">
                                            <h6 class="main-slider-one__tagline">Transport & Logistic Company</h6>
                                        </div><!-- /.tagline -->
                                        <h2 class="main-slider-one__title">
                                            <span class="main-slider-one__title__inner">
                                                Efficient and Timely <br> Service Delivery
                                            </span>
                                        </h2><!-- /.title -->
                                        <div class="main-slider-one__description">
                                            <p class="main-slider-one__text">
                                                There are many variations of passages of Lorem Ipsum avalab but the majority <br> have suffered alteration in some form, by injected humour.
                                            </p><!-- /.text -->
                                        </div><!-- /.description -->
                                    </div><!-- /.content-inner -->
                                    <div class="main-slider-one__button">
                                        <div class="main-slider-one__button__inner">
                                            <a href="{{ url("about") }}" class="transwide-btn">
                                                <span class="transwide-btn__text transwide-btn__text--1">Discover More</span>
                                                <span class="transwide-btn__text transwide-btn__text--2">Discover More</span>
                                            </a><!-- /.transwide-btn -->
                                        </div><!-- /.button-inner -->
                                    </div><!-- /.button -->
                                </div><!-- /.main-slider-one__content -->
                            </div><!-- /.col-xl-9 col-lg-11 -->
                        </div><!-- /.row gutter-y-60 -->
                    </div><!-- /.container -->
                    <a href="https://www.youtube.com/watch?v=h9MbznbxlLc" class="main-slider-one__video video-popup">
                        <img src="{{ asset("/assets/images/main-slider/main-slider-1-1.png") }}" alt="main slider">
                        <span class="main-slider-one__video__icon"><i class="fas fa-play"></i></span>
                    </a><!-- /.main-slider-one__video -->
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-1-1.png") }}" alt="shape" class="main-slider-one__shape-1">
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-1-2.png") }}" alt="shape" class="main-slider-one__shape-2">
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-1-3.png") }}" alt="shape" class="main-slider-one__shape-3">
                    <div class="main-slider-one__shape-4"></div>
                </div><!-- /.main-slider-one__item -->
                <div class="main-slider-one__item">
                    <div class="main-slider-one__bg" style="background-image: url(assets/images/backgrounds/main-slider-bg-1-2.jpg);"></div><!-- /.main-slider-one__bg -->
                    <div class="main-slider-one__overlay"></div><!-- /.main-slider-one__overlay -->
                    <div class="container">
                        <div class="row gutter-y-60">
                            <div class="col-xl-9 col-lg-11">
                                <div class="main-slider-one__content">
                                    <div class="main-slider-one__content__inner">
                                        <div class="main-slider-one__top">
                                            <h6 class="main-slider-one__tagline">Transport & Logistic Company</h6>
                                        </div><!-- /.tagline -->
                                        <h2 class="main-slider-one__title">
                                            <span class="main-slider-one__title__inner">
                                                Efficient and Timely <br> Service Delivery
                                            </span>
                                        </h2><!-- /.title -->
                                        <div class="main-slider-one__description">
                                            <p class="main-slider-one__text">
                                                There are many variations of passages of Lorem Ipsum avalab but the majority <br> have suffered alteration in some form, by injected humour.
                                            </p><!-- /.text -->
                                        </div><!-- /.description -->
                                    </div><!-- /.content-inner -->
                                    <div class="main-slider-one__button">
                                        <div class="main-slider-one__button__inner">
                                            <a href="{{ url("about") }}" class="transwide-btn">
                                                <span class="transwide-btn__text transwide-btn__text--1">Discover More</span>
                                                <span class="transwide-btn__text transwide-btn__text--2">Discover More</span>
                                            </a><!-- /.transwide-btn -->
                                        </div><!-- /.button-inner -->
                                    </div><!-- /.button -->
                                </div><!-- /.main-slider-one__content -->
                            </div><!-- /.col-xl-9 col-lg-11 -->
                        </div><!-- /.row gutter-y-60 -->
                    </div><!-- /.container -->
                    <a href="https://www.youtube.com/watch?v=h9MbznbxlLc" class="main-slider-one__video video-popup">
                        <img src="{{ asset("/assets/images/main-slider/main-slider-1-1.png") }}" alt="main slider">
                        <span class="main-slider-one__video__icon"><i class="fas fa-play"></i></span>
                    </a><!-- /.main-slider-one__video -->
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-1-1.png") }}" alt="shape" class="main-slider-one__shape-1">
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-1-2.png") }}" alt="shape" class="main-slider-one__shape-2">
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-1-3.png") }}" alt="shape" class="main-slider-one__shape-3">
                    <div class="main-slider-one__shape-4"></div>
                </div><!-- /.main-slider-one__item -->
                <div class="main-slider-one__item">
                    <div class="main-slider-one__bg" style="background-image: url(assets/images/backgrounds/main-slider-bg-1-3.jpg);"></div><!-- /.main-slider-one__bg -->
                    <div class="main-slider-one__overlay"></div><!-- /.main-slider-one__overlay -->
                    <div class="container">
                        <div class="row gutter-y-60">
                            <div class="col-xl-9 col-lg-11">
                                <div class="main-slider-one__content">
                                    <div class="main-slider-one__content__inner">
                                        <div class="main-slider-one__top">
                                            <h6 class="main-slider-one__tagline">Transport & Logistic Company</h6>
                                        </div><!-- /.tagline -->
                                        <h2 class="main-slider-one__title">
                                            <span class="main-slider-one__title__inner">
                                                Efficient and Timely <br> Service Delivery
                                            </span>
                                        </h2><!-- /.title -->
                                        <div class="main-slider-one__description">
                                            <p class="main-slider-one__text">
                                                There are many variations of passages of Lorem Ipsum avalab but the majority <br> have suffered alteration in some form, by injected humour.
                                            </p><!-- /.text -->
                                        </div><!-- /.description -->
                                    </div><!-- /.content-inner -->
                                    <div class="main-slider-one__button">
                                        <div class="main-slider-one__button__inner">
                                            <a href="{{ url("about") }}" class="transwide-btn">
                                                <span class="transwide-btn__text transwide-btn__text--1">Discover More</span>
                                                <span class="transwide-btn__text transwide-btn__text--2">Discover More</span>
                                            </a><!-- /.transwide-btn -->
                                        </div><!-- /.button-inner -->
                                    </div><!-- /.button -->
                                </div><!-- /.main-slider-one__content -->
                            </div><!-- /.col-xl-9 col-lg-11 -->
                        </div><!-- /.row gutter-y-60 -->
                    </div><!-- /.container -->
                    <a href="https://www.youtube.com/watch?v=h9MbznbxlLc" class="main-slider-one__video video-popup">
                        <img src="{{ asset("/assets/images/main-slider/main-slider-1-1.png") }}" alt="main slider">
                        <span class="main-slider-one__video__icon"><i class="fas fa-play"></i></span>
                    </a><!-- /.main-slider-one__video -->
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-1-1.png") }}" alt="shape" class="main-slider-one__shape-1">
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-1-2.png") }}" alt="shape" class="main-slider-one__shape-2">
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-1-3.png") }}" alt="shape" class="main-slider-one__shape-3">
                    <div class="main-slider-one__shape-4"></div>
                </div><!-- /.main-slider-one__item -->
            </div><!-- /.main-slider-one__carousel -->
            <div class="main-slider-one__thumb" id='main-slider-one__thumb__custom-dots'>
                <div class="main-slider-one__thumb__item main-slider-one__thumb__item--1 owl-dot">
                    <img src="{{ asset("/assets/images/main-slider/main-slider-thumb-1-1.jpg") }}" alt="slider thumb">
                </div>
                <div class="main-slider-one__thumb__item main-slider-one__thumb__item--2 owl-dot">
                    <img src="{{ asset("/assets/images/main-slider/main-slider-thumb-1-2.jpg") }}" alt="slider thumb">
                </div>
                <div class="main-slider-one__thumb__item main-slider-one__thumb__item--3 owl-dot">
                    <img src="{{ asset("/assets/images/main-slider/main-slider-thumb-1-3.jpg") }}" alt="slider thumb">
                </div>
            </div><!-- /.main-slider-one__thumb -->
        </section><!-- /.main-slider-one -->
        <section class="services-one section-space-top">
            <div class="container">
                <div class="services-one__carousel transwide-owl__carousel transwide-owl__carousel--basic-nav owl-carousel owl-theme" data-owl-options='{
                    "items": 1,
                    "margin": 10,
                    "loop": true,
                    "smartSpeed": 700,
                    "nav": false,
                    "dots": true,
                    "navText": ["<i class=\"icon-left-arrow\"></i>","<i class=\"icon-right-arrow\"></i>"],
                    "autoplay": true,
                    "responsive": {
                        "0": {
                            "items": 1,
                            "nav": true,
                            "dots": false,
                            "margin": 10
                        },
                        "768": {
                            "items": 2,
                            "margin": 30
                        },
                        "992": {
                            "items": 3,
                            "dots": false,
                            "margin": 30
                        }
                    }
                }'>
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="service-card">
                            <a href="{{ url("service-d-safety-reliable") }}" class="service-card__image">
                                <img src="{{ asset("/assets/images/services/service-1-1.jpg") }}" alt="Safety & Reliable Service">
                                <img src="{{ asset("/assets/images/services/service-1-1.jpg") }}" alt="Safety & Reliable Service">
                            </a><!-- /.service-card__image -->
                            <div class="service-card__content">
                                <div class="service-card__top">
                                    <div class="service-card__icon-box">
                                        <span class="service-card__icon"><i class="icon-package-2"></i></span>
                                    </div><!-- /.service-card__icon-box -->
                                    <h3 class="service-card__title">
                                        <a href="{{ url("service-d-safety-reliable") }}">Safety & Reliable Service</a>
                                    </h3><!-- /.service-card__title -->
                                    <div class="service-card__shape"></div><!-- /.service-card__shape -->
                                </div><!-- /.service-card__top -->
                                <p class="service-card__text">There are many variations of passages of Lorem Ipsum avalab but the majority have suffered alteration.</p><!-- /.service-card__text -->
                                <a href="{{ url("service-d-safety-reliable") }}" class="service-card__btn">
                                    <span class="service-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.service-card__btn -->
                            </div><!-- /.service-card__content -->
                        </div><!-- /.service-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="service-card">
                            <a href="{{ url("service-d-real-time-tracking") }}" class="service-card__image">
                                <img src="{{ asset("/assets/images/services/service-1-2.jpg") }}" alt="Real Time Tracking System">
                                <img src="{{ asset("/assets/images/services/service-1-2.jpg") }}" alt="Real Time Tracking System">
                            </a><!-- /.service-card__image -->
                            <div class="service-card__content">
                                <div class="service-card__top">
                                    <div class="service-card__icon-box">
                                        <span class="service-card__icon"><i class="icon-order-tracking"></i></span>
                                    </div><!-- /.service-card__icon-box -->
                                    <h3 class="service-card__title">
                                        <a href="{{ url("service-d-real-time-tracking") }}">Real Time Tracking System</a>
                                    </h3><!-- /.service-card__title -->
                                    <div class="service-card__shape"></div><!-- /.service-card__shape -->
                                </div><!-- /.service-card__top -->
                                <p class="service-card__text">Mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account.</p><!-- /.service-card__text -->
                                <a href="{{ url("service-d-real-time-tracking") }}" class="service-card__btn">
                                    <span class="service-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.service-card__btn -->
                            </div><!-- /.service-card__content -->
                        </div><!-- /.service-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="service-card">
                            <a href="{{ url("service-d-on-time-delivery") }}" class="service-card__image">
                                <img src="{{ asset("/assets/images/services/service-1-3.jpg") }}" alt="On-Time Delivery Service">
                                <img src="{{ asset("/assets/images/services/service-1-3.jpg") }}" alt="On-Time Delivery Service">
                            </a><!-- /.service-card__image -->
                            <div class="service-card__content">
                                <div class="service-card__top">
                                    <div class="service-card__icon-box">
                                        <span class="service-card__icon"><i class="icon-picup"></i></span>
                                    </div><!-- /.service-card__icon-box -->
                                    <h3 class="service-card__title">
                                        <a href="{{ url("service-d-on-time-delivery") }}">On-Time Delivery Service</a>
                                    </h3><!-- /.service-card__title -->
                                    <div class="service-card__shape"></div><!-- /.service-card__shape -->
                                </div><!-- /.service-card__top -->
                                <p class="service-card__text">Expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.</p><!-- /.service-card__text -->
                                <a href="{{ url("service-d-on-time-delivery") }}" class="service-card__btn">
                                    <span class="service-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.service-card__btn -->
                            </div><!-- /.service-card__content -->
                        </div><!-- /.service-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="service-card">
                            <a href="{{ url("service-d-worldwide-transport") }}" class="service-card__image">
                                <img src="{{ asset("/assets/images/services/service-1-4.jpg") }}" alt="Worldwide Transport">
                                <img src="{{ asset("/assets/images/services/service-1-4.jpg") }}" alt="Worldwide Transport">
                            </a><!-- /.service-card__image -->
                            <div class="service-card__content">
                                <div class="service-card__top">
                                    <div class="service-card__icon-box">
                                        <span class="service-card__icon"><i class="icon-worldwide"></i></span>
                                    </div><!-- /.service-card__icon-box -->
                                    <h3 class="service-card__title">
                                        <a href="{{ url("service-d-worldwide-transport") }}">Worldwide Transport</a>
                                    </h3><!-- /.service-card__title -->
                                    <div class="service-card__shape"></div><!-- /.service-card__shape -->
                                </div><!-- /.service-card__top -->
                                <p class="service-card__text">It is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.</p><!-- /.service-card__text -->
                                <a href="{{ url("service-d-worldwide-transport") }}" class="service-card__btn">
                                    <span class="service-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.service-card__btn -->
                            </div><!-- /.service-card__content -->
                        </div><!-- /.service-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="service-card">
                            <a href="{{ url("service-d-one-step-solutions") }}" class="service-card__image">
                                <img src="{{ asset("/assets/images/services/service-1-5.jpg") }}" alt="One Step Solutions">
                                <img src="{{ asset("/assets/images/services/service-1-5.jpg") }}" alt="One Step Solutions">
                            </a><!-- /.service-card__image -->
                            <div class="service-card__content">
                                <div class="service-card__top">
                                    <div class="service-card__icon-box">
                                        <span class="service-card__icon"><i class="icon-solution"></i></span>
                                    </div><!-- /.service-card__icon-box -->
                                    <h3 class="service-card__title">
                                        <a href="{{ url("service-d-one-step-solutions") }}">One Step Solutions</a>
                                    </h3><!-- /.service-card__title -->
                                    <div class="service-card__shape"></div><!-- /.service-card__shape -->
                                </div><!-- /.service-card__top -->
                                <p class="service-card__text">Continually myocardinate holistic mindshare with client-based web services assertively e-enable catalysts.</p><!-- /.service-card__text -->
                                <a href="{{ url("service-d-one-step-solutions") }}" class="service-card__btn">
                                    <span class="service-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.service-card__btn -->
                            </div><!-- /.service-card__content -->
                        </div><!-- /.service-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="service-card">
                            <a href="{{ url("service-d-24-7-important") }}" class="service-card__image">
                                <img src="{{ asset("/assets/images/services/service-1-6.jpg") }}" alt="24/7 Important Service ">
                                <img src="{{ asset("/assets/images/services/service-1-6.jpg") }}" alt="24/7 Important Service ">
                            </a><!-- /.service-card__image -->
                            <div class="service-card__content">
                                <div class="service-card__top">
                                    <div class="service-card__icon-box">
                                        <span class="service-card__icon"><i class="icon-7"></i></span>
                                    </div><!-- /.service-card__icon-box -->
                                    <h3 class="service-card__title">
                                        <a href="{{ url("service-d-24-7-important") }}">24/7 Important Service </a>
                                    </h3><!-- /.service-card__title -->
                                    <div class="service-card__shape"></div><!-- /.service-card__shape -->
                                </div><!-- /.service-card__top -->
                                <p class="service-card__text">Phosfluorescently maintain wireless scenarios after intermandated applications conveniently predominate.</p><!-- /.service-card__text -->
                                <a href="{{ url("service-d-24-7-important") }}" class="service-card__btn">
                                    <span class="service-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.service-card__btn -->
                            </div><!-- /.service-card__content -->
                        </div><!-- /.service-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="service-card">
                            <a href="{{ url("service-d-safety-reliable") }}" class="service-card__image">
                                <img src="{{ asset("/assets/images/services/service-1-1.jpg") }}" alt="Safety & Reliable Service">
                                <img src="{{ asset("/assets/images/services/service-1-1.jpg") }}" alt="Safety & Reliable Service">
                            </a><!-- /.service-card__image -->
                            <div class="service-card__content">
                                <div class="service-card__top">
                                    <div class="service-card__icon-box">
                                        <span class="service-card__icon"><i class="icon-package-2"></i></span>
                                    </div><!-- /.service-card__icon-box -->
                                    <h3 class="service-card__title">
                                        <a href="{{ url("service-d-safety-reliable") }}">Safety & Reliable Service</a>
                                    </h3><!-- /.service-card__title -->
                                    <div class="service-card__shape"></div><!-- /.service-card__shape -->
                                </div><!-- /.service-card__top -->
                                <p class="service-card__text">There are many variations of passages of Lorem Ipsum avalab but the majority have suffered alteration.</p><!-- /.service-card__text -->
                                <a href="{{ url("service-d-safety-reliable") }}" class="service-card__btn">
                                    <span class="service-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.service-card__btn -->
                            </div><!-- /.service-card__content -->
                        </div><!-- /.service-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="service-card">
                            <a href="{{ url("service-d-real-time-tracking") }}" class="service-card__image">
                                <img src="{{ asset("/assets/images/services/service-1-2.jpg") }}" alt="Real Time Tracking System">
                                <img src="{{ asset("/assets/images/services/service-1-2.jpg") }}" alt="Real Time Tracking System">
                            </a><!-- /.service-card__image -->
                            <div class="service-card__content">
                                <div class="service-card__top">
                                    <div class="service-card__icon-box">
                                        <span class="service-card__icon"><i class="icon-order-tracking"></i></span>
                                    </div><!-- /.service-card__icon-box -->
                                    <h3 class="service-card__title">
                                        <a href="{{ url("service-d-real-time-tracking") }}">Real Time Tracking System</a>
                                    </h3><!-- /.service-card__title -->
                                    <div class="service-card__shape"></div><!-- /.service-card__shape -->
                                </div><!-- /.service-card__top -->
                                <p class="service-card__text">Mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account.</p><!-- /.service-card__text -->
                                <a href="{{ url("service-d-real-time-tracking") }}" class="service-card__btn">
                                    <span class="service-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.service-card__btn -->
                            </div><!-- /.service-card__content -->
                        </div><!-- /.service-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="service-card">
                            <a href="{{ url("service-d-on-time-delivery") }}" class="service-card__image">
                                <img src="{{ asset("/assets/images/services/service-1-3.jpg") }}" alt="On-Time Delivery Service">
                                <img src="{{ asset("/assets/images/services/service-1-3.jpg") }}" alt="On-Time Delivery Service">
                            </a><!-- /.service-card__image -->
                            <div class="service-card__content">
                                <div class="service-card__top">
                                    <div class="service-card__icon-box">
                                        <span class="service-card__icon"><i class="icon-picup"></i></span>
                                    </div><!-- /.service-card__icon-box -->
                                    <h3 class="service-card__title">
                                        <a href="{{ url("service-d-on-time-delivery") }}">On-Time Delivery Service</a>
                                    </h3><!-- /.service-card__title -->
                                    <div class="service-card__shape"></div><!-- /.service-card__shape -->
                                </div><!-- /.service-card__top -->
                                <p class="service-card__text">Expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.</p><!-- /.service-card__text -->
                                <a href="{{ url("service-d-on-time-delivery") }}" class="service-card__btn">
                                    <span class="service-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.service-card__btn -->
                            </div><!-- /.service-card__content -->
                        </div><!-- /.service-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="service-card">
                            <a href="{{ url("service-d-worldwide-transport") }}" class="service-card__image">
                                <img src="{{ asset("/assets/images/services/service-1-4.jpg") }}" alt="Worldwide Transport">
                                <img src="{{ asset("/assets/images/services/service-1-4.jpg") }}" alt="Worldwide Transport">
                            </a><!-- /.service-card__image -->
                            <div class="service-card__content">
                                <div class="service-card__top">
                                    <div class="service-card__icon-box">
                                        <span class="service-card__icon"><i class="icon-worldwide"></i></span>
                                    </div><!-- /.service-card__icon-box -->
                                    <h3 class="service-card__title">
                                        <a href="{{ url("service-d-worldwide-transport") }}">Worldwide Transport</a>
                                    </h3><!-- /.service-card__title -->
                                    <div class="service-card__shape"></div><!-- /.service-card__shape -->
                                </div><!-- /.service-card__top -->
                                <p class="service-card__text">It is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.</p><!-- /.service-card__text -->
                                <a href="{{ url("service-d-worldwide-transport") }}" class="service-card__btn">
                                    <span class="service-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.service-card__btn -->
                            </div><!-- /.service-card__content -->
                        </div><!-- /.service-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="service-card">
                            <a href="{{ url("service-d-one-step-solutions") }}" class="service-card__image">
                                <img src="{{ asset("/assets/images/services/service-1-5.jpg") }}" alt="One Step Solutions">
                                <img src="{{ asset("/assets/images/services/service-1-5.jpg") }}" alt="One Step Solutions">
                            </a><!-- /.service-card__image -->
                            <div class="service-card__content">
                                <div class="service-card__top">
                                    <div class="service-card__icon-box">
                                        <span class="service-card__icon"><i class="icon-solution"></i></span>
                                    </div><!-- /.service-card__icon-box -->
                                    <h3 class="service-card__title">
                                        <a href="{{ url("service-d-one-step-solutions") }}">One Step Solutions</a>
                                    </h3><!-- /.service-card__title -->
                                    <div class="service-card__shape"></div><!-- /.service-card__shape -->
                                </div><!-- /.service-card__top -->
                                <p class="service-card__text">Continually myocardinate holistic mindshare with client-based web services assertively e-enable catalysts.</p><!-- /.service-card__text -->
                                <a href="{{ url("service-d-one-step-solutions") }}" class="service-card__btn">
                                    <span class="service-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.service-card__btn -->
                            </div><!-- /.service-card__content -->
                        </div><!-- /.service-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="service-card">
                            <a href="{{ url("service-d-24-7-important") }}" class="service-card__image">
                                <img src="{{ asset("/assets/images/services/service-1-6.jpg") }}" alt="24/7 Important Service ">
                                <img src="{{ asset("/assets/images/services/service-1-6.jpg") }}" alt="24/7 Important Service ">
                            </a><!-- /.service-card__image -->
                            <div class="service-card__content">
                                <div class="service-card__top">
                                    <div class="service-card__icon-box">
                                        <span class="service-card__icon"><i class="icon-7"></i></span>
                                    </div><!-- /.service-card__icon-box -->
                                    <h3 class="service-card__title">
                                        <a href="{{ url("service-d-24-7-important") }}">24/7 Important Service </a>
                                    </h3><!-- /.service-card__title -->
                                    <div class="service-card__shape"></div><!-- /.service-card__shape -->
                                </div><!-- /.service-card__top -->
                                <p class="service-card__text">Phosfluorescently maintain wireless scenarios after intermandated applications conveniently predominate.</p><!-- /.service-card__text -->
                                <a href="{{ url("service-d-24-7-important") }}" class="service-card__btn">
                                    <span class="service-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.service-card__btn -->
                            </div><!-- /.service-card__content -->
                        </div><!-- /.service-card -->
                    </div><!-- /.item -->
                </div><!-- /.services-one__carousel -->
            </div><!-- /.container -->
        </section><!-- /.services-one section-space-top -->
        <section class="about-one section-space">
            <div class="container">
                <div class="row gutter-y-50">
                    <div class="col-lg-6 wow fadeInUp" data-wow-duration="1500ms">
                        <div class="about-one__image">
                            <div class="about-one__image__one">
                                <img src="{{ asset("/assets/images/about/about-1-1.jpg") }}" alt="about">
                            </div><!-- /.about-one__image__one -->
                            <div class="about-one__image__two">
                                <img src="{{ asset("/assets/images/about/about-1-2.jpg") }}" alt="about">
                            </div><!-- /.about-one__image__two -->
                            <div class="about-one__experience">
                                <h3 class="about-one__experience__year">20+</h3>
                                <p class="about-one__experience__text">Year <br> experience</p>
                            </div><!-- /.about-one__experience -->
                            <img src="{{ asset("/assets/images/shapes/about-shape-1-1.png") }}" alt="shape" class="about-one__image__shape">
                        </div><!-- /.about-one__image -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6">
                        <div class="about-one__content">
                            <div class="sec-title @@extraClassName wow fadeInUp" data-wow-duration="1500ms">
                                <div class="sec-title__top">
                                    <h6 class="sec-title__tagline">About Us</h6><!-- /.sec-title__tagline -->
                                    <img src="{{ asset("/assets/images/shapes/sec-title-shape-1-1.png") }}" alt="About Us" class="sec-title__shape">
                                </div><!-- /.sec-title__top -->
                                <h3 class="sec-title__title">Smart Logistics & Transport Solutions Company</h3><!-- /.sec-title__title -->
                            </div><!-- /.sec-title -->
                            <p class="about-one__text wow fadeInUp" data-wow-duration="1500ms">
                                There are many variations of passages about of Lorem Ipsum avalable, but the majority have suffered alteration free in some form, by injected humour or free randomised words which don't look even slightly.
                            </p><!-- /.about-one__text -->
                            <div class="about-one__main-tab-box tabs-box wow fadeInUp" data-wow-duration="1500ms">
                                <ul class="tab-buttons list-unstyled">
                                    <li data-tab="#about01" class="transwide-btn tab-btn active-btn">
                                        <span class="transwide-btn__text transwide-btn__text--1">Our Mission</span>
                                        <span class="transwide-btn__text transwide-btn__text--2">Our Mission</span>
                                    </li>
                                    <li data-tab="#about02" class="transwide-btn tab-btn">
                                        <span class="transwide-btn__text transwide-btn__text--1">Our Visions</span>
                                        <span class="transwide-btn__text transwide-btn__text--2">Our Visions</span>
                                    </li>
                                </ul><!-- /.tab-buttons -->
                                <div class="tabs-content">
                                    <div class="tab active-tab fadeInUp animated" data-wow-delay="200ms" id="about01" style="display: block;">
                                        <ul class="about-one__list list-unstyled">
                                            <li>
                                                <span class="about-one__list__icon">
                                                    <i class="icon-check"></i>
                                                </span>
                                                There are many variations of passages about.
                                            </li>
                                            <li>
                                                <span class="about-one__list__icon">
                                                    <i class="icon-check"></i>
                                                </span>
                                                This is a no-brainer green technology and climate.
                                            </li>
                                            <li>
                                                <span class="about-one__list__icon">
                                                    <i class="icon-check"></i>
                                                </span>
                                                Commitment to the cause both the angel on.
                                            </li>
                                        </ul><!-- /.about-one__list list-unstyled -->
                                    </div><!-- /.about01-tab -->
                                    <div class="tab fadeInUp animated" data-wow-delay="200ms" id="about02" style="display: none;">
                                        <ul class="about-one__list list-unstyled">
                                            <li>
                                                <span class="about-one__list__icon">
                                                    <i class="icon-check"></i>
                                                </span>
                                                That is a good problem to have target rich environment.
                                            </li>
                                            <li>
                                                <span class="about-one__list__icon">
                                                    <i class="icon-check"></i>
                                                </span>
                                                Posuere luctus orci. Donec vitae mattis quam vitae.
                                            </li>
                                            <li>
                                                <span class="about-one__list__icon">
                                                    <i class="icon-check"></i>
                                                </span>
                                                tempor arcu. Aenean non odio porttitor.
                                            </li>
                                        </ul><!-- /.about-one__list list-unstyled -->
                                    </div><!-- /.about02-tab -->
                                </div><!-- /.tab-content -->
                            </div><!-- /.about-one__main-tab-box -->
                            <div class="about-one__info">
                                <div class="about-one__info__item wow fadeInUp" data-wow-duration="1500ms">
                                    <div class="about-one__info__icon-box">
                                        <span class="about-one__info__icon"><i class="icon-fast"></i></span>
                                    </div><!-- /.about-one__info__icon-box -->
                                    <h3 class="about-one__info__title">Fast Reliable <br> Services</h3>
                                </div><!-- /.about-one__info__item -->
                                <div class="about-one__info__item wow fadeInUp" data-wow-duration="1500ms">
                                    <div class="about-one__info__icon-box">
                                        <span class="about-one__info__icon"><i class="icon-certificate"></i></span>
                                    </div><!-- /.about-one__info__icon-box -->
                                    <h3 class="about-one__info__title">Shopping <br> Worldwide</h3>
                                </div><!-- /.about-one__info__item -->
                            </div><!-- /.about-one__info -->
                            <div class="about-one__button wow fadeInUp" data-wow-duration="1500ms">
                                <a href="{{ url("contact") }}" class="transwide-btn transwide-btn--black">
                                    <span class="transwide-btn__text transwide-btn__text--1">Discover More</span>
                                    <span class="transwide-btn__text transwide-btn__text--2">Discover More</span>
                                </a><!-- /.transwide-btn -->
                            </div><!-- /.about-one__button -->
                        </div><!-- /.about-one__content -->
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row gutter-y-50 -->
            </div><!-- /.container -->
        </section><!-- /.about-one section-space -->
        <section class="workflow-process section-space">
            <div class="workflow-process__bg" style="background-image: url(assets/images/shapes/workflow-process-bg-shape-1-1.png);"></div><!-- /.workflow-process__bg -->
            <div class="container">
                <div class="sec-title sec-title--center wow fadeInUp" data-wow-duration="1500ms">
                    <div class="sec-title__top">
                        <h6 class="sec-title__tagline">How we Work</h6><!-- /.sec-title__tagline -->
                        <img src="{{ asset("/assets/images/shapes/sec-title-shape-1-1.png") }}" alt="How we Work" class="sec-title__shape">
                    </div><!-- /.sec-title__top -->
                    <h3 class="sec-title__title">Determined to Strengthen <br> Company Performance</h3><!-- /.sec-title__title -->
                </div><!-- /.sec-title -->
                <div class="row gutter-y-60">
                    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="workflow-process__card">
                            <div class="workflow-process__card__number"></div><!-- /.workflow-process__card__number -->
                            <div class="workflow-process__card__inner">
                                <div class="workflow-process__card__icon-box">
                                    <span class="workflow-process__card__icon"><i class="icon-package"></i></span>
                                </div><!-- /.workflow-process__card__icon-box -->
                                <h3 class="workflow-process__card__title">Replenishment <br> and Picking</h3><!-- /.workflow-process__card__title -->
                            </div><!-- /.workflow-process__card__inner -->
                            <p class="workflow-process__card__text">
                                There are many variations of psages about of Lorem Ipsum avalable, but the majority have.
                            </p><!-- /.workflow-process__card__text -->
                            <div class="workflow-process__card__shape"></div><!-- /.workflow-process__card__shape -->
                        </div><!-- /.workflow-process__card -->
                    </div><!-- /.col-lg-4 col-md-6 -->
                    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="workflow-process__card">
                            <div class="workflow-process__card__number"></div><!-- /.workflow-process__card__number -->
                            <div class="workflow-process__card__inner">
                                <div class="workflow-process__card__icon-box">
                                    <span class="workflow-process__card__icon"><i class="icon-warehouse"></i></span>
                                </div><!-- /.workflow-process__card__icon-box -->
                                <h3 class="workflow-process__card__title">Warehousing <br> Operation</h3><!-- /.workflow-process__card__title -->
                            </div><!-- /.workflow-process__card__inner -->
                            <p class="workflow-process__card__text">
                                It is a long established fact that a reader will be distracted by the readable content of a page.
                            </p><!-- /.workflow-process__card__text -->
                            <div class="workflow-process__card__shape"></div><!-- /.workflow-process__card__shape -->
                        </div><!-- /.workflow-process__card -->
                    </div><!-- /.col-lg-4 col-md-6 -->
                    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="workflow-process__card">
                            <div class="workflow-process__card__number"></div><!-- /.workflow-process__card__number -->
                            <div class="workflow-process__card__inner">
                                <div class="workflow-process__card__icon-box">
                                    <span class="workflow-process__card__icon"><i class="icon-cargo-truck"></i></span>
                                </div><!-- /.workflow-process__card__icon-box -->
                                <h3 class="workflow-process__card__title">Transportation <br> Process</h3><!-- /.workflow-process__card__title -->
                            </div><!-- /.workflow-process__card__inner -->
                            <p class="workflow-process__card__text">
                                Thanks for taking the time to make the website, but i already made it in wix labrador What is a.
                            </p><!-- /.workflow-process__card__text -->
                            <div class="workflow-process__card__shape"></div><!-- /.workflow-process__card__shape -->
                        </div><!-- /.workflow-process__card -->
                    </div><!-- /.col-lg-4 col-md-6 -->
                </div><!-- /.row gutter-y-60 -->
            </div><!-- /.container -->
            <img src="{{ asset("/assets/images/shapes/workflow-process-shape-1-1.png") }}" alt="shape" class="workflow-process__shape-1">
            <img src="{{ asset("/assets/images/shapes/workflow-process-shape-1-2.png") }}" alt="shape" class="workflow-process__shape-2">
        </section><!-- /.workflow-process section-space -->
        <section class="testimonials-one section-space-top">
            <div class="testimonials-one__bg transwide-jarallax" data-jarallax data-speed="0.3s" style="background-image: url(assets/images/backgrounds/testimonials-bg-1-1.jpg);"></div><!-- /.testimonials-one__bg -->
            <div class="testimonials-one__image">
                <img src="{{ asset("/assets/images/testimonials/testimonial-1-1-rtl.png") }}" alt="testimonial">
            </div><!-- /.testimonials-one__image -->
            <div class="container">
                <div class="row gutter-y-30">
                    <div class="col-xl-5 me-xl-auto">
                        <div class="testimonials-one__content">
                            <div class="sec-title  wow fadeInUp" data-wow-duration="1500ms">
                                <div class="sec-title__top">
                                    <h6 class="sec-title__tagline">Testimoniala</h6><!-- /.sec-title__tagline -->
                                    <img src="{{ asset("/assets/images/shapes/sec-title-shape-1-1-rtl.png") }}" alt="Testimoniala" class="sec-title__shape">
                                </div><!-- /.sec-title__top -->
                                <h3 class="sec-title__title">See what People are <br> Talking About?</h3><!-- /.sec-title__title -->
                            </div><!-- /.sec-title -->
                            <div class="transwide-stretch-element-inside-column">
                                <div class="testimonials-one__carousel transwide-owl__carousel transwide-owl__carousel--with-shadow owl-theme owl-carousel" data-owl-options='{
                            "items": 1,
                            "margin": 30,
                            "smartSpeed": 700,
                            "loop": true,
                            "autoplay": 600,
                            "rtl": true,
                            "nav": false,
                            "dots": false,
                            "navText": ["<i class=\"icon-left-arrow\"></i>","<i class=\"icon-right-arrow\"></i>"],
                            "responsive":{
                                "0":{
                                    "items": 1,
                                    "margin": 10
                                },
                                "576":{
                                    "items": 1.2
                                },
                                "768":{
                                    "items": 1.45
                                },
                                "992":{
                                    "items": 1.8
                                },
                                "1200":{
                                    "items": 1.1
                                },
                                "1300":{
                                    "items": 1.2
                                },
                                "1400":{
                                    "items": 1.2
                                },
                                "1600":{
                                    "items": 1.4
                                },
                                "1800":{
                                    "items": 1.73
                                }
                            }
                            }'>
                                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                                        <div class="testimonial-card">
                                            <div class="testimonial-card__content">
                                                <h3 class="testimonial-card__title">The majority have suffered alteration</h3><!-- /.testimonial-card__title -->
                                                <p class="testimonial-card__quote">There are many variations of passages about of Lorem Ipsum avalable, but the majority have suffered alteration free in some form, by injected humour or free randomised words which don't look even slightly free in some form.</p><!-- /.testimonial-card__quote -->
                                                <div class="testimonial-card__info">
                                                    <div class="testimonial-card__info__inner">
                                                        <div class="testimonial-card__image">
                                                            <img src="{{ asset("/assets/images/testimonials/testimonial-client-1-1.jpg") }}" alt="Robert Smith">
                                                        </div><!-- /.testimonial-card__image -->
                                                        <div class="testimonial-card__identity">
                                                            <h5 class="testimonial-card__name">Robert Smith</h5>
                                                            <p class="testimonial-card__designation">Customer</p>
                                                            <div class="transwide-ratings">
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                            </div><!-- /.transwide-ratings -->
                                                        </div><!-- /.testimonial-card__identity -->
                                                    </div><!-- /.testimonial-card__info__inner -->
                                                    <div class="testimonial-card__icon-box">
                                                        <span class="testimonial-card__icon"><i class="icon-quote"></i></span>
                                                    </div><!-- /.testimonial-card__icon-box -->
                                                </div><!-- /.testimonial-card__info -->
                                            </div><!-- /.testimonial-card__content -->
                                        </div><!-- /.testimonial-card -->
                                    </div><!-- /.owl-slide-item -->
                                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                                        <div class="testimonial-card">
                                            <div class="testimonial-card__content">
                                                <h3 class="testimonial-card__title">The majority have suffered alteration</h3><!-- /.testimonial-card__title -->
                                                <p class="testimonial-card__quote">Just Photoshop out the dog, add a baby, and make the curtains blue make it pop i was wondering if my cat could be placed over the logo in the flyer, for can you make it look like this clipart i found the target audience is makes.</p><!-- /.testimonial-card__quote -->
                                                <div class="testimonial-card__info">
                                                    <div class="testimonial-card__info__inner">
                                                        <div class="testimonial-card__image">
                                                            <img src="{{ asset("/assets/images/testimonials/testimonial-client-1-2.jpg") }}" alt="Martin Jhon">
                                                        </div><!-- /.testimonial-card__image -->
                                                        <div class="testimonial-card__identity">
                                                            <h5 class="testimonial-card__name">Martin Jhon</h5>
                                                            <p class="testimonial-card__designation">Customer</p>
                                                            <div class="transwide-ratings">
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                            </div><!-- /.transwide-ratings -->
                                                        </div><!-- /.testimonial-card__identity -->
                                                    </div><!-- /.testimonial-card__info__inner -->
                                                    <div class="testimonial-card__icon-box">
                                                        <span class="testimonial-card__icon"><i class="icon-quote"></i></span>
                                                    </div><!-- /.testimonial-card__icon-box -->
                                                </div><!-- /.testimonial-card__info -->
                                            </div><!-- /.testimonial-card__content -->
                                        </div><!-- /.testimonial-card -->
                                    </div><!-- /.owl-slide-item -->
                                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                                        <div class="testimonial-card">
                                            <div class="testimonial-card__content">
                                                <h3 class="testimonial-card__title">The majority have suffered alteration</h3><!-- /.testimonial-card__title -->
                                                <p class="testimonial-card__quote">We need to make the new version clean and sexy can you lower the price for the website? make it high quality and please use Laravel can you make the font a bit bigger and change it to times new roman? jazz it up a little bit make.</p><!-- /.testimonial-card__quote -->
                                                <div class="testimonial-card__info">
                                                    <div class="testimonial-card__info__inner">
                                                        <div class="testimonial-card__image">
                                                            <img src="{{ asset("/assets/images/testimonials/testimonial-client-1-3.jpg") }}" alt="Kevin Martin">
                                                        </div><!-- /.testimonial-card__image -->
                                                        <div class="testimonial-card__identity">
                                                            <h5 class="testimonial-card__name">Kevin Martin</h5>
                                                            <p class="testimonial-card__designation">Customer</p>
                                                            <div class="transwide-ratings">
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                            </div><!-- /.transwide-ratings -->
                                                        </div><!-- /.testimonial-card__identity -->
                                                    </div><!-- /.testimonial-card__info__inner -->
                                                    <div class="testimonial-card__icon-box">
                                                        <span class="testimonial-card__icon"><i class="icon-quote"></i></span>
                                                    </div><!-- /.testimonial-card__icon-box -->
                                                </div><!-- /.testimonial-card__info -->
                                            </div><!-- /.testimonial-card__content -->
                                        </div><!-- /.testimonial-card -->
                                    </div><!-- /.owl-slide-item -->
                                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="300ms">
                                        <div class="testimonial-card">
                                            <div class="testimonial-card__content">
                                                <h3 class="testimonial-card__title">The majority have suffered alteration</h3><!-- /.testimonial-card__title -->
                                                <p class="testimonial-card__quote">All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model.</p><!-- /.testimonial-card__quote -->
                                                <div class="testimonial-card__info">
                                                    <div class="testimonial-card__info__inner">
                                                        <div class="testimonial-card__image">
                                                            <img src="{{ asset("/assets/images/testimonials/testimonial-client-1-4.jpg") }}" alt="Jane Cooper">
                                                        </div><!-- /.testimonial-card__image -->
                                                        <div class="testimonial-card__identity">
                                                            <h5 class="testimonial-card__name">Jane Cooper</h5>
                                                            <p class="testimonial-card__designation">Customer</p>
                                                            <div class="transwide-ratings">
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                                <span class="transwide-ratings__icon"><i class="fas fa-star"></i></span>
                                                            </div><!-- /.transwide-ratings -->
                                                        </div><!-- /.testimonial-card__identity -->
                                                    </div><!-- /.testimonial-card__info__inner -->
                                                    <div class="testimonial-card__icon-box">
                                                        <span class="testimonial-card__icon"><i class="icon-quote"></i></span>
                                                    </div><!-- /.testimonial-card__icon-box -->
                                                </div><!-- /.testimonial-card__info -->
                                            </div><!-- /.testimonial-card__content -->
                                        </div><!-- /.testimonial-card -->
                                    </div><!-- /.owl-slide-item -->
                                </div><!-- /.testimonials-one__carousel -->
                            </div><!-- /.transwide-stretch-element-inside-column -->
                        </div><!-- /.testimonials-one__content -->
                    </div><!-- /.col-xl-5 ms-xl-auto -->
                </div><!-- /.row gutter-y-30 -->
            </div><!-- /.container -->
            <div class="testimonials-one__shape">
                <img src="{{ asset("/assets/images/shapes/testimonial-shape-1-1-rtl.png") }}" alt="shape">
            </div><!-- /.testimonials-one__shape -->
        </section><!-- /.testimonials-one section-space-top -->
        <section class="pricing-one section-space">
            <div class="container">
                <div class="sec-title sec-title--center wow fadeInUp" data-wow-duration="1500ms">
                    <div class="sec-title__top">
                        <h6 class="sec-title__tagline">Pricing Plan</h6><!-- /.sec-title__tagline -->
                        <img src="{{ asset("/assets/images/shapes/sec-title-shape-1-1.png") }}" alt="Pricing Plan" class="sec-title__shape">
                    </div><!-- /.sec-title__top -->
                    <h3 class="sec-title__title">Choose Your Plan <br> According To You Need</h3><!-- /.sec-title__title -->
                </div><!-- /.sec-title -->
                <div class="row gutter-y-30">
                    <div class="col-xl-4 col-md-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="pricing-one__card">
                            <svg class="pricing-one__card__category-bg" viewBox="0 0 311 457" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M0 0H311V457H45V183.647C45 179.473 42.9954 175.552 39.6114 173.108L5.38862 148.392C2.00456 145.948 0 142.027 0 137.853V0Z" />
                            </svg>
                            <h3 class="pricing-one__card__category">Free</h3><!-- /.pricing-category -->
                            <div class="pricing-one__card__content">
                                <h2 class="pricing-one__card__price">Free</h2><!-- /.pricing-price -->
                                <p class="pricing-one__card__duration">Per month</p><!-- /.pricing-duration -->
                                <ul class="pricing-one__card__list list-unstyled">
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        1 Warehouse
                                    </li>
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        100% Insurance
                                    </li>
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        50 Freight Shipment
                                    </li>
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        Real Time Tracking
                                    </li>
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        Custom Business
                                    </li>
                                </ul><!-- /.pricing-list -->
                            </div><!-- /.pricing-one__card__content -->
                        </div><!-- /.pricing-card -->
                    </div><!-- /.col-xl-4 col-md-6 -->
                    <div class="col-xl-4 col-md-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="pricing-one__card">
                            <svg class="pricing-one__card__category-bg" viewBox="0 0 311 457" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M0 0H311V457H45V183.647C45 179.473 42.9954 175.552 39.6114 173.108L5.38862 148.392C2.00456 145.948 0 142.027 0 137.853V0Z" />
                            </svg>
                            <h3 class="pricing-one__card__category">Premium</h3><!-- /.pricing-category -->
                            <div class="pricing-one__card__content">
                                <h2 class="pricing-one__card__price">
                                    <span class="pricing-one__card__price__dollar">$</span>
                                    <span>30.00</span>
                                </h2><!-- /.pricing-price -->
                                <p class="pricing-one__card__duration">Per month</p><!-- /.pricing-duration -->
                                <ul class="pricing-one__card__list list-unstyled">
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        1 Warehouse
                                    </li>
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        100% Insurance
                                    </li>
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        50 Freight Shipment
                                    </li>
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        Real Time Tracking
                                    </li>
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        Custom Business
                                    </li>
                                </ul><!-- /.pricing-list -->
                            </div><!-- /.pricing-one__card__content -->
                        </div><!-- /.pricing-card -->
                    </div><!-- /.col-xl-4 col-md-6 -->
                    <div class="col-xl-4 col-md-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="pricing-one__card">
                            <svg class="pricing-one__card__category-bg" viewBox="0 0 311 457" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M0 0H311V457H45V183.647C45 179.473 42.9954 175.552 39.6114 173.108L5.38862 148.392C2.00456 145.948 0 142.027 0 137.853V0Z" />
                            </svg>
                            <h3 class="pricing-one__card__category">Golden</h3><!-- /.pricing-category -->
                            <div class="pricing-one__card__content">
                                <h2 class="pricing-one__card__price">
                                    <span class="pricing-one__card__price__dollar">$</span>
                                    <span>60.00</span>
                                </h2><!-- /.pricing-price -->
                                <p class="pricing-one__card__duration">Per month</p><!-- /.pricing-duration -->
                                <ul class="pricing-one__card__list list-unstyled">
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        1 Warehouse
                                    </li>
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        100% Insurance
                                    </li>
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        50 Freight Shipment
                                    </li>
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        Real Time Tracking
                                    </li>
                                    <li>
                                        <span class="pricing-one__card__list__icon">
                                            <i class="icon-check"></i>
                                        </span>
                                        Custom Business
                                    </li>
                                </ul><!-- /.pricing-list -->
                            </div><!-- /.pricing-one__card__content -->
                        </div><!-- /.pricing-card -->
                    </div><!-- /.col-xl-4 col-md-6 -->
                </div><!-- /.row gutter-y-30 -->
            </div><!-- /.container -->
        </section><!-- /.pricing-one section-space -->
        <section class="projects-one section-space-top">
            <div class="projects-one__bg">
                <div class="projects-one__bg__main" style="background-image: url(assets/images/shapes/projects-bg-shape-1-1.png);"></div>
            </div><!-- /.projects-one__bg -->
            <div class="container">
                <div class="sec-title sec-title--center wow fadeInUp" data-wow-duration="1500ms">
                    <div class="sec-title__top">
                        <h6 class="sec-title__tagline">Latest Project</h6><!-- /.sec-title__tagline -->
                        <img src="{{ asset("/assets/images/shapes/sec-title-shape-1-1.png") }}" alt="Latest Project" class="sec-title__shape">
                    </div><!-- /.sec-title__top -->
                    <h3 class="sec-title__title">Our Recently Completed <br> Latest Projects</h3><!-- /.sec-title__title -->
                </div><!-- /.sec-title -->
                <div class="projects-one__carousel transwide-owl__carousel transwide-owl__carousel--basic-nav owl-carousel owl-theme" data-owl-options='{
                    "items": 1,
                    "margin": 10,
                    "loop": true,
                    "smartSpeed": 700,
                    "nav": false,
                    "dots": true,
                    "navText": ["<i class=\"icon-left-arrow\"></i>","<i class=\"icon-right-arrow\"></i>"],
                    "autoplay": true,
                    "responsive": {
                        "0": {
                            "items": 1,
                            "nav": true,
                            "dots": false,
                            "margin": 10
                        },
                        "768": {
                            "items": 2,
                            "margin": 30
                        },
                        "992": {
                            "items": 3,
                            "margin": 30
                        },
                        "1400": {
                            "items": 4,
                            "dots": false,
                            "margin": 30
                        }
                    }
                }'>
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="project-card">
                            <div class="project-card__image">
                                <img src="{{ asset("/assets/images/projects/project-1-1.jpg") }}" alt="Global Cargo">
                            </div><!-- /.project-card__image -->
                            <div class="project-card__overlay">
                                <a href="{{ url("project-details") }}" class="project-card__btn">
                                    <span class="project-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.project-card__btn -->
                            </div><!-- /.project-card__overlay -->
                            <div class="project-card__content">
                                <div class="project-card__content__inner">
                                    <p class="project-card__category">Shipping</p>
                                    <h3 class="project-card__title">
                                        <a href="{{ url("project-details") }}">Global Cargo</a>
                                    </h3>
                                </div><!-- /.project-card__content__inner -->
                            </div><!-- /.project-card__content -->
                        </div><!-- /.project-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="project-card">
                            <div class="project-card__image">
                                <img src="{{ asset("/assets/images/projects/project-1-2.jpg") }}" alt="Logistics Cargo">
                            </div><!-- /.project-card__image -->
                            <div class="project-card__overlay">
                                <a href="{{ url("project-details") }}" class="project-card__btn">
                                    <span class="project-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.project-card__btn -->
                            </div><!-- /.project-card__overlay -->
                            <div class="project-card__content">
                                <div class="project-card__content__inner">
                                    <p class="project-card__category">Logistics</p>
                                    <h3 class="project-card__title">
                                        <a href="{{ url("project-details") }}">Logistics Cargo</a>
                                    </h3>
                                </div><!-- /.project-card__content__inner -->
                            </div><!-- /.project-card__content -->
                        </div><!-- /.project-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="project-card">
                            <div class="project-card__image">
                                <img src="{{ asset("/assets/images/projects/project-1-3.jpg") }}" alt="Industrial Worker">
                            </div><!-- /.project-card__image -->
                            <div class="project-card__overlay">
                                <a href="{{ url("project-details") }}" class="project-card__btn">
                                    <span class="project-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.project-card__btn -->
                            </div><!-- /.project-card__overlay -->
                            <div class="project-card__content">
                                <div class="project-card__content__inner">
                                    <p class="project-card__category">Warehouse</p>
                                    <h3 class="project-card__title">
                                        <a href="{{ url("project-details") }}">Industrial Worker</a>
                                    </h3>
                                </div><!-- /.project-card__content__inner -->
                            </div><!-- /.project-card__content -->
                        </div><!-- /.project-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="project-card">
                            <div class="project-card__image">
                                <img src="{{ asset("/assets/images/projects/project-1-4.jpg") }}" alt="Ocean Freight">
                            </div><!-- /.project-card__image -->
                            <div class="project-card__overlay">
                                <a href="{{ url("project-details") }}" class="project-card__btn">
                                    <span class="project-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.project-card__btn -->
                            </div><!-- /.project-card__overlay -->
                            <div class="project-card__content">
                                <div class="project-card__content__inner">
                                    <p class="project-card__category">Maritime</p>
                                    <h3 class="project-card__title">
                                        <a href="{{ url("project-details") }}">Ocean Freight</a>
                                    </h3>
                                </div><!-- /.project-card__content__inner -->
                            </div><!-- /.project-card__content -->
                        </div><!-- /.project-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="project-card">
                            <div class="project-card__image">
                                <img src="{{ asset("/assets/images/projects/project-1-5.jpg") }}" alt="Container Handling">
                            </div><!-- /.project-card__image -->
                            <div class="project-card__overlay">
                                <a href="{{ url("project-details") }}" class="project-card__btn">
                                    <span class="project-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.project-card__btn -->
                            </div><!-- /.project-card__overlay -->
                            <div class="project-card__content">
                                <div class="project-card__content__inner">
                                    <p class="project-card__category">Port</p>
                                    <h3 class="project-card__title">
                                        <a href="{{ url("project-details") }}">Container Handling</a>
                                    </h3>
                                </div><!-- /.project-card__content__inner -->
                            </div><!-- /.project-card__content -->
                        </div><!-- /.project-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="project-card">
                            <div class="project-card__image">
                                <img src="{{ asset("/assets/images/projects/project-1-6.jpg") }}" alt="Trucking Logistics">
                            </div><!-- /.project-card__image -->
                            <div class="project-card__overlay">
                                <a href="{{ url("project-details") }}" class="project-card__btn">
                                    <span class="project-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.project-card__btn -->
                            </div><!-- /.project-card__overlay -->
                            <div class="project-card__content">
                                <div class="project-card__content__inner">
                                    <p class="project-card__category">Freight</p>
                                    <h3 class="project-card__title">
                                        <a href="{{ url("project-details") }}">Trucking Logistics</a>
                                    </h3>
                                </div><!-- /.project-card__content__inner -->
                            </div><!-- /.project-card__content -->
                        </div><!-- /.project-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="project-card">
                            <div class="project-card__image">
                                <img src="{{ asset("/assets/images/projects/project-1-1.jpg") }}" alt="Global Cargo">
                            </div><!-- /.project-card__image -->
                            <div class="project-card__overlay">
                                <a href="{{ url("project-details") }}" class="project-card__btn">
                                    <span class="project-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.project-card__btn -->
                            </div><!-- /.project-card__overlay -->
                            <div class="project-card__content">
                                <div class="project-card__content__inner">
                                    <p class="project-card__category">Shipping</p>
                                    <h3 class="project-card__title">
                                        <a href="{{ url("project-details") }}">Global Cargo</a>
                                    </h3>
                                </div><!-- /.project-card__content__inner -->
                            </div><!-- /.project-card__content -->
                        </div><!-- /.project-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="project-card">
                            <div class="project-card__image">
                                <img src="{{ asset("/assets/images/projects/project-1-2.jpg") }}" alt="Logistics Cargo">
                            </div><!-- /.project-card__image -->
                            <div class="project-card__overlay">
                                <a href="{{ url("project-details") }}" class="project-card__btn">
                                    <span class="project-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.project-card__btn -->
                            </div><!-- /.project-card__overlay -->
                            <div class="project-card__content">
                                <div class="project-card__content__inner">
                                    <p class="project-card__category">Logistics</p>
                                    <h3 class="project-card__title">
                                        <a href="{{ url("project-details") }}">Logistics Cargo</a>
                                    </h3>
                                </div><!-- /.project-card__content__inner -->
                            </div><!-- /.project-card__content -->
                        </div><!-- /.project-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="project-card">
                            <div class="project-card__image">
                                <img src="{{ asset("/assets/images/projects/project-1-3.jpg") }}" alt="Industrial Worker">
                            </div><!-- /.project-card__image -->
                            <div class="project-card__overlay">
                                <a href="{{ url("project-details") }}" class="project-card__btn">
                                    <span class="project-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.project-card__btn -->
                            </div><!-- /.project-card__overlay -->
                            <div class="project-card__content">
                                <div class="project-card__content__inner">
                                    <p class="project-card__category">Warehouse</p>
                                    <h3 class="project-card__title">
                                        <a href="{{ url("project-details") }}">Industrial Worker</a>
                                    </h3>
                                </div><!-- /.project-card__content__inner -->
                            </div><!-- /.project-card__content -->
                        </div><!-- /.project-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="project-card">
                            <div class="project-card__image">
                                <img src="{{ asset("/assets/images/projects/project-1-4.jpg") }}" alt="Ocean Freight">
                            </div><!-- /.project-card__image -->
                            <div class="project-card__overlay">
                                <a href="{{ url("project-details") }}" class="project-card__btn">
                                    <span class="project-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.project-card__btn -->
                            </div><!-- /.project-card__overlay -->
                            <div class="project-card__content">
                                <div class="project-card__content__inner">
                                    <p class="project-card__category">Maritime</p>
                                    <h3 class="project-card__title">
                                        <a href="{{ url("project-details") }}">Ocean Freight</a>
                                    </h3>
                                </div><!-- /.project-card__content__inner -->
                            </div><!-- /.project-card__content -->
                        </div><!-- /.project-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="project-card">
                            <div class="project-card__image">
                                <img src="{{ asset("/assets/images/projects/project-1-5.jpg") }}" alt="Container Handling">
                            </div><!-- /.project-card__image -->
                            <div class="project-card__overlay">
                                <a href="{{ url("project-details") }}" class="project-card__btn">
                                    <span class="project-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.project-card__btn -->
                            </div><!-- /.project-card__overlay -->
                            <div class="project-card__content">
                                <div class="project-card__content__inner">
                                    <p class="project-card__category">Port</p>
                                    <h3 class="project-card__title">
                                        <a href="{{ url("project-details") }}">Container Handling</a>
                                    </h3>
                                </div><!-- /.project-card__content__inner -->
                            </div><!-- /.project-card__content -->
                        </div><!-- /.project-card -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="project-card">
                            <div class="project-card__image">
                                <img src="{{ asset("/assets/images/projects/project-1-6.jpg") }}" alt="Trucking Logistics">
                            </div><!-- /.project-card__image -->
                            <div class="project-card__overlay">
                                <a href="{{ url("project-details") }}" class="project-card__btn">
                                    <span class="project-card__btn__icon"><i class="icon-right-arrow-up"></i></span>
                                </a><!-- /.project-card__btn -->
                            </div><!-- /.project-card__overlay -->
                            <div class="project-card__content">
                                <div class="project-card__content__inner">
                                    <p class="project-card__category">Freight</p>
                                    <h3 class="project-card__title">
                                        <a href="{{ url("project-details") }}">Trucking Logistics</a>
                                    </h3>
                                </div><!-- /.project-card__content__inner -->
                            </div><!-- /.project-card__content -->
                        </div><!-- /.project-card -->
                    </div><!-- /.item -->
                </div><!-- /.projects-one__carousel -->
            </div><!-- /.container -->
        </section><!-- /.projects-one section-space-top -->
        <section class="why-choose-one section-space">
            <div class="container">
                <div class="row gutter-y-40">
                    <div class="col-lg-6">
                        <div class="why-choose-one__content">
                            <div class="sec-title @@extraClassName wow fadeInUp" data-wow-duration="1500ms">
                                <div class="sec-title__top">
                                    <h6 class="sec-title__tagline">Why Choose Us</h6><!-- /.sec-title__tagline -->
                                    <img src="{{ asset("/assets/images/shapes/sec-title-shape-1-1.png") }}" alt="Why Choose Us" class="sec-title__shape">
                                </div><!-- /.sec-title__top -->
                                <h3 class="sec-title__title">Why You Should Choose <br> Our Transwide agency</h3><!-- /.sec-title__title -->
                            </div><!-- /.sec-title -->
                            <p class="why-choose-one__text wow fadeInUp" data-wow-duration="1500ms">
                                There are many variations of passages about of Lorem Ipsum avalable, but the majority have suffered alteration free in some form, by injected humour or free randomised words which don't look even slightly.
                            </p><!-- /.why-choose-one__text -->
                            <div class="why-choose-one__inner">
                                <div class="why-choose-one__card wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms" style="--accent-color: #06416F">
                                    <div class="why-choose-one__card__icon-box" style="--accent-color: #06416F">
                                        <span class="why-choose-one__card__icon"><i class="icon-box"></i></span>
                                    </div><!-- /.why-choose-one__card__icon-box -->
                                    <h3 class="why-choose-one__card__title">Packaging and <br> Distribution</h3><!-- /.why-choose-one__card__title -->
                                    <p class="why-choose-one__card__text" style="--text-color: #95B7D1">
                                        Rior to joining company, she spent 20+ years at Inmosys, where he held a wide.
                                    </p><!-- /.why-choose-one__card__text -->
                                </div><!-- /.why-choose-one__card -->
                                <div class="why-choose-one__card wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms" style="--accent-color: #DD111E">
                                    <div class="why-choose-one__card__icon-box" style="--accent-color: #DD111E">
                                        <span class="why-choose-one__card__icon"><i class="icon-7"></i></span>
                                    </div><!-- /.why-choose-one__card__icon-box -->
                                    <h3 class="why-choose-one__card__title">24/7 Important <br> Service</h3><!-- /.why-choose-one__card__title -->
                                    <p class="why-choose-one__card__text" style="--text-color: #ffffff">
                                        You can find him dining late at night with the chefs of the hotels where he stays.
                                    </p><!-- /.why-choose-one__card__text -->
                                </div><!-- /.why-choose-one__card -->
                            </div><!-- /.why-choose-one__inner -->
                            <div class="why-choose-one__shape"></div><!-- /.why-choose-one__shape -->
                        </div><!-- /.why-choose-one__content -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6">
                        <div class="why-choose-one__image">
                            <img src="{{ asset("/assets/images/resources/why-choose-1-1.png") }}" alt="why choose">
                            <div class="why-choose-one__image__shape"></div><!-- /.why-choose-one__image__shape -->
                        </div><!-- /.why-choose-one__image -->
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row gutter-y-40 -->
            </div><!-- /.container -->
        </section><!-- /.why-choose-one section-space -->
        <section class="quote-request section-space">
            <div class="container">
                <div class="row gutter-y-50 align-items-end">
                    <div class="col-lg-6">
                        <div class="quote-request__content">
                            <div class="sec-title @@extraClassName wow fadeInUp" data-wow-duration="1500ms">
                                <div class="sec-title__top">
                                    <h6 class="sec-title__tagline">Get Product Quote</h6><!-- /.sec-title__tagline -->
                                    <img src="{{ asset("/assets/images/shapes/sec-title-shape-1-1.png") }}" alt="Get Product Quote" class="sec-title__shape">
                                </div><!-- /.sec-title__top -->
                                <h3 class="sec-title__title">Request A Quote</h3><!-- /.sec-title__title -->
                            </div><!-- /.sec-title -->
                            <div class="quote-request__form wow fadeInUp" data-wow-duration="1500ms">
                                <form action="{{ route('quote.submit') }}" method="POST" class="form-one">
                                    @csrf
                                    <div class="form-one__group">
                                        <div class="form-one__control">
                                            <input type="email" name="email" placeholder="Email Address" required>
                                        </div>
                                        <div class="form-one__control">
                                            <input type="tel" name="phone" placeholder="Phone" required>
                                        </div>
                                        <div class="form-one__control">
                                            <input type="text" name="departure" placeholder="Departure" required>
                                        </div>
                                        <div class="form-one__control">
                                            <input type="text" name="delivery_city" placeholder="Delivery City" required>
                                        </div>
                                        <div class="form-one__control">
                                            <input type="text" name="weight" placeholder="Weight">
                                        </div>
                                        <div class="form-one__control">
                                            <input type="text" name="height" placeholder="Height">
                                        </div>
                                        <div class="form-one__control form-one__control--full">
                                            <textarea name="message" placeholder="Write a Message"></textarea>
                                        </div>
                                        <div class="form-one__control form-one__control--full">
                                            <button type="submit" class="transwide-btn">
                                                <span class="transwide-btn__text transwide-btn__text--1">Get A Quote Now</span>
                                                <span class="transwide-btn__text transwide-btn__text--2">Get A Quote Now</span>
                                            </button>
                                        </div>
                                    </div>
                                </form>

                                {{-- Success/Error Message --}}
                                @if(session('success'))
                                    <div class="alert alert-success mt-3">{{ session('success') }}</div>
                                @endif
                                @if(session('error'))
                                    <div class="alert alert-danger mt-3">{{ session('error') }}</div>
                                @endif
                                @if ($errors->any())
                                    <div class="alert alert-danger mt-3">
                                        <ul class="mb-0">
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                <div class="result"></div><!-- /.result -->
                            </div><!-- /.quote-request__form -->
                        </div><!-- /.quote-request__content -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6">
                        <div class="quote-request__funfact-box">
                            <div class="quote-request__funfact-inner">
                                <div class="quote-request__funfact-grid">
                                    <div class="quote-request__funfact wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                                        <div class="quote-request__funfact__icon-box">
                                            <span class="quote-request__funfact__icon"><i class="icon-logistic-1"></i></span>
                                        </div><!-- /.quote-request__funfact__icon-box -->
                                        <h3 class="quote-request__funfact__count count-box">
                                            <span class="count-text" data-stop="430" data-speed="1500">0</span>
                                        </h3><!-- /.quote-request__funfact__count -->
                                        <p class="quote-request__funfact__text">Branch <br> Over the world</p><!-- /.quote-request__funfact__text -->
                                    </div><!-- /.quote-request__funfact -->
                                    <div class="quote-request__funfact wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                                        <div class="quote-request__funfact__icon-box">
                                            <span class="quote-request__funfact__icon"><i class="icon-multiple-people"></i></span>
                                        </div><!-- /.quote-request__funfact__icon-box -->
                                        <h3 class="quote-request__funfact__count count-box">
                                            <span class="count-text" data-stop="600" data-speed="1500">0</span>
                                        </h3><!-- /.quote-request__funfact__count -->
                                        <p class="quote-request__funfact__text">Our <br> Team</p><!-- /.quote-request__funfact__text -->
                                    </div><!-- /.quote-request__funfact -->
                                    <div class="quote-request__funfact wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                                        <div class="quote-request__funfact__icon-box">
                                            <span class="quote-request__funfact__icon"><i class="icon-portfolio"></i></span>
                                        </div><!-- /.quote-request__funfact__icon-box -->
                                        <h3 class="quote-request__funfact__count count-box">
                                            <span class="count-text" data-stop="20" data-speed="1500">0</span>
                                            <span>+</span>
                                        </h3><!-- /.quote-request__funfact__count -->
                                        <p class="quote-request__funfact__text">Year <br> Experiece</p><!-- /.quote-request__funfact__text -->
                                    </div><!-- /.quote-request__funfact -->
                                    <div class="quote-request__funfact wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                                        <div class="quote-request__funfact__icon-box">
                                            <span class="quote-request__funfact__icon"><i class="icon-box"></i></span>
                                        </div><!-- /.quote-request__funfact__icon-box -->
                                        <h3 class="quote-request__funfact__count count-box">
                                            <span class="count-text" data-stop="230" data-speed="1500">0</span>
                                            <span>K</span>
                                        </h3><!-- /.quote-request__funfact__count -->
                                        <p class="quote-request__funfact__text">Product <br> Transport</p><!-- /.quote-request__funfact__text -->
                                    </div><!-- /.quote-request__funfact -->
                                </div><!-- /.quote-request__funfact-grid -->
                                <div class="satisfied-customers wow fadeInUp" data-wow-duration="1500ms">
                                    <div class="satisfied-customers__inner">
                                        <div class="satisfied-customers__image">
                                            <img src="{{ asset("/assets/images/resources/customer-1-1.png") }}" alt="customer">
                                            <img src="{{ asset("/assets/images/resources/customer-1-2.png") }}" alt="customer">
                                            <img src="{{ asset("/assets/images/resources/customer-1-3.png") }}" alt="customer">
                                            <img src="{{ asset("/assets/images/resources/customer-1-4.png") }}" alt="customer">
                                            <img src="{{ asset("/assets/images/resources/customer-1-5.png") }}" alt="customer">
                                            <img src="{{ asset("/assets/images/resources/customer-1-6.png") }}" alt="customer">
                                        </div><!-- /.satisfied-customers__image -->
                                        <h3 class="satisfied-customers__count count-box">
                                            <span class="count-text" data-stop="5" data-speed="1500">0</span>
                                            <span>K+</span>
                                        </h3><!-- /.satisfied-customers__count -->
                                    </div><!-- /.satisfied-customers__inner -->
                                    <h3 class="satisfied-customers__title">Satisfied Customers</h3><!-- /.satisfied-customers__title -->
                                </div><!-- /.satisfied-customers -->
                            </div><!-- /.quote-request__funfact-inner -->
                            <div class="quote-request__funfact-shape"></div><!-- /.quote-request__funfact-shape -->
                        </div><!-- /.quote-request__funfact-box -->
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row gutter-y-50 -->
            </div><!-- /.container -->
            <div class="quote-request__bg" style="background-image: url(assets/images/resources/quote-request-1-1.jpg);"></div><!-- /.quote-request__bg -->
            <img src="{{ asset("/assets/images/shapes/quote-request-shape-1-1.png") }}" alt="shape" class="quote-request__shape-1">
            <img src="{{ asset("/assets/images/shapes/quote-request-shape-1-2.png") }}" alt="shape" class="quote-request__shape-2">
        </section><!-- /.quote-request section-space -->
        <div class="blog-one section-space">
            <div class="container">
                <div class="sec-title sec-title--center wow fadeInUp" data-wow-duration="1500ms">
                    <div class="sec-title__top">
                        <h6 class="sec-title__tagline">Article</h6><!-- /.sec-title__tagline -->
                        <img src="{{ asset("/assets/images/shapes/sec-title-shape-1-1.png") }}" alt="Article" class="sec-title__shape">
                    </div><!-- /.sec-title__top -->
                    <h3 class="sec-title__title">Latest News & Articles From <br> The Blog Posts</h3><!-- /.sec-title__title -->
                </div><!-- /.sec-title -->
                <div class="row gutter-y-30">
                    <div class="col-md-6 col-lg-4">
                        <div class="blog-card wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='00ms'>
                            <div class="blog-card__image">
                                <div class="blog-card__image__inner blog-card__image__inner--1">
                                    <img src="{{ asset("/assets/images/blog/blog-1-1.jpg") }}" alt="10 Simple Practices that Will Help You Get 1%">
                                </div><!-- /.blog-card__image__inner -->
                                <div class="blog-card__image__inner blog-card__image__inner--2">
                                    <img src="{{ asset("/assets/images/blog/blog-1-1.jpg") }}" alt="10 Simple Practices that Will Help You Get 1%">
                                    <a href="{{ url("blog-details-right") }}" class="blog-card__image__link"><span class="sr-only">10 Simple Practices that Will Help You Get 1%</span></a>
                                </div><!-- /.blog-card__image__inner -->
                                <div class="blog-card__date">
                                    <span class="blog-card__date__day">26</span>
                                    <span class="blog-card__date__month">August</span>
                                </div><!-- /.blog-card__date -->
                            </div><!-- /.blog-card__image -->
                            <div class="blog-card__content">
                                <div class="blog-card__inner">
                                    <ul class="blog-card__meta list-unstyled">
                                        <li>
                                            <a href="{{ url("#") }}">
                                                <span class="blog-card__meta__icon"><i class="icon-bubble-chat"></i></span>
                                                2 Comment
                                            </a>
                                        </li>
                                    </ul><!-- /.blog-card__meta -->
                                    <h3 class="blog-card__title"><a href="{{ url("blog-details-right") }}">10 Simple Practices that Will Help You Get 1%</a></h3><!-- /.blog-card__title -->
                                </div><!-- /.blog-card__inner -->
                                <div class="blog-card__bottom">
                                    <a href="{{ url("blog-details-right") }}" class="blog-card__btn">
                                        <i class="icon-right-arrow-up"></i>
                                    </a><!-- /.blog-card__btn -->
                                    <div class="blog-card__admin">
                                        <img src="{{ asset("/assets/images/blog/blog-admin-1-1.png") }}" alt="Jerome Bell" class="blog-card__admin__image">
                                        <div class="blog-card__admin__content">
                                            <h3 class="blog-card__admin__name"><a href="{{ url("blog-details-right") }}">Jerome Bell</a></h3>
                                            <p class="blog-card__admin__designation">Admin</p>
                                        </div><!-- /.blog-card__admin__content -->
                                    </div><!-- /.blog-card__admin -->
                                </div><!-- /.blog-card__bottom -->
                            </div><!-- /.blog-card__content -->
                        </div><!-- /.blog-card -->
                    </div><!-- /.col-md-6 col-lg-4 -->
                    <div class="col-md-6 col-lg-4">
                        <div class="blog-card wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                            <div class="blog-card__image">
                                <div class="blog-card__image__inner blog-card__image__inner--1">
                                    <img src="{{ asset("/assets/images/blog/blog-1-2.jpg") }}" alt="Today Health insurance Blog off Deductible">
                                </div><!-- /.blog-card__image__inner -->
                                <div class="blog-card__image__inner blog-card__image__inner--2">
                                    <img src="{{ asset("/assets/images/blog/blog-1-2.jpg") }}" alt="Today Health insurance Blog off Deductible">
                                    <a href="{{ url("blog-details-right") }}" class="blog-card__image__link"><span class="sr-only">Today Health insurance Blog off Deductible</span></a>
                                </div><!-- /.blog-card__image__inner -->
                                <div class="blog-card__date">
                                    <span class="blog-card__date__day">10</span>
                                    <span class="blog-card__date__month">July</span>
                                </div><!-- /.blog-card__date -->
                            </div><!-- /.blog-card__image -->
                            <div class="blog-card__content">
                                <div class="blog-card__inner">
                                    <ul class="blog-card__meta list-unstyled">
                                        <li>
                                            <a href="{{ url("#") }}">
                                                <span class="blog-card__meta__icon"><i class="icon-bubble-chat"></i></span>
                                                2 Comment
                                            </a>
                                        </li>
                                    </ul><!-- /.blog-card__meta -->
                                    <h3 class="blog-card__title"><a href="{{ url("blog-details-right") }}">Today Health insurance Blog off Deductible</a></h3><!-- /.blog-card__title -->
                                </div><!-- /.blog-card__inner -->
                                <div class="blog-card__bottom">
                                    <a href="{{ url("blog-details-right") }}" class="blog-card__btn">
                                        <i class="icon-right-arrow-up"></i>
                                    </a><!-- /.blog-card__btn -->
                                    <div class="blog-card__admin">
                                        <img src="{{ asset("/assets/images/blog/blog-admin-1-2.png") }}" alt="Bessie Cooper" class="blog-card__admin__image">
                                        <div class="blog-card__admin__content">
                                            <h3 class="blog-card__admin__name"><a href="{{ url("blog-details-right") }}">Bessie Cooper</a></h3>
                                            <p class="blog-card__admin__designation">Admin</p>
                                        </div><!-- /.blog-card__admin__content -->
                                    </div><!-- /.blog-card__admin -->
                                </div><!-- /.blog-card__bottom -->
                            </div><!-- /.blog-card__content -->
                        </div><!-- /.blog-card -->
                    </div><!-- /.col-md-6 col-lg-4 -->
                    <div class="col-md-6 col-lg-4">
                        <div class="blog-card wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='200ms'>
                            <div class="blog-card__image">
                                <div class="blog-card__image__inner blog-card__image__inner--1">
                                    <img src="{{ asset("/assets/images/blog/blog-1-3.jpg") }}" alt="Nail jelly to the hothouse wall pixel pushing">
                                </div><!-- /.blog-card__image__inner -->
                                <div class="blog-card__image__inner blog-card__image__inner--2">
                                    <img src="{{ asset("/assets/images/blog/blog-1-3.jpg") }}" alt="Nail jelly to the hothouse wall pixel pushing">
                                    <a href="{{ url("blog-details-right") }}" class="blog-card__image__link"><span class="sr-only">Nail jelly to the hothouse wall pixel pushing</span></a>
                                </div><!-- /.blog-card__image__inner -->
                                <div class="blog-card__date">
                                    <span class="blog-card__date__day">28</span>
                                    <span class="blog-card__date__month">June</span>
                                </div><!-- /.blog-card__date -->
                            </div><!-- /.blog-card__image -->
                            <div class="blog-card__content">
                                <div class="blog-card__inner">
                                    <ul class="blog-card__meta list-unstyled">
                                        <li>
                                            <a href="{{ url("#") }}">
                                                <span class="blog-card__meta__icon"><i class="icon-bubble-chat"></i></span>
                                                2 Comment
                                            </a>
                                        </li>
                                    </ul><!-- /.blog-card__meta -->
                                    <h3 class="blog-card__title"><a href="{{ url("blog-details-right") }}">Nail jelly to the hothouse wall pixel pushing</a></h3><!-- /.blog-card__title -->
                                </div><!-- /.blog-card__inner -->
                                <div class="blog-card__bottom">
                                    <a href="{{ url("blog-details-right") }}" class="blog-card__btn">
                                        <i class="icon-right-arrow-up"></i>
                                    </a><!-- /.blog-card__btn -->
                                    <div class="blog-card__admin">
                                        <img src="{{ asset("/assets/images/blog/blog-admin-1-3.png") }}" alt="Jenny Wilson" class="blog-card__admin__image">
                                        <div class="blog-card__admin__content">
                                            <h3 class="blog-card__admin__name"><a href="{{ url("blog-details-right") }}">Jenny Wilson</a></h3>
                                            <p class="blog-card__admin__designation">Admin</p>
                                        </div><!-- /.blog-card__admin__content -->
                                    </div><!-- /.blog-card__admin -->
                                </div><!-- /.blog-card__bottom -->
                            </div><!-- /.blog-card__content -->
                        </div><!-- /.blog-card -->
                    </div><!-- /.col-md-6 col-lg-4 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </div><!-- /.blog-one section-space -->
        <div class="client-carousel client-carousel--with-nav section-space">
            <div class="container">
                <div class="client-carousel__content">
                    <div class="client-carousel__custome-navs"></div><!-- /.client-carousel__custome-navs -->
                </div><!-- /.client-carousel__content -->
                <div class="client-carousel__carousel transwide-owl__carousel owl-theme owl-carousel" data-owl-options='{
                    "items": 5,
                    "margin": 65,
                    "smartSpeed": 700,
                    "loop":true,
                    "autoplay": 6000,
                    "nav":false,
                    "dots":false,
                    "navContainer": ".client-carousel__custome-navs",
                    "navText": ["<i class=\"fas fa-chevron-left\"></i>","<i class=\"fas fa-chevron-right\"></i>"],
                    "responsive":{
                        "0":{
                            "items": 2,
                            "margin": 40
                        },
                        "500":{
                            "items": 3,
                            "margin": 40
                        },
                        "768":{
                            "items": 3,
                            "margin": 80
                        },
                        "992":{
                            "items": 4,
                            "margin": 60
                        },
                        "1200":{
                            "items": 5,
                            "margin": 109
                        }
                    }
                    }'>
                    <div class="client-carousel__item">
                        <img src="{{ asset("/assets/images/brand/brand-1-1.png") }}" alt="transwide" class="client-carousel__image">
                        <img src="{{ asset("/assets/images/brand/brand-1-1-hover.png") }}" alt="transwide" class="client-carousel__hover-image">
                    </div><!-- /.owl-slide-item-->
                    <div class="client-carousel__item">
                        <img src="{{ asset("/assets/images/brand/brand-1-1.png") }}" alt="transwide" class="client-carousel__image">
                        <img src="{{ asset("/assets/images/brand/brand-1-1-hover.png") }}" alt="transwide" class="client-carousel__hover-image">
                    </div><!-- /.owl-slide-item-->
                    <div class="client-carousel__item">
                        <img src="{{ asset("/assets/images/brand/brand-1-1.png") }}" alt="transwide" class="client-carousel__image">
                        <img src="{{ asset("/assets/images/brand/brand-1-1-hover.png") }}" alt="transwide" class="client-carousel__hover-image">
                    </div><!-- /.owl-slide-item-->
                    <div class="client-carousel__item">
                        <img src="{{ asset("/assets/images/brand/brand-1-1.png") }}" alt="transwide" class="client-carousel__image">
                        <img src="{{ asset("/assets/images/brand/brand-1-1-hover.png") }}" alt="transwide" class="client-carousel__hover-image">
                    </div><!-- /.owl-slide-item-->
                    <div class="client-carousel__item">
                        <img src="{{ asset("/assets/images/brand/brand-1-1.png") }}" alt="transwide" class="client-carousel__image">
                        <img src="{{ asset("/assets/images/brand/brand-1-1-hover.png") }}" alt="transwide" class="client-carousel__hover-image">
                    </div><!-- /.owl-slide-item-->
                </div><!-- /.client-carousel__carousel -->
            </div><!-- /.container -->
        </div><!-- /.client-carousel -->

    <x-footer />
    <x-mobileMenu />
    <x-searchPopup />
    <x-scroll-to-top />
@endsection