| Bus Name | Departure | Duration | Arrival | Price |
|---|---|---|---|---|
 BBEL EnterpriseAC_Sleeper | 80:10 amNY, US | 8h 10m12+stop | 10:20 amLes vignes | $99 $111Odd day : FridayBook Now |
| Bus Name | Departure | Duration | Arrival | Price |
|---|---|---|---|---|
 BBEL EnterpriseAC_Sleeper | 80:10 amNY, US | 8h 10m12+stop | 10:20 amLes vignes | $99 $111Odd day : FridayBook Now |
| Bus Name | Departure | Duration | Arrival | Price |
|---|---|---|---|---|
 BBEL EnterpriseAC_Sleeper | 80:10 amNY, US | 8h 10m12+stop | 10:20 amLes vignes | $99 $111Odd day : FridayBook Now |
| Bus Name | Departure | Duration | Arrival | Price |
|---|---|---|---|---|
 BBEL EnterpriseAC_Sleeper | 80:10 amNY, US | 8h 10m12+stop | 10:20 amLes vignes | $99 $111Odd day : FridayBook Now |
<section className="flight__onewaysection pb__60">
<div className="container">
<div className="row justify-content-center">
<div className="col-xxl-4 col-xl-4 col-lg-4">
<div className="common__filter__wrapper">
<h3 className="filltertext">
Filter
</h3>
<svg width="356" height="1" viewBox="0 0 356 1" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="0.5" y1="0.5" x2="355.5" y2="0.5" stroke="url(#paint0_linear_448_16249)" stroke-opacity="0.2" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_448_16249" x1="0" y1="2.00024" x2="356" y2="2.00024" gradientUnits="userSpaceOnUse">
<stop stop-color="#2940C1"/>
<stop offset="0.488353" stop-color="#2940C1"/>
<stop offset="1" stop-color="#2840C2" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<div className="search__item">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Flight Name
<img src="/img/svg/dropdown.svg" alt="svg"/>
</button>
</div>
<div className="common__sidebar__content">
<form action="#" className="d-flex align-items-center justify-content-between">
<input type="text" placeholder="Search by Flight name">
<button className="search">
<i className="material-symbols-outlined">
search
</i>
</button>
</form>
</div>
</div>
<svg width="356" height="1" viewBox="0 0 356 1" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="0.5" y1="0.5" x2="355.5" y2="0.5" stroke="url(#paint0_linear_448_16249)" stroke-opacity="0.2" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_448_16249" x1="0" y1="2.00024" x2="356" y2="2.00024" gradientUnits="userSpaceOnUse">
<stop stop-color="#2940C1"/>
<stop offset="0.488353" stop-color="#2940C1"/>
<stop offset="1" stop-color="#2840C2" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<div className="search__item">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
No. of Stops
<img src="/img/svg/dropdown.svg" alt="svg"/>
</button>
</div>
<div className="common__sidebar__content">
<div className="common__typeproperty">
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper1" checked>
<label className="form-check-label" for="proper1">
<span className="fz-16 lato fw-400 dtext">
Non Stop
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper2">
<label className="form-check-label" for="proper2">
<span className="fz-16 lato fw-400 dtext">
1 Stop
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper3">
<label className="form-check-label" for="proper3">
<span className="fz-16 lato fw-400 dtext">
2+ Stop
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper4">
<label className="form-check-label" for="proper4">
<span className="fz-16 lato fw-400 dtext">
3+ Stop
</span>
</label>
</div>
</div>
</div>
</div>
</div>
<svg width="356" height="1" viewBox="0 0 356 1" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="0.5" y1="0.5" x2="355.5" y2="0.5" stroke="url(#paint0_linear_448_16249)" stroke-opacity="0.2" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_448_16249" x1="0" y1="2.00024" x2="356" y2="2.00024" gradientUnits="userSpaceOnUse">
<stop stop-color="#2940C1"/>
<stop offset="0.488353" stop-color="#2940C1"/>
<stop offset="1" stop-color="#2840C2" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<div className="search__item">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Departure Time
<img src="/img/svg/dropdown.svg" alt="svg"/>
</button>
</div>
<div className="common__sidebar__content">
<div className="common__typeproperty">
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper1s" checked>
<label className="form-check-label" for="proper1s">
<span className="fz-16 lato fw-400 dtext">
Early Morning
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
12am - 8am
</span>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper2s">
<label className="form-check-label" for="proper2s">
<span className="fz-16 lato fw-400 dtext">
Morning
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
8am - 12pm
</span>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper3s">
<label className="form-check-label" for="proper3s">
<span className="fz-16 lato fw-400 dtext">
Mid-Day
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
12pm - 4pm
</span>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper4s">
<label className="form-check-label" for="proper4s">
<span className="fz-16 lato fw-400 dtext">
Evening
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
4pm - 12pm
</span>
</div>
<div className="type__radio d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper5s">
<label className="form-check-label" for="proper5s">
<span className="fz-16 lato fw-400 dtext">
Night
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
8pm - 12pm
</span>
</div>
</div>
</div>
</div>
<svg width="356" height="1" viewBox="0 0 356 1" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="0.5" y1="0.5" x2="355.5" y2="0.5" stroke="url(#paint0_linear_448_16249)" stroke-opacity="0.2" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_448_16249" x1="0" y1="2.00024" x2="356" y2="2.00024" gradientUnits="userSpaceOnUse">
<stop stop-color="#2940C1"/>
<stop offset="0.488353" stop-color="#2940C1"/>
<stop offset="1" stop-color="#2840C2" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<div className="search__item">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Pricing scale
<img src="/img/svg/dropdown.svg" alt="svg"/>
</button>
</div>
<div className="common__sidebar__content">
<div className="range__barcustom">
<div className="slider">
<div className="progress"></div>
</div>
<div className="range-input mb__10">
<input type="range" className="range-min" min="0" max="10000" value="2500" step="100">
<input type="range" className="range-max" min="0" max="10000" value="7500" step="100">
</div>
<div className="price-input">
<div className="field">
<span>$</span>
<input type="number" className="input-min" value="2500">
</div>
<div className="separator">-</div>
<div className="field">
<span>$</span>
<input type="number" className="input-max" value="7500">
</div>
</div>
</div>
</div>
</div>
<svg width="356" height="1" viewBox="0 0 356 1" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="0.5" y1="0.5" x2="355.5" y2="0.5" stroke="url(#paint0_linear_448_16249)" stroke-opacity="0.2" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_448_16249" x1="0" y1="2.00024" x2="356" y2="2.00024" gradientUnits="userSpaceOnUse">
<stop stop-color="#2940C1"/>
<stop offset="0.488353" stop-color="#2940C1"/>
<stop offset="1" stop-color="#2840C2" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<div className="search__item">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Airlines
<img src="/img/svg/dropdown.svg" alt="svg"/>
</button>
</div>
<div className="common__sidebar__content">
<div className="common__typeproperty">
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper1s" checked>
<label className="form-check-label" for="proper1s">
<span className="fz-16 lato fw-400 dtext">
Asia Pacific Airlines
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper2sa">
<label className="form-check-label" for="proper2sa">
<span className="fz-16 lato fw-400 dtext">
American Airlines
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper3sa">
<label className="form-check-label" for="proper3sa">
<span className="fz-16 lato fw-400 dtext">
Europe Airlines
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper4sa">
<label className="form-check-label" for="proper4sa">
<span className="fz-16 lato fw-400 dtext">
Middle East Airlines
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper5sa">
<label className="form-check-label" for="proper5sa">
<span className="fz-16 lato fw-400 dtext">
African Airlines
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper4sas">
<label className="form-check-label" for="proper4sas">
<span className="fz-16 lato fw-400 dtext">
Australian Airlines
</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="col-xxl-8 col-xl-8 col-lg-8">
<span className="dubai d-block text-center mb__20 dtext lato fw-400">
New York To Dubai
</span>
<div className="flight__oneway__wrapper">
<div className="flight__oneway__item mb__30">
<div className="flight__oneway__inner">
<table className="table vertical-middle">
<tr className="bgwhite circle__input">
<th className="fz-18 fw-500 lato dtext">Airlines</th>
<th className="fz-18 fw-500 lato dtext">Departure</th>
<th className="fz-18 fw-500 lato dtext">Duration</th>
<th className="fz-18 fw-500 lato dtext">Arrival</th>
<th className="fz-18 fw-500 lato dtext">Price</th>
</tr>
<tbody className="align-middle">
<tr>
<td>
<span className="delta mb__10 d-block">
<img src="/img/payment/deltas.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
Delta Air Lines
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
80:10 am
</span>
<span className="fz-16 fw-400 lato">
NY, US
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
2h 10m
</span>
<span className="fz-16 fw-400 lato">
( Non-Stop )
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20 am
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</td>
<td>
<span className="dollartext fz-18 fw-500 lato d-flex align-items-center gap-2">
$99 <span className="troth fz-16 fw-400 lato">$111</span>
</span>
<span className="fz-16 mb__15 d-block fw-400 lato dtext">
Off day : Friday
</span>
<Link href="/flight-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</td>
</tr>
</tbody>
</table>
<div className="flight__wayfooter circle__input d-flex align-items-center justify-content-between">
<span className="fz-16 fw-400 lato dtext">Flight Details</span>
<div className="d-flex align-items-center gap-3">
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/coffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlecoffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/radio.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlebess.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/wifis.svg" alt="svg"/>
</span>
</div>
<span className="fz-16 fw-400 lato dtext">
Refundable <span className="gratext lato">$5 eCash</span>
</span>
</div>
</div>
</div>
<div className="flight__oneway__item mb__30">
<div className="flight__oneway__inner">
<table className="table vertical-middle">
<tr className="bgwhite circle__input">
<th className="fz-18 fw-500 lato dtext">Airlines</th>
<th className="fz-18 fw-500 lato dtext">Departure</th>
<th className="fz-18 fw-500 lato dtext">Duration</th>
<th className="fz-18 fw-500 lato dtext">Arrival</th>
<th className="fz-18 fw-500 lato dtext">Price</th>
</tr>
<tbody className="align-middle">
<tr>
<td>
<span className="delta mb__10 d-block">
<img src="/img/payment/aairliness.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
American Air Lines
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
80:10 am
</span>
<span className="fz-16 fw-400 lato">
NY, US
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
2h 10m
</span>
<span className="fz-16 fw-400 lato">
( Non-Stop )
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20 am
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</td>
<td>
<span className="dollartext fz-18 fw-500 lato d-flex align-items-center gap-2">
$99 <span className="troth fz-16 fw-400 lato">$111</span>
</span>
<span className="fz-16 mb__15 d-block fw-400 lato dtext">
Off day : Friday
</span>
<Link href="/flight-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</td>
</tr>
</tbody>
</table>
<div className="flight__wayfooter circle__input d-flex align-items-center justify-content-between">
<span className="fz-16 fw-400 lato dtext">Flight Details</span>
<div className="d-flex align-items-center gap-3">
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/coffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlecoffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/radio.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlebess.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/wifis.svg" alt="svg"/>
</span>
</div>
<span className="fz-16 fw-400 lato dtext">
Refundable <span className="gratext lato">$5 eCash</span>
</span>
</div>
</div>
</div>
<div className="flight__oneway__item mb__30">
<div className="flight__oneway__inner">
<table className="table vertical-middle">
<tr className="bgwhite circle__input">
<th className="fz-18 fw-500 lato dtext">Airlines</th>
<th className="fz-18 fw-500 lato dtext">Departure</th>
<th className="fz-18 fw-500 lato dtext">Duration</th>
<th className="fz-18 fw-500 lato dtext">Arrival</th>
<th className="fz-18 fw-500 lato dtext">Price</th>
</tr>
<tbody className="align-middle">
<tr>
<td>
<span className="delta mb__10 d-block">
<img src="/img/payment/jalairlines.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
American Air Lines
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
80:10 am
</span>
<span className="fz-16 fw-400 lato">
NY, US
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
2h 10m
</span>
<span className="fz-16 fw-400 lato">
( Non-Stop )
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20 am
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</td>
<td>
<span className="dollartext fz-18 fw-500 lato d-flex align-items-center gap-2">
$99 <span className="troth fz-16 fw-400 lato">$111</span>
</span>
<span className="fz-16 mb__15 d-block fw-400 lato dtext">
Off day : Friday
</span>
<Link href="/flight-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</td>
</tr>
</tbody>
</table>
<div className="flight__wayfooter circle__input d-flex align-items-center justify-content-between">
<span className="fz-16 fw-400 lato dtext">Flight Details</span>
<div className="d-flex align-items-center gap-3">
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/coffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlecoffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/radio.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlebess.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/wifis.svg" alt="svg"/>
</span>
</div>
<span className="fz-16 fw-400 lato dtext">
Refundable <span className="gratext lato">$5 eCash</span>
</span>
</div>
</div>
</div>
<div className="flight__oneway__item mb__30">
<div className="flight__oneway__inner">
<table className="table vertical-middle">
<tr className="bgwhite circle__input">
<th className="fz-18 fw-500 lato dtext">Airlines</th>
<th className="fz-18 fw-500 lato dtext">Departure</th>
<th className="fz-18 fw-500 lato dtext">Duration</th>
<th className="fz-18 fw-500 lato dtext">Arrival</th>
<th className="fz-18 fw-500 lato dtext">Price</th>
</tr>
<tbody className="align-middle">
<tr>
<td>
<span className="delta mb__10 d-block">
<img src="/img/payment/royelairlines.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
American Air Lines
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
80:10 am
</span>
<span className="fz-16 fw-400 lato">
NY, US
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
2h 10m
</span>
<span className="fz-16 fw-400 lato">
( Non-Stop )
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20 am
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</td>
<td>
<span className="dollartext fz-18 fw-500 lato d-flex align-items-center gap-2">
$99 <span className="troth fz-16 fw-400 lato">$111</span>
</span>
<span className="fz-16 mb__15 d-block fw-400 lato dtext">
Off day : Friday
</span>
<Link href="/flight-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</td>
</tr>
</tbody>
</table>
<div className="flight__wayfooter circle__input d-flex align-items-center justify-content-between">
<span className="fz-16 fw-400 lato dtext">Flight Details</span>
<div className="d-flex align-items-center gap-3">
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/coffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlecoffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/radio.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlebess.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/wifis.svg" alt="svg"/>
</span>
</div>
<span className="fz-16 fw-400 lato dtext">
Refundable <span className="gratext lato">$5 eCash</span>
</span>
</div>
</div>
</div>
<div className="flight__oneway__item">
<div className="flight__oneway__inner">
<table className="table vertical-middle">
<tr className="bgwhite circle__input">
<th className="fz-18 fw-500 lato dtext">Airlines</th>
<th className="fz-18 fw-500 lato dtext">Departure</th>
<th className="fz-18 fw-500 lato dtext">Duration</th>
<th className="fz-18 fw-500 lato dtext">Arrival</th>
<th className="fz-18 fw-500 lato dtext">Price</th>
</tr>
<tbody className="align-middle">
<tr>
<td>
<span className="delta mb__10 d-block">
<img src="/img/payment/aeroflotairlines.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
American Air Lines
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
80:10 am
</span>
<span className="fz-16 fw-400 lato">
NY, US
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
2h 10m
</span>
<span className="fz-16 fw-400 lato">
( Non-Stop )
</span>
</td>
<td>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20 am
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</td>
<td>
<span className="dollartext fz-18 fw-500 lato d-flex align-items-center gap-2">
$99 <span className="troth fz-16 fw-400 lato">$111</span>
</span>
<span className="fz-16 mb__15 d-block fw-400 lato dtext">
Off day : Friday
</span>
<Link href="/flight-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</td>
</tr>
</tbody>
</table>
<div className="flight__wayfooter circle__input d-flex align-items-center justify-content-between">
<span className="fz-16 fw-400 lato dtext">Flight Details</span>
<div className="d-flex align-items-center gap-3">
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/coffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlecoffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/radio.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlebess.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/wifis.svg" alt="svg"/>
</span>
</div>
<span className="fz-16 fw-400 lato dtext">
Refundable <span className="gratext lato">$5 eCash</span>
</span>
</div>
</div>
</div>
</div>
<div className="pagination justify-content-center pt__40">
<Link href="/javascript:void(0)">
<span>
<i className="material-symbols-outlined">
navigate_before
</i>
</span>
</Link>
<Link href="/javascript:void(0)">
1
</Link>
<Link href="/javascript:void(0)">
2
</Link>
<Link href="/javascript:void(0)">
3
</Link>
<Link href="/javascript:void(0)">
....
</Link>
<Link href="/javascript:void(0)">
30
</Link>
<Link href="/javascript:void(0)">
<span>
<i className="material-symbols-outlined">
chevron_right
</i>
</span>
</Link>
</div>
</div>
</div>
</div>
</section> <section className="flight__onewaysection pb__60">
<div className="container">
<div className="row justify-content-center">
<div className="col-xxl-4 col-xl-4 col-lg-4">
<div className="common__filter__wrapper">
<h3 className="filltertext borderb text-start pb__15 mb__20">
Filter
</h3>
<svg width="356" height="1" viewBox="0 0 356 1" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="0.5" y1="0.5" x2="355.5" y2="0.5" stroke="url(#paint0_linear_448_16249)" stroke-opacity="0.2" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_448_16249" x1="0" y1="2.00024" x2="356" y2="2.00024" gradientUnits="userSpaceOnUse">
<stop stop-color="#2940C1"/>
<stop offset="0.488353" stop-color="#2940C1"/>
<stop offset="1" stop-color="#2840C2" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<div className="search__item">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Flight Name
<img src="/img/svg/dropdown.svg" alt="svg"/>
</button>
</div>
<div className="common__sidebar__content">
<form action="#" className="d-flex align-items-center justify-content-between">
<input type="text" placeholder="Search by Flight name">
<button className="search">
<i className="material-symbols-outlined">
search
</i>
</button>
</form>
</div>
</div>
<svg width="356" height="1" viewBox="0 0 356 1" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="0.5" y1="0.5" x2="355.5" y2="0.5" stroke="url(#paint0_linear_448_16249)" stroke-opacity="0.2" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_448_16249" x1="0" y1="2.00024" x2="356" y2="2.00024" gradientUnits="userSpaceOnUse">
<stop stop-color="#2940C1"/>
<stop offset="0.488353" stop-color="#2940C1"/>
<stop offset="1" stop-color="#2840C2" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<div className="search__item">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
No. of Stops
<img src="/img/svg/dropdown.svg" alt="svg"/>
</button>
</div>
<div className="common__sidebar__content">
<div className="common__typeproperty">
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper1" checked>
<label className="form-check-label" for="proper1">
<span className="fz-16 lato fw-400 dtext">
Non Stop
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper2">
<label className="form-check-label" for="proper2">
<span className="fz-16 lato fw-400 dtext">
1 Stop
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper3">
<label className="form-check-label" for="proper3">
<span className="fz-16 lato fw-400 dtext">
2+ Stop
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper4">
<label className="form-check-label" for="proper4">
<span className="fz-16 lato fw-400 dtext">
3+ Stop
</span>
</label>
</div>
</div>
</div>
</div>
</div>
<svg width="356" height="1" viewBox="0 0 356 1" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="0.5" y1="0.5" x2="355.5" y2="0.5" stroke="url(#paint0_linear_448_16249)" stroke-opacity="0.2" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_448_16249" x1="0" y1="2.00024" x2="356" y2="2.00024" gradientUnits="userSpaceOnUse">
<stop stop-color="#2940C1"/>
<stop offset="0.488353" stop-color="#2940C1"/>
<stop offset="1" stop-color="#2840C2" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<div className="search__item">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Departure Time
<img src="/img/svg/dropdown.svg" alt="svg"/>
</button>
</div>
<div className="common__sidebar__content">
<div className="common__typeproperty">
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper1s" checked>
<label className="form-check-label" for="proper1s">
<span className="fz-16 lato fw-400 dtext">
Early Morning
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
12am - 8am
</span>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper2s">
<label className="form-check-label" for="proper2s">
<span className="fz-16 lato fw-400 dtext">
Morning
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
8am - 12pm
</span>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper3s">
<label className="form-check-label" for="proper3s">
<span className="fz-16 lato fw-400 dtext">
Mid-Day
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
12pm - 4pm
</span>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper4s">
<label className="form-check-label" for="proper4s">
<span className="fz-16 lato fw-400 dtext">
Evening
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
4pm - 12pm
</span>
</div>
<div className="type__radio d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper5s">
<label className="form-check-label" for="proper5s">
<span className="fz-16 lato fw-400 dtext">
Night
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
8pm - 12pm
</span>
</div>
</div>
</div>
</div>
<svg width="356" height="1" viewBox="0 0 356 1" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="0.5" y1="0.5" x2="355.5" y2="0.5" stroke="url(#paint0_linear_448_16249)" stroke-opacity="0.2" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_448_16249" x1="0" y1="2.00024" x2="356" y2="2.00024" gradientUnits="userSpaceOnUse">
<stop stop-color="#2940C1"/>
<stop offset="0.488353" stop-color="#2940C1"/>
<stop offset="1" stop-color="#2840C2" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<div className="search__item">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Pricing scale
<img src="/img/svg/dropdown.svg" alt="svg"/>
</button>
</div>
<div className="common__sidebar__content">
<div className="range__barcustom">
<div className="slider">
<div className="progress"></div>
</div>
<div className="range-input mb__10">
<input type="range" className="range-min" min="0" max="10000" value="2500" step="100">
<input type="range" className="range-max" min="0" max="10000" value="7500" step="100">
</div>
<div className="price-input">
<div className="field">
<span>$</span>
<input type="number" className="input-min" value="2500">
</div>
<div className="separator">-</div>
<div className="field">
<span>$</span>
<input type="number" className="input-max" value="7500">
</div>
</div>
</div>
</div>
</div>
<svg width="356" height="1" viewBox="0 0 356 1" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="0.5" y1="0.5" x2="355.5" y2="0.5" stroke="url(#paint0_linear_448_16249)" stroke-opacity="0.2" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_448_16249" x1="0" y1="2.00024" x2="356" y2="2.00024" gradientUnits="userSpaceOnUse">
<stop stop-color="#2940C1"/>
<stop offset="0.488353" stop-color="#2940C1"/>
<stop offset="1" stop-color="#2840C2" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<div className="search__item">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Airlines
<img src="/img/svg/dropdown.svg" alt="svg"/>
</button>
</div>
<div className="common__sidebar__content">
<div className="common__typeproperty">
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper1s" checked>
<label className="form-check-label" for="proper1s">
<span className="fz-16 lato fw-400 dtext">
Asia Pacific Airlines
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper2sa">
<label className="form-check-label" for="proper2sa">
<span className="fz-16 lato fw-400 dtext">
American Airlines
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper3sa">
<label className="form-check-label" for="proper3sa">
<span className="fz-16 lato fw-400 dtext">
Europe Airlines
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper4sa">
<label className="form-check-label" for="proper4sa">
<span className="fz-16 lato fw-400 dtext">
Middle East Airlines
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper5sa">
<label className="form-check-label" for="proper5sa">
<span className="fz-16 lato fw-400 dtext">
African Airlines
</span>
</label>
</div>
</div>
<div className="type__radio mb__10 d-flex align-items-center justify-content-between">
<div className="radio__left d-flex align-items-center gap-2">
<input className="form-check-input" type="checkbox" id="proper4sas">
<label className="form-check-label" for="proper4sas">
<span className="fz-16 lato fw-400 dtext">
Australian Airlines
</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="col-xxl-8 col-xl-8 col-lg-8">
<span className="dubai d-block text-center mb__20 dtext lato fw-400">
New York To Dubai & Dubai To New York
</span>
<div className="flight__oneway__wrapper">
<div className="flight__oneway__item2 mb__30">
<div className="flight__oneway__inner2">
<div className="table__two">
<ul className="bgwhite headline__text d-flex justify-content-between circle__input">
<li className="fz-18 fw-500 lato dtext">Airlines</li>
<li className="fz-18 fw-500 lato dtext">Departure</li>
<li className="fz-18 fw-500 lato dtext">Duration</li>
<li className="fz-18 fw-500 lato dtext">Arrival</li>
<li className="fz-18 fw-500 lato dtext">Price</li>
</ul>
<div className="tabletwo__body d-flex justify-content-between w-100">
<div className="w-100">
<ul className="table__conponent align-items-center bbottom tablebg d-flex justify-content-between">
<li>
<span className="delta mb__10 d-block">
<img src="/img/payment/deltas.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
Delta Air Lines
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
80:10 am
</span>
<span className="fz-16 fw-400 lato">
NY, US
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
2h 10m
</span>
<span className="fz-16 fw-400 lato">
( Non-Stop )
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20 am
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</li>
</ul>
<ul className="table__conponent align-items-center tablebg d-flex justify-content-between">
<li>
<span className="delta mb__10 d-block">
<img src="/img/payment/deltas.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
Delta Air Lines
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
80:10 am
</span>
<span className="fz-16 fw-400 lato">
NY, US
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
2h 10m
</span>
<span className="fz-16 fw-400 lato">
( Non-Stop )
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20 am
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</li>
</ul>
</div>
<div className="right__tableprice tablebg">
<span className="fz-16 fw-400 dtext lato d-block">
BHW 54657
</span>
<span className="gratext fz-26 d-block fw-400 lato">
25%
</span>
<span className="fz-16 mb-1 d-block fw-400 lato dtext">
Discount
</span>
<span className="dollartext d-block mb__20 fz-18 fw-500 lato d-flex align-items-center gap-2">
$399 <span className="troth fz-16 fw-400 lato">$499</span>
</span>
<Link href="/flight-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
<div className="flight__wayfooter circle__input d-flex align-items-center justify-content-between">
<span className="fz-16 fw-400 lato dtext">Flight Details</span>
<div className="d-flex align-items-center gap-3">
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/coffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlecoffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/radio.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlebess.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/wifis.svg" alt="svg"/>
</span>
</div>
<span className="fz-16 fw-400 lato dtext">
Refundable <span className="gratext lato">$5 eCash</span>
</span>
</div>
</div>
</div>
<div className="flight__oneway__item2 mb__30">
<div className="flight__oneway__inner2">
<div className="table__two">
<ul className="bgwhite headline__text d-flex justify-content-between circle__input">
<li className="fz-18 fw-500 lato dtext">Airlines</li>
<li className="fz-18 fw-500 lato dtext">Departure</li>
<li className="fz-18 fw-500 lato dtext">Duration</li>
<li className="fz-18 fw-500 lato dtext">Arrival</li>
<li className="fz-18 fw-500 lato dtext">Price</li>
</ul>
<div className="tabletwo__body d-flex justify-content-between w-100">
<div className="w-100">
<ul className="table__conponent align-items-center bbottom tablebg d-flex justify-content-between">
<li>
<span className="delta mb__10 d-block">
<img src="/img/payment/aairliness.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
American Air Lines
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
80:10 am
</span>
<span className="fz-16 fw-400 lato">
NY, US
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
2h 10m
</span>
<span className="fz-16 fw-400 lato">
( Non-Stop )
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20 am
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</li>
</ul>
<ul className="table__conponent align-items-center tablebg d-flex justify-content-between">
<li>
<span className="delta mb__10 d-block">
<img src="/img/payment/aairliness.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
American Air Lines
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
80:10 am
</span>
<span className="fz-16 fw-400 lato">
NY, US
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
2h 10m
</span>
<span className="fz-16 fw-400 lato">
( Non-Stop )
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20 am
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</li>
</ul>
</div>
<div className="right__tableprice tablebg">
<span className="fz-16 fw-400 dtext lato d-block">
BHW 54657
</span>
<span className="gratext fz-26 d-block fw-400 lato">
25%
</span>
<span className="fz-16 mb-1 d-block fw-400 lato dtext">
Discount
</span>
<span className="dollartext d-block mb__20 fz-18 fw-500 lato d-flex align-items-center gap-2">
$399 <span className="troth fz-16 fw-400 lato">$499</span>
</span>
<Link href="/flight-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
<div className="flight__wayfooter circle__input d-flex align-items-center justify-content-between">
<span className="fz-16 fw-400 lato dtext">Flight Details</span>
<div className="d-flex align-items-center gap-3">
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/coffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlecoffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/radio.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlebess.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/wifis.svg" alt="svg"/>
</span>
</div>
<span className="fz-16 fw-400 lato dtext">
Refundable <span className="gratext lato">$5 eCash</span>
</span>
</div>
</div>
</div>
<div className="flight__oneway__item2 mb__30">
<div className="flight__oneway__inner2">
<div className="table__two">
<ul className="bgwhite headline__text d-flex justify-content-between circle__input">
<li className="fz-18 fw-500 lato dtext">Airlines</li>
<li className="fz-18 fw-500 lato dtext">Departure</li>
<li className="fz-18 fw-500 lato dtext">Duration</li>
<li className="fz-18 fw-500 lato dtext">Arrival</li>
<li className="fz-18 fw-500 lato dtext">Price</li>
</ul>
<div className="tabletwo__body d-flex justify-content-between w-100">
<div className="w-100">
<ul className="table__conponent align-items-center bbottom tablebg d-flex justify-content-between">
<li>
<span className="delta mb__10 d-block">
<img src="/img/payment/jalairlines.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
Japan Air Lines
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
80:10 am
</span>
<span className="fz-16 fw-400 lato">
NY, US
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
2h 10m
</span>
<span className="fz-16 fw-400 lato">
( Non-Stop )
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20 am
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</li>
</ul>
<ul className="table__conponent align-items-center tablebg d-flex justify-content-between">
<li>
<span className="delta mb__10 d-block">
<img src="/img/payment/jalairlines.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
Japan Air Lines
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
80:10 am
</span>
<span className="fz-16 fw-400 lato">
NY, US
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
2h 10m
</span>
<span className="fz-16 fw-400 lato">
( Non-Stop )
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20 am
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</li>
</ul>
</div>
<div className="right__tableprice tablebg">
<span className="fz-16 fw-400 dtext lato d-block">
BHW 54657
</span>
<span className="gratext fz-26 d-block fw-400 lato">
25%
</span>
<span className="fz-16 mb-1 d-block fw-400 lato dtext">
Discount
</span>
<span className="dollartext d-block mb__20 fz-18 fw-500 lato d-flex align-items-center gap-2">
$399 <span className="troth fz-16 fw-400 lato">$499</span>
</span>
<Link href="/flight-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
<div className="flight__wayfooter circle__input d-flex align-items-center justify-content-between">
<span className="fz-16 fw-400 lato dtext">Flight Details</span>
<div className="d-flex align-items-center gap-3">
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/coffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlecoffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/radio.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlebess.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/wifis.svg" alt="svg"/>
</span>
</div>
<span className="fz-16 fw-400 lato dtext">
Refundable <span className="gratext lato">$5 eCash</span>
</span>
</div>
</div>
</div>
<div className="flight__oneway__item2">
<div className="flight__oneway__inner2">
<div className="table__two">
<ul className="bgwhite headline__text d-flex justify-content-between circle__input">
<li className="fz-18 fw-500 lato dtext">Airlines</li>
<li className="fz-18 fw-500 lato dtext">Departure</li>
<li className="fz-18 fw-500 lato dtext">Duration</li>
<li className="fz-18 fw-500 lato dtext">Arrival</li>
<li className="fz-18 fw-500 lato dtext">Price</li>
</ul>
<div className="tabletwo__body d-flex justify-content-between w-100">
<div className="w-100">
<ul className="table__conponent align-items-center bbottom tablebg d-flex justify-content-between">
<li>
<span className="delta mb__10 d-block">
<img src="/img/payment/royelairlines.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
Royel Air Lines
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
80:10 am
</span>
<span className="fz-16 fw-400 lato">
NY, US
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
2h 10m
</span>
<span className="fz-16 fw-400 lato">
( Non-Stop )
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20 am
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</li>
</ul>
<ul className="table__conponent align-items-center tablebg d-flex justify-content-between">
<li>
<span className="delta mb__10 d-block">
<img src="/img/payment/royelairlines.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
Royel Air lines
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
80:10 am
</span>
<span className="fz-16 fw-400 lato">
NY, US
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
2h 10m
</span>
<span className="fz-16 fw-400 lato">
( Non-Stop )
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20 am
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</li>
</ul>
</div>
<div className="right__tableprice tablebg">
<span className="fz-16 fw-400 dtext lato d-block">
BHW 54657
</span>
<span className="gratext fz-26 d-block fw-400 lato">
25%
</span>
<span className="fz-16 mb-1 d-block fw-400 lato dtext">
Discount
</span>
<span className="dollartext d-block mb__20 fz-18 fw-500 lato d-flex align-items-center gap-2">
$399 <span className="troth fz-16 fw-400 lato">$499</span>
</span>
<Link href="/flight-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
<div className="flight__wayfooter circle__input d-flex align-items-center justify-content-between">
<span className="fz-16 fw-400 lato dtext">Flight Details</span>
<div className="d-flex align-items-center gap-3">
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/coffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlecoffee.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/radio.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/singlebess.svg" alt="svg"/>
</span>
<span className="dicon d-flex align-items-center justify-content-center">
<img src="/img/svg/wifis.svg" alt="svg"/>
</span>
</div>
<span className="fz-16 fw-400 lato dtext">
Refundable <span className="gratext lato">$5 eCash</span>
</span>
</div>
</div>
</div>
</div>
<div className="pagination justify-content-center pt__40">
<Link href="/javascript:void(0)">
<span>
<i className="material-symbols-outlined">
navigate_before
</i>
</span>
</Link>
<Link href="/javascript:void(0)">
1
</Link>
<Link href="/javascript:void(0)">
2
</Link>
<Link href="/javascript:void(0)">
3
</Link>
<Link href="/javascript:void(0)">
....
</Link>
<Link href="/javascript:void(0)">
30
</Link>
<Link href="/javascript:void(0)">
<span>
<i className="material-symbols-outlined">
chevron_right
</i>
</span>
</Link>
</div>
</div>
</div>
</div>
</section>