<!DOCTYPE html>
<html lang="zxx">
<head>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="ChiefSoft">
    <!-- Page Title -->
    <title>johnbullvanrental - Fleet Rental </title>
    <!-- Favicon Icon -->
    <link rel="shortcut icon" type="image/x-icon" href="/assets/images/favicon.png">
    <!-- Google Fonts Css-->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
    <!-- Bootstrap Css -->
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <!-- SlickNav Css -->
    <link href="/assets/css/slicknav.min.css" rel="stylesheet">
    <!-- Swiper Css -->
    <link rel="stylesheet" href="/assets/css/swiper-bundle.min.css">
    <!-- Font Awesome Icon Css-->
    <link href="/assets/css/all.css" rel="stylesheet" media="screen">
    <!-- Animated Css -->
    <link href="/assets/css/animate.css" rel="stylesheet">
    <!-- Magnific Popup Core Css File -->
    <link rel="stylesheet" href="/assets/css/magnific-popup.css">
    <!-- Mouse Cursor Css File -->
    <link rel="stylesheet" href="/assets/css/mousecursor.css">
    <!-- Main Custom Css -->
    <link href="/assets/css/custom.css" rel="stylesheet" media="screen">
</head>
<body>

<!-- Preloader Start -->
<div class="preloader">
    <div class="loading-container">
        <div class="loading"></div>
        <div id="loading-icon"><img src="/assets/images/loader.svg" alt=""></div>
    </div>
</div>
<!-- Preloader End -->

<!-- Header Start -->
<header class="main-header">
    <div class="header-sticky">
        <nav class="navbar navbar-expand-lg">
            <div class="container">
                <!-- Logo Start -->
                <a class="navbar-brand" href="/">
<!--                    <img src="/assets/images/logo.svg" alt="Logo">-->
                    <div style="font-size: 44px; font-weight: bolder;  text-transform: uppercase;">  <span style="color: #ff3600;">johnbull</span>van<span style="color: #ff3600;">rental</span></div>
                </a>
                <!-- Logo End -->

                <!-- Main Menu Start -->
                <div class="collapse navbar-collapse main-menu">
                    <div class="nav-menu-wrapper">
                        <ul class="navbar-nav mr-auto" id="menu">
                            <li class="nav-item"><a class="nav-link" href="./">Home</a>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
<!--                            <li class="nav-item"><a class="nav-link" href="service.html">Services</a></li>-->
<!--                            <li class="nav-item submenu"><a class="nav-link" href="#">Cars</a>-->
<!--                                <ul>-->
<!--                                    <li class="nav-item"><a class="nav-link" href="cars.html">Car Lists</a></li>-->
<!--                                    <li class="nav-item"><a class="nav-link" href="car-single.html">Car Details</a></li>-->
<!--                                    <li class="nav-item"><a class="nav-link" href="car-type.html">Cars Type</a></li>-->
<!--                                </ul>-->
<!--                            </li>-->
<!--                            <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>-->
<!--                                <ul>-->
<!--                                    <li class="nav-item"><a class="nav-link" href="service-single.html">Service Details</a></li>-->
<!--                                    <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>-->
<!--                                    <li class="nav-item"><a class="nav-link" href="blog-single.html">Blog Details</a></li>-->
<!--                                    <li class="nav-item"><a class="nav-link" href="drivers.html">Drivers</a></li>-->
<!--                                    <li class="nav-item"><a class="nav-link" href="driver-single.html">Driver Details</a></li>-->
<!--                                    <li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>-->
<!--                                    <li class="nav-item"><a class="nav-link" href="image-gallery.html">Image Gallery</a></li>-->
<!--                                    <li class="nav-item"><a class="nav-link" href="video-gallery.html">Video Gallery</a></li>-->
<!--                                    <li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li>-->
<!--                                    <li class="nav-item"><a class="nav-link" href="faqs.html">FAQ's</a></li>-->
<!--                                    <li class="nav-item"><a class="nav-link" href="404.html">404</a></li>-->
<!--                                </ul>-->
<!--                            </li>-->
                            <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
                        </ul>
                    </div>
                    <!-- Let’s Start Button Start -->
                    <div class="header-btn d-inline-flex">
                        <a href="#" class="btn-default">book a rental</a>
                    </div>
                    <!-- Let’s Start Button End -->
                </div>
                <!-- Main Menu End -->
                <div class="navbar-toggle"></div>
            </div>
        </nav>
        <div class="responsive-menu"></div>
    </div>
</header>
<!-- Header End -->

<!-- Hero Section Start -->
<div class="hero">
    <div class="hero-section bg-section parallaxie">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <!-- Hero Content Start -->
                    <div class="hero-content">
                        <div class="section-title">
                            <h3 class="wow fadeInUp">welcome to JohnBull</h3>
                            <h1 class="text-anime-style-3" data-cursor="-opaque">Looking to save more on your rental car?</h1>
                            <p class="wow fadeInUp" data-wow-delay="0.25s">Whether you're planning a weekend getaway, a business trip, or just need a reliable ride for the day, we offers a wide range of vehicles to suit your needs.</p>
                        </div>

                        <div class="hero-content-body wow fadeInUp" data-wow-delay="0.5s">
                            <a href="#" class="btn-default">book a rental</a>
                            <a href="#" class="btn-default btn-highlighted">learn more</a>
                        </div>
                    </div>
                    <!-- Hero Content End -->
                </div>
            </div>
        </div>
    </div>

</div>
<!-- Hero Section End -->

<!-- About Us Section Start -->
<div class="about-us">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <!-- About Us Image Start -->
                <div class="about-image">
                    <!-- About Image Start -->
                    <div class="about-img-1">
                        <figure class="reveal">
                            <img src="/assets/images/about-img-1.jpg" alt="">
                        </figure>
                    </div>
                    <!-- About Image End -->

                    <!-- About Image Start -->
                    <div class="about-img-2">
                        <figure class="reveal">
                            <img src="/assets/images/about-img-2.jpg" alt="">
                        </figure>
                    </div>
                    <!-- About Image End -->
                </div>
                <!-- About Us Image End -->
            </div>

            <div class="col-lg-6">
                <!-- About Us Content Start -->
                <div class="about-content">
                    <!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">about us</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Your trusted partner in reliable car rental</h2>
                        <p class="wow fadeInUp" data-wow-delay="0.25s">Aqestic Optio Amet A Ququam Saepe Aliquid Voluate Dicta Fuga Dolor Saerror Sed Earum A Magni Soluta Quam Minus Dolor Dolor</p>
                    </div>
                    <!-- Section Title End -->

                    <!-- About Content Body Start -->
                    <div class="about-content-body">
                        <!-- About Trusted Booking Start -->
                        <div class="about-trusted-booking wow fadeInUp" data-wow-delay="0.5s">
                            <div class="icon-box">
                                <img src="/assets/images/icon-about-trusted-1.svg" alt="">
                            </div>
                            <div class="trusted-booking-content">
                                <h3>easy booking process</h3>
                                <p>We Have Optimized The Booking Process So That Our Clients Can Experience The Easiest And The Safest Service</p>
                            </div>
                        </div>
                        <!-- About Trusted Booking End -->

                        <!-- About Trusted Booking Start -->
                        <div class="about-trusted-booking wow fadeInUp" data-wow-delay="0.75s">
                            <div class="icon-box">
                                <img src="/assets/images/icon-about-trusted-2.svg" alt="">
                            </div>
                            <div class="trusted-booking-content">
                                <h3>convenient pick-up & return process</h3>
                                <p>We Have Optimized The Booking Process So That Our Clients Can Experience The Easiest And The Safest Service</p>
                            </div>
                        </div>
                        <!-- About Trusted Booking End -->
                    </div>
                    <!-- About Content Body End -->

                    <!-- About Content Footer Start -->
                    <div class="about-content-footer wow fadeInUp" data-wow-delay="1s">
                        <a href="#" class="btn-default">contact us</a>
                    </div>
                    <!-- About Content Footer End -->
                </div>
                <!-- About Us Content End -->
            </div>
        </div>
    </div>
</div>
<!-- About Us Section End -->

<!-- Our Services Section Start -->
<div class="our-services bg-section">
    <div class="container">
        <div class="row section-row">
            <div class="col-lg-12">
                <!-- Section Title Start -->
                <div class="section-title">
                    <h3 class="wow fadeInUp">our services</h3>
                    <h2 class="text-anime-style-3" data-cursor="-opaque">Explore our wide range of rental services</h2>
                </div>
                <!-- Section Title End -->
            </div>
        </div>

        <div class="row">
            <div class="col-lg-3 col-md-6">
                <!-- Service Item Start -->
                <div class="service-item wow fadeInUp">
                    <div class="icon-box">
                        <img src="/assets/images/icon-service-1.svg" alt="">
                    </div>
                    <div class="service-content">
                        <h3>car rental with driver</h3>
                        <p>Enhance your rental experience with additional options.</p>
                    </div>
                    <div class="service-footer">
                        <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                    </div>
                </div>
                <!-- Service Item End -->
            </div>

            <div class="col-lg-3 col-md-6">
                <!-- Service Item Start -->
                <div class="service-item wow fadeInUp" data-wow-delay="0.25s">
                    <div class="icon-box">
                        <img src="/assets/images/icon-service-2.svg" alt="">
                    </div>
                    <div class="service-content">
                        <h3>business car rental</h3>
                        <p>Enhance your rental experience with additional options.</p>
                    </div>
                    <div class="service-footer">
                        <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                    </div>
                </div>
                <!-- Service Item End -->
            </div>

            <div class="col-lg-3 col-md-6">
                <!-- Service Item Start -->
                <div class="service-item wow fadeInUp" data-wow-delay="0.5s">
                    <div class="icon-box">
                        <img src="/assets/images/icon-service-3.svg" alt="">
                    </div>
                    <div class="service-content">
                        <h3>airport transfer</h3>
                        <p>Enhance your rental experience with additional options.</p>
                    </div>
                    <div class="service-footer">
                        <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                    </div>
                </div>
                <!-- Service Item End -->
            </div>

            <div class="col-lg-3 col-md-6">
                <!-- Service Item Start -->
                <div class="service-item wow fadeInUp" data-wow-delay="0.75s">
                    <div class="icon-box">
                        <img src="/assets/images/icon-service-4.svg" alt="">
                    </div>
                    <div class="service-content">
                        <h3>chauffeur services</h3>
                        <p>Enhance your rental experience with additional options.</p>
                    </div>
                    <div class="service-footer">
                        <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                    </div>
                </div>
                <!-- Service Item End -->
            </div>

            <div class="col-lg-12">
                <!-- Service Box Footer Start -->
                <div class="services-box-footer wow fadeInUp" data-wow-delay="1s">
                    <p>Discover our range of car rental services designed to meet all your travel needs. From a diverse fleet of vehicles to flexible rental plans.</p>
                    <a href="#" class="btn-default">view all service</a>
                </div>
                <!-- Service Box Footer End -->
            </div>
        </div>
    </div>
</div>
<!-- Our Services Section End -->

<!-- Perfect Fleets Section Start -->
<div class="perfect-fleet bg-section">
    <div class="container-fluid">
        <div class="row section-row">
            <div class="col-lg-12">
                <!-- Section Title Start -->
                <div class="section-title">
                    <h3 class="wow fadeInUp">our fleets</h3>
                    <h2 class="text-anime-style-3" data-cursor="-opaque">Explore our perfect and extensive fleet</h2>
                </div>
                <!-- Section Title End -->
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <!-- Testimonial Slider Start -->
                <div class="car-details-slider">
                    <div class="swiper">
                        <div class="swiper-wrapper" data-cursor-text="Drag">
                            <!-- Testimonial Slide Start -->
                            <div class="swiper-slide">
                                <!-- Perfect Fleets Item Start -->
                                <div class="perfect-fleet-item">
                                    <!-- Image Box Start -->
                                    <div class="image-box">
                                        <img src="/assets/images/perfect-fleet-img-1.png" alt="">
                                    </div>
                                    <!-- Image Box End -->

                                    <!-- Perfect Fleets Content Start -->
                                    <div class="perfect-fleet-content">
                                        <!-- Perfect Fleets Title Start -->
                                        <div class="perfect-fleet-title">
                                            <h3>luxury car</h3>
                                            <h2>BMW M2 Car 2017</h2>
                                        </div>
                                        <!-- Perfect Fleets Content End -->

                                        <!-- Perfect Fleets Body Start -->
                                        <div class="perfect-fleet-body">
                                            <ul>
                                                <li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
                                                <li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
                                                <li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
                                                <li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
                                            </ul>
                                        </div>
                                        <!-- Perfect Fleets Body End -->

                                        <!-- Perfect Fleets Footer Start -->
                                        <div class="perfect-fleet-footer">
                                            <!-- Perfect Fleets Pricing Start -->
                                            <div class="perfect-fleet-pricing">
                                                <h2>$280<span>/day</span></h2>
                                            </div>
                                            <!-- Perfect Fleets Pricing End -->

                                            <!-- Perfect Fleets Btn Start -->
                                            <div class="perfect-fleet-btn">
                                                <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                                            </div>
                                            <!-- Perfect Fleets Btn End -->
                                        </div>
                                        <!-- Perfect Fleets Footer End -->
                                    </div>
                                    <!-- Perfect Fleets Content End -->
                                </div>
                                <!-- Perfect Fleets Item End -->
                            </div>
                            <!-- Testimonial Slide End -->

                            <!-- Testimonial Slide Start -->
                            <div class="swiper-slide">
                                <!-- Perfect Fleets Item Start -->
                                <div class="perfect-fleet-item">
                                    <!-- Image Box Start -->
                                    <div class="image-box">
                                        <img src="/assets/images/perfect-fleet-img-2.png" alt="">
                                    </div>
                                    <!-- Image Box End -->

                                    <!-- Perfect Fleets Content Start -->
                                    <div class="perfect-fleet-content">
                                        <!-- Perfect Fleets Title Start -->
                                        <div class="perfect-fleet-title">
                                            <h3>luxury car</h3>
                                            <h2>Audi RS7 Car 2016</h2>
                                        </div>
                                        <!-- Perfect Fleets Content End -->

                                        <!-- Perfect Fleets Body Start -->
                                        <div class="perfect-fleet-body">
                                            <ul>
                                                <li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
                                                <li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
                                                <li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
                                                <li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
                                            </ul>
                                        </div>
                                        <!-- Perfect Fleets Body End -->

                                        <!-- Perfect Fleets Footer Start -->
                                        <div class="perfect-fleet-footer">
                                            <!-- Perfect Fleets Pricing Start -->
                                            <div class="perfect-fleet-pricing">
                                                <h2>$320<span>/day</span></h2>
                                            </div>
                                            <!-- Perfect Fleets Pricing End -->

                                            <!-- Perfect Fleets Btn Start -->
                                            <div class="perfect-fleet-btn">
                                                <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                                            </div>
                                            <!-- Perfect Fleets Btn End -->
                                        </div>
                                        <!-- Perfect Fleets Footer End -->
                                    </div>
                                    <!-- Perfect Fleets Content End -->
                                </div>
                                <!-- Perfect Fleets Item End -->
                            </div>
                            <!-- Testimonial Slide End -->

                            <!-- Testimonial Slide Start -->
                            <div class="swiper-slide">
                                <!-- Perfect Fleets Item Start -->
                                <div class="perfect-fleet-item">
                                    <!-- Image Box Start -->
                                    <div class="image-box">
                                        <img src="/assets/images/perfect-fleet-img-3.png" alt="">
                                    </div>
                                    <!-- Image Box End -->

                                    <!-- Perfect Fleets Content Start -->
                                    <div class="perfect-fleet-content">
                                        <!-- Perfect Fleets Title Start -->
                                        <div class="perfect-fleet-title">
                                            <h3>luxury car</h3>
                                            <h2>Ferrari F12 Car 2022</h2>
                                        </div>
                                        <!-- Perfect Fleets Content End -->

                                        <!-- Perfect Fleets Body Start -->
                                        <div class="perfect-fleet-body">
                                            <ul>
                                                <li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
                                                <li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
                                                <li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
                                                <li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
                                            </ul>
                                        </div>
                                        <!-- Perfect Fleets Body End -->

                                        <!-- Perfect Fleets Footer Start -->
                                        <div class="perfect-fleet-footer">
                                            <!-- Perfect Fleets Pricing Start -->
                                            <div class="perfect-fleet-pricing">
                                                <h2>$450<span>/day</span></h2>
                                            </div>
                                            <!-- Perfect Fleets Pricing End -->

                                            <!-- Perfect Fleets Btn Start -->
                                            <div class="perfect-fleet-btn">
                                                <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                                            </div>
                                            <!-- Perfect Fleets Btn End -->
                                        </div>
                                        <!-- Perfect Fleets Footer End -->
                                    </div>
                                    <!-- Perfect Fleets Content End -->
                                </div>
                                <!-- Perfect Fleets Item End -->
                            </div>
                            <!-- Testimonial Slide End -->

                            <!-- Testimonial Slide Start -->
                            <div class="swiper-slide">
                                <!-- Perfect Fleets Item Start -->
                                <div class="perfect-fleet-item">
                                    <!-- Image Box Start -->
                                    <div class="image-box">
                                        <img src="/assets/images/perfect-fleet-img-4.png" alt="">
                                    </div>
                                    <!-- Image Box End -->

                                    <!-- Perfect Fleets Content Start -->
                                    <div class="perfect-fleet-content">
                                        <!-- Perfect Fleets Title Start -->
                                        <div class="perfect-fleet-title">
                                            <h3>luxury car</h3>
                                            <h2>Toyota Yaris 2017</h2>
                                        </div>
                                        <!-- Perfect Fleets Content End -->

                                        <!-- Perfect Fleets Body Start -->
                                        <div class="perfect-fleet-body">
                                            <ul>
                                                <li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
                                                <li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
                                                <li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
                                                <li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
                                            </ul>
                                        </div>
                                        <!-- Perfect Fleets Body End -->

                                        <!-- Perfect Fleets Footer Start -->
                                        <div class="perfect-fleet-footer">
                                            <!-- Perfect Fleets Pricing Start -->
                                            <div class="perfect-fleet-pricing">
                                                <h2>$220<span>/day</span></h2>
                                            </div>
                                            <!-- Perfect Fleets Pricing End -->

                                            <!-- Perfect Fleets Btn Start -->
                                            <div class="perfect-fleet-btn">
                                                <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                                            </div>
                                            <!-- Perfect Fleets Btn End -->
                                        </div>
                                        <!-- Perfect Fleets Footer End -->
                                    </div>
                                    <!-- Perfect Fleets Content End -->
                                </div>
                                <!-- Perfect Fleets Item End -->
                            </div>
                            <!-- Testimonial Slide End -->

                            <!-- Testimonial Slide Start -->
                            <div class="swiper-slide">
                                <!-- Perfect Fleets Item Start -->
                                <div class="perfect-fleet-item">
                                    <!-- Image Box Start -->
                                    <div class="image-box">
                                        <img src="/assets/images/perfect-fleet-img-2.png" alt="">
                                    </div>
                                    <!-- Image Box End -->

                                    <!-- Perfect Fleets Content Start -->
                                    <div class="perfect-fleet-content">
                                        <!-- Perfect Fleets Title Start -->
                                        <div class="perfect-fleet-title">
                                            <h3>luxury car</h3>
                                            <h2>Audi RS7 Car 2016</h2>
                                        </div>
                                        <!-- Perfect Fleets Content End -->

                                        <!-- Perfect Fleets Body Start -->
                                        <div class="perfect-fleet-body">
                                            <ul>
                                                <li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
                                                <li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
                                                <li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
                                                <li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
                                            </ul>
                                        </div>
                                        <!-- Perfect Fleets Body End -->

                                        <!-- Perfect Fleets Footer Start -->
                                        <div class="perfect-fleet-footer">
                                            <!-- Perfect Fleets Pricing Start -->
                                            <div class="perfect-fleet-pricing">
                                                <h2>$320<span>/day</span></h2>
                                            </div>
                                            <!-- Perfect Fleets Pricing End -->

                                            <!-- Perfect Fleets Btn Start -->
                                            <div class="perfect-fleet-btn">
                                                <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                                            </div>
                                            <!-- Perfect Fleets Btn End -->
                                        </div>
                                        <!-- Perfect Fleets Footer End -->
                                    </div>
                                    <!-- Perfect Fleets Content End -->
                                </div>
                                <!-- Perfect Fleets Item End -->
                            </div>
                            <!-- Testimonial Slide End -->

                            <!-- Testimonial Slide Start -->
                            <div class="swiper-slide">
                                <!-- Perfect Fleets Item Start -->
                                <div class="perfect-fleet-item">
                                    <!-- Image Box Start -->
                                    <div class="image-box">
                                        <img src="/assets/images/perfect-fleet-img-3.png" alt="">
                                    </div>
                                    <!-- Image Box End -->

                                    <!-- Perfect Fleets Content Start -->
                                    <div class="perfect-fleet-content">
                                        <!-- Perfect Fleets Title Start -->
                                        <div class="perfect-fleet-title">
                                            <h3>luxury car</h3>
                                            <h2>Ferrari F12 Car 2022</h2>
                                        </div>
                                        <!-- Perfect Fleets Content End -->

                                        <!-- Perfect Fleets Body Start -->
                                        <div class="perfect-fleet-body">
                                            <ul>
                                                <li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
                                                <li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
                                                <li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
                                                <li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
                                            </ul>
                                        </div>
                                        <!-- Perfect Fleets Body End -->

                                        <!-- Perfect Fleets Footer Start -->
                                        <div class="perfect-fleet-footer">
                                            <!-- Perfect Fleets Pricing Start -->
                                            <div class="perfect-fleet-pricing">
                                                <h2>$450<span>/day</span></h2>
                                            </div>
                                            <!-- Perfect Fleets Pricing End -->

                                            <!-- Perfect Fleets Btn Start -->
                                            <div class="perfect-fleet-btn">
                                                <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                                            </div>
                                            <!-- Perfect Fleets Btn End -->
                                        </div>
                                        <!-- Perfect Fleets Footer End -->
                                    </div>
                                    <!-- Perfect Fleets Content End -->
                                </div>
                                <!-- Perfect Fleets Item End -->
                            </div>
                            <!-- Testimonial Slide End -->

                            <!-- Testimonial Slide Start -->
                            <div class="swiper-slide">
                                <!-- Perfect Fleets Item Start -->
                                <div class="perfect-fleet-item">
                                    <!-- Image Box Start -->
                                    <div class="image-box">
                                        <img src="/assets/images/perfect-fleet-img-4.png" alt="">
                                    </div>
                                    <!-- Image Box End -->

                                    <!-- Perfect Fleets Content Start -->
                                    <div class="perfect-fleet-content">
                                        <!-- Perfect Fleets Title Start -->
                                        <div class="perfect-fleet-title">
                                            <h3>luxury car</h3>
                                            <h2>Toyota Yaris 2017</h2>
                                        </div>
                                        <!-- Perfect Fleets Content End -->

                                        <!-- Perfect Fleets Body Start -->
                                        <div class="perfect-fleet-body">
                                            <ul>
                                                <li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
                                                <li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
                                                <li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
                                                <li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
                                            </ul>
                                        </div>
                                        <!-- Perfect Fleets Body End -->

                                        <!-- Perfect Fleets Footer Start -->
                                        <div class="perfect-fleet-footer">
                                            <!-- Perfect Fleets Pricing Start -->
                                            <div class="perfect-fleet-pricing">
                                                <h2>$220<span>/day</span></h2>
                                            </div>
                                            <!-- Perfect Fleets Pricing End -->

                                            <!-- Perfect Fleets Btn Start -->
                                            <div class="perfect-fleet-btn">
                                                <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                                            </div>
                                            <!-- Perfect Fleets Btn End -->
                                        </div>
                                        <!-- Perfect Fleets Footer End -->
                                    </div>
                                    <!-- Perfect Fleets Content End -->
                                </div>
                                <!-- Perfect Fleets Item End -->
                            </div>
                            <!-- Testimonial Slide End -->
                        </div>
                        <div class="car-details-btn">
                            <div class="car-button-prev"></div>
                            <div class="car-button-next"></div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Slider End -->
            </div>
        </div>
    </div>
</div>
<!-- Perfect Fleets Section End -->

<!-- Luxury Collection Section Start -->
<div class="luxury-collection">
    <div class="container-fluid">
        <div class="row no-gutters">
            <div class="col-lg-12">
                <div class="luxury-collection-box">
                    <!-- Luxury Collection Item Start -->
                    <div class="luxury-collection-item wow fadeInUp">
                        <!-- Luxury Collection Image Start -->
                        <div class="luxury-collection-image" data-cursor-text="View">
                            <a href="#">
                                <figure>
                                    <img src="/assets/images/luxury-collection-img-1.jpg" alt="">
                                </figure>
                            </a>
                        </div>
                        <!-- Luxury Collection Image End -->

                        <!-- Luxury Collection Title Start -->
                        <div class="luxury-collection-title">
                            <h2>sport car</h2>
                        </div>
                        <!-- Luxury Collection Title End -->

                        <!-- Luxury Collection Btn Start -->
                        <div class="luxury-collection-btn">
                            <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                        </div>
                        <!-- Luxury Collection Btn End -->
                    </div>
                    <!-- Luxury Collection Item End -->

                    <!-- Luxury Collection Item Start -->
                    <div class="luxury-collection-item wow fadeInUp" data-wow-delay="0.25s">
                        <!-- Luxury Collection Image Start -->
                        <div class="luxury-collection-image" data-cursor-text="View">
                            <a href="#">
                                <figure>
                                    <img src="/assets/images/luxury-collection-img-2.jpg" alt="">
                                </figure>
                            </a>
                        </div>
                        <!-- Luxury Collection Image End -->

                        <!-- Luxury Collection Title Start -->
                        <div class="luxury-collection-title">
                            <h2>convertible car</h2>
                        </div>
                        <!-- Luxury Collection Title End -->

                        <!-- Luxury Collection Footer Start -->
                        <div class="luxury-collection-btn">
                            <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                        </div>
                        <!-- Luxury Collection Footer End -->
                    </div>
                    <!-- Luxury Collection Item End -->

                    <!-- Luxury Collection Item Start -->
                    <div class="luxury-collection-item wow fadeInUp" data-wow-delay="0.5s">
                        <!-- Luxury Collection Image Start -->
                        <div class="luxury-collection-image" data-cursor-text="View">
                            <a href="#">
                                <figure>
                                    <img src="/assets/images/luxury-collection-img-3.jpg" alt="">
                                </figure>
                            </a>
                        </div>
                        <!-- Luxury Collection Image End -->

                        <!-- Luxury Collection Title Start -->
                        <div class="luxury-collection-title">
                            <h2>sedan car</h2>
                        </div>
                        <!-- Luxury Collection Title End -->

                        <!-- Luxury Collection Footer Start -->
                        <div class="luxury-collection-btn">
                            <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                        </div>
                        <!-- Luxury Collection Footer End -->
                    </div>
                    <!-- Luxury Collection Item End -->

                    <!-- Luxury Collection Item Start -->
                    <div class="luxury-collection-item wow fadeInUp" data-wow-delay="0.75s">
                        <!-- Luxury Collection Image Start -->
                        <div class="luxury-collection-image" data-cursor-text="View">
                            <a href="#">
                                <figure>
                                    <img src="/assets/images/luxury-collection-img-4.jpg" alt="">
                                </figure>
                            </a>
                        </div>
                        <!-- Luxury Collection Image End -->

                        <!-- Luxury Collection Title Start -->
                        <div class="luxury-collection-title">
                            <h2>luxury car</h2>
                        </div>
                        <!-- Luxury Collection Title End -->

                        <!-- Luxury Collection Footer Start -->
                        <div class="luxury-collection-btn">
                            <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
                        </div>
                        <!-- Luxury Collection Footer End -->
                    </div>
                    <!-- Luxury Collection Item End -->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Luxury Collection Section End -->

<!-- How It Work Section Start -->
<div class="how-it-work">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <!-- How Work Content Start -->
                <div class="how-work-content">
                    <!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">how it work</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Streamlined processes for a hassle-free experience</h2>
                        <p class="wow fadeInUp" data-wow-delay="0.25s">Our streamlined process ensures a seamless car rental experience from start to finish. With easy online booking, flexible pick-up and drop-off options.</p>
                    </div>
                    <!-- Section Title End -->

                    <!-- How Work Accordion Start -->
                    <div class="how-work-accordion" id="workaccordion">
                        <!-- FAQ Item Start -->
                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.5s">
                            <div class="icon-box">
                                <img src="/assets/images/icon-how-it-work-1.svg" alt="">
                            </div>
                            <h2 class="accordion-header" id="workheading1">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#workcollapse1" aria-expanded="true" aria-controls="workcollapse1">
                                    browse and select
                                </button>
                            </h2>
                            <div id="workcollapse1" class="accordion-collapse collapse show" aria-labelledby="workheading1"
                                 data-bs-parent="#workaccordion">
                                <div class="accordion-body">
                                    <p>Explore our diverse selection of high-end vehicles, choose your preferred pickup and return dates, and select a location that best fits your needs.</p>
                                </div>
                            </div>
                        </div>
                        <!-- FAQ Item End -->

                        <!-- FAQ Item Start -->
                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.75s">
                            <div class="icon-box">
                                <img src="/assets/images/icon-how-it-work-2.svg" alt="">
                            </div>
                            <h2 class="accordion-header" id="workheading2">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#workcollapse2" aria-expanded="false" aria-controls="workcollapse2">
                                    book and confirm
                                </button>
                            </h2>
                            <div id="workcollapse2" class="accordion-collapse collapse" aria-labelledby="workheading2"
                                 data-bs-parent="#workaccordion">
                                <div class="accordion-body">
                                    <p>Explore our diverse selection of high-end vehicles, choose your preferred pickup and return dates, and select a location that best fits your needs.</p>
                                </div>
                            </div>
                        </div>
                        <!-- FAQ Item End -->

                        <!-- FAQ Item Start -->
                        <div class="accordion-item wow fadeInUp" data-wow-delay="1s">
                            <div class="icon-box">
                                <img src="/assets/images/icon-how-it-work-3.svg" alt="">
                            </div>
                            <h2 class="accordion-header" id="workheading3">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#workcollapse3" aria-expanded="false" aria-controls="workcollapse3">
                                    book and enjoy
                                </button>
                            </h2>
                            <div id="workcollapse3" class="accordion-collapse collapse" aria-labelledby="workheading3"
                                 data-bs-parent="#workaccordion">
                                <div class="accordion-body">
                                    <p>Explore our diverse selection of high-end vehicles, choose your preferred pickup and return dates, and select a location that best fits your needs.</p>
                                </div>
                            </div>
                        </div>
                        <!-- FAQ Item End -->
                    </div>
                    <!-- How Work Accordion End -->
                </div>
                <!-- How Work Content End -->
            </div>

            <div class="col-lg-6">
                <!-- How Work Image Start -->
                <div class="how-work-image">
                    <!-- How Work Image Start -->
                    <div class="how-work-img">
                        <figure class="reveal">
                            <img src="/assets/images/about-img-1.jpg" alt="">
                        </figure>
                    </div>
                    <!-- How Work Image End -->

                    <!-- Trusted Client Start -->
                    <div class="trusted-client">
                        <div class="trusted-client-content">
                            <h3><span class="counter">5</span>m+ Trusted world wide global clients</h3>
                        </div>
                        <div class="trusted-client--image">
                            <img src="/assets/images/trusted-client-img.png" alt="">
                        </div>
                    </div>
                    <!-- Trusted Client End -->
                </div>
                <!-- How It Work Image End -->
            </div>
        </div>
    </div>
</div>
<!-- How It Work Section End -->

<!-- Intro Video Section Start -->
<div class="intro-video bg-section parallaxie">
    <div class="container">
        <div class="row section-row">
            <div class="col-lg-12">
                <!-- Section Title Start -->
                <div class="section-title">
                    <h3 class="wow fadeInUp">watch full video</h3>
                    <h2 class="text-anime-style-3" data-cursor="-opaque">Discover the ease and convenience of renting with Us</h2>
                </div>
                <!-- Section Title End -->
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <!-- Intro Video Box Start -->
                <div class="intro-video-box">
                    <!-- Video Play Button Start -->
                    <div class="video-play-button">
                        <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
                            <i class="fa-solid fa-play"></i>
                        </a>
                    </div>
                    <!-- Video Play Button End -->

                    <!-- Client Slider Start -->
                    <div class="client-slider">
                        <div class="swiper client_logo_slider">
                            <div class="swiper-wrapper">
                                <!-- company Logo Start -->
                                <div class="swiper-slide">
                                    <div class="company-logo">
                                        <img src="/assets/images/client-logo-1.svg" alt="">
                                    </div>
                                </div>
                                <!-- company Logo End -->

                                <!-- company Logo Start -->
                                <div class="swiper-slide">
                                    <div class="company-logo">
                                        <img src="/assets/images/client-logo-2.svg" alt="">
                                    </div>
                                </div>
                                <!-- company Logo End -->

                                <!-- company Logo Start -->
                                <div class="swiper-slide">
                                    <div class="company-logo">
                                        <img src="/assets/images/client-logo-3.svg" alt="">
                                    </div>
                                </div>
                                <!-- company Logo End -->

                                <!-- company Logo Start -->
                                <div class="swiper-slide">
                                    <div class="company-logo">
                                        <img src="/assets/images/client-logo-4.svg" alt="">
                                    </div>
                                </div>
                                <!-- company Logo End -->

                                <!-- company Logo Start -->
                                <div class="swiper-slide">
                                    <div class="company-logo">
                                        <img src="/assets/images/client-logo-5.svg" alt="">
                                    </div>
                                </div>
                                <!-- company Logo End -->

                                <!-- company Logo Start -->
                                <div class="swiper-slide">
                                    <div class="company-logo">
                                        <img src="/assets/images/client-logo-6.svg" alt="">
                                    </div>
                                </div>
                                <!-- company Logo End -->

                                <!-- company Logo Start -->
                                <div class="swiper-slide">
                                    <div class="company-logo">
                                        <img src="/assets/images/client-logo-5.svg" alt="">
                                    </div>
                                </div>
                                <!-- company Logo End -->

                                <!-- company Logo Start -->
                                <div class="swiper-slide">
                                    <div class="company-logo">
                                        <img src="/assets/images/client-logo-4.svg" alt="">
                                    </div>
                                </div>
                                <!-- company Logo End -->
                            </div>
                        </div>
                    </div>
                    <!-- Client Slider End -->
                </div>
                <!-- Intro Video Box End -->
            </div>
        </div>
    </div>
</div>
<!-- Intro Video Section End -->

<!-- Why Choose Us Section Start -->
<div class="why-choose-us">
    <div class="container">
        <div class="row section-row">
            <div class="col-lg-12">
                <!-- Section Title Start -->
                <div class="section-title">
                    <h3 class="wow fadeInUp">why choose us</h3>
                    <h2 class="text-anime-style-3" data-cursor="-opaque">Unmatched quality and service for your needs</h2>
                </div>
                <!-- Section Title End -->
            </div>
        </div>

        <div class="row align-items-center">
            <div class="col-lg-4 col-md-6 order-lg-1 order-md-1 order-1">
                <!-- Why Choose Item Start -->
                <div class="why-choose-item wow fadeInUp">
                    <div class="icon-box">
                        <img src="/assets/images/icon-why-choose-1.svg" alt="">
                    </div>
                    <div class="why-choose-content">
                        <h3>extensive fleet options</h3>
                        <p>Quisque Sollicitudin Feugiat Risus, Eu Posuere Ex Euismod Eu. Phasellus Hendrerit, Massa</p>
                    </div>
                </div>
                <!-- Why Choose Item End -->

                <!-- Why Choose Item Start -->
                <div class="why-choose-item wow fadeInUp" data-wow-delay="0.25s">
                    <div class="icon-box">
                        <img src="/assets/images/icon-why-choose-2.svg" alt="">
                    </div>
                    <div class="why-choose-content">
                        <h3>exceptional customer service</h3>
                        <p>Quisque Sollicitudin Feugiat Risus, Eu Posuere Ex Euismod Eu. Phasellus Hendrerit, Massa</p>
                    </div>
                </div>
                <!-- Why Choose Item End -->
            </div>

            <div class="col-lg-4 col-md-12 order-lg-2 order-md-3 order-2">
                <div class="why-choose-image">
                    <figure class="reveal">
                        <img src="/assets/images/why-choose-img.jpg" alt="">
                    </figure>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 order-lg-3 order-md-2 order-3">
                <!-- Why Choose Item Start -->
                <div class="why-choose-item wow fadeInUp">
                    <div class="icon-box">
                        <img src="/assets/images/icon-why-choose-3.svg" alt="">
                    </div>
                    <div class="why-choose-content">
                        <h3>convenient locations</h3>
                        <p>Quisque Sollicitudin Feugiat Risus, Eu Posuere Ex Euismod Eu. Phasellus Hendrerit, Massa</p>
                    </div>
                </div>
                <!-- Why Choose Item End -->

                <!-- Why Choose Item Start -->
                <div class="why-choose-item wow fadeInUp" data-wow-delay="0.25s">
                    <div class="icon-box">
                        <img src="/assets/images/icon-why-choose-4.svg" alt="">
                    </div>
                    <div class="why-choose-content">
                        <h3>reliability and safety</h3>
                        <p>Quisque Sollicitudin Feugiat Risus, Eu Posuere Ex Euismod Eu. Phasellus Hendrerit, Massa</p>
                    </div>
                </div>
                <!-- Why Choose Item End -->
            </div>
        </div>
    </div>
</div>
<!-- Why Choose Us Section End -->

<!-- Our FAQs Section Start -->
<div class="our-faqs bg-section">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 order-lg-1 order-md-2 order-2">
                <!-- Our Faqs Image Start -->
                <div class="our-faqs-image">
                    <div class="faqs-img-1">
                        <figure class="image-anime">
                            <img src="/assets/images/our-faqs-img-1.jpg" alt="">
                        </figure>
                    </div>

                    <div class="faqs-img-2">
                        <figure class="image-anime">
                            <img src="/assets/images/our-faqs-img-2.jpg" alt="">
                        </figure>
                    </div>
                </div>
                <!-- Our Faqs Image End -->
            </div>

            <div class="col-lg-6 order-lg-2 order-md-1 order-1">
                <!-- Our Faqs Content Start -->
                <div class="our-faqs-content">
                    <!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">frequently asked questions</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Everything you need to know about our services</h2>
                    </div>
                    <!-- Section Title End -->

                    <!-- Our Faqs Accordion Start -->
                    <div class="our-faqs-accordion" id="faqsaccordion">
                        <!-- FAQ Item Start -->
                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.25s">
                            <h2 class="accordion-header" id="faqheading1">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#faqcollapse1" aria-expanded="true" aria-controls="faqcollapse1">
                                    What do I need to rent a car?
                                </button>
                            </h2>
                            <div id="faqcollapse1" class="accordion-collapse collapse show" aria-labelledby="faqheading1"
                                 data-bs-parent="#faqsaccordion">
                                <div class="accordion-body">
                                    <p>Explore our diverse selection of high-end vehicles, choose your preferred pickup and return dates, and select a location that best fits your needs.</p>
                                </div>
                            </div>
                        </div>
                        <!-- FAQ Item End -->

                        <!-- FAQ Item Start -->
                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.5s">
                            <h2 class="accordion-header" id="faqheading2">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#faqcollapse2" aria-expanded="false" aria-controls="faqcollapse2">
                                    How old do I need to be to rent a car?
                                </button>
                            </h2>
                            <div id="faqcollapse2" class="accordion-collapse collapse" aria-labelledby="faqheading2"
                                 data-bs-parent="#faqsaccordion">
                                <div class="accordion-body">
                                    <p>Explore our diverse selection of high-end vehicles, choose your preferred pickup and return dates, and select a location that best fits your needs.</p>
                                </div>
                            </div>
                        </div>
                        <!-- FAQ Item End -->

                        <!-- FAQ Item Start -->
                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.75s">
                            <h2 class="accordion-header" id="faqheading3">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#faqcollapse3" aria-expanded="false" aria-controls="faqcollapse3">
                                    Can I rent a car with a debit card?
                                </button>
                            </h2>
                            <div id="faqcollapse3" class="accordion-collapse collapse" aria-labelledby="faqheading3"
                                 data-bs-parent="#faqsaccordion">
                                <div class="accordion-body">
                                    <p>Explore our diverse selection of high-end vehicles, choose your preferred pickup and return dates, and select a location that best fits your needs.</p>
                                </div>
                            </div>
                        </div>
                        <!-- FAQ Item End -->
                    </div>
                    <!-- Our Faqs Accordion End -->
                </div>
                <!-- Our Faqs Content End -->
            </div>
        </div>
    </div>
</div>
<!-- Our FAQs Section End -->

<!-- Our Testiminial Start -->
<div class="our-testimonial">
    <div class="container">
        <div class="row section-row">
            <div class="col-lg-12">
                <!-- Section Title Start -->
                <div class="section-title">
                    <h3 class="wow fadeInUp">testimonials</h3>
                    <h2 class="text-anime-style-3" data-cursor="-opaque">What our customers are saying about us</h2>
                </div>
                <!-- Section Title End -->
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <!-- Testimonial Slider Start -->
                <div class="testimonial-slider">
                    <div class="swiper">
                        <div class="swiper-wrapper" data-cursor-text="Drag">
                            <!-- Testimonial Slide Start -->
                            <div class="swiper-slide">
                                <div class="testimonial-item">
                                    <div class="testimonial-header">
                                        <div class="testimonial-rating">
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                        </div>
                                        <div class="testimonial-content">
                                            <p>Renting a car from nova ride was a great decision. Not only did I get a reliable and comfortable vehicle, but the prices were also very competitive.</p>
                                        </div>
                                    </div>
                                    <div class="testimonial-body">
                                        <div class="author-image">
                                            <figure class="image-anime">
                                                <img src="/assets/images/author-1.jpg" alt="">
                                            </figure>
                                        </div>
                                        <div class="author-content">
                                            <h3>floyd miles</h3>
                                            <p>project manager</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Testimonial Slide End -->

                            <!-- Testimonial Slide Start -->
                            <div class="swiper-slide">
                                <div class="testimonial-item">
                                    <div class="testimonial-header">
                                        <div class="testimonial-rating">
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-regular fa-star"></i>
                                        </div>
                                        <div class="testimonial-content">
                                            <p>Renting a car from nova ride was a great decision. Not only did I get a reliable and comfortable vehicle, but the prices were also very competitive.</p>
                                        </div>
                                    </div>
                                    <div class="testimonial-body">
                                        <div class="author-image">
                                            <figure class="image-anime">
                                                <img src="/assets/images/author-2.jpg" alt="">
                                            </figure>
                                        </div>
                                        <div class="author-content">
                                            <h3>annette black</h3>
                                            <p>project manager</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Testimonial Slide End -->

                            <!-- Testimonial Slide Start -->
                            <div class="swiper-slide">
                                <div class="testimonial-item">
                                    <div class="testimonial-header">
                                        <div class="testimonial-rating">
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-regular fa-star"></i>
                                            <i class="fa-regular fa-star"></i>
                                        </div>
                                        <div class="testimonial-content">
                                            <p>Renting a car from nova ride was a great decision. Not only did I get a reliable and comfortable vehicle, but the prices were also very competitive.</p>
                                        </div>
                                    </div>
                                    <div class="testimonial-body">
                                        <div class="author-image">
                                            <figure class="image-anime">
                                                <img src="/assets/images/author-3.jpg" alt="">
                                            </figure>
                                        </div>
                                        <div class="author-content">
                                            <h3>leslie alexander</h3>
                                            <p>project manager</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Testimonial Slide End -->

                            <!-- Testimonial Slide Start -->
                            <div class="swiper-slide">
                                <div class="testimonial-item">
                                    <div class="testimonial-header">
                                        <div class="testimonial-rating">
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                        </div>
                                        <div class="testimonial-content">
                                            <p>Renting a car from nova ride was a great decision. Not only did I get a reliable and comfortable vehicle, but the prices were also very competitive.</p>
                                        </div>
                                    </div>
                                    <div class="testimonial-body">
                                        <div class="author-image">
                                            <figure class="image-anime">
                                                <img src="/assets/images/author-4.jpg" alt="">
                                            </figure>
                                        </div>
                                        <div class="author-content">
                                            <h3>alis white</h3>
                                            <p>project manager</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Testimonial Slide End -->
                        </div>
                        <div class="testimonial-btn">
                            <div class="testimonial-button-prev"></div>
                            <div class="testimonial-button-next"></div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Slider End -->
            </div>
        </div>
    </div>
</div>
<!-- Our Testiminial End -->

<!-- CTA Box Section Start -->
<div class="cta-box bg-section">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 col-md-7">
                <!-- Cta Box Content Start -->
                <div class="cta-box-content">
                    <!-- Section Title Start -->
                    <div class="section-title">
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Ready to hit the road? Book your car today !</h2>
                        <p class="wow fadeInUp">Our friendly customer service team is here to help. Contact us anytime for support and inquiries.</p>
                    </div>
                    <!-- Section Title End -->

                    <!-- Cta Box Btn Start -->
                    <div class="cta-box-btn wow fadeInUp" data-wow-delay="0.5s">
                        <a href="#" class="btn-default">contact us</a>
                    </div>
                    <!-- Cta Box Btn End -->
                </div>
                <!-- Cta Box Content End -->
            </div>

            <div class="col-lg-6 col-md-5">
                <!-- Cta Box Image Start -->
                <div class="cat-box-image">
                    <figure>
                        <img src="/assets/images/cta-car-img.png" alt="">
                    </figure>
                </div>
                <!-- Cta Box Image End -->
            </div>
        </div>
    </div>
</div>
<!-- CTA Box Section End -->

<!-- Our Latest Article Start -->
<div class="latest-article">
    <div class="container">
        <div class="row section-row">
            <div class="col-lg-12">
                <!-- Section Title Start -->
                <div class="section-title">
                    <h3 class="wow fadeInUp">latest articles</h3>
                    <h2 class="text-anime-style-3" data-cursor="-opaque">Stay informed and inspired for your next journey</h2>
                </div>
                <!-- Section Title End -->
            </div>
        </div>

        <div class="row">
            <div class="col-lg-6">
                <!-- Highlighted Article Post Start -->
                <div class="highlighted-article-post wow fadeInUp">
                    <!-- Highlighted Article Featured Image Start -->
                    <div class="highlighted-article-featured-img">
                        <figure>
                            <a href="#" class="image-anime" data-cursor-text="View">
                                <img src="/assets/images/post-1.jpg" alt="">
                            </a>
                        </figure>
                    </div>
                    <!-- Highlighted Article Featured Image End -->

                    <!-- Highlighted Article Body Start -->
                    <div class="highlighted-article-body">
                        <!-- Article Meta Start -->
                        <div class="article-meta">
                            <ul>
                                <li><a href="#"><i class="fa-solid fa-calendar-days"></i> sep 19, 2024</a></li>
                            </ul>
                        </div>
                        <!-- Article Meta End -->

                        <!-- Highlighted Article Content Start -->
                        <div class="highlighted-article-content">
                            <h3><a href="#">Road Trip Essentials: What to Pack for a Smooth Journey</a></h3>
                            <a href="#" class="section-icon-btn">
                                <img src="/assets/images/arrow-white.svg" alt="">
                            </a>
                        </div>
                        <!-- Highlighted Article Content End -->
                    </div>
                    <!-- Highlighted Article Body End -->
                </div>
                <!-- Highlighted Article Post End -->
            </div>
            <div class="col-lg-6">
                <!-- Article Post Start -->
                <div class="article-post wow fadeInUp">
                    <div class="article-featured-img">
                        <figure>
                            <a href="#" class="image-anime" data-cursor-text="View">
                                <img src="/assets/images/post-2.jpg" alt="">
                            </a>
                        </figure>
                    </div>

                    <div class="article-post-body">
                        <!-- Article Meta Start -->
                        <div class="article-meta">
                            <ul>
                                <li><a href="#"><i class="fa-solid fa-calendar-days"></i> sep 20, 2024</a></li>
                            </ul>
                        </div>
                        <!-- Article Meta End -->

                        <div class="article-post-content">
                            <h3><a href="#">Exploring the City: Best Urban Destinations for a Weekend Getaway</a></h3>
                            <a href="#" class="read-story-btn">read story</a>
                        </div>
                    </div>
                </div>
                <!-- Article Post End -->

                <!-- Article Post Start -->
                <div class="article-post wow fadeInUp" data-wow-delay="0.25s">
                    <div class="article-featured-img">
                        <figure>
                            <a href="#" class="image-anime" data-cursor-text="View">
                                <img src="/assets/images/post-3.jpg" alt="">
                            </a>
                        </figure>
                    </div>

                    <div class="article-post-body">
                        <!-- Article Meta Start -->
                        <div class="article-meta">
                            <ul>
                                <li><a href="#"><i class="fa-solid fa-calendar-days"></i> sep 21, 2024</a></li>
                            </ul>
                        </div>
                        <!-- Article Meta End -->

                        <div class="article-post-content">
                            <h3><a href="#">Exploring the City: Best Urban Destinations for a Weekend Getaway</a></h3>
                            <a href="#" class="read-story-btn">read story</a>
                        </div>
                    </div>
                </div>
                <!-- Article Post End -->

                <!-- Article Post Start -->
                <div class="article-post wow fadeInUp" data-wow-delay="0.5s">
                    <div class="article-featured-img">
                        <figure>
                            <a href="#" class="image-anime" data-cursor-text="View">
                                <img src="/assets/images/post-4.jpg" alt="">
                            </a>
                        </figure>
                    </div>

                    <div class="article-post-body">
                        <!-- Article Meta Start -->
                        <div class="article-meta">
                            <ul>
                                <li><a href="#"><i class="fa-solid fa-calendar-days"></i> sep 22, 2024</a></li>
                            </ul>
                        </div>
                        <!-- Article Meta End -->

                        <div class="article-post-content">
                            <h3><a href="#">Exploring the City: Best Urban Destinations for a Weekend Getaway</a></h3>
                            <a href="#" class="read-story-btn">read story</a>
                        </div>
                    </div>
                </div>
                <!-- Article Post End -->
            </div>
        </div>
    </div>
</div>
<!-- Our Latest Article End -->

<!-- Footer Start -->
<footer class="main-footer bg-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-3">
                <!-- About Footer Start -->
                <div class="about-footer">
                    <!-- Footer Logo Start -->
                    <div class="footer-logo">
                        <img src="/assets/images/footer-logo.svg" alt="">
                    </div>
                    <!-- Footer Logo End -->

                    <!-- About Footer Content Start -->
                    <div class="about-footer-content">
                        <p>Experience the ease and convenience of renting a car with Novaride. </p>
                    </div>
                    <!-- About Footer Content End -->
                </div>
                <!-- About Footer End -->
            </div>

            <div class="col-lg-3 col-md-4">
                <!-- Footer Quick Links Start -->
                <div class="footer-links footer-quick-links">
                    <h3>legal policy</h3>
                    <ul>
                        <li><a href="#">term & condition</a></li>
                        <li><a href="#">privacy policy</a></li>
                        <li><a href="#">legal notice</a></li>
                        <li><a href="#">accessibility</a></li>
                    </ul>
                </div>
                <!-- Footer Quick Links End -->
            </div>

            <div class="col-lg-3 col-md-4">
                <!-- Footer Menu Start -->
                <div class="footer-links footer-menu">
                    <h3>quick links</h3>
                    <ul>
                        <li><a href="#">home</a></li>
                        <li><a href="#">about us</a></li>
                        <li><a href="#">cars</a></li>
                        <li><a href="#">services</a></li>
                    </ul>
                </div>
                <!-- Footer Menu End -->
            </div>

            <div class="col-lg-3 col-md-4">
                <!-- Footer Newsletter Start -->
                <div class="footer-newsletter">
                    <h3>Subscribe to the Newsleeters</h3>
                    <!-- Footer Newsletter Form Start -->
                    <div class="footer-newsletter-form">
                        <form id="newslettersForm" action="#" method="POST">
                            <div class="form-group">
                                <input type="email" name="email" class="form-control"  id="mail" placeholder="Email ..." required>
                                <button type="submit" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></button>
                            </div>
                        </form>
                    </div>
                    <!-- Footer Newsletter Form End -->
                </div>
                <!-- Footer Newsletter End -->
            </div>
        </div>

        <!-- Footer Copyright Section Start -->
        <div class="footer-copyright">
            <div class="row align-items-center">
                <div class="col-lg-6 col-md-7">
                    <!-- Footer Copyright Start -->
                    <div class="footer-copyright-text">
                        <p>© 2024 JohnBull Van Rental. All rights reserved.</p>
                    </div>
                    <!-- Footer Copyright End -->
                </div>

                <div class="col-lg-6 col-md-5">
                    <!-- Footer Social Link Start -->
                    <div class="footer-social-links">
                        <ul>
                            <li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>
                            <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                            <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
                            <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
                            <li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
                        </ul>
                    </div>
                    <!-- Footer Social Link End -->
                </div>
            </div>
        </div>
        <!-- Footer Copyright Section End -->
    </div>
</footer>
<!-- Footer End -->

<!-- Jquery Library File -->
<script src="/assets/js/jquery-3.7.1.min.js"></script>
<!-- Jquery Ui Js File -->
<script src="/assets/js/jquery-ui.js"></script>
<!-- Bootstrap js file -->
<script src="/assets/js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="/assets/js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="/assets/js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="/assets/js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="/assets/js/jquery.waypoints.min.js"></script>
<script src="/assets/js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="/assets/js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="/assets/js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="/assets/js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="/assets/js/gsap.min.js"></script>
<script src="/assets/js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="/assets/js/SplitText.js"></script>
<script src="/assets/js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="/assets/js/jquery.mb.YTPlayer.min.js"></script>
<!-- Wow js file -->
<script src="/assets/js/wow.js"></script>
<!-- Main Custom js file -->
<script src="/assets/js/function.js"></script>
</body>
</html>