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

 <?php include('fixed/top.php');  ?>

<body>
    <!-- preloader area -->
    <div class="preloader">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="load-spinner">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
            </div>
        </div>
    </div>
    <div class="pagewrap modify-search">
        <div class="head-wrapper">
            <!-- page header section -->
            <header class="header header-light">
                <div class="container">
                    <div class="sideMenu">
                        <button type="button" class="btn rounded-0 btn-left toggle-slide-right"
                            data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBackdrop"
                            aria-controls="offcanvasWithBackdrop">
                            <i class="bi bi-text-center"></i>
                        </button>
                        <div class="offcanvas offcanvas-start theme-bg-secondary border-0" tabindex="-1"
                            id="offcanvasWithBackdrop">
                            <div class="p-0">
                                <span class="p-0" id="offcanvasLabel"></span>
                                <button type="button" class="btn-close custom-btn-close theme-text-white"
                                    data-bs-dismiss="offcanvas" aria-label="Close">
                                    <i class="bi bi bi-x-lg"></i>
                                </button>
                            </div>
                            <!-- left side menu section -->
                            <div class="offcanvas-body p-0 mt-5">
                                <ul class="menuList nav flex-column w-100">
                                    <li class="nav-item"><a href="index.html" class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-house-fill ps-4 pe-2"></i>Home
                                        </a>
                                    </li>
                                    <li class="nav-item"><a href="deals-offers.html"
                                            class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-chat-square-heart-fill ps-4 pe-2"></i>Specials Deals
                                        </a>
                                    </li>
                                    <li class="nav-item"><a href="#travelDeals" class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-bookmark-check-fill ps-4 pe-2"></i>Travel Deals
                                        </a>
                                    </li>
                                    <li class="nav-item"><a href="#featuredFlights"
                                            class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-bell-fill ps-4 pe-2"></i>Featured Flights
                                        </a>
                                    </li>
                                    <li class="nav-item"><a href="#howWork" class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-shield-fill-exclamation ps-4 pe-2"></i>How it Work
                                        </a>
                                    </li>
                                    <li class="nav-item"><a href="about.html" class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-balloon-fill ps-4 pe-2"></i>About Us
                                        </a>
                                    </li>
                                    <li class="nav-item"><a href="contact.html" class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-arrows-move ps-4 pe-2"></i>Contact Us
                                        </a>
                                    </li>
                                    <li class="nav-item"><a href="blog.html" class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-arrow-right-circle-fill ps-4 pe-2"></i>Blogs
                                        </a>
                                    </li>
                                </ul>
                                <div class="mt-5">
                                    <p class="d-inline-flex theme-text-white">
                                        <i class="bi bi-telephone-fill h4 theme-text-white ps-4 pe-2"></i>
                                        24×7 Customer Support <br> 1800-313-5699
                                    </p>
                                </div>
                                <div class="mt-3">
                                    <p class="d-inline-flex theme-text-white">
                                        <i class="bi bi-envelope-fill h4 theme-text-white ps-4 pe-2"></i>
                                        Email us <br> support@example.com
                                    </p>
                                </div>
                                <p class="ps-4 mb-0 mt-5 theme-text-white">Social Network</p>
                                <div class="d-flex social mt-3 ps-4">
                                    <a href="#" class="h4 pe-3"><i class="bi bi-facebook"></i></a>
                                    <a href="#" class="h4 px-3"><i class="bi bi-twitter"></i></a>
                                    <a href="#" class="h4 px-3"><i class="bi bi-linkedin"></i></a>
                                    <a href="#" class="h4 px-3"><i class="bi bi-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <nav class="navbar navbar-expand-md navbar-light py-0 px-0">
                        <a class="navbar-brand ms-5" href="index.html"><img src="<?php echo base_url(); ?>assets/front/images/logo.png"
                                alt="Brand Logo" title="Brand Logo" class="img-fluid"></a>
                        <button class="navbar-toggler px-1 btn rounded-0" type="button" data-bs-toggle="collapse"
                            data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                            aria-expanded="false" aria-label="Toggle navigation">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarSupportedContent">
                            <ul class="navbar-nav ms-auto">
                                <li class="nav-item">
                                    <div class="dropdown-container pe-md-4">
                                        <div class="dropdown-toggle click-dropdown">
                                            <i class="bi bi-currency-exchange"></i> Currency
                                        </div>
                                        <div class="dropdown-menu">
                                            <ul>
                                                <li class="nav-item"><a class="dropdown-item" href="#">INR</a></li>
                                                <li class="nav-item"><a class="dropdown-item" href="#">USD</a></li>
                                                <li class="nav-item"><a class="dropdown-item" href="#">EUR</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="nav-item">
                                    <div class="dropdown-container pe-md-4">
                                        <div class="dropdown-toggle click-dropdown">
                                            <i class="bi bi-translate"></i> Language
                                        </div>
                                        <div class="dropdown-menu">
                                            <ul>
                                                <li class="nav-item"><a class="dropdown-item" href="#">English</a></li>
                                                <li class="nav-item"><a class="dropdown-item" href="#">Rusian</a></li>
                                                <li class="nav-item"><a class="dropdown-item" href="#">French</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="nav-item">
                                    <div class="dropdown-container">
                                        <div class="dropdown-toggle click-dropdown">
                                            <i class="bi bi-person-circle"></i> Account
                                        </div>
                                        <div class="dropdown-menu">
                                            <ul>
                                                <li class="nav-item"><a class="dropdown-item"
                                                        href="signin.html">Login</a></li>
                                                <li class="nav-item"><a class="dropdown-item"
                                                        href="signup.html">Register</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </header>
            <!-- modify search engine flight-->
            <div class="flight-search">
                <div class="container">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs border-0" role="tablist">
                        <li class="nav-item">
                            <button class="nav-link active" id="oneway-tab" data-bs-toggle="tab"
                                data-bs-target="#oneway" type="button" role="tab" aria-controls="oneway"
                                aria-selected="true">
                                <span
                                    class="d-inline-block icon-20 rounded-circle bg-white align-middle me-2"></span>One-way
                            </button>
                        </li>
                        <li class="nav-item">
                            <button class="nav-link" id="return-tab" data-bs-toggle="tab" data-bs-target="#return"
                                type="button" role="tab" aria-controls="return" aria-selected="false">
                                <span
                                    class="d-inline-block icon-20 rounded-circle bg-white align-middle me-2"></span>Return
                            </button>
                        </li>
                        <li class="nav-item">
                            <button class="nav-link" id="multiCity-tab" data-bs-toggle="tab" data-bs-target="#multiCity"
                                type="button" role="tab" aria-controls="multiCity" aria-selected="false">
                                <span
                                    class="d-inline-block icon-20 rounded-circle bg-white align-middle me-2"></span>Multi-city
                            </button>
                        </li>
                    </ul>
                    <!-- Tab content -->
                    <div class="tab-content">
                        <!-- oneway search -->
                        <div id="oneway" class="tab-pane active">
                            <div class="row">
                                <div class="col-12">
                                    <div class="search-pan row mx-0 theme-border-radius">
                                        <div class="col-12 col-lg-4 col-xl-2 ps-0 mb-2 mb-xl-0 pe-0 pe-lg-2">
                                            <div class="form-group">
                                                <i class="bi bi-geo-alt-fill position-absolute h2 icon-pos"></i>
                                                <input type="text" class="form-control ps-5" id="onewayOrigin"
                                                    placeholder="Origin">
                                                <button class="pos-swap"><i
                                                        class="bi bi-arrow-left-right pl-1"></i></button>
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-4 col-xl-2 ps-0 mb-2 mb-xl-0 pe-0 pe-lg-2">
                                            <div class="form-group">
                                                <i class="bi bi-geo-alt-fill position-absolute h2 icon-pos"></i>
                                                <input type="text" class="form-control ps-5" id="onewayDestination"
                                                    placeholder="Destination">
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-4 col-xl-3 ps-0 mb-2 mb-xl-0 pe-0 pe-lg-0 pe-xl-2">
                                            <div class="form-control form-group d-flex">
                                                <i class="bi bi-calendar3 position-absolute h2 icon-pos"></i>
                                                <span class="dep-date-input">
                                                    <input type="text" class="cal-input" placeholder="Depart Date"
                                                        id="datepicker">
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-6 col-xl-3 ps-0 mb-2 mb-lg-0 mb-xl-0 pe-0 pe-lg-2">
                                            <div class="dropdown" id="myDD">
                                                <button class="dropdown-toggle form-control" type="button"
                                                    id="travellerInfoOneway" data-bs-toggle="dropdown"
                                                    aria-expanded="false">
                                                    <i
                                                        class="bi bi-person-lines-fill position-absolute h2 icon-pos"></i>
                                                    <span class="text-truncate">1 Traveller(s), Economy </span>
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="travellerInfoOneway">
                                                    <ul class="drop-rest">
                                                        <li>
                                                            <div class="d-flex">Select Adults</div>
                                                            <div class="ms-auto input-group plus-minus-input">
                                                                <div class="input-group-button">
                                                                    <button type="button" class="circle"
                                                                        data-quantity="minus" data-field="onewayAdult">
                                                                        <i class="bi bi-dash"></i>
                                                                    </button>
                                                                </div>
                                                                <input class="input-group-field" type="number"
                                                                    name="onewayAdult" value="0">
                                                                <div class="input-group-button">
                                                                    <button type="button" class="circle"
                                                                        data-quantity="plus" data-field="onewayAdult">
                                                                        <i class="bi bi-plus"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="d-flex">Select Child</div>
                                                            <div class="ms-auto input-group plus-minus-input">
                                                                <div class="input-group-button">
                                                                    <button type="button" class="circle"
                                                                        data-quantity="minus" data-field="onewayChild">
                                                                        <i class="bi bi-dash"></i>
                                                                    </button>
                                                                </div>
                                                                <input class="input-group-field" type="number"
                                                                    name="onewayChild" value="0">
                                                                <div class="input-group-button">
                                                                    <button type="button" class="circle"
                                                                        data-quantity="plus" data-field="onewayChild">
                                                                        <i class="bi bi-plus"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="d-flex">Select Infants</div>
                                                            <div class="ms-auto input-group plus-minus-input">
                                                                <div class="input-group-button">
                                                                    <button type="button" class="circle"
                                                                        data-quantity="minus" data-field="onewayInfant">
                                                                        <i class="bi bi-dash"></i>
                                                                    </button>
                                                                </div>
                                                                <input class="input-group-field" type="number"
                                                                    name="onewayInfant" value="0">
                                                                <div class="input-group-button">
                                                                    <button type="button" class="circle"
                                                                        data-quantity="plus" data-field="onewayInfant">
                                                                        <i class="bi bi-plus"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <label class="radio-inline">
                                                                <input type="radio" name="class" value="Economy"
                                                                    class="me-2">Economy </label>
                                                        </li>
                                                        <li>
                                                            <label class="radio-inline">
                                                                <input type="radio" name="class" value="Special"
                                                                    class="me-2">Premium Economy </label>
                                                        </li>
                                                        <li>
                                                            <label class="radio-inline">
                                                                <input type="radio" name="class" value="Business"
                                                                    class="me-2">Business </label>
                                                        </li>
                                                        <li>
                                                            <label class="radio-inline">
                                                                <input type="radio" name="class" value="First"
                                                                    class="me-2">First Class </label>
                                                        </li>
                                                        <li>
                                                            <button type="button" class="btn btn"
                                                                onclick="">Done</button>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-6 col-xl-2 px-0">
                                            <button type="submit" class="btn btn-search"
                                                onclick="window.location.href='flight-listing-oneway.html';">
                                                <span class="fw-bold">Search</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mt-4">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-check-inline">
                                                <label class="check-wrap">Refundable Flights
                                                    <input type="checkbox">
                                                    <span class="checkmark"></span> </label>
                                            </div>
                                            <div class="form-check-inline">
                                                <label class="check-wrap"> Non Stop Flights
                                                    <input type="checkbox">
                                                    <span class="checkmark"></span> </label>
                                            </div>
                                            <div class="form-check-inline">
                                                <label class="check-wrap"> GDS Special Return
                                                    <input type="checkbox">
                                                    <span class="checkmark"></span> </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Return search -->
                        <div id="return" class="tab-pane fade">
                            <div class="row">
                                <div class="col-sm-12 col-md-12">
                                    <div class="search-pan row mx-0 theme-border-radius">
                                        <div class="col-12 col-lg-4 col-xl-2 ps-0 mb-2 mb-xl-0 pe-0 pe-lg-2">
                                            <div class="form-group">
                                                <i class="bi bi-geo-alt-fill position-absolute h2 icon-pos"></i>
                                                <input type="text" class="form-control ps-5" id="returnOrigin"
                                                    placeholder="Origin">
                                                <button class="pos-swap"><i
                                                        class="bi bi-arrow-left-right pl-1"></i></button>
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-4 col-xl-2 ps-0 mb-2 mb-xl-0 pe-0 pe-lg-2">
                                            <div class="form-group">
                                                <i class="bi bi-geo-alt-fill position-absolute h2 icon-pos"></i>
                                                <input type="text" class="form-control ps-5" id="returnDestination"
                                                    placeholder="Destination">
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-4 col-xl-3 ps-0 mb-2 mb-xl-0 pe-0 pe-lg-0 pe-xl-2">
                                            <div class="form-control form-group d-flex">
                                                <i class="bi bi-calendar3 position-absolute h2 icon-pos"></i>
                                                <span class="dep-date-input">
                                                    <input type="text" class="cal-input" placeholder="Depart Date"
                                                        id="datepicker1">
                                                </span>
                                                <span class="arv-date-input ms-2">
                                                    <input type="text" class="cal-input" placeholder="Return Date"
                                                        id="datepickerNull">
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-6 col-xl-3 ps-0 mb-2 mb-lg-0 mb-xl-0 pe-0 pe-lg-2">
                                            <div class="dropdown" id="myDDReturn">
                                                <button class="dropdown-toggle form-control" type="button"
                                                    id="travellerInfoReturn" data-bs-toggle="dropdown"
                                                    aria-expanded="false">
                                                    <i
                                                        class="bi bi-person-lines-fill position-absolute h2 icon-pos"></i>
                                                    <span class="text-truncate">1 Traveller(s), Economy </span>
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="travellerInfoReturn">
                                                    <ul class="drop-rest">
                                                        <li>
                                                            <div class="d-flex">Select Adults</div>
                                                            <div class="ms-auto input-group plus-minus-input">
                                                                <div class="input-group-button">
                                                                    <button type="button" class="circle"
                                                                        data-quantity="minus" data-field="onewayAdult">
                                                                        <i class="bi bi-dash"></i>
                                                                    </button>
                                                                </div>
                                                                <input class="input-group-field" type="number"
                                                                    name="onewayAdult" value="0">
                                                                <div class="input-group-button">
                                                                    <button type="button" class="circle"
                                                                        data-quantity="plus" data-field="onewayAdult">
                                                                        <i class="bi bi-plus"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="d-flex">Select Child</div>
                                                            <div class="ms-auto input-group plus-minus-input">
                                                                <div class="input-group-button">
                                                                    <button type="button" class="circle"
                                                                        data-quantity="minus" data-field="onewayChild">
                                                                        <i class="bi bi-dash"></i>
                                                                    </button>
                                                                </div>
                                                                <input class="input-group-field" type="number"
                                                                    name="onewayChild" value="0">
                                                                <div class="input-group-button">
                                                                    <button type="button" class="circle"
                                                                        data-quantity="plus" data-field="onewayChild">
                                                                        <i class="bi bi-plus"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="d-flex">Select Infants</div>
                                                            <div class="ms-auto input-group plus-minus-input">
                                                                <div class="input-group-button">
                                                                    <button type="button" class="circle"
                                                                        data-quantity="minus" data-field="onewayInfant">
                                                                        <i class="bi bi-dash"></i>
                                                                    </button>
                                                                </div>
                                                                <input class="input-group-field" type="number"
                                                                    name="onewayInfant" value="0">
                                                                <div class="input-group-button">
                                                                    <button type="button" class="circle"
                                                                        data-quantity="plus" data-field="onewayInfant">
                                                                        <i class="bi bi-plus"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <label class="radio-inline">
                                                                <input type="radio" name="class" value="Economy"
                                                                    class="me-2">Economy </label>
                                                        </li>
                                                        <li>
                                                            <label class="radio-inline">
                                                                <input type="radio" name="class" value="Special"
                                                                    class="me-2">Premium Economy </label>
                                                        </li>
                                                        <li>
                                                            <label class="radio-inline">
                                                                <input type="radio" name="class" value="Business"
                                                                    class="me-2">Business </label>
                                                        </li>
                                                        <li>
                                                            <label class="radio-inline">
                                                                <input type="radio" name="class" value="First"
                                                                    class="me-2">First Class </label>
                                                        </li>
                                                        <li>
                                                            <button type="button" class="btn btn"
                                                                onclick="">Done</button>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-6 col-xl-2 px-0">
                                            <button type="submit" class="btn btn-search"
                                                onclick="window.location.href='flight-listing-round-trip.html';">
                                                <span class="fw-bold">Search</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Multicity search -->
                        <div id="multiCity" class="tab-pane fade">
                            <div class="row">
                                <div class="col-sm-12 col-md-12">
                                    <div class="search-pan row mx-0 theme-border-radius">
                                        <div class="col-12">
                                            <div class="row">
                                                <div class="col-12 col-lg-6 col-xl-3 ps-0 mb-2 mb-xl-0 pe-0 pe-lg-2">
                                                    <div class="form-group">
                                                        <i class="bi bi-geo-alt-fill position-absolute h2 icon-pos"></i>
                                                        <input type="text" class="form-control ps-5" id="multiOrigin"
                                                            placeholder="Origin">
                                                    </div>
                                                </div>
                                                <div
                                                    class="col-12 col-lg-6 col-xl-3 ps-0 mb-2 mb-xl-0 pe-0 pe-lg-0 pe-xl-2">
                                                    <div class="form-group">
                                                        <i class="bi bi-geo-alt-fill position-absolute h2 icon-pos"></i>
                                                        <input type="text" class="form-control ps-5"
                                                            id="multiDestination" placeholder="Destination">
                                                    </div>
                                                </div>
                                                <div
                                                    class="col-12 col-lg-6 col-xl-2 ps-0 mb-2 mb-xl-0 pe-0 pe-lg-2 pe-xl-2">
                                                    <div class="form-control form-group d-flex">
                                                        <i class="bi bi-calendar3 position-absolute h2 icon-pos"></i>
                                                        <span class="dep-date-input">
                                                            <input type="text" class="cal-input"
                                                                placeholder="Depart Date" id="datepicker3">
                                                        </span>
                                                    </div>
                                                </div>
                                                <div
                                                    class="col-12 col-lg-6 col-xl-4 ps-0 mb-2 mb-lg-0 mb-xl-0 pe-0 pe-lg-0 pe-xl-0">
                                                    <div class="dropdown" id="myDDRound">
                                                        <button class="dropdown-toggle form-control" type="button"
                                                            id="travellerInfoMulti" data-bs-toggle="dropdown"
                                                            aria-expanded="false">
                                                            <i
                                                                class="bi bi-person-lines-fill position-absolute h2 icon-pos"></i>
                                                            <span class="text-truncate">1 Traveller(s), Economy </span>
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="travellerInfoMulti">
                                                            <ul class="drop-rest">
                                                                <li>
                                                                    <div class="d-flex">Select Adults</div>
                                                                    <div class="ms-auto input-group plus-minus-input">
                                                                        <div class="input-group-button">
                                                                            <button type="button" class="circle"
                                                                                data-quantity="minus"
                                                                                data-field="onewayAdult">
                                                                                <i class="bi bi-dash"></i>
                                                                            </button>
                                                                        </div>
                                                                        <input class="input-group-field" type="number"
                                                                            name="onewayAdult" value="0">
                                                                        <div class="input-group-button">
                                                                            <button type="button" class="circle"
                                                                                data-quantity="plus"
                                                                                data-field="onewayAdult">
                                                                                <i class="bi bi-plus"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="d-flex">Select Child</div>
                                                                    <div class="ms-auto input-group plus-minus-input">
                                                                        <div class="input-group-button">
                                                                            <button type="button" class="circle"
                                                                                data-quantity="minus"
                                                                                data-field="onewayChild">
                                                                                <i class="bi bi-dash"></i>
                                                                            </button>
                                                                        </div>
                                                                        <input class="input-group-field" type="number"
                                                                            name="onewayChild" value="0">
                                                                        <div class="input-group-button">
                                                                            <button type="button" class="circle"
                                                                                data-quantity="plus"
                                                                                data-field="onewayChild">
                                                                                <i class="bi bi-plus"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="d-flex">Select Infants</div>
                                                                    <div class="ms-auto input-group plus-minus-input">
                                                                        <div class="input-group-button">
                                                                            <button type="button" class="circle"
                                                                                data-quantity="minus"
                                                                                data-field="onewayInfant">
                                                                                <i class="bi bi-dash"></i>
                                                                            </button>
                                                                        </div>
                                                                        <input class="input-group-field" type="number"
                                                                            name="onewayInfant" value="0">
                                                                        <div class="input-group-button">
                                                                            <button type="button" class="circle"
                                                                                data-quantity="plus"
                                                                                data-field="onewayInfant">
                                                                                <i class="bi bi-plus"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <label class="radio-inline">
                                                                        <input type="radio" name="class" value="Economy"
                                                                            class="me-2">Economy </label>
                                                                </li>
                                                                <li>
                                                                    <label class="radio-inline">
                                                                        <input type="radio" name="class" value="Special"
                                                                            class="me-2">Premium Economy </label>
                                                                </li>
                                                                <li>
                                                                    <label class="radio-inline">
                                                                        <input type="radio" name="class"
                                                                            value="Business" class="me-2">Business
                                                                    </label>
                                                                </li>
                                                                <li>
                                                                    <label class="radio-inline">
                                                                        <input type="radio" name="class" value="First"
                                                                            class="me-2">First Class </label>
                                                                </li>
                                                                <li>
                                                                    <button type="button" class="btn btn"
                                                                        onclick="">Done</button>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mt-0 mt-md-0 mt-lg-0 mt-xl-2">
                                                <div class="col-12 col-lg-4 col-xl-3 ps-0 mb-2 mb-xl-0 pe-0 pe-lg-2">
                                                    <div class="form-group">
                                                        <i class="bi bi-geo-alt-fill position-absolute h2 icon-pos"></i>
                                                        <input type="text" class="form-control ps-5" id="multiOrigin2"
                                                            placeholder="Origin">
                                                    </div>
                                                </div>
                                                <div class="col-12 col-lg-4 col-xl-3 ps-0 mb-2 mb-xl-0 pe-0 pe-lg-2">
                                                    <div class="form-group">
                                                        <i class="bi bi-geo-alt-fill position-absolute h2 icon-pos"></i>
                                                        <input type="text" class="form-control ps-5"
                                                            id="multiDestination2" placeholder="Destination">
                                                    </div>
                                                </div>
                                                <div
                                                    class="col-12 col-lg-4 col-xl-2 ps-0 mb-2 mb-xl-0 pe-0 pe-lg-0 pe-xl-2">
                                                    <div class="form-control form-group d-flex">
                                                        <i class="bi bi-calendar3 position-absolute h2 icon-pos"></i>
                                                        <span class="dep-date-input">
                                                            <input type="text" class="cal-input"
                                                                placeholder="Depart Date" id="datepicker4">
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-12 col-lg-12 col-xl-4 px-0">
                                                    <div class="row">
                                                        <div
                                                            class="col-12 col-lg-6 col-xl-7 mb-2 mb-md-2 mb-lg-0 d-flex justify-content-center align-items-center">
                                                            <button type="submit" class="btn btn-light" id="add-button">
                                                                <span class="fw-bold">+ Add City</span> </button>
                                                            <button type="submit" class="btn" id="remove-button"> <span
                                                                    class="fw-bold">Close</span> </button>
                                                        </div>
                                                        <div class="col-12 col-lg-6 col-xl-5">
                                                            <button type="submit" class="btn btn-search"
                                                                onclick="window.location.href='flight-listing-multicity.html';">
                                                                <span class="fw-bold">Search</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- body section -->
        <!-- filter section -->
        <div class="filter-sec py-2">
            <div class="container">
                <div class="d-flex justify-content-between">
                    <div class="fw-bold"><i class="bi bi-funnel pe-2"></i>Filters</div>
                    <div>
                        <a class="btn flt-btn" data-bs-toggle="collapse" href="#collapseExample" role="button"
                            aria-expanded="false" aria-controls="collapseExample">Reset All
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="border-bottom theme-bg-white">
            <div class="container">
                <div class="collapse" id="collapseExample">
                    <div class="row mb-3 pb-2 border-bottom">
                        <div class="col-12 col-md-3 col-lg-2 py-2 border-end"><span class="d-flex mb-3">Price</span>
                            <div class="price-range-slider">
                                <p class="range-value">
                                    <input type="text" id="amount" readonly>
                                </p>
                                <div id="slider-range" class="range-bar"></div>
                            </div>
                        </div>
                        <div class="col-12 col-md-3 col-lg-3 py-2 border-end">
                            <span class="d-flex mb-3">Arrival Time</span>
                            <span class="font-small mb-2 d-flex">New Delhi - Goa</span>
                            <ul>
                                <li class="d-flex justify-content-between">
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Before 6AM
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <div class="pull-right">
                                        <div class="form-check-inline">
                                            <label class="check-wrap">12 Noon-6PM
                                                <input type="checkbox"><span class="checkmark"></span>
                                            </label>
                                        </div>
                                    </div>
                                </li>
                                <li class="d-flex justify-content-between">
                                    <div class="form-check-inline">
                                        <label class="check-wrap">After 6PM
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <div class="pull-right">
                                        <div class="form-check-inline">
                                            <label class="check-wrap">6AM-12 Noon
                                                <input type="checkbox"><span class="checkmark"></span>
                                            </label>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="col-12 col-md-3 col-lg-3 py-3 border-end">
                            <span class="d-flex mb-3">Departure Time</span>
                            <span class="font-small mb-2 d-flex">Goa - New Delhi</span>
                            <ul>
                                <li class="d-flex justify-content-between">
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Before 6AM
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <div class="pull-right">
                                        <div class="form-check-inline">
                                            <label class="check-wrap">12 Noon-6PM
                                                <input type="checkbox"><span class="checkmark"></span>
                                            </label>
                                        </div>
                                    </div>
                                </li>
                                <li class="d-flex justify-content-between">
                                    <div class="form-check-inline">
                                        <label class="check-wrap">After 6PM
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <div class="pull-right">
                                        <div class="form-check-inline">
                                            <label class="check-wrap">6AM-12 Noon
                                                <input type="checkbox"><span class="checkmark"></span>
                                            </label>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="col-12 col-md-3 col-lg-2 border-end">
                            <span class="d-flex mb-3">Duration</span>
                            <div class="price-range-slider">
                                <p class="range-value">
                                    <input type="text" id="duration" readonly>
                                </p>
                                <div id="duration-range" class="range-bar"></div>
                            </div>
                        </div>
                        <div class="col-12 col-md-3 col-lg-2 py-2">
                            <span class="fw-bold">Stops</span>
                            <ul>
                                <li>
                                    <div class="form-check-inline">
                                        <label class="check-wrap">0 Stop
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                                <li>
                                    <div class="form-check-inline">
                                        <label class="check-wrap">1 Stop
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                                <li>
                                    <div class="form-check-inline">
                                        <label class="check-wrap">1+ Stop
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                                <li>
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Direct/Non Change of Aircraft
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-12 col-md-3 py-2 border-end">
                            <span class="d-flex mb-3">Fare Type</span>
                            <ul>
                                <li>
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Refundable Fares Only
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                                <li>
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Nonfundable Fares
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                                <li>
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Partially refundable
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="col-12 col-md-3 py-2 border-end">
                            <span class="d-flex mb-3">Fare Category</span>
                            <ul>
                                <li>
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Retail
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                                <li>
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Special Return Fare
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                                <li>
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Flexi
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                                <li>
                                    <div class="form-check-inline">
                                        <label class="check-wrap">SME
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                                <li>
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Business
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="col-12 col-md-4 py-2">
                            <span class="d-flex mb-3">Airlines</span>
                            <ul class="d-flex flex-wrap justify-content-between">
                                <li class="w-50">
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Spicejet<br>
                                            <i class="fa fa-rupee"></i> 4288 onwards
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                                <li class="w-50">
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Goair<br>
                                            <i class="fa fa-rupee"></i> 4240 onwards
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                                <li class="w-50">
                                    <div class="form-check-inline">
                                        <label class="check-wrap">IndiGo<br>
                                            <i class="fa fa-rupee"></i> 4494 onwards
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                                <li class="w-50">
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Vistara<br>
                                            <i class="fa fa-rupee"></i> 3065 onwards
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                                <li class="w-50">
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Air India<br>
                                            <i class="fa fa-rupee"></i> 5779 onwards
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                                <li class="w-50">
                                    <div class="form-check-inline">
                                        <label class="check-wrap">Jet Airways<br>
                                            <i class="fa fa-rupee"></i> 9055 onwards
                                            <input type="checkbox"><span class="checkmark"></span>
                                        </label>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="col-12 col-md-2 align-self-end">
                            <button type="submit" class="btn btn-light">
                                <span class="fw-bold">Reset</span>
                            </button>
                            <button type="submit" class="btn btn-primary">
                                <span class="fw-bold">Apply</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="content-section">
   
         <!-- session info Modal -->
            <div class="modal fade" id="sessionModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">Confirm to proceed</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">
                    Your session has been expired.
                  </div>
                  <div class="modal-footer">
                        <?php $storedSearchData = $this->session->userdata('post_search_data');
                      if(!empty($storedSearchData))
                      { ?> 
                      
                      <form method="post" action="<?php echo base_url(); ?>search-flights">
                      
                          <input type="hidden" name="origin" value="<?=$storedSearchData['origin']?>">
                          <input type="hidden" name="destination" value="<?php echo isset($storedSearchData['destination']) ? $storedSearchData['destination'] : '';?>">
                          <input type="hidden" name="depart_date" value="<?php echo isset($storedSearchData['depart_date']) ? $storedSearchData['depart_date'] : '';?>">
                          <input type="hidden" name="onewayAdult" value="<?php echo isset($storedSearchData['onewayAdult']) ? $storedSearchData['onewayAdult'] : '';?>">
                          <input type="hidden" name="onewayChild" value="<?php echo isset($storedSearchData['onewayChild']) ? $storedSearchData['onewayChild'] : '';?>">
                          <input type="hidden" name="onewayInfant" value="<?php echo isset($storedSearchData['onewayInfant']) ? $storedSearchData['onewayInfant'] : '';?>">
                          <input type="hidden" name="class" value="<?php echo isset($storedSearchData['class']) ? $storedSearchData['class'] : '';?>">
                          <input type="hidden" name="non_stop" value="<?php  if(isset($storedSearchData['non_stop'])) echo $storedSearchData['non_stop']; ?>">
                      
                 <button type="submit" class="btn btn-primary">Back to search</button></form>
                      <?php }else{ ?>
                      <a href="<?php echo base_url(); ?>home"> <button type="submit" class="btn btn-primary">Back to search</button></a> 
                      <?php } ?>
                  </div>
                </div>
              </div>
            </div>
        </div>
           
        <!-- page footer section -->
        <footer class="footer" id="footerSec">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-lg-6 pt-5">
                        <img src="<?php echo base_url(); ?>assets/front/images/logoWhite.png" class="img-fluid" alt="Brand color white"
                            title="Brand color white">
                        <p class="text-justify pt-5">Flight World Travel Agent dashboard is a specialized travel service
                            for organizations from flightworld.com</p>
                        <p class="pt-lg-5">Get Latest Deals, Upcoming Flight Offers and Cheap Fare</p>
                        <form class="form">
                            <div class="row">
                                <div class="col-12">
                                    <div class="input-group">
                                        <input type="text" class="form-control py-3 rounded-0" id="inputPassword2"
                                            placeholder="Enter your email address">
                                        <button type="button"
                                            class="btn btn-outline-light rounded-0 custom-btn-subscribe btn-effect">Subscribe</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="col-12 mt-5">
                            <img src="<?php echo base_url(); ?>assets/front/images/tafi.svg" class="img-fluid me-4" alt="tafi" title="tafi">
                            <img src="assets/images/taai.svg" class="img-fluid" alt="taai" title="taai">
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 pt-5">
                        <img src="<?php echo base_url(); ?>assets/front/images/iata.svg" class="img-fluid d-inline-flex" alt="IATA" title="IATA">
                        <p class="fw-bold text-uppercase mb-0 ms-2 d-inline-flex">We are an IATA Certified travel agency
                        </p>
                        <div class="row">
                            <div class="col-md-4 mt-5">
                                <p class="text-uppercase fw-bold mb-4">About Us</p>
                                <ul class="fl-menu">
                                    <li class="nav-item"><a href="about.html">About</a></li>
                                    <li class="nav-item"><a href="contact.html">Contact us</a></li>
                                    <li class="nav-item"><a href="#">Bank Details</a></li>
                                </ul>
                            </div>
                            <div class="col-md-4 mt-5">
                                <p class="text-uppercase fw-bold">Legal</p>
                                <ul class="fl-menu">
                                    <li class="nav-item"><a href="privacy.html">Privacy</a></li>
                                    <li class="nav-item"><a href="#">T&C</a></li>
                                    <li class="nav-item"><a href="#">Disclaimer</a></li>
                                    <li class="nav-item"><a href="#">Privacy and Cookies</a></li>
                                    <li class="nav-item"><a href="#">Legal</a></li>
                                    <li class="nav-item"><a href="#">Help</a></li>
                                    <li class="nav-item"><a href="#">Feedback</a></li>
                                </ul>
                            </div>
                            <div class="col-md-4 mt-5">
                                <p class="text-uppercase fw-bold">Company</p>
                                <ul class="fl-menu">
                                    <li class="nav-item"><a href="#">Partner With Us</a></li>
                                    <li class="nav-item"><a href="#">Services</a></li>
                                    <li class="nav-item"><a href="#">Careers</a></li>
                                    <li class="nav-item"><a href="#">Products</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row g-0 pt-5">
                    <div class="col-12 border-top border-bottom">
                        <div class="row">
                            <div class="col-12 col-lg-4 text-start py-3">
                                <p class="d-inline-flex text-uppercase mb-0">Follow Us</p>
                                <div class="d-inline-flex social">
                                    <a href="#" class="ps-3"><i class="bi bi-facebook"></i></a>
                                    <a href="#" class="ps-3"><i class="bi bi-twitter"></i></a>
                                    <a href="#" class="ps-3"><i class="bi bi-linkedin"></i></a>
                                    <a href="#" class="ps-3"><i class="bi bi-instagram"></i></a>
                                </div>
                            </div>
                            <div class="col-12 col-lg-4 text-lg-center social py-3">
                                <p class="d-inline-flex text-uppercase mb-0">Support Center:</p>
                                <a href="#" class="botom-link">(769) 25698745</a>
                            </div>
                            <div class="col-12 col-lg-4 text-lg-end social py-3">
                                <a href="mailto:support@example.com" class="botom-link">support@example.com</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <p class="text-center py-5 mb-0 font-small">©2022 Flight World Pwt Lcd. All Rights Reserved.
                        </p>
                    </div>
                </div>

            </div>
            <p id="back-top" class="back-to-top bg-dark" style="display: block;">
                <a href="#top"><i class="bi bi-chevron-up"></i></a>
            </p>
        </footer>

    </div>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
<script>
    var $j = jQuery.noConflict();
    $j(document).ready(function() {
        $j('#sessionModal').modal('show');
    });
</script>


 <?php include('fixed/bottom.php');  ?>
</body>

</html>


