import { FunctionComponent } from 'react';

import styles from './InfoPage.module.css';

const InfoPage:FunctionComponent = () => {

return (
<div className={styles.infoPage}>
<div className={styles.section}>
<div className={styles.gradient} />
<div className={styles.container}>
<div className={styles.container1}>
<div className={styles.heading1}>
<b
className={styles.infoCenter}>
<span
className={styles.infoCenterTxtContainer}>
<span>
“</span>
<span
className={styles.infoCenter1}>Info Center</span>

<span>”</span>
</span>
</b>
</div>
<div className={styles.container2}>
<div
className={styles.answersPoliciesAnd}>Answers, policies, and practical details—so
planning is simple and stress-free.</div>
</div>
<div className={styles.container3}>
<div
className={styles.component3}>
<div
className={styles.svgmargin}>
<div
className={styles.svg}>
<div
className={styles.component1}>

<img className={styles.vectorIcon} alt="" src="Vector.svg" />

<img className={styles.vectorIcon1} alt="" src="Vector.svg" />

</div>
</div>
</div>
<div
className={styles.text}>Search help topics</div>
</div>
<div
className={styles.component31}>
<div
className={styles.svgmargin}>
<div
className={styles.svg}>
<div
className={styles.component1}>

<img className={styles.vectorIcon2} alt="" src="Vector.svg" />

 </div>
</div>
</div>
<div
className={styles.text}>Contact support</div>
</div>
</div>
<div className={styles.container4}>
<div
className={styles.component4}>
<div
className={styles.readMore}>Booking</div>
</div>
<div
className={styles.component4}>
<div
className={styles.readMore}>Cancellations</div>
</div>
<div
className={styles.component4}>
<div
className={styles.readMore}>{`Pricing & Fees`}</div>
</div>
<div
className={styles.component4}>
<div
className={styles.readMore}>Payment</div>
</div>
<div
className={styles.component4}>
<div
className={styles.readMore}>Safety</div>
</div>
</div>
</div>
</div>
</div>
<div className={styles.section1} />
<div className={styles.container5}>
<div className={styles.container6}>
<div className={styles.heading2}>
<b
className={styles.quickAnswers}>Quick Answers</b>
</div>
<div className={styles.container7}>
<div
className={styles.topFaqsTo}>Top FAQs to get you started</div>
</div>
</div>
<div className={styles.container8}>
<div className={styles.component2}>
<div className={styles.container9}>
<div
className={styles.container10} />
<div
className={styles.container11}>
<div
className={styles.heading3}>
<div
className={styles.howDoIContainer}>
<p
className={styles.howDoI}>How do I change or cancel a</p>
<p
className={styles.howDoI}>booking?</p>

</div>

</div>

<div className={styles.container12}>

<div className={styles.manageTripsFromContainer}>

<p className={styles.howDoI}>Manage trips from your account;

supplier</p>

<p className={styles.howDoI}>rules apply.</p>

</div>

</div>

<div className={styles.container13}>

<div className={styles.readMore}>Read more</div>

<div className={styles.svgmargin2}>

<div className={styles.svg2}>

<div className={styles.component1}>

<img className={styles.vectorIcon3} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon4} alt=""

src="Vector.svg" />

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div className={styles.component21}>

<div className={styles.container9}>

<div className={styles.container10} />

 <div className={styles.container11}>

<div className={styles.heading3}>

<div className={styles.howDoIContainer}>What
fees does KaroFlight charge?</div>

</div>

<div className={styles.container12}>

<div
className={styles.manageTripsFromContainer}>

<p
className={styles.howDoI}>Platform fees/markups shown before</p>

<p
className={styles.howDoI}>payment—never hidden.</p>

</div>

</div>

<div className={styles.container13}>

<div
className={styles.readMore}>Read more</div>

<div className={styles.svgmargin2}>

<div
className={styles.svg2}>

<div
className={styles.component1}>

<img
className={styles.vectorIcon3} alt="" src="Vector.svg" />

<img
className={styles.vectorIcon4} alt="" src="Vector.svg" />

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div className={styles.component22}>
 <div className={styles.container9}>

<div
className={styles.container10} />

<div
className={styles.container11}>

<div
className={styles.heading3}>

<div
className={styles.howDoIContainer}>

<p className={styles.howDoI}>Which payment methods are</p>

<p className={styles.howDoI}>supported?</p>

</div>

</div>

<div className={styles.container12}>

<div className={styles.manageTripsFromContainer}>

<p className={styles.howDoI}>UPI, major cards, net banking

(varies by</p>

<p className={styles.howDoI}>market).</p>

</div>

</div>

<div className={styles.container13}>

<div className={styles.readMore}>Read
more</div>

<div className={styles.svgmargin2}>

<div className={styles.svg2}>
 <div
className={styles.component1}>

<img
className={styles.vectorIcon3} alt="" src="Vector.svg" />

<img
className={styles.vectorIcon4} alt="" src="Vector.svg" />

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div className={styles.component23}>

<div className={styles.container9}>

<div className={styles.container10}
/>

<div
className={styles.container11}>

<div
className={styles.heading3}>

<div
className={styles.howDoIContainer}>How are refunds processed?</div>

</div>

<div
className={styles.container12}>

<div
className={styles.manageTripsFromContainer}>

<p className={styles.howDoI}>Processed to original method after policy</p>

<p className={styles.howDoI}>validation; bank timelines may apply.</p>

</div>

</div>

<div
className={styles.container13}>

<div
className={styles.readMore}>Read more</div>

<div
className={styles.svgmargin2}>

<div className={styles.svg2}>

<div className={styles.component1}>

<img className={styles.vectorIcon3} alt="" src="Vector.svg" />

<img className={styles.vectorIcon4} alt="" src="Vector.svg" />

</div>

</div>

</div>
 </div>

</div>

</div>

</div>

<div
className={styles.component24}>

<div
className={styles.container9}>

<div className={styles.container10} />

<div className={styles.container11}>

<div className={styles.heading3}>

<div className={styles.howDoIContainer}>Do you offer 24/7

support?</div>

</div>

<div className={styles.container12}>

<div
className={styles.manageTripsFromContainer}>24/7 urgent chat; extended email
hours.</div>

</div>

<div className={styles.container13}>
 <div className={styles.readMore}>Read
more</div>

<div className={styles.svgmargin2}>

<div className={styles.svg2}>

<div className={styles.component1}>

<img
className={styles.vectorIcon3} alt="" src="Vector.svg" />

<img
className={styles.vectorIcon4} alt="" src="Vector.svg" />

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div className={styles.component25}>
 <div className={styles.container9}>

<div className={styles.container10} />

<div className={styles.container11}>

<div className={styles.heading3}>

<div
className={styles.howDoIContainer}>Where do prices come from?</div>

</div>

<div
className={styles.container12}>

<div
className={styles.manageTripsFromContainer}>

<p className={styles.howDoI}>Direct feeds from airlines, hotels, and</p>

<p className={styles.howDoI}>trusted partners.</p>

</div>

</div>

<div
className={styles.container13}>
 <div
className={styles.readMore}>Read more</div>

<div
className={styles.svgmargin2}>

<div className={styles.svg2}>

<div className={styles.component1}>

<img className={styles.vectorIcon3} alt="" src="Vector.svg" />

<img className={styles.vectorIcon4} alt="" src="Vector.svg" />

</div>

</div>

</div>

</div>

</div>

</div>

</div>
 <div
className={styles.containerChild} />

<div
className={styles.containerItem} />

<div
className={styles.containerInner} />

<div
className={styles.rectangleDiv} />

<div
className={styles.containerChild1} />

<div
className={styles.containerChild2} />

<img
className={styles.materialSymbolscancelIcon} alt="" src="material-
symbols:cancel.svg" />

<img
className={styles.fluentfeed48FilledIcon} alt="" src="fluent:feed-48-filled.svg" />

<img
className={styles.iconParkpaymentMethod} alt="" src="icon-park:payment-
method.svg" />

<img
className={styles.letsIconsrefundTop} alt="" src="lets-icons:refund-top.svg" />

<img
className={styles.streamlineFlexcallCenterSuIcon} alt="" src="streamline-flex:call-
center-support-service-solid.svg" />
 <img
className={styles.solartagPriceBoldIcon} alt="" src="solar:tag-price-bold.svg" />

</div>

</div>

<div
className={styles.section2} />

<div
className={styles.container39}>

<div
className={styles.container40}>

<div className={styles.heading2}>

<b className={styles.quickAnswers}>How KaroFlight Works</b>

</div>

<div className={styles.container41}>

<div className={styles.noHiddenFees}>No hidden fees. Clear rules. Real-time

status.</div>

</div>
 </div>

<div
className={styles.container42}>

<div className={styles.component5}>

<div className={styles.container43}>

<div className={styles.component18}>

<img className={styles.vectorIcon15} alt="" src="Vector.svg" />

<img className={styles.vectorIcon16} alt="" src="Vector.svg" />

</div>

</div>

<div className={styles.heading36}>

<div className={styles.search}>Search</div>

</div>
 <div className={styles.container44}>

<div className={styles.findFlightsAnd}>Find flights and

destinations</div>

</div>

<img className={styles.searchIcon} alt="" src="Search.png" />

<div className={styles.background}>

<b className={styles.b}>1</b>

</div>

</div>

<div className={styles.component6}>

<img className={styles.containerIcon} alt="" src="Container.svg" />

<div className={styles.heading36}>
 <div className={styles.search}>Compare</div>

</div>

<div className={styles.container44}>

<div className={styles.findFlightsAnd}>Compare prices and options</div>

</div>

<div className={styles.background}>

<b className={styles.b}>2</b>

</div>

<img className={styles.compareIcon} alt="" src="Compare.png" />

</div>

<div className={styles.component7}>

<img className={styles.containerIcon} alt="" src="Container.svg" />

<div className={styles.heading36}>

<div className={styles.search}>Book</div>

</div>

<div className={styles.container44}>

<div className={styles.findFlightsAnd}>Secure checkout process</div>

</div>

<div className={styles.background}>

<b className={styles.b}>3</b>

</div>

<img className={styles.compareIcon} alt="" src="Compare.png" />

</div>

<div className={styles.component8}>
<img className={styles.containerIcon} alt="" src="Container.svg" />

<div className={styles.heading36}>

<div className={styles.search}>Manage</div>

</div>

<div className={styles.container44}>

<div className={styles.findFlightsAnd}>Change or cancel trips</div>

</div>

<div className={styles.background}>

<b className={styles.b}>4</b>

</div>

<img className={styles.compareIcon} alt="" src="Compare.png" />

</div>
 </div>

</div>

<div
className={styles.section3} />

<div
className={styles.container48}>

<div
className={styles.container6}>

<div className={styles.heading2}>

<b className={styles.quickAnswers}>Where We Operate</b>

</div>

<div className={styles.container7}>

<div className={styles.topFaqsTo}>{`Coverage & Partners`}</div>

</div>

</div>
 <div
className={styles.container51}>

<div className={styles.backgroundbordershadow}>

<div className={styles.container52}>

<div className={styles.container53}>

<div className={styles.component18}>

<img className={styles.vectorIcon17} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon18} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon19} alt=""

src="Vector.svg" />

</div>

<div className={styles.link}>

<div className={styles.globalCoverage}>Global
Coverage</div>
 </div>

</div>

<div className={styles.container54}>

<div className={styles.container55}>

<div className={styles.component110}>

<img className={styles.vectorIcon20} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon21} alt=""

src="Vector.svg" />

</div>

<div className={styles.link}>

<div className={styles.findFlightsAnd}>India
(Domestic)</div>

</div>
 </div>

<div className={styles.container55}>

<div className={styles.component110}>

<img className={styles.vectorIcon20} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon21} alt=""

src="Vector.svg" />

</div>

<div className={styles.link}>

<div className={styles.findFlightsAnd}>Southeast
Asia</div>

</div>

</div>

<div className={styles.container55}>

<div className={styles.component110}>
 <img className={styles.vectorIcon20} alt=""
src="Vector.svg" />

<img className={styles.vectorIcon21} alt=""

src="Vector.svg" />

</div>

<div className={styles.link}>

<div className={styles.findFlightsAnd}>Europe</div>

</div>

</div>

<div className={styles.container55}>

<div className={styles.component110}>

<img className={styles.vectorIcon20} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon21} alt=""

src="Vector.svg" />
 </div>

<div className={styles.link}>

<div className={styles.findFlightsAnd}>GCC
Countries</div>

</div>

</div>

</div>

<div className={styles.container63}>

<div className={styles.manageTripsFromContainer}>Availability
varies by supplier/season.</div>

</div>

</div>

</div>
 <div className={styles.container64}>

<div className={styles.component61}>

<div className={styles.container9}>

<img className={styles.containerIcon3} alt="" src="Container.png"

/>

<div className={styles.container66}>

<div className={styles.heading4}>

<div
className={styles.domesticInternational}>{`Domestic & International Routes`}</div>

</div>

<div className={styles.container63}>

<div className={styles.b}>

<p className={styles.howDoI}>Comprehensive
coverage across major destinations with reliable</p>
 <p className={styles.howDoI}>airline
partners.</p>

</div>

</div>

</div>

</div>

</div>

<div className={styles.component61}>

<div className={styles.container9}>

<div className={styles.background4}>

<div className={styles.component18}>

<img className={styles.vectorIcon28} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon29} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon30} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon31} alt=""

src="Vector.svg" />

</div>

</div>

<div className={styles.container69}>

<div className={styles.heading4}>

<div className={styles.domesticInternational}>Partner
Ecosystem</div>

</div>

<div className={styles.container63}>

<div className={styles.b}>

<p className={styles.howDoI}>Working with

trusted partners to bring you the best deals and service</p>

<p className={styles.howDoI}>quality.</p>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div
className={styles.section4} />

<div
className={styles.container71}>

<div
className={styles.container72}>
 <div className={styles.heading2}>

<b className={styles.quickAnswers}>{`Cancellations & Refunds`}</b>

</div>

<div className={styles.container7}>

<div className={styles.topFaqsTo}>Clear policies and transparent

processes</div>

</div>

</div>

<div
className={styles.container74}>

<div className={styles.component63}>

<div className={styles.container75}>

<img className={styles.containerIcon4} alt="" src="Container.png" />

 <div className={styles.container76}>

<div className={styles.heading4}>

<div className={styles.globalCoverage}>Cancellation
Rules</div>

</div>

<div className={styles.container77}>

<div className={styles.policiesSetByContainer}>

<p className={styles.howDoI}>Policies set by

airline/hotel; displayed before and after</p>

<p className={styles.howDoI}>purchase. We ensure

complete transparency about</p>

<p className={styles.howDoI}>cancellation terms.</p>

</div>

</div>

</div>
</div>

</div>

<div className={styles.component64}>

<div className={styles.container75}>

<img className={styles.containerIcon4} alt="" src="Container.png" />

<div className={styles.container79}>

<div className={styles.heading312}>

<div className={styles.globalCoverage}>Refund Flow</div>

</div>

<div className={styles.container80}>

<div className={styles.container55}>
 <div className={styles.component115}>

<img className={styles.vectorIcon32} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon33} alt=""

src="Vector.svg" />

</div>

<div className={styles.b}>Request submitted</div>

</div>

<div className={styles.container55}>

<div className={styles.component115}>

<img className={styles.vectorIcon34} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon35} alt=""

src="Vector.svg" />

</div>
 <div className={styles.b}>Validate policy</div>

</div>

<div className={styles.container55}>

<div className={styles.component115}>

<img className={styles.vectorIcon34} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon37} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon38} alt=""

src="Vector.svg" />

</div>

<div className={styles.b}>Process to original

method</div>

</div>

</div>
 <div className={styles.container84}>

<div className={styles.timelinesDependOn}>Timelines depend

on supplier/bank processing.</div>

</div>

</div>

</div>

</div>

</div>

<div
className={styles.container85}>

<div className={styles.heading2}>

<div className={styles.frequentlyAskedQuestions}>Frequently Asked

Questions</div>

</div>

<div className={styles.container86}>
 <div className={styles.horizontalborder}>

<div className={styles.component9}>

<div className={styles.inAppChat}>Refund timeline</div>

<div className={styles.component115}>

<img className={styles.vectorIcon39} alt=""

src="Vector.svg" />

</div>

</div>

</div>

<div className={styles.horizontalborder}>

<div className={styles.component9}>

<div className={styles.inAppChat}>Failed booking</div>

<div className={styles.component115}>
 <img className={styles.vectorIcon39} alt=""
src="Vector.svg" />

</div>

</div>

</div>

<div className={styles.horizontalborder}>

<div className={styles.component9}>

<div className={styles.inAppChat}>Contacting support</div>

<div className={styles.component115}>

<img className={styles.vectorIcon39} alt=""

src="Vector.svg" />

</div>

</div>
 </div>

</div>

</div>

</div>

<div
className={styles.section5} />

<div
className={styles.container87}>

<div
className={styles.container88}>

<div className={styles.heading2}>

<b className={styles.quickAnswers}>{`Payments & Security`}</b>

</div>

<div className={styles.container89}>

<div className={styles.topFaqsTo}>
 <p className={styles.howDoI}>Your transactions and data are protected
with industry-leading</p>

<p className={styles.howDoI}>security</p>

</div>

</div>

</div>

<div
className={styles.container90}>

<div className={styles.component121}>

<div className={styles.container91}>

<div className={styles.overlay}>

<div className={styles.component18}>

<img className={styles.vectorIcon42} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon43} alt=""

src="Vector.svg" />
 </div>

</div>

<div className={styles.heading314}>

<div className={styles.search}>Secure Payments</div>

</div>

<div className={styles.container92}>

<div className={styles.policiesSetByContainer}>

<p className={styles.howDoI}>UPI, major cards, net banking

with</p>

<p className={styles.howDoI}>encrypted processing</p>

</div>

</div>
 </div>

</div>

<div className={styles.component121}>

<div className={styles.container91}>

<div className={styles.overlay1}>

<div className={styles.component18}>

<img className={styles.vectorIcon44} alt=""

src="Vector.svg" />

</div>

</div>

<div className={styles.heading314}>

<div className={styles.search}>Data Protection</div>

</div>
 <div className={styles.container92}>

<div className={styles.policiesSetByContainer}>

<p className={styles.howDoI}>PCI-aware handling with GDPR-

ready</p>

<p className={styles.howDoI}>compliance</p>

</div>

</div>

</div>

</div>

<div className={styles.component121}>

<div className={styles.container91}>

<div className={styles.overlay2}>
 <div className={styles.component18}>

<img className={styles.vectorIcon44} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon46} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon47} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon48} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon49} alt=""

src="Vector.svg" />

</div>

</div>

<div className={styles.heading314}>

<div className={styles.search}>Instant Receipts</div>

</div>
 <div className={styles.container92}>

<div className={styles.policiesSetByContainer}>

<p className={styles.howDoI}>Digital receipts with GST

details where</p>

<p className={styles.howDoI}>applicable</p>

</div>

</div>

</div>

</div>

</div>

<div
className={styles.container97}>

<div className={styles.container98}>

<div className={styles.container99}>
 <div className={styles.component115}>

<img className={styles.vectorIcon32} alt="" src="Vector.svg" />

<img className={styles.vectorIcon33} alt="" src="Vector.svg" />

</div>

<div className={styles.container100}>

<div className={styles.b}>Encrypted</div>

</div>

</div>

<div className={styles.container99}>

<div className={styles.component115}>

<img className={styles.vectorIcon32} alt="" src="Vector.svg" />

<img className={styles.vectorIcon33} alt="" src="Vector.svg" />

 </div>

<div className={styles.container100}>

<div className={styles.b}>PCI-aware</div>

</div>

</div>

<div className={styles.container99}>

<div className={styles.component115}>

<img className={styles.vectorIcon32} alt="" src="Vector.svg" />

<img className={styles.vectorIcon33} alt="" src="Vector.svg" />

</div>

<div className={styles.container100}>

<div className={styles.b}>GDPR-ready</div>
 </div>

</div>

</div>

<div className={styles.container105}>

<div className={styles.component131}>

<div className={styles.text10}>{`Payment & Data Policy →`}</div>

</div>

</div>

</div>

</div>

<div
className={styles.section6} />

<div
className={styles.container106}>
 <div
className={styles.container6}>

<div className={styles.heading2}>

<b className={styles.quickAnswers}>Travel Essentials</b>

</div>

<div className={styles.container7}>

<div className={styles.topFaqsTo}>Everything you need to know for a smooth

journey</div>

</div>

</div>

<div
className={styles.container109}>

<div className={styles.component141}>

<div className={styles.container110}>

<img className={styles.beforeYouFly} alt="" src="Before You Fly.png" />

 <div className={styles.gradient1} />

<div className={styles.container111}>

<div className={styles.component130}>

<img className={styles.vectorIcon56} alt=""

src="Vector.svg" />

</div>

<div className={styles.link}>

<div className={styles.search}>Before You Fly</div>

</div>

</div>

</div>

<div className={styles.container112}>
 <div className={styles.heading4}>

<div className={styles.essentialDocumentsCheckInContainer}>

<p className={styles.howDoI}>Essential documents, check-in

procedures,</p>

<p className={styles.howDoI}>and travel tips to ensure a

smooth journey</p>

<p className={styles.howDoI}>from departure to arrival.</p>

</div>

</div>

<div className={styles.component81}>

<div className={styles.inAppChat}>Learn more</div>

<div className={styles.svgmargin8}>

<div className={styles.svg2}>

<div className={styles.component1}>
 <img className={styles.vectorIcon3} alt=""
src="Vector.svg" />

<img className={styles.vectorIcon4} alt=""

src="Vector.svg" />

</div>

</div>

</div>

</div>

</div>

</div>

<div className={styles.component141}>

<div className={styles.container110}>

<img className={styles.beforeYouFly} alt="" src={`Hotels &

Stays.png`} />
 <div className={styles.gradient1} />

<div className={styles.container115}>

<div className={styles.component130}>

<img className={styles.vectorIcon59} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon60} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon61} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon62} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon63} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon64} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon65} alt=""

src="Vector.svg" />
 <img className={styles.vectorIcon66} alt=""
src="Vector.svg" />

<img className={styles.vectorIcon67} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon68} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon69} alt=""

src="Vector.svg" />

</div>

<div className={styles.link}>

<div className={styles.search}>{`Hotels & Stays`}</div>

</div>

</div>

</div>

<div className={styles.container112}>
 <div className={styles.heading4}>

<div className={styles.essentialDocumentsCheckInContainer}>

<p className={styles.howDoI}>Booking confirmations, check-

in processes,</p>

<p className={styles.howDoI}>amenities, and local

recommendations for</p>

<p className={styles.howDoI}>your accommodation.</p>

</div>

</div>

<div className={styles.component81}>

<div className={styles.inAppChat}>Learn more</div>

<div className={styles.svgmargin8}>

<div className={styles.svg2}>

<div className={styles.component1}>
 <img className={styles.vectorIcon3} alt=""
src="Vector.svg" />

<img className={styles.vectorIcon4} alt=""

src="Vector.svg" />

</div>

</div>

</div>

</div>

</div>

</div>

<div className={styles.component141}>

<div className={styles.container110}>

<img className={styles.activitiesIcon} alt="" src="Activities.png" />

 <div className={styles.gradient1} />

<div className={styles.container119}>

<div className={styles.component130}>

<img className={styles.vectorIcon59} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon21} alt=""

src="Vector.svg" />

</div>

<div className={styles.link}>

<div className={styles.search}>Activities</div>

</div>

</div>

</div>
 <div className={styles.container112}>

<div className={styles.heading4}>

<div className={styles.essentialDocumentsCheckInContainer}>

<p className={styles.howDoI}>Discover local attractions,

guided tours, and</p>

<p className={styles.howDoI}>experiences to make the most

of your</p>

<p className={styles.howDoI}>destination.</p>

</div>

</div>

<div className={styles.component81}>

<div className={styles.inAppChat}>Learn more</div>

<div className={styles.svgmargin8}>

<div className={styles.svg2}>
 <div className={styles.component1}>

<img className={styles.vectorIcon3} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon4} alt=""

src="Vector.svg" />

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div
className={styles.section7} />
 <div
className={styles.container122}>

<div
className={styles.container6}>

<div className={styles.heading2}>

<b className={styles.quickAnswers}>{`Contact & Support`}</b>

</div>

<div className={styles.container7}>

<div className={styles.topFaqsTo}>We're here to help when you need us</div>

</div>

</div>

<div className={styles.container125}>

<div className={styles.component65}>
 <div className={styles.container126}>

<div className={styles.container127}>

<img className={styles.containerIcon4} alt=""

src="Container.png" />

<div className={styles.container76}>

<div className={styles.heading4}>

<div className={styles.globalCoverage}>Human
Support</div>

</div>

<div className={styles.container77}>

<div className={styles.policiesSetByContainer}>

<p className={styles.howDoI}>Our
dedicated team is ready to assist you with any</p>

<p className={styles.howDoI}>questions or
concerns.</p>
 </div>

</div>

</div>

</div>

<div className={styles.container130}>

<div className={styles.component10}>

<div className={styles.component110}>

<img className={styles.vectorIcon76} alt=""

src="Vector.svg" />

</div>

<div className={styles.link}>

<div className={styles.heading4}>

<div className={styles.inAppChat}>In-app
Chat</div>
 </div>

<div className={styles.container63}>

<div className={styles.b}>Instant support

for urgent matters</div>

</div>

</div>

</div>

<div className={styles.component10}>

<div className={styles.component110}>

<img className={styles.vectorIcon77} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon78} alt=""

src="Vector.svg" />

</div>
 <div className={styles.link}>

<div className={styles.heading4}>

<div className={styles.inAppChat}>Email
Support</div>

</div>

<div className={styles.container63}>

<div className={styles.b}>Detailed
queries and documentation</div>

</div>

</div>

</div>

<div className={styles.component10}>

<div className={styles.component110}>
 <img className={styles.vectorIcon79} alt=""
src="Vector.svg" />

</div>

<div className={styles.link}>

<div className={styles.heading4}>

<div
className={styles.inAppChat}>Callback Request</div>

</div>

<div className={styles.container63}>

<div className={styles.b}>Personal
assistance for complex issues</div>

</div>

</div>

</div>

</div>
 <div className={styles.horizontalborder3}>

<div className={styles.container140}>

<div className={styles.component115}>

<img className={styles.vectorIcon34} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon35} alt=""

src="Vector.svg" />

</div>

<div className={styles.link}>

<div className={styles.b}>Typical reply times:

Chat 2-5 min • Email 4-8 hours</div>

</div>

</div>

</div>
 </div>

</div>

<div className={styles.component66}>

<div className={styles.container142}>

<div className={styles.container143}>

<div className={styles.container144}>

<div className={styles.heading4}>

<div className={styles.globalCoverage}>Self-
Service</div>

</div>

<div className={styles.container77}>

<div className={styles.policiesSetByContainer}>
 <p className={styles.howDoI}>Access help
articles, FAQs, and manage your bookings</p>

<p className={styles.howDoI}>24/7.</p>

</div>

</div>

</div>

<img className={styles.frameIcon} alt="" src="Frame

427318913.svg" />

</div>

<div className={styles.container146}>

<div className={styles.container9}>

<div className={styles.svgmargin11}>

<div className={styles.component110}>

<img className={styles.vectorIcon82}
alt="" src="Vector.svg" />
 <img className={styles.vectorIcon83}
alt="" src="Vector.svg" />

</div>

</div>

<div className={styles.container148}>

<div className={styles.heading4}>

<div className={styles.inAppChat}>{`Hours
& Availability`}</div>

</div>

<div className={styles.container63}>

<div className={styles.b}>24/7 urgent

chat • Extended email hours • Priority callback</div>

</div>

</div>
 </div>

<div className={styles.container9}>

<div className={styles.svgmargin11}>

<div className={styles.component110}>

<img className={styles.vectorIcon82}
alt="" src="Vector.svg" />

<img className={styles.vectorIcon85}
alt="" src="Vector.svg" />

<img className={styles.vectorIcon86}
alt="" src="Vector.svg" />

</div>

</div>

<div className={styles.container148}>

<div className={styles.heading4}>
 <div
className={styles.inAppChat}>Languages</div>

</div>

<div className={styles.container63}>

<div className={styles.b}>English +
regional languages supported</div>

</div>

</div>

</div>

</div>

<div className={styles.horizontalborder4}>

<div className={styles.heading4}>

<div className={styles.weNeverSpam}>We never spam. We

contact only when you ask.</div>
 </div>

</div>

</div>

</div>

</div>

</div>

<div
className={styles.footer}>

<div className={styles.container156}>

<div className={styles.container157}>

<img className={styles.karoflightlogo1Icon} alt="" src="KaroFlightLogo

1.png" />

<div className={styles.container158}>

<div className={styles.connectingTravelersToContainer}>
 <p className={styles.howDoI}>Connecting travelers to</p>

<p className={styles.howDoI}>unforgettable journeys

with</p>

<p className={styles.howDoI}>transparency and trust.</p>

</div>

</div>

<div className={styles.container159}>

<div className={styles.component71}>

<div className={styles.component115}>

<img className={styles.vectorIcon87} alt=""

src="Vector.svg" />

</div>

</div>
 <div className={styles.component71}>

<div className={styles.component115}>

<img className={styles.vectorIcon88} alt=""

src="Vector.svg" />

</div>

</div>

<div className={styles.component71}>

<div className={styles.component115}>

<img className={styles.vectorIcon34} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon90} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon91} alt=""

src="Vector.svg" />

</div>
 </div>

<div className={styles.component71}>

<div className={styles.component115}>

<img className={styles.vectorIcon92} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon93} alt=""

src="Vector.svg" />

<img className={styles.vectorIcon94} alt=""

src="Vector.svg" />

</div>

</div>

</div>

</div>

<div className={styles.container160}>

<div className={styles.heading4}>
 <div className={styles.howDoIContainer}>Company</div>

</div>

<div className={styles.list}>

<div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>About
Us</div>

</div>

</div>

<div className={styles.item}>

<div className={styles.component84}>

<div
className={styles.karoflightAllRights}>Careers</div>
 </div>

</div>

<div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>{`Offer
`}</div>

</div>

</div>

<div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>Blog
Us</div>

</div>
 </div>

<div className={styles.item}>

<div className={styles.component84}>

<div
className={styles.karoflightAllRights}>Sustainability</div>

</div>

</div>

</div>

</div>

<div className={styles.container161}>

<div className={styles.heading4}>

<div className={styles.howDoIContainer}>Destinations</div>

</div>
 <div className={styles.list}>

<div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>Top
Destinations</div>

</div>

</div>

<div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>Flight
Deals</div>

</div>

</div>
 <div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>Hotel
Deals</div>

</div>

</div>

<div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>Travel
Guides</div>

</div>

</div>

<div className={styles.item}>

<div className={styles.component84}>
 <div className={styles.karoflightAllRights}>Travel
Insurance</div>

</div>

</div>

</div>

</div>

<div className={styles.container162}>

<div className={styles.heading4}>

<div className={styles.howDoIContainer}>Travel Resources</div>

</div>

<div className={styles.list}>

<div className={styles.item}>
 <div className={styles.component84}>

<div className={styles.karoflightAllRights}>Help
Center</div>

</div>

</div>

<div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>Travel
Blog</div>

</div>

</div>

<div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>Mobile
App</div>
 </div>

</div>

<div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>Price
Alerts</div>

</div>

</div>

<div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>Group
Travel</div>

</div>
 </div>

</div>

</div>

<div className={styles.container163}>

<div className={styles.heading4}>

<div className={styles.howDoIContainer}>Contact</div>

</div>

<div className={styles.list}>

<div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>Customer
Support</div>

</div>
 </div>

<div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>Partner
With Us</div>

</div>

</div>

<div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>Travel
Agents</div>

</div>

</div>
 <div className={styles.item}>

<div className={styles.component84}>

<div className={styles.karoflightAllRights}>Corporate
Travel</div>

</div>

</div>

<div className={styles.item}>

<div className={styles.component84}>

<div
className={styles.karoflightAllRights}>Feedback</div>

</div>

</div>

</div>
 </div>

</div>

</div>

<div
className={styles.horizontalborder5}>

<div className={styles.container164}>

<div className={styles.heading322}>

<div className={styles.stayUpdated}>Stay Updated</div>

</div>

<div className={styles.container165}>

<div className={styles.connectingTravelersToContainer}>Get travel deals

and destination inspiration</div>

</div>

<div className={styles.container166}>
 <div className={styles.input}>

<div className={styles.component45}>

<div className={styles.searchArticles}>Enter your

email</div>

</div>

<div className={styles.container167} />

</div>

<div className={styles.component146}>

<div className={styles.text35}>Subscribe</div>

</div>

</div>

</div>

</div>
 <div
className={styles.horizontalborder6}>

<div className={styles.container168}>

<div className={styles.container169}>

<div className={styles.karoflightAllRights}>© 2025 KaroFlight. All

rights reserved.</div>

</div>

<div className={styles.container170}>

<div className={styles.container158}>

<div className={styles.karoflightAllRights}>Privacy Policy</div>

</div>

<div className={styles.container158}>

<div className={styles.karoflightAllRights}>Terms of
Services</div>
 </div>

<div className={styles.container158}>

<div className={styles.karoflightAllRights}>Cookie Policy</div>

</div>

</div>

</div>

</div>

<div
className={styles.containerParent}>

<div className={styles.container171}>

<div className={styles.nav}>

<div className={styles.link}>

<div className={styles.inAppChat}>About us</div>

</div>

<div className={styles.linkmargin}>

<div className={styles.link}>

<div className={styles.inAppChat}>Blog</div>

</div>

</div>

<div className={styles.linkmargin}>

<div className={styles.link}>

<div className={styles.inAppChat}>Offer page</div>

</div>

</div>

<div className={styles.linkmargin2}>
 <div className={styles.link}>

<div className={styles.inAppChat}>Info page</div>

</div>

</div>

<div className={styles.linkmargin}>

<div className={styles.link}>

<div className={styles.inAppChat}>Career</div>

</div>

</div>

</div>

<div className={styles.container172}>

<div className={styles.container173} />

 </div>

</div>

<img className={styles.karoflightlogo1Icon1} alt="" src="KaroFlightLogo

1.png" />

<div className={styles.inputParent}>

<div className={styles.input1}>

<div className={styles.container174}>

<div className={styles.searchArticles}>Search articles...</div>

</div>

<div className={styles.container175} />

</div>

<div className={styles.buttonmargin}>

<div className={styles.button}>
 <div className={styles.readMore}>Subscribe</div>

</div>

</div>

<img className={styles.svgIcon} alt="" src="SVG.svg" />

</div>

</div>

</div>);

};

export default InfoPage;