<?php 
$pageName = 'Home';
$synopsis = 'unleashing our clients’ potential by maximising the innovation.';
include('header.php');?>


<!-- <section class="lqd-sectoin services-content">
	<div class="container">
		<div class="row">
			<div class="w-100percent relative lg:w-full">
				<div class="w-full sticky py-50 px-10 module-first">
					Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
					Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when 
					an unknown printer took a galley of type and scrambled it to make a type specimen book. 
					It has survived not only five centuries, but also the leap into electronic typesetting, 
					remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset 
					sheets containing Lorem Ipsum passages, 
					and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
				</div>
			</div> 
		</div>
	</div>
</section> -->

<!-- Start Contact -->
<section class="lqd-section contact" id="contact">
					<div class="container">
						<div class="row items-center">
							<div class="col col-12 col-xl-5 pt-40 pb-35 text-start xl:text-center module-title"
								data-custom-animations="true"
								data-ca-options='{"animationTarget": ".animation-element", "duration" : 1800 , "delay" : 180 , "ease": "power4.out", "initValues": {"y": "60px", "opacity" : 0} , "animations": {"y": "0px", "opacity" : 1}}'>
								<div class="ld-fancy-heading relative animation-element">
									<h6 class="ld-fh-element mb-1em inline-block relative">Why Buzzpixl?</h6>
								</div>
								<div class="ld-fancy-heading relative animation-element">
									<h2 class="ld-fh-element mb-0/5em inline-block relative">Powering Innovation with a
										Vast Network of Elite Developers!</h2>
								</div>
								<div class="ld-fancy-heading relative animation-element">
									<p class="ld-fh-element mb-0/5em inline-block relative">With a massive pool of
										top-tier nearshore talent, BuzzPixl helps businesses scale faster, innovate
										smarter, and optimize performance effortlessly. Whether you need Salesforce
										experts, custom software developers, or cutting-edge digital solutions, our
										skilled professionals are ready to deliver exceptional results that drive
										unstoppable growth. Tap into limitless potential—hire the best, build the
										future!</p>
								</div>
							</div>
							<div class="col col-12 col-xl-6 offset-xl-1 p-0">
								<div id="contact-form" class="relative w-full module-form">
									<div class="form-mini relative -mt-80 rounded-6 bg-white shadow-md pt-30 pl-50 pb-50 pr-50 transition-all"
										data-custom-animations="true"
										data-ca-options='{"animationTarget": ".animation-element", "duration" : 1800 , "delay" : 180 , "ease": "power4.out", "initValues": {"y": "35px", "opacity" : 0} , "animations": {"y": "0px", "opacity" : 1}}'>
										<div class="ld-fancy-heading relative animation-element">
											<h6 class="ld-fh-element mb-1em inline-block relative mb-1em">send a message
											</h6>
										</div>
										<div class="ld-fancy-heading relative animation-element">
											<h2 class="ld-fh-element mb-1/15em text-30 inline-block relative">request a
												call back</h2>
										</div>
										<div
											class="mb-0 lqd-contact-form lqd-contact-form-inputs-filled lqd-contact-form-button-block lqd-contact-form-button-lg lqd-contact-form-button-round lqd-contact-form-inputs-lg animation-element">
											<div role="form" id="mini-form-help" lang="en-US">
												<div class="screen-reader-response">
													<p role="status" aria-live="polite" aria-atomic="true"></p>
												</div>
												<form action="./assets/php/mailer.php" method="post" class="lqd-cf-form"
													novalidate="novalidate" data-status="init">
													<div class="row">
														<div class="col col-12 py-0">
															<span class="mb-0 lqd-form-control-wrap relative">
																<input
																	class="text-black px-2em text-14 font-normal bg-yellow-100"
																	type="text" name="name" value="" size="40"
																	aria-required="true" aria-invalid="false"
																	placeholder="Your name">
																<i class="lqd-icn-ess icon-lqd-user"></i>
															</span>
														</div>
														<div class="col col-12 py-0">
															<span class="mb-0 lqd-form-control-wrap relative">
																<input
																	class="text-black px-2em text-14 font-normal bg-yellow-100"
																	type="email" name="email" value="" size="40"
																	aria-required="true" aria-invalid="false"
																	placeholder="Email Address">
																<i class="lqd-icn-ess icon-lqd-envelope"></i>
															</span>
														</div>
														<div class="col col-12 py-0">
															<div class="mb-0 lqd-form-control-wrap relative">
																<div class="lqd-select-dropdown" role="menubar">
																	<div class="ui-selectmenu-menu ui-front">
																		<ul aria-hidden="true"
																			aria-labelledby="ui-id-1-button"
																			id="ui-id-1-menu" role="listbox"
																			tabindex="0"
																			class="ui-menu ui-corner-bottom ui-widget ui-widget-content">
																		</ul>
																	</div>
																</div>
																<span tabindex="0" id="ui-id-1-button" role="combobox"
																	aria-expanded="false" aria-autocomplete="list"
																	aria-owns="ui-id-1-menu" aria-haspopup="true"
																	class="ui-selectmenu-button ui-selectmenu-button-closed ui-corner-all ui-button ui-widget text-black text-14 font-normal bg-yellow-100">
																	<span
																		class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span>
																	<span class="ui-selectmenu-text px-2em">How can we
																		help you</span>
																</span>
															</div>
														</div>
														<div class="col col-12 py-0">
															<span class="lqd-form-control-wrap" data-name="acceptance">
																<span class="lqd-cf-form-control lqd-cf-acceptance">
																	<span class="lqd-cf-list-item">
																		<label>
																			<input type="checkbox" name="acceptance"
																				value="1" aria-invalid="false">
																			<span class="lqd-cf-list-item-label">I agree
																				to the terms of service.</span>
																		</label>
																	</span>
																</span>
															</span>
														</div>
														<div class="col col-12 py-0">
															<input type="submit" value="get a quote"
																class="mb-0 font-bold text-secondary bg-primary has-spinner text-16 hover:bg-secondary hover:text-white">
														</div>
													</div>
												</form>
												<div class="lqd-cf-response-output"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
				<!-- End Contact -->

					<!-- Start Case Study -->
					<section class="lqd-section case-study pt-55 pb-70">
					<div class="container">
						<div class="row">
							<div class="col col-12 text-center">
								<div class="w-50percent flex flex-col mx-auto mb-35 text-center lg:w-full"
									data-custom-animations="true"
									data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.out", "initValues": {"y": "35px", "opacity" : 0} , "animations": {"y": "0px", "opacity" : 1}}'>
									<div class="ld-fancy-heading relative animation-element">
										<h2 class="ld-fh-element mb-0/5em inline-block relative">delivering cutting-edge
											solutions across these Domains</h2>
									</div>
									<div class="ld-fancy-heading relative animation-element">
										<p class="ld-fh-element mb-0/5em inline-block relative">BuzzPixl provides elite
											development solutions, from Salesforce and ERP to custom software, web, and
											mobile apps. Our expert talent ensures scalability, efficiency, and
											innovation, helping businesses stay ahead.</p>
									</div>
								</div>
								<div class="w-full flex flex-wrap">
									<div class="w-25percent flex flex-auto p-10 lg:w-50percent sm:w-full">
										<div class="iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-contents-show-onhover py-25 mb-30 items-center bg-accent rounded-6 transition-bg hover:bg-secondary hover:text-secondary hover:inner-text-white lg:m-0"
											data-slideelement-onhover="true"
											data-slideelement-options='{ "visibleElement":  ".iconbox-icon-wrap, p, h3", "hiddenElement":  ".btn", "alignMid":  true, "triggerElement":  ".iconbox" }'>
											<div class="iconbox-icon-wrap">
												<div class="mb-25 iconbox-icon-container inline-flex w-40 text-40">
													<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"
														viewbox="0 0 50 50">
														<path
															d="M4.15-19.775a8.008,8.008,0,0,0,5.908-2.466A8.072,8.072,0,0,0,12.5-28.125V-42.48L18.115-37.7l1.465-1.66L11.67-46.24,3.76-39.355,5.225-37.7,10.4-42.48v14.355a6.082,6.082,0,0,1-1.782,4.443A6.017,6.017,0,0,1,4.15-21.875H-6.25a5.843,5.843,0,0,0-3.223.977,10.241,10.241,0,0,0-2.661,2.515,12.919,12.919,0,0,0-1.807,3.369,10.428,10.428,0,0,0-.659,3.54v6.25h2.1v-6.25a10.192,10.192,0,0,1,1.807-5.469q1.807-2.832,4.443-2.832Zm-25-25h25v-2.1h-25a4,4,0,0,0-2.93,1.221A4,4,0,0,0-25-42.725v41.7A4,4,0,0,0-23.779,1.9a4,4,0,0,0,2.93,1.221v-2.1A2.013,2.013,0,0,1-22.339.464,2.013,2.013,0,0,1-22.9-1.025v-41.7a2.013,2.013,0,0,1,.562-1.489A2.013,2.013,0,0,1-20.85-44.775Zm6.25,47.9h2.1v-4.15h-2.1Zm.83-32.52L-10.4-32.91l3.32,3.516,1.66-1.66-3.516-3.32L-5.42-37.7l-1.66-1.66L-10.4-35.84l-3.369-3.516-1.66,1.66,3.564,3.32-3.564,3.32ZM15.82-14.355,12.5-10.84,9.18-14.355,7.52-12.7l3.516,3.32L7.52-6.055l1.66,1.66L12.5-7.91l3.32,3.516,1.66-1.66-3.516-3.32L17.48-12.7ZM22.9-42.725H25a4,4,0,0,0-1.221-2.93,4,4,0,0,0-2.93-1.221h-2.1v2.1h2.1a2.013,2.013,0,0,1,1.489.562A2.013,2.013,0,0,1,22.9-42.725Zm0,41.7A2.013,2.013,0,0,1,22.339.464a2.013,2.013,0,0,1-1.489.562H-6.25v2.1h27.1A4,4,0,0,0,23.779,1.9,4,4,0,0,0,25-1.025v-29.2H22.9Zm0-33.35H25v-4.15H22.9Z"
															transform="translate(25 46.875)" fill="#184341"></path>
													</svg>
												</div>
											</div>
											<h3
												class="lqd-iconbox-heading text-center text-16 leading-1em mb-0 inner-text-white">
												SOLUTIONS</h3>
											<a href="./page-company-services.html" target="_blank" rel="nofollow"
												class="btn btn-naked btn-icon-right btn-hover-swp mt-em mb-0 items-center text-15 font-bold text-white hover:text-primary">
												<span class="btn-txt" data-text="Learn more">Learn more</span>
												<span class="btn-icon text-16 tracking-0">
													<i class="lqd-icn-ess icon-md-arrow-round-forward-2"></i>
												</span>
												<span class="btn-icon mr-10 text-16 tracking-0">
													<i class="lqd-icn-ess icon-md-arrow-round-forward-2"></i>
												</span>
											</a>
										</div>
									</div>
									<div class="w-25percent flex flex-auto p-10 lg:w-50percent sm:w-full">
										<div class="iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-contents-show-onhover py-25 mb-30 items-center bg-accent rounded-6 transition-bg hover:bg-secondary hover:text-secondary hover:inner-text-white lg:m-0"
											data-slideelement-onhover="true"
											data-slideelement-options='{ "visibleElement":  ".iconbox-icon-wrap, p, h3", "hiddenElement":  ".btn", "alignMid":  true, "triggerElement":  ".iconbox" }'>
											<div class="iconbox-icon-wrap">
												<div class="mb-25 iconbox-icon-container inline-flex w-40 text-40">
													<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"
														viewbox="0 0 50 50">
														<path
															d="M-1.27-11.865-8.35-5.225l-7.08-6.641a15.456,15.456,0,0,0-3.857,2.441,16.207,16.207,0,0,0-3.027,3.467,16.786,16.786,0,0,0-1.978,4.272A16.381,16.381,0,0,0-25,3.125H8.35a16.381,16.381,0,0,0-.708-4.81A16.786,16.786,0,0,0,5.664-5.957,16.207,16.207,0,0,0,2.637-9.424,15.16,15.16,0,0,0-1.27-11.865ZM-22.705,1.025A14.51,14.51,0,0,1-20.41-4.956a14.049,14.049,0,0,1,4.785-4.419l7.275,7.08,7.52-7.08A15.276,15.276,0,0,1,3.882-4.956,13.977,13.977,0,0,1,6.25,1.025Zm14.355-12.5a8.048,8.048,0,0,0,5.908-2.441A7.991,7.991,0,0,0,0-19.775v-4.2H-2.1v4.2a6.082,6.082,0,0,1-1.782,4.443A6.017,6.017,0,0,1-8.35-13.525a6.04,6.04,0,0,1-4.443-1.807A6.04,6.04,0,0,1-14.6-19.775v-4.2h6.25a8.048,8.048,0,0,0,5.908-2.441A7.991,7.991,0,0,0,0-32.275H-12.5a4,4,0,0,0-2.93,1.221,4,4,0,0,0-1.221,2.93v8.35a7.991,7.991,0,0,0,2.441,5.859A7.991,7.991,0,0,0-8.35-11.475Zm-6.25-16.65a2.048,2.048,0,0,1,.586-1.514,2.048,2.048,0,0,1,1.514-.586H-2.49a6.014,6.014,0,0,1-2.222,3.052A6.049,6.049,0,0,1-8.35-26.025H-14.6Zm18.75-8.35h12.5v-2.051H4.15Zm0,6.25h12.5v-2.051H4.15Zm-6.25-12.5a1.967,1.967,0,0,1,.586-1.489A2.1,2.1,0,0,1,0-44.775H20.85a2.013,2.013,0,0,1,1.489.562,2.013,2.013,0,0,1,.562,1.489H25a4,4,0,0,0-1.221-2.93,4,4,0,0,0-2.93-1.221H0a4,4,0,0,0-2.93,1.221,4,4,0,0,0-1.221,2.93v6.25H-2.1Zm25,8.35H25v-4.15H22.9Zm0,8.35a2.013,2.013,0,0,1-.562,1.489,2.013,2.013,0,0,1-1.489.562H13.965l-5.615,4.2v-4.2H4.15v2.1h2.1v6.25l8.35-6.25h6.25a4,4,0,0,0,2.93-1.221A4,4,0,0,0,25-26.025v-4.2H22.9Z"
															transform="translate(25 46.875)" fill="#184341"></path>
													</svg>
												</div>
											</div>
											<h3
												class="lqd-iconbox-heading text-center text-16 leading-1em mb-0 inner-text-white">
												NEARSHORE<br> DEVELOPERS </h3>
											<a href="./page-company-services.html" target="_blank" rel="nofollow"
												class="btn btn-naked btn-icon-right btn-hover-swp mt-em mb-0 items-center text-15 font-bold text-white hover:text-primary">
												<span class="btn-txt" data-text="Learn more">Learn more</span>
												<span class="btn-icon text-16 tracking-0">
													<i class="lqd-icn-ess icon-md-arrow-round-forward-2"></i>
												</span>
												<span class="btn-icon mr-10 text-16 tracking-0">
													<i class="lqd-icn-ess icon-md-arrow-round-forward-2"></i>
												</span>
											</a>
										</div>
									</div>
									<div class="w-25percent flex flex-auto p-10 lg:w-50percent sm:w-full">
										<div class="iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-contents-show-onhover py-25 mb-30 items-center bg-accent rounded-6 transition-bg hover:bg-secondary hover:text-secondary hover:inner-text-white lg:m-0"
											data-slideelement-onhover="true"
											data-slideelement-options='{ "visibleElement":  ".iconbox-icon-wrap, p, h3", "hiddenElement":  ".btn", "alignMid":  true, "triggerElement":  ".iconbox" }'>
											<div class="iconbox-icon-wrap">
												<div class="mb-25 iconbox-icon-container inline-flex w-40 text-40">
													<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"
														viewbox="0 0 50 50">
														<path
															d="M-2.1-31.25a1.023,1.023,0,0,0-.269-.757,1.023,1.023,0,0,0-.757-.269H-8.35V-37.5a1.023,1.023,0,0,0-.269-.757,1.023,1.023,0,0,0-.757-.269,1.023,1.023,0,0,0-.757.269,1.023,1.023,0,0,0-.269.757v5.225h-5.225a1.023,1.023,0,0,0-.757.269,1.023,1.023,0,0,0-.269.757,1.023,1.023,0,0,0,.269.757,1.023,1.023,0,0,0,.757.269H-10.4V-25a1.023,1.023,0,0,0,.269.757,1.023,1.023,0,0,0,.757.269,1.023,1.023,0,0,0,.757-.269A1.023,1.023,0,0,0-8.35-25v-5.225h5.225a1.023,1.023,0,0,0,.757-.269A1.023,1.023,0,0,0-2.1-31.25ZM15.625-17.725H5.225a1.056,1.056,0,0,0-.781.293,1.056,1.056,0,0,0-.293.781.994.994,0,0,0,.293.732,1.056,1.056,0,0,0,.781.293h10.4a.975.975,0,0,0,.757-.293,1.043,1.043,0,0,0,.269-.732,1.111,1.111,0,0,0-.269-.781A.975.975,0,0,0,15.625-17.725Zm0,8.35H5.225a1.056,1.056,0,0,0-.781.293.994.994,0,0,0-.293.732,1.056,1.056,0,0,0,.293.781,1.056,1.056,0,0,0,.781.293h10.4a.975.975,0,0,0,.757-.293,1.111,1.111,0,0,0,.269-.781,1.043,1.043,0,0,0-.269-.732A.975.975,0,0,0,15.625-9.375Zm-10.4-20.85h10.4a1.023,1.023,0,0,0,.757-.269,1.023,1.023,0,0,0,.269-.757,1.023,1.023,0,0,0-.269-.757,1.023,1.023,0,0,0-.757-.269H5.225a1.111,1.111,0,0,0-.781.269.975.975,0,0,0-.293.757.975.975,0,0,0,.293.757A1.111,1.111,0,0,0,5.225-30.225ZM-3.32-18.555a1.136,1.136,0,0,0-.757-.293.965.965,0,0,0-.708.293L-9.18-14.16l-4.346-4.395a1.136,1.136,0,0,0-.757-.293.965.965,0,0,0-.708.293,1.05,1.05,0,0,0-.342.757.9.9,0,0,0,.342.708l4.346,4.395L-14.99-8.35a1.05,1.05,0,0,0-.342.757.9.9,0,0,0,.342.708.559.559,0,0,0,.317.171,3.945,3.945,0,0,0,.513.024,4.048,4.048,0,0,0,.488-.024.574.574,0,0,0,.342-.171l4.395-4.346L-4.59-6.885a.574.574,0,0,0,.342.171,4.048,4.048,0,0,0,.488.024,3.945,3.945,0,0,0,.513-.024.559.559,0,0,0,.317-.171.9.9,0,0,0,.342-.708A1.05,1.05,0,0,0-2.93-8.35L-7.275-12.7-2.93-17.09a1.107,1.107,0,0,1-.2-.635A2.829,2.829,0,0,0-3.32-18.555ZM16.65-46.875v2.1a6.06,6.06,0,0,1,4.468,1.782A6.06,6.06,0,0,1,22.9-38.525v33.3A6.06,6.06,0,0,1,21.118-.757,6.06,6.06,0,0,1,16.65,1.025h-33.3A6.06,6.06,0,0,1-21.118-.757,6.06,6.06,0,0,1-22.9-5.225v-33.3a6.06,6.06,0,0,1,1.782-4.468,6.06,6.06,0,0,1,4.468-1.782H4.15v-2.1h-20.8a8.048,8.048,0,0,0-5.908,2.441A8.048,8.048,0,0,0-25-38.525v33.3A8.048,8.048,0,0,0-22.559.684,8.048,8.048,0,0,0-16.65,3.125h33.3A8.048,8.048,0,0,0,22.559.684,8.048,8.048,0,0,0,25-5.225v-33.3a8.048,8.048,0,0,0-2.441-5.908A8.048,8.048,0,0,0,16.65-46.875Zm-8.3,2.1H12.5v-2.1H8.35Z"
															transform="translate(25 46.875)" fill="#184341"></path>
													</svg>
												</div>
											</div>
											<h3
												class="lqd-iconbox-heading text-center text-16 leading-1em mb-0 inner-text-white">
												TECHNOLOGIES </h3>
											<a href="./page-company-services.html" target="_blank" rel="nofollow"
												class="btn btn-naked btn-icon-right btn-hover-swp mt-em mb-0 items-center text-15 font-bold text-white hover:text-primary">
												<span class="btn-txt" data-text="Learn more">Learn more</span>
												<span class="btn-icon text-16 tracking-0">
													<i class="lqd-icn-ess icon-md-arrow-round-forward-2"></i>
												</span>
												<span class="btn-icon mr-10 text-16 tracking-0">
													<i class="lqd-icn-ess icon-md-arrow-round-forward-2"></i>
												</span>
											</a>
										</div>
									</div>
									<div class="w-25percent flex flex-auto p-10 lg:w-50percent sm:w-full">
										<div class="iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-contents-show-onhover py-25 mb-30 items-center bg-accent rounded-6 transition-bg hover:bg-secondary hover:text-secondary hover:inner-text-white lg:m-0"
											data-slideelement-onhover="true"
											data-slideelement-options='{ "visibleElement":  ".iconbox-icon-wrap, p, h3", "hiddenElement":  ".btn", "alignMid":  true, "triggerElement":  ".iconbox" }'>
											<div class="iconbox-icon-wrap">
												<div class="mb-25 iconbox-icon-container inline-flex w-40 text-40">
													<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"
														viewbox="0 0 50 50">
														<path
															d="M-12.5-23.975a12.164,12.164,0,0,0,.977,4.858,12.625,12.625,0,0,0,2.686,3.979,12.625,12.625,0,0,0,3.979,2.686A12.164,12.164,0,0,0,0-11.475a12.164,12.164,0,0,0,4.858-.977,12.625,12.625,0,0,0,3.979-2.686,12.625,12.625,0,0,0,2.686-3.979,12.164,12.164,0,0,0,.977-4.858,12.219,12.219,0,0,0-.977-4.834,12.267,12.267,0,0,0-2.686-3.979,13.194,13.194,0,0,0-3.979-2.686,11.909,11.909,0,0,0-4.858-1,11.909,11.909,0,0,0-4.858,1,13.194,13.194,0,0,0-3.979,2.686,12.267,12.267,0,0,0-2.686,3.979A12.219,12.219,0,0,0-12.5-23.975ZM0-34.375a10.52,10.52,0,0,1,4.321.879,10.008,10.008,0,0,1,3.394,2.441L-2.1-21.24l-3.32-3.32-1.465,1.416,5.029,5.029L9.18-29.15a23.614,23.614,0,0,1,.83,2.441,9.912,9.912,0,0,1,.391,2.734,10.417,10.417,0,0,1-.806,4.1,10.549,10.549,0,0,1-2.2,3.32,10.063,10.063,0,0,1-3.3,2.222,10.417,10.417,0,0,1-4.1.806,10.417,10.417,0,0,1-4.1-.806,10.063,10.063,0,0,1-3.3-2.222,10.549,10.549,0,0,1-2.2-3.32,10.417,10.417,0,0,1-.806-4.1,10.293,10.293,0,0,1,.806-4.053,10.549,10.549,0,0,1,2.2-3.32,10.063,10.063,0,0,1,3.3-2.222A10.417,10.417,0,0,1,0-34.375Zm2.1-10.4H6.25v-2.1H2.1Zm12.5-2.1H10.4v2.1H12.7a12.335,12.335,0,0,0,1.245,3.662,12.644,12.644,0,0,0,2.246,3.052,12.644,12.644,0,0,0,3.052,2.246A12.335,12.335,0,0,0,22.9-34.57v12.7a12.106,12.106,0,0,1-2.588,7.2,37.292,37.292,0,0,1-6.2,6.567A56.254,56.254,0,0,1,6.567-2.759Q2.637-.439,0,.83-2.637-.439-6.567-2.759a56.254,56.254,0,0,1-7.544-5.347,37.292,37.292,0,0,1-6.2-6.567,12.106,12.106,0,0,1-2.588-7.2v-12.7a12.335,12.335,0,0,0,3.662-1.245,12.644,12.644,0,0,0,3.052-2.246,12.644,12.644,0,0,0,2.246-3.052A12.335,12.335,0,0,0-12.7-44.775H-2.1v-2.1H-14.6a10.417,10.417,0,0,1-.806,4.1,10.258,10.258,0,0,1-2.2,3.3,10.258,10.258,0,0,1-3.3,2.2,10.417,10.417,0,0,1-4.1.806v14.6a14.662,14.662,0,0,0,3.906,9.717A49.988,49.988,0,0,0-12.5-4.224,65.054,65.054,0,0,0-3.906,1.147L0,3.125,3.906,1.147A65.054,65.054,0,0,0,12.5-4.224a49.988,49.988,0,0,0,8.594-7.935A14.662,14.662,0,0,0,25-21.875v-14.6a10.417,10.417,0,0,1-4.1-.806,10.258,10.258,0,0,1-3.3-2.2,10.258,10.258,0,0,1-2.2-3.3A10.417,10.417,0,0,1,14.6-46.875Z"
															transform="translate(25 46.875)" fill="#184341"></path>
													</svg>
												</div>
											</div>
											<h3
												class="lqd-iconbox-heading text-center text-16 leading-1em mb-0 inner-text-white">
												SERVICES</h3>
											<a href="./page-company-services.html" target="_blank" rel="nofollow"
												class="btn btn-naked btn-icon-right btn-hover-swp mt-em mb-0 items-center text-15 font-bold text-white hover:text-primary">
												<span class="btn-txt" data-text="Learn more">Learn more</span>
												<span class="btn-icon text-16 tracking-0">
													<i class="lqd-icn-ess icon-md-arrow-round-forward-2"></i>
												</span>
												<span class="btn-icon mr-10 text-16 tracking-0">
													<i class="lqd-icn-ess icon-md-arrow-round-forward-2"></i>
												</span>
											</a>
										</div>
									</div>
								</div>
								<div class="w-full pt-15">
									<div class="text-center p-10">
										<a href="./page-company-services.html"
											class="btn button whitespace-nowrap btn-naked btn-icon-right btn-hover-reveal font-bold text-secondary text-15"
											target="_blank" rel="nofollow">
											<!-- <span class="btn-txt mr-5" data-text="See more services">See more
												services</span> -->
											<span class="btn-icon text-1/15em">
												<i aria-hidden="true"
													class="lqd-icn-ess icon-md-arrow-round-forward-2"></i>
											</span>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
				<!-- End Case Study -->

				<!-- Start Thin Fixed BG -->
				<section class="lqd-section py-100 thin-fixed-bg bg-center bg-cover relative transition-all"
					style="background-image: url('./assets/images/demo/company/fixed-bg.jpg')">
					<div class="background-overlay transition-all bg-secondary opacity-90"></div>
					<div class="container">
						<div class="row">
							<div class="col col-lg-12" data-custom-animations="true"
								data-ca-options='{"animationTarget": ".animation-element", "duration" : 800 , "delay" : 100 , "ease": "power4.out", "initValues": {"opacity" : 0} , "animations": {"opacity" : 1}}'>
								<div class="ld-fancy-heading relative text-center">
									<h2 class="ld-fh-element text-50 mb-0/5em inline-block relative animation-element">
										<span class="text-white" style="font-size: 35px;">
											BuzzPixl powers innovation with expert solutions in Salesforce, web & mobile
											apps, ERP, custom software, AI, IoT, and cloud technologies. </span>
										<span class="text-primary" style="font-size: 35px;">Got a Project? Let's
											talk!</span>
									</h2>
								</div>
							</div>
						</div>
					</div>
				</section>
				<!-- End Thin Fixed BG -->

				<!-- Start Clients -->
				<section class="lqd-section clients pt-40 pb-55 bg-gray-100">
					<div class="container">
						<div class="row">
							<div class="col col-lg-12">
								<div class="ld-fancy-heading relative text-center">
									<p class="ld-fh-element mb-0/5em inline-block relative">Join the 10.000+ companies
										trusting LandingHub</p>
								</div>
								<div class="w-full block pt-50">
									<div class="carousel-container relative carousel-nav-shaped">
										<div class="carousel-items relative lqd-fade-sides"
											data-lqd-flickity='{"marquee": true, "equalHeightCells": true, "middleAlignContent": true, "pauseAutoPlayOnHover": true}'>
											<div class="flickity-viewport relative w-full overflow-hidden">
												<div class="flickity-slider text-center flex w-full h-full relative">
													<div
														class="col col-4 col-md-3 w-20percent carousel-item flex flex-col justify-center items-center">
														<img src="./assets/images/demo/company/client-logo-7-2.svg"
															alt="Apper" width="80" height="64">
													</div>
													<div
														class="col col-4 col-md-3 w-20percent carousel-item flex flex-col justify-center items-center">
														<img src="./assets/images/demo/company/client-yahoofinance-2.svg"
															alt="yahoofinance" width="86" height="31">
													</div>
													<div
														class="col col-4 col-md-3 w-20percent carousel-item flex flex-col justify-center items-center">
														<img src="./assets/images/demo/company/client-dhl-2.svg"
															alt="dhl" width="80" height="11">
													</div>
													<div
														class="col col-4 col-md-3 w-20percent carousel-item flex flex-col justify-center items-center">
														<img src="./assets/images/demo/company/client-entr-2.svg"
															alt="entr" width="118" height="23">
													</div>
													<div
														class="col col-4 col-md-3 w-20percent carousel-item flex flex-col justify-center items-center">
														<img src="./assets/images/demo/company/client-dropcam-1.svg"
															alt="dropcam" width="121" height="23">
													</div>
													<div
														class="col col-4 col-md-3 w-20percent carousel-item flex flex-col justify-center items-center">
														<img src="./assets/images/demo/company/client-digitallogo-1.svg"
															alt="digitallogo">
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
				<!-- End Clients -->

				<!-- Start Consultation -->
				<section class="lqd-section consultation pt-80" id="consultation">
					<div class="container">
						<div class="row">
							<div class="col col-12 flex flex-row flex-wrap justify-center" data-custom-animations="true"
								data-ca-options='{"animationTarget": ".animation-element", "duration" : 1800 , "delay" : 180 , "ease": "power4.out", "initValues": {"y": "35px", "opacity" : 0} , "animations": {"y": "0px", "opacity" : 1}}'>
								<div class="w-45percent flex flex-col justify-center text-center mb-55 md:w-full">
									<div class="ld-fancy-heading relative animation-element">
										<h2 class="ld-fh-element mb-0/5em inline-block relative">Commitment to Quality
											with Cost Transparency You Can Trust.</h2>
									</div>
									<div class="ld-fancy-heading relative animation-element">
										<p class="ld-fh-element mb-0/5em inline-block relative">we prioritize excellence
											and integrity in every project. Our commitment to high-quality solutions is
											matched by our dedication to fair, transparent pricing, ensuring you get
											top-tier technology without hidden costs.</p>
									</div>
								</div>
								<div class="w-full"></div>
								<div class="flex w-33percent flex p-15 lg:w-full animation-element">
									<div class="ld-flipbox w-full h-full relative perspective rounded-4">
										<div class="ld-flipbox-wrap w-full h-full relative transform-style-3d">
											<div class="ld-flipbox-face ld-flipbox-front flex flex-col w-full h-full backface-hidden transform-style-3d"
												style="background-image: url('./assets/images/demo/company/flip-img-1.jpg')">
												<span class="ld-flipbox-overlay lqd-overlay flex bg-transparent"
													style="background-image: linear-gradient(180deg, rgba(24, 27, 49, 0) 0%, rgba(24, 27, 49, 0.65) 100%);"></span>
												<div
													class="ld-flipbox-inner w-full flex-grow-1 items-center justify-center backface-hidden">
													<div class="w-full flex flex-col flex-wrap items-start p-10 px-15">
														<div
															class="ld-fancy-heading relative w-auto mb-2em rounded-4 bg-white">
															<h5
																class="ld-fh-element m-0 inline-block relative bg-white text-15 font-semibold leading-1em tracking-0/5 py-0/5em px-1em rounded-4">
																Salesforce Devlopers</h5>
														</div>
														<div class="ld-fancy-heading relative">
															<h5
																class="ld-fh-element mb-0/5em inline-block relative text-30 text-white leading-1em">
																Hire expert Salesforce developers to streamline, scale &
																automate, business.</h5>
														</div>
													</div>
												</div>
											</div>
											<div
												class="ld-flipbox-face ld-flipbox-back flex flex-col lqd-overlay flex h-full backface-hidden transform-style-3d">
												<span class="ld-flipbox-overlay lqd-overlay flex"></span>
												<div
													class="ld-flipbox-inner flex flex-col flex-grow-1 items-center justify-center w-full backface-hidden py-40 px-50">
													<a href="#contact-modal"
														class="btn btn-solid btn-md whitespace-nowrap text-15 font-bold py-1/15em px-2/1em text-secondary rounded-4 bg-white hover:text-white hover:bg-primary"
														data-lity="#contact-modal">
														<span class="btn-txt" data-text="Send message">Send
															message</span>
													</a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="flex w-33percent flex p-15 lg:w-full animation-element">
									<div class="ld-flipbox w-full h-full relative perspective rounded-4">
										<div class="ld-flipbox-wrap w-full h-full relative transform-style-3d">
											<div class="ld-flipbox-face ld-flipbox-front flex flex-col w-full h-full backface-hidden transform-style-3d"
												style="background-image: url('./assets/images/demo/company/flip-img-2.jpg')">
												<span class="ld-flipbox-overlay lqd-overlay flex bg-transparent"
													style="background-image: linear-gradient(180deg, rgba(24, 27, 49, 0) 0%, rgba(24, 27, 49, 0.65) 100%);"></span>
												<div
													class="ld-flipbox-inner w-full flex-grow-1 items-center justify-center backface-hidden">
													<div class="w-full flex flex-col flex-wrap items-start p-10 px-15">
														<div
															class="ld-fancy-heading relative w-auto mb-2em rounded-4 bg-white">
															<h5
																class="ld-fh-element m-0 inline-block relative bg-white text-15 font-semibold leading-1em tracking-0/5 py-0/5em px-1em rounded-4">
																Expert Developers</h5>
														</div>
														<div class="ld-fancy-heading relative">
															<h5
																class="ld-fh-element mb-0/5em inline-block relative text-30 text-white leading-1em">
																Build and scale faster with skilled developers ready to
																bring your vision to life.</h5>
														</div>
													</div>
												</div>
											</div>
											<div
												class="ld-flipbox-face ld-flipbox-back flex flex-col lqd-overlay flex h-full backface-hidden transform-style-3d">
												<span class="ld-flipbox-overlay lqd-overlay flex"></span>
												<div
													class="ld-flipbox-inner flex flex-col flex-grow-1 items-center justify-center w-full backface-hidden py-50 px-60">
													<div
														class="ld py-1/15em px-2/1em-fancy-heading rounded-4 relative hover:text-white text-center">
														<p class="ld-fh-element text-white-60 inline-block relative">As
															a partner of corporates, Liquid has more than 9,000 partners
															of all sizes and all potential of session.</p>
													</div>
													<div class="fancy-btn">
														<a href="#contact-modal"
															class="btn btn-naked btn-hover-txt-liquid-y whitespace-nowrap font-bold text-white text-15"
															data-lity="#contact-modal">
															<span class="btn-txt" data-text="Send message"
																data-split-text="true"
																data-split-options='{"type":  "chars, words"}'>Send
																message</span>
														</a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="flex w-33percent flex p-15 lg:w-full animation-element">
									<div class="ld-flipbox w-full h-full relative perspective rounded-4">
										<div class="ld-flipbox-wrap w-full h-full relative transform-style-3d">
											<div class="ld-flipbox-face ld-flipbox-front flex flex-col w-full h-full backface-hidden transform-style-3d"
												style="background-image: url('./assets/images/demo/company/flip-img-3.jpg')">
												<span class="ld-flipbox-overlay lqd-overlay flex bg-transparent"
													style="background-image: linear-gradient(180deg, rgba(24, 27, 49, 0) 0%, rgba(24, 27, 49, 0.65) 100%);"></span>
												<div
													class="ld-flipbox-inner w-full flex-grow-1 items-center justify-center backface-hidden">
													<div class="w-full flex flex-col flex-wrap items-start p-10 px-15">
														<div
															class="ld-fancy-heading relative w-auto mb-2em rounded-4 bg-white">
															<h5
																class="ld-fh-element m-0 inline-block relative bg-white text-15 font-semibold leading-1em tracking-0/5 py-0/5em px-1em rounded-4">
																Information Technology</h5>
														</div>
														<div class="ld-fancy-heading relative">
															<h5
																class="ld-fh-element mb-0/5em inline-block relative text-30 text-white leading-1em">
																Strengthen, secure, and scale your IT infrastructure
																with top-tier engineers.</h5>
														</div>
													</div>
												</div>
											</div>
											<div
												class="ld-flipbox-face ld-flipbox-back flex flex-col lqd-overlay flex h-full backface-hidden transform-style-3d">
												<span class="ld-flipbox-overlay lqd-overlay flex"></span>
												<div
													class="ld-flipbox-inner flex flex-col flex-grow-1 items-center justify-center w-full backface-hidden py-40 px-50">
													<a href="#contact-modal"
														class="btn btn-solid btn-md whitespace-nowrap text-15 font-bold py-1/15em px-2/1em text-secondary rounded-4 bg-white hover:text-white hover:bg-primary"
														data-lity="#contact-modal">
														<span class="btn-txt" data-text="Send message">Send
															message</span>
													</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
				<!-- End Consultation -->

				<!-- Start Has Accordion -->
				<section class="lqd-section has-accordion pt-60 pb-120">
					<div class="container">
						<div class="row items-center">
							<div class="col col-12 col-xl-5" data-custom-animations="true"
								data-ca-options='{"animationTarget": ".animation-element", "duration" : 1800 , "delay" : 180 , "ease": "power4.out", "initValues": {"y": "35px", "opacity" : 0} , "animations": {"y": "0px", "opacity" : 1}}'
								data-localscroll="true" data-localscroll-options='{"itemsSelector":"a"}'>
								<div class="ld-fancy-heading relative animation-element">
									<h2 class="ld-fh-element mb-0/5em inline-block relative">THE PROCESS
									</h2>
								</div>
								<div class="ld-fancy-heading relative animation-element">
									<p class="ld-fh-element mb-2/5em inline-block relative">Seamless 3-Step Process to
										Hire and Work with BuzzPixl</p>
								</div>
								<a href="#what-we-do"
									class="btn btn-solid btn-md font-bold btn-icon-right btn-hover-reveal text-16 text-secondary bg-primary rounded-4 hover:bg-secondary hover:text-white animation-element"
									target="_blank" rel="nofollow">
									<span class="btn-txt" data-text="learn more">Quick Call?</span>
									<span class="btn-icon text-1/15em">
										<i aria-hidden="true" class="lqd-icn-ess icon-md-arrow-round-forward"></i>
									</span>
								</a>
							</div>
							<div class="col col-12 col-xl-6 offset-xl-1" data-custom-animations="true"
								data-ca-options='{"animationTarget": ".animation-element", "duration" : 1800 , "delay" : 180 , "ease": "power4.out", "initValues": {"y": "35px", "opacity" : 0} , "animations": {"y": "0px", "opacity" : 1}}'>
								<div class="accordion accordion-lg accordion-side-spacing accordion-title-round accordion-expander-lg accordion-active-has-fill"
									id="accordion-bg-title" role="tablist" aria-multiselectable="true">
									<div class="accordion-item mb-30 panel animation-element active">
										<div class="accordion-heading" role="tab">
											<h4 class="accordion-title" id="heading-1">
												<a class="text-16 font-bold leading-1/5em text-white rounded-4 py-1em px-1/5em bg-slate-100"
													role="button" data-bs-toggle="collapse" href="#collapse-1"
													aria-expanded="true" aria-controls="collapse-1">
													<span class="accordion-title-txt">Consultation Kick-Off</span>
													<span class="accordion-expander text-22">
														<i class="lqd-icn-ess icon-ion-ios-arrow-down"></i>
														<i class="lqd-icn-ess icon-ion-ios-arrow-up"></i>
													</span>
												</a>
											</h4>
										</div>
										<div id="collapse-1" class="accordion-collapse collapse show"
											data-bs-parent="#accordion-bg-title" role="tabpanel"
											aria-labelledby="heading-1">
											<div class="pb-0 px-1/5em pt-1/5em">We begin by understanding your project
												needs, goals, and technical requirements. Our experts analyze your
												challenges and craft a tailored strategy to match you with the right
												talent. </div>
										</div>
									</div>
									<div class="accordion-item mb-30 panel animation-element">
										<div class="accordion-heading" role="tab">
											<h4 class="accordion-title" id="heading-2">
												<a class="collapsed text-16 font-bold leading-1/5em text-white rounded-4 py-1em px-1/5em bg-slate-100"
													role="button" data-bs-toggle="collapse" href="#collapse-2"
													aria-expanded="false" aria-controls="collapse-2">
													<span class="accordion-title-txt">Interviewing</span>
													<span class="accordion-expander text-22">
														<i class="lqd-icn-ess icon-ion-ios-arrow-down"></i>
														<i class="lqd-icn-ess icon-ion-ios-arrow-up"></i>
													</span>
												</a>
											</h4>
										</div>
										<div id="collapse-2" class="accordion-collapse collapse"
											data-bs-parent="#accordion-bg-title" role="tabpanel"
											aria-labelledby="heading-2">
											<div class="pb-0 px-1/5em pt-1/5em">
												<p>Meet and evaluate top-tier nearshore developers from our vast
													network. Assess their skills, expertise, and compatibility to ensure
													the perfect fit for your team and project.</p>
											</div>
										</div>
									</div>
									<div class="accordion-item panel animation-element">
										<div class="accordion-heading" role="tab">
											<h4 class="accordion-title" id="heading-3">
												<a class="collapsed text-16 font-bold leading-1/5em text-white rounded-4 py-1em px-1/5em bg-slate-100"
													role="button" data-bs-toggle="collapse" href="#collapse-3"
													aria-expanded="false" aria-controls="collapse-3">
													<span class="accordion-title-txt">Hire</span>
													<span class="accordion-expander text-22">
														<i class="lqd-icn-ess icon-ion-ios-arrow-down"></i>
														<i class="lqd-icn-ess icon-ion-ios-arrow-up"></i>
													</span>
												</a>
											</h4>
										</div>
										<div id="collapse-3" class="accordion-collapse collapse"
											data-bs-parent="#accordion-bg-title" role="tabpanel"
											aria-labelledby="heading-3">
											<div class="pb-0 px-1/5em pt-1/5em">
												<p>Once you've selected the ideal candidates, we handle the onboarding
													process, ensuring a seamless transition so you can start building
													and scaling with confidence.</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
				<!-- End Has Accordion -->

				<!-- Start What We Do -->
				<section class="lqd-section what-we-do my-50" id="what-we-do">
					<div class="container">
						<div class="row items-center">
							<div class="col col-12 col-xl-6 p-0">
								<div class="w-full flex flex-wrap content-center items-center relative p-10">
									<div class="w-auto relative">
										<div class="lqd-imggrp-single block relative" data-shadow-style="4">
											<div
												class="lqd-imggrp-img-container inline-flex relative items-center justify-center w-50percent">
												<figure class="w-full relative">
													<img class="rounded-6" width="492" height="596"
														src="./assets/images/demo/company/what-we-do-1.jpg"
														alt="What We Do">
												</figure>
											</div>
										</div>
									</div>
									<div class="w-auto relative">
										<div class="-mt-40percent -mr-40percent mb-0 ml-35percent">
											<div class="lqd-imggrp-single block relative" data-shadow-style="4">
												<div
													class="lqd-imggrp-img-container inline-flex relative items-center justify-center w-55percent">
													<figure class="w-full relative">
														<img class="rounded-6" width="666" height="808"
															src="./assets/images/demo/company/what-we-do-2.jpg"
															alt="What We Do">
													</figure>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col col-12 col-xl-6 p-0" data-custom-animations="true"
								data-ca-options='{"animationTarget": ".animation-element", "duration" : 1800 , "delay" : 180 , "ease": "power4.out", "initValues": {"y": "35px", "opacity" : 0} , "animations": {"y": "0px", "opacity" : 1}}'>
								<div class="w-full flex flex-col items-start pr-5percent pl-30percent module-content">
									<div class="ld-fancy-heading relative animation-element">
										<h6
											class="ld-fh-element mb-0/5em inline-block relative lqd-highlight-classic lqd-highlight-grow-left">
											companys vision</h6>
									</div>
									<div class="ld-fancy-heading relative animation-element">
										<h2
											class="ld-fh-element mb-0/5em inline-block relative lqd-highlight-classic lqd-highlight-grow-left">
											Investing in the digital future.</h2>
									</div>
									<div class="ld-fancy-heading pb-0/5em relative animation-element">
										<p
											class="ld-fh-element mb-1/25em inline-block relative lqd-highlight-classic lqd-highlight-grow-left">
											IT allows your business and technology computers to store, transmit,
											analyze, and manipulate big data in the digital world.</p>
									</div>
									<div
										class="mb-20 iconbox flex flex-grow-1 relative items-center iconbox-side animation-element">
										<div class="iconbox-icon-wrap">
											<div class="iconbox-icon-container inline-flex text-18 text-green-700">
												<i aria-hidden="true"
													class="text-secondary lqd-icn-ess icon-ion-ios-checkmark"></i>
											</div>
										</div>
										<h3 class="lqd-iconbox-heading text-16 font-bold m-0">Business-Plan Consulting
										</h3>
									</div>
									<div
										class="mb-40 iconbox flex flex-grow-1 relative items-center iconbox-side animation-element">
										<div class="iconbox-icon-wrap">
											<div class="iconbox-icon-container inline-flex text-18 text-green-700">
												<i aria-hidden="true"
													class="text-secondary lqd-icn-ess icon-ion-ios-checkmark"></i>
											</div>
										</div>
										<h3 class="lqd-iconbox-heading text-16 font-bold m-0">First-Class Investments
										</h3>
									</div>
									<a href="#contact-modal"
										class="btn btn-solid btn-md font-bold btn-icon-right btn-hover-reveal text-16 text-secondary bg-primary rounded-4 hover:bg-secondary hover:text-white animation-element"
										data-lity="#contact-modal">
										<span class="btn-txt" data-text="Get a quote">Get a quote</span>
										<span class="btn-icon text-1/15em">
											<i aria-hidden="true" class="lqd-icn-ess icon-md-arrow-round-forward"></i>
										</span>
									</a>
								</div>
							</div>
						</div>
					</div>
				</section>
				<!-- End What We Do -->

				<!-- Start Subscribe -->
				<section class="lqd-section subscribe pt-40 pb-180">
					<div class="container">
						<div class="row">
							<div
								class="col col-12 flex flex-wrap pt-35 pb-25 border-1 border-black-10 rounded-100 transition-all lg:border-0">
								<div
									class="lqd-pb-container lqd-pb-nums lqd-pb-icon-between lqd-pb-icon-between-middle flex flex-wrap flex-grow-1 justify-between">
									<div
										class="flex flex-grow-1 flex-auto items-center justify-center relative w-33percent mb-10 md:w-50percent md:justify-start sm:w-full">
										<div
											class="lqd-pb lqd-pb-style-5 lqd-pb-shaped lqd-pb-circle flex items-center justify-center">
											<div class="lqd-pb-in-container lqd-pb-num-container relative mr-15">
												<div
													class="lqd-pb-in lqd-pb-num lqd-pb-active-shape flex rounded-full relative z-1 bg-white">
												</div>
											</div>
											<div class="lqd-pb-content">
												<h5 class="text-16 text-blue-700 tracking-0 m-0">Kick-Off
												</h5>
											</div>
										</div>
										<div class="absolute inline-block right-15 text-20 leading-1em md:hidden">
											<svg class="w-1em h-1em" xmlns="http://www.w3.org/2000/svg" width="12"
												height="32" viewbox="0 0 12 32">
												<path fill="#2c2e30"
													d="M8.375 16L.437 8.062C-.125 7.5-.125 6.5.438 5.938s1.563-.563 2.126 0l9 9c.562.562.624 1.5.062 2.062l-9.063 9.063c-.312.312-.687.437-1.062.437s-.75-.125-1.063-.438c-.562-.562-.562-1.562 0-2.125z">
												</path>
											</svg>
										</div>
									</div>
									<div
										class="flex flex-grow-1 flex-auto items-center justify-center relative w-33percent mb-10 md:w-50percent md:justify-start sm:w-full">
										<div
											class="lqd-pb lqd-pb-style-5 lqd-pb-shaped lqd-pb-circle flex items-center justify-center">
											<div class="lqd-pb-in-container lqd-pb-num-container relative mr-15">
												<div
													class="lqd-pb-in lqd-pb-num lqd-pb-active-shape flex rounded-full relative z-1 bg-white">
												</div>
											</div>
											<div class="lqd-pb-content">
												<h5 class="text-16 text-blue-700 tracking-0 m-0">Interview</h5>
											</div>
										</div>
										<div class="absolute inline-block right-15 text-20 leading-1em md:hidden">
											<svg class="w-1em h-1em" xmlns="http://www.w3.org/2000/svg" width="12"
												height="32" viewbox="0 0 12 32">
												<path fill="#2c2e30"
													d="M8.375 16L.437 8.062C-.125 7.5-.125 6.5.438 5.938s1.563-.563 2.126 0l9 9c.562.562.624 1.5.062 2.062l-9.063 9.063c-.312.312-.687.437-1.062.437s-.75-.125-1.063-.438c-.562-.562-.562-1.562 0-2.125z">
												</path>
											</svg>
										</div>
									</div>
									<div
										class="flex flex-grow-1 flex-auto items-center justify-center relative w-33percent mb-10 md:justify-start md:w-full">
										<div
											class="lqd-pb lqd-pb-style-5 lqd-pb-shaped lqd-pb-circle flex items-center justify-center">
											<div class="lqd-pb-in-container lqd-pb-num-container relative mr-15">
												<div
													class="lqd-pb-in lqd-pb-num lqd-pb-active-shape flex rounded-full relative z-1 bg-white">
												</div>
											</div>
											<div class="lqd-pb-content">
												<h5 class="text-16 text-blue-700 tracking-0 m-0">Hire
												</h5>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
				<!-- End Subscribe -->

				<!-- Start Testimonial -->
				<section class="lqd-section testimonial py-150 bg-center bg-cover relative transition-all"
					style="background-image: url('./assets/images/demo/company/testimonials.jpg');">
					<div class="background-overlay transition-all bg-green-100 opacity-100"
						style="background-image: linear-gradient(115deg, rgb(24, 67, 65) 48%, rgba(242, 41, 91, 0) 82%);">
					</div>
					<div class="container">
						<div class="row">
							<div class="col col-12 col-xl-8 relative sm:p-0" data-custom-animations="true"
								data-ca-options='{"animationTarget": ".animation-element", "duration" : 1800 , "delay" : 180 , "ease": "power4.out", "initValues": {"y": "35px", "opacity" : 0} , "animations": {"y": "0px", "opacity" : 1}}'>
								<div class="ld-fancy-heading relative animation-element">
									<h2
										class="ld-fh-element mb-1em text-primary inline-block relative  lqd-highlight-classic lqd-highlight-grow-left">
										testimonials</h2>
								</div>
								<div
									class="carousel-container pr-45 relative carousel-nav-left carousel-nav-size-default carousel-nav-left carousel-dots-mobile-outside carousel-dots-mobile-left sm:pr-0 animation-element">
									<div class="carousel-items relative"
										data-lqd-flickity='{"prevNextButtons": true, "groupCells": true, "navArrow": "6", "addSlideNumbersToArrows": true, "cellAlign": "left", "buttonsAppendTo": "self", "pageDots": false}'>
										<div class="carousel-item flex flex-col justify-center">
											<div class="carousel-item-inner relative w-full">
												<div class="carousel-item-content relative w-full">
													<span class="text-white text-24 leading-40">“You made it so simple.
														My site is so much faster and easier to work with than my old
														site. I just choose the page, make the change and click
														save.”</span>
													<h6 class="mt-1em mb-0/5em">
														<span class="text-white-50">Liquid, Founder</span>
													</h6>
												</div>
											</div>
										</div>
										<div class="carousel-item flex flex-col justify-center">
											<div class="carousel-item-inner relative w-full">
												<div class="carousel-item-content relative w-full">
													<span class="text-white text-24 leading-40">“You made it so simple.
														My site is so much faster and easier to work with than my old
														site. I just choose the page, make the change and click
														save.</span>
													<h6 class="mt-1em mb-0/5em">
														<span class="text-white-50">Liquid, Founder</span>
													</h6>
												</div>
											</div>
										</div>
										<div class="carousel-item flex flex-col justify-center">
											<div class="carousel-item-inner relative w-full">
												<div class="carousel-item-content relative w-full">
													<span class="text-white text-24 leading-40">“You made it so simple.
														My site is so much faster and easier to work with than my old
														site. I just choose the page, make the change and click
														save.”</span>
													<h6 class="mt-1em mb-0/5em">
														<span class="text-white-50">Liquid, Founder</span>
													</h6>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="absolute lqd-imggrp-single block w-auto -top-25" data-parallax="true"
									data-parallax-options='{"ease": "linear", "start": "top bottom", "end": "bottom+=0px top"}'
									data-parallax-from='{"y": "140px"}' data-parallax-to='{"y": "40px"}'>
									<div
										class="lqd-imggrp-img-container inline-flex relative items-center justify-center">
										<figure class="w-full relative">
											<img src="./assets/images/demo/company/icon-quote.svg" alt="Icon Qoute">
										</figure>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
				<!-- End Testimonial -->

				<!-- Start Blog -->
				<section class="lqd-section blog pt-80" id="news">
					<div class="container mb-50">
						<div class="row">
							<div class="col col-12 flex flex-col">
								<div class="w-45percent flex flex-col mx-auto lg:w-full" data-custom-animations="true"
									data-ca-options='{"addChildTimelines": false, "animationTarget": ".animation-element", "duration" : 1800 , "delay" : 180 , "ease": "power4.out", "initValues": {"y": "35px"} , "animations": {"y": "0px"}}'>
									<div class="flex flex-col text-center mb-35">
										<div class="ld-fancy-heading relative animation-element">
											<h2
												class="ld-fh-element mb-0/5em inline-block relative lqd-highlight-classic lqd-highlight-grow-left">
												news</h2>
										</div>
										<div class="ld-fancy-heading relative animation-element">
											<p
												class="ld-fh-element mb-0/5em inline-block relative lqd-highlight-classic lqd-highlight-grow-left p">
												IT allows your business and technology computers to store, transmit,
												analyze, and manipulate big data.</p>
										</div>
									</div>
								</div>
								<div class="flex flex-wrap -mr-15 -ml-15">
									<div class="w-33percent flex mb-30 px-15 md:w-full">
										<article
											class="lqd-lp relative lqd-lp lqd-lp-style-16 text-start post-10007 post type-post status-publish format-standard has-post-thumbnail hentry category-blog-single tag-beauty">
											<div class="lqd-lp-img rounded-4 overflow-hidden relative mb-2rem">
												<figure class="relative bg-cover bg-center w-full">
													<img width="720" height="400"
														src="./assets/images/demo/company/blog-1.jpg" class="w-full"
														alt="Blog">
												</figure>
											</div>
											<header class="lqd-lp-header mb-1em">
												<h2 class="entry-title lqd-lp-title h5 m-0">Investment trend monitor:
													Top trends in 2021</h2>
											</header>
											<div class="lqd-lp-excerpt mb-1em">
												<p>I think that you should be able to select more than one reason for
													rating. This team is </p>
											</div>
											<footer class="lqd-lp-footer relative z-2">
												<a href="#"
													class="btn btn-naked uppercase tracking-0/1em size-sm font-bold lqd-lp-read-more items-center text-12">
													<span
														class="btn-line btn-line-before inline-block relative text-secondary text-12"></span>
													<span class="btn-txt inline-block text-secondary">Continue
														Reading</span>
													<span
														class="btn-line btn-line-after inline-block text-secondary relative">
														<svg class="inline-block absolute"
															xmlns="http://www.w3.org/2000/svg" width="12" height="32"
															viewbox="0 0 12 32" style="height: 2em;">
															<path fill="currentColor"
																d="M8.375 16L.437 8.062C-.125 7.5-.125 6.5.438 5.938s1.563-.563 2.126 0l9 9c.562.562.624 1.5.062 2.062l-9.063 9.063c-.312.312-.687.437-1.062.437s-.75-.125-1.063-.438c-.562-.562-.562-1.562 0-2.125z">
															</path>
														</svg>
													</span>
												</a>
											</footer>
										</article>
									</div>
									<div class="w-33percent flex mb-30 px-15 md:w-full">
										<article
											class="lqd-lp relative lqd-lp lqd-lp-style-16 text-start post-10006 post type-post status-publish format-standard has-post-thumbnail hentry category-blog-single tag-business tag-travel">
											<div class="lqd-lp-img rounded-4 overflow-hidden relative mb-2rem">
												<figure class="relative bg-cover bg-center w-full">
													<img width="720" height="400"
														src="./assets/images/demo/company/blog-2.jpg" class="w-full"
														alt="Blog">
												</figure>
											</div>
											<header class="lqd-lp-header mb-1em">
												<h2 class="entry-title lqd-lp-title h5 m-0">Mind power the ultimate
													success formula</h2>
											</header>
											<div class="lqd-lp-excerpt mb-1em">
												<p>I think that you should be able to select more than one reason for
													rating. </p>
											</div>
											<footer class="lqd-lp-footer relative z-2">
												<a href="#"
													class="btn btn-naked uppercase tracking-0/1em size-sm font-bold lqd-lp-read-more items-center text-12">
													<span
														class="btn-line btn-line-before inline-block relative text-secondary text-12"></span>
													<span class="btn-txt inline-block text-secondary">Continue
														Reading</span>
													<span
														class="btn-line btn-line-after inline-block text-secondary relative">
														<svg class="inline-block absolute"
															xmlns="http://www.w3.org/2000/svg" width="12" height="32"
															viewbox="0 0 12 32" style="height: 2em;">
															<path fill="currentColor"
																d="M8.375 16L.437 8.062C-.125 7.5-.125 6.5.438 5.938s1.563-.563 2.126 0l9 9c.562.562.624 1.5.062 2.062l-9.063 9.063c-.312.312-.687.437-1.062.437s-.75-.125-1.063-.438c-.562-.562-.562-1.562 0-2.125z">
															</path>
														</svg>
													</span>
												</a>
											</footer>
										</article>
									</div>
									<div class="w-33percent flex mb-30 px-15 md:w-full">
										<article
											class="lqd-lp relative lqd-lp lqd-lp-style-16 text-start post-10003 post type-post status-publish format-standard has-post-thumbnail hentry category-blog-single category-lifestyle category-travel tag-spain tag-travel">
											<div class="lqd-lp-img rounded-4 overflow-hidden relative mb-2rem">
												<figure class="relative bg-cover bg-center w-full">
													<img width="720" height="400"
														src="./assets/images/demo/company/blog-3.jpg" class="w-full"
														alt="Blog">
												</figure>
											</div>
											<header class="lqd-lp-header mb-1em">
												<h2 class="entry-title lqd-lp-title h5 m-0">Working from home: Update
												</h2>
											</header>
											<div class="lqd-lp-excerpt mb-1em">
												<p>I think that you should be able to select more than one reason for
													rating. This team is </p>
											</div>
											<footer class="lqd-lp-footer relative z-2">
												<a href="#"
													class="btn btn-naked uppercase tracking-0/1em size-sm font-bold lqd-lp-read-more items-center text-12">
													<span
														class="btn-line btn-line-before inline-block relative text-secondary text-12"></span>
													<span class="btn-txt inline-block text-secondary">Continue
														Reading</span>
													<span
														class="btn-line btn-line-after inline-block text-secondary relative">
														<svg class="inline-block absolute"
															xmlns="http://www.w3.org/2000/svg" width="12" height="32"
															viewbox="0 0 12 32" style="height: 2em;">
															<path fill="currentColor"
																d="M8.375 16L.437 8.062C-.125 7.5-.125 6.5.438 5.938s1.563-.563 2.126 0l9 9c.562.562.624 1.5.062 2.062l-9.063 9.063c-.312.312-.687.437-1.062.437s-.75-.125-1.063-.438c-.562-.562-.562-1.562 0-2.125z">
															</path>
														</svg>
													</span>
												</a>
											</footer>
										</article>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
				<!-- End Blog -->

				<!-- Start Map -->
				<section class="lqd-section map bg-yellow-100">

					<!--START BY ME(VAISHNAVI)-->
					<div class="container-fluid">&nbsp
						<!-- Slider Start -->
						<section class="bg-light p-md-2 p-0 vh-100  clss-slider">
							<!-- Flickity HTML init -->
							<div class="carousel"
								data-flickity='{"wrapAround": "true", "prevNextButtons": true, "autoPlay": 2000, "cellAlign": "left", "contain": true, "draggable": true, "freeScroll": false, "pageDots": false}'>

								<!-- Card First -->
								<div class="carousel-cell">
									<div class="speaker-block-three">
										<div class="flip-card">
											<div class="flip-card-inner">
												<!-- Front Side -->
												<div class="flip-card-front">
													<div class="inner-box">
														<div class="image-box">
															<figure class="image">
																<a href="#"><img src="assets/images/Team/7.jpeg"
																		alt=""></a>
															</figure>
														</div>
														<div class="info-box">
															<h3 class="name"><a href="#">Priya *****</a></h3>
															<h4 class="designation">Salesforce Developer</h4>
															<h5 class="designation">India</h5>
															<div>+8 Years of Experience</div>
														</div>
													</div>
												</div>

												<!-- Back Side -->
												<div class="flip-card-back">
													<div class="inner-box back-box">
														<div class="info-box">
															<h4>About Priya</h4>
															<p class="about-text">
																Priya is a certified Salesforce Developer specializing
																in Apex, Visualforce, and Lightning components.
																She has worked with enterprise clients to customize
																Salesforce solutions, ensuring smooth CRM integrations
																and automation.
															</p>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>

								<!-- Card Second -->
								<div class="carousel-cell">
									<div class="speaker-block-three">
										<div class="flip-card">
											<div class="flip-card-inner">
												<!-- Front Side -->
												<div class="flip-card-front">
													<div class="inner-box">
														<div class="image-box">
															<figure class="image">
																<a href="#"><img src="assets/images/Team/16.jpeg"
																		alt=""></a>
															</figure>
														</div>
														<div class="info-box">
															<h3 class="name"><a href="#">Amit *****</a></h3>
															<h4 class="designation">Frontend Developer</h4>
															<h5 class="designation">India</h5>
															<div>+10 Years of Experience</div>
														</div>
													</div>
												</div>

												<!-- Back Side -->
												<div class="flip-card-back">
													<div class="inner-box back-box">
														<div class="info-box">
															<h4>About Amit</h4>
															<p class="about-text">
																Amit is a highly skilled frontend developer with
																expertise in modern web technologies such as React,
																Angular, and Vue.js.
																With a strong background in UI/UX design, he has helped
																companies create seamless user experiences.</p>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>

								<!-- Card Third -->
								<div class="carousel-cell">
									<div class="speaker-block-three">
										<div class="flip-card">
											<div class="flip-card-inner">
												<!-- Front Side -->
												<div class="flip-card-front">
													<div class="inner-box">
														<div class="image-box">
															<figure class="image">
																<a href="#"><img src="assets/images/Team/17.jpeg"
																		alt=""></a>
															</figure>
														</div>
														<div class="info-box">
															<h3 class="name"><a href="#">Arjun *****</a></h3>
															<h4 class="designation">DevOps Engineer</h4>
															<h5 class="designation">India</h5>
															<div>+9 Years of Experience</div>
														</div>
													</div>
												</div>

												<!-- Back Side -->
												<div class="flip-card-back">
													<div class="inner-box back-box">
														<div class="info-box">
															<h4>About Arjun</h4>
															<p class="about-text">
																Arjun is a DevOps engineer with expertise in CI/CD
																pipelines, Kubernetes, Docker, and cloud infrastructure
																management. He has played a crucial role in automating
																deployments, improving system reliability, and enhancing
																scalability for startups and enterprises alike. </p>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>

								<!-- Card Fourth -->
								<div class="carousel-cell">
									<div class="speaker-block-three">
										<div class="flip-card">
											<div class="flip-card-inner">
												<!-- Front Side -->
												<div class="flip-card-front">
													<div class="inner-box">
														<div class="image-box">
															<figure class="image">
																<a href="#"><img src="assets/images/Team/9.jpeg"
																		alt=""></a>
															</figure>
														</div>
														<div class="info-box">
															<h3 class="name"><a href="#">Sneha *****</a></h3>
															<h4 class="designation">.NET Developer</h4>
															<h5 class="designation">India</h5>
															<div>+10 Years of Experience</div>
														</div>
													</div>
												</div>

												<!-- Back Side -->
												<div class="flip-card-back">
													<div class="inner-box back-box">
														<div class="info-box">
															<h4>About Sneha</h4>
															<p class="about-text">
																Sneha is an expert in the .NET ecosystem, specializing
																in
																ASP.NET Core, C#, and SQL Server. She has built and
																maintained robust web applications for finance,
																healthcare, and e-commerce sectors </p>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>

								<!-- Card Fifth -->
								<div class="carousel-cell">
									<div class="speaker-block-three">
										<div class="flip-card">
											<div class="flip-card-inner">
												<!-- Front Side -->
												<div class="flip-card-front">
													<div class="inner-box">
														<div class="image-box">
															<figure class="image">
																<a href="#"><img src="assets/images/Team/27.jpeg"
																		alt=""></a>
															</figure>
														</div>
														<div class="info-box">
															<h3 class="name"><a href="#">Ramesh *****</a></h3>
															<h4 class="designation">Database Administrator</h4>
															<h5 class="designation">India</h5>
															<div>+14 Years of Experience</div>
														</div>
													</div>
												</div>

												<!-- Back Side -->
												<div class="flip-card-back">
													<div class="inner-box back-box">
														<div class="info-box">
															<h4>About Ramesh</h4>
															<p class="about-text">
																Ramesh has extensive experience in database management,
																focusing on MySQL, PostgreSQL, and MongoDB. He ensures
																high availability, security, and optimization of
																database systems. </p>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>

								<!-- Card Sixth -->
								<div class="carousel-cell">
									<div class="speaker-block-three">
										<div class="flip-card">
											<div class="flip-card-inner">
												<!-- Front Side -->
												<div class="flip-card-front">
													<div class="inner-box">
														<div class="image-box">
															<figure class="image">
																<a href="#"><img src="assets/images/Team/24.jpeg"
																		alt=""></a>
															</figure>
														</div>
														<div class="info-box">
															<h3 class="name"><a href="#">Manish *****</a></h3>
															<h4 class="designation">C++ Developer</h4>
															<h5 class="designation">India</h5>
															<div>+15 Years of Experience</div>
														</div>
													</div>
												</div>

												<!-- Back Side -->
												<div class="flip-card-back">
													<div class="inner-box back-box">
														<div class="info-box">
															<h4>About Manish</h4>
															<p class="about-text">
																Manish specializes in high-performance C++ programming,
																working on low-latency trading systems and embedded
																applications. His expertise spans across software
																optimization and multi-threaded programming.
															</p>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</section>
					</div>
					<!--End BY ME(VAISHNAVI)-->

				</section>
				<!-- End Map -->

<?php include('footer.php');?>	
			