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


<!-- Mirrored from designmilitary.com/preview/html-websites/flight-world/traveller-addons-baggage.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 25 Sep 2023 17:28:57 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 - Traveller Addons - Baggage Details</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>
            <!-- traveller addon baggage details-->
            <div class="flight-search">
                <div class="container">
                    <div class="row">
                        <div class="col-12 mb-4 mb-md-0">
                            <span class="fw-bold theme-text-white">Traveller & Addons</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- body section -->
        <div class="content-section">
            <!-- add Add-ons details -->
            <div class="border-bottom theme-bg-white">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <ul class="d-flex flex-row justify-content-center">
                                <li class="p-3 me-3">
                                    <a href="traveller-addons-meal.html"><img src="assets/images/icons/meal.png"
                                            class="img-fluid me-2" title="meal" alt="meal">Add
                                        Meals</a>
                                </li>
                                <li class="p-3 me-3 active-addon">
                                    <a href="traveller-addons-baggage.html"><img src="assets/images/icons/baggage.png"
                                            class="img-fluid me-2" title="baggage" alt="baggage">Add
                                        Baggage</a>
                                </li>
                                <li class="p-3">
                                    <a href="traveller-addons-seat.html"><img src="assets/images/icons/seat.png"
                                            class="img-fluid me-2" title="seat" alt="seat">Seat</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- flight details section -->
            <div class="theme-bg-white mb-3">
                <div class="container">
                    <div class="row border-bottom py-2">
                        <div class="col-8">
                            <ul class="d-flex nav nav-pills addons-tab" id="pills-tab" role="tablist">
                                <li class="nav-item mb-3 mb-sm-0" role="presentation">
                                    <a class="p-2 border theme-border-radius d-flex align-items-center"
                                        id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home"
                                        role="tab" aria-controls="pills-home" aria-selected="true">
                                        <div class="flex-shrink-0">
                                            <img src="assets/images/icons/6E.jpg" class="img-fluid" alt="Indigo"
                                                title="airline Indigo">
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                            <div class="fw-bold">DEL - COK</div>
                                            <div class="font-small">1 of 1 selected</div>
                                        </div>
                                    </a>
                                </li>
                                <li class="nav-item ms-0 ms-sm-3" role="presentation">
                                    <a class="p-2 border theme-border-radius d-flex align-items-center"
                                        id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile"
                                        role="tab" aria-controls="pills-profile" aria-selected="false">
                                        <div class="flex-shrink-0">
                                            <img src="assets/images/icons/6E.jpg" class="img-fluid" alt="Indigo"
                                                title="airline Indigo">
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                            <div class="fw-bold">COK - DEL</div>
                                            <div class="font-small text-danger">Selection pending</div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-4 text-end align-self-center">
                            <a class="font-small" data-bs-toggle="collapse" href="#collapseDepart" role="button"
                                aria-expanded="false" aria-controls="collapseDepart">
                                Flight summary<i class="bi bi-chevron-down ps-1"></i></a>

                        </div>
                    </div>
                    <div class="collapse" id="collapseDepart">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="px-3">
                                    <ul class="row py-3">
                                        <li class="col-12 pb-3">
                                            <div class="float-start">
                                                <img src="assets/images/icons/D-indigo.jpg" alt="indigo">
                                            </div>
                                            <div class="float-start ms-2">
                                                <div class="font-medium">Spicejet</div>
                                                <div class="font-small">SG-191</div>
                                            </div>
                                            <div
                                                class="float-start rounded theme-bg-secondary theme-text-white font-medium px-2 ms-5">
                                                Class - SS</div>
                                            <div class="font-medium float-start mx-5">Economy</div>
                                            <div class="font-medium float-start mx-5">Refundable</div>

                                        </li>
                                        <li class="col-12 col-md-6 col-lg-3 pb-3">
                                            <div class="font-medium fw-bold text-uppercase">New Delhi
                                            </div>
                                            <div class="font-medium fw-bold">07:20 | <span class="fw-normal">Sat,
                                                    Mar 30</span></div>
                                            <div class="font-small">Indira Gandhi, T - 1D</div>
                                        </li>
                                        <li class="col-12 col-md-6 col-lg-3 pb-3">
                                            <div class="float-start"><i class="bi bi-clock pe-2 fs-6"></i>
                                            </div>
                                            <div class="float-start"> <span class="font-medium d-block">03h
                                                    15m</span>
                                                <span class="font-small d-block">Non Stop</span> <span
                                                    class="font-small d-block">Equipment:737</span>
                                            </div>
                                        </li>
                                        <li class="col-12 col-md-6 col-lg-3 pb-3">
                                            <div class="font-medium fw-bold text-uppercase">KOCHI</div>
                                            <div class="font-medium fw-bold">10:35 | <span class="fw-normal">Sat,
                                                    Mar 30</span></div>
                                            <div class="font-small">Cochin, T - 2</div>
                                        </li>
                                        <li class="col-12 col-md-6 col-lg-3 pb-3"> <span
                                                class="font-small text-uppercase fw-bold"> <i
                                                    class="bi bi-briefcase me-2 fs-6"></i> Baggage </span>
                                            <span class="font-small d-block">CHECK-IN : 15 Kgs</span><span
                                                class="font-small d-block">CABIN : 7 Kgs</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- modal box for skip payment-->
            <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Are you sure ?</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="p-5 pb-0 text-center">
                            <p class="font-medium">By clicking on Okay, all your seat, meal and
                                extra baggage selections will be discarded.</p>
                        </div>
                        <div class="modal-footer border-0 justify-content-center pb-5">
                            <button type="button" class="btn btn-effect btn-book" data-bs-dismiss="modal">Yes
                                Sure</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- traveller addon baggage -->
            <div class="review-flight py-3">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <!-- add baggage details flight depart -->
                            <div class="theme-box-shadow theme-border-radius bg-light mb-3 pb-0">
                                <div class="tab-content" id="pills-tabContent">
                                    <!-- flight departure baggage addon -->
                                    <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                                        aria-labelledby="pills-home-tab">
                                        <div class="row g-0 mb-3">
                                            <div class="col-12 border-bottom">
                                                <div class="d-flex flex-column p-3">
                                                    <span class="fw-bold">Select your extra
                                                        baggage(s)</span>
                                                    <span class="font-medium">Delhi - Kochi</span>
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-8 offset-md-2 p-2">
                                                <!-- baggage repetable -->
                                                <ul class="d-md-flex justify-content-between pt-3">
                                                    <li class="pb-3">
                                                        <img src="assets/images/icons/baggage-small.png"
                                                            class="img-fluid" alt="Bagg">
                                                        <span class="ms-2 font-medium">5 Kilograms</span>
                                                    </li>
                                                    <li class="pb-3">
                                                        <div class="d-flex align-items-center justify-content-end">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="font-medium me-3 fw-bold">1900</span>
                                                            <div class="add-btn-wrap">
                                                                <div class="input-group">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            disabled="disabled" data-type="minus"
                                                                            data-field="quant[1]">
                                                                            <span class="bi bi-dash"></span>
                                                                        </button>
                                                                    </span>
                                                                    <input type="text" name="quant[1]"
                                                                        class="form-control input-number text-center border-0"
                                                                        value="Add">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            data-type="plus" data-field="quant[1]">
                                                                            <span class="bi bi-plus"></span>
                                                                        </button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <!-- baggage repetable -->
                                                <ul class="d-md-flex justify-content-between pt-3">
                                                    <li class="pb-3">
                                                        <img src="assets/images/icons/baggage-small.png"
                                                            class="img-fluid" alt="Bag">
                                                        <span class="ms-2 font-medium">30 Kilograms</span>
                                                    </li>
                                                    <li class="pb-3">
                                                        <div class="d-flex align-items-center justify-content-end">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="font-medium me-3 fw-bold">11400</span>
                                                            <div class="add-btn-wrap">
                                                                <div class="input-group">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            disabled="disabled" data-type="minus"
                                                                            data-field="quant[2]">
                                                                            <span class="bi bi-dash"></span>
                                                                        </button>
                                                                    </span>
                                                                    <input type="text" name="quant[2]"
                                                                        class="form-control input-number text-center border-0"
                                                                        value="Add">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            data-type="plus" data-field="quant[2]">
                                                                            <span class="bi bi-plus"></span>
                                                                        </button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <!-- baggage repetable -->
                                                <ul class="d-md-flex justify-content-between pt-3">
                                                    <li class="pb-3">
                                                        <img src="assets/images/icons/baggage-small.png"
                                                            class="img-fluid" alt="Bagg">
                                                        <span class="ms-2 font-medium">20 Kilograms</span>
                                                    </li>
                                                    <li class="pb-3">
                                                        <div class="d-flex align-items-center justify-content-end">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="font-medium me-3 fw-bold">7600</span>
                                                            <div class="add-btn-wrap">
                                                                <div class="input-group">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            disabled="disabled" data-type="minus"
                                                                            data-field="quant[3]">
                                                                            <span class="bi bi-dash"></span>
                                                                        </button>
                                                                    </span>
                                                                    <input type="text" name="quant[3]"
                                                                        class="form-control input-number text-center border-0"
                                                                        value="Add">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            data-type="plus" data-field="quant[3]">
                                                                            <span class="bi bi-plus"></span>
                                                                        </button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <!-- baggage repetable -->
                                                <ul class="d-md-flex justify-content-between pt-3">
                                                    <li class="pb-3">
                                                        <img src="assets/images/icons/baggage-small.png"
                                                            class="img-fluid" alt="Bagg">
                                                        <span class="ms-2 font-medium">15 Kilograms</span>
                                                    </li>
                                                    <li class="pb-3">
                                                        <div class="d-flex align-items-center justify-content-end">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="font-medium me-3 fw-bold">5700</span>
                                                            <div class="add-btn-wrap">
                                                                <div class="input-group">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            disabled="disabled" data-type="minus"
                                                                            data-field="quant[4]">
                                                                            <span class="bi bi-dash"></span>
                                                                        </button>
                                                                    </span>
                                                                    <input type="text" name="quant[4]"
                                                                        class="form-control input-number text-center border-0"
                                                                        value="Add">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            data-type="plus" data-field="quant[4]">
                                                                            <span class="bi bi-plus"></span>
                                                                        </button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <!-- baggage repetable -->
                                                <ul class="d-md-flex justify-content-between pt-3">
                                                    <li class="pb-3">
                                                        <img src="assets/images/icons/baggage-small.png"
                                                            class="img-fluid" alt="Bagg">
                                                        <span class="ms-2 font-medium">10 Kilograms</span>
                                                    </li>
                                                    <li class="pb-3">
                                                        <div class="d-flex align-items-center justify-content-end">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="font-medium me-3 fw-bold">3800</span>
                                                            <div class="add-btn-wrap">
                                                                <div class="input-group">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            disabled="disabled" data-type="minus"
                                                                            data-field="quant[5]">
                                                                            <span class="bi bi-dash"></span>
                                                                        </button>
                                                                    </span>
                                                                    <input type="text" name="quant[5]"
                                                                        class="form-control input-number text-center border-0"
                                                                        value="Add">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            data-type="plus" data-field="quant[5]">
                                                                            <span class="bi bi-plus"></span>
                                                                        </button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="pills-profile" role="tabpanel"
                                        aria-labelledby="pills-profile-tab">
                                        <!-- flight reture baggage addons -->
                                        <div class="row g-0 mb-3">
                                            <div class="col-12 border-bottom">
                                                <div class="d-flex flex-column p-3">
                                                    <span class="fw-bold">Select your extra
                                                        baggage(s)</span>
                                                    <span class="font-medium">Kochi - Delhi</span>
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-8 offset-md-2 p-2">
                                                <!-- baggage repetable -->
                                                <ul class="d-md-flex justify-content-between pt-3">
                                                    <li class="pb-3">
                                                        <img src="assets/images/icons/baggage-small.png"
                                                            class="img-fluid" alt="Bagg">
                                                        <span class="ms-2 font-medium">5 Kilograms</span>
                                                    </li>
                                                    <li class="pb-3">
                                                        <div class="d-flex align-items-center justify-content-end">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="font-medium me-3 fw-bold">1900</span>
                                                            <div class="add-btn-wrap">
                                                                <div class="input-group">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            disabled="disabled" data-type="minus"
                                                                            data-field="quant[1]">
                                                                            <span class="bi bi-dash"></span>
                                                                        </button>
                                                                    </span>
                                                                    <input type="text" name="quant[1]"
                                                                        class="form-control input-number text-center border-0"
                                                                        value="Add">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            data-type="plus" data-field="quant[1]">
                                                                            <span class="bi bi-plus"></span>
                                                                        </button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <!-- baggage repetable -->
                                                <ul class="d-md-flex justify-content-between pt-3">
                                                    <li class="pb-3">
                                                        <img src="assets/images/icons/baggage-small.png"
                                                            class="img-fluid" alt="Bagg">
                                                        <span class="ms-2 font-medium">30 Kilograms</span>
                                                    </li>
                                                    <li class="pb-3">
                                                        <div class="d-flex align-items-center justify-content-end">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="font-medium me-3 fw-bold">11400</span>
                                                            <div class="add-btn-wrap">
                                                                <div class="input-group">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            disabled="disabled" data-type="minus"
                                                                            data-field="quant[2]">
                                                                            <span class="bi bi-dash"></span>
                                                                        </button>
                                                                    </span>
                                                                    <input type="text" name="quant[2]"
                                                                        class="form-control input-number text-center border-0"
                                                                        value="Add">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            data-type="plus" data-field="quant[2]">
                                                                            <span class="bi bi-plus"></span>
                                                                        </button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <!-- baggage repetable -->
                                                <ul class="d-md-flex justify-content-between pt-3">
                                                    <li class="pb-3">
                                                        <img src="assets/images/icons/baggage-small.png"
                                                            class="img-fluid" alt="Bagg">
                                                        <span class="ms-2 font-medium">20 Kilograms</span>
                                                    </li>
                                                    <li class="pb-3">
                                                        <div class="d-flex align-items-center justify-content-end">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="font-medium me-3 fw-bold">7600</span>
                                                            <div class="add-btn-wrap">
                                                                <div class="input-group">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            disabled="disabled" data-type="minus"
                                                                            data-field="quant[3]">
                                                                            <span class="bi bi-dash"></span>
                                                                        </button>
                                                                    </span>
                                                                    <input type="text" name="quant[3]"
                                                                        class="form-control input-number text-center border-0"
                                                                        value="Add">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            data-type="plus" data-field="quant[3]">
                                                                            <span class="bi bi-plus"></span>
                                                                        </button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <!-- baggage repetable -->
                                                <ul class="d-md-flex justify-content-between pt-3">
                                                    <li class="pb-3">
                                                        <img src="assets/images/icons/baggage-small.png"
                                                            class="img-fluid" alt="Bagg">
                                                        <span class="ms-2 font-medium">15 Kilograms</span>
                                                    </li>
                                                    <li class="pb-3">
                                                        <div class="d-flex align-items-center justify-content-end">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="font-medium me-3 fw-bold">5700</span>
                                                            <div class="add-btn-wrap">
                                                                <div class="input-group">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            disabled="disabled" data-type="minus"
                                                                            data-field="quant[4]">
                                                                            <span class="bi bi-dash"></span>
                                                                        </button>
                                                                    </span>
                                                                    <input type="text" name="quant[4]"
                                                                        class="form-control input-number text-center border-0"
                                                                        value="Add">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            data-type="plus" data-field="quant[4]">
                                                                            <span class="bi bi-plus"></span>
                                                                        </button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <!-- baggage repetable -->
                                                <ul class="d-md-flex justify-content-between pt-3">
                                                    <li class="pb-3">
                                                        <img src="assets/images/icons/baggage-small.png"
                                                            class="img-fluid" alt="Bagg">
                                                        <span class="ms-2 font-medium">10 Kilograms</span>
                                                    </li>
                                                    <li class="pb-3">
                                                        <div class="d-flex align-items-center justify-content-end">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="font-medium me-3 fw-bold">3800</span>
                                                            <div class="add-btn-wrap">
                                                                <div class="input-group">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            disabled="disabled" data-type="minus"
                                                                            data-field="quant[5]">
                                                                            <span class="bi bi-dash"></span>
                                                                        </button>
                                                                    </span>
                                                                    <input type="text" name="quant[5]"
                                                                        class="form-control input-number text-center border-0"
                                                                        value="Add">
                                                                    <span class="input-group-btn">
                                                                        <button type="button"
                                                                            class="btn btn-default btn-number"
                                                                            data-type="plus" data-field="quant[5]">
                                                                            <span class="bi bi-plus"></span>
                                                                        </button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
            <!-- flight selection content -->
            <div class="selected-strip theme-bg-white mt-5">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-xl-6 mb-3 mb-lg-0 border-end">
                            <div class="row g-0 p-4 align-items-center">
                                <div class="col-12 col-md-7">
                                    <div class="fw-bold">0 Baggage(s) Selected</div>
                                    <div class="font-small font-medium">0 of 1 Baggage(s) Selected</div>
                                </div>
                                <div class="col-12 col-md-5">
                                    <div class="fw-bold">Added to fare</div>
                                    <div class="font-small font-medium"><i class="bi bi-currency-dollar"></i>0</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-xl-6 mb-3 mb-lg-0 align-self-center">
                            <div class="row p-4">
                                <div class="col-6 col-lg-6 align-self-center">
                                    <span class="fw-bold fs-5">Total Fare:</span>
                                    <span class="fw-bold fs-5 d-flex">
                                        <i class="bi bi-currency-dollar"></i>
                                        <span class="">9506</span>
                                    </span>
                                </div>
                                <div class="col-6 col-lg-6 align-self-center">
                                    <button type="button" class="btn btn-effect btn-book"
                                        onclick="window.location.href='payment.html';">continue</button>
                                    <a href="#" class="font-small ms-3" data-bs-toggle="modal"
                                        data-bs-target="#exampleModal">Skip to Payment</a>
                                </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>
    <!-- animation aos library -->
    <script src="assets/js/aos.js"></script>
</body>


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