Why you should think twice before booking the Maldives...
Admin
15
There are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
Read more
17 Dec2023Admin15There are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
Read more
17 Dec2023Admin15There are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
Read more
17 Dec2023Admin15There are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
Read more
17 Dec2023Admin15There are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
Read more
17 Dec2023Admin15There are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
Read more
17 Dec2023Admin15There are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
Read more
<section className="blog__section pt-80 pb-80">
<div className="container">
<div className="row">
<div className="col-xxl-8 col-xl-8 col-lg-8">
<div className="blog__list__leftwrapper">
<div className="blog__list__item mb__30">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/blog/list1.jpg" alt="img"/>
</Link>
<div className="content">
<h5 className="mb__15">
<Link href="/URL:void(0)">
Why you should think twice before booking the Maldives...
</Link>
</h5>
<ul className="admin__commments mb__15">
<li>
<span className="icon">
<img src="/img/svg/person.svg" alt="icon"/>
</span>
<span className="text">
Admin
</span>
</li>
<li>
<span className="icon">
<img src="/img/svg/comments.svg" alt="icon"/>
</span>
<span className="text">
15
</span>
</li>
</ul>
<p className="mb__30">
There are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
</p>
<Link href="/URL:void(0)" className="cmn__btn">
<span>
Read more
</span>
</Link>
</div>
</div>
<div className="blog__list__item mb__30">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/blog/list2.jpg" alt="img"/>
</Link>
<div className="content">
<h5 className="mb__15">
<Link href="/URL:void(0)">
Flight booking service integrated with Rechargio Pilot eTravel...
</Link>
</h5>
<ul className="admin__commments mb__15">
<li>
<span className="icon">
<img src="/img/svg/person.svg" alt="icon"/>
</span>
<span className="text">
Admin
</span>
</li>
<li>
<span className="icon">
<img src="/img/svg/comments.svg" alt="icon"/>
</span>
<span className="text">
15
</span>
</li>
</ul>
<p className="mb__30">
There are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
</p>
<Link href="/URL:void(0)" className="cmn__btn">
<span>
Read more
</span>
</Link>
</div>
</div>
<div className="blog__list__item mb__30">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/blog/list3.jpg" alt="img"/>
</Link>
<div className="content">
<h5 className="mb__15">
<Link href="/URL:void(0)">
American Airlines brings back free 24-hour reservation hold...
</Link>
</h5>
<ul className="admin__commments mb__15">
<li>
<span className="icon">
<img src="/img/svg/person.svg" alt="icon"/>
</span>
<span className="text">
Admin
</span>
</li>
<li>
<span className="icon">
<img src="/img/svg/comments.svg" alt="icon"/>
</span>
<span className="text">
15
</span>
</li>
</ul>
<p className="mb__30">
There are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
</p>
<Link href="/URL:void(0)" className="cmn__btn">
<span>
Read more
</span>
</Link>
</div>
</div>
<div className="blog__list__item mb__30">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/blog/list4.jpg" alt="img"/>
</Link>
<div className="content">
<h5 className="mb__15">
<Link href="/URL:void(0)">
Rechargio rectifies technical Smart in bill payment service...
</Link>
</h5>
<ul className="admin__commments mb__15">
<li>
<span className="icon">
<img src="/img/svg/person.svg" alt="icon"/>
</span>
<span className="text">
Admin
</span>
</li>
<li>
<span className="icon">
<img src="/img/svg/comments.svg" alt="icon"/>
</span>
<span className="text">
15
</span>
</li>
</ul>
<p className="mb__30">
There are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
</p>
<Link href="/URL:void(0)" className="cmn__btn">
<span>
Read more
</span>
</Link>
</div>
</div>
<div className="blog__list__item">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/blog/list5.jpg" alt="img"/>
</Link>
<div className="content">
<h5 className="mb__15">
<Link href="/URL:void(0)">
Credit card bill payment platform Cred acquires Rechargio...
</Link>
</h5>
<ul className="admin__commments mb__15">
<li>
<span className="icon">
<img src="/img/svg/person.svg" alt="icon"/>
</span>
<span className="text">
Admin
</span>
</li>
<li>
<span className="icon">
<img src="/img/svg/comments.svg" alt="icon"/>
</span>
<span className="text">
15
</span>
</li>
</ul>
<p className="mb__30">
There are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
</p>
<Link href="/URL:void(0)" className="cmn__btn">
<span>
Read more
</span>
</Link>
</div>
</div>
</div>
<div className="pagination pt__40 justify-content-center">
<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 className="col-xxl-4 col-xl-4 col-lg-4">
<div className="blog__right__wrapper">
<div className="blog__right__commonbox mb__30">
<h5 className="common__tile">
Search
</h5>
<form action="#">
<input type="text" placeholder="Search">
<button type="submit">
<i className="material-symbols-outlined">
search
</i>
</button>
</form>
</div>
<div className="blog__right__commonbox mb__30">
<h5 className="common__tile">
Follow Our Journey
</h5>
<ul className="social">
<li>
<Link href="/0">
<img src="/img/svg/facebook.svg" alt="icon"/>
</Link>
</li>
<li>
<Link href="/0">
<img src="/img/svg/twitter.svg" alt="icon"/>
</Link>
</li>
<li>
<Link href="/0">
<img src="/img/svg/linkedin.svg" alt="icon"/>
</Link>
</li>
<li>
<Link href="/0">
<img src="/img/svg/instagram.svg" alt="icon"/>
</Link>
</li>
</ul>
</div>
<div className="blog__right__commonbox mb__30">
<h5 className="common__tile">
Popular Blog Posts
</h5>
<div className="recent__post">
<Link href="/URL:void(0)" className="recent__item">
<span className="thumb">
<img src="/img/blog/liss1.jpg" alt="img"/>
</span>
<span className="content">
<span className="title">
Recharge to enable card payments...
</span>
<span className="date">
December 19, 2022
</span>
</span>
</Link>
<Link href="/URL:void(0)" className="recent__item">
<span className="thumb">
<img src="/img/blog/lists2.jpg" alt="img"/>
</span>
<span className="content">
<span className="title">
Stop auto payment in Paytm, turn off this...
</span>
<span className="date">
December 19, 2022
</span>
</span>
</Link>
<Link href="/URL:void(0)" className="recent__item">
<span className="thumb">
<img src="/img/blog/lists3.jpg" alt="img"/>
</span>
<span className="content">
<span className="title">
Paytm KYC- How to Complete Paytm...
</span>
<span className="date">
December 19, 2022
</span>
</span>
</Link>
</div>
</div>
<div className="blog__right__commonbox">
<h5 className="common__tile">
Popular Tags
</h5>
<div className="popular__tags">
<Link href="/javascript:void(0)">
Recharge
</Link>
<Link href="/javascript:void(0)">
Tips
</Link>
<Link href="/javascript:void(0)">
2023
</Link>
<Link href="/javascript:void(0)">
Booking
</Link>
<Link href="/javascript:void(0)">
Payment
</Link>
<Link href="/javascript:void(0)">
Offer
</Link>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
4.6
New City, Dubai
<section className="hotel__list__common pt__60 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>
<div className="search__item borderb pb__10 mb__20">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Hotel 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 hotel name">
<button className="search">
<i className="material-symbols-outlined">
search
</i>
</button>
</form>
</div>
</div>
<div className="search__item borderb pb__10 mb__20">
<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>
<div className="search__item borderb pb__10 mb__20">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Type of property
<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="proper1ter2" checked>
<label className="form-check-label" for="proper1ter2">
<span className="fz-16 lato fw-400 dtext">
Hotel
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
500
</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="proper2a1">
<label className="form-check-label" for="proper2a1">
<span className="fz-16 lato fw-400 dtext">
Motel
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
200
</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="proper3a1">
<label className="form-check-label" for="proper3a1">
<span className="fz-16 lato fw-400 dtext">
Villa
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
111
</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="proper4a158">
<label className="form-check-label" for="proper4a158">
<span className="fz-16 lato fw-400 dtext">
Farm House
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
66
</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="proper5">
<label className="form-check-label" for="proper5">
<span className="fz-16 lato fw-400 dtext">
Resort
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
720
</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="proper6">
<label className="form-check-label" for="proper6">
<span className="fz-16 lato fw-400 dtext">
Serviced Apartments
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
54
</span>
</div>
</div>
</div>
</div>
<div className="search__item borderb pb__10 mb__20">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Star Category
<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="proper1sater3" checked>
<label className="form-check-label" for="proper1sater3">
<span className="star">
<img src="/img/svg/star.svg" alt="svg"/>
</span>
<span className="fz-16 lato fw-400 dtext">
5 Star
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
701
</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="proper2sa2">
<label className="form-check-label" for="proper2sa2">
<span className="star">
<img src="/img/svg/star.svg" alt="svg"/>
</span>
<span className="fz-16 lato fw-400 dtext">
4 Star
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
621
</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="proper3sa2">
<label className="form-check-label" for="proper3sa2">
<span className="star">
<img src="/img/svg/star.svg" alt="svg"/>
</span>
<span className="fz-16 lato fw-400 dtext">
3 Star
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
221
</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="proper4sa2">
<label className="form-check-label" for="proper4sa2">
<span className="star">
<img src="/img/svg/star.svg" alt="svg"/>
</span>
<span className="fz-16 lato fw-400 dtext">
2 Star
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
145
</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="ter19">
<label className="form-check-label" for="ter19">
<span className="star">
<img src="/img/svg/star.svg" alt="svg"/>
</span>
<span className="fz-16 lato fw-400 dtext">
1 Star
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
65
</span>
</div>
</div>
</div>
</div>
<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">
Amenities
<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="proper1s1" checked>
<label className="form-check-label" for="proper1s1">
<span className="star">
<img src="/img/svg/coffee.svg" alt="svg"/>
</span>
<span className="fz-16 lato fw-400 dtext">
Restaurant
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
500
</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="proper2sa3">
<label className="form-check-label" for="proper2sa3">
<span className="star">
<img src="/img/svg/swing.svg" alt="svg"/>
</span>
<span className="fz-16 lato fw-400 dtext">
Swimming Pool
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
725
</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="proper3saa4">
<label className="form-check-label" for="proper3saa4">
<span className="star">
<img src="/img/svg/facilities-bussen.svg" alt="svg"/>
</span>
<span className="fz-16 lato fw-400 dtext">
Business Facilitiies
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
77
</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="proper4saa3">
<label className="form-check-label" for="proper4saa3">
<span className="star">
<img src="/img/svg/bedss.svg" alt="svg"/>
</span>
<span className="fz-16 lato fw-400 dtext">
Spa/Wellness
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
336
</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="ter5">
<label className="form-check-label" for="ter5">
<span className="star">
<img src="/img/svg/wifis.svg" alt="svg"/>
</span>
<span className="fz-16 lato fw-400 dtext">
Internet/Wi-Fi
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
500
</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="proper4sasa4">
<label className="form-check-label" for="proper4sasa4">
<span className="star">
<img src="/img/svg/gum.svg" alt="svg"/>
</span>
<span className="fz-16 lato fw-400 dtext">
Gym
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
265
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="col-xxl-8 col-xl-8 col-lg-8">
<div className="hotel__list__box">
<div className="row g-4">
<div className="col-xxl-12 col-xl-12 col-lg-12 col-md-6">
<div className="bits__hotel d-flex align-items-center gap-4">
<div className="thumb">
<Link href="/hotel-grid.html">
<img src="/img/details/hh1.jpg" alt="img"/>
</Link>
</div>
<div className="content">
<div className="title gap-3 d-flex mb__10">
<h5>
Bitast Hotel
</h5>
<span className="rating fz-16 fw-400 lato dtext d-flex align-items-center gap-2">
<img src="/img/svg/star.svg" alt="img"/>
4.6
</span>
</div>
<span className="dubay mb__15 gap-2 d-flex align-items-center fz-16 fw-400 lato dtext">
<img src="/img/svg/mlocation.svg" alt="svg"/>
New City, Dubai
</span>
<ul className="bitast__icon mb__15 d-flex align-items-center gap-2">
<li>
<img src="/img/svg/coffee.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/swing.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/facilities-bussen.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/wifis.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/bedss.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/gum.svg" alt="img"/>
</li>
</ul>
<div className="price__off mb__10 d-flex gap-3">
<span className="fz-18 fw-500 lato dtext">$312</span>
<span className="linetrogh fz-16 mt-1 fw-500 lato">$332</span>
<span className="fz-16 fw-500 lato base d-block">20% OFF</span>
</div>
<span className="fz-18 d-block fw400 mb__20 lato textfive">1 Room/night</span>
<Link href="/hotel-grid.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
<div className="tshape">
<img src="/img/details/tshape.png" alt="img"/>
</div>
<div className="bshape">
<img src="/img/details/bshape.png" alt="img"/>
</div>
</div>
</div>
<div className="col-xxl-12 col-xl-12 col-lg-12 col-md-6">
<div className="bits__hotel d-flex align-items-center gap-4">
<div className="thumb">
<Link href="/javascript:void(0)">
<img src="/img/details/hh2.jpg" alt="img"/>
</Link>
</div>
<div className="content">
<div className="title gap-3 d-flex mb__10">
<h5>
Skup Hotel
</h5>
<span className="rating fz-16 fw-400 lato dtext d-flex align-items-center gap-2">
<img src="/img/svg/star.svg" alt="img"/>
4.7
</span>
</div>
<span className="dubay mb__15 gap-2 d-flex align-items-center fz-16 fw-400 lato dtext">
<img src="/img/svg/mlocation.svg" alt="svg"/>
New City, Dubai
</span>
<ul className="bitast__icon mb__15 d-flex align-items-center gap-2">
<li>
<img src="/img/svg/coffee.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/swing.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/facilities-bussen.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/wifis.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/bedss.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/gum.svg" alt="img"/>
</li>
</ul>
<div className="price__off mb__10 d-flex gap-3">
<span className="fz-18 fw-500 lato dtext">$442</span>
<span className="linetrogh fz-16 mt-1 fw-500 lato">$532</span>
<span className="fz-16 fw-500 lato base d-block">20% OFF</span>
</div>
<span className="fz-18 d-block fw400 mb__20 lato textfive">1 Room/night</span>
<Link href="/hotel-grid.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
<div className="tshape">
<img src="/img/details/tshape.png" alt="img"/>
</div>
<div className="bshape">
<img src="/img/details/bshape.png" alt="img"/>
</div>
</div>
</div>
<div className="col-xxl-12 col-xl-12 col-lg-12 col-md-6">
<div className="bits__hotel d-flex align-items-center gap-4">
<div className="thumb">
<Link href="/javascript:void(0)">
<img src="/img/details/hh3.jpg" alt="img"/>
</Link>
</div>
<div className="content">
<div className="title gap-3 d-flex mb__10">
<h5>
Est West Hotel
</h5>
<span className="rating fz-16 fw-400 lato dtext d-flex align-items-center gap-2">
<img src="/img/svg/star.svg" alt="img"/>
4.9
</span>
</div>
<span className="dubay mb__15 gap-2 d-flex align-items-center fz-16 fw-400 lato dtext">
<img src="/img/svg/mlocation.svg" alt="svg"/>
New City, Dubai
</span>
<ul className="bitast__icon mb__15 d-flex align-items-center gap-2">
<li>
<img src="/img/svg/coffee.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/swing.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/facilities-bussen.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/wifis.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/bedss.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/gum.svg" alt="img"/>
</li>
</ul>
<div className="price__off mb__10 d-flex gap-3">
<span className="fz-18 fw-500 lato dtext">$712</span>
<span className="linetrogh fz-16 mt-1 fw-500 lato">$932</span>
<span className="fz-16 fw-500 lato base d-block">20% OFF</span>
</div>
<span className="fz-18 d-block fw400 mb__20 lato textfive">1 Room/night</span>
<Link href="/hotel-grid.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
<div className="tshape">
<img src="/img/details/tshape.png" alt="img"/>
</div>
<div className="bshape">
<img src="/img/details/bshape.png" alt="img"/>
</div>
</div>
</div>
<div className="col-xxl-12 col-xl-12 col-lg-12 col-md-6">
<div className="bits__hotel d-flex align-items-center gap-4">
<div className="thumb">
<Link href="/javascript:void(0)">
<img src="/img/details/hh4.jpg" alt="img"/>
</Link>
</div>
<div className="content">
<div className="title gap-3 d-flex mb__10">
<h5>
North South Hotel
</h5>
<span className="rating fz-16 fw-400 lato dtext d-flex align-items-center gap-2">
<img src="/img/svg/star.svg" alt="img"/>
5
</span>
</div>
<span className="dubay mb__15 gap-2 d-flex align-items-center fz-16 fw-400 lato dtext">
<img src="/img/svg/mlocation.svg" alt="svg"/>
New City, Dubai
</span>
<ul className="bitast__icon mb__15 d-flex align-items-center gap-2">
<li>
<img src="/img/svg/coffee.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/swing.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/facilities-bussen.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/wifis.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/bedss.svg" alt="img"/>
</li>
<li>
<img src="/img/svg/gum.svg" alt="img"/>
</li>
</ul>
<div className="price__off mb__10 d-flex gap-3">
<span className="fz-18 fw-500 lato dtext">$712</span>
<span className="linetrogh fz-16 mt-1 fw-500 lato">$1032</span>
<span className="fz-16 fw-500 lato base d-block">20% OFF</span>
</div>
<span className="fz-18 d-block fw400 mb__20 lato textfive">1 Room/night</span>
<Link href="/hotel-grid.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
<div className="tshape">
<img src="/img/details/tshape.png" alt="img"/>
</div>
<div className="bshape">
<img src="/img/details/bshape.png" alt="img"/>
</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>
</div>
</section>| 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__onewaysectio pt__60 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>
<div className="search__item borderb pb__10 mb__20">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Train 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>
<div className="search__item borderb pb__10 mb__20">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Coach type
<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="ter22" checked>
<label className="form-check-label" for="ter22">
<span className="fz-16 lato fw-400 dtext">
AC_B
</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="proper2a7">
<label className="form-check-label" for="proper2a7">
<span className="fz-16 lato fw-400 dtext">
AC_S
</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="proper3a8">
<label className="form-check-label" for="proper3a8">
<span className="fz-16 lato fw-400 dtext">
Snigdha
</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="proper4a10">
<label className="form-check-label" for="proper4a10">
<span className="fz-16 lato fw-400 dtext">
F_Chair
</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="proper4rea11">
<label className="form-check-label" for="proper4rea11">
<span className="fz-16 lato fw-400 dtext">
S_Chair
</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="proper4re12">
<label className="form-check-label" for="proper4re12">
<span className="fz-16 lato fw-400 dtext">
Shovon
</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="proper4re2a13">
<label className="form-check-label" for="proper4re2a13">
<span className="fz-16 lato fw-400 dtext">
All
</span>
</label>
</div>
</div>
</div>
</div>
</div>
<div className="search__item borderb pb__10 mb__20">
<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="proper1s4" checked>
<label className="form-check-label" for="proper1s4">
<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="proper2sa8">
<label className="form-check-label" for="proper2sa8">
<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="proper3sa9">
<label className="form-check-label" for="proper3sa9">
<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="proper4sa15">
<label className="form-check-label" for="proper4sa15">
<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="ter8">
<label className="form-check-label" for="ter8">
<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>
<div className="search__item borderb pb__10 mb__20">
<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>
<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">
Railway Station
<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="proper1s5" checked>
<label className="form-check-label" for="proper1s5">
<span className="fz-16 lato fw-400 dtext">
Asia Pacific Railway
</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="proper2saa9">
<label className="form-check-label" for="proper2saa9">
<span className="fz-16 lato fw-400 dtext">
American Railway
</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="proper3saa10">
<label className="form-check-label" for="proper3saa10">
<span className="fz-16 lato fw-400 dtext">
Europe Railway
</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="proper4saa16">
<label className="form-check-label" for="proper4saa16">
<span className="fz-16 lato fw-400 dtext">
Middle East Railway
</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="ter9">
<label className="form-check-label" for="ter9">
<span className="fz-16 lato fw-400 dtext">
African Railway
</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="proper4sasa17">
<label className="form-check-label" for="proper4sasa17">
<span className="fz-16 lato fw-400 dtext">
Australian Railway
</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">
American All Train List
</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">Train Name</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/bbel.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
BBEL Expess
</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">
8h 10m
</span>
<span className="fz-16 fw-400 lato">
12+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 mb__10 fz-18 fw-500 lato d-flex align-items-center gap-2">
$99 <span className="troth fz-16 fw-400 lato">$111</span>
</span>
<Link href="/train-bookingsystem.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">Train 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">Train Name</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">
BBEL Expess
</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">
8h 10m
</span>
<span className="fz-16 fw-400 lato">
12+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 mb__10 fz-18 fw-500 lato d-flex align-items-center gap-2">
$99 <span className="troth fz-16 fw-400 lato">$111</span>
</span>
<Link href="/train-bookingsystem.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">Train 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">Train Name</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/nortex.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
BBEL Expess
</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">
8h 10m
</span>
<span className="fz-16 fw-400 lato">
12+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 mb__10 fz-18 fw-500 lato d-flex align-items-center gap-2">
$99 <span className="troth fz-16 fw-400 lato">$111</span>
</span>
<Link href="/train-bookingsystem.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">Train 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">Train Name</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/southzoon.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
BBEL Expess
</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">
8h 10m
</span>
<span className="fz-16 fw-400 lato">
12+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 mb__10 fz-18 fw-500 lato d-flex align-items-center gap-2">
$99 <span className="troth fz-16 fw-400 lato">$111</span>
</span>
<Link href="/train-bookingsystem.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">Train 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>| 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__onewaysectio pt__60 pb__60">
<div className="container">
<div className="row g-4 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>
<div className="search__item borderb pb__10 mb__20">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Bus 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>
<div className="search__item borderb pb__10 mb__20">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Bus type
<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">
AC_Sleeper
</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="proper2a13">
<label className="form-check-label" for="proper2a13">
<span className="fz-16 lato fw-400 dtext">
Sleeper
</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="proper3a15">
<label className="form-check-label" for="proper3a15">
<span className="fz-16 lato fw-400 dtext">
AC_Seater
</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="proper436">
<label className="form-check-label" for="proper436">
<span className="fz-16 lato fw-400 dtext">
Seater
</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="proper4re37">
<label className="form-check-label" for="proper4re37">
<span className="fz-16 lato fw-400 dtext">
Semi-Seater
</span>
</label>
</div>
</div>
</div>
</div>
</div>
<div className="search__item borderb pb__10 mb__20">
<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="proper1s8" checked>
<label className="form-check-label" for="proper1s8">
<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="proper2sa14">
<label className="form-check-label" for="proper2sa14">
<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="proper3sa17">
<label className="form-check-label" for="proper3sa17">
<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="proper4s38">
<label className="form-check-label" for="proper4s38">
<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="ter12">
<label className="form-check-label" for="ter12">
<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>
<div className="search__item borderb pb__10 mb__20">
<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>
<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">
Bus Travels
<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="proper1s9" checked>
<label className="form-check-label" for="proper1s9">
<span className="fz-16 lato fw-400 dtext">
Asia Pacific Domestic Bus
</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="proper2saa16">
<label className="form-check-label" for="proper2saa16">
<span className="fz-16 lato fw-400 dtext">
American Domestic Bus
</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="proper3saa18">
<label className="form-check-label" for="proper3saa18">
<span className="fz-16 lato fw-400 dtext">
Europe Domestic Bus
</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="proper4sa39">
<label className="form-check-label" for="proper4sa39">
<span className="fz-16 lato fw-400 dtext">
Middle East Domestic Bus
</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="ter13">
<label className="form-check-label" for="ter13">
<span className="fz-16 lato fw-400 dtext">
African Domestic Bus
</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="proper4sas40">
<label className="form-check-label" for="proper4sas40">
<span className="fz-16 lato fw-400 dtext">
Australian Domestic Bus
</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">
American All Bus List
</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">Bus Name</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/bbel.jpg" alt="img"/>
</span>
<span className="fz-16 d-block mb__10 fw-400 lato">
BBEL Enterprise
</span>
<span className="fz-16 fw-400 lato dtext">
AC_Sleeper
</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">
8h 10m
</span>
<span className="fz-16 fw-400 lato">
12+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">
Les vignes
</span>
</td>
<td>
<span className="dollartext mb__10 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 fw-400 dtext lato d-block mb__15">
Odd day : Friday
</span>
<Link href="/bus-bookingsystem.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">Bus 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">Bus Name</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 d-block mb__10 fw-400 lato">
BBEL Enterprise
</span>
<span className="fz-16 fw-400 lato dtext">
AC_Sleeper
</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">
8h 10m
</span>
<span className="fz-16 fw-400 lato">
12+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">
Les vignes
</span>
</td>
<td>
<span className="dollartext mb__10 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 fw-400 dtext lato d-block mb__15">
Odd day : Friday
</span>
<Link href="/bus-bookingsystem.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">Bus 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">Bus Name</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/nortex.jpg" alt="img"/>
</span>
<span className="fz-16 d-block mb__10 fw-400 lato">
BBEL Enterprise
</span>
<span className="fz-16 fw-400 lato dtext">
AC_Sleeper
</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">
8h 10m
</span>
<span className="fz-16 fw-400 lato">
12+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">
Les vignes
</span>
</td>
<td>
<span className="dollartext mb__10 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 fw-400 dtext lato d-block mb__15">
Odd day : Friday
</span>
<Link href="/bus-bookingsystem.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">Bus 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">Bus Name</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/southzoon.jpg" alt="img"/>
</span>
<span className="fz-16 d-block mb__10 fw-400 lato">
BBEL Enterprise
</span>
<span className="fz-16 fw-400 lato dtext">
AC_Sleeper
</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">
8h 10m
</span>
<span className="fz-16 fw-400 lato">
12+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">
Les vignes
</span>
</td>
<td>
<span className="dollartext mb__10 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 fw-400 dtext lato d-block mb__15">
Odd day : Friday
</span>
<Link href="/bus-bookingsystem.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">Bus 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__onewaysecti pt__60 pb__60">
<div className="container">
<div className="row g-4 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>
<div className="search__item borderb pb__10 mb__20">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Car 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>
<div className="search__item borderb pb__10 mb__20">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Car type
<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">
Economy
</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="proper221">
<label className="form-check-label" for="proper221">
<span className="fz-16 lato fw-400 dtext">
Compact
</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="proper326">
<label className="form-check-label" for="proper326">
<span className="fz-16 lato fw-400 dtext">
Midsize
</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="proper446">
<label className="form-check-label" for="proper446">
<span className="fz-16 lato fw-400 dtext">
Standard
</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="proper4re47">
<label className="form-check-label" for="proper4re47">
<span className="fz-16 lato fw-400 dtext">
Minivan
</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="proper4sizea48">
<label className="form-check-label" for="proper4sizea48">
<span className="fz-16 lato fw-400 dtext">
Full-size
</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="proper4suv49">
<label className="form-check-label" for="proper4suv49">
<span className="fz-16 lato fw-400 dtext">
SUV
</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="proper4van50">
<label className="form-check-label" for="proper4van50">
<span className="fz-16 lato fw-400 dtext">
Van
</span>
</label>
</div>
</div>
</div>
</div>
</div>
<div className="search__item borderb pb__10 mb__20">
<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="proper1s13" checked>
<label className="form-check-label" for="proper1s13">
<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="proper2sa23">
<label className="form-check-label" for="proper2sa23">
<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="proper3sa29">
<label className="form-check-label" for="proper3sa29">
<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="proper4s51">
<label className="form-check-label" for="proper4s51">
<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="ter16">
<label className="form-check-label" for="ter16">
<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>
<div className="search__item borderb pb__10 mb__20">
<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>
<div className="search__item borderb pb__10 mb__20">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Bags
<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="proper1sbagg1" checked>
<label className="form-check-label" for="proper1sbagg1">
<span className="fz-16 lato fw-400 dtext">
1 to 2 bags
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
122
</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="proper2sbagg2">
<label className="form-check-label" for="proper2sbagg2">
<span className="fz-16 lato fw-400 dtext">
3 to 4 bags
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
63
</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="proper3sbags3a30">
<label className="form-check-label" for="proper3sbags3a30">
<span className="fz-16 lato fw-400 dtext">
5 or more
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
25
</span>
</div>
</div>
</div>
</div>
<div className="search__item borderb pb__10 mb__20">
<div className="common__sidebar__head">
<button className="w-100 fw-400 lato dtext fz-24 d-flex align-items-center justify-content-between">
Transmission
<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="proper1sau114" checked>
<label className="form-check-label" for="proper1sau114">
<span className="fz-16 lato fw-400 dtext">
Automatic
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
122
</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="proper2sbau24">
<label className="form-check-label" for="proper2sbau24">
<span className="fz-16 lato fw-400 dtext">
Manual
</span>
</label>
</div>
<span className="radio__right fz-16 fw-400 dtext lato">
263
</span>
</div>
</div>
</div>
</div>
<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">
Payment type
<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="proper1s15" checked>
<label className="form-check-label" for="proper1s15">
<span className="fz-16 lato fw-400 dtext">
Pay now
</span>
</label>
</div>
</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="proper2sa25">
<label className="form-check-label" for="proper2sa25">
<span className="fz-16 lato fw-400 dtext">
Pay at counter
</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="col-xxl-8 col-xl-8 col-lg-8">
<div className="carferrari__item mb__30 d-flex align-items-center bgwhite p__10">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/cars/ferrari.jpg" alt="cars"/>
</Link>
<div className="carferrari__content">
<div className="d-flex carferari__box justify-content-between">
<div className="farrari__left">
<div className="d-flex mb__24 align-items-center gap-4">
<Link href="/URL:void(0)">
<h5 className="dtext">
Ferrari
</h5>
</Link>
<span className="suv fz-16 fw-400 lato d-block gratext">
<span className="gratext">
Suv
</span>
</span>
</div>
<ul className="ferrari__list d-flex">
<li className="fz-16 fw-400 pratext lato">
Free Cancellation
</li>
<li className="fz-16 fw-400 pratext lato">
Price Guarantee
</li>
<li className="fz-16 fw-400 pratext lato">
Instantly Confirmed
</li>
<li className="fz-16 fw-400 pratext lato">
Third Party Liability
</li>
</ul>
</div>
<div className="farrari__carbook">
<div className="d-flex mb-1 pratext gap-3">
<span className="gratext fz-16 lato">20% off</span>
Per day
</div>
<div className="d-flex align-items-end mb__20 pratext gap-3">
<span className="gratext fz-18 fw-500 lato">$312</span>
<span className="troth3">
$332
</span>
</div>
<Link href="/car-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
<ul className="ferrari__pats justify-content-between d-flex align-items-center">
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/person.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
5 Pass
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/lock.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
3 Big Bag
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/setting.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
Auto
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/speeder.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
100+ Km
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/acs.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
A/C
</span>
</li>
</ul>
</div>
</div>
<div className="carferrari__item mb__30 d-flex align-items-center bgwhite p__10">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/cars/cadillac.jpg" alt="cars"/>
</Link>
<div className="carferrari__content">
<div className="d-flex carferari__box justify-content-between">
<div className="farrari__left">
<div className="d-flex mb__24 align-items-center gap-4">
<Link href="/URL:void(0)">
<h5 className="dtext">
Cadillac
</h5>
</Link>
<span className="suv fz-16 fw-400 lato d-block gratext">
<span className="gratext">
Suv
</span>
</span>
</div>
<ul className="ferrari__list d-flex">
<li className="fz-16 fw-400 pratext lato">
Free Cancellation
</li>
<li className="fz-16 fw-400 pratext lato">
Price Guarantee
</li>
<li className="fz-16 fw-400 pratext lato">
Instantly Confirmed
</li>
<li className="fz-16 fw-400 pratext lato">
Third Party Liability
</li>
</ul>
</div>
<div className="farrari__carbook">
<div className="d-flex mb-1 pratext gap-3">
<span className="gratext fz-16 lato">20% off</span>
Per day
</div>
<div className="d-flex align-items-end mb__20 pratext gap-3">
<span className="gratext fz-18 fw-500 lato">$312</span>
<span className="troth3">
$332
</span>
</div>
<Link href="/car-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
<ul className="ferrari__pats justify-content-between d-flex align-items-center">
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/person.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
5 Pass
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/lock.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
3 Big Bag
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/setting.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
Auto
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/speeder.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
100+ Km
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/acs.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
A/C
</span>
</li>
</ul>
</div>
</div>
<div className="carferrari__item mb__30 d-flex align-items-center bgwhite p__10">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/cars/chevrolet.jpg" alt="cars"/>
</Link>
<div className="carferrari__content">
<div className="d-flex carferari__box justify-content-between">
<div className="farrari__left">
<div className="d-flex mb__24 align-items-center gap-4">
<Link href="/URL:void(0)">
<h5 className="dtext">
Chevrolet
</h5>
</Link>
<span className="suv fz-16 fw-400 lato d-block gratext">
<span className="gratext">
Suv
</span>
</span>
</div>
<ul className="ferrari__list d-flex">
<li className="fz-16 fw-400 pratext lato">
Free Cancellation
</li>
<li className="fz-16 fw-400 pratext lato">
Price Guarantee
</li>
<li className="fz-16 fw-400 pratext lato">
Instantly Confirmed
</li>
<li className="fz-16 fw-400 pratext lato">
Third Party Liability
</li>
</ul>
</div>
<div className="farrari__carbook">
<div className="d-flex mb-1 pratext gap-3">
<span className="gratext fz-16 lato">20% off</span>
Per day
</div>
<div className="d-flex align-items-end mb__20 pratext gap-3">
<span className="gratext fz-18 fw-500 lato">$312</span>
<span className="troth3">
$332
</span>
</div>
<Link href="/car-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
<ul className="ferrari__pats justify-content-between d-flex align-items-center">
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/person.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
5 Pass
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/lock.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
3 Big Bag
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/setting.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
Auto
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/speeder.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
100+ Km
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/acs.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
A/C
</span>
</li>
</ul>
</div>
</div>
<div className="carferrari__item mb__30 d-flex align-items-center bgwhite p__10">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/cars/datsun.jpg" alt="cars"/>
</Link>
<div className="carferrari__content">
<div className="d-flex carferari__box justify-content-between">
<div className="farrari__left">
<div className="d-flex mb__24 align-items-center gap-4">
<Link href="/URL:void(0)">
<h5 className="dtext">
Datsun
</h5>
</Link>
<span className="suv fz-16 fw-400 lato d-block gratext">
<span className="gratext">
Suv
</span>
</span>
</div>
<ul className="ferrari__list d-flex">
<li className="fz-16 fw-400 pratext lato">
Free Cancellation
</li>
<li className="fz-16 fw-400 pratext lato">
Price Guarantee
</li>
<li className="fz-16 fw-400 pratext lato">
Instantly Confirmed
</li>
<li className="fz-16 fw-400 pratext lato">
Third Party Liability
</li>
</ul>
</div>
<div className="farrari__carbook">
<div className="d-flex mb-1 pratext gap-3">
<span className="gratext fz-16 lato">20% off</span>
Per day
</div>
<div className="d-flex align-items-end mb__20 pratext gap-3">
<span className="gratext fz-18 fw-500 lato">$312</span>
<span className="troth3">
$332
</span>
</div>
<Link href="/car-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
<ul className="ferrari__pats justify-content-between d-flex align-items-center">
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/person.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
5 Pass
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/lock.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
3 Big Bag
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/setting.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
Auto
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/speeder.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
100+ Km
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/acs.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
A/C
</span>
</li>
</ul>
</div>
</div>
<div className="carferrari__item d-flex align-items-center bgwhite p__10">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/cars/bmw.jpg" alt="cars"/>
</Link>
<div className="carferrari__content">
<div className="d-flex carferari__box justify-content-between">
<div className="farrari__left">
<div className="d-flex mb__24 align-items-center gap-4">
<Link href="/URL:void(0)">
<h5 className="dtext">
BMW Creta
</h5>
</Link>
<span className="suv fz-16 fw-400 lato d-block gratext">
<span className="gratext">
Suv
</span>
</span>
</div>
<ul className="ferrari__list d-flex">
<li className="fz-16 fw-400 pratext lato">
Free Cancellation
</li>
<li className="fz-16 fw-400 pratext lato">
Price Guarantee
</li>
<li className="fz-16 fw-400 pratext lato">
Instantly Confirmed
</li>
<li className="fz-16 fw-400 pratext lato">
Third Party Liability
</li>
</ul>
</div>
<div className="farrari__carbook">
<div className="d-flex mb-1 pratext gap-3">
<span className="gratext fz-16 lato">20% off</span>
Per day
</div>
<div className="d-flex align-items-end mb__20 pratext gap-3">
<span className="gratext fz-18 fw-500 lato">$312</span>
<span className="troth3">
$332
</span>
</div>
<Link href="/car-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
<ul className="ferrari__pats justify-content-between d-flex align-items-center">
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/person.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
5 Pass
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/lock.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
3 Big Bag
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/setting.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
Auto
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/speeder.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
100+ Km
</span>
</li>
<li className="d-grid justify-content-center text-center">
<span className="icon mb__10">
<img src="/img/svg/acs.svg" alt="icon"/>
</span>
<span className="dtext fz-16 fw-400 lato d-block">
A/C
</span>
</li>
</ul>
</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>