
 
    <style>
        /* Custom CSS for Tabs */
        /*.features-area {*/
        /*    background-color: #f9f9f9;*/
        /*    padding: 50px 0;*/
        /*}*/

        .nav-tabs {
            /*border-bottom: 2px solid #ddd;*/
            justify-content: justify;
            border-bottom:none;
            padding: 25px 25px 5px 25px;
        }

        .nav-tabs .nav-item .nav-link {
            border: 1px solid #ddd;
            border-radius: 5px;
            margin: 0 5px;
            padding: 10px 20px;
            color: #333;
            background-color: #fff;
            transition: all 0.3s ease;
        }

        .nav-tabs .nav-item .nav-link.active {
            background-color: #000;
            color: #fff;
            border-color: #fff;
        }

        .tab-content {
            padding: 10px;
            /*border: 1px solid #ddd;*/
            border-top: none;
            /*background-color: #fff;*/
            border-radius: 0 0 5px 5px;
        }


.get-free-form {
    padding: 0px;}
        /*.default-btn {*/
        /*    background-color: #007bff;*/
        /*    color: #fff;*/
        /*    border: none;*/
        /*    padding: 10px 20px;*/
        /*    border-radius: 5px;*/
        /*    cursor: pointer;*/
        /*    transition: all 0.3s ease;*/
        /*}*/

        /*.default-btn:hover {*/
        /*    background-color: #0056b3;*/
        /*}*/

        /*.fancyformcontainer h3 {*/
        /*    color: #333;*/
        /*    margin-bottom: 20px;*/
        /*}*/

        /*.form-control {*/
        /*    border-radius: 5px;*/
        /*    margin-bottom: 15px;*/
        /*}*/

        /*.form-group label {*/
        /*    font-weight: 500;*/
        /*    margin-bottom: 5px;*/
        /*}*/
    </style>

    <section class="features-area" style="background-color:#f1f6e9;">
        <div class="container">
            <div class="features-bg">
                <div class="row justify-content-center">
                    <div class="col-lg-12 col-sm-6 fancy-forms">
                        <!-- Navigation Tabs -->
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="daily-tab" data-bs-toggle="tab" href="#daily" role="tab" aria-controls="daily" aria-selected="true">Hotel to Airport</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="signup-tab" data-bs-toggle="tab" href="#signup" role="tab" aria-controls="signup" aria-selected="false">Airport to Hotel</a>
                            </li>
                        </ul>

                        <!-- Tab Content -->
                        <div class="tab-content" id="myTabContent">
                            <!-- Daily Tab -->
                            <div class="tab-pane fade show active" id="daily" role="tabpanel" aria-labelledby="daily-tab">
                                <div class="fancyformcontainer">
                                    <!--<h3 class="text-center">Daily</h3>-->
                                    <form id="dailyForm" method="POST" class="get-free-form">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    
                                                    <input type="text" id="name" name="name" class="form-control" placeholder="Enter Name">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                   
                                                    <input type="email" id="email" name="email" class="form-control" placeholder="Enter Email">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                   
                                                    <input type="text" id="phone" name="phone" class="form-control" placeholder="Enter Phone">
                                                </div>
                                            </div>
                                        
                                         <div class="col-md-3">
                                        <button type="submit" class="default-btn">Enquiry Now</button> </div></div>
                                    </form>
                                </div>
                            </div>

                            <!-- Sign Up Tab -->
                            <div class="tab-pane fade" id="signup" role="tabpanel" aria-labelledby="signup-tab">
                                <div class="fancyformcontainer">
                                    <!--<h3 class="text-center">Sign Up</h3>-->
                                    <form id="signupForm" method="POST" class="get-free-form">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    
                                                    <input type="text" id="signupName" name="signupName" class="form-control" placeholder="Enter Name">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    
                                                    <input type="email" id="signupEmail" name="signupEmail" class="form-control" placeholder="Enter Email">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                   
                                                    <input type="text" id="signupPhone" name="signupPhone" class="form-control" placeholder="Enter Phone">
                                                </div>
                                            </div>
                                       
                                         <div class="col-md-3">
                                        <button type="submit" class="default-btn">Sign Up Now</button> </div> </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>

