במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

]]jkjjgdjffksdkdxdsghfghdfghfgdfsdsdfsdfsfdsbcxvxcbccwewqeqwewqskfgj במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

<!DOCTYPE html>
<html lang="en">
   <?php include'head.php'?>
   <body style="background-color: #f2f2f2;">
      <?php include'header.php'?>
      <section class="pt-3 pb-3 page-info section-padding border-bottom bg-white">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <a href="index.php"><strong><span class="mdi mdi-home"></span> Home</strong></a> <span class="mdi mdi-chevron-right"></span> <a href="#">Traveller Details</a>
               </div>
            </div>
         </div>
      </section>
      <section class="flight_details">
         <div class="container">
            <div class="row">
               <div class="col-md-6" style="margin: auto;">
                  <div class="ranges">
                     <div class="progress px-1" style="height: 3px;">
                        <div class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
                     </div>
                     <div class="step-container d-flex justify-content-between">
                        <div class="step-circle" onclick="displayStep(1)">1</div>
                        <div class="step-circle" onclick="displayStep(2)">2</div>
                        <div class="step-circle" onclick="displayStep(3)">3</div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section class="flight_box">
         <div class="container">
         <div class="row">
            <div class="col-md-12">
               <div class="detail_chap_1">
                  <h2 class="heading_2">Traveller Details</h2>
                  <p class="monitoring"><span>powered by</span> &nbsp;<img src="../img/makemy.png"> </p>
               </div>
            </div>
         </div>
         <div class="row">
            <div class="col-md-9">
               <div class="travel_chap_1">
                  <div class="home_1 mt-0">
                     <div class="stars_box">
                        <p><span>Adult</span><span class="f240458b">(0/1)</span></p>
                        <div class="w_70_tvl">
                           <div class="custom-control custom-checkbox">
                              <input type="checkbox" class="custom-control-input" id="cb1">
                              <label class="custom-control-label" for="cb1"> Raghav Sinha </label>
                           </div>
                           <div class="delete_edit">
                              <div class="delete"><i class="fa fa-trash"></i></div>
                              <div class="edit"><i class="fa fa-pencil"></i></div>
                           </div>
                        </div>
                     </div>
                  </div>
                   
               </div>
               <div class="detail_chap_4">
                  <div class="collage">
                     <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                        <div class="panel panel-default">
                           <div class="panel-heading" role="tab" id="headingthree">
                              <h4 class="panel-title">
                                 <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsethree" aria-expanded="true" aria-controls="collapsethree">
                                 <i class="fa fa-chevron-left">&nbsp;</i>
                                 Add new adult
                                 </a>
                              </h4>
                           </div>
                           <div id="collapsethree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingthree">
                              <div class="panel-body bg_color">
                                 <div class="travel_part">
                                    <p class="notesflight"><img src="../img/i-icon.png" class="notes-icon"> Non-refundable convenience fee will be added to total amount before payment.</p>
                                    <div class="form_part">
                                       <form class="row">
                                          <div class="col-md-2">
                                             <div class="form-group">
                                                <label>Gender</label>
                                                <select class="form-control">
                                                   <option>Male</option>
                                                   <option>Female</option>
                                                </select>
                                             </div>
                                          </div>
                                          <div class="col-md-5">
                                             <div class="form-group">
                                                <label>First & Middle Name</label>
                                                <input type="text" class="form-control" name="">
                                             </div>
                                          </div>
                                          <div class="col-md-5">
                                             <div class="form-group">
                                                <label>Last Name</label>
                                                <input type="text" class="form-control" name="">
                                             </div>
                                          </div>
                                          <div class="col-md-12">
                                             <div class="double_btn">
                                                <button class="btn_dismiss">Dismiss</button>
                                                <button class="btn_adult">Add Adult</button>
                                             </div>
                                          </div>
                                       </form>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     
                  </div>
               </div>
               <div class="travel_chap_2">
                  <p class="heading_2">Contact Detail</p>
                  <div class="home_2 mt-0">
                     <div class="detail_box">
                        <div class="w_01_tvl">
                           <p class="notesflight"><img src="../img/i-icon.png" class="notes-icon"> Non-refundable convenience fee will be added to total amount before payment.</p>
                           <div class="form_travel">
                              <form class="row">
                                 <div class="col-md-1 col-sm-2 col-xs-2 col-2">
                                    <div class="form-group">
                                       <label>Mobile</label><br>
                                       <a href="" data-toggle="modal" data-target="#exampleModal"><button class="f100">+91 <img src="../img/dot.png"></button></a>
                                    </div>
                                 </div>
                                 <div class="col-md-5 col-sm-10 col-xs-10 col-10">
                                    <div class="form-group">
                                       <label>&nbsp;</label>
                                       <input type="number" class="form-control" name="">
                                    </div>
                                 </div>
                                 <div class="col-md-5">
                                    <div class="form-group">
                                       <label>Last Name</label>
                                       <input type="text" class="form-control" name="">
                                    </div>
                                 </div>
                              </form>
                           </div>
                        </div>
                     </div>
                  </div>
                   
               </div>
               <div class="detail_chap_4">
                  <div class="collage">
                     <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                        <div class="panel panel-default">
                           <div class="panel-heading" role="tab" id="headingthree">
                              <h4 class="panel-title">
                                 <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsefour" aria-expanded="true" aria-controls="collapsefour">
                                 <i class="fa fa-chevron-left">&nbsp;</i>
                                 Add GST details to claim tax benefit
                                 </a>
                              </h4>
                           </div>
                           <div id="collapsefour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingfour">
                              <div class="panel-body bg_color">
                                 <div class="travel_part">
                                    <div class="form_part">
                                       <form class="row">
                                          <div class="col-md-5">
                                             <div class="form-group">
                                                <label>Registration No</label>
                                                <input type="number" class="form-control" name="">
                                             </div>
                                          </div>
                                          <div class="col-md-5">
                                             <div class="form-group">
                                                <label>Company Name</label>
                                                <input type="text" class="form-control" name="">
                                             </div>
                                          </div>
                                          <div class="col-md-12">
                                             <p class="notesflight"><img src="../img/i-icon.png" class="notes-icon"> Non-refundable convenience fee will be added to total amount before payment.</p>
                                          </div>
                                          <div class="col-md-12">
                                             <div class="double_btn">
                                                <button class="btn_dismiss">Dismiss</button>
                                                <button class="btn_adult">Add Gst Details</button>
                                             </div>
                                          </div>
                                       </form>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     
                  </div>
               </div>
            </div>
            <div class="col-md-3">
               <div class="amount_section mt-0">
                  <div class="sec_amount">
                     <div class="sec_1">
                        <h4>Total Amount</h4>
                        <p>₹4,081</p>
                     </div>
                     <div class="sec_2">
                        <p class="mb-1">Get this flight at <span class="getdetail">₹3,959 (₹122 cashback)</span> with Amazon Pay ICICI card</p>
                        <p class="notesflight"><img src="../img/i-icon.png" class="notes-icon"> Non-refundable convenience fee will be added to total amount before payment.</p>
                        <a href="order-review.php" class="btn_flight">Proceed to traveller details</a>
                     </div>
                     <div class="sec_3">
                        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                           <div class="panel panel-default">
                              <div class="panel-heading" role="tab" id="headingtwo">
                                 <h4 class="panel-title">
                                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsetwo" aria-expanded="true" aria-controls="collapsetwo">
                                    <i class="fa fa-chevron-left">&nbsp;</i>
                                    View fare details
                                    </a>
                                 </h4>
                              </div>
                              <div id="collapsetwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                                 <div class="panel-body body_collage">
                                    <div class="heading">
                                       Fare Detail
                                    </div>
                                    <div class="basic_price">
                                       <div class="plane">
                                          <span>New Delhi</span>
                                          <span><i class="fa fa-plane"></i></span>
                                          <span>Mumbai</span>
                                       </div>
                                       <div class="fare">
                                          <p>Base Fare</p>
                                          <p class="rupee">₹ 3,386</p>
                                       </div>
                                       <div class="fare">
                                          <p>Taxes & Fees</p>
                                          <p class="rupee">₹ 686</p>
                                       </div>
                                    </div>
                                    <div class="fix_amount">
                                       <h4>Total Amount</h4>
                                       <p>₹4,081</p>
                                    </div>
                                    <div class="found">
                                       <p><img src="../img/i-icon.png" class="notes-icon"> Non-refundable convenience fee will be added to total amount before payment.</p>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        
                     </div>
                  </div>
               </div>
               
            </div>
         </div>
      </section>
      <?php include'footer.php'?>
      
      
      
      <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
         <div class="modal-dialog country_code_ppup" role="document">
            <div class="modal-content">
               <div class="modal-header heads_modal">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
               </div>
               <div class="modal-body">
                  <div class="content_part_modal">
                     <div class="left_modal">
                        <div class="input-group">
                           <input type="text" placeholder="Country Name or Code" class="form-control">
                           <div class="input-group-append">
                              <button type="button" class="btn btn-secondary">Search <i class="mdi mdi-arrow-right"></i></button>
                           </div>
                        </div>
                        <br>
                        <ul class="height_scroll">
                           <li>India ( +91 )</li>
                           <li>Afghanistan ( +93 )</li>
                           <li>Algeria ( +213 )</li>
                           <li>American Samoa ( +1 )</li>
                           <li>Andorra ( +376 )</li>
                           <li>Angola ( +244 )</li>
                           <li>Anguilla ( +1 )</li>
                           <li>Antarctica ( +672 )</li>
                           <li>Antigua and Barbuda ( +1 )</li>
                           <li>Argentina ( +54 )</li>
                           <li>Armenia ( +374 )</li>
                           <li>Aruba ( +297 )</li>
                           <li>Australia ( +61 )</li>
                           <li>Austria ( +43 )</li>
                           <li>Azerbaijan ( +994 )</li>
                           <li>Bahamas ( +1 )</li>
                           <li>Bahrain ( +973 )</li>
                        </ul>
                     </div>
                  </div>
               </div>
               
            </div>
         </div>
      </div>
      <script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
      <script src="../vendor/jquery/jquery.min.js" type="ed4a61421ddfca64ccb2d52f-text/javascript"></script>
      <script src="../vendor/bootstrap/js/bootstrap.bundle.min.js" type="ed4a61421ddfca64ccb2d52f-text/javascript"></script>
      <script src="../vendor/select2/js/select2.min.js" type="ed4a61421ddfca64ccb2d52f-text/javascript"></script>
      <script src="../vendor/owl-carousel/owl.carousel.js" type="ed4a61421ddfca64ccb2d52f-text/javascript"></script>
      <script src="../js/custom.js" type="ed4a61421ddfca64ccb2d52f-text/javascript"></script>
      <script src="../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="ed4a61421ddfca64ccb2d52f-|49" defer=""></script>
      <script defer="" src="../beacon.min.js/v8b253dfea2ab4077af8c6f58422dfbfd1689876627854" integrity="sha512-bjgnUKX4azu3dLTVtie9u6TKqgx29RBwfj3QXYt5EKfWM/9hPSAI/4qcV5NACjwAo8UtTeWefx6Zq5PHcMm7Tg==" data-cf-beacon='{"rayId":"7fa97b669df93c70","version":"2023.8.0","r":1,"b":1,"token":"dd471ab1978346bbb991feaa79e6ce5c","si":100}' crossorigin="anonymous"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
      <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
      <script src="../vendor/flight.js" type="ed4a61421ddfca64ccb2d52f-text/javascript"></script>
      <link href="../css/flight.css" rel="stylesheet">
      <link rel="stylesheet" type="text/css" href="../css/flight-search.css">
      <script>
         var currentStep = 1;
         var updateProgressBar;
         
         function displayStep(stepNumber) {
           if (stepNumber >= 1 && stepNumber <= 3) {
             $(".step-" + currentStep).hide();
             $(".step-" + stepNumber).show();
             currentStep = stepNumber;
             updateProgressBar();
           }
         }
         
         $(document).ready(function() {
           $('#multi-step-form').find('.step').slice(1).hide();
         
           $(".next-step").click(function() {
             if (currentStep < 3) {
               $(".step-" + currentStep).addClass("animate__animated animate__fadeOutLeft");
               currentStep++;
               setTimeout(function() {
                 $(".step").removeClass("animate__animated animate__fadeOutLeft").hide();
                 $(".step-" + currentStep).show().addClass("animate__animated animate__fadeInRight");
                 updateProgressBar();
               }, 500);
             }
           });
         
           $(".prev-step").click(function() {
             if (currentStep > 1) {
               $(".step-" + currentStep).addClass("animate__animated animate__fadeOutRight");
               currentStep--;
               setTimeout(function() {
                 $(".step").removeClass("animate__animated animate__fadeOutRight").hide();
                 $(".step-" + currentStep).show().addClass("animate__animated animate__fadeInLeft");
                 updateProgressBar();
               }, 500);
             }
           });
         
           updateProgressBar = function() {
             var progressPercentage = ((currentStep - 1) / 2) * 100;
             $(".progress-bar").css("width", progressPercentage + "%");
           }
         });
      </script>
   </body>
</html>