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 moreThere are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
Read moreThere are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
Read moreThere are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
Read moreThere are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
Read moreThere are many variations of passages of Lorem ipsum available, but the majority have sufferrd alteration in some form...
Read moreThere 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__grid__leftwrapper">
<div className="row g-4">
<div className="col-xl-6 col-md-6">
<div className="blog__list__item">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/blog/list1.jpg" alt="img"/>
<span className="date__box">
<span>
17 dec
<span className="dat">
2023
</span>
</span>
</span>
</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>
<div className="col-xl-6 col-md-6">
<div className="blog__list__item">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/blog/list2.jpg" alt="img"/>
<span className="date__box">
<span>
17 dec
<span className="dat">
2023
</span>
</span>
</span>
</Link>
<div className="content">
<h5 className="mb__15">
<Link href="/URL:void(0)">
Flight booking service integrated with 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>
<div className="col-xl-6 col-md-6">
<div className="blog__list__item">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/blog/list3.jpg" alt="img"/>
<span className="date__box">
<span>
17 dec
<span className="dat">
2023
</span>
</span>
</span>
</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>
<div className="col-xl-6 col-md-6">
<div className="blog__list__item">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/blog/list4.jpg" alt="img"/>
<span className="date__box">
<span>
17 dec
<span className="dat">
2023
</span>
</span>
</span>
</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>
<div className="col-xl-6 col-md-6">
<div className="blog__list__item">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/blog/list5.jpg" alt="img"/>
<span className="date__box">
<span>
17 dec
<span className="dat">
2023
</span>
</span>
</span>
</Link>
<div className="content">
<h5 className="mb__15">
<Link href="/URL:void(0)">
Credit card bill payment platform Cred 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="col-xl-6 col-md-6">
<div className="blog__list__item">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/blog/list6.jpg" alt="img"/>
<span className="date__box">
<span>
17 dec
<span className="dat">
2023
</span>
</span>
</span>
</Link>
<div className="content">
<h5 className="mb__15">
<Link href="/URL:void(0)">
Rechargio announces new album, world tour...
</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>
</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>
<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 text-start borderb pb__20 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="proper1s4" checked/>
<label className="form-check-label" htmlFor="proper1s4">
<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="proper2"/>
<label className="form-check-label" htmlFor="proper2">
<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="proper317"/>
<label className="form-check-label" htmlFor="proper317">
<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="proper4b02"/>
<label className="form-check-label" htmlFor="proper4b02">
<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" htmlFor="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" htmlFor="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="proper1s106" checked/>
<label className="form-check-label" htmlFor="proper1s106">
<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="proper2s"/>
<label className="form-check-label" htmlFor="proper2s">
<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="proper3s1"/>
<label className="form-check-label" htmlFor="proper3s1">
<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="proper4s02"/>
<label className="form-check-label" htmlFor="proper4s02">
<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="proper5s9"/>
<label className="form-check-label" htmlFor="proper5s9">
<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="proper1s2" checked/>
<label className="form-check-label" htmlFor="proper1s2">
<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="proper2sat7"/>
<label className="form-check-label" htmlFor="proper2sat7">
<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="proper3sa"/>
<label className="form-check-label" htmlFor="proper3sa">
<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="proper4sa03"/>
<label className="form-check-label" htmlFor="proper4sa03">
<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="proper5sa10"/>
<label className="form-check-label" htmlFor="proper5sa10">
<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="proper4sas04"/>
<label className="form-check-label" htmlFor="proper4sas04">
<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-6 col-xl-6 col-lg-6 col-md-6">
<div className="bits__hotel d-grid align-items-center gap-3">
<div className="thumb thumb2">
<Link href="/hotel-details.html">
<img src="/img/details/hh1.jpg" className="w-100" alt="img"/>
</Link>
</div>
<div className="content content__space">
<div className="title gap-3 d-flex justify-content-between 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>
<div className="d-flex flex-wrap align-items-center justify-content-between gap-1">
<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>
</ul>
</div>
<div className="d-flex justify-content-between flex-wrap align-items-center gap-1">
<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>
</div>
<div className="d-grid justify-content-center">
<Link href="/hotel-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
<div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div className="bits__hotel d-grid align-items-center gap-3">
<div className="thumb thumb2">
<Link href="/hotel-details.html">
<img src="/img/details/hh2.jpg" className="w-100" alt="img"/>
</Link>
</div>
<div className="content content__space">
<div className="title gap-3 d-flex justify-content-between mb__10">
<h5>
Skyp 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>
<div className="d-flex align-items-center flex-wrap justify-content-between gap-1">
<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"/>
Paris, France
</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>
</ul>
</div>
<div className="d-flex flex-wrap justify-content-between align-items-center gap-1">
<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>
</div>
<div className="d-grid justify-content-center">
<Link href="/hotel-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
<div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div className="bits__hotel d-grid align-items-center gap-3">
<div className="thumb thumb2">
<Link href="/hotel-details.html">
<img src="/img/details/hh3.jpg" className="w-100" alt="img"/>
</Link>
</div>
<div className="content content__space">
<div className="title gap-3 d-flex justify-content-between mb__10">
<h5>
East 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>
<div className="d-flex flex-wrap align-items-center justify-content-between gap-1">
<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"/>
Prime city, Abu Dhabi
</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>
</ul>
</div>
<div className="d-flex flex-wrap justify-content-between align-items-center gap-1">
<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>
</div>
<div className="d-grid justify-content-center">
<Link href="/hotel-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
<div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div className="bits__hotel d-grid align-items-center gap-3">
<div className="thumb thumb2">
<Link href="/hotel-details.html">
<img src="/img/details/hh4.jpg" className="w-100" alt="img"/>
</Link>
</div>
<div className="content content__space">
<div className="title gap-3 d-flex justify-content-between 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>
<div className="d-flex flex-wrap align-items-center justify-content-between gap-1">
<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 york, US
</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>
</ul>
</div>
<div className="d-flex flex-wrap justify-content-between align-items-center gap-1">
<div className="price__off mb__10 d-flex gap-3">
<span className="fz-18 fw-500 lato dtext">$912</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>
</div>
<div className="d-grid justify-content-center">
<Link href="/hotel-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
<div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div className="bits__hotel d-grid align-items-center gap-3">
<div className="thumb thumb2">
<Link href="/hotel-details.html">
<img src="/img/details/hh5.jpg" className="w-100" alt="img"/>
</Link>
</div>
<div className="content content__space">
<div className="title gap-3 d-flex justify-content-between mb__10">
<h5>
Jack Luxury 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>
<div className="d-flex flex-wrap align-items-center justify-content-between gap-1">
<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"/>
Mumbai, india
</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>
</ul>
</div>
<div className="d-flex flex-wrap justify-content-between align-items-center gap-1">
<div className="price__off mb__10 d-flex gap-3">
<span className="fz-18 fw-500 lato dtext">$742</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>
</div>
<div className="d-grid justify-content-center">
<Link href="/hotel-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
<div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div className="bits__hotel d-grid align-items-center gap-3">
<div className="thumb thumb2">
<Link href="/hotel-details.html">
<img src="/img/details/hh6.jpg" className="w-100" alt="img"/>
</Link>
</div>
<div className="content content__space">
<div className="title gap-3 d-flex justify-content-between mb__10">
<h5>
Sea Life 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>
<div className="d-flex flex-wrap align-items-center justify-content-between gap-1">
<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"/>
Dhaka, bangladesh
</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>
</ul>
</div>
<div className="d-flex flex-wrap justify-content-between align-items-center gap-1">
<div className="price__off mb__10 d-flex gap-3">
<span className="fz-18 fw-500 lato dtext">$912</span>
<span className="linetrogh fz-16 mt-1 fw-500 lato">$732</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>
</div>
<div className="d-grid justify-content-center">
<Link href="/hotel-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</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>
<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 text-start borderb pb__20 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="proper1s6" checked/>
<label className="form-check-label" htmlFor="proper1s6">
<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="proper2bs6"/>
<label className="form-check-label" htmlFor="proper2bs6">
<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="proper35"/>
<label className="form-check-label" htmlFor="proper35">
<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="proper406"/>
<label className="form-check-label" htmlFor="proper406">
<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="proper4re06"/>
<label className="form-check-label" htmlFor="proper4re06">
<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="proper4re1"/>
<label className="form-check-label" htmlFor="proper4re1">
<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="proper4re2"/>
<label className="form-check-label" htmlFor="proper4re2">
<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="proper1s44" checked/>
<label className="form-check-label" htmlFor="proper1s44">
<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="proper2sbs8"/>
<label className="form-check-label" htmlFor="proper2sbs8">
<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="proper3s7"/>
<label className="form-check-label" htmlFor="proper3s7">
<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="proper4s09"/>
<label className="form-check-label" htmlFor="proper4s09">
<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="proper5s3"/>
<label className="form-check-label" htmlFor="proper5s3">
<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="proper1s50" checked/>
<label className="form-check-label" htmlFor="proper1s50">
<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="proper2sat2"/>
<label className="form-check-label" htmlFor="proper2sat2">
<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="proper3sa8"/>
<label className="form-check-label" htmlFor="proper3sa8">
<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="proper4sa010"/>
<label className="form-check-label" htmlFor="proper4sa010">
<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="proper5sa"/>
<label className="form-check-label" htmlFor="proper5sa">
<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="proper4sas011"/>
<label className="form-check-label" htmlFor="proper4sas011">
<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
</span>
<div className="flight__oneway__wrapper flight__grid__waywrapper">
<div className="row g-4">
<div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div className="flight__oneway__item2">
<div className="flight__oneway__inner2">
<div className="table__two">
<ul className="bgwhite headline__text d-flex justify-content-center circle__input">
<li className="fz-24 fw-400 lato dtext">Train Ticket</li>
</ul>
<div className="tabletwo__body justify-content-between w-100">
<div className="w-100 tablebg">
<span className="d-grid dadhes pt__30 pb__20 justify-content-center">
<span className="delta mb__10 d-block">
<img src="/img/payment/bbel.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
BBEL Express
</span>
</span>
<ul className="table__conponent align-items-center dadhes d-flex justify-content-between">
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
8:10 am
</span>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
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">
8h
</span>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10m
</span>
<span className="fz-16 d-block fw-400 lato">
12+s
</span>
<span className="fz-16 fw-400 lato">
top
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20
</span>
<span className="fz-18 d-block fw-600 lato dtext">
pm
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</li>
</ul>
</div>
<div className="right__tableprice d-flex justify-content-center w-100 tablebg">
<div className="boxes">
<span className="dollartext mb-1 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 dtext d-block mb__15 fw-400 lato">
Off day : Friday
</span>
<Link href="/train-bookingsystem.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</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">
Refundable <span className="gratext lato">$5 eCash</span>
</span>
<div className="d-flex align-items-center gap-2">
<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>
</div>
</div>
</div>
</div>
<div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div className="flight__oneway__item2">
<div className="flight__oneway__inner2">
<div className="table__two">
<ul className="bgwhite headline__text d-flex justify-content-center circle__input">
<li className="fz-24 fw-400 lato dtext">Train Ticket</li>
</ul>
<div className="tabletwo__body justify-content-between w-100">
<div className="w-100 tablebg">
<span className="d-grid dadhes pt__30 pb__20 justify-content-center">
<span className="delta mb__10 d-block">
<img src="/img/payment/deltas.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
BBEL Express
</span>
</span>
<ul className="table__conponent align-items-center dadhes d-flex justify-content-between">
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
8:10 am
</span>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
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">
8h
</span>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10m
</span>
<span className="fz-16 d-block fw-400 lato">
12+s
</span>
<span className="fz-16 fw-400 lato">
top
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20
</span>
<span className="fz-18 d-block fw-600 lato dtext">
pm
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</li>
</ul>
</div>
<div className="right__tableprice d-flex justify-content-center w-100 tablebg">
<div className="boxes">
<span className="dollartext mb-1 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 dtext d-block mb__15 fw-400 lato">
Off day : Friday
</span>
<Link href="/train-bookingsystem.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</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">
Refundable <span className="gratext lato">$5 eCash</span>
</span>
<div className="d-flex align-items-center gap-2">
<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>
</div>
</div>
</div>
</div>
<div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div className="flight__oneway__item2">
<div className="flight__oneway__inner2">
<div className="table__two">
<ul className="bgwhite headline__text d-flex justify-content-center circle__input">
<li className="fz-24 fw-400 lato dtext">Train Ticket</li>
</ul>
<div className="tabletwo__body justify-content-between w-100">
<div className="w-100 tablebg">
<span className="d-grid dadhes pt__30 pb__20 justify-content-center">
<span className="delta mb__10 d-block">
<img src="/img/payment/nortex.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
BBEL Express
</span>
</span>
<ul className="table__conponent align-items-center dadhes d-flex justify-content-between">
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
8:10 am
</span>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
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">
8h
</span>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10m
</span>
<span className="fz-16 d-block fw-400 lato">
12+s
</span>
<span className="fz-16 fw-400 lato">
top
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20
</span>
<span className="fz-18 d-block fw-600 lato dtext">
pm
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</li>
</ul>
</div>
<div className="right__tableprice d-flex justify-content-center w-100 tablebg">
<div className="boxes">
<span className="dollartext mb-1 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 dtext d-block mb__15 fw-400 lato">
Off day : Friday
</span>
<Link href="/train-bookingsystem.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</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">
Refundable <span className="gratext lato">$5 eCash</span>
</span>
<div className="d-flex align-items-center gap-2">
<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>
</div>
</div>
</div>
</div>
<div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div className="flight__oneway__item2">
<div className="flight__oneway__inner2">
<div className="table__two">
<ul className="bgwhite headline__text d-flex justify-content-center circle__input">
<li className="fz-24 fw-400 lato dtext">Train Ticket</li>
</ul>
<div className="tabletwo__body justify-content-between w-100">
<div className="w-100 tablebg">
<span className="d-grid dadhes pt__30 pb__20 justify-content-center">
<span className="delta mb__10 d-block">
<img src="/img/payment/southzoon.jpg" alt="img"/>
</span>
<span className="fz-16 fw-400 lato">
BBEL Express
</span>
</span>
<ul className="table__conponent align-items-center dadhes d-flex justify-content-between">
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
8:10 am
</span>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
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">
8h
</span>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10m
</span>
<span className="fz-16 d-block fw-400 lato">
12+s
</span>
<span className="fz-16 fw-400 lato">
top
</span>
</li>
<li>
<span className="fz-18 mb__10 d-block fw-600 lato dtext">
10:20
</span>
<span className="fz-18 d-block fw-600 lato dtext">
pm
</span>
<span className="fz-16 fw-400 lato">
Dubai
</span>
</li>
</ul>
</div>
<div className="right__tableprice d-flex justify-content-center w-100 tablebg">
<div className="boxes">
<span className="dollartext mb-1 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 dtext d-block mb__15 fw-400 lato">
Off day : Friday
</span>
<Link href="/train-bookingsystem.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</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">
Refundable <span className="gratext lato">$5 eCash</span>
</span>
<div className="d-flex align-items-center gap-2">
<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>
</div>
</div>
</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="cars__gridwrapper">
<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 text-start borderb pb__20 mb__20">
Filter
</h3>
<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">
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>
<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">
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="proper1s101" checked/>
<label className="form-check-label" htmlFor="proper1s101">
<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="proper2bs14"/>
<label className="form-check-label" htmlFor="proper2bs14">
<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="proper314"/>
<label className="form-check-label" htmlFor="proper314">
<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="proper401"/>
<label className="form-check-label" htmlFor="proper401">
<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="proper4re01"/>
<label className="form-check-label" htmlFor="proper4re01">
<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="proper4size017"/>
<label className="form-check-label" htmlFor="proper4size017">
<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="proper4suv018"/>
<label className="form-check-label" htmlFor="proper4suv018">
<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="proper4van10"/>
<label className="form-check-label" htmlFor="proper4van10">
<span className="fz-16 lato fw-400 dtext">
Van
</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="proper1s02" checked/>
<label className="form-check-label" htmlFor="proper1s02">
<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="proper2sbs15"/>
<label className="form-check-label" htmlFor="proper2sbs15">
<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="proper3s15"/>
<label className="form-check-label" htmlFor="proper3s15">
<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="proper4s01099"/>
<label className="form-check-label" htmlFor="proper4s01099">
<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="proper5s7"/>
<label className="form-check-label" htmlFor="proper5s7">
<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">
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="proper1sbagg103" checked/>
<label className="form-check-label" htmlFor="proper1sbagg103">
<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" htmlFor="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="proper3sbags316"/>
<label className="form-check-label" htmlFor="proper3sbags316">
<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>
<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">
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="proper1sau104" checked/>
<label className="form-check-label" htmlFor="proper1sau104">
<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="proper2sbau2"/>
<label className="form-check-label" htmlFor="proper2sbau2">
<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>
<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">
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="proper1s05" checked/>
<label className="form-check-label" htmlFor="proper1s05">
<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="proper2sat6"/>
<label className="form-check-label" htmlFor="proper2sat6">
<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="row g-4 justify-content-center">
<div className="col-xl-6 col-lg-6 col-md-6">
<div className="carferrari__item flex-wrap d-flex align-items-center bgwhite p__10">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/cars/ferrari.jpg" alt="cars"/>
<span className="price base fw-500 lato fz-18 ">
$312
</span>
<span className="price2 base fw-400 lato fz-16">
20% off
</span>
</Link>
<div className="carferrari__content">
<div className="d-flex carferari__box justify-content-center">
<div className="farrari__left">
<div className="d-flex mb__20 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>
</div>
</div>
<ul className="ferrari__pats mb__20 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
</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
</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">
Km/h
</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>
<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 className="d-flex justify-content-center">
<Link href="/car-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
<div className="col-xl-6 col-lg-6 col-md-6">
<div className="carferrari__item flex-wrap d-flex align-items-center bgwhite p__10">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/cars/cadillac.jpg" alt="cars"/>
<span className="price base fw-500 lato fz-18 ">
$312
</span>
<span className="price2 base fw-400 lato fz-16">
20% off
</span>
</Link>
<div className="carferrari__content">
<div className="d-flex carferari__box justify-content-center">
<div className="farrari__left">
<div className="d-flex mb__20 align-items-center gap-4">
<Link href="/URL:void(0)">
<h5 className="dtext">
Cadillac L77
</h5>
</Link>
<span className="suv fz-16 fw-400 lato d-block gratext">
<span className="gratext">
Suv
</span>
</span>
</div>
</div>
</div>
<ul className="ferrari__pats mb__20 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
</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
</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">
Km/h
</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>
<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 className="d-flex justify-content-center">
<Link href="/car-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
<div className="col-xl-6 col-lg-6 col-md-6">
<div className="carferrari__item flex-wrap d-flex align-items-center bgwhite p__10">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/cars/chevrolet.jpg" alt="cars"/>
<span className="price base fw-500 lato fz-18 ">
$312
</span>
<span className="price2 base fw-400 lato fz-16">
20% off
</span>
</Link>
<div className="carferrari__content">
<div className="d-flex carferari__box justify-content-center">
<div className="farrari__left">
<div className="d-flex mb__20 align-items-center gap-4">
<Link href="/URL:void(0)">
<h5 className="dtext">
Chevrolet 77U
</h5>
</Link>
<span className="suv fz-16 fw-400 lato d-block gratext">
<span className="gratext">
Suv
</span>
</span>
</div>
</div>
</div>
<ul className="ferrari__pats mb__20 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
</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
</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">
Km/h
</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>
<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 className="d-flex justify-content-center">
<Link href="/car-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
<div className="col-xl-6 col-lg-6 col-md-6">
<div className="carferrari__item flex-wrap d-flex align-items-center bgwhite p__10">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/cars/datsun.jpg" alt="cars"/>
<span className="price base fw-500 lato fz-18 ">
$312
</span>
<span className="price2 base fw-400 lato fz-16">
20% off
</span>
</Link>
<div className="carferrari__content">
<div className="d-flex carferari__box justify-content-center">
<div className="farrari__left">
<div className="d-flex mb__20 align-items-center gap-4">
<Link href="/URL:void(0)">
<h5 className="dtext">
Datsun F20
</h5>
</Link>
<span className="suv fz-16 fw-400 lato d-block gratext">
<span className="gratext">
Suv
</span>
</span>
</div>
</div>
</div>
<ul className="ferrari__pats mb__20 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
</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
</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">
Km/h
</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>
<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 className="d-flex justify-content-center">
<Link href="/car-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
<div className="col-xl-6 col-lg-6 col-md-6">
<div className="carferrari__item flex-wrap d-flex align-items-center bgwhite p__10">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/cars/bmw.jpg" alt="cars"/>
<span className="price base fw-500 lato fz-18 ">
$312
</span>
<span className="price2 base fw-400 lato fz-16">
20% off
</span>
</Link>
<div className="carferrari__content">
<div className="d-flex carferari__box justify-content-center">
<div className="farrari__left">
<div className="d-flex mb__20 align-items-center gap-4">
<Link href="/URL:void(0)">
<h5 className="dtext">
BMW Creta 401
</h5>
</Link>
<span className="suv fz-16 fw-400 lato d-block gratext">
<span className="gratext">
Suv
</span>
</span>
</div>
</div>
</div>
<ul className="ferrari__pats mb__20 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
</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
</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">
Km/h
</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>
<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 className="d-flex justify-content-center">
<Link href="/car-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
<div className="col-xl-6 col-lg-6 col-md-6">
<div className="carferrari__item flex-wrap d-flex align-items-center bgwhite p__10">
<Link href="/URL:void(0)" className="thumb">
<img src="/img/cars/cadillac.jpg" alt="cars"/>
<span className="price base fw-500 lato fz-18 ">
$312
</span>
<span className="price2 base fw-400 lato fz-16">
20% off
</span>
</Link>
<div className="carferrari__content">
<div className="d-flex carferari__box justify-content-center">
<div className="farrari__left">
<div className="d-flex mb__20 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>
</div>
</div>
<ul className="ferrari__pats mb__20 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
</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
</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">
Km/h
</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>
<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 className="d-flex justify-content-center">
<Link href="/car-confirm-details.html" className="cmn__btn">
<span>
Book Now
</span>
</Link>
</div>
</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>