<section className="banner__section">
<div className="container">
<div className="fasilities__wrapper pb__40 wow fadeInUp" data-wow-duration="2s">
<div className="fasilities__inner d-flex align-items-center">
<Link href="/page1" className="fasilities__item active align-items-center d-flex">
<span className="icon">
<img src="/img/svg/phone.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Mobile
</span>
</Link>
<Link href="/card.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/card.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Card
</span>
</Link>
<Link href="/broadband.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/broadband.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Broadband
</span>
</Link>
<Link href="/landline.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/landphone.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Landline
</span>
</Link>
<Link href="/cabletv.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/tv.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
CableTv
</span>
</Link>
<Link href="/electricity.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/eletricity.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Electricity
</span>
</Link>
<Link href="/gas.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/gas.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Gas
</span>
</Link>
<Link href="/water.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/water.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Water
</span>
</Link>
</div>
</div>
<div className="fasilities__body wow fadeInUp" data-wow-duration="3s">
<div className="row g-4 justify-content-center">
<div className="col-xxl-8 col-xl-8 col-lg-8 col-md-6">
<div className="recharge__paymentbox">
<div className="mobile__recharge text-center">
<h5>
Mobile Recharge or Bill Payment
</h5>
<div className="prepaid__option">
<div className="prepaid__check">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="pyradio2" checked>
<label className="form-check-label" for="pyradio2">
Prepaid
</label>
</div>
<div className="prepaid__check">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="pyradio1">
<label className="form-check-label" for="pyradio1">
Postpaid
</label>
</div>
</div>
<form action="javascript:void(0)" className="pb__40">
<div className="row g-4">
<div className="col-lg-6">
<input type="text" placeholder="Enter Mobile Number">
</div>
<div className="col-lg-6">
<select name="niceselect">
<option value="1">
Select Your Operator
</option>
<option value="2">
1st Operator
</option>
<option value="3">
2nd Operator
</option>
<option value="4">
3rd Operator
</option>
</select>
</div>
<div className="col-lg-6">
<select name="niceselect">
<option value="1">
Select offers
</option>
<option value="2">
1st Offers
</option>
<option value="3">
2nd Offers
</option>
<option value="4">
3rd Offers
</option>
</select>
</div>
<div className="col-lg-6">
<input type="number" placeholder="Enter Amount">
</div>
</div>
</form>
<Link href="/order.html" className="cmn__btn">
<span>
Continue recharge
</span>
</Link>
</div>
</div>
</div>
<div className="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
<div className="payment__sponsor owl-theme owl-carousel">
<div className="pay__sponsor__item">
<img src="/img/banner/recharge-offer.jpg" alt="img"/>
</div>
<div className="pay__sponsor__item">
<img src="/img/banner/recharge-offer.jpg" alt="img"/>
</div>
<div className="pay__sponsor__item">
<img src="/img/banner/recharge-offer.jpg" alt="img"/>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="banner__section__two">
<div className="banner__wrapper__two">
<div className="container">
<div className="row g-4 justify-content-center">
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-12 wow fadeInUp" data-wow-duration="1.5s">
<div className="fasilities__wrapper pb__40">
<div className="fasilities__inner fasilities__innertwo">
<Link href="/index-2.html" className="fasilities__item active align-items-center d-flex">
<span className="icon">
<img src="/img/svg/phone.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Mobile
</span>
</Link>
<Link href="/card2.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/card.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Card
</span>
</Link>
<Link href="/broadband2.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/broadband.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Broadband
</span>
</Link>
<Link href="/landline2.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/landphone.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Landline
</span>
</Link>
<Link href="/cabletv2.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/tv.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
CableTv
</span>
</Link>
<Link href="/electricity2.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/eletricity.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Electricity
</span>
</Link>
<Link href="/gas2.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/gas.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Gas
</span>
</Link>
<Link href="/water2.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/water.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Water
</span>
</Link>
</div>
</div>
</div>
<div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div className="recharge__paymentbox mb__30">
<div className="mobile__recharge text-center">
<h5 className="mb-4">
Mobile Recharge or Bill Payment
</h5>
<div className="prepaid__option">
<div className="prepaid__check">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="pyradio2page" checked>
<label className="form-check-label" for="pyradio2page">
Prepaid
</label>
</div>
<div className="prepaid__check">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="pyradio1page">
<label className="form-check-label" for="pyradio1page">
Postpaid
</label>
</div>
</div>
<form action="javascript:void(0)" className="mb-3">
<div className="row g-4">
<div className="col-lg-6">
<input type="text" placeholder="Enter Mobile Number">
</div>
<div className="col-lg-6">
<select name="niceselect">
<option value="1">
Select Your Operator
</option>
<option value="2">
1st Operator
</option>
<option value="3">
2nd Operator
</option>
<option value="4">
3rd Operator
</option>
</select>
</div>
<div className="col-lg-6">
<select name="niceselect">
<option value="1">
Select Offers
</option>
<option value="2">
1st Offers
</option>
<option value="3">
2nd Offers
</option>
<option value="4">
3rd Offers
</option>
</select>
</div>
<div className="col-lg-6">
<input type="number" placeholder="Enter Amount">
</div>
</div>
</form>
<Link href="/order.html" className="cmn__btn mt-5">
<span>
Continue recharge
</span>
</Link>
</div>
</div>
<h4 className="promo__title mb__30">
Promo Code
</h4>
<div className="promo__sponsor__wrappertwo owl-theme owl-carousel">
<div className="promo__sponsor__item">
<div className="promo__box">
<div className="thumb">
<img src="/img/payment/aritel.png" alt="img"/>
</div>
<div className="content">
<span className="fz-16 link">
SWyro5ruq2Eu
</span>
<Link href="/order.html">
<span>
Apply
</span>
<span className="icon">
<i className="material-symbols-outlined">
east
</i>
</span>
</Link>
</div>
</div>
</div>
<div className="promo__sponsor__item">
<div className="promo__box">
<div className="thumb">
<img src="/img/payment/paypal.png" alt="img"/>
</div>
<div className="content">
<span className="fz-16 link">
OayKsH7Xmr0O
</span>
<Link href="/order.html">
<span>
Apply
</span>
<span className="icon">
<i className="material-symbols-outlined">
east
</i>
</span>
</Link>
</div>
</div>
</div>
<div className="promo__sponsor__item">
<div className="promo__box">
<div className="thumb">
<img src="/img/payment/aritel.png" alt="img"/>
</div>
<div className="content">
<span className="fz-16 link">
SWyro5ruq2Eu
</span>
<Link href="/order.html">
<span>
Apply
</span>
<span className="icon">
<i className="material-symbols-outlined">
east
</i>
</span>
</Link>
</div>
</div>
</div>
<div className="promo__sponsor__item">
<div className="promo__box">
<div className="thumb">
<img src="/img/payment/paypal.png" alt="img"/>
</div>
<div className="content">
<span className="fz-16 link">
OayKsH7Xmr0O
</span>
<Link href="/order.html">
<span>
Apply
</span>
<span className="icon">
<i className="material-symbols-outlined">
east
</i>
</span>
</Link>
</div>
</div>
</div>
</div>
</div>
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
<div className="pay__sponsor__thumbtwo">
<img src="/img/banner/mobile2.jpg" alt="img"/>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="banner__three pt-80 bgsection">
<div className="banner__wrapper__two">
<div className="container">
<div className="row justify-content-center">
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-12">
<div className="fasilities__wrapper pb__40">
<div className="fasilities__inner fasilities__innertwo pt-4 pb-4">
<Link href="/mobile3.html" className="fasilities__item align-items-center d-flex active">
<span className="icon">
<img src="/img/svg/phone.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Mobile
</span>
</Link>
<Link href="/card.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/card.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Card
</span>
</Link>
<Link href="/broadband.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/broadband.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Broadband
</span>
</Link>
<Link href="/landline.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/landphone.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Landline
</span>
</Link>
<Link href="/cabletv.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/tv.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
CableTv
</span>
</Link>
<Link href="/electricity.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/eletricity.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Electricity
</span>
</Link>
<Link href="/gas.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/gas.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Gas
</span>
</Link>
<Link href="/water.html" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/svg/water.svg" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Water
</span>
</Link>
</div>
</div>
</div>
<div className="col-xxl-6 col-xl-6 col-lg-5 col-md-6">
<div className="recharge__paymentbox recharge__pymentboxthree mb__30">
<div className="mobile__recharge text-center">
<h4 className="mb__30 fz-30 fw-700">
Pay your Electricity Bill
</h4>
<form action="javascript:void(0)" className="mb-3 form__thumb__added">
<div className="row g-4">
<div className="col-lg-12">
<div className="payment__iconaddeds">
<div className="icon">
<img src="/img/banner/three/country.png" alt="img"/>
</div>
<select name="niceselect">
<option value="1">
Select country
</option>
<option value="2">
Us
</option>
<option value="3">
Uk
</option>
</select>
</div>
</div>
<div className="col-lg-12">
<div className="payment__iconaddeds">
<div className="icon">
<img src="/img/banner/three/institute.png" alt="img"/>
</div>
<select name="niceselect">
<option value="1">
Institute
</option>
<option value="2">
Brand Limited
</option>
<option value="3">
Brand Limited
</option>
<option value="4">
Brand Limited
</option>
</select>
</div>
</div>
<div className="col-lg-12">
<div className="payment__iconaddeds">
<div className="icon">
<img src="/img/banner/three/payment.png" alt="img"/>
</div>
<select name="niceselect">
<option value="1">
Payment option
</option>
<option value="2">
Visa
</option>
<option value="3">
Pyapal
</option>
<option value="4">
Bank
</option>
</select>
</div>
</div>
<div className="col-lg-12">
<div className="payment__iconaddeds">
<div className="icon">
<img src="/img/banner/three/call.png" alt="img"/>
</div>
<input type="text" placeholder="Number">
</div>
</div>
<div className="col-lg-12">
<div className="payment__iconaddeds">
<div className="icon">
<img src="/img/banner/three/amount.png" alt="img"/>
</div>
<input type="number" placeholder="Amount">
</div>
</div>
</div>
</form>
<div className="payment__check d-flex justify-content-start">
<input className="form-check-input" type="checkbox" id="paycheckon6" checked>
<label className="form-check-label" for="paycheckon6">
Save account number
</label>
</div>
<Link href="/order.html" className="cmn__btn mt-5">
<span>
Continue recharge
</span>
</Link>
</div>
</div>
</div>
<div className="col-xxl-3 col-xl-3 col-lg-4 col-md-6">
<div className="pay__sponsor__grid">
<Link href="/#code" className="morehead">
Promo Code
</Link>
<div className="promo__box">
<div className="thumb">
<img src="/img/payment/aritel.png" alt="img"/>
</div>
<div className="content">
<span className="fz-16 link">
SWyro5ruq2Eu
</span>
<Link href="/help-support.html">
<span>
Apply
</span>
<span className="icon">
<i className="material-symbols-outlined">
east
</i>
</span>
</Link>
</div>
</div>
<div className="promo__box">
<div className="thumb">
<img src="/img/payment/paypal.png" alt="img"/>
</div>
<div className="content">
<span className="fz-16 link">
OayKsH7Xmr0O
</span>
<Link href="/help-support.html">
<span>
Apply
</span>
<span className="icon">
<i className="material-symbols-outlined">
east
</i>
</span>
</Link>
</div>
</div>
<div className="promo__box">
<div className="thumb">
<img src="/img/payment/mqn.png" alt="img"/>
</div>
<div className="content">
<span className="fz-16 link">
olZUIdJcjTPG
</span>
<Link href="/help-support.html">
<span>
Apply
</span>
<span className="icon">
<i className="material-symbols-outlined">
east
</i>
</span>
</Link>
</div>
</div>
<div className="promo__box">
<div className="thumb">
<img src="/img/payment/visa.png" alt="img"/>
</div>
<div className="content">
<span className="fz-16 link">
76VpS7e59FWP
</span>
<Link href="/help-support.html">
<span>
Apply
</span>
<span className="icon">
<i className="material-symbols-outlined">
east
</i>
</span>
</Link>
</div>
</div>
<div className="more text-center">
<Link href="/help-support.html" className="morebtn">
More
</Link>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="element__man">
<img src="/img/banner/man-element.png" alt="img"/>
</div>
<div className="watch__element">
<img src="/img/banner/wtach.png" alt="element"/>
</div>
<div className="touch__element">
<img src="/img/banner/touch-element.png" alt="element"/>
</div>
<div className="ball__element">
<img src="/img/refer/referball.png" alt="img"/>
</div>
</section>
<section className="booking__landing__one mb-5">
<div className="booking__thumb__one">
<img src="/img/banner/booking-landing1.jpg" alt="img"/>
</div>
<div className="container">
<div className="booking__landing__wrap1 trans50y">
<div className="booking__landing__head pb__40">
<ul className="nav nav-tabs fasilities__inner fasilities__innertwo" id="myTab2" role="tablist">
<li className="nav-item" role="presentation">
<Link href="/URL:void(0)" className="nav-link active" id="home-tabb1" data-bs-toggle="tab" data-bs-target="#homeb1" role="tab" aria-controls="homeb1" aria-selected="true">
<span className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/hotel.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Hotels
</span>
</span>
</Link>
</li>
<li className="nav-item" role="presentation">
<Link href="/URL:void(0)" className="nav-link" id="profile-tabb1" data-bs-toggle="tab" data-bs-target="#profileb1" role="tab" aria-controls="profileb1" aria-selected="false">
<span className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/flight.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Flights
</span>
</span>
</Link>
</li>
<li className="nav-item" role="presentation">
<Link href="/URL:void(0)" className="nav-link" id="contact-tabb1" data-bs-toggle="tab" data-bs-target="#contactb1" role="tab" aria-controls="contactb1" aria-selected="false">
<span className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/trains.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Trains
</span>
</span>
</Link>
</li>
<li className="nav-item" role="presentation">
<Link href="/URL:void(0)" className="nav-link" id="contact-tabb11" data-bs-toggle="tab" data-bs-target="#contactb11" role="tab" aria-controls="contactb11" aria-selected="false">
<span className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/bus.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Bus
</span>
</span>
</Link>
</li>
<li className="nav-item" role="presentation">
<Link href="/URL:void(0)" className="nav-link" id="contact-tabb111" data-bs-toggle="tab" data-bs-target="#contactb111" role="tab" aria-controls="contactb111" aria-selected="false">
<span className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/cars.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Cars
</span>
</span>
</Link>
</li>
</ul>
</div>
<div className="booking__landing__body">
<div className="tab-content" id="myTabContentbookin1">
<div className="tab-pane fade show active" id="homeb1" role="tabpanel" aria-labelledby="home-tabb1">
<div className="dating__body">
<div className="dating__body__box mb__30">
<div className="dating__item dating__hidden">
<input type="text" placeholder="Enter Locality City">
</div>
<div className="dating__item dating__hidden">
<div id="datepicker10" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Check in" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
<div className="dating__item dating__hidden">
<div id="datepicker211" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Check Out" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
<div className="dating__item dating__inetial select__border">
<select name="room">
<option value="1">
Room
</option>
<option value="2">
Single Room
</option>
<option value="3">
Dobble Room
</option>
</select>
</div>
<div className="dating__item">
<button type="submit" className="cmn__btn">
<span>
Search Hotels
</span>
</button>
</div>
</div>
<div className="boock__check">
<input className="form-check-input" type="checkbox" value="" id="bcheckboky">
<label className="form-check-label" for="bcheckboky">
I Agree support terms & condition
</label>
</div>
</div>
</div>
<div className="tab-pane fade" id="profileb1" role="tabpanel" aria-labelledby="profile-tabb1">
<div className="dating__body">
<div className="booking__radio mb__30">
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios1s02" checked>
<label className="form-check-label" for="bradios1s02">
One Way
</label>
</div>
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios2sa5">
<label className="form-check-label" for="bradios2sa5">
Round Trip
</label>
</div>
</div>
<div className="dating__body__box dating__flight mb__30">
<div className="row justify-content-center g-3">
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item dating__hidden">
<input type="text" placeholder="From">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item dating__hidden">
<input type="text" placeholder="To">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item dating__hidden">
<div id="datepicker12" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Depart Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item dating__hidden">
<div id="datepicker213" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Return Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item select__border">
<select name="room">
<option value="1">
Class
</option>
<option value="2">
Class Standard
</option>
<option value="3">
Class Standard
</option>
</select>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item">
<button type="submit" className="cmn__btn">
<span>
Search Flights
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="tab-pane fade" id="contactb1" role="tabpanel" aria-labelledby="contact-tabb1">
<div className="dating__body">
<div className="booking__radio mb__30">
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios1snew03" checked>
<label className="form-check-label" for="bradios1snew03">
One Way
</label>
</div>
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios2snew2a6">
<label className="form-check-label" for="bradios2snew2a6">
Round Trip
</label>
</div>
</div>
<div className="dating__body__box dating__flight mb__30">
<div className="row justify-content-center g-3">
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item dating__hidden">
<input type="text" placeholder="From">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item dating__hidden">
<input type="text" placeholder="To">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item dating__hidden">
<div id="datepicker14" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Depart Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item dating__hidden">
<div id="datepicker215" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Return Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item select__border">
<select name="room">
<option value="1">
Class
</option>
<option value="2">
Class Standard
</option>
<option value="3">
Class Standard
</option>
</select>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item">
<button type="submit" className="cmn__btn">
<span>
Search Trains
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="tab-pane fade" id="contactb11" role="tabpanel" aria-labelledby="contact-tabb11">
<div className="dating__body">
<div className="booking__radio mb__30">
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios1snew34" checked>
<label className="form-check-label" for="bradios1snew34">
One Way
</label>
</div>
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios2snew4a7">
<label className="form-check-label" for="bradios2snew4a7">
Round Trip
</label>
</div>
</div>
<div className="dating__body__box dating__flight mb__30">
<div className="row justify-content-center g-3">
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item dating__hidden">
<input type="text" placeholder="From">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item dating__hidden">
<input type="text" placeholder="To">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item dating__hidden">
<div id="datepicker16" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Depart Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item dating__hidden">
<div id="datepicker217" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Return Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item select__border">
<select name="room">
<option value="1">
Class
</option>
<option value="2">
Class Standard
</option>
<option value="3">
Class Standard
</option>
</select>
</div>
</div>
<div className="col-xxl-2 col-xl-6 col-lg-3 col-md-6 col-sm-12">
<div className="dating__item">
<button type="submit" className="cmn__btn">
<span>
Search Bus
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="tab-pane fade" id="contactb111" role="tabpanel" aria-labelledby="contact-tabb111">
<div className="dating__body">
<div className="dating__body__box mb__30">
<div className="dating__item dating__hidden">
<input type="text" placeholder="From">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
<div className="dating__item select__border">
<select name="room">
<option value="1">
Time
</option>
<option value="2">
in Time 8:10 am
</option>
<option value="3">
in Time 9:10 am
</option>
</select>
</div>
<div className="dating__item dating__hidden">
<div id="datepicker18" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Pick-up Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
<div className="dating__item dating__hidden">
<div id="datepicker219" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Drop-off date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
<div className="dating__item">
<button type="submit" className="cmn__btn">
<span>
Search Cars
</span>
</button>
</div>
</div>
<div className="boock__check">
<input className="form-check-input" type="checkbox" value="" id="bcheckboktttu">
<label className="form-check-label" for="bcheckboktttu">
Driver aged 25 - 70
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="booking__landing__two pt-120">
<div className="container">
<div className="booking__landing__wrap2">
<div className="row g-4">
<div className="col-xl-3 col-lg-12">
<div className="booking__landing__head booking__landing__headtwo">
<ul className="nav nav-tabs fasilities__inner fasilities__innertwo" id="myTab4" role="tablist">
<li className="nav-item" role="presentation">
<Link hre="#0" className="nav-link active" id="home-tabb1" data-bs-toggle="tab" data-bs-target="#homeb1" type="button" role="tab" aria-controls="homeb1" aria-selected="true">
<span className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/hotel.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Hotels
</span>
</span>
</Link>
</li>
<li className="nav-item" role="presentation">
<Link hre="#0" className="nav-link" id="profile-tabb1" data-bs-toggle="tab" data-bs-target="#profileb1" type="button" role="tab" aria-controls="profileb1" aria-selected="false">
<span className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/flight.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Flights
</span>
</span>
</Link>
</li>
<li className="nav-item" role="presentation">
<Link hre="#0" className="nav-link" id="contact-tabb1" data-bs-toggle="tab" data-bs-target="#contactb1" type="button" role="tab" aria-controls="contactb1" aria-selected="false">
<span className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/trains.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Trains
</span>
</span>
</Link>
</li>
<li className="nav-item" role="presentation">
<Link hre="#0" className="nav-link" id="contact-tabb11" data-bs-toggle="tab" data-bs-target="#contactb11" type="button" role="tab" aria-controls="contactb11" aria-selected="false">
<span className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/bus.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Bus
</span>
</span>
</Link>
</li>
<li className="nav-item" role="presentation">
<Link hre="#0" className="nav-link" id="contact-tabb111" data-bs-toggle="tab" data-bs-target="#contactb111" type="button" role="tab" aria-controls="contactb111" aria-selected="false">
<span className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/cars.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Cars
</span>
</span>
</Link>
</li>
</ul>
</div>
</div>
<div className="col-xl-9 col-lg-12">
<div className="booking__landing__body booking__landing__bodytwo">
<div className="tab-content" id="myTabContentbookin1">
<div className="tab-pane fade show active" id="homeb1" role="tabpanel" aria-labelledby="home-tabb1">
<div className="row g-4">
<div className="col-xl-8 col-lg-8 col-md-6">
<div className="dating__body">
<h5 className="bdcommontext text-center">
Book Domestic and International Hotels
</h5>
<div className="dating__body__box mb__30">
<div className="row g-4">
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="Enter Locality City">
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<div id="datepicker28" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Check in" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<div id="datepicker29" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Check Out" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__inetial select__border">
<select name="room">
<option value="1">
Room
</option>
<option value="2">
Single Room
</option>
<option value="3">
Dobble Room
</option>
</select>
</div>
</div>
</div>
</div>
<div className="boock__check pb__40">
<input className="form-check-input" type="checkbox" value="" id="bcheckbokp">
<label className="form-check-label" for="bcheckbokp">
I Agree support terms & condition
</label>
</div>
<div className="dating__item max-200">
<button type="submit" className="cmn__btn">
<span>
Search Hotels
</span>
</button>
</div>
</div>
</div>
<div className="col-xl-4 col-lg-4 col-md-6">
<div className="booktricket__thumb">
<img src="/img/bookbanner/bookhotel.jpg" alt="img"/>
<Link href="/book" className="cmn__btn cmn__hotel">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
<div className="tab-pane fade" id="profileb1" role="tabpanel" aria-labelledby="profile-tabb1">
<div className="row g-4">
<div className="col-xl-8 col-lg-8 col-md-6">
<div className="dating__body">
<h5 className="bdcommontext text-center">
Book Domestic and International Flights
</h5>
<div className="booking__radio justify-content-center mb__30">
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios1s08" checked>
<label className="form-check-label" for="bradios1s08">
One Way
</label>
</div>
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios2s11">
<label className="form-check-label" for="bradios2s11">
Round Trip
</label>
</div>
</div>
<div className="dating__body__box mb__30">
<div className="row g-4">
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="From">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="To">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xl-4">
<div className="dating__item dating__hidden">
<div id="datepicker30" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Depart Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xl-4">
<div className="dating__item dating__hidden">
<div id="datepicker231" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Return Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xl-4">
<div className="dating__item dating__inetial select__border">
<select name="room">
<option value="1">
Class
</option>
<option value="2">
Standard 1
</option>
<option value="3">
Standard 2
</option>
</select>
</div>
</div>
</div>
</div>
<div className="dating__item max-200">
<button type="submit" className="cmn__btn">
<span>
Search Flights
</span>
</button>
</div>
</div>
</div>
<div className="col-xl-4 col-lg-4 col-md-6">
<div className="booktricket__thumb">
<img src="/img/bookbanner/bookflight.jpg" alt="img"/>
<Link href="/book" className="cmn__btn cmn__flight">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
<div className="tab-pane fade" id="contactb1" role="tabpanel" aria-labelledby="contact-tabb1">
<div className="row g-4">
<div className="col-xl-8 col-lg-8 col-md-6">
<div className="dating__body">
<h5 className="bdcommontext text-center">
Book Train Tickets
</h5>
<div className="booking__radio justify-content-center mb__30">
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios1s09" checked>
<label className="form-check-label" for="bradios1s09">
One Way
</label>
</div>
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios2s12">
<label className="form-check-label" for="bradios2s12">
Round Trip
</label>
</div>
</div>
<div className="dating__body__box mb__30">
<div className="row g-4">
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="From">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="To">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<div id="datepicker32" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Depart Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__inetial select__border">
<select name="room">
<option value="1">
Class
</option>
<option value="2">
Standard 1
</option>
<option value="3">
Standard 2
</option>
</select>
</div>
</div>
</div>
</div>
<div className="dating__item max-200">
<button type="submit" className="cmn__btn">
<span>
Search Trains
</span>
</button>
</div>
</div>
</div>
<div className="col-xl-4 col-lg-4 col-md-6">
<div className="booktricket__thumb">
<img src="/img/bookbanner/booktrain.jpg" alt="img"/>
<Link href="/book" className="cmn__btn cmn__hotel">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
<div className="tab-pane fade" id="contactb11" role="tabpanel" aria-labelledby="contact-tabb11">
<div className="row g-4">
<div className="col-xl-8 col-lg-8 col-md-6">
<div className="dating__body">
<h5 className="bdcommontext text-center">
Book Bus Tickets
</h5>
<div className="booking__radio justify-content-center mb__30">
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios1s010" checked>
<label className="form-check-label" for="bradios1s010">
One Way
</label>
</div>
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios2s13">
<label className="form-check-label" for="bradios2s13">
Round Trip
</label>
</div>
</div>
<div className="dating__body__box mb__30">
<div className="row g-4">
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="From">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="To">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<div id="datepicker33" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Depart Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__inetial select__border">
<select name="room">
<option value="1">
Class
</option>
<option value="2">
Standard 1
</option>
<option value="3">
Standard 2
</option>
</select>
</div>
</div>
</div>
</div>
<div className="dating__item max-200">
<button type="submit" className="cmn__btn">
<span>
Search Bus
</span>
</button>
</div>
</div>
</div>
<div className="col-xl-4 col-lg-4 col-md-6">
<div className="booktricket__thumb">
<img src="/img/bookbanner/bookbus.jpg" alt="img"/>
<Link href="/book" className="cmn__btn cmn__hotel">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
<div className="tab-pane fade" id="contactb111" role="tabpanel" aria-labelledby="contact-tabb111">
<div className="row g-4">
<div className="col-xl-8 col-lg-8 col-md-6">
<div className="dating__body">
<h5 className="bdcommontext text-center">
Book Car Rental Worldwide
</h5>
<div className="dating__body__box mb__30">
<div className="row g-4">
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="Enter Locality City">
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__inetial select__border">
<select name="room">
<option value="1">
Time
</option>
<option value="2">
8:30 am
</option>
<option value="3">
8:50 pm
</option>
</select>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<div id="datepicker35" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Pick-up Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<div id="datepicker236" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Drop-off date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
</div>
</div>
<div className="boock__check pb__40">
<input className="form-check-input" type="checkbox" value="" id="bcheckboks">
<label className="form-check-label" for="bcheckboks">
Driver aged 25 - 70
</label>
</div>
<div className="dating__item max-200">
<button type="submit" className="cmn__btn">
<span>
Search Cars
</span>
</button>
</div>
</div>
</div>
<div className="col-xl-4 col-lg-4 col-md-6">
<div className="booktricket__thumb">
<img src="/img/bookbanner/cars.jpg" alt="img"/>
<Link href="/book" className="cmn__btn cmn__hotel">
<span>
Book Now
</span>
</Link>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
A booking is a system for travels in the form of service. A vibe and explore the top destinations in worlds...
A booking is a system for travels in the form of service. A vibe and explore the top destinations in worlds...
A booking is a system for travels in the form of service. A vibe and explore the top destinations in worlds...
A booking is a system for travels in the form of service. A vibe and explore the top destinations in worlds...
A booking is a system for travels in the form of service. A vibe and explore the top destinations in worlds...
<section className="booking__landingsection__three">
<div className="booking__landing__headthree">
<div className="container">
<div className="row justify-content-between">
<div className="col-xxl-7 col-xl-7">
<div className="booking__landing__head">
<ul className="nav nav-tabs fasilities__inner fasilities__innertwo" id="myTabst5" role="tablist">
<li className="nav-item" role="presentation">
<button className="nav-link active" id="home-tabb1st" data-bs-toggle="tab" data-bs-target="#homeb1st" type="button" role="tab" aria-controls="homeb1st" aria-selected="true">
<Link href="/URL:void(0)" className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/hotel.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Hotels
</span>
</Link>
</button>
</li>
<li className="nav-item" role="presentation">
<Link href="/URL:void(0)" className="nav-link" id="profile-tabb1st" data-bs-toggle="tab" data-bs-target="#profileb1st" role="tab" aria-controls="profileb1st" aria-selected="false">
<span className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/flight.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Flights
</span>
</span>
</Link>
</li>
<li className="nav-item" role="presentation">
<Link href="/URL:void(0)" className="nav-link" id="contact-tabb1st" data-bs-toggle="tab" data-bs-target="#contactb1st" type="button" role="tab" aria-controls="contactb1st" aria-selected="false">
<span className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/trains.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Trains
</span>
</span>
</Link>
</li>
<li className="nav-item" role="presentation">
<Link href="/URL:void(0)" className="nav-link" id="contact-tabb11st" data-bs-toggle="tab" data-bs-target="#contactb11st" type="button" role="tab" aria-controls="contactb11st" aria-selected="false">
<span className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/bus.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Bus
</span>
</span>
</Link>
</li>
<li className="nav-item" role="presentation">
<Link href="/URL:void(0)" className="nav-link" id="contact-tabb111st" data-bs-toggle="tab" data-bs-target="#contactb111st" type="button" role="tab" aria-controls="contactb111st" aria-selected="false">
<span className="fasilities__item align-items-center d-flex">
<span className="icon">
<img src="/img/banner/three/cars.png" alt="icon"/>
</span>
<span className="fz-18 pratext d-block">
Cars
</span>
</span>
</Link>
</li>
</ul>
</div>
</div>
<div className="col-xxl-4 col-xl-5">
<div className="search__contact">
<form action="javascript:void(0)">
<input type="text" placeholder="Search here">
<button type="submit">
<img src="/img/bookbanner/searchwhite.png" alt="img"/>
</button>
</form>
<Link href="/contact.html" className="cmn__btn">
<span>
Contact us
</span>
</Link>
</div>
</div>
</div>
</div>
</div>
<div className="container">
<div className="booking__landing__wrap3">
<div className="booking__landing__body booking__landing__bodytwo">
<div className="tab-content" id="myTabContentbookin1st">
<div className="tab-pane fade show active" id="homeb1st" role="tabpanel" aria-labelledby="home-tabb1st">
<div className="row g-4 align-items-center justify-content-between">
<div className="col-xxl-6 col-xl-7 col-lg-7">
<div className="booklanding__threecontent">
<div className="threeball">
<img src="/img/bookbanner/3ballhome.png" alt="img"/>
</div>
<h2>
World's best booking system with discounts
</h2>
<p>
A booking is a system for travels in the form of service. A vibe and explore the top destinations in worlds...
</p>
<div className="cmn__grp">
<Link href="/about.html" className="cmn__btn">
<span>
About us
</span>
</Link>
<div className="video__grp d-flex align-items-center">
<Link href="/URL:void(0)" className="video video-btn">
<i className="material-symbols-outlined">
play_arrow
</i>
</Link>
<span>
See out booking system
</span>
</div>
</div>
</div>
</div>
<div className="col-xxl-5 col-xl-5 col-lg-5">
<div className="dating__body">
<h5 className="bdcommontext text-center mb__30">
Book Domestic and International Hotels
</h5>
<div className="dating__body__box mb__30">
<div className="row g-4">
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="Enter Locality City">
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<div id="datepicker44" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Check in" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<div id="datepicker245" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Check Out" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__inetial select__border">
<select name="room">
<option value="1">
Room
</option>
<option value="2">
Single Room
</option>
<option value="3">
Dobble Room
</option>
</select>
</div>
</div>
</div>
</div>
<div className="boock__check pb__40">
<input className="form-check-input" type="checkbox" value="" id="bcheckbokwg">
<label className="form-check-label" for="bcheckbokwg">
I Agree support terms & condition
</label>
</div>
<div className="dating__item max-200">
<button type="submit" className="cmn__btn">
<span>
Search Hotels
</span>
</button>
</div>
<div className="dots__shape1">
<img src="/img/refer/dots.png" alt="img"/>
</div>
<div className="dots__shape2">
<img src="/img/refer/dots.png" alt="img"/>
</div>
</div>
</div>
</div>
<div className="hoelmainshape">
<img src="/img/bookbanner/hotellagues.png" alt="img"/>
</div>
</div>
<div className="tab-pane fade" id="profileb1st" role="tabpanel" aria-labelledby="profile-tabb1st">
<div className="row g-4 align-items-center justify-content-between">
<div className="col-xxl-6 col-xl-7 col-lg-7">
<div className="booklanding__threecontent">
<div className="threeball">
<img src="/img/bookbanner/3ballhome.png" alt="img"/>
</div>
<h2>
World's best booking system with discounts
</h2>
<p>
A booking is a system for travels in the form of service. A vibe and explore the top destinations in worlds...
</p>
<div className="cmn__grp">
<Link href="/about.html" className="cmn__btn">
<span>
About us
</span>
</Link>
<div className="video__grp d-flex align-items-center">
<Link href="/#" className="video">
<i className="material-symbols-outlined">
play_arrow
</i>
</Link>
<span>
See out booking system
</span>
</div>
</div>
</div>
</div>
<div className="col-xxl-5 col-xl-5 col-lg-5">
<div className="dating__body">
<h5 className="bdcommontext text-center mb__20">
Book Domestic and International Flights
</h5>
<div className="booking__radio justify-content-center mb__30">
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios1s14" checked="">
<label className="form-check-label" for="bradios1s14">
One Way
</label>
</div>
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios2s17">
<label className="form-check-label" for="bradios2s17">
Round Trip
</label>
</div>
</div>
<div className="dating__body__box mb__30">
<div className="row g-4">
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="From">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="To">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<div id="datepicker46" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Depart Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__inetial select__border">
<select name="room">
<option value="1">
Class
</option>
<option value="2">
Standard
</option>
<option value="3">
Standard 2
</option>
</select>
</div>
</div>
</div>
</div>
<div className="dating__item max-200">
<button type="submit" className="cmn__btn">
<span>
Search Flights
</span>
</button>
</div>
<div className="dots__shape1">
<img src="/img/refer/dots.png" alt="img"/>
</div>
<div className="dots__shape2">
<img src="/img/refer/dots.png" alt="img"/>
</div>
</div>
</div>
</div>
<div className="hoelmainshape2">
<img src="/img/bookbanner/shapeflight.png" alt="img"/>
</div>
</div>
<div className="tab-pane fade" id="contactb1st" role="tabpanel" aria-labelledby="contact-tabb1st">
<div className="row g-4 align-items-center justify-content-between">
<div className="col-xxl-6 col-xl-7 col-lg-7">
<div className="booklanding__threecontent">
<div className="threeball">
<img src="/img/bookbanner/3ballhome.png" alt="img"/>
</div>
<h2>
World's best booking system with discounts
</h2>
<p>
A booking is a system for travels in the form of service. A vibe and explore the top destinations in worlds...
</p>
<div className="cmn__grp">
<Link href="/about.html" className="cmn__btn">
<span>
About us
</span>
</Link>
<div className="video__grp d-flex align-items-center">
<Link href="/#" className="video">
<i className="material-symbols-outlined">
play_arrow
</i>
</Link>
<span>
See out booking system
</span>
</div>
</div>
</div>
</div>
<div className="col-xxl-5 col-xl-5 col-lg-5">
<div className="dating__body">
<h5 className="bdcommontext text-center mb__20">
Book Train Tickets
</h5>
<div className="booking__radio justify-content-center mb__30">
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios1s15" checked="">
<label className="form-check-label" for="bradios1s15">
One Way
</label>
</div>
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios2s18">
<label className="form-check-label" for="bradios2s18">
Round Trip
</label>
</div>
</div>
<div className="dating__body__box mb__30">
<div className="row g-4">
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="From">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="To">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<div id="datepicker47" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Depart Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__inetial select__border">
<select name="room">
<option value="1">
Class
</option>
<option value="2">
Standard Class
</option>
<option value="3">
Standard Class 2
</option>
</select>
</div>
</div>
</div>
</div>
<div className="dating__item max-200">
<button type="submit" className="cmn__btn">
<span>
Search Trains
</span>
</button>
</div>
<div className="dots__shape1">
<img src="/img/refer/dots.png" alt="img"/>
</div>
<div className="dots__shape2">
<img src="/img/refer/dots.png" alt="img"/>
</div>
</div>
</div>
</div>
<div className="hoelmainshape3">
<img src="/img/bookbanner/trainshape1.png" alt="img"/>
</div>
</div>
<div className="tab-pane fade" id="contactb11st" role="tabpanel" aria-labelledby="contact-tabb11st">
<div className="row g-4 align-items-center justify-content-between">
<div className="col-xxl-6 col-xl-7 col-lg-7">
<div className="booklanding__threecontent">
<div className="threeball">
<img src="/img/bookbanner/3ballhome.png" alt="img"/>
</div>
<h2>
World's best booking system with discounts
</h2>
<p>
A booking is a system for travels in the form of service. A vibe and explore the top destinations in worlds...
</p>
<div className="cmn__grp">
<Link href="/about.html" className="cmn__btn">
<span>
About us
</span>
</Link>
<div className="video__grp d-flex align-items-center">
<Link href="/#" className="video">
<i className="material-symbols-outlined">
play_arrow
</i>
</Link>
<span>
See out booking system
</span>
</div>
</div>
</div>
</div>
<div className="col-xxl-5 col-xl-5 col-lg-5">
<div className="dating__body">
<h5 className="bdcommontext text-center mb__20">
Book Bus Tickets
</h5>
<div className="booking__radio justify-content-center mb__30">
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios1s16" checked="">
<label className="form-check-label" for="bradios1s16">
One Way
</label>
</div>
<div className="b__radio">
<input className="form-check-input" type="radio" name="flexRadioDefault" id="bradios2sa119">
<label className="form-check-label" for="bradios2sa119">
Round Trip
</label>
</div>
</div>
<div className="dating__body__box mb__30">
<div className="row g-4">
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="From">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="To">
<span className="calendaricon">
<i className="material-symbols-outlined">
location_on
</i>
</span>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<div id="datepicker48" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Depart Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__inetial select__border">
<select name="room">
<option value="1">
Class
</option>
<option value="2">
Standard Class
</option>
<option value="3">
Standard Class 2
</option>
</select>
</div>
</div>
</div>
</div>
<div className="dating__item max-200">
<button type="submit" className="cmn__btn">
<span>
Search Bus
</span>
</button>
</div>
<div className="dots__shape1">
<img src="/img/refer/dots.png" alt="img"/>
</div>
<div className="dots__shape2">
<img src="/img/refer/dots.png" alt="img"/>
</div>
</div>
</div>
</div>
<div className="hoelmainshape3">
<img src="/img/bookbanner/shapebus.png" alt="img"/>
</div>
</div>
<div className="tab-pane fade" id="contactb111st" role="tabpanel" aria-labelledby="contact-tabb111st">
<div className="row g-4 align-items-center justify-content-between">
<div className="col-xxl-6 col-xl-7 col-lg-7">
<div className="booklanding__threecontent">
<div className="threeball">
<img src="/img/bookbanner/3ballhome.png" alt="img"/>
</div>
<h2>
World's best booking system with discounts
</h2>
<p>
A booking is a system for travels in the form of service. A vibe and explore the top destinations in worlds...
</p>
<div className="cmn__grp">
<Link href="/about.html" className="cmn__btn">
<span>
About us
</span>
</Link>
<div className="video__grp d-flex align-items-center">
<Link href="/#" className="video">
<i className="material-symbols-outlined">
play_arrow
</i>
</Link>
<span>
See out booking system
</span>
</div>
</div>
</div>
</div>
<div className="col-xxl-5 col-xl-5 col-lg-5">
<div className="dating__body">
<h5 className="bdcommontext text-center mb__20">
Book Car Rental Wordwide
</h5>
<div className="dating__body__box mb__30">
<div className="row g-4">
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<input type="text" placeholder="Enter Locality, City">
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__inetial select__border">
<select name="room">
<option value="1">
Time
</option>
<option value="2">
Today 8:10
</option>
<option value="3">
Today 10: 10
</option>
</select>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<div id="datepicke49r" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Pick-up Date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
<div className="col-xl-6">
<div className="dating__item dating__hidden">
<div id="datepicker50" className="input-group date" data-date-format="dd-mm-yyyy">
<input className="form-control" type="text" placeholder="Drop-off date" readonly>
<span className="calendaricon">
<i className="material-symbols-outlined">
calendar_month
</i>
</span>
<span className="input-group-addon"><i className="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
</div>
</div>
</div>
<div className="boock__check pb__40">
<input className="form-check-input" type="checkbox" value="" id="bcheckbokeh">
<label className="form-check-label" for="bcheckbokeh">
Driver aged 25 - 70
</label>
</div>
<div className="dating__item max-200">
<button type="submit" className="cmn__btn">
<span>
Search Cars
</span>
</button>
</div>
<div className="dots__shape1">
<img src="/img/refer/dots.png" alt="img"/>
</div>
<div className="dots__shape2">
<img src="/img/refer/dots.png" alt="img"/>
</div>
</div>
</div>
</div>
<div className="hoelmainshape3">
<img src="/img/bookbanner/shapecar.png" alt="img"/>
</div>
</div>
</div>
</div>
</div>
</div>
</section>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...
<section className="hotel__booksection">
<div className="container">
<div className="row">
<div className="col-xxl-6 col-xl-7 col-lg-8">
<div className="hotel__content">
<h1 className="wow fadeInDown" data-wow-duration="2s">
Great discounts on hotels around the world
</h1>
<p className="wow fadeInUp" data-wow-duration="2s">
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...
</p>
<div className="cmn__grp">
<Link href="/hotel-list.html" className="cmn__btn">
<span>
Explore deals
</span>
</Link>
<Link href="/about.html" className="cmn__btn outline__btn">
<span>
About us
</span>
</Link>
</div>
</div>
</div>
</div>
</div>
</section>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...
<section className="hotel__booksection flight__booksection">
<div className="container">
<div className="row">
<div className="col-xxl-6 col-xl-7 col-lg-8">
<div className="hotel__content">
<h1 className="wow fadeInDown" data-wow-duration="2s">
Let's Travel The World with us
</h1>
<p className="wow fadeInUp" data-wow-duration="2s">
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...
</p>
<div className="cmn__grp">
<Link href="/flight-oneway.html" className="cmn__btn">
<span>
Explore deals
</span>
</Link>
<Link href="/about.html" className="cmn__btn outline__btn">
<span>
About us
</span>
</Link>
</div>
</div>
</div>
</div>
</div>
</section>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...
<section className="hotel__booksection train__booksection">
<div className="container">
<div className="row">
<div className="col-xxl-7 col-xl-7 col-lg-8">
<div className="hotel__content">
<h1 className="wow fadeInDown" data-wow-duration="2s">
Discover traveling the world by train
</h1>
<p className="wow fadeInUp max-636" data-wow-duration="2s">
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...
</p>
<div className="cmn__grp">
<Link href="/train-list.html" className="cmn__btn">
<span>
Explore deals
</span>
</Link>
<Link href="/about.html" className="cmn__btn outline__btn">
<span>
About us
</span>
</Link>
</div>
</div>
</div>
</div>
</div>
<div className="trainshpe">
<img src="/img/train/trainthumb.png" alt="img"/>
</div>
</section>Choose us for online bus ticket booking & enjoy a hassle-free bus travel as we have the largest inventory of buses...
<section className="hotel__booksection bus__booksection">
<div className="container">
<div className="row align-items-center">
<div className="col-xxl-6 col-xl-6 col-lg-7">
<div className="hotel__content">
<h1 className="wow fadeInDown" data-wow-duration="2s">
Looking for great deals on bus tickets
</h1>
<p className="wow fadeInUp max-636" data-wow-duration="2s">
Choose us for online bus ticket booking & enjoy a hassle-free bus travel as we have the largest inventory of buses...
</p>
<div className="cmn__grp">
<Link href="/bus-list.html" className="cmn__btn">
<span>
Explore deals
</span>
</Link>
<Link href="/about.html" className="cmn__btn outline__btn">
<span>
About us
</span>
</Link>
</div>
</div>
</div>
<div className="col-xxl-5 col-xl-6 col-lg-5">
<div className="busbanner wow fadeInRight" data-wow-duration="3s">
<img src="/img/bus/bus.png" alt="img"/>
</div>
</div>
</div>
</div>
</section>Enjoy unforgettable supercar tours, holidays, hospitality and more with Discover your next great adventure.
<section className="hotel__booksection cars__booksection">
<div className="container">
<div className="row align-items-center">
<div className="col-xxl-6 col-xl-6 col-lg-7">
<div className="hotel__content">
<h1 className="wow fadeInDown" data-wow-duration="2s">
Have a fantastic trip! We provide car service
</h1>
<p className="wow fadeInUp max-636" data-wow-duration="2s">
Enjoy unforgettable supercar tours, holidays, hospitality and more with Discover your next great adventure.
</p>
<div className="cmn__grp">
<Link href="/car-list.html" className="cmn__btn">
<span>
Explore deals
</span>
</Link>
<Link href="/about.html" className="cmn__btn outline__btn">
<span>
About us
</span>
</Link>
</div>
</div>
</div>
<div className="col-xxl-5 col-xl-6 col-lg-5">
</div>
</div>
</div>
<div className="car__shape">
<img src="/img/cars/car-bg.png" alt="img"/>
</div>
</section>