<div class="main">
            <p class="fd-3">My Rides</p>

            <!-- Bootstrap Nav Tabs -->
            <ul class="nav nav-tabs custom-tabs mb-3 gap-3" id="rideTabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <a href="<?php echo base_url('dashboard/myrides'); ?>" 
                    class="nav-link <?php echo ($status == 'ongoing') ? 'active' : ''; ?>"
                     id="ongoing-tab">Ongoing Ride</a>
                </li>
                <li class="nav-item" role="presentation">
                <a href="<?php echo base_url('dashboard/schedule_ride'); ?>" 
                    class="nav-link <?php echo ($status == 'schedule') ? 'active' : ''; ?>"

                    id="schedule-tab" >Schedule Ride</a>
                
                </li>
                <li class="nav-item" role="presentation">
                
                <a href="<?php echo base_url('dashboard/complete_ride'); ?>" 
                    class="nav-link <?php echo ($status == 'complete') ? 'active' : ''; ?>"
                    id="complete-tab" >Complete Ride</a>
                    
                </li>
            </ul>

            <!-- Tabs Content -->
            <div class="tab-content" id="rideTabsContent">
                <!-- on going tab-conent -->
                <div class="tab-pane fade <?php echo ($status == 'ongoing') ? 'show active' : ''; ?>" id="ongoing" role="tabpanel" aria-labelledby="ongoing-tab">
                    <div>
                        <p class="fd-3"> My Ongoing Ride</p>
                        <div class="row my-2 g-2">
                            <div class="col-md-6">
                                <div class="card m-card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap">
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/rimage2.png" alt="">
                                                    <div>
                                                        <p class="fd-7 mb-0">Grant Marshall</p>
                                                        <p class="fd-5 mb-0">Honda (AX11M4D) - 5 April, 08:00 PM
                                                        </p>
                                                        <p class="fd-8 mb-0 d-flex align-items-center gap-1"> <img
                                                                src="./assets/images/icons/star.png" alt=""> 4.9</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="fd-9">New RIde</p>
                                        </div>
                                        <div class=" row mt-3">
                                            <div class="col-6">
                                                <div class=" d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Pick-up Location</p>
                                                        <p class="fd-6">Milan Chowk, New Baneshowr</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Drop-off Location</p>
                                                        <p class="fd-6">Consectetur Hotel</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card m-card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap">
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/rimage2.png" alt="">
                                                    <div>
                                                        <p class="fd-7 mb-0">Grant Marshall</p>
                                                        <p class="fd-5 mb-0">Honda (AX11M4D) - 5 April, 08:00 PM
                                                        </p>
                                                        <p class="fd-8 mb-0 d-flex align-items-center gap-1"> <img
                                                                src="./assets/images/icons/star.png" alt=""> 4.9</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="fd-9">New RIde</p>
                                        </div>
                                        <div class=" row mt-3">
                                            <div class="col-6">
                                                <div class=" d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Pick-up Location</p>
                                                        <p class="fd-6">Milan Chowk, New Baneshowr</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Drop-off Location</p>
                                                        <p class="fd-6">Consectetur Hotel</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card m-card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap">
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/rimage2.png" alt="">
                                                    <div>
                                                        <p class="fd-7 mb-0">Grant Marshall</p>
                                                        <p class="fd-5 mb-0">Honda (AX11M4D) - 5 April, 08:00 PM
                                                        </p>
                                                        <p class="fd-8 mb-0 d-flex align-items-center gap-1"> <img
                                                                src="./assets/images/icons/star.png" alt=""> 4.9</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="fd-9">New RIde</p>
                                        </div>
                                        <div class=" row mt-3">
                                            <div class="col-6">
                                                <div class=" d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Pick-up Location</p>
                                                        <p class="fd-6">Milan Chowk, New Baneshowr</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Drop-off Location</p>
                                                        <p class="fd-6">Consectetur Hotel</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card m-card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap">
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/rimage2.png" alt="">
                                                    <div>
                                                        <p class="fd-7 mb-0">Grant Marshall</p>
                                                        <p class="fd-5 mb-0">Honda (AX11M4D) - 5 April, 08:00 PM
                                                        </p>
                                                        <p class="fd-8 mb-0 d-flex align-items-center gap-1"> <img
                                                                src="./assets/images/icons/star.png" alt=""> 4.9</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="fd-9">New RIde</p>
                                        </div>
                                        <div class=" row mt-3">
                                            <div class="col-6">
                                                <div class=" d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Pick-up Location</p>
                                                        <p class="fd-6">Milan Chowk, New Baneshowr</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Drop-off Location</p>
                                                        <p class="fd-6">Consectetur Hotel</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card m-card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap">
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/rimage2.png" alt="">
                                                    <div>
                                                        <p class="fd-7 mb-0">Grant Marshall</p>
                                                        <p class="fd-5 mb-0">Honda (AX11M4D) - 5 April, 08:00 PM
                                                        </p>
                                                        <p class="fd-8 mb-0 d-flex align-items-center gap-1"> <img
                                                                src="./assets/images/icons/star.png" alt=""> 4.9</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="fd-9">New RIde</p>
                                        </div>
                                        <div class=" row mt-3">
                                            <div class="col-6">
                                                <div class=" d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Pick-up Location</p>
                                                        <p class="fd-6">Milan Chowk, New Baneshowr</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Drop-off Location</p>
                                                        <p class="fd-6">Consectetur Hotel</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card m-card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap">
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/rimage2.png" alt="">
                                                    <div>
                                                        <p class="fd-7 mb-0">Grant Marshall</p>
                                                        <p class="fd-5 mb-0">Honda (AX11M4D) - 5 April, 08:00 PM
                                                        </p>
                                                        <p class="fd-8 mb-0 d-flex align-items-center gap-1"> <img
                                                                src="./assets/images/icons/star.png" alt=""> 4.9</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="fd-9">New RIde</p>
                                        </div>
                                        <div class=" row mt-3">
                                            <div class="col-6">
                                                <div class=" d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Pick-up Location</p>
                                                        <p class="fd-6">Milan Chowk, New Baneshowr</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Drop-off Location</p>
                                                        <p class="fd-6">Consectetur Hotel</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- schedule tab-content -->
                <div class="tab-pane fade <?php echo ($status == 'schedule') ? 'show active' : ''; ?>" id="schedule" role="tabpanel" aria-labelledby="schedule-tab">
                    <div>
                        <p class="fd-3">My Schedule Ride</p>
                        <div class="row my-2 g-2">
                           
                            <?php
                            foreach($rides as $key => $ride) {?>
                            <div class="col-md-6">
                                <a style="text-decoration: none;" href="<?php echo base_url(); ?>dashboard/view_scheduled_ride/<?php echo $key; ?>">
                                  <div class="card m-card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap">
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <img 
                                                    src="<?php echo base_url(); ?>assets/images/rimage2.png" alt="">
                                                    <div>
                                                        <p class="fd-7 mb-0"><?php echo $ride['driver']['firstName'].' '.$ride['driver']['lastName']; ?></p>
                                                        <p class="fd-5 mb-0"><?php echo $ride['carType']; ?>-
                                                        <?php echo date('d F, Y h:i A', ($ride['pickupDate']/1000)); ?>  -
                                                            $<?php echo $ride['price']; ?>
                                                        </p>
                                                        <p class="fd-8 mb-0 d-flex align-items-center gap-1"> <img
                                                                src="<?php echo base_url(); ?>assets/images/icons/star.png" alt=""> <?php if($ride['rating']){ echo $ride['rating']; } else { echo 'N/A'; } ?></p>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="fd-9">Schedule Ride</p>
                                        </div>
                                        <div class=" row mt-3">
                                            <div class="col-6">
                                                <div class=" d-flex align-items-center gap-2">
                                                    <img src="<?php echo base_url(); ?>assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Pick-up Location</p>
                                                        <p class="fd-6"><?php echo $ride['pickUp']['address']; ?></p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="<?php echo base_url(); ?>assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Drop-off Location</p>
                                                        <p class="fd-6"><?php echo $ride['destinations'][0]['address']; ?></p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                  
                                </div>
                                </a>
                            </div>
                            <?php
                            }
                            ?>
                        </div>
                    </div>
                </div>
                <!-- complete tab-content -->
                <div class="tab-pane fade <?php echo ($status == 'complete') ? 'show active' : ''; ?>" id="complete" role="tabpanel" aria-labelledby="complete-tab">
                    <div>
                        <p class="fd-3"> My Complete Ride</p>
                        <div class="row my-2 g-2">
                            <div class="col-md-6">
                                <div class="card m-card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap">
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/rimage2.png" alt="">
                                                    <div>
                                                        <p class="fd-7 mb-0">Grant Marshall</p>
                                                        <p class="fd-5 mb-0">Honda (AX11M4D) - 5 April, 08:00 PM -
                                                            $125.00
                                                        </p>
                                                        <p class="fd-8 mb-0 d-flex align-items-center gap-1"> <img
                                                                src="./assets/images/icons/star.png" alt=""> 4.9</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="fd-9">Complete Ride</p>
                                        </div>
                                        <div class=" row mt-3">
                                            <div class="col-6">
                                                <div class=" d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Pick-up Location</p>
                                                        <p class="fd-6">Milan Chowk, New Baneshowr</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Drop-off Location</p>
                                                        <p class="fd-6">Consectetur Hotel</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card m-card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap">
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/rimage2.png" alt="">
                                                    <div>
                                                        <p class="fd-7 mb-0">Grant Marshall</p>
                                                        <p class="fd-5 mb-0">Honda (AX11M4D) - 5 April, 08:00 PM -
                                                            $125.00
                                                        </p>
                                                        <p class="fd-8 mb-0 d-flex align-items-center gap-1"> <img
                                                                src="./assets/images/icons/star.png" alt=""> 4.9</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="fd-9">Complete Ride</p>
                                        </div>
                                        <div class=" row mt-3">
                                            <div class="col-6">
                                                <div class=" d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Pick-up Location</p>
                                                        <p class="fd-6">Milan Chowk, New Baneshowr</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Drop-off Location</p>
                                                        <p class="fd-6">Consectetur Hotel</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card m-card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap">
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/rimage2.png" alt="">
                                                    <div>
                                                        <p class="fd-7 mb-0">Grant Marshall</p>
                                                        <p class="fd-5 mb-0">Honda (AX11M4D) - 5 April, 08:00 PM -
                                                            $125.00
                                                        </p>
                                                        <p class="fd-8 mb-0 d-flex align-items-center gap-1"> <img
                                                                src="./assets/images/icons/star.png" alt=""> 4.9</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="fd-9">Complete Ride</p>
                                        </div>
                                        <div class=" row mt-3">
                                            <div class="col-6">
                                                <div class=" d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Pick-up Location</p>
                                                        <p class="fd-6">Milan Chowk, New Baneshowr</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Drop-off Location</p>
                                                        <p class="fd-6">Consectetur Hotel</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card m-card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap">
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/rimage2.png" alt="">
                                                    <div>
                                                        <p class="fd-7 mb-0">Grant Marshall</p>
                                                        <p class="fd-5 mb-0">Honda (AX11M4D) - 5 April, 08:00 PM -
                                                            $125.00
                                                        </p>
                                                        <p class="fd-8 mb-0 d-flex align-items-center gap-1"> <img
                                                                src="./assets/images/icons/star.png" alt=""> 4.9</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="fd-9">Complete Ride</p>
                                        </div>
                                        <div class=" row mt-3">
                                            <div class="col-6">
                                                <div class=" d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Pick-up Location</p>
                                                        <p class="fd-6">Milan Chowk, New Baneshowr</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Drop-off Location</p>
                                                        <p class="fd-6">Consectetur Hotel</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card m-card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap">
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/rimage2.png" alt="">
                                                    <div>
                                                        <p class="fd-7 mb-0">Grant Marshall</p>
                                                        <p class="fd-5 mb-0">Honda (AX11M4D) - 5 April, 08:00 PM -
                                                            $125.00
                                                        </p>
                                                        <p class="fd-8 mb-0 d-flex align-items-center gap-1"> <img
                                                                src="./assets/images/icons/star.png" alt=""> 4.9</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="fd-9">Complete Ride</p>
                                        </div>
                                        <div class=" row mt-3">
                                            <div class="col-6">
                                                <div class=" d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Pick-up Location</p>
                                                        <p class="fd-6">Milan Chowk, New Baneshowr</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Drop-off Location</p>
                                                        <p class="fd-6">Consectetur Hotel</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card m-card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap">
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/rimage2.png" alt="">
                                                    <div>
                                                        <p class="fd-7 mb-0">Grant Marshall</p>
                                                        <p class="fd-5 mb-0">Honda (AX11M4D) - 5 April, 08:00 PM -
                                                            $125.00
                                                        </p>
                                                        <p class="fd-8 mb-0 d-flex align-items-center gap-1"> <img
                                                                src="./assets/images/icons/star.png" alt=""> 4.9</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="fd-9">Complete Ride</p>
                                        </div>
                                        <div class=" row mt-3">
                                            <div class="col-6">
                                                <div class=" d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Pick-up Location</p>
                                                        <p class="fd-6">Milan Chowk, New Baneshowr</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Drop-off Location</p>
                                                        <p class="fd-6">Consectetur Hotel</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card m-card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap">
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/rimage2.png" alt="">
                                                    <div>
                                                        <p class="fd-7 mb-0">Grant Marshall</p>
                                                        <p class="fd-5 mb-0">Honda (AX11M4D) - 5 April, 08:00 PM -
                                                            $125.00
                                                        </p>
                                                        <p class="fd-8 mb-0 d-flex align-items-center gap-1"> <img
                                                                src="./assets/images/icons/star.png" alt=""> 4.9</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="fd-9">Complete Ride</p>
                                        </div>
                                        <div class=" row mt-3">
                                            <div class="col-6">
                                                <div class=" d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Pick-up Location</p>
                                                        <p class="fd-6">Milan Chowk, New Baneshowr</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex align-items-center gap-2">
                                                    <img src="./assets/images/icons/loca.png" alt="">
                                                    <div>
                                                        <p class="fd-5">Drop-off Location</p>
                                                        <p class="fd-6">Consectetur Hotel</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>