@extends('layouts.layout4onepage')
@section('title', 'Home Four Onepage || Transwide || Professional Transportation & Logistics Laravel Template')
@php
    $css = '<link rel="stylesheet" href="' . asset('assets/css/color-3.css') . '"/>';
            
@endphp

@section('content')

        <section class="main-slider-four" id="home">
            <div class="main-slider-four__carousel transwide-owl__carousel transwide-owl__carousel--basic-nav owl-carousel owl-theme" data-owl-options='{
                "items": 1,
                "margin": 0,
                "animateIn": "fadeIn",
                "animateOut": "fadeOut",
                "loop": true,
                "smartSpeed": 700,
                "nav": true,
                "dots": false,
                "autoplay": true,
                "navText": ["Prev","Next"]
            }'>
                <div class="main-slider-four__item">
                    <div class="main-slider-four__bg" style="background-image: url(assets/images/backgrounds/main-slider-bg-4-1.jpg);"></div>
                    <!-- /.main-slider-four__bg -->
                    <div class="main-slider-four__overlay"></div><!-- /.main-slider-four__overlay -->
                    <div class="container">
                        <div class="row gutter-y-60">
                            <div class="col-xl-7 col-lg-8 col-md-11">
                                <div class="main-slider-four__content">
                                    <h2 class="main-slider-four__title">
                                        <span class="main-slider-four__title__inner">
                                            Best Logistic & <br> Transport Service <br> Available Here
                                        </span>
                                    </h2><!-- /.title -->
                                    <div class="main-slider-four__border"></div><!-- /.main-slider-four__border -->
                                    <div class="main-slider-four__description">
                                        <p class="main-slider-four__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 class="main-slider-four__button">
                                        <div class="main-slider-four__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 class="main-slider-four__video">
                                            <a href="https://www.youtube.com/watch?v=h9MbznbxlLc" class="video-btn video-popup">
                                                <i class="fas fa-play"></i>
                                                <span class="video-btn__ripple"></span>
                                            </a><!-- /.video-btn -->
                                            <img src="{{ asset("/assets/images/main-slider/main-slider-4-1.jpg") }}" alt="video" class="main-slider-four__video__image">
                                        </div><!-- /.main-slider-four__video -->
                                    </div><!-- /.button -->
                                    <div class="main-slider-four__content__shape"></div><!-- /.content-shape -->
                                </div><!-- /.main-slider-four__content -->
                            </div><!-- /.col-xl-7 col-lg-8 col-md-11 -->
                        </div><!-- /.row gutter-y-60 -->
                    </div><!-- /.container -->
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-4-1.png") }}" alt="shape" class="main-slider-four__shape-1">
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-4-2.png") }}" alt="shape" class="main-slider-four__shape-2">
                    <div class="main-slider-four__shape-3"></div>
                </div><!-- /.main-slider-four__item -->
                <div class="main-slider-four__item">
                    <div class="main-slider-four__bg" style="background-image: url(assets/images/backgrounds/main-slider-bg-4-2.jpg);"></div>
                    <!-- /.main-slider-four__bg -->
                    <div class="main-slider-four__overlay"></div><!-- /.main-slider-four__overlay -->
                    <div class="container">
                        <div class="row gutter-y-60">
                            <div class="col-xl-7 col-lg-8 col-md-11">
                                <div class="main-slider-four__content">
                                    <h2 class="main-slider-four__title">
                                        <span class="main-slider-four__title__inner">
                                            Best Logistic & <br> Transport Service <br> Available Here
                                        </span>
                                    </h2><!-- /.title -->
                                    <div class="main-slider-four__border"></div><!-- /.main-slider-four__border -->
                                    <div class="main-slider-four__description">
                                        <p class="main-slider-four__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 class="main-slider-four__button">
                                        <div class="main-slider-four__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 class="main-slider-four__video">
                                            <a href="https://www.youtube.com/watch?v=h9MbznbxlLc" class="video-btn video-popup">
                                                <i class="fas fa-play"></i>
                                                <span class="video-btn__ripple"></span>
                                            </a><!-- /.video-btn -->
                                            <img src="{{ asset("/assets/images/main-slider/main-slider-4-1.jpg") }}" alt="video" class="main-slider-four__video__image">
                                        </div><!-- /.main-slider-four__video -->
                                    </div><!-- /.button -->
                                    <div class="main-slider-four__content__shape"></div><!-- /.content-shape -->
                                </div><!-- /.main-slider-four__content -->
                            </div><!-- /.col-xl-7 col-lg-8 col-md-11 -->
                        </div><!-- /.row gutter-y-60 -->
                    </div><!-- /.container -->
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-4-1.png") }}" alt="shape" class="main-slider-four__shape-1">
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-4-2.png") }}" alt="shape" class="main-slider-four__shape-2">
                    <div class="main-slider-four__shape-3"></div>
                </div><!-- /.main-slider-four__item -->
                <div class="main-slider-four__item">
                    <div class="main-slider-four__bg" style="background-image: url(assets/images/backgrounds/main-slider-bg-4-3.jpg);"></div>
                    <!-- /.main-slider-four__bg -->
                    <div class="main-slider-four__overlay"></div><!-- /.main-slider-four__overlay -->
                    <div class="container">
                        <div class="row gutter-y-60">
                            <div class="col-xl-7 col-lg-8 col-md-11">
                                <div class="main-slider-four__content">
                                    <h2 class="main-slider-four__title">
                                        <span class="main-slider-four__title__inner">
                                            Best Logistic & <br> Transport Service <br> Available Here
                                        </span>
                                    </h2><!-- /.title -->
                                    <div class="main-slider-four__border"></div><!-- /.main-slider-four__border -->
                                    <div class="main-slider-four__description">
                                        <p class="main-slider-four__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 class="main-slider-four__button">
                                        <div class="main-slider-four__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 class="main-slider-four__video">
                                            <a href="https://www.youtube.com/watch?v=h9MbznbxlLc" class="video-btn video-popup">
                                                <i class="fas fa-play"></i>
                                                <span class="video-btn__ripple"></span>
                                            </a><!-- /.video-btn -->
                                            <img src="{{ asset("/assets/images/main-slider/main-slider-4-1.jpg") }}" alt="video" class="main-slider-four__video__image">
                                        </div><!-- /.main-slider-four__video -->
                                    </div><!-- /.button -->
                                    <div class="main-slider-four__content__shape"></div><!-- /.content-shape -->
                                </div><!-- /.main-slider-four__content -->
                            </div><!-- /.col-xl-7 col-lg-8 col-md-11 -->
                        </div><!-- /.row gutter-y-60 -->
                    </div><!-- /.container -->
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-4-1.png") }}" alt="shape" class="main-slider-four__shape-1">
                    <img src="{{ asset("/assets/images/shapes/main-slider-shape-4-2.png") }}" alt="shape" class="main-slider-four__shape-2">
                    <div class="main-slider-four__shape-3"></div>
                </div><!-- /.main-slider-four__item -->
            </div><!-- /.main-slider-four__carousel -->
        </section><!-- /.main-slider-four -->
        <section class="about-four section-space" id="about">
            <div class="container">
                <div class="row gutter-y-40">
                    <div class="col-xl-9">
                        <div class="about-four__content">
                            <div class="sec-title  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-4.png") }}" alt="About Us" class="sec-title__shape">
                                </div><!-- /.sec-title__top -->
                                <h3 class="sec-title__title">Smart Transport <br> Solutions Company</h3><!-- /.sec-title__title -->
                            </div><!-- /.sec-title -->
                            <div class="about-four__info">
                                <div class="about-four__experience wow fadeInUp" data-wow-duration="1500ms" style="background-image: url(assets/images/shapes/about-shape-4-1.png);">
                                    <h3 class="about-four__experience__title">40+ Year of <br> Experience</h3>
                                </div><!-- /.about-four__experience -->
                                <div class="about-four__faq wow fadeInUp" data-wow-duration="1500ms">
                                    <div class="faq-accordion transwide-accordion" data-grp-name="transwide-accordion">
                                        <div class="accordion active">
                                            <div class="accordion-title">
                                                <h4>
                                                    About Company
                                                    <span class="accordion-icon"><i class="icon-arrow-up"></i></span>
                                                </h4>
                                            </div><!-- /.accordion-title -->
                                            <div class="accordion-content">
                                                <div class="inner">
                                                    <p>There are many variations of passages about of Lorem Ipsum avalable, but
                                                        the majority have suffered alteration free in some form,randomised.</p>
                                                </div><!-- /.inner -->
                                            </div><!-- /.accordion-content -->
                                        </div><!-- /.accordion-item -->
                                        <div class="accordion">
                                            <div class="accordion-title">
                                                <h4>
                                                    Our Mission & Vission
                                                    <span class="accordion-icon"><i class="icon-arrow-up"></i></span>
                                                </h4>
                                            </div><!-- /.accordion-title -->
                                            <div class="accordion-content">
                                                <div class="inner">
                                                    <p>Bring to the table win-win survival strategies to ensure proactive
                                                        domination. At the end of the day, going forward, a new normal that has
                                                        evolved from generation X is on.</p>
                                                </div><!-- /.inner -->
                                            </div><!-- /.accordion-content -->
                                        </div><!-- /.accordion-item -->
                                    </div><!-- /.faq-accordion -->
                                </div><!-- /.about-four__faq -->
                            </div><!-- /.about-four__info -->
                            <div class="about-four__image">
                                <img src="{{ asset("/assets/images/about/about-4-1.jpg") }}" alt="about">
                                <div class="about-four__product">
                                    <div class="about-four__product__icon-box">
                                        <span class="about-four__product__icon"><i class="icon-product"></i></span>
                                    </div><!-- /.about-four__product__icon-box -->
                                    <div class="about-four__product__content">
                                        <p class="about-four__product__title">Product <br> Transport</p>
                                        <h4 class="about-four__product__count count-box">
                                            <span class="count-text" data-stop="230" data-speed="1500">0</span>
                                            <span>K</span>
                                        </h4>
                                    </div><!-- /.about-four__product__content -->
                                </div><!-- /.about-four__product -->
                            </div><!-- /.about-four__image -->
                            <div class="about-four__button wow fadeInUp" data-wow-duration="1500ms">
                                <a href="{{ url("contact") }}" 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><!-- /.about-four__button -->
                            <img src="{{ asset("/assets/images/shapes/about-shape-4-2.png") }}" alt="shape" class="about-four__shape">
                        </div><!-- /.about-four__content -->
                    </div><!-- /.col-xl-9 -->
                    <div class="col-xl-3">
                        <div class="about-four__skill wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                            <div class="about-four__skill__inner">
                                <div class="progress-box">
                                    <h4 class="progress-box__title">Experience</h4>
                                    <div class="progress-box__bar">
                                        <div class="progress-box__bar__inner count-bar" data-percent="80%">
                                            <div class="progress-box__number count-text">80%</div>
                                        </div>
                                    </div>
                                </div><!-- /.skills-item -->
                                <div class="progress-box">
                                    <h4 class="progress-box__title">Warehouse Full</h4>
                                    <div class="progress-box__bar">
                                        <div class="progress-box__bar__inner count-bar" data-percent="70%">
                                            <div class="progress-box__number count-text">70%</div>
                                        </div>
                                    </div>
                                </div><!-- /.skills-item -->
                            </div><!-- /.about-four__skill__inner -->
                            <img src="{{ asset("/assets/images/shapes/about-shape-4-3.png") }}" alt="shape" class="about-four__skill__shape">
                        </div><!-- /.about-four__skill -->
                    </div><!-- /.col-xl-3 -->
                </div><!-- /.row gutter-y-40 -->
            </div><!-- /.container -->
        </section><!-- /.about-four section-space -->
        <section class="services-four section-space" id="services">
            <div class="services-four__bg" style="background-image: url(assets/images/shapes/services-bg-shape-4-1.png);"></div>
            <!-- /.services-four__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">Our Services</h6><!-- /.sec-title__tagline -->
                        <img src="{{ asset("/assets/images/shapes/sec-title-shape-1-4.png") }}" alt="Our Services" class="sec-title__shape">
                    </div><!-- /.sec-title__top -->
                    <h3 class="sec-title__title">We’re Providing Best <br> Service To Clients</h3><!-- /.sec-title__title -->
                </div><!-- /.sec-title -->
                <div class="services-four__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-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-four__carousel -->
            </div><!-- /.container -->
        </section><!-- /.services-four section-space -->
        <section class="projects-four section-space" id="projects">
            <div class="projects-four__bg">
                <div class="projects-four__bg__inner transwide-jarallax" data-jarallax data-speed="0.3s" style="background-image: url(assets/images/backgrounds/projects-bg-4-1.jpg);"></div>
            </div><!-- /.projects-four__bg -->
            <div class="container">
                <div class="row gutter-y-30">
                    <div class="col-xl-7 ms-xl-auto">
                        <div class="projects-four__wrapper">
                            <div class="sec-title  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-4.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="transwide-stretch-element-inside-column">
                                <div class="projects-four__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,
                                    "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.5
                                        },
                                        "768":{
                                            "items": 2.1
                                        },
                                        "992":{
                                            "items": 2.4
                                        },
                                        "1200":{
                                            "items": 2
                                        },
                                        "1300":{
                                            "items": 2.1
                                        },
                                        "1400":{
                                            "items": 2.15
                                        },
                                        "1600":{
                                            "items": 2.4
                                        },
                                        "1800":{
                                            "items": 2.54
                                        }
                                    }
                                    }'>
                                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                                        <div class="projects-four__item">
                                            <div class="projects-four__item__image">
                                                <img src="{{ asset("/assets/images/projects/project-4-1.jpg") }}" alt="project">
                                                <img src="{{ asset("/assets/images/projects/project-4-1.jpg") }}" alt="project">
                                            </div><!-- /.projects-four__item__image -->
                                            <div class="projects-four__item__content">
                                                <div class="projects-four__item__inner">
                                                    <div class="projects-four__item__text">
                                                        <p class="projects-four__item__category">Warehouse</p>
                                                        <h3 class="projects-four__item__title">
                                                            <a href="{{ url("project-details") }}">Industrial Worker</a>
                                                        </h3>
                                                    </div><!-- /.projects-four__item__text -->
                                                    <a href="{{ url("project-details") }}" class="projects-four__item__btn">
                                                        <span class="projects-four__item__icon"><i class="icon-arrow-down"></i></span>
                                                    </a><!-- /.projects-four__item__btn -->
                                                </div><!-- /.projects-four__item__inner -->
                                            </div><!-- /.projects-four__item__content -->
                                        </div><!-- /.projects-four__item -->
                                    </div><!-- /.owl-slide-item -->
                                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                                        <div class="projects-four__item">
                                            <div class="projects-four__item__image">
                                                <img src="{{ asset("/assets/images/projects/project-4-2.jpg") }}" alt="project">
                                                <img src="{{ asset("/assets/images/projects/project-4-2.jpg") }}" alt="project">
                                            </div><!-- /.projects-four__item__image -->
                                            <div class="projects-four__item__content">
                                                <div class="projects-four__item__inner">
                                                    <div class="projects-four__item__text">
                                                        <p class="projects-four__item__category">Transport</p>
                                                        <h3 class="projects-four__item__title">
                                                            <a href="{{ url("project-details") }}">Logistics Cargo</a>
                                                        </h3>
                                                    </div><!-- /.projects-four__item__text -->
                                                    <a href="{{ url("project-details") }}" class="projects-four__item__btn">
                                                        <span class="projects-four__item__icon"><i class="icon-arrow-down"></i></span>
                                                    </a><!-- /.projects-four__item__btn -->
                                                </div><!-- /.projects-four__item__inner -->
                                            </div><!-- /.projects-four__item__content -->
                                        </div><!-- /.projects-four__item -->
                                    </div><!-- /.owl-slide-item -->
                                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                                        <div class="projects-four__item">
                                            <div class="projects-four__item__image">
                                                <img src="{{ asset("/assets/images/projects/project-4-3.jpg") }}" alt="project">
                                                <img src="{{ asset("/assets/images/projects/project-4-3.jpg") }}" alt="project">
                                            </div><!-- /.projects-four__item__image -->
                                            <div class="projects-four__item__content">
                                                <div class="projects-four__item__inner">
                                                    <div class="projects-four__item__text">
                                                        <p class="projects-four__item__category">Shipping</p>
                                                        <h3 class="projects-four__item__title">
                                                            <a href="{{ url("project-details") }}">Global Cargo</a>
                                                        </h3>
                                                    </div><!-- /.projects-four__item__text -->
                                                    <a href="{{ url("project-details") }}" class="projects-four__item__btn">
                                                        <span class="projects-four__item__icon"><i class="icon-arrow-down"></i></span>
                                                    </a><!-- /.projects-four__item__btn -->
                                                </div><!-- /.projects-four__item__inner -->
                                            </div><!-- /.projects-four__item__content -->
                                        </div><!-- /.projects-four__item -->
                                    </div><!-- /.owl-slide-item -->
                                </div><!-- /.projects-four__carousel -->
                            </div><!-- /.transwide-stretch-element-inside-column -->
                        </div><!-- /.projects-four__wrapper -->
                    </div><!-- /.col-xl-7 ms-xl-auto -->
                </div><!-- /.row gutter-y-30 -->
                <div class="projects-four__content">
                    <div class="projects-four__inner">
                        <div class="projects-four__image">
                            <img src="{{ asset("/assets/images/shapes/projects-shape-4-1.png") }}" alt="shape">
                        </div><!-- /.projects-four__image -->
                        <h3 class="projects-four__title">Smart Logistics & <br> Transport Solutions <br> Company</h3>
                        <!-- /.projects-four__title -->
                        <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><!-- /.projects-four__inner -->
                </div><!-- /.projects-four__content -->
            </div><!-- /.container -->
        </section><!-- /.projects-four section-space -->
        <section class="testimonials-four section-space-top" id="testimonials">
            <div class="container">
                <div class="row">
                    <div class="col-xl-8">
                        <div class="testimonials-four__title">
                            <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-4.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="testimonials-four__custome-navs"></div><!-- /.testimonials-four__custome-navs -->
                        </div><!-- /.testimonials-four__title -->
                    </div><!-- /.col-xl-8 -->
                </div><!-- /.row -->
                <div class="testimonials-four__carousel transwide-owl__carousel transwide-owl__carousel--with-shadow transwide-owl__carousel--basic-nav owl-carousel owl-theme" data-owl-options='{
                    "items": 1,
                    "margin": 10,
                    "loop": true,
                    "smartSpeed": 700,
                    "nav": true,
                    "dots": false,
                    "autoplay": true,
                    "navContainer": ".testimonials-four__custome-navs",
                    "navText": ["<i class=\"icon-left-arrow\"></i>","<i class=\"icon-right-arrow\"></i>"]
                    }'>
                    <div class="item">
                        <div class="testimonials-four__item">
                            <div class="testimonials-four__item__info">
                                <div class="testimonials-four__item__image">
                                    <img src="{{ asset("/assets/images/testimonials/testimonial-3-1.png") }}" alt="Robert Smith">
                                </div><!-- /.testimonials-four__item__image -->
                                <div class="testimonials-four__item__identity">
                                    <h3 class="testimonials-four__item__name">Robert Smith</h3>
                                    <p class="testimonials-four__item__designation">Customer</p>
                                </div><!-- /.testimonials-four__item__identity -->
                            </div><!-- /.testimonials-four__item__info -->
                            <div class="testimonials-four__item__text">
                                <p class="testimonials-four__item__quote">
                                    There are many variations of passages of Lorem Ipsum available, but the majority have
                                    suffered alteration.
                                </p><!-- /.testimonials-four__item__quote -->
                                <div class="testimonials-four__item__icon-box">
                                    <span class="testimonials-four__item__icon"><i class="icon-quote"></i></span>
                                </div><!-- /.testimonials-four__item__icon-box -->
                            </div><!-- /.testimonials-four__item__text -->
                        </div><!-- /.testimonials-four__item -->
                    </div><!-- /.item -->
                    <div class="item">
                        <div class="testimonials-four__item">
                            <div class="testimonials-four__item__info">
                                <div class="testimonials-four__item__image">
                                    <img src="{{ asset("/assets/images/testimonials/testimonial-3-2.png") }}" alt="Mike Hardson">
                                </div><!-- /.testimonials-four__item__image -->
                                <div class="testimonials-four__item__identity">
                                    <h3 class="testimonials-four__item__name">Mike Hardson</h3>
                                    <p class="testimonials-four__item__designation">Customer</p>
                                </div><!-- /.testimonials-four__item__identity -->
                            </div><!-- /.testimonials-four__item__info -->
                            <div class="testimonials-four__item__text">
                                <p class="testimonials-four__item__quote">
                                    It is a long established fact that a reader will be distracted by the readable content of a
                                    page when looking at its layout the point.
                                </p><!-- /.testimonials-four__item__quote -->
                                <div class="testimonials-four__item__icon-box">
                                    <span class="testimonials-four__item__icon"><i class="icon-quote"></i></span>
                                </div><!-- /.testimonials-four__item__icon-box -->
                            </div><!-- /.testimonials-four__item__text -->
                        </div><!-- /.testimonials-four__item -->
                    </div><!-- /.item -->
                    <div class="item">
                        <div class="testimonials-four__item">
                            <div class="testimonials-four__item__info">
                                <div class="testimonials-four__item__image">
                                    <img src="{{ asset("/assets/images/testimonials/testimonial-3-3.png") }}" alt="David Cooper">
                                </div><!-- /.testimonials-four__item__image -->
                                <div class="testimonials-four__item__identity">
                                    <h3 class="testimonials-four__item__name">David Cooper</h3>
                                    <p class="testimonials-four__item__designation">Customer</p>
                                </div><!-- /.testimonials-four__item__identity -->
                            </div><!-- /.testimonials-four__item__info -->
                            <div class="testimonials-four__item__text">
                                <p class="testimonials-four__item__quote">
                                    Thanks for taking the time to make the website, but i already made it in wix labrador. What
                                    is a hamburger menu the target.
                                </p><!-- /.testimonials-four__item__quote -->
                                <div class="testimonials-four__item__icon-box">
                                    <span class="testimonials-four__item__icon"><i class="icon-quote"></i></span>
                                </div><!-- /.testimonials-four__item__icon-box -->
                            </div><!-- /.testimonials-four__item__text -->
                        </div><!-- /.testimonials-four__item -->
                    </div><!-- /.item -->
                </div><!-- /.testimonials-four__carousel -->
            </div><!-- /.container -->
        </section><!-- /.testimonials-four section-space-top -->
        <section class="workflow-process-two section-space">
            <div class="workflow-process-two__bg" style="background-image: url(assets/images/shapes/workflow-process-bg-shape-2-1.png);"></div>
            <div class="container">
                <div class="sec-title  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-4.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">
                    <div class="col-xl-10">
                        <div class="workflow-process-two__grid">
                            <img src="{{ asset("/assets/images/shapes/workflow-process-shape-2-4.png") }}" alt="shape" class="workflow-process-two__grid__shape">
                            <div class="workflow-process-two__card wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                                <div class="workflow-process-two__card__inner">
                                    <div class="workflow-process-two__card__icon-box">
                                        <span class="workflow-process-two__card__icon"><i class="icon-package"></i></span>
                                    </div><!-- /.workflow-process-two__card__icon-box -->
                                    <h3 class="workflow-process-two__card__title">Replenishment <br> and Picking</h3><!-- /.workflow-process-two__card__title -->
                                </div><!-- /.workflow-process-two__card__inner -->
                                <p class="workflow-process-two__card__text">
                                    There are many variations of psges about of Lorem Ipsum avalable, but the majority have.
                                </p><!-- /.workflow-process-two__card__text -->
                            </div><!-- /.workflow-process-two__card -->
                            <div class="workflow-process-two__card wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                                <div class="workflow-process-two__card__inner">
                                    <div class="workflow-process-two__card__icon-box">
                                        <span class="workflow-process-two__card__icon"><i class="icon-warehouse"></i></span>
                                    </div><!-- /.workflow-process-two__card__icon-box -->
                                    <h3 class="workflow-process-two__card__title">Warehousing <br> Operation</h3><!-- /.workflow-process-two__card__title -->
                                </div><!-- /.workflow-process-two__card__inner -->
                                <p class="workflow-process-two__card__text">
                                    Sea change proceduralize we need this overall to be busier and more active old boys club.
                                </p><!-- /.workflow-process-two__card__text -->
                            </div><!-- /.workflow-process-two__card -->
                            <div class="workflow-process-two__card wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                                <div class="workflow-process-two__card__inner">
                                    <div class="workflow-process-two__card__icon-box">
                                        <span class="workflow-process-two__card__icon"><i class="icon-cargo-truck"></i></span>
                                    </div><!-- /.workflow-process-two__card__icon-box -->
                                    <h3 class="workflow-process-two__card__title">Transportation <br> Process</h3><!-- /.workflow-process-two__card__title -->
                                </div><!-- /.workflow-process-two__card__inner -->
                                <p class="workflow-process-two__card__text">
                                    Productize the deliverables and focus on the bottom line but what's the real problem we're.
                                </p><!-- /.workflow-process-two__card__text -->
                            </div><!-- /.workflow-process-two__card -->
                        </div><!-- /.workflow-process-two__grid -->
                    </div><!-- /.col-xl-10 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
            <img src="{{ asset("/assets/images/shapes/workflow-process-shape-2-1.png") }}" alt="shape" class="workflow-process-two__shape-1">
            <img src="{{ asset("/assets/images/shapes/workflow-process-shape-2-2.png") }}" alt="shape" class="workflow-process-two__shape-2">
            <div class="workflow-process-two__shape-3" style="background-image: url(assets/images/resources/workflow-process-2-1.jpg);">
                <img src="{{ asset("/assets/images/shapes/workflow-process-shape-2-3.png") }}" alt="shape">
            </div><!-- /.workflow-process-two__shape-3 -->
        </section><!-- /.workflow-process-two section-space -->
        <section class="team-two section-space" id="team">
            <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">Our Team</h6><!-- /.sec-title__tagline -->
                        <img src="{{ asset("/assets/images/shapes/sec-title-shape-1-4.png") }}" alt="Our Team" class="sec-title__shape">
                    </div><!-- /.sec-title__top -->
                    <h3 class="sec-title__title">Meet Our Experienced <br> Team People</h3><!-- /.sec-title__title -->
                </div><!-- /.sec-title -->
                <div class="team-two__carousel transwide-owl__carousel transwide-owl__carousel--with-shadow 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="team-card-two">
                            <div class="team-card-two__image">
                                <img src="{{ asset("/assets/images/team/team-2-1.jpg") }}" alt="Mike Hardson">
                                <div class="team-card-two__identity">
                                    <div class="team-card-two__social">

                                        <a href="https://www.youtube.com">
                                            <i class="fab fa-youtube" aria-hidden="true"></i>
                                            <span class="sr-only">Youtube</span>
                                        </a>
                                        <a href="https://www.pinterest.com/">
                                            <i class="fab fa-pinterest-p" aria-hidden="true"></i>
                                            <span class="sr-only">Pinterest</span>
                                        </a>
                                        <a href="https://www.x.com">
                                            <i class="fab fa-twitter" aria-hidden="true"></i>
                                            <span class="sr-only">X</span>
                                        </a>
                                        <a href="https://www.facebook.com">
                                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                                            <span class="sr-only">Facebook</span>
                                        </a>
                                    </div><!-- /.team-card-two__social -->
                                    <div class="team-card-two__identity__inner">
                                        <h3 class="team-card-two__name"><a href="{{ url("team-details") }}">Mike Hardson</a></h3><!-- /.team-name -->
                                        <p class="team-card-two__designation">Employee</p><!-- /.team-designation -->
                                    </div><!-- /.team-card-two__identity__inner -->
                                </div><!-- /.team-card-two__identity -->
                            </div><!-- /.team-card-two__image -->
                        </div><!-- /.team-card-two -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="team-card-two">
                            <div class="team-card-two__image">
                                <img src="{{ asset("/assets/images/team/team-2-2.jpg") }}" alt="christine eve">
                                <div class="team-card-two__identity">
                                    <div class="team-card-two__social">

                                        <a href="https://www.youtube.com">
                                            <i class="fab fa-youtube" aria-hidden="true"></i>
                                            <span class="sr-only">Youtube</span>
                                        </a>
                                        <a href="https://www.pinterest.com/">
                                            <i class="fab fa-pinterest-p" aria-hidden="true"></i>
                                            <span class="sr-only">Pinterest</span>
                                        </a>
                                        <a href="https://www.x.com">
                                            <i class="fab fa-twitter" aria-hidden="true"></i>
                                            <span class="sr-only">X</span>
                                        </a>
                                        <a href="https://www.facebook.com">
                                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                                            <span class="sr-only">Facebook</span>
                                        </a>
                                    </div><!-- /.team-card-two__social -->
                                    <div class="team-card-two__identity__inner">
                                        <h3 class="team-card-two__name"><a href="{{ url("team-details") }}">christine eve</a></h3><!-- /.team-name -->
                                        <p class="team-card-two__designation">Employee</p><!-- /.team-designation -->
                                    </div><!-- /.team-card-two__identity__inner -->
                                </div><!-- /.team-card-two__identity -->
                            </div><!-- /.team-card-two__image -->
                        </div><!-- /.team-card-two -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="team-card-two">
                            <div class="team-card-two__image">
                                <img src="{{ asset("/assets/images/team/team-2-3.jpg") }}" alt="Robert Fox">
                                <div class="team-card-two__identity">
                                    <div class="team-card-two__social">

                                        <a href="https://www.youtube.com">
                                            <i class="fab fa-youtube" aria-hidden="true"></i>
                                            <span class="sr-only">Youtube</span>
                                        </a>
                                        <a href="https://www.pinterest.com/">
                                            <i class="fab fa-pinterest-p" aria-hidden="true"></i>
                                            <span class="sr-only">Pinterest</span>
                                        </a>
                                        <a href="https://www.x.com">
                                            <i class="fab fa-twitter" aria-hidden="true"></i>
                                            <span class="sr-only">X</span>
                                        </a>
                                        <a href="https://www.facebook.com">
                                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                                            <span class="sr-only">Facebook</span>
                                        </a>
                                    </div><!-- /.team-card-two__social -->
                                    <div class="team-card-two__identity__inner">
                                        <h3 class="team-card-two__name"><a href="{{ url("team-details") }}">Robert Fox</a></h3><!-- /.team-name -->
                                        <p class="team-card-two__designation">Employee</p><!-- /.team-designation -->
                                    </div><!-- /.team-card-two__identity__inner -->
                                </div><!-- /.team-card-two__identity -->
                            </div><!-- /.team-card-two__image -->
                        </div><!-- /.team-card-two -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="team-card-two">
                            <div class="team-card-two__image">
                                <img src="{{ asset("/assets/images/team/team-2-4.jpg") }}" alt="sarah albert">
                                <div class="team-card-two__identity">
                                    <div class="team-card-two__social">

                                        <a href="https://www.youtube.com">
                                            <i class="fab fa-youtube" aria-hidden="true"></i>
                                            <span class="sr-only">Youtube</span>
                                        </a>
                                        <a href="https://www.pinterest.com/">
                                            <i class="fab fa-pinterest-p" aria-hidden="true"></i>
                                            <span class="sr-only">Pinterest</span>
                                        </a>
                                        <a href="https://www.x.com">
                                            <i class="fab fa-twitter" aria-hidden="true"></i>
                                            <span class="sr-only">X</span>
                                        </a>
                                        <a href="https://www.facebook.com">
                                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                                            <span class="sr-only">Facebook</span>
                                        </a>
                                    </div><!-- /.team-card-two__social -->
                                    <div class="team-card-two__identity__inner">
                                        <h3 class="team-card-two__name"><a href="{{ url("team-details") }}">sarah albert</a></h3><!-- /.team-name -->
                                        <p class="team-card-two__designation">Employee</p><!-- /.team-designation -->
                                    </div><!-- /.team-card-two__identity__inner -->
                                </div><!-- /.team-card-two__identity -->
                            </div><!-- /.team-card-two__image -->
                        </div><!-- /.team-card-two -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="team-card-two">
                            <div class="team-card-two__image">
                                <img src="{{ asset("/assets/images/team/team-2-5.jpg") }}" alt="Courtney Henry">
                                <div class="team-card-two__identity">
                                    <div class="team-card-two__social">

                                        <a href="https://www.youtube.com">
                                            <i class="fab fa-youtube" aria-hidden="true"></i>
                                            <span class="sr-only">Youtube</span>
                                        </a>
                                        <a href="https://www.pinterest.com/">
                                            <i class="fab fa-pinterest-p" aria-hidden="true"></i>
                                            <span class="sr-only">Pinterest</span>
                                        </a>
                                        <a href="https://www.x.com">
                                            <i class="fab fa-twitter" aria-hidden="true"></i>
                                            <span class="sr-only">X</span>
                                        </a>
                                        <a href="https://www.facebook.com">
                                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                                            <span class="sr-only">Facebook</span>
                                        </a>
                                    </div><!-- /.team-card-two__social -->
                                    <div class="team-card-two__identity__inner">
                                        <h3 class="team-card-two__name"><a href="{{ url("team-details") }}">Courtney Henry</a></h3><!-- /.team-name -->
                                        <p class="team-card-two__designation">Employee</p><!-- /.team-designation -->
                                    </div><!-- /.team-card-two__identity__inner -->
                                </div><!-- /.team-card-two__identity -->
                            </div><!-- /.team-card-two__image -->
                        </div><!-- /.team-card-two -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="team-card-two">
                            <div class="team-card-two__image">
                                <img src="{{ asset("/assets/images/team/team-2-6.jpg") }}" alt="Jacob Jones">
                                <div class="team-card-two__identity">
                                    <div class="team-card-two__social">

                                        <a href="https://www.youtube.com">
                                            <i class="fab fa-youtube" aria-hidden="true"></i>
                                            <span class="sr-only">Youtube</span>
                                        </a>
                                        <a href="https://www.pinterest.com/">
                                            <i class="fab fa-pinterest-p" aria-hidden="true"></i>
                                            <span class="sr-only">Pinterest</span>
                                        </a>
                                        <a href="https://www.x.com">
                                            <i class="fab fa-twitter" aria-hidden="true"></i>
                                            <span class="sr-only">X</span>
                                        </a>
                                        <a href="https://www.facebook.com">
                                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                                            <span class="sr-only">Facebook</span>
                                        </a>
                                    </div><!-- /.team-card-two__social -->
                                    <div class="team-card-two__identity__inner">
                                        <h3 class="team-card-two__name"><a href="{{ url("team-details") }}">Jacob Jones</a></h3><!-- /.team-name -->
                                        <p class="team-card-two__designation">Employee</p><!-- /.team-designation -->
                                    </div><!-- /.team-card-two__identity__inner -->
                                </div><!-- /.team-card-two__identity -->
                            </div><!-- /.team-card-two__image -->
                        </div><!-- /.team-card-two -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="team-card-two">
                            <div class="team-card-two__image">
                                <img src="{{ asset("/assets/images/team/team-2-1.jpg") }}" alt="Mike Hardson">
                                <div class="team-card-two__identity">
                                    <div class="team-card-two__social">

                                        <a href="https://www.youtube.com">
                                            <i class="fab fa-youtube" aria-hidden="true"></i>
                                            <span class="sr-only">Youtube</span>
                                        </a>
                                        <a href="https://www.pinterest.com/">
                                            <i class="fab fa-pinterest-p" aria-hidden="true"></i>
                                            <span class="sr-only">Pinterest</span>
                                        </a>
                                        <a href="https://www.x.com">
                                            <i class="fab fa-twitter" aria-hidden="true"></i>
                                            <span class="sr-only">X</span>
                                        </a>
                                        <a href="https://www.facebook.com">
                                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                                            <span class="sr-only">Facebook</span>
                                        </a>
                                    </div><!-- /.team-card-two__social -->
                                    <div class="team-card-two__identity__inner">
                                        <h3 class="team-card-two__name"><a href="{{ url("team-details") }}">Mike Hardson</a></h3><!-- /.team-name -->
                                        <p class="team-card-two__designation">Employee</p><!-- /.team-designation -->
                                    </div><!-- /.team-card-two__identity__inner -->
                                </div><!-- /.team-card-two__identity -->
                            </div><!-- /.team-card-two__image -->
                        </div><!-- /.team-card-two -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="team-card-two">
                            <div class="team-card-two__image">
                                <img src="{{ asset("/assets/images/team/team-2-2.jpg") }}" alt="christine eve">
                                <div class="team-card-two__identity">
                                    <div class="team-card-two__social">

                                        <a href="https://www.youtube.com">
                                            <i class="fab fa-youtube" aria-hidden="true"></i>
                                            <span class="sr-only">Youtube</span>
                                        </a>
                                        <a href="https://www.pinterest.com/">
                                            <i class="fab fa-pinterest-p" aria-hidden="true"></i>
                                            <span class="sr-only">Pinterest</span>
                                        </a>
                                        <a href="https://www.x.com">
                                            <i class="fab fa-twitter" aria-hidden="true"></i>
                                            <span class="sr-only">X</span>
                                        </a>
                                        <a href="https://www.facebook.com">
                                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                                            <span class="sr-only">Facebook</span>
                                        </a>
                                    </div><!-- /.team-card-two__social -->
                                    <div class="team-card-two__identity__inner">
                                        <h3 class="team-card-two__name"><a href="{{ url("team-details") }}">christine eve</a></h3><!-- /.team-name -->
                                        <p class="team-card-two__designation">Employee</p><!-- /.team-designation -->
                                    </div><!-- /.team-card-two__identity__inner -->
                                </div><!-- /.team-card-two__identity -->
                            </div><!-- /.team-card-two__image -->
                        </div><!-- /.team-card-two -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="team-card-two">
                            <div class="team-card-two__image">
                                <img src="{{ asset("/assets/images/team/team-2-3.jpg") }}" alt="Robert Fox">
                                <div class="team-card-two__identity">
                                    <div class="team-card-two__social">

                                        <a href="https://www.youtube.com">
                                            <i class="fab fa-youtube" aria-hidden="true"></i>
                                            <span class="sr-only">Youtube</span>
                                        </a>
                                        <a href="https://www.pinterest.com/">
                                            <i class="fab fa-pinterest-p" aria-hidden="true"></i>
                                            <span class="sr-only">Pinterest</span>
                                        </a>
                                        <a href="https://www.x.com">
                                            <i class="fab fa-twitter" aria-hidden="true"></i>
                                            <span class="sr-only">X</span>
                                        </a>
                                        <a href="https://www.facebook.com">
                                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                                            <span class="sr-only">Facebook</span>
                                        </a>
                                    </div><!-- /.team-card-two__social -->
                                    <div class="team-card-two__identity__inner">
                                        <h3 class="team-card-two__name"><a href="{{ url("team-details") }}">Robert Fox</a></h3><!-- /.team-name -->
                                        <p class="team-card-two__designation">Employee</p><!-- /.team-designation -->
                                    </div><!-- /.team-card-two__identity__inner -->
                                </div><!-- /.team-card-two__identity -->
                            </div><!-- /.team-card-two__image -->
                        </div><!-- /.team-card-two -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="team-card-two">
                            <div class="team-card-two__image">
                                <img src="{{ asset("/assets/images/team/team-2-4.jpg") }}" alt="sarah albert">
                                <div class="team-card-two__identity">
                                    <div class="team-card-two__social">

                                        <a href="https://www.youtube.com">
                                            <i class="fab fa-youtube" aria-hidden="true"></i>
                                            <span class="sr-only">Youtube</span>
                                        </a>
                                        <a href="https://www.pinterest.com/">
                                            <i class="fab fa-pinterest-p" aria-hidden="true"></i>
                                            <span class="sr-only">Pinterest</span>
                                        </a>
                                        <a href="https://www.x.com">
                                            <i class="fab fa-twitter" aria-hidden="true"></i>
                                            <span class="sr-only">X</span>
                                        </a>
                                        <a href="https://www.facebook.com">
                                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                                            <span class="sr-only">Facebook</span>
                                        </a>
                                    </div><!-- /.team-card-two__social -->
                                    <div class="team-card-two__identity__inner">
                                        <h3 class="team-card-two__name"><a href="{{ url("team-details") }}">sarah albert</a></h3><!-- /.team-name -->
                                        <p class="team-card-two__designation">Employee</p><!-- /.team-designation -->
                                    </div><!-- /.team-card-two__identity__inner -->
                                </div><!-- /.team-card-two__identity -->
                            </div><!-- /.team-card-two__image -->
                        </div><!-- /.team-card-two -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="team-card-two">
                            <div class="team-card-two__image">
                                <img src="{{ asset("/assets/images/team/team-2-5.jpg") }}" alt="Courtney Henry">
                                <div class="team-card-two__identity">
                                    <div class="team-card-two__social">

                                        <a href="https://www.youtube.com">
                                            <i class="fab fa-youtube" aria-hidden="true"></i>
                                            <span class="sr-only">Youtube</span>
                                        </a>
                                        <a href="https://www.pinterest.com/">
                                            <i class="fab fa-pinterest-p" aria-hidden="true"></i>
                                            <span class="sr-only">Pinterest</span>
                                        </a>
                                        <a href="https://www.x.com">
                                            <i class="fab fa-twitter" aria-hidden="true"></i>
                                            <span class="sr-only">X</span>
                                        </a>
                                        <a href="https://www.facebook.com">
                                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                                            <span class="sr-only">Facebook</span>
                                        </a>
                                    </div><!-- /.team-card-two__social -->
                                    <div class="team-card-two__identity__inner">
                                        <h3 class="team-card-two__name"><a href="{{ url("team-details") }}">Courtney Henry</a></h3><!-- /.team-name -->
                                        <p class="team-card-two__designation">Employee</p><!-- /.team-designation -->
                                    </div><!-- /.team-card-two__identity__inner -->
                                </div><!-- /.team-card-two__identity -->
                            </div><!-- /.team-card-two__image -->
                        </div><!-- /.team-card-two -->
                    </div><!-- /.item -->
                    <div class="item wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="team-card-two">
                            <div class="team-card-two__image">
                                <img src="{{ asset("/assets/images/team/team-2-6.jpg") }}" alt="Jacob Jones">
                                <div class="team-card-two__identity">
                                    <div class="team-card-two__social">

                                        <a href="https://www.youtube.com">
                                            <i class="fab fa-youtube" aria-hidden="true"></i>
                                            <span class="sr-only">Youtube</span>
                                        </a>
                                        <a href="https://www.pinterest.com/">
                                            <i class="fab fa-pinterest-p" aria-hidden="true"></i>
                                            <span class="sr-only">Pinterest</span>
                                        </a>
                                        <a href="https://www.x.com">
                                            <i class="fab fa-twitter" aria-hidden="true"></i>
                                            <span class="sr-only">X</span>
                                        </a>
                                        <a href="https://www.facebook.com">
                                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                                            <span class="sr-only">Facebook</span>
                                        </a>
                                    </div><!-- /.team-card-two__social -->
                                    <div class="team-card-two__identity__inner">
                                        <h3 class="team-card-two__name"><a href="{{ url("team-details") }}">Jacob Jones</a></h3><!-- /.team-name -->
                                        <p class="team-card-two__designation">Employee</p><!-- /.team-designation -->
                                    </div><!-- /.team-card-two__identity__inner -->
                                </div><!-- /.team-card-two__identity -->
                            </div><!-- /.team-card-two__image -->
                        </div><!-- /.team-card-two -->
                    </div><!-- /.item -->
                </div><!-- /.team-two__carousel -->
            </div><!-- /.container -->
        </section><!-- /.team-two 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-3-1.png") }}" alt="transwide" class="client-carousel__image">
                        <img src="{{ asset("/assets/images/brand/brand-3-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-3-1.png") }}" alt="transwide" class="client-carousel__image">
                        <img src="{{ asset("/assets/images/brand/brand-3-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-3-1.png") }}" alt="transwide" class="client-carousel__image">
                        <img src="{{ asset("/assets/images/brand/brand-3-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-3-1.png") }}" alt="transwide" class="client-carousel__image">
                        <img src="{{ asset("/assets/images/brand/brand-3-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-3-1.png") }}" alt="transwide" class="client-carousel__image">
                        <img src="{{ asset("/assets/images/brand/brand-3-1-hover.png") }}" alt="transwide" class="client-carousel__hover-image">
                    </div><!-- /.owl-slide-item-->
                </div><!-- /.client-carousel__carousel -->
            </div><!-- /.container -->
        </div><!-- /.client-carousel -->
        <section class="why-choose-three section-space-top">
            <div class="why-choose-three__bg">
                <div class="why-choose-three__bg__inner" style="background-image: url(assets/images/resources/why-choose-3-1.jpg);"></div>
                <div class="why-choose-three__shape">
                    <div class="why-choose-three__shape__1"></div><!-- /.why-choose-three__shape__1 -->
                    <div class="why-choose-three__shape__2"></div><!-- /.why-choose-three__shape__2 -->
                </div><!-- /.why-choose-three__shape -->
            </div><!-- /.why-choose-three__bg -->
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-xl-5 ms-xl-auto">
                        <div class="why-choose-three__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-4.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-three__text">
                                There are many variations of passages about of Lorem Ipsum avalable, but the majority have suffered alteration free in.
                            </p><!-- /.why-choose-three__text -->
                            <div class="why-choose-three__funfact-grid">
                                <div class="why-choose-three__funfact wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                                    <div class="why-choose-three__funfact__icon-box">
                                        <span class="why-choose-three__funfact__icon"><i class="icon-global"></i></span>
                                    </div><!-- /.why-choose-three__funfact__icon-box -->
                                    <div class="why-choose-three__funfact__text">
                                        <h3 class="why-choose-three__funfact__title">Branch Over the world</h3>
                                        <h4 class="why-choose-three__funfact__count count-box">
                                            <span class="count-text" data-stop="430" data-speed="1500">0</span>
                                        </h4>
                                    </div><!-- /.why-choose-three__funfact__text -->
                                </div><!-- /.why-choose-three__funfact -->
                                <div class="why-choose-three__funfact wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                                    <div class="why-choose-three__funfact__icon-box">
                                        <span class="why-choose-three__funfact__icon"><i class="icon-box"></i></span>
                                    </div><!-- /.why-choose-three__funfact__icon-box -->
                                    <div class="why-choose-three__funfact__text">
                                        <h3 class="why-choose-three__funfact__title">Product Transport</h3>
                                        <h4 class="why-choose-three__funfact__count count-box">
                                            <span class="count-text" data-stop="230" data-speed="1500">0</span>
                                            <span>K</span>
                                        </h4>
                                    </div><!-- /.why-choose-three__funfact__text -->
                                </div><!-- /.why-choose-three__funfact -->
                            </div><!-- /.why-choose-three__funfact-grid -->
                            <ul class="why-choose-three__list list-unstyled wow fadeInUp" data-wow-duration="1500ms">
                                <li>
                                    <span class="why-choose-three__list__icon"><i class="icon-check"></i></span>
                                    There are many variations of passages about of lorem
                                </li>
                                <li>
                                    <span class="why-choose-three__list__icon"><i class="icon-check"></i></span>
                                    Deliverables curate window-licker, yet product
                                </li>
                            </ul><!-- /why-choose-three__list -->
                            <div class="why-choose-three__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><!-- /.why-choose-three__button -->
                        </div><!-- /.why-choose-three__content -->
                    </div><!-- /.col-lg-8 col-xl-5 ms-xl-auto -->
                </div><!-- /.row -->
            </div><!-- /.container -->
            <img src="{{ asset("/assets/images/shapes/why-choose-shape-3-1.png") }}" alt="shape" class="why-choose-three__shape-2">
            <div class="why-choose-three__shape-3"></div><!-- /.why-choose-three__shape-3 -->
        </section><!-- /.why-choose-three section-space-top -->
        <section class="faq-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">FAQS</h6><!-- /.sec-title__tagline -->
                        <img src="{{ asset("/assets/images/shapes/sec-title-shape-1-4.png") }}" alt="FAQS" class="sec-title__shape">
                    </div><!-- /.sec-title__top -->
                    <h3 class="sec-title__title">Have Questions in Your <br> Mind? Get the Answers Now</h3><!-- /.sec-title__title -->
                </div><!-- /.sec-title -->
                <div class="row gutter-y-40">
                    <div class="col-lg-6">
                        <div class="faq-one__accordion">
                            <div class="faq-accordion transwide-accordion" data-grp-name="transwide-accordion">
                                <div class="accordion wow fadeInUp" data-wow-duration="1500ms">
                                    <div class="accordion-title">
                                        <h4>
                                            Is my technology allowed on tech?
                                            <span class="accordion-title__icon"></span><!-- /.accordion-title__icon -->
                                        </h4>
                                    </div><!-- /.accordion-title -->
                                    <div class="accordion-content">
                                        <div class="inner">
                                            <p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on.</p>
                                        </div><!-- /.inner -->
                                    </div><!-- /.accordion-content -->
                                </div><!-- /.accordion-item -->
                                <div class="accordion active wow fadeInUp" data-wow-duration="1500ms">
                                    <div class="accordion-title">
                                        <h4>
                                            How to soft launch your business?
                                            <span class="accordion-title__icon"></span><!-- /.accordion-title__icon -->
                                        </h4>
                                    </div><!-- /.accordion-title -->
                                    <div class="accordion-content">
                                        <div class="inner">
                                            <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteradution in some form by injected humour, or randomised words which don't look even slightly believable. If you are going.</p>
                                        </div><!-- /.inner -->
                                    </div><!-- /.accordion-content -->
                                </div><!-- /.accordion-item -->
                                <div class="accordion wow fadeInUp" data-wow-duration="1500ms">
                                    <div class="accordion-title">
                                        <h4>
                                            How to turn visitors into contributors?
                                            <span class="accordion-title__icon"></span><!-- /.accordion-title__icon -->
                                        </h4>
                                    </div><!-- /.accordion-title -->
                                    <div class="accordion-content">
                                        <div class="inner">
                                            <p>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text</p>
                                        </div><!-- /.inner -->
                                    </div><!-- /.accordion-content -->
                                </div><!-- /.accordion-item -->
                                <div class="accordion wow fadeInUp" data-wow-duration="1500ms">
                                    <div class="accordion-title">
                                        <h4>
                                            How can I find my solution?
                                            <span class="accordion-title__icon"></span><!-- /.accordion-title__icon -->
                                        </h4>
                                    </div><!-- /.accordion-title -->
                                    <div class="accordion-content">
                                        <div class="inner">
                                            <p>Prior to joining company, she spent 20+ years at Inmosys, where he held a wide range of global leadership roles, from services to products, and across operations and.</p>
                                        </div><!-- /.inner -->
                                    </div><!-- /.accordion-content -->
                                </div><!-- /.accordion-item -->
                            </div><!-- /.faq-accordion -->
                        </div><!-- /.faq-one__accordion -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="faq-one__content">
                            <img src="{{ asset("/assets/images/resources/faq-1-1.jpg") }}" alt="faq" class="faq-one__image">
                            <div class="faq-one__info">
                                <div class="faq-one__info__logo">
                                    <img src="{{ asset("/assets/images/shapes/faq-logo-1-1.png") }}" alt="logo">
                                </div><!-- /.faq-one__info__logo -->
                                <div class="faq-one__info__shape">
                                    <img src="{{ asset("/assets/images/shapes/faq-shape-1-1.png") }}" alt="shape">
                                </div><!-- /.faq-one__info__shape -->
                                <div class="faq-one__info__call">
                                    <span class="faq-one__info__call__icon">
                                        <i class="icon-phone"></i>
                                    </span><!-- /.faq-one__info__call__icon -->
                                    <div class="faq-one__info__call__content">
                                        <p class="faq-one__info__call__title">Know More!</p><!-- /.call__title -->
                                        <h4 class="faq-one__info__call__number">
                                            <a href="{{ url("tel:+(303)555-0105") }}">(303) 555-0105</a>
                                        </h4><!-- /.faq-one__info__call__number -->
                                    </div><!-- /.faq-one__info__call__content -->
                                </div><!-- /.faq-one__call -->
                            </div><!-- /.faq-one__info -->
                        </div><!-- /.faq-one__content -->
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row gutter-y-40 -->
            </div><!-- /.container -->
        </section><!-- /.faq-one section-space -->
        <div class="blog-four section-space-bottom" id="blog">
            <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-4.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-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='00ms'>
                            <div class="blog-card-four__content">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__comment">
                                    <span class="blog-card-four__comment__icon"><i class="icon-bubble-chat"></i></span>
                                    2 Comment
                                </a>
                                <h3 class="blog-card-four__title"><a href="{{ url("blog-details-right") }}">10 Simple Practices that Will Help You Get 1%</a></h3><!-- /.blog-card-four__title -->
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__btn">
                                    Read More
                                    <span class="blog-card-four__btn__border"></span>
                                    <span class="blog-card-four__btn__icon">
                                        <i class="icon-right-arrow"></i>
                                    </span>
                                </a><!-- /.blog-card-four__btn -->
                            </div><!-- /.blog-card-four__content -->
                            <div class="blog-card-four__image">
                                <img src="{{ asset("/assets/images/blog/blog-4-1.jpg") }}" alt="10 Simple Practices that Will Help You Get 1%">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__image__link"><span class="sr-only">10 Simple Practices that Will Help You Get 1%</span></a>
                                <div class="blog-card-four__date">
                                    <span class="blog-card-four__date__day">26</span>
                                    <span class="blog-card-four__date__month">August</span>
                                </div><!-- /.blog-card-four__date -->
                            </div><!-- /.blog-card-four__image -->
                        </div><!-- /.blog-card-four -->
                    </div><!-- /.col-md-6 col-lg-4 -->
                    <div class="col-md-6 col-lg-4">
                        <div class="blog-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                            <div class="blog-card-four__content">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__comment">
                                    <span class="blog-card-four__comment__icon"><i class="icon-bubble-chat"></i></span>
                                    2 Comment
                                </a>
                                <h3 class="blog-card-four__title"><a href="{{ url("blog-details-right") }}">Today Health insurance Blog off Deductible</a></h3><!-- /.blog-card-four__title -->
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__btn">
                                    Read More
                                    <span class="blog-card-four__btn__border"></span>
                                    <span class="blog-card-four__btn__icon">
                                        <i class="icon-right-arrow"></i>
                                    </span>
                                </a><!-- /.blog-card-four__btn -->
                            </div><!-- /.blog-card-four__content -->
                            <div class="blog-card-four__image">
                                <img src="{{ asset("/assets/images/blog/blog-4-2.jpg") }}" alt="Today Health insurance Blog off Deductible">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__image__link"><span class="sr-only">Today Health insurance Blog off Deductible</span></a>
                                <div class="blog-card-four__date">
                                    <span class="blog-card-four__date__day">10</span>
                                    <span class="blog-card-four__date__month">July</span>
                                </div><!-- /.blog-card-four__date -->
                            </div><!-- /.blog-card-four__image -->
                        </div><!-- /.blog-card-four -->
                    </div><!-- /.col-md-6 col-lg-4 -->
                    <div class="col-md-6 col-lg-4">
                        <div class="blog-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='200ms'>
                            <div class="blog-card-four__content">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__comment">
                                    <span class="blog-card-four__comment__icon"><i class="icon-bubble-chat"></i></span>
                                    2 Comment
                                </a>
                                <h3 class="blog-card-four__title"><a href="{{ url("blog-details-right") }}">Nail jelly to the hothouse wall pixel pushing</a></h3><!-- /.blog-card-four__title -->
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__btn">
                                    Read More
                                    <span class="blog-card-four__btn__border"></span>
                                    <span class="blog-card-four__btn__icon">
                                        <i class="icon-right-arrow"></i>
                                    </span>
                                </a><!-- /.blog-card-four__btn -->
                            </div><!-- /.blog-card-four__content -->
                            <div class="blog-card-four__image">
                                <img src="{{ asset("/assets/images/blog/blog-4-3.jpg") }}" alt="Nail jelly to the hothouse wall pixel pushing">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__image__link"><span class="sr-only">Nail jelly to the hothouse wall pixel pushing</span></a>
                                <div class="blog-card-four__date">
                                    <span class="blog-card-four__date__day">28</span>
                                    <span class="blog-card-four__date__month">June</span>
                                </div><!-- /.blog-card-four__date -->
                            </div><!-- /.blog-card-four__image -->
                        </div><!-- /.blog-card-four -->
                    </div><!-- /.col-md-6 col-lg-4 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </div><!-- /.blog-four section-space-bottom -->
        <section class="cta-two section-space">
            <div class="cta-two__bg transwide-jarallax" data-jarallax data-speed="0.3s" style="background-image: url(assets/images/backgrounds/cta-bg-2-1.jpg);"></div><!-- /.cta-two__bg -->
            <div class="container">
                <div class="cta-two__content">
                    <div class="sec-title sec-title--center wow fadeInUp" data-wow-duration="1500ms">
                        <h3 class="sec-title__title">Thousand of Customers Trust <br> Our Company</h3><!-- /.sec-title__title -->
                    </div><!-- /.sec-title -->
                    <div class="cta-two__button wow fadeInUp" data-wow-duration="1500ms">
                        <a href="{{ url("contact") }}" class="transwide-btn">
                            <span class="transwide-btn__text transwide-btn__text--1">Get In Touch</span>
                            <span class="transwide-btn__text transwide-btn__text--2">Get In Touch</span>
                        </a><!-- /.transwide-btn -->
                    </div><!-- /.cta-two__button -->
                </div><!-- /.cta-two__content -->
            </div><!-- /.container -->
            <img src="{{ asset("/assets/images/shapes/cta-shape-2-1.png") }}" alt="shape" class="cta-two__shape">
        </section><!-- /.cta-two section-space -->

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