<!doctype html>
<html class="no-js" lang="en">
<head>
        <meta charset="utf-8">
        <link rel="shortcut icon" type="image/png" href="/assets/images/viajerosbaratos.png">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
         <title translate="no">Viajerosbaratos</title>
        <!--<meta name="description" content="" > -->
        <!--<meta name="keywords" content="" >-->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="./style.css">
        <link rel="stylesheet" href="./custom.css">
        <link rel="shortcut icon" type="image/x-icon" href="assets/images/skyloo.png">
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.1/css/all.css">
        <link rel="stylesheet" href="https://static.fontawesome.com/css/fontawesome-app.css" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
        <link rel="stylesheet" href="assets/css/flaticon.css">
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/default.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/responsive.css">
        <link rel="stylesheet" href="assets/css/jquery-ui.css">
        <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
        <script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
        <style>
          .input_select {
             background-color: #F8F8F8 !important;
             color: #383838;
             border: none !important;
             height: 50px !important;
             padding: 0 15px;
             width: 100%;
             -webkit-box-shadow: none;
             -moz-box-shadow: none;
             -ms-box-shadow: none;
             -o-box-shadow: none;
             box-shadow: none !important;
             line-height: 1.6;
             border-radius: 0 !important;
          }
          .input_select, .select2-container--default .select2-selection--single .select2-selection__arrow {
             height: 48px !important;
          }
          .input_select, .select2-container--default .select2-selection--single .select2-selection__rendered {
             line-height: 50px !important;
          }
          .nav-tabs .nav-item {
            text-align: center;
            width: 50%; /* Adjust to your preference */
          }

          .nav-tabs .nav-link {
            border: none;
            padding: 10px 15px; /* Adjust padding */
            font-weight: bold;
            color: #333; /* Regular tab color */
            background-color: transparent; /* Remove any background */
          }

          .nav-tabs .nav-link.active {
            color: #fff; /* Active tab text color */
            background-color: #F56960; /* Active tab background color */
            border-radius: 0; /* Remove border radius */
          }

          .passenger-selector {
              display: none;
              position: absolute;
              background-color: #fff;
              border: 1px solid #ccc;
              padding: 10px;
              width: 300px;
              z-index: 1000;
          }
          .passenger-selector-counter {
              display: flex;
              align-items: center;
              justify-content: space-between;
              width: 120px;
          }
          .passenger-selector-counter button {
              background-color: #007bff;
              color: #fff;
              border: none;
              width: 30px;
              height: 30px;
              text-align: center;
              font-size: 18px;
              border-radius: 50%;
      }
      .passenger-selector-counter span {
          font-size: 18px;
          width: 30px;
          text-align: center;
      }
    </style>
    </head>
    <body>

        <!-- Scroll-top -->
        <button class="scroll-top scroll-to-target" data-target="html">
            <i class="fas fa-angle-up"></i>
        </button>
        <!-- Scroll-top-end-->

<div class="hd-cl">
    <a href="tel:+1-(855) 557-0035"><p><img src="assets/images/cal.gif" alt="cal"> <span>Call Now:</span> +1-(855) 557-0035</p></a>
    </div>

        <!-- header-area -->
        <header class="hide-on-mobile">
            <div class="header-top">
                <div class="container custom-container">
                    <div class="row">
                        <div class="col-xl-4">
                            <div class="header-top-left">
                                                            </div>
                        </div>
                        <div class="col-xl-8">
                            <div class="header-top-right">
                                <ul>
                                                                         <li><a href="tel:+1-855-557-0035"><i class="fas fa-mobile-alt"></i>+1-855-557-0035</a></li>
                                                                                                            
                                                                    </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="sticky-header" class="menu-area transparent-header">
                <div class="container custom-container">
                    <div class="row">
                        <div class="col-12 mobile">
                            <div class="mobile-nav-toggler"><span class="sign"><i class="fa-regular"></i></span> <i class="fas fa-bars"></i></div>
                            <div class="menu-wrap">
                                <nav class="menu-nav">
                                    <div class="logo"><a class="head" href="/"><img src="assets/images/viajerosbaratos.png" alt="logo" width="200" height="36"></a>
                                      <a class="scrol" href="/"><img src="assets/images/viajerosbaratos.png" alt="logo" width="200" height="36"></a></div>
                                    <div class="navbar-wrap main-menu d-none d-lg-flex">
                                        <ul class="navigation">
                                            <li><a href="/">Home</a></li>
                                            <li><a href="about-us.php">About Us</a></li>
                                            <li><a href="privacy-policy">Privacy Policy</a></li>
                                            <li><a href="contact.php">Contact Us</a></li>

                                        </ul>
                                    </div>
                                    <div class="header-action d-none d-md-block">
                                                                                 <ul>
                                            <li class="header-btn"><a href="tel:+1-855-557-0035" class="btn"><i class="fa-solid fa-phone-volume blink"></i>+1-855-557-0035</a></li>
                                        </ul>
                                                                             </div>
                                </nav>
                            </div>
                            <!-- Mobile Menu  -->
                            <div class="mobile-menu">
                                <nav class="menu-box">
                                    <div class="close-btn"><i class="fa-solid fa-xmark"></i></div>
                                    <div class="nav-logo"><a href="/"><img src="assets/images/viajerosbaratos.png" alt="logo"></a>
                                    </div>
                                    <div class="menu-outer">
                                        <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                                    </div>
                                    <!-- <div class="social-links">
                                        <ul class="clearfix">
                                            <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                            <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                            <li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
                                            <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                                            <li><a href="#"><span class="fab fa-youtube"></span></a></li>
                                        </ul>
                                    </div> -->
                                </nav>
                            </div>
                            <div class="menu-backdrop"></div>
                            <!-- End Mobile Menu -->
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- header-area-end -->
        <!-- main-area -->
        <main>

            <!-- breadcrumb-area -->
            <section class="breadcrumb-area quick-link">
              <img src="assets/images/about-us.jpg" alt="aboutus">
                <div class="container">
                            <div class="breadcrumb-content text-center">
                                <h1 class="title">About us</h1>
                                <nav aria-label="breadcrumb">
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="/">Home</a></li>
                                        <li class="breadcrumb-item active" aria-current="page">About us</li>
                                    </ol>
                                </nav>
                            </div>
                        </div>
            </section>
            <!-- breadcrumb-area-end -->

            <!-- about-area -->
            <section class="about-area about-us">
                <div class="container">
                            <div class="about-img abt-img"><img src="assets/images/about-vectr.png" alt="about-vectr"></div>
                            <div class="about-content list">
                                <div class="section-title">
                                    <span class="sub-title">Your gateway to unforgettable trips</span>
                                </div>
                                <p>At Viajerosbaratos , we don't just book trips; we curate experiences. We're a passionate independent travel company committed to making travel accessible, affordable, and unforgettable for every traveler. Whether you're a seasoned explorer, a first-time traveler, or someone planning the perfect getaway, our mission is to ensure your trip is as rewarding as the destination itself.</p>
                            </div>
                             <div class="list">
                             <h2 class="title">Our History</h2>
                              <p>viajerosbaratos.com was founded on a simple yet powerful belief: that travel is a gateway to experiencing the richness of life. We wanted to create a platform where travel enthusiasts, regardless of their budget, could explore the world and create lasting memories. Our founders, seasoned travelers themselves, realized that many people were holding back from traveling due to the perceived high cost and complexity of planning trips. That's where the idea for viajerosbaratos,an independent travel company that combines affordability with unforgettable travel experiences.</p>
                              <p>From humble beginnings, our company has grown into a trusted travel partner for thousands of individuals, families, and businesses around the world. What began as a small operation has grown into a full-service travel agency offering flights, accommodations, tour packages, and customized itineraries to destinations around the world.</p>
                             </div>
                             <div class="list">
                                 <h2 class="title">Our Mission</h2>
                              <p>Our mission is simple: To make global travel affordable and accessible without sacrificing quality . We believe that travel is a fundamental right for all, not just a privilege for a select few. With this guiding principle, we work tirelessly to offer the best travel deals and ensure our customers enjoy seamless and enjoyable experiences from the moment they book with us until the moment they return home.</p>
                              <p>We don't just offer flights and hotels; our goal is to make travel dreams come true. Whether it's helping someone check a destination off their bucket list, planning a memorable family vacation, or helping organize a corporate retreat, viajerosbaratos.com is there every step of the way, crafting journeys that resonate with you on a personal level.</p>
                              <h2 class="title">What makes us different ?</h2>
                              <h3 class="título">1. Uncompromising affordability</h3>
                              <p>In viajerosbaratos,We understand that everyone has a budget, and our goal is to provide the best travel experiences within that budget. We focus on offering unbeatable deals, discounts, and packages that make travel affordable. We work closely with airlines, hotels, and local operators to ensure rates that don't break the bank while ensuring the quality of your trip is never compromised.</p>
                             <h3 clase="título">2. Global reach</h3>
                             <p>Our network spans the globe. From the bustling streets of New York to the tranquil beaches of Bali, viajerosbaratos.com offers travel packages to every corner of the world. Whether you want to experience the romance of Paris, the history of Rome, the natural wonders of South America, or the vibrant cultures of Asia, we have something for every type of traveler. Our global reach allows us to customize packages to meet each client's unique preferences, offering maximum travel flexibility.</p>
                             
                             <h3 clase="título">3. Personalized travel experiences</h3>
                             
                             <p>We believe that no two trips are the same. That's why viajerosbaratos.com offers fully customizable itineraries tailored to your individual tastes, needs, and preferences. Whether you're looking for adventure, relaxation, culture, or a combination of all, our team of experts works closely with you to design a trip that suits your travel style. We take the time to understand your vision of the perfect vacation and work our magic to make it a reality.</p>
                             
                             <h3 class="título">4. Exceptional customer service</h3>
                             <p>Traveling can be unpredictable, but with viajerosbaratos.com You'll never be alone. Our customer service team is available 24/7 to help you with any questions, concerns, or last-minute changes to your travel plans. Whether you need assistance when booking or during your trip, we're always just a phone call or message away. We pride ourselves on our dedication to customer satisfaction, going above and beyond to ensure every detail of your trip is flawless.</p>
                             
                             <h3 class="título">5. Experience you can trust</h3>
                             <p>The team of viajerosbaratos.com is made up of seasoned travelers and industry professionals who live and breathe travel. With years of experience, we're experts at curating travel experiences that balance quality and affordability. We understand the nuances of independent travel and leverage our knowledge to offer the best advice, hidden gems, and travel tips. Our deep industry connections allow us to offer exclusive deals and packages you won't find anywhere else.</p>
                             
                             <h2 class="title">Our Services</h2>
                             <ul>
                                 <li><strong>Flight Bookings:</strong>We offer competitive fares on flights to destinations worldwide. Whether you're looking for the lowest fare or the most convenient time, we've got you covered.</li>
                                 <li><strong>Accommodation:</strong>From luxurious five-star hotels to budget-friendly hostels, we have options for every type of traveler. Our partnerships with hotels around the world ensure you get the best deals on accommodations tailored to your preferences.</li>
                                 <li><strong>Customized Travel Packages:</strong>Our customized travel packages are tailored to your interests, budget, and timeframe. Whether it's a romantic getaway, a solo adventure, or a family vacation, we create an itinerary that ensures you get the most out of your trip.</li>
                                 <li><strong>Tour Packages:</strong> We offer guided tours and excursions that allow you to delve deeper into your destination, experiencing the local culture, history, and attractions with the help of expert guides.</li>
                                 <li><strong>Travel Insurance:</strong> We know that peace of mind is important, especially when traveling. That's why we offer comprehensive travel insurance to cover any unforeseen events during your trip.</li>
                                 <li><strong>24/7 Customer Support:</strong> No matter where you are or what time it is, our team is ready to help you with any travel-related issues you may encounter.</li>
        </ul>
                             
                             </div>
                    </div>
                </div>
            </section>
            <!-- about-area-end -->
            
            
            
            <!-- footer-area -->

<!--a class="close-all2" href="tel:+1-855-557-0035">
      <div class="mobile-main2" id="mobile-main2">
                            <div class="mobile-popup2">
                                <div class="call-icon2">
                                   <img src="assets/images/cal.gif" alt="cal">
                                </div>
                                <div class="call-now2">
                                    <p>Ahorra tiempo y consigue nuestras mejores ofertas</p>
                                    <span>+1-855-557-0035</span>
                                </div>
                            </div>
                    </div>
</a--->
<!--a class="close-all" href="tel:+1-855-557-0035">
      <div class="mobile-main">
<div class="mobile-popup">
<div class="call-icon">
 <img src="assets/images/cal.gif" alt="cal">
</div>
<div class="call-now">
     <p>Ahorra tiempo y consigue nuestras mejores ofertas</p>
   <span>+1-855-557-0035</span>
</div>
</div>
</div>
</a--->
<!-- footer-area -->

<footer>
    <div class="footer-area footer-bg">
        <!-- New Airlines Section -->
<div class="footer-airlines">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="footer-widget privacy">
                    <div class="fw-title text-center">
                        <h3>Popular Airlines</h3>
                    </div>
                    <div class="fw-link">
                        <div class="airlines-grid">
                            <div class="airlines-row">
                                <a href="american.php">American Airline</a>
                                <a href="frontier-airlines.php">Frontier Airlines</a>
                                <a href="iberia-airline.php">Iberia Airline</a>
                                <a href="jetblue-airline.php">Jetblue Airline</a>
                                <a href="spirit-airlines.php">Spirit Airlines</a>
                                <a href="united-airline.php">United Airline</a>
                            </div>
                            <div class="airlines-row">
                                <a href="viva-airline.php"> Viva Airline</a>
                                <a href="volaris-airlines.php">Volaris Airline</a>
                                <a href="klm-airlines.php">KLM Airline</a>
                                <a href="turkish-airline.php">Turkish Airline</a>
                                <a href="ita-airways.php">Ita Airways</a>
                                <a href="qatar-airways.php">Qatar Airways</a>
                            </div>
                            <div class="airlines-row">
                                <a href="lot-polish-airlines.php"> Lot Polish Airline</a>
                                <a href="iceland-airline.php"> Iceland Airline</a>
                                <a href="emirates.php">Emirates Airline</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Airlines Section -->
        
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="footer-widget">
                            <div class="footer-logo">
                                <a href="/"><img src="assets/images/viajerosbaratos.png" alt="footerlogo" width="278" height="49"></a>
                            </div>
                            <div class="footer-content">
                                <p><span translate="no"> viajerosbaratos.com is a global travel company that offers affordable independent flight bookings, personalized travel experiences, and 24/7 support, ensuring seamless and memorable trips around the world.</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-2 col-lg-4 col-sm-4 ftr-hed">
                        <div class="footer-widget privacy">
                            <div class="fw-title">
                                <h4 class="title">Quick Links</h4>
                            </div>
                            <div class="fw-link">
                                <ul>
                                  <li><a href="last-minute-trip">Last minute trip</a></li>
                                  <li><a href="student-trips">Student trips</a></li>
                                  <li><a href="travel-for-seniors">Travel for seniors</a></li>
                                  <li><a href="military-trips">Military trips</a></li>
                                  <li><a href="domestic-flights">Domestic flights</a></li>
                                  <li><a href="one-way-flights">One-way flights</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-sm-4 ftr-hed">
                        <div class="footer-widget privacy">
                            <div class="fw-title">
                                <h4 class="title">Popular destinations</h4>
                            </div>
                            <div class="fw-link">
                                <ul>
                                  <li><a href="orlando">Orlando</a></li>
                                  <li><a href="fort-lauderdale">Orlando</a></li>
                                  <li><a href="atlanta">Atlanta</a></li>
                                  <li><a href="los-angeles">Los Angeles</a></li>
                                  <li><a href="saint-john">Saint John</a></li>
                                  <li><a href="miami">Miami</a></li>
                                  <li><a href="houston">Houston</a></li>
                                  <li><a href="newark">Newark</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-sm-4 ftr-hed">
                        <div class="footer-widget privacy">
                            <div class="fw-title">
                                <h4 class="title">Useful links</h4>
                            </div>
                            <div class="fw-link">
                                <ul>
                                  <li><a href="about-us.php">About Us</a></li>
                                  <li><a href="contact.php">Contact Us</a></li>
                                  <li><a href="cancelation">Cancelation</a></li>
                                  <li><a href="privacy-policy">Privacy Policy</a></li>
                                  <li><a href="sitemap">Sitemap</a></li>
                                  <li><a href="terms-conditions">Terms and conditions</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-8 ftr-hed">
                        <div class="footer-widget cnt-ftr">
                            <div class="fw-title">
                                <h4 class="title">Contact info</h4>
                            </div>
                            <div class="footer-contact">
                              <ul>
                                <li><p><b>Address</b><br> </p></li>
                                <li><a href="tel:+1-(855) 557-0035"><i class="fa fa-phone-alt"></i> +1-(855) 557-0035</a></li>
                                <li>
                                    <a href="mailto:info@viajerosbaratos.com">
                                        <i class="fa fa-envelope"></i> info@viajerosbaratos.com
                                    </a>
                                </li>
                                <li><a href=""><i class="fa fa-map-marker-alt"></i> Address :309 Coffeen Avenue STE 1200 Sheridan, Wyoming 82801</a></li>
                              </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <p class="disclaimer"><strong>Disclaimer:</strong> Dear guests, Welcome to Viajerosbaratos. The information contained on this page is intended for illustrative purposes only. The site contains up-to-date, accurate, complete, and reliable information, which we have worked hard to maintain. viajerosbaratos.com Typically, our audit analyzes many things, such as the accuracy of the information, how it connects to other sites, the availability of the service, and user-generated content. We ensure clarity and set clear expectations for everyone involved, minimizing unexpected surprises. If you have any questions, please contact us.</p>
              <div class="trust" bis_skin_checked="1">
                        <ul class="ftr-trustpilot">
                        <li><img src="assets/images/asta-logo.png" alt="asta" width="81" height="24"></li>
                        <li><img src="assets/images/cloudfare.png" alt="cloudfare" width="94" height="33"></li>
                        <li><img src="assets/images/godaddy-ssl.png" alt="godaddy" width="95" height="24"></li>
                        <li><img src="assets/images/mac2.png" alt="mac2" width="59" height="24"></li>
                        <li><img src="assets/images/newlogo.png" alt="newlogo" width="180" height="31"></li>
                        <li><img src="assets/images/arc.png" alt="trust" width="40" height="20"></li>
                        <li><img src="assets/images/trustpilot-logo.png" alt="trustpilot" width="115" height="28"></li>
                        </ul>
                        </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                    <div class="col-lg-12">
                        <div class="copyright-text text-center">
                            <p>Copyright © 2024 <span translate="no">viajerosbaratos.com</span> | All rights reserved | Parent company: <span translate="no"> Airfare Service Hub LLC</span></p>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</footer>



<style>
    /* Airlines Section Styles */
    .footer-airlines {
        background: #000000;
        padding: 30px 0;
        border-bottom: 1px solid #000000;
    }
    
    .fw-title h3 {
        color: #ffffff;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    
    .airlines-grid {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        max-width: 800px;
        margin: 0 auto;
    }
    
    .airlines-row {
        display: flex;
        justify-content: center;
        gap: 30px;
        width: 100%;
    }
    
    .airlines-row a {
        color: #ffffff;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        padding: 8px 15px;
        border: 1px solid #333;
        border-radius: 4px;
        transition: all 0.3s ease;
        min-width: 180px;
        text-align: center;
    }
    
    .airlines-row a:hover {
        background: #333;
        color: #fff;
        transform: translateY(-2px);
    }
    
    /* Responsive adjustments */
    @media (max-width: 768px) {
        .airlines-row {
            flex-direction: column;
            gap: 10px;
            align-items: center;
        }
        
        .airlines-row a {
            width: 80%;
        }
    }
</style>
<!-- footer-area-end -->
<!-- JS here -->
<script src="assets/js/flight-custom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js" ></script>
<script src="assets/js/jquery-ui.js"></script>
<script src="assets/js/parsley.min.js"></script>
<script src="assets/js/search-result.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/newsletter.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
          $( ".input-date-picker" ).datepicker();
         let typingTimer;
         let doneTypingInterval = 5000;
         let destinationElement = $("#destination")
         var adults = 1;
         var children = 0;
         var infants = 0;
         var flightClass = "Economy";

         // Set the default value in the input field when the page loads
         $('.togglePassenger').val(adults + ' Adult, ' + children + ' Children, ' + infants + ' Infants, ' + flightClass);
         function updateCount(id, increment, parent) {
            console.log(id)
             var countElement = $(parent).parent().find('.passenger-selector-' + id + '-count');
             var count = parseInt(countElement.text());
             count = increment ? count + 1 : count - 1;
             count = Math.max(0, count); // Ensure the count doesn't go below 0
             if(id === 'adults' && count < 1) count = 1; // Ensure at least 1 adult
             countElement.text(count);

             // Update the stored value
             if (id === 'adults') {
                 adults = count;
                 $("#adults").val(count)
             } else if (id === 'children') {
                 children = count;
                 $("#children").val(count)
             } else if (id === 'infants') {
                 infants = count;
                 $("#infants").val(count)
             }
         }

         $('.passenger-selector-adults-plus').on('click', function () {
             updateCount('adults', true, $(this));
         });
         $('.passenger-selector-adults-minus').on('click', function () {
             updateCount('adults', false, $(this));
         });
         $('.passenger-selector-children-plus').on('click', function () {
             updateCount('children', true, $(this));
         });
         $('.passenger-selector-children-minus').on('click', function () {
             updateCount('children', false, $(this));
         });
         $('.passenger-selector-infants-plus').on('click', function () {
             updateCount('infants', true, $(this));
         });
         $('.passenger-selector-infants-minus').on('click', function () {
             updateCount('infants', false, $(this));
         });

         $('.passenger-selector-class').on('change', function () {
             // Update the stored class value when the dropdown changes
             flightClass = $(this).val();
             console.log(flightClass)
             $("#flightClass").val(flightClass)
         });

         $('.togglePassenger').on('click', function (e) {
             $(this).parent().find('.passenger-selector').toggle();
             e.stopPropagation(); // Prevent click event from bubbling up
         });

         $('.passenger-selector-done-button').on('click', function () {
             // Update the input field with the stored values
             $('.togglePassenger').val(adults + ' Adults, ' + children + ' Children, ' + infants + ' Infants, ' + flightClass);
             $('.passenger-selector').hide();
         });

         $(document).on('click', function (e) {
             if (!$(e.target).closest('.passenger-selector').length && !$(e.target).is('.togglePassenger')) {
               $('.passenger-selector').hide();
             }
         });
         $("#roundtrip-tab").click(function() {
           $("input[name='tripType']").val("ROUND_TRIP")
         })
         $("#oneway-tab").click(function() {
           $("input[name='tripType']").val("ONE_WAY")
         })
         $(".destination,.source").select2({
            selectionCssClass : "input_select",
            minimumInputLength: 3,
            width: "100%",
            ajax: {
               url: 'api.php',
               method: "POST",
               delay: 500,
               data: function(params) {
                  var query = {
                     search_airport: 1,
                     query: params.term
                  }
                  return query
               },
               processResults: function(data) {
                  let response = []
                  for(let d of data.airports) {
                     response.push({ 'text': d.relevantHotelParams.localizedName, 'id': d.relevantFlightParams.skyId, 'place': d.relevantHotelParams.localizedName, 'entity': d.relevantFlightParams.entityId })
                  }
                  return { results: response }
               }
            }
         })

         $(".source").on("change.select2", function(e) {
            let selectedData = $(this).select2('data');
            let nextSourceName = $("#sourceName")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let place = originalOption.place
                if(place) {
                  $(nextSourceName).val(place)
                }
            }
            let nextSourceEntity = $("#sourceEntity")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let entity = originalOption.entity
                if(entity) {
                  $(nextSourceEntity).val(entity)
                }
            }
        })

        $(".destination").on("change.select2", function(e) {
            let selectedData = $(this).select2('data');
            let nextDestinationName = $("#destinationName")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let place = originalOption.place
                if(place) {
                  $(nextDestinationName).val(place)
                }
            }
            let nextDestinationEntity = $("#destinationEntity")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let entity = originalOption.entity
                if(entity) {
                  $(nextDestinationEntity).val(entity)
                }
            }
        })
      })
    </script>
</body>
</html>
