<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Mr.Taxi | Reliable Car Rentals & City Tours</title>
    
    <!-- head -->
    <?php include('./includes/head.php'); ?>

</head>

<body>

    <div class="body-wrap">
        <!-- header -->
        <?php include('./includes/header.php'); ?>

        <main>
            <!-- sub banner -->
            <section>
                <div class="inner-sub-banner" style="background-image: url('./assets/image/banner/sub-banner-4.png');">
                    <div class="container-fluid">
                        <div class="sub-banner-content text-center">
                            <div class="sub-overlay">
                                <img src="./assets/image/banner/sub-banner-overlay.png" class="img-fluid" alt="">
                            </div>
                            <div class="banner-content-wrap">
                                <h4 class="sub-head">Explore, Travel & Experience</h4>
                                <h2 class="main-head">Discover Comfort and Freedom on Every Road Trip</h2>
                            </div>

                        </div>
                    </div>
                </div>
            </section>


            <!-- car rental -->
            <section>
                <div class="inner-rental">
                    <div class="container-fluid">

                        <div class="head-center">
                            <h4 class="sub-head" data-aos="zoom-in" data-aos-delay="200"><span>Car Tourism</span></h4>

                            <h2 class="main-head" data-aos="zoom-in" data-aos-delay="250">Reliable Car Tourism — Wherever You Need to Go</h2>
                            <p class="text-center">
                                At Mr.Taxi, we provide reliable, comfortable car tourism with skilled drivers, flexible bookings, transparent pricing, and 24/7 support.
                            </p>

                        </div>

                        <!-- Rental Section -->
                        <div class="rental-wrap py-5">
                            <div class="container">
                                <div class="row g-4 align-items-center justify-content-center">
                                    <!-- Sedan -->
                                    <div class="col-lg-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="200">
                                        <div class="car-item">
                                            <div class="rental-img">
                                                <a href="#">
                                                    <img src="./assets/image/rental/Sedan.webp" alt="Sedan">
                                                </a>
                                            </div>
                                            <div class="rentel-detail">
                                                <a href="#">
                                                    <h4>Sedan</h4>
                                                </a>
                                                <div class="car-details">
                                                    <div class="amount">
                                                        <p>₹1800 <span>/day</span></p>
                                                        <div class="rating">
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star-half-alt"></i>
                                                            <span class="rate-text">4.4</span>
                                                        </div>
                                                    </div>
                                                    <div class="specification">
                                                        <div class="spec-item"><i class="fa-solid fa-road"></i>
                                                            <p><strong>10 KM/litre</strong></p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-indian-rupee-sign"></i>
                                                            <p>₹14/km + Bata</p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>300 KM/day+</p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>Hills:₹2000</p>
                                                        </div>
                                                    </div>
                                                    <div class="custom-btn">
                                                        <a href="#" class="liquid-btn book-now-btn" data-car="Sedan">
                                                            Book Now <i class="bi bi-chevron-double-right"></i>
                                                        </a>
                                                    </div>


                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Maruthi Ciaz -->
                                    <div class="col-lg-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="250">
                                        <div class="car-item">
                                            <div class="rental-img">
                                                <a href="#"><img src="./assets/image/rental/Maruthi.webp" alt="Maruthi Ciaz"></a>
                                            </div>
                                            <div class="rentel-detail">
                                                <a href="#">
                                                    <h4>Maruthi Ciaz</h4>
                                                </a>
                                                <div class="car-details">
                                                    <div class="amount">
                                                        <p>₹2100 <span>/day</span></p>
                                                        <div class="rating">
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star-half-alt"></i>
                                                            <span class="rate-text">4.5</span>
                                                        </div>
                                                    </div>
                                                    <div class="specification">
                                                        <div class="spec-item"><i class="fa-solid fa-road"></i>
                                                            <p><strong>12 KM/litre</strong></p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>300 KM/day+</p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>Hills:₹2250</p>
                                                        </div>
                                                    </div>
                                                    <div class="custom-btn">
                                                        <a href="#" class="liquid-btn book-now-btn" data-car="Maruthi Ciaz">
                                                            Book Now <i class="bi bi-chevron-double-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Eritiga / Xylo / Tavera / Marazzo -->
                                    <div class="col-lg-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="300">
                                        <div class="car-item">
                                            <div class="rental-img">
                                                <a href="#"><img src="./assets/image/rental/Eritiga.webp" alt="Eritiga"></a>
                                            </div>
                                            <div class="rentel-detail">
                                                <a href="#">
                                                    <h4>Eritiga / Xylo / Tavera / Marazzo</h4>
                                                </a>
                                                <div class="car-details">
                                                    <div class="amount">
                                                        <p>₹2400 <span>/day</span></p>
                                                        <div class="rating">
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star-half-alt"></i>
                                                            <span class="rate-text">4.6</span>
                                                        </div>
                                                    </div>
                                                    <div class="specification">
                                                        <div class="spec-item"><i class="fa-solid fa-road"></i>
                                                            <p><strong>13 KM/litre</strong></p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-indian-rupee-sign"></i>
                                                            <p>₹17/km + Bata</p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>300 KM/day+</p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>Hills:₹2500</p>
                                                        </div>
                                                    </div>
                                                    <div class="custom-btn">
                                                        <a href="#" class="liquid-btn book-now-btn" data-car="Eritiga">
                                                            Book Now <i class="bi bi-chevron-double-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="200">
                                        <!-- Innova -->
                                        <div class="car-item" data-aos="zoom-in" data-aos-delay="450">
                                            <div class="rental-img">
                                                <a href="#">

                                                    <img src="./assets/image/rental/Innova.webp" alt="Innova">
                                                </a>
                                            </div>
                                            <div class="rentel-detail">
                                                <a href="#">

                                                    <h4>Innova</h4>
                                                </a>
                                                <div class="car-details">
                                                    <div class="amount">
                                                        <p>₹2500 <span>/day</span></p>
                                                        <div class="rating">
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star-half-alt"></i>
                                                            <span class="rate-text">4.6</span>
                                                        </div>
                                                    </div>

                                                    <div class="specification">
                                                        <div class="spec-item"><i class="fa-solid fa-road"></i>
                                                            <p><strong>14 KM/litre</strong></p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-indian-rupee-sign"></i>
                                                            <p>₹18/km + Bata</p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>300 KM/day+</p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>Hills:₹2700</p>
                                                        </div>
                                                    </div>
                                                    <div class="custom-btn">
                                                        <a href="#" class="liquid-btn book-now-btn" data-car="Innova">
                                                            Book Now <i class="bi bi-chevron-double-right"></i>
                                                        </a>
                                                    </div>



                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="200">
                                        <!-- Crysta -->
                                        <div class="car-item" data-aos="zoom-in" data-aos-delay="500">
                                            <div class="rental-img">
                                                <a href="#">

                                                    <img src="./assets/image/rental/crata.webp" alt="Crysta">
                                                </a>
                                            </div>
                                            <div class="rentel-detail">
                                                <a href="#">

                                                    <h4>Crysta</h4>
                                                </a>

                                                <div class="car-details">
                                                    <div class="amount">
                                                        <p>₹3200 <span>/day</span></p>
                                                        <div class="rating">
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star-half-alt"></i>
                                                            <span class="rate-text">4.7</span>
                                                        </div>
                                                    </div>

                                                    <div class="specification">
                                                        <div class="spec-item"><i class="fa-solid fa-road"></i>
                                                            <p><strong>15 KM/litre</strong></p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-indian-rupee-sign"></i>
                                                            <p>₹22/km + Bata</p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>300 KM/day+</p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>Hills:₹3500</p>
                                                        </div>
                                                    </div>
                                                    <div class="custom-btn">
                                                        <a href="#" class="liquid-btn book-now-btn" data-car="Crysta">
                                                            Book Now <i class="bi bi-chevron-double-right"></i>
                                                        </a>
                                                    </div>


                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Hycross -->
                                    <div class="col-lg-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="200">
                                        <div class="car-item" data-aos="zoom-in" data-aos-delay="600">
                                            <div class="rental-img">
                                                <a href="#">
                                                    <img src="./assets/image/rental/Hycross.webp" alt="Hycross">
                                                </a>
                                            </div>
                                            <div class="rentel-detail">
                                                <a href="#">
                                                    <h4>Hycross</h4>
                                                </a>
                                                <div class="car-details">
                                                    <div class="amount">
                                                        <p>₹4000 <span>/day</span></p>
                                                        <div class="rating">
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star-half-alt"></i>
                                                            <span class="rate-text">4.8</span>
                                                        </div>
                                                    </div>
                                                    <div class="specification">
                                                        <div class="spec-item"><i class="fa-solid fa-road"></i>
                                                            <p><strong>20 KM/litre</strong></p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>300 KM/day+</p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>Hills:₹3500</p>
                                                        </div>
                                                    </div>
                                                    <div class="custom-btn">
                                                        <a href="#" class="liquid-btn book-now-btn" data-car="Hycross">
                                                            Book Now <i class="bi bi-chevron-double-right"></i>
                                                        </a>
                                                    </div>


                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Tempo Traveller -->
                                    <div class="col-lg-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="200">
                                        <div class="car-item" data-aos="zoom-in" data-aos-delay="650">
                                            <div class="rental-img">
                                                <a href="#">
                                                    <img src="./assets/image/rental/tempo.webp" alt="Tempo Traveller Non AC">
                                                </a>
                                            </div>
                                            <div class="rentel-detail">
                                                <a href="#">
                                                    <h4>Tempo Traveller (Non AC)</h4>
                                                </a>

                                                <div class="car-details">
                                                    <div class="amount">
                                                        <p>₹3200 <span>/day</span></p>
                                                        <div class="rating">
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star-half-alt"></i>
                                                            <span class="rate-text">4.6</span>
                                                        </div>
                                                    </div>

                                                    <div class="specification">
                                                        <div class="spec-item"><i class="fa-solid fa-road"></i>
                                                            <p><strong>16 KM/litre</strong></p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-mountain"></i>
                                                            <p>Hills: ₹3500</p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>300 KM/day+</p>
                                                        </div>
                                                    </div>

                                                    <div class="custom-btn">
                                                        <a href="#" class="liquid-btn book-now-btn" data-car="Tempo Traveller (Non AC)">
                                                            Book Now <i class="bi bi-chevron-double-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Tempo Traveller (AC) -->
                                    <div class="col-lg-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="200">
                                        <div class="car-item" data-aos="zoom-in" data-aos-delay="700">
                                            <div class="rental-img">
                                                <a href="#">
                                                    <img src="./assets/image/rental/tempo.webp" alt="Tempo Traveller AC">
                                                </a>
                                            </div>
                                            <div class="rentel-detail">
                                                <a href="#">
                                                    <h4>Tempo Traveller (AC)</h4>
                                                </a>

                                                <div class="car-details">
                                                    <div class="amount">
                                                        <p>₹3500 <span>/day</span></p>
                                                        <div class="rating">
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star-half-alt"></i>
                                                            <span class="rate-text">4.7</span>
                                                        </div>
                                                    </div>

                                                    <div class="specification">
                                                        <div class="spec-item"><i class="fa-solid fa-road"></i>
                                                            <p><strong>18 KM/litre</strong></p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-gas-pump"></i>
                                                            <p>Per 300KM+</p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-snowflake"></i>
                                                            <p>AC ₹24 + Bata</p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-temperature-low"></i>
                                                            <p>Non AC ₹22 + Bata</p>
                                                        </div>
                                                    </div>

                                                    <div class="custom-btn">
                                                        <a href="#" class="liquid-btn book-now-btn" data-car="Tempo Traveller (AC)">
                                                            Book Now <i class="bi bi-chevron-double-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Coach -->
                                    <div class="col-lg-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="200">
                                        <div class="car-item" data-aos="zoom-in" data-aos-delay="750">
                                            <div class="rental-img">
                                                <a href="#">
                                                    <img src="./assets/image/rental/coach.webp" alt="Coach">
                                                </a>
                                            </div>
                                            <div class="rentel-detail">
                                                <a href="#">
                                                    <h4>Coach</h4>
                                                </a>

                                                <div class="car-details">
                                                    <div class="amount">
                                                        <p>₹3800 <span>/day</span></p>
                                                        <div class="rating">
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star-half-alt"></i>
                                                            <span class="rate-text">4.7</span>
                                                        </div>
                                                    </div>

                                                    <div class="specification">
                                                        <div class="spec-item"><i class="fa-solid fa-road"></i>
                                                            <p><strong>22 KM/litre</strong></p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-mountain"></i>
                                                            <p>Hills: ₹4000</p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>300 KM/day+</p>
                                                        </div>
                                                    </div>

                                                    <div class="custom-btn">
                                                        <a href="#" class="liquid-btn book-now-btn" data-car="Coach">
                                                            Book Now <i class="bi bi-chevron-double-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <!-- Urbania 12+1 -->
                                    <div class="col-lg-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="200">
                                        <div class="car-item" data-aos="zoom-in" data-aos-delay="800">
                                            <div class="rental-img">
                                                <a href="#">
                                                    <img src="./assets/image/rental/urbania.webp" alt="Urbania 12+1">
                                                </a>
                                            </div>
                                            <div class="rentel-detail">
                                                <a href="#">
                                                    <h4>Urbania 12+1</h4>
                                                </a>

                                                <div class="car-details">
                                                    <div class="amount">
                                                        <p>₹10,000 <span>/day</span></p>
                                                        <div class="rating">
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i><i class="fa fa-star"></i>
                                                            <i class="fa fa-star-half-alt"></i>
                                                            <span class="rate-text">4.9</span>
                                                        </div>
                                                    </div>

                                                    <div class="specification">
                                                        <div class="spec-item"><i class="fa-solid fa-gas-pump"></i>
                                                            <p><strong>100 KM Free</strong></p>
                                                        </div>
                                                        <div class="spec-item"><i class="fa-solid fa-car-side"></i>
                                                            <p>Luxury 12+1 Seater</p>
                                                        </div>
                                                    </div>

                                                    <div class="custom-btn">
                                                        <a href="#" class="liquid-btn book-now-btn" data-car="Urbania 12+1">
                                                            Book Now <i class="bi bi-chevron-double-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                </div>
                            </div>
                        </div>


                    </div>


                </div>
            </section>



            <section>
                <div class="inner-testimonial">
                    <div class="container-fluid">
                        <div class="head-center">
                            <h4 class="sub-head" data-aos="zoom-in" data-aos-delay="200">
                                <span>What Our Customers Say</span>
                            </h4>
                            <h2 class="main-head" data-aos="zoom-in" data-aos-delay="300">
                                Real Experiences, Real Journeys — Hear from Our Happy Riders
                            </h2>
                        </div>



                        <div class="textimonial-wrap">
                            <div class="row ">

                                <div class="col-lg-6 col-md-5 order-2 order-md-1 d-flex justify-content-center align-items-center">
                                    <div class="testimonial-left d-flex justify-content-center align-items-center" data-aos="zoom-in" data-aos-delay="200">
                                        <img src="./assets/image/home/testimonial.png" class="img-fluid" alt="">

                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-7 order-1 order-md-2">
                                    <div class="testimonial-right  d-flex justify-content-center aign-items-center" data-aos="zoom-in" data-aos-delay="300">
                                        <div class="container">
                                            <div class="testimonial-carousel owl-carousel">
                                                <!-- Testimonial 1 -->
                                                <div class="testimonial-item">
                                                    <i class="fas fa-quote-left quote-icon"></i>
                                                    <p>
                                                        Renting a car through Mr.Taxi was effortless! The vehicle was clean, well-maintained, and
                                                        comfortable for our entire family road trip. The driver was punctual and courteous.
                                                    </p>
                                                    <h5>Vikram Singh</h5>
                                                    <span>- Family Traveler</span>
                                                </div>

                                                <!-- Testimonial 2 -->
                                                <div class="testimonial-item">
                                                    <i class="fas fa-quote-left quote-icon"></i>
                                                    <p>
                                                        I booked a sedan for a business trip and was impressed by the professionalism and comfort.
                                                        The booking process was seamless, and the car arrived right on time. Highly recommended!
                                                    </p>
                                                    <h5>Neha Kapoor</h5>
                                                    <span>- Business Traveler</span>
                                                </div>

                                                <!-- Testimonial 3 -->
                                                <div class="testimonial-item">
                                                    <i class="fas fa-quote-left quote-icon"></i>
                                                    <p>
                                                        Mr.Taxi’s car rental service made our weekend getaway stress-free. The car was spotless,
                                                        smooth to drive, and perfect for our short trip out of town. Will rent again!
                                                    </p>
                                                    <h5>Rohan Mehta</h5>
                                                    <span>- Weekend Traveler</span>
                                                </div>

                                                <!-- Testimonial 4 -->
                                                <div class="testimonial-item">
                                                    <i class="fas fa-quote-left quote-icon"></i>
                                                    <p>
                                                        I needed a car for an outstation journey and Mr.Taxi delivered an excellent ride. The
                                                        driver was friendly and the vehicle was very comfortable. Truly reliable service!
                                                    </p>
                                                    <h5>Sneha Iyer</h5>
                                                    <span>- Outstation Traveler</span>
                                                </div>


                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>





            <!-- travels-form -->
            <?php include('./includes/travels-form.php'); ?>





            <!-- faq section -->
            <section>
                <div class="inner-faq">
                    <div class="container">
                        <div class="head-center text-center mb-4">
                            <h4 class="sub-head" data-aos="zoom-in" data-aos-delay="200">
                                <span>Frequently Asked Questions</span>
                            </h4>
                            <h2 class="main-head" data-aos="zoom-in" data-aos-delay="300">
                                Everything You Need to Know Before You Ride with Mr.Taxi
                            </h2>
                        </div>


                    </div>
                    <div class="faq-wrap py-5">
                        <div class="container">
                            <div class="row g-4 align-items-start">

                                <!-- Left Column -->
                                <div class="col-lg-6" data-aos="zoom-in" data-aos-delay="200">
                                    <div class="accordion" id="faqLeft">

                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="headingOneL">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOneL">
                                                    What services does Mr.Taxi offer?
                                                </button>
                                            </h2>
                                            <div id="collapseOneL" class="accordion-collapse collapse" data-bs-parent="#faqLeft">
                                                <div class="accordion-body">
                                                    Mr.Taxi provides local rides, outstation trips, airport transfers, and customized travel solutions with reliable drivers.
                                                </div>
                                            </div>
                                        </div>

                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="headingTwoL">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwoL">
                                                    Are your drivers trained and verified?
                                                </button>
                                            </h2>
                                            <div id="collapseTwoL" class="accordion-collapse collapse" data-bs-parent="#faqLeft">
                                                <div class="accordion-body">
                                                    Yes! All drivers undergo professional training, background checks, and regular performance evaluations for your safety.
                                                </div>
                                            </div>
                                        </div>

                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="headingThreeL">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThreeL">
                                                    Can I schedule a ride in advance?
                                                </button>
                                            </h2>
                                            <div id="collapseThreeL" class="accordion-collapse collapse" data-bs-parent="#faqLeft">
                                                <div class="accordion-body">
                                                    Absolutely. You can pre-book your ride anytime through our website or mobile app for a hassle-free pickup experience.
                                                </div>
                                            </div>
                                        </div>

                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="headingFourL">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourL">
                                                    What payment options do you accept?
                                                </button>
                                            </h2>
                                            <div id="collapseFourL" class="accordion-collapse collapse" data-bs-parent="#faqLeft">
                                                <div class="accordion-body">
                                                    We accept UPI, cards, wallets, and cash payments — choose the mode that’s most convenient for you.
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <!-- Right Column -->
                                <div class="col-lg-6" data-aos="zoom-in" data-aos-delay="300">
                                    <div class="accordion" id="faqRight">

                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="headingOneR">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOneR">
                                                    Can I book a cab for long-distance travel?
                                                </button>
                                            </h2>
                                            <div id="collapseOneR" class="accordion-collapse collapse" data-bs-parent="#faqRight">
                                                <div class="accordion-body">
                                                    Yes, Mr.Taxi offers flexible one-way and round-trip outstation rides at affordable rates.
                                                </div>
                                            </div>
                                        </div>

                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="headingTwoR">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwoR">
                                                    How do I contact customer support?
                                                </button>
                                            </h2>
                                            <div id="collapseTwoR" class="accordion-collapse collapse" data-bs-parent="#faqRight">
                                                <div class="accordion-body">
                                                    You can reach our 24/7 support team via phone, WhatsApp, or email for quick assistance.
                                                </div>
                                            </div>
                                        </div>

                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="headingThreeR">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThreeR">
                                                    Do you provide airport transfers?
                                                </button>
                                            </h2>
                                            <div id="collapseThreeR" class="accordion-collapse collapse" data-bs-parent="#faqRight">
                                                <div class="accordion-body">
                                                    Yes, we offer punctual airport pick-up and drop services to ensure you never miss a flight.
                                                </div>
                                            </div>
                                        </div>

                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="headingFourR">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourR">
                                                    Can I modify or cancel a booking?
                                                </button>
                                            </h2>
                                            <div id="collapseFourR" class="accordion-collapse collapse" data-bs-parent="#faqRight">
                                                <div class="accordion-body">
                                                    Yes, you can easily update or cancel your ride through our platform before the scheduled time.
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>


                </div>
            </section>








        </main>

        <!-- Footer -->
        <?php include('./includes/footer.php'); ?>

    </div>

    <!-- Script -->
    <?php include('./includes/script.php'); ?>

</body>

</html>