@extends('layouts.layout5')
@php
    $title = 'Services Carousel 03';
    $subtitle = 'our services';
@endphp
@section('title', 'Services Carousel 03 || Transwide || Professional Transportation & Logistics Laravel Template')
@section('content')

    <section class="services-page section-space">
        <div class="container">
            <div class="services-page__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
                    }
                }
            }'>
                <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                    <div class="service-card-three">
                        <img src="{{ asset("/assets/images/services/service-4-1.jpg") }}" alt="On-Time Delivery Service" class="service-card-three__image">
                        <div class="service-card-three__icon-box">
                            <span class="service-card-three__icon"><i class="icon-transport"></i></span>
                        </div><!-- /.service-card-three__icon-box -->
                        <div class="service-card-three__show">
                            <div class="service-card-three__show__inner">
                                <span class="service-card-three__number">Service</span>
                                <h3 class="service-card-three__title"><a href="{{ url("service-d-on-time-delivery") }}">On-Time Delivery Service</a></h3>
                            </div><!-- /.service-card-three__show__inner -->
                            <a href="{{ url("service-d-on-time-delivery") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__show -->
                        <div class="service-card-three__hide">
                            <span class="service-card-three__number">Service</span>
                            <h3 class="service-card-three__title"><a href="{{ url("service-d-on-time-delivery") }}">On-Time Delivery Service</a></h3>
                            <p class="service-card-three__text">There are many variations of passages about of Lorem Ipsum avalable, but the.</p><!-- /.service-card-three__text -->
                            <a href="{{ url("service-d-on-time-delivery") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__hide -->
                    </div><!-- /.service-card-three -->
                </div><!-- /.item -->
                <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                    <div class="service-card-three">
                        <img src="{{ asset("/assets/images/services/service-4-2.jpg") }}" alt="Worldwide Transport" class="service-card-three__image">
                        <div class="service-card-three__icon-box">
                            <span class="service-card-three__icon"><i class="icon-plane"></i></span>
                        </div><!-- /.service-card-three__icon-box -->
                        <div class="service-card-three__show">
                            <div class="service-card-three__show__inner">
                                <span class="service-card-three__number">Service</span>
                                <h3 class="service-card-three__title"><a href="{{ url("service-d-worldwide-transport") }}">Worldwide Transport</a></h3>
                            </div><!-- /.service-card-three__show__inner -->
                            <a href="{{ url("service-d-worldwide-transport") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__show -->
                        <div class="service-card-three__hide">
                            <span class="service-card-three__number">Service</span>
                            <h3 class="service-card-three__title"><a href="{{ url("service-d-worldwide-transport") }}">Worldwide Transport</a></h3>
                            <p class="service-card-three__text">It is pleasure, but because those who do not know how to pursue pleasure.</p><!-- /.service-card-three__text -->
                            <a href="{{ url("service-d-worldwide-transport") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__hide -->
                    </div><!-- /.service-card-three -->
                </div><!-- /.item -->
                <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                    <div class="service-card-three">
                        <img src="{{ asset("/assets/images/services/service-4-3.jpg") }}" alt="Safety & Reliable Service" class="service-card-three__image">
                        <div class="service-card-three__icon-box">
                            <span class="service-card-three__icon"><i class="icon-boat"></i></span>
                        </div><!-- /.service-card-three__icon-box -->
                        <div class="service-card-three__show">
                            <div class="service-card-three__show__inner">
                                <span class="service-card-three__number">Service</span>
                                <h3 class="service-card-three__title"><a href="{{ url("service-d-safety-reliable") }}">Safety & Reliable Service</a></h3>
                            </div><!-- /.service-card-three__show__inner -->
                            <a href="{{ url("service-d-safety-reliable") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__show -->
                        <div class="service-card-three__hide">
                            <span class="service-card-three__number">Service</span>
                            <h3 class="service-card-three__title"><a href="{{ url("service-d-safety-reliable") }}">Safety & Reliable Service</a></h3>
                            <p class="service-card-three__text">There are many variations of passages of Lorem Ipsum avalab but the majority.</p><!-- /.service-card-three__text -->
                            <a href="{{ url("service-d-safety-reliable") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__hide -->
                    </div><!-- /.service-card-three -->
                </div><!-- /.item -->
                <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                    <div class="service-card-three">
                        <img src="{{ asset("/assets/images/services/service-4-4.jpg") }}" alt="Real Time Tracking System" class="service-card-three__image">
                        <div class="service-card-three__icon-box">
                            <span class="service-card-three__icon"><i class="icon-order-tracking"></i></span>
                        </div><!-- /.service-card-three__icon-box -->
                        <div class="service-card-three__show">
                            <div class="service-card-three__show__inner">
                                <span class="service-card-three__number">Service</span>
                                <h3 class="service-card-three__title"><a href="{{ url("service-d-real-time-tracking") }}">Real Time Tracking System</a></h3>
                            </div><!-- /.service-card-three__show__inner -->
                            <a href="{{ url("service-d-real-time-tracking") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__show -->
                        <div class="service-card-three__hide">
                            <span class="service-card-three__number">Service</span>
                            <h3 class="service-card-three__title"><a href="{{ url("service-d-real-time-tracking") }}">Real Time Tracking System</a></h3>
                            <p class="service-card-three__text">Mistaken idea of denouncing pleasure and praising pain was born and I will.</p><!-- /.service-card-three__text -->
                            <a href="{{ url("service-d-real-time-tracking") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__hide -->
                    </div><!-- /.service-card-three -->
                </div><!-- /.item -->
                <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                    <div class="service-card-three">
                        <img src="{{ asset("/assets/images/services/service-4-5.jpg") }}" alt="One Step Solutions" class="service-card-three__image">
                        <div class="service-card-three__icon-box">
                            <span class="service-card-three__icon"><i class="icon-solution"></i></span>
                        </div><!-- /.service-card-three__icon-box -->
                        <div class="service-card-three__show">
                            <div class="service-card-three__show__inner">
                                <span class="service-card-three__number">Service</span>
                                <h3 class="service-card-three__title"><a href="{{ url("service-d-one-step-solutions") }}">One Step Solutions</a></h3>
                            </div><!-- /.service-card-three__show__inner -->
                            <a href="{{ url("service-d-one-step-solutions") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__show -->
                        <div class="service-card-three__hide">
                            <span class="service-card-three__number">Service</span>
                            <h3 class="service-card-three__title"><a href="{{ url("service-d-one-step-solutions") }}">One Step Solutions</a></h3>
                            <p class="service-card-three__text">Continually myocardinate holistic mindshare with client-based web.</p><!-- /.service-card-three__text -->
                            <a href="{{ url("service-d-one-step-solutions") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__hide -->
                    </div><!-- /.service-card-three -->
                </div><!-- /.item -->
                <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                    <div class="service-card-three">
                        <img src="{{ asset("/assets/images/services/service-4-6.jpg") }}" alt="24/7 Important Service " class="service-card-three__image">
                        <div class="service-card-three__icon-box">
                            <span class="service-card-three__icon"><i class="icon-7"></i></span>
                        </div><!-- /.service-card-three__icon-box -->
                        <div class="service-card-three__show">
                            <div class="service-card-three__show__inner">
                                <span class="service-card-three__number">Service</span>
                                <h3 class="service-card-three__title"><a href="{{ url("service-d-24-7-important") }}">24/7 Important Service </a></h3>
                            </div><!-- /.service-card-three__show__inner -->
                            <a href="{{ url("service-d-24-7-important") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__show -->
                        <div class="service-card-three__hide">
                            <span class="service-card-three__number">Service</span>
                            <h3 class="service-card-three__title"><a href="{{ url("service-d-24-7-important") }}">24/7 Important Service </a></h3>
                            <p class="service-card-three__text">Phosfluorescently maintain wireless scenarios after intermandated.</p><!-- /.service-card-three__text -->
                            <a href="{{ url("service-d-24-7-important") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__hide -->
                    </div><!-- /.service-card-three -->
                </div><!-- /.item -->
                <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                    <div class="service-card-three">
                        <img src="{{ asset("/assets/images/services/service-4-1.jpg") }}" alt="On-Time Delivery Service" class="service-card-three__image">
                        <div class="service-card-three__icon-box">
                            <span class="service-card-three__icon"><i class="icon-transport"></i></span>
                        </div><!-- /.service-card-three__icon-box -->
                        <div class="service-card-three__show">
                            <div class="service-card-three__show__inner">
                                <span class="service-card-three__number">Service</span>
                                <h3 class="service-card-three__title"><a href="{{ url("service-d-on-time-delivery") }}">On-Time Delivery Service</a></h3>
                            </div><!-- /.service-card-three__show__inner -->
                            <a href="{{ url("service-d-on-time-delivery") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__show -->
                        <div class="service-card-three__hide">
                            <span class="service-card-three__number">Service</span>
                            <h3 class="service-card-three__title"><a href="{{ url("service-d-on-time-delivery") }}">On-Time Delivery Service</a></h3>
                            <p class="service-card-three__text">There are many variations of passages about of Lorem Ipsum avalable, but the.</p><!-- /.service-card-three__text -->
                            <a href="{{ url("service-d-on-time-delivery") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__hide -->
                    </div><!-- /.service-card-three -->
                </div><!-- /.item -->
                <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                    <div class="service-card-three">
                        <img src="{{ asset("/assets/images/services/service-4-2.jpg") }}" alt="Worldwide Transport" class="service-card-three__image">
                        <div class="service-card-three__icon-box">
                            <span class="service-card-three__icon"><i class="icon-plane"></i></span>
                        </div><!-- /.service-card-three__icon-box -->
                        <div class="service-card-three__show">
                            <div class="service-card-three__show__inner">
                                <span class="service-card-three__number">Service</span>
                                <h3 class="service-card-three__title"><a href="{{ url("service-d-worldwide-transport") }}">Worldwide Transport</a></h3>
                            </div><!-- /.service-card-three__show__inner -->
                            <a href="{{ url("service-d-worldwide-transport") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__show -->
                        <div class="service-card-three__hide">
                            <span class="service-card-three__number">Service</span>
                            <h3 class="service-card-three__title"><a href="{{ url("service-d-worldwide-transport") }}">Worldwide Transport</a></h3>
                            <p class="service-card-three__text">It is pleasure, but because those who do not know how to pursue pleasure.</p><!-- /.service-card-three__text -->
                            <a href="{{ url("service-d-worldwide-transport") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__hide -->
                    </div><!-- /.service-card-three -->
                </div><!-- /.item -->
                <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                    <div class="service-card-three">
                        <img src="{{ asset("/assets/images/services/service-4-3.jpg") }}" alt="Safety & Reliable Service" class="service-card-three__image">
                        <div class="service-card-three__icon-box">
                            <span class="service-card-three__icon"><i class="icon-boat"></i></span>
                        </div><!-- /.service-card-three__icon-box -->
                        <div class="service-card-three__show">
                            <div class="service-card-three__show__inner">
                                <span class="service-card-three__number">Service</span>
                                <h3 class="service-card-three__title"><a href="{{ url("service-d-safety-reliable") }}">Safety & Reliable Service</a></h3>
                            </div><!-- /.service-card-three__show__inner -->
                            <a href="{{ url("service-d-safety-reliable") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__show -->
                        <div class="service-card-three__hide">
                            <span class="service-card-three__number">Service</span>
                            <h3 class="service-card-three__title"><a href="{{ url("service-d-safety-reliable") }}">Safety & Reliable Service</a></h3>
                            <p class="service-card-three__text">There are many variations of passages of Lorem Ipsum avalab but the majority.</p><!-- /.service-card-three__text -->
                            <a href="{{ url("service-d-safety-reliable") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__hide -->
                    </div><!-- /.service-card-three -->
                </div><!-- /.item -->
                <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                    <div class="service-card-three">
                        <img src="{{ asset("/assets/images/services/service-4-4.jpg") }}" alt="Real Time Tracking System" class="service-card-three__image">
                        <div class="service-card-three__icon-box">
                            <span class="service-card-three__icon"><i class="icon-order-tracking"></i></span>
                        </div><!-- /.service-card-three__icon-box -->
                        <div class="service-card-three__show">
                            <div class="service-card-three__show__inner">
                                <span class="service-card-three__number">Service</span>
                                <h3 class="service-card-three__title"><a href="{{ url("service-d-real-time-tracking") }}">Real Time Tracking System</a></h3>
                            </div><!-- /.service-card-three__show__inner -->
                            <a href="{{ url("service-d-real-time-tracking") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__show -->
                        <div class="service-card-three__hide">
                            <span class="service-card-three__number">Service</span>
                            <h3 class="service-card-three__title"><a href="{{ url("service-d-real-time-tracking") }}">Real Time Tracking System</a></h3>
                            <p class="service-card-three__text">Mistaken idea of denouncing pleasure and praising pain was born and I will.</p><!-- /.service-card-three__text -->
                            <a href="{{ url("service-d-real-time-tracking") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__hide -->
                    </div><!-- /.service-card-three -->
                </div><!-- /.item -->
                <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                    <div class="service-card-three">
                        <img src="{{ asset("/assets/images/services/service-4-5.jpg") }}" alt="One Step Solutions" class="service-card-three__image">
                        <div class="service-card-three__icon-box">
                            <span class="service-card-three__icon"><i class="icon-solution"></i></span>
                        </div><!-- /.service-card-three__icon-box -->
                        <div class="service-card-three__show">
                            <div class="service-card-three__show__inner">
                                <span class="service-card-three__number">Service</span>
                                <h3 class="service-card-three__title"><a href="{{ url("service-d-one-step-solutions") }}">One Step Solutions</a></h3>
                            </div><!-- /.service-card-three__show__inner -->
                            <a href="{{ url("service-d-one-step-solutions") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__show -->
                        <div class="service-card-three__hide">
                            <span class="service-card-three__number">Service</span>
                            <h3 class="service-card-three__title"><a href="{{ url("service-d-one-step-solutions") }}">One Step Solutions</a></h3>
                            <p class="service-card-three__text">Continually myocardinate holistic mindshare with client-based web.</p><!-- /.service-card-three__text -->
                            <a href="{{ url("service-d-one-step-solutions") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__hide -->
                    </div><!-- /.service-card-three -->
                </div><!-- /.item -->
                <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                    <div class="service-card-three">
                        <img src="{{ asset("/assets/images/services/service-4-6.jpg") }}" alt="24/7 Important Service " class="service-card-three__image">
                        <div class="service-card-three__icon-box">
                            <span class="service-card-three__icon"><i class="icon-7"></i></span>
                        </div><!-- /.service-card-three__icon-box -->
                        <div class="service-card-three__show">
                            <div class="service-card-three__show__inner">
                                <span class="service-card-three__number">Service</span>
                                <h3 class="service-card-three__title"><a href="{{ url("service-d-24-7-important") }}">24/7 Important Service </a></h3>
                            </div><!-- /.service-card-three__show__inner -->
                            <a href="{{ url("service-d-24-7-important") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__show -->
                        <div class="service-card-three__hide">
                            <span class="service-card-three__number">Service</span>
                            <h3 class="service-card-three__title"><a href="{{ url("service-d-24-7-important") }}">24/7 Important Service </a></h3>
                            <p class="service-card-three__text">Phosfluorescently maintain wireless scenarios after intermandated.</p><!-- /.service-card-three__text -->
                            <a href="{{ url("service-d-24-7-important") }}" class="transwide-btn">
                                <span class="transwide-btn__text transwide-btn__text--1">Read More</span>
                                <span class="transwide-btn__text transwide-btn__text--2">Read More</span>
                            </a><!-- /.transwide-btn -->
                        </div><!-- /.service-card-three__hide -->
                    </div><!-- /.service-card-three -->
                </div><!-- /.item -->
            </div><!-- /.services-page__carousel -->
        </div><!-- /.container -->
    </section><!-- /.services-page section-space -->

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