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


<!-- Mirrored from designmilitary.com/preview/html-websites/flight-world/payment.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 25 Sep 2023 17:28:58 GMT -->
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="ThemesLay">
    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon.png">

    <!-- Bootstrap CSS -->
    <link href="assets/css/main.css" rel="stylesheet">

    <!--title tag for page -->
    <title>FlightWorld - Payment Page</title>
</head>

<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="assets/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>
            <!-- review booking flight-->
            <div class="flight-search">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-md-6 mb-4 mb-md-0">
                            <span class="fw-bold theme-text-white">Make Payment</span>
                            <span class="font-small theme-text-white p-1 bg-success ms-2">The
                                session will expire in:
                                <span id="ten-countdown">28min14sec</span></span>
                        </div>
                        <div class="col-12 col-md-6 mb-4 mb-md-0">
                            <ul class="reviewStatus step4">
                                <li><span class="numbering completed">1</span><span
                                        class="reviewText grayText font12 ">Flight Selected</span></li>
                                <li><span class="numbering onpage">2</span><span
                                        class="reviewText grayText font12 active">Review</span></li>
                                <li><span class="numbering ">3</span><span class="reviewText grayText font12 ">Traveller
                                        &amp; Addons</span></li>
                                <li><span class="numbering ">4</span><span class="reviewText grayText font12 ">Make
                                        Payment</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- body section -->
        <div class="content-section">
            <!-- flight result page - oneway start -->
            <div class="review-flight py-3">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-md-8">
                            <div class="d-flex justify-content-between align-items-start mb-3">
                                <div class="fw-bold">Pay via Wallet</div>
                            </div>
                            <!-- flight details section -->
                            <div class="theme-box-shadow theme-border-radius theme-bg-white mb-3">
                                <div class="row border-bottom py-3 m-auto">
                                    <div class="col-12 col-md-6">
                                        <div class="fw-bold font-medium">
                                            <img src="assets/images/icons/wallet-app.png" class="img-fluid"
                                                alt="wallet">
                                            <span class="ms-2">Flight World Wallet</span>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-6 text-end align-self-center">
                                        <span class="font-medium">You have
                                            <span class="fw-bold"><i class="bi bi-currency-dollar"></i>110
                                            </span>balance in your wallet.</span>
                                    </div>
                                </div>
                            </div>
                            <!-- payment method section -->
                            <div class="row g-0 py-3">
                                <div class="col-12 col-md-6">
                                    <span class="fw-bold">Choose Payment Mode
                                    </span>
                                    <p class="mb-0 mt-2 font-small theme-text-accent-one">* Your Payments are
                                        secured by SSL
                                        certificate</p>
                                </div>
                                <div class="col-12 col-md-6">
                                    <img src="assets/images/payment-icon.png" alt="payment-option-icons"
                                        class="img-fluid">
                                </div>
                            </div>
                            <!-- payment method body -->
                            <div class="theme-box-shadow theme-border-radius theme-bg-white mb-3">
                                <!-- method body row -->
                                <div class="row g-0 my-3">
                                    <div class="col-12 col-md-12 p-0">
                                        <div class="row g-0">
                                            <!-- payment tab section -->
                                            <div class="col-12 col-sm-4 col-md-2 col-lg-2 col-xl-2 col-xxl-3">
                                                <div class="nav flex-column nav-pills me-1 custom-tab" id="v-pills-tab"
                                                    role="tablist" aria-orientation="vertical">
                                                    <button class="nav-link first-tab active" id="v-pills-credit-tab"
                                                        data-bs-toggle="pill" data-bs-target="#v-pills-credit"
                                                        type="button" role="tab" aria-controls="v-pills-credit"
                                                        aria-selected="true"><i class="payment-icon credit"></i>Credit
                                                        Card</button>

                                                    <button class="nav-link" id="v-pills-debit-tab"
                                                        data-bs-toggle="pill" data-bs-target="#v-pills-debit"
                                                        type="button" role="tab" aria-controls="v-pills-debit"
                                                        aria-selected="false"><i class="payment-icon debit"></i>Debit
                                                        Card</button>

                                                    <button class="nav-link" id="v-pills-net-banking-tab"
                                                        data-bs-toggle="pill" data-bs-target="#v-pills-net-banking"
                                                        type="button" role="tab" aria-controls="v-pills-net-banking"
                                                        aria-selected="false"><i class="payment-icon net"></i>Net
                                                        Banking</button>

                                                    <button class="nav-link" id="v-pills-upi-tab" data-bs-toggle="pill"
                                                        data-bs-target="#v-pills-upi" type="button" role="tab"
                                                        aria-controls="v-pills-upi" aria-selected="false"><i
                                                            class="payment-icon upi"></i>UPI</button>

                                                    <button class="nav-link" id="v-pills-apppay-tab"
                                                        data-bs-toggle="pill" data-bs-target="#v-pills-apppay"
                                                        type="button" role="tab" aria-controls="v-pills-apppay"
                                                        aria-selected="false"><i
                                                            class="payment-icon phone"></i>PhonePay/ Paytm</button>

                                                    <button class="nav-link" id="v-pills-wallet-tab"
                                                        data-bs-toggle="pill" data-bs-target="#v-pills-wallet"
                                                        type="button" role="tab" aria-controls="v-pills-wallet"
                                                        aria-selected="false"><i class="payment-icon wallet"></i>Mobile
                                                        Wallet</button>

                                                    <button class="nav-link" id="v-pills-payPal-tab"
                                                        data-bs-toggle="pill" data-bs-target="#v-pills-payPal"
                                                        type="button" role="tab" aria-controls="v-pills-payPal"
                                                        aria-selected="false"><i
                                                            class="payment-icon paypal"></i>Paypal</button>

                                                    <button class="nav-link last-tab" id="v-pills-emi-tab"
                                                        data-bs-toggle="pill" data-bs-target="#v-pills-emi"
                                                        type="button" role="tab" aria-controls="v-pills-emi"
                                                        aria-selected="false"><i class="payment-icon emi"></i>No
                                                        Cost
                                                        EMI</button>
                                                </div>
                                            </div>
                                            <!-- payment tab content section -->
                                            <div class="col-12 col-sm-8 col-md-10 col-lg-10 col-xl-10 col-xxl-9">
                                                <div class="tab-content p-4" id="v-pills-tabContent">
                                                    <div class="tab-pane fade show active" id="v-pills-credit"
                                                        role="tabpanel" aria-labelledby="v-pills-credit-tab">
                                                        <!-- credit card content -->
                                                        <div class="row">
                                                            <div class="col-12 mb-3">
                                                                <span class="d-flex fw-bold mb-3">Pay with Credit
                                                                    Card</span>
                                                                <img src="assets/images/card-options-icon.png"
                                                                    alt="card-options-icon" class="img-fluid">
                                                            </div>
                                                            <div class="col-12 col-xl-10">
                                                                <div class="mb-3">
                                                                    <label for="exampleInputNumber"
                                                                        class="form-label">Card
                                                                        Number</label>
                                                                    <input type="email" class="form-control"
                                                                        id="exampleInputNumber"
                                                                        placeholder="Enter card number here">
                                                                </div>
                                                                <div class="mb-3">
                                                                    <label for="exampleInputCardName"
                                                                        class="form-label">Name on Card</label>
                                                                    <input type="email" class="form-control"
                                                                        id="exampleInputCardName"
                                                                        placeholder="Enter name here">
                                                                </div>
                                                                <div class="mb-3">
                                                                    <div class="row">
                                                                        <div class="col-12 col-lg-6">
                                                                            <label class="form-label">Expiry
                                                                                Date</label>
                                                                            <div class="row">
                                                                                <div class="col-6 col-md-6 pe-0">
                                                                                    <select class="form-select"
                                                                                        aria-label="Default select example">
                                                                                        <option selected>Month
                                                                                        </option>
                                                                                        <option value="1">One
                                                                                        </option>
                                                                                        <option value="2">Two
                                                                                        </option>
                                                                                        <option value="3">Three
                                                                                        </option>
                                                                                    </select>
                                                                                </div>
                                                                                <div
                                                                                    class="col-6 col-md-6 pe-3 pe-lg-0">
                                                                                    <select class="form-select"
                                                                                        aria-label="Default select example">
                                                                                        <option selected>Year
                                                                                        </option>
                                                                                        <option value="1">One
                                                                                        </option>
                                                                                        <option value="2">Two
                                                                                        </option>
                                                                                        <option value="3">Three
                                                                                        </option>
                                                                                    </select>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-12 col-lg-6 mt-3 mt-lg-0">
                                                                            <label for="exampleInputCVV"
                                                                                class="form-label">CVV Code</label>
                                                                            <div class="d-flex align-items-center">
                                                                                <input type="email" class="form-control"
                                                                                    id="exampleInputCVV"
                                                                                    placeholder="CVV">
                                                                                <span class="font-extra-small ms-1">3
                                                                                    digits
                                                                                    printed on the
                                                                                    back of the card</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="mb-3">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input" type="checkbox"
                                                                            value="" id="flexCheckChecked1" checked>
                                                                        <label
                                                                            class="form-check-label font-small theme-text-accent-one"
                                                                            for="flexCheckChecked1">
                                                                            Save your card details for faster
                                                                            checkout.
                                                                            CVV
                                                                            is not saved.
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- credit card section end -->
                                                    </div>

                                                    <div class="tab-pane fade" id="v-pills-debit" role="tabpanel"
                                                        aria-labelledby="v-pills-debit-tab">
                                                        <!-- Debit card content -->
                                                        <div class="row">
                                                            <div class="col-12 mb-3">
                                                                <span class="d-flex fw-bold mb-3">Pay with Debit
                                                                    Card</span>
                                                                <img src="assets/images/card-options-icon.png"
                                                                    alt="card-options-icon" class="img-fluid">
                                                            </div>
                                                            <div class="col-12 col-xl-10">
                                                                <div class="mb-3">
                                                                    <label for="exampleInputCardNumber"
                                                                        class="form-label">Card
                                                                        Number</label>
                                                                    <input type="email" class="form-control"
                                                                        id="exampleInputCardNumber"
                                                                        placeholder="Enter card number here">
                                                                </div>
                                                                <div class="mb-3">
                                                                    <label for="exampleInputName"
                                                                        class="form-label">Name on Card</label>
                                                                    <input type="email" class="form-control"
                                                                        id="exampleInputName"
                                                                        placeholder="Enter name here">
                                                                </div>
                                                                <div class="mb-3">
                                                                    <div class="row">
                                                                        <div class="col-12 col-lg-6">
                                                                            <label class="form-label">Expiry
                                                                                Date</label>
                                                                            <div class="row">
                                                                                <div class="col-6 col-md-6 pe-0">
                                                                                    <select class="form-select"
                                                                                        aria-label="Default select example">
                                                                                        <option selected>Month
                                                                                        </option>
                                                                                        <option value="1">One
                                                                                        </option>
                                                                                        <option value="2">Two
                                                                                        </option>
                                                                                        <option value="3">Three
                                                                                        </option>
                                                                                    </select>
                                                                                </div>
                                                                                <div
                                                                                    class="col-6 col-md-6 pe-3 pe-lg-0">
                                                                                    <select class="form-select"
                                                                                        aria-label="Default select example">
                                                                                        <option selected>Year
                                                                                        </option>
                                                                                        <option value="1">One
                                                                                        </option>
                                                                                        <option value="2">Two
                                                                                        </option>
                                                                                        <option value="3">Three
                                                                                        </option>
                                                                                    </select>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-12 col-lg-6 mt-3 mt-lg-0">
                                                                            <label for="exampleInputCreditCVV"
                                                                                class="form-label">CVV Code</label>
                                                                            <div class="d-flex align-items-center">
                                                                                <input type="email" class="form-control"
                                                                                    id="exampleInputCreditCVV"
                                                                                    placeholder="CVV">
                                                                                <span class="font-extra-small ms-1">3
                                                                                    digits
                                                                                    printed on the
                                                                                    back of the card</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="mb-3">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input" type="checkbox"
                                                                            value="" id="flexCheckChecked" checked>
                                                                        <label
                                                                            class="form-check-label font-small theme-text-accent-one"
                                                                            for="flexCheckChecked">
                                                                            Save your card details for faster
                                                                            checkout.
                                                                            CVV
                                                                            is not saved.
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- Debit card section end -->
                                                    </div>

                                                    <div class="tab-pane fade" id="v-pills-net-banking" role="tabpanel"
                                                        aria-labelledby="v-pills-net-banking-tab">
                                                        <!-- Net Banking content -->
                                                        <div class="row">
                                                            <div class="col-12 mb-3">
                                                                <span class="d-flex fw-bold mb-3">Pay with Net
                                                                    Banking
                                                                    Card</span>
                                                                <img src="assets/images/card-options-icon.png"
                                                                    alt="card-options-icon" class="img-fluid">
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="tab-pane fade" id="v-pills-upi" role="tabpanel"
                                                        aria-labelledby="v-pills-upi-tab">
                                                        <!-- UPI content -->
                                                        <div class="row">
                                                            <div class="col-12 mb-3">
                                                                <span class="d-flex fw-bold mb-3">Pay with
                                                                    UPI</span>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="tab-pane fade" id="v-pills-apppay" role="tabpanel"
                                                        aria-labelledby="v-pills-apppay-tab">
                                                        <!-- App content -->
                                                        <div class="row">
                                                            <div class="col-12 mb-3">
                                                                <span class="d-flex fw-bold mb-3">Pay with
                                                                    Mobile App</span>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="tab-pane fade" id="v-pills-wallet" role="tabpanel"
                                                        aria-labelledby="v-pills-wallet-tab">
                                                        <!-- Wallet content -->
                                                        <div class="row">
                                                            <div class="col-12 mb-3">
                                                                <span class="d-flex fw-bold mb-3">Pay with
                                                                    Wallet</span>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="tab-pane fade" id="v-pills-payPal" role="tabpanel"
                                                        aria-labelledby="v-pills-payPal-tab">
                                                        <!-- payPal content -->
                                                        <div class="row">
                                                            <div class="col-12 mb-3">
                                                                <span class="d-flex fw-bold mb-3">Pay with
                                                                    PayPal</span>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="tab-pane fade" id="v-pills-emi" role="tabpanel"
                                                        aria-labelledby="v-pills-emi-tab">
                                                        <!-- EMI content -->
                                                        <div class="row">
                                                            <div class="col-12 mb-3">
                                                                <span class="d-flex fw-bold mb-3">Pay with
                                                                    EMI</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- amount total section -->
                            <div class="row">
                                <div class="col-12">
                                    <div class="mb-2">
                                        Total amount to be paid
                                        <span class="fw-bold"><i class="bi bi-currency-dollar"></i>22,978</span>
                                        <span class="font-extra-small d-flex">+ Payment Fee</span>
                                    </div>
                                    <button type="submit" class="btn btn-effect btn-book px-5"
                                        onclick="window.location.href='booking-confirmation-success.html';">
                                        <span class="fw-bold">Pay Now</span>
                                    </button>
                                    <p class="mt-2 mb-0 theme-text-accent-one font-small">On Clicking "Pay" you will be
                                        redirected to the payment gateway</p>
                                </div>

                            </div>
                        </div>
                        <div class="col-12 col-md-4">
                            <div class="fw-bold mb-3">Booking Details</div>
                            <div class="row">
                                <!-- flight info strip repetable -->
                                <div class="col-12">
                                    <div class="theme-box-shadow theme-border-radius theme-bg-white p-3 mb-3">
                                        <!-- repetable -->
                                        <div class="row g-0">
                                            <div class="col-12 pb-3 mb-3 border-bottom">
                                                <div class="row">
                                                    <div class="col-12 col-md-12 mb-2">
                                                        <div class="d-flex">
                                                            <div>
                                                                <img src="assets/images/icons/D-indigo.jpg"
                                                                    alt="airline-indigo" title="airline-indigo">
                                                            </div>
                                                            <div class="d-flex flex-column ms-2">
                                                                <span class="font-medium fw-bold mb-0">Departure Sat, 30
                                                                    Mar
                                                                </span>
                                                                <span class="font-medium mb-0 theme-text-accent-one">New
                                                                    Delhi <i class="bi bi-arrow-right"></i> Kochi</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-md-3">
                                                        <div class="font-medium fw-bold text-uppercase">del</div>
                                                        <div class="font-medium theme-text-accent-one">07:20
                                                        </div>
                                                    </div>
                                                    <div class=" col-12 col-md-6 text-center align-self-center">
                                                        <div class="font-extra-small theme-text-accent-one">03h 15m
                                                        </div>
                                                        <div class="font-extra-small theme-text-accent-one">Non Stop
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-md-3 text-end">
                                                        <div class="font-medium fw-bold text-uppercase">cok</div>
                                                        <div class="font-medium theme-text-accent-one">10:40
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- repetable -->
                                        <div class="row g-0">
                                            <div class="col-12 pb-3 mb-3 border-bottom">
                                                <div class="row">
                                                    <div class="col-12 col-md-12 mb-2">
                                                        <div class="d-flex">
                                                            <div>
                                                                <img src="assets/images/icons/D-goair.jpg"
                                                                    alt="airline-goair" title="airline-goair">
                                                            </div>
                                                            <div class="d-flex flex-column ms-2">
                                                                <span class="font-medium fw-bold mb-0">Return Mon, 01
                                                                    Apr
                                                                </span>
                                                                <span
                                                                    class="font-medium mb-0 theme-text-accent-one">Kochi
                                                                    <i class="bi bi-arrow-right"></i> New Delhi</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-md-3">
                                                        <div class="font-medium fw-bold text-uppercase">del</div>
                                                        <div class="font-medium theme-text-accent-one">07:20
                                                        </div>
                                                    </div>
                                                    <div class=" col-12 col-md-6 text-center align-self-center">
                                                        <div class="font-extra-small theme-text-accent-one">07h 10m
                                                        </div>
                                                        <div class="font-extra-small theme-text-accent-one">01 Stop
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-md-3 text-end">
                                                        <div class="font-medium fw-bold text-uppercase">cok</div>
                                                        <div class="font-medium theme-text-accent-one">14:40
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- traveller details -->
                                        <div class="d-flex">
                                            <span class="font-medium fw-bold">Travellers</span>
                                        </div>
                                        <div class="d-flex justify-content-between pt-3">
                                            <span class="font-medium theme-text-accent-one">1. Mr. John Doe</span>
                                            <span class="font-medium ms-4">Adult</span>
                                        </div>
                                        <div class="d-flex justify-content-between pt-3">
                                            <span class="font-medium theme-text-accent-one">2. Mr. Rendy Cina</span>
                                            <span class="font-medium ms-4">Child</span>
                                        </div>
                                        <div class="d-flex justify-content-between pt-3">
                                            <span class="font-medium theme-text-accent-one">3. Ms. Venu Doe</span>
                                            <span class="font-medium ms-4">Infant</span>
                                        </div>
                                        <!-- contact details -->
                                        <div class="d-flex mt-3">
                                            <span class="font-medium fw-bold">Contact Details</span>
                                        </div>
                                        <div class="d-flex justify-content-start pt-3">
                                            <span class="font-medium theme-text-accent-one"><i
                                                    class="bi bi-envelope"></i></span>
                                            <span class="font-medium ms-4">test.email@gmail.com</span>
                                        </div>
                                        <div class="d-flex justify-content-start pt-3">
                                            <span class="font-medium theme-text-accent-one"><i
                                                    class="bi bi-telephone"></i></span>
                                            <span class="font-medium ms-4">9874563214</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="fw-bold mb-3">Fare Details</div>
                            <div class="row">
                                <div class="col-12 mb-3">
                                    <div class="theme-box-shadow theme-border-radius theme-bg-white">
                                        <ul class="">
                                            <!-- hc charge fare -->
                                            <li class="border-bottom p-3 font-medium">
                                                <div class="d-flex justify-content-between">
                                                    <span class="font-medium fw-bold">
                                                        Adult(s) (1 X $ 11,545)</span>
                                                    <span>
                                                        <i class="bi bi-currency-dollar"></i><span
                                                            class="fw-normal">1154</span>
                                                    </span>
                                                </div>
                                            </li>
                                            <!-- gst charge fare -->
                                            <li class="border-bottom p-3 font-medium">
                                                <div class="d-flex justify-content-between">
                                                    <span class="font-medium fw-bold">
                                                        Convenience Fee</span>
                                                    <span>
                                                        <i class="bi bi-currency-dollar"></i><span
                                                            class="fw-normal">60</span>
                                                    </span>
                                                </div>
                                            </li>
                                            <!-- grand total charge fare -->
                                            <li class="border-bottom p-3 font-medium">
                                                <div class="d-flex justify-content-between">
                                                    <span class="fs-5 fw-bold">
                                                        Grand Total</span>
                                                    <span class="fs-5">
                                                        <i class="bi bi-currency-dollar"></i><span
                                                            class="fw-bold">11785</span>
                                                    </span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </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="assets/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="assets/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="assets/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>


    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="../../../../cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <!--This page JavaScript -->
    <script src="assets/js/owl.carousel.min.js"></script>
    <!--Data Calendar js -->
    <script src="assets/js/jquery-ui.js"></script>
    <!--Traveler counter js -->
    <script src="assets/js/counter.js"></script>
    <script src="assets/js/main.js"></script>
    <!-- session timer -->
    <script src="assets/js/session-timer.js"></script>
    <!-- animation aos library -->
    <script src="assets/js/aos.js"></script>
</body>


<!-- Mirrored from designmilitary.com/preview/html-websites/flight-world/payment.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 25 Sep 2023 17:28:59 GMT -->
</html>